@import url(listmenu_h.css);

input,select,textarea {
	background-color: #EBF1FA;
	color: #222222;
}

input:focus, 
select:focus, 
textarea:focus {
	background-color: #ffffff;
}

body {
	padding: 0px;
	margin: 0px;
	font-family: sans-serif;
	font-size: 12px;
	background: #fff;
	min-width: 980px;
}
table{
	font-family:sans-serif;
	font-size: 12px;
}

a img { border: none; text-decoration: none; }
/* Loading message */
DIV#loading {
	font-size: 11px; 
	color: #000;
	position: fixed;
	z-index: 100;
	width: 300px;
	left: 50%; top: 50%;
	margin-left: -166px; 
	margin-top: -56px;
	text-align: center;
	padding: 15px;
	border: 1px solid #333;
	background-color: #EFEFEF; /* #eee; */
	cursor: pointer; cursor: hand;
}
* html DIV#loading { position: absolute; } /* IE hack */
DIV#PBouter, DIV#PBdone { margin-left: auto; margin-right: auto; }

.maintable{
	background-color: #FFFFFF;
	border: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	padding: 20px;
}
h1 {
	color: #336699;
	font:bold 20px trebuchet ms,arial,helvetica,sans-serif; 
}

h1 a {
	color: #336699;
	text-decoration: none;
}

h1 a:hover {
	text-decoration: underline;
}

br {
	margin-bottom: 4px;
}

#container {
	padding: 5px 10px;
}

#header {
	margin: 0px 10px 0px 10px;
	height: 145px;
	background: #FFFFFF url(https://e4e.s3.amazonaws.com/orderitontheweb/images/oibk.png) repeat-x;
	color: #fff;
	font:bold 30px trebuchet ms,arial,helvetica,sans-serif; 
}
#headleft {
	position: relative;
	width: 232px;
	height: 145px;
	margin: 0px;
	padding: 0px;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/headbk.png) no-repeat;
	float: left;
}
#headleft h1 {
	position: relative;
	width: 232px;
	height: 77px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 12px;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/headerbk.png) no-repeat;
	text-indent: -9000px;
}
#headleft h1 a {
	display: block;
	width: 232px;
	height: 77px;
	margin: 0px;
	padding: 0px;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/headerbk.png) no-repeat;
	text-indent: -9000px;
}
#header a:hover {
	text-decoration: underline;
}

#topsearch {
	position: absolute;
	display: block;
	top: 115px;
	left: 20px;
	height: 25px!important;
	z-index: 3;
	
}
#topsearch form {
	padding: 0px;
	margin: 0px;
}
.searchinfo {
	display: block;
	position: inherit;
	height: 25px;
	line-height: 25px;
	float: left;
}
.btn {
	display: block;
	position: inherit;
	margin-left: 10px;
	float: left;
}
#newsletter {
	position: absolute;
	display: block;
	top: 81px;
	right: 10px;
	z-index: 201;
	
}
.toptext {
	color: #FFFFFF;
	font-size: 11px;
}
.toptext2 {
	font-size: 11px;
	font-weight: bold;
	color: #336699;
}
.toptext2 form {
	padding: 0px;
	margin: 0px;
}
.toptext2 label {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}
.pricetrack_text {
	font-size: 11px;
	background-color: #CCCCCC;
}
.imgedit img {
	max-width: 180px;
	max-height: 120px;
}
#headleftbelow {
	display: block;
	width: 232px;
	height: 68px;
}
#headright {
	display: block;
	height: 145px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#headright h2 {
	position: absolute;
	display: block;
	color: #000000;
	height: 37px;
	font-size: 16px;
	margin: 40px 0px 0px 15px;
}
#topnav {
	position: absolute;
	display: block;
	height: 29px;
	margin: 77px 0px 0px 0px;
	padding-right: 25px;
	text-align: left;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/topnavbk.png) no-repeat right;
}
#topnav a {
	display: block;
	padding: 8px 10px 0px 5px;
	height: 21px;
	text-indent: 5px;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	float: left;
}
#topnav a.link {
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/topnavitembk.png) no-repeat left;
}
#topnav a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#topbar {
	display: block;
	position: absolute;
	top: 0px;
	right: 10px;
	height: 25px;
	z-index: 2;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/topbarbk.png) repeat-x;
	font-size: 10px;
	text-align: right;
	color: #FFFFFF;
	line-height: 25px;
	padding: 0px 25px 0px 0px;
	float: left;
}
#topcap {
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/topbarcap.png) no-repeat left bottom;
	width: 75px;
	height: 25px;
	float: left;
}
#topbar img {
	padding-right: 5px;
	border: none;
	vertical-align: middle;
}
#topbar a, #topbar a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#topbar a:hover {
	color: rgb(255,161,9);
	text-decoration: none;
}


#menubar{
	position: relative;
	display: block;
	margin: 0px 10px 0px 10px;
	height: 30px;
	color: #000;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/navbk.png) repeat-x;
	font:bold 12px trebuchet ms,arial,helvetica,sans-serif; 
}
#navleft {
	display: block;
	width: 30px;
	height: 30px;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/navcapleft.png) no-repeat;
	float: left;
}
#mainnav {
	display: block;
	padding: 0px 10px 0px 10px;
	float: left;
}
#navright {
	display: block;
	height: 30px;
	text-align: right;
	color: #FFFFFF;
	padding: 5px 10px 0px 35px;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/navcapright.png) no-repeat top left;
	float: right;
}
#navright a {
	color: #ffffff;
	text-decoration: none;
}
#navright a:hover {
	text-decoration: underline;
}
#left-side {
	display: block;
	background-color: #eee;
	border: 1px solid #000;
	width: 190px;
	min-width: 190px;
	max-width: 190px;
	float: left;
}

#left-bar {
	background: #eee url(https://e4e.s3.amazonaws.com/orderitontheweb/images/barbk.png) repeat-x;
	border: 1px solid #C9C9C9;
	padding-bottom: 15px!important;
	padding: 5px;
	width: 180px;
	min-width: 180px;
	max-width: 180px;
	float: left;
}
#left-bar a, #left-bar a:visited {
	color: #0000EE;
	text-decoration: none;
}
#left-bar a:hover {
	color: #000;
	text-decoration: underline;
}

#left-bar .title-bar {
	background: #336699 url(https://e4e.s3.amazonaws.com/orderitontheweb/images/titlebk.png) repeat-x;
	color: #fff;
	font-weight: bold;
	border: 1px solid rgb(37,75,114);
	padding: 2px;
	margin-bottom: 5px;
}

#left-bar .label {
	color: #000;
	border: 1px solid #eee;
	padding: 2px;
}

#left-bar .label:hover {
	color: #000;
	border: 1px solid #ccc;
	background-color: #fff;
}



#main {
	background-color: #eee;
	border: 1px solid #999;
	padding: 10px;
	margin-left: 210px;
}
#main2 {
	display: block;
	background-color: #ffffff;
	padding: 5px;
	margin-left: 10px;
	width: 62%;
	font-size: 12px;
	float: left;
	
}
#main2 p {
	font-size: 12px;
	line-height: normal;
}

.productpage {
	display: block;
	margin: 5px;
	padding: 0px;
}
.clear {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/dot.gif) repeat-x bottom;
}

#main2 fieldset {
	border: 0px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: solid 1px #CCCCCC;
}
#main2 legend {
	font-size: 16px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	text-indent: -2px;
	color: #336699;
	margin-bottom: 10px;
}
#main2 .title-bar {
	background: #336699 url(https://e4e.s3.amazonaws.com/orderitontheweb/images/titlebk.png) repeat-x;
	color: #fff;
	font-weight: bold;
	border: 1px solid #900;
	padding: 2px;
	margin-bottom: 5px;
}
#main2 a, #main2 a:visited {
	color: #0000EE;
	text-decoration: none;
}
#main2 a:hover {
	color: #000;
	text-decoration: underline;
}
.cat_link a {
	font-size: 14px!important;
	text-decoration: none!important;
}
.cat_link img {
	padding-right: 15px;
}
.cat_link2 a {
	height: 16px;
	font-size: 10px!important;
	text-decoration: underline!important;
	line-height: 14px!important;
}
.category {
	padding-left: 20px;
}

.product_image {
	display: block;
	margin: 5px;
	float: left;
}
.referafriend {
	height: 16px;
	padding-left: 20px;
	font-size: 0.9em;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/email.png) no-repeat left;
}
.product_pop {
	display: block;
	margin: 5px;
	margin-left: 20px;
	margin-right: 5px;
	width: 70%;
	float: left;
}
.product_image2 {
	display: block;
	margin: 5px;
	min-width: 15%;
	float: left;
}
.product_pop2 {
	display: block;
	margin: 5px;
	margin-left: 15px;
	font-size: 12px!important;
	width: 75%;
	float: left;
}
.product_pop2 h3 {
	font-size: 12px!important;
	font-weight: bold!important;
}
.product_pop2 p {
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.browsetitle {
	margin-bottom: 3px;
}
.review {
	height: 16px;
	padding-left: 18px;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/review.gif) no-repeat left;
}

.info {
	margin-top: 10px;
	padding-top: 10px;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/dot.gif) repeat-x;
}
.info p {
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 12px;
}

.productbookmark {
	display: block;
	margin-top: 10px;
	text-align: left;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/dot.gif) repeat-x;
}

.spotlight {
	padding-left: 28px;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/quote.gif) no-repeat top left;
}
.spotlight h3 {
	color: #009900;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}
.spotlight hr {
	height: 1px;
	color: #CDD5E0;
}

/* pagination */
.paginationlinks {
	font-size:x-small;
	text-align:center;	
}

.paginationlinks a { 
	padding: 5px;
	color: #336699;
	border: 1px solid #336699;
}

.paginationlinks a:hover {
	color: #fff!important;
	background-color: #336699;
	border: 1px solid #fff!important;
}

/* product page footer bookmark links */

.productfooter {
	display: block;
	margin-top: 10px;
	text-align: center;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/dot.gif) repeat-x;
}
.yahoo {
	height: 16px;
	padding-left: 20px;
	margin-right: 10px;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/bm-yahoo.gif) no-repeat left;
}
.furl {
	height: 16px;
	padding-left: 20px;
	margin-right: 10px;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/bm-furl.gif) no-repeat left;
}
.delicious{
	height: 16px;
	padding-left: 20px;
	margin-right: 10px;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/bm-delicious.gif) no-repeat left;
}
.blinklist{
	height: 16px;
	padding-left: 20px;
	margin-right: 10px;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/bm-blinklist.gif) no-repeat left;
}
.digg {
	height: 16px;
	padding-left: 20px;
	margin-right: 10px;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/16x16-digg-guy.gif) no-repeat left;
}
.simpy {
	height: 16px;
	padding-left: 20px;
	margin-right: 10px;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/bm-simpy.gif) no-repeat left;
}
.spurl {
	height: 16px;
	padding-left: 20px;
	margin-right: 10px;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/bm-spurl.gif) no-repeat left;
}
.stumbleupon {
	height: 16px;
	padding-left: 20px;
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/stumbleit.gif) no-repeat left;
}
/* end product page bookmarks */

/* cart styles */
.trbk {
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/searchbk.gif) repeat-x;
	text-indent: 5px;
}
.trbk2 {
	background-color: #EFEFEF;
	text-indent: 5px;
}

.buttonfloat {
	display: block;
	float: left;
	margin-right: 5px;
}
.buttonfloat2 {
	display: block;
	float: left;
	margin-right: 5px;
}
.updateline {
	font-size: 11px;
	clear: left;
}
#footer2{
	margin-top:20px;
	background-color: #eee;
	border: 1px solid #999;
	padding: 10px;
	margin-left: 210px;
	margin-right: 210px;
}

#footer {
	margin-top:20px;
	padding: 40px;
	text-align: center;
	float: bottom;
}

#footer .txt {
	border: 1px solid #600;
	background-color: #336699;
	color: #fff;
	padding: 4px;
}

#footer .txt a {
	color: #fff;
}

.entry {
	border-bottom: 1px dashed #eee;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.entry-title {
	font:bold 30px trebuchet ms,arial,helvetica,sans-serif; 
	color: #336699;
	border-bottom: 1px solid #900;
}
.entry-title a {
	font:bold 30px trebuchet ms,arial,helvetica,sans-serif; 
	color: #336699;
	text-decoration: none;
}

.entry-title a:hover {
	color: #f00;
	text-decoration: none;
}

.entry-body {
	padding: 10px;
}

.entry-footer {
	color: #999;
	text-align: right;
	font-size: 10px;
}

.comment {
	border-bottom: 1px dashed #eee;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.comment-title {
	font:bold 15px trebuchet ms,arial,helvetica,sans-serif;
	color: #666;
	border-bottom: 1px solid #900;
}

.comment-body {
	padding: 10px;
	font-size: 10px;
}

.comment-footer {
	color: #999;
	text-align: right;
	font-size: 10px;
}

#about {
	display: block;
	font-size: 0.9em;
}
#about legend {
	margin-bottom: 5px;
}
#about p {
	text-align: justify;
}
#about h4 {
	font-size: 12px;
	margin: 5px 0px 5px 0px;
	text-decoration: underline;
}
#about ol {
	margin-left: 35px;
	font-size: 1.25em;
	font-family: sans-serif;
}
#about .testsection1 {
	background-color: #F7F7F7;
	border-bottom: 1px solid #fff;
	padding: 5px;
}
#about .testsection2 {
	background-color: #F2F2FF;
	border-bottom: 1px solid #fff;
	padding: 5px;
}
#about .name {
	font-size: 1.1em;
	font-weight: bold;
	color:#666666;
}
#about .testimonial {
	font-size: 1.2em;
	font-style:italic;
	color: #333333;
	font-weight: normal;
} 

/* Tabs */
#tabsF {
	float:left;
	width:100%;
	font-size:0.8em;
	line-height:normal;
	border-bottom:1px solid #666;
	margin-bottom: 5px;
 }
#tabsF ul {
	margin:0;
	padding:10px 5px 0 15px;
	list-style:none;
}
#tabsF li {
	display:inline;
	margin:0;
	padding:0;
}
#tabsF a {
	float:left;
	background:url("images/tableftF.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration: none;
}
#tabsF a span {
	float:left;
	display:block;
	background:url("images/tabrightF.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsF a span {
	float:none;
}
/* End IE5-Mac hack */

#tabsF a:hover span {
	color: #000;
	text-decoration: none;
}
#tabsF a:hover {
	background-position: 0% -42px;
	text-decoration: none;
}
#tabsF a:hover span {
	background-position: 100% -42px;
	text-decoration: none;
}

/* End Tabs */

/* pagination */
.paginationlinks {
	font-size: 11px;
	text-align: center;	
}

.paginationlinks a { 
	padding: 2px 5px 2px 5px;
	color: #336699;
	border: 1px solid #336699;
}

.paginationlinks a:hover {
	color: #000;
	border: 1px solid #000;
	text-decoration: none!important;
}

/*end pagination */

/* FORM STUFF */

.searchtext {
	font-size: 9px;
}
.searchtext2 {
	font-size: 13px;

}
.submitbtn {
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/update.png) repeat-x top!important;
	color: #000000!important;
	font-size: 11px;
	height: 20px;
	font-weight: normal!important;
	padding: 0px 2px 0px 2px;
}
.submitbtn:hover {
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/update.png) repeat-x bottom!important;
}
.update {
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/update.png) repeat-x top!important;
	height: 22px;
	padding: 0px 10px 0px 10px;
	letter-spacing: 0.1em;
	font-size: 10px;
}
.update:hover {
	background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/update.png) repeat-x bottom!important;
}

input[type="text"], input[type="password"], textarea { 
	color: #333;
	background-color: #fff;
	border: 1px solid #ddd;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	padding: 1px;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus	{ 
	color: #000;
	background-color: #fff; 
	border: 1px solid #000;
}

textarea {
	width: inherit;
}
.list_price_number {
        color: #000000;
        text-decoration: line-through;
}
.price_number2 {
        font-weight: bold;
		color: #000000;
}
.price_number {
        font-weight: bold;
        color: #009900;
}

.floatlist ul {
	list-style-type: none;
	float: left;
}
.floatlist li {
	list-style-type: none;
	display: block;
	float: left;
	margin: 6px 0px 0px 0px;
	padding: 2px;
	font-size: 0.9em;
	text-align: left;
	width: 143px;
	height: 200px;
}
.floatlist li img {
	padding-bottom: 5px;
}
.floatlist li a {
	display: block;
	text-decoration: none!important;
	padding: 5px;
	float: left;
}
.youtuberow {
	display: block;
	margin: 0px auto;
	text-align:center;
}
.floatlist2 {
	display: block;
	float: left;
	width: 213px;
	padding: 5px;
	bottom-margin: 25px;
}
#startop{
        z-index: 1;
        background-image: url("/images/staron.gif");
        background-repeat: repeat-x;
        height: 12px;
}
#starbottom{
        z-index: 0;
        background-image: url("/images/staroff.gif");
        background-repeat: repeat-x;
        width: 65px;
        height: 12px;
}
.pagelink{
	text-decoration: none;
}

/* right ad bar */
#right-bar {
	display: block;
	background: #eee url(https://e4e.s3.amazonaws.com/orderitontheweb/images/barbk.png) repeat-x;
	border: 1px solid #C9C9C9;
	padding: 10px;
	padding-bottom: 20px;
	width: 130px;
	text-align: center;
	float: right;
}
/*
#right-bar .title-bar {
	background: #336699 url(https://e4e.s3.amazonaws.com/orderitontheweb/images/titlebk.png) repeat-x;
	color: #fff;
	font-weight: bold;
	border: 1px solid rgb(37,75,114);
	padding: 2px;
	margin-bottom: 5px;
}
#right-bar a, #right-bar a:visited {
	color: #0000EE;
	text-decoration: none;
}
#right-bar a:hover {
	color: #000;
	text-decoration: underline;
}

#right-bar .label {
	color: #000;
	border: 1px solid #eee;
	padding: 2px;
}

#right-bar .label:hover {
	color: #000;
	border: 1px solid #ccc;
	background-color: #fff;
}
*/

/* page footer */
#footerbar {
	text-align: center;
	line-height: 14px;
	background-color: #eee;
	color: #000;
	font:bold 12px trebuchet ms,arial,helvetica,sans-serif; 
}
#servicefooter {
	background: #336699 url(https://e4e.s3.amazonaws.com/orderitontheweb/images/footbk.png) repeat-x;
	color: #fff;
	font: 30px "trebuchet ms",arial,helvetica,sans-serif; 
	text-align: left;
	padding: 15px;
	border-left: 1px solid #C9C9C9;
	border-right: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
}
#servicefooter .topic {
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
}
	
#servicefooter a, #servicefooter a:visited {
	color: rgb(255,161,9);
	text-decoration: none;
	font-weight: normal;
}

#servicefooter a:hover {
	color: rgb(255,215,147);
	text-decoration: underline;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

html, body {
min-height: 100%;
height: auto !important;
height: 100%;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: absolute;
	z-index:100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	border:none;
	clear:both;
}

/* End of thinbox css and the start of jtip */

/* - - - - - - CSS Document - - - - - - - - -

Title : Global style sheet for client-side web development
Author : Cody Lindley 

- - - - - - - - - - - - - - - - - - - - - */

*{padding: 0; margin: 0;}

/* ----- global default/initial styles ----- */
body {background-color:#fff;}

html, body {height:100%;}

/* ----- base default font size, type, and line height ----- */
html body{font: 62.5%/1.4em Arial, Helvetica, sans-serif;color:#333333}
html>body{font: 62.5%/1.4em Arial, Helvetica, sans-serif;color:#333333}

/* ----- add selectors here for font sizing ----- */
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}
p, label{font-size: 1.2em;}


/* ----- base links ----- 
a:link {color: #CC6633;}
a:visited {color: #CC6633;}
a:hover {color: #999966;}
a:active {color: #CC6633;}
a:focus{color: #CC6633;}
*/

p {line-height:1.4em;margin:10px 0;}
hr{margin:10px 0;color:#999999;}

ul{
	list-style: none;
}

ul li{
padding-top:3px;
}

#contentPad{
margin:20px;
}

.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color:#FF0000;
	font-size: 1.3em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration: none;
}

.formInfo a:hover{
	color:#660000;
	text-decoration: none;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

/*

Here's a demo stylesheet used to format a menu and its content.
Feel free to alter the menu layout however you want!
All you have to do is ensure the script has the correct CSS property name
(like 'visibility' or 'display') that changes to show/hide menus.

If you want to extend this layout, one good resource for UL/LI formatting is:
    http://www.alistapart.com/articles/taminglists/
Alternatively, you can use any other CSS dropdown layout instead. More here:
    http://www.alvit.de/css-showcase/
Consult your favourite CSS reference for customising fonts/borders/etc.

Otherwise, you can just change the #RGB border/background colours where
suitable to customise for your site -- easy :).

*/



/* HORIZONTAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: -1px;
 padding: 0px;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 width: 150px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: 0px; margin-top: 0;
 left: 148px;
}
/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
}
.menulist li ul {
 background-color: #EAEAEA;
}
/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin: 0px;
 margin-bottom: 0px;
}
.menulist li ul{
 border:none;
 margin-top: 0px;
  border-right: solid 1px #ccc;
 border-left: solid 1px #ccc;
 border-top: solid 1px #ccc;
 
}

.menulist li ul li{
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #fff;
}
.menulist li ul ul{
 margin-top: 0px;
 border-right: solid 1px #ccc;
 border-left: solid 1px #ccc;
 border-top: solid 1px #ccc;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a, .menulist a:active, .menulist a:visited {
 display: block;
 color: #000;
 margin-top: -2px;
 padding: 4px 6px 4px 14px;
 background: url(https://e4e.s3.amazonaws.com/orderitontheweb/images/botnavbk.png) no-repeat top left;
 text-decoration: none;
}
.menulist a:hover {
	text-decoration: none;
}
.home {
 background-image: none!important;
 text-indent: 0px!important;
}
.menulist li ul a, .menulist li ul a:active, .menulist li ul a:visited {
 color: #666;
 background-image: none!important;
 text-indent: 0px;
 padding: 0px 10px 2px 8px!important;
}
/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover {
 color: #fff;
}
.menulist li ul li a:hover, .menulist li ul li a.highlighted:hover, .menulist li ul li a:focus {
 color: #000;
 text-decoration: none;
}
.menulist li ul li a.highlighted {
 color: #000;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */