/* CSS Document */
/* ////////////////////  html /////////////////////  */
html{min-height:100%;}
body {margin:0; padding:0; background:url(../img/bg_main.jpg) repeat-x bottom;  font-family:Arial, Helvetica, sans-serif; color:#626262; font-size:12px;}
h1{padding:0; margin:0;}
h2{padding:0; margin:0; font-size:20px; color:3f4c53; font-weight:normal;}
h3{padding:0; margin:0;}
td a{color:#ff7004;}
form input, textarea {border:1px solid #ccc; font-size:11px;}

/* ////////////////////  divs /////////////////////  */
#container{margin: 0 auto; width:950px;}
#logo{}
#navmain{color:#C7C7C7; height:35px; line-height:45px; font-weight:bold; font-size:11px;}
	#navmain ul{margin:0; padding:0;}
	#navmain li{display:inline;}
	#navmain li a{color:#716f6e; text-decoration:none;}
	#navmain li a:hover{ text-decoration:underline;}
#clear{clear:both;}
#strapline{height:65px; background:url(../img/bg_strap.jpg) repeat-x; border-top:1px solid #fff; border-bottom:1px solid #fff;}
#strapl{width:621px; padding:0 0 0 25px; font-style:italic; color:#fff; line-height:65px;}
#strapr{width:294px; text-align:center; background:url(../img/divider_orange.gif) repeat-y; height:65px;}
#strapr_t{ font-size:20px; padding-top:15px; color:#fff;}
#strapr_b{ font-size:11px; font-weight:bold; padding: 10px 0 0 30px; color:#000;}
#opacityholder{position:relative; padding:5px;}
#greyholder{position:relative; padding:5px; background:#e9e9e9;}

#opacity{ background:#fff;  Filter: Alpha(Opacity=40); -khtml-opacity: 0.4; zoom:1; padding:15px;}  
	.opacity {  -moz-background:#fff; padding:15px;} 
	
#footer{ background:url(../img/bg_footer.jpg) repeat-x; height:45px; line-height:30px;}
	#footer ul{margin:0 0 0 25px; padding:0; float:left;}
	#footer li{display:inline; font-size:11px; line-height:45px;}
	#footer li a{color:#fff; text-decoration:none;}
	#footer li a:hover{ text-decoration:underline;}
#jackson{ background:url(../img/jackson.gif) no-repeat; width:60px; height:60px; float:right; clear:right; padding:0 15px 0 0; margin:0 0 0 0; }
#submit{ background:url(../img/bg_btn.jpg) repeat-x; height:18px; line-height:16px; border:1px solid #999; font-weight:normal; cursor:pointer;}
#shipping{ width:800px;}
#countrytab{width:235px; height:25px; padding:5px; background:#e0e2e3; float:right; clear:right; line-height:25px;}

/* ////////////////////  classes /////////////////////  */
.twofour{font-size:24px;}
.twenty{font-size:20px;}
.fourteen{font-size:14px;}
.twelve{font-size:12px;}
.eleven{font-size:11px;}

.orange1{color:#ff7004;} 
.grey1{color:#3f4c53;}
.grey3{color:#716f6e;}
.grey2{color:#626262;}
.white{color:#fff;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.botdash{ border-bottom:1px dotted #ccc;}
.bold{font-weight:bold;}
.ucaps{ text-transform:capitalize;}
/* ////////////////////////////////////////////// ROTATOR STYLES //////////////////////////////////////////// */

#therotator{position:relative;}
#featured_box{width:646px; height:290px; float:left;}
.featured_box{background: #999; }

/*ROTATING FOCUS 1*/
 #mynamefocustabs{  width:302px; height:290px; background:#5a646a; border-left:1px solid #fff; float:left;}

 /* AJ change font colour of the tab */
 #mynamefocustabs ul{margin:0; padding:0;}
 #mynamefocustabs li{margin:0; padding:0; height:50px; background:url(../img/bg_btn_rotator.jpg) repeat-x; list-style:none;}
 #mynamefocustabs li a { display:block; text-decoration:none; font:bold 14px Verdana; color: #fff; line-height:50px; padding-left:25px;  overflow:hidden; text-transform:uppercase;}
 #mynamefocustabs li a:hover {text-decoration:underline;}
 #mynamefocustabs li a.current{background:url(../img/bg_btn_tabover.jpg) no-repeat;  color: #fff; text-decoration:none; font-weight:bold;  }
 #mynamefocustabs li a.current:hover{text-decoration:none;}
 
 /* AJ change background-color for the main layer*/
 .mynametabcontent{ display:none; position:relative; }
 #mynamefocus1 {width:635px; height:225px; display:block; }
 #mynamefocus2 {width:635px; height:225px; display:none; }
 #mynamefocus3 {width:635px; height:225px; display:none; }
 #mynamefocus4 {width:635px; height:225px; display:none; }
 
#mynamefocus_content1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left; float:left;  }
#mynamefocus_content2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left; float:left;  }
#mynamefocus_content3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left; float:left;  }
#mynamefocus_content4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left; float:left;  }

#thumb1 { width:635px; height:280px; float:left; margin:0px 0px 0px 0px; padding:5px;   background:url(../img/bg_product1.jpg) no-repeat;} 
#thumb2 { width:635px; height:280px; float:left; margin:0px 0px 0px 0px; padding:5px;   background:url(../img/bg_product2.jpg) no-repeat;} 
#thumb3 { width:635px; height:280px; float:left; margin:0px 0px 0px 0px; padding:5px;   background:url(../img/bg_product3.jpg) no-repeat;}
#thumb4 { width:635px; height:280px; float:left; margin:0px 0px 0px 0px; padding:5px;   background:url(../img/bg_product4.jpg) no-repeat;}

#rot_btns{ font-size:11px; position:absolute; left:645px; top:266px; width:40px; height:13px; background:#333;  padding:5px; color:#333; border-top:1px solid #fff; border-right:1px solid #fff; }
#rot_btns a{ font-weight:bold; color:#fff; text-decoration:none;}


/* ///////////////////////// JMODAL /////////////////////////*/

.jqmWindow {display:none; position:fixed; top:10%; left:40%; margin-left:-300px; width:820px;  color:#333;  }

.jqmOverlay { background-color:#000; }

* html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(5 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}