@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-image:url(img/background-top.gif);
background-repeat:repeat-x;
}


.thrColHybHdr #container { 
	width: 75%; min-width:860px; max-width:1024px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; 
}  
.thrColHybHdr #header { 
	background: #4D4948; 
	padding: 0 ; 
	height:220px; z-index:0; margin:0 0 17px 0; border:0;
} 
.thrColHybHdr #header h1 {
	margin: 0;
	padding: 10px 0; 
}




#header #logo { margin: 8px 0 6px 15px; border: none; direction: }


#header #cart img { display:none;}
#header #cart { background-color:#4D4948; width:310px; height:140px; margin:32px 6px 6px 6px;  padding-bottom:2px; float:right; clear:right;font-size:75%;}
#header #cart a {color:#fff;  }
#header #cart li a:hover {color: #ccc;}
#header #cart #cartleft { width:49%; float:left; margin:0; padding-right:3px; text-align:center; }

#header #cart #cartright { width:50%; float:left; margin:5px 0px; padding:0;}
#header #cart #cartright ul {list-style:none; margin: 0 0 0 2px; padding:2px; }
#header #cart #cartright li a{  padding:0 0 0 9px; margin:0;}
#header #cart #cartright p { margin:18px 5px; color:#fff;}




#header #navBar span {
	float:left;
	display:inline;
	z-index:10;
	height:31px;
	padding:1px;
	margin: 0; width:98.3%;
}

#header #navBar { position: relative; width:100%; z-index:3; height:33px; clear:both; margin:0; padding:0;}
#navBar #search {
	float:right;
	margin: 4px 0px 2px 0px;
	padding:0;

}
#navBar #search label{ color:#fff; font-weight:700; font-size:85%;  }
#navBar img{ display:none;}

#navBar ul { float:left; text-transform:capitalize; font-size:100%; margin:0px 8px; padding:0px; height:33px;}
#navBar li { float:left; list-style: none; font-weight:700; margin:0; padding:7.2px 2px;}
#navBar li a {color:#FFFFFF; margin:0 ; text-decoration:underline; padding:10px; }
#navBar li:hover { color:#FF0000;}
#navBar #rightED { display:none;}





/*side bar*/
.thrColHybHdr #sidebar1 {
	float: left; margin:0;
	width: 13em; 
	background: #fff; 
	padding: 0 0;
}
#sidebar1 img { display:none;} 
/*- Menu--------------------------- */	
.menu {width: 100%;margin: 0 0 1em 0; padding:0; background-color:#EBEBEB;height:17em;}
.menu h1, .adsBox h1 { font-size:100%; color:#000; margin:0 0.5em; padding:2px 0; height:19px;}	
.menu ul { list-style: none;  width:100%; margin:0 0 0 0.5em; padding:0;}
.menu img {border: none;} 
.menu li a {text-decoration:underline;}	
.menu li a:link, .menu li a:visited {color: #333; font-size:130%;}
.menu li a:hover {color:#FF0000; }




.loginform {width:99%; margin:0; background-color:#fff; padding:0;border:1px solid #000;}

.loginform h1 {font-size:79%; color:#fff; margin:0; padding:4px 0; text-align:center; width:100%; background-color:#4D4948;}
.loginform fieldset{
padding:0px; border:none; width:100%; text-align:center; margin:0; 
}
#Nreg { float:left; font-size:80%; margin:5px 8px;  text-align:left; padding-bottom:5px;}
.loginform .Nreg2 input { text-align:center;}
.loginform legend { color:#fff; width:100%;}
.loginform h4{
font-size:85%; color:#FFF; padding:5px 0; margin:0; background-color:#4D4948; text-align:center;
}

.loginform label{
display:block;
background-color:#fff;
padding:4px 0; font-size:67%; font-weight:600;
}

.loginform .logInput input {
 width:60%; 
}
.loginform input, .logInput input {
margin:1px; text-align:left;
 padding:0; vertical-align:middle;
}
.logGroup { float:left; width:48%; margin:5px; padding:0; }



	
.thrColHybHdr #sidebar2 {float: right; margin:0; width: 13em; background: #fff; padding:0 0 15px 0; }
#specialBx { z-index:0; width:99.5%; color:#fff; font-size:73%; margin:0; padding:0; }
.adsBox { display:none; }


#specialBx { display:none; }
.thrColHybHdr #specialBx img {border:none; float:right; margin:0; padding:15px 0 0 0; z-index:10; }
#specialBx a { color:#fff; text-decoration:none; color: #fff; }

.adsBox { display:none;}
.error{ color:#FF0000;}
.nxtDay { display:none;}

.thrColHybHdr #sidebar1 h3, .thrColHybHdr #sidebar1 p, .thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3 {
	margin-left: 10px; 
	margin-right: 10px;
}


.thrColHybHdr #mainContent {margin: 0 12em 0 12em; padding: 0 1.5em 0 1.3em;}

* html #mainContent { margin: 0 5em 0 5em; padding: 0 0.2em 0 0.2em; width:46%;}

#trail { font-size:65%; margin:3px; width:99%; }
#mainContent h1, h2, h3 { color:#DA251C; margin:12px 1px;}
#mainContent img { display:none;}
#mainContent h1{ font-size:112%;}
#mainContent h2{ font-size:102%;}
#mainContent h2{ font-size:92%;}

#mainContent p, ul { font-size:75%;  margin:12px 1px;}
.feature { width:99.5%;}


#featureBig { width:98%; text-align:center;}
.thrColHybHdr #mainContent #featureBig h1 { background-color:#00923f; font-size:120%; color:#fff;  padding:11px 0;}

.minFeat { width:47%; margin:8px 1.2%; padding:0; float:left;}
.minFeat p, a { color: #003399;}
.minFeatT { height:42px;  background: #DA251C url(img/featHbg.jpg) repeat-x bottom; margin:0; border-bottom:1px solid #912B26; border-top:1px solid #912B26;}
.minFeat a { font-size:75%;}
.minFeatT h2 {color:#fff; padding:3px; margin:0; vertical-align:middle;}
.minFeatImg { margin:0; padding:0; text-align:center;}
.minFeatImg img { border:none; margin:0; padding:0; height:170px;}
.minFeatDesc {margin:0; padding:10px 0; background: #E9E9E6 url(img/minFeatBG.jpg); background-repeat:repeat-x; background-position:top;}
.minFeatDesc img { float:left; margin:5px; clear:both;}
.minFeatDesc p, .minFeatDesc a { padding:0px 10px; margin:2px; }
.minFeatBuy { float:right; clear:right; width:33.5%; height: 70px; margin:0; padding:1px; } 
.minFeatBuy img { float:right; margin:7px 2px; background:none; }

#description {  width:100%; padding:0;margin:0; }


#prodBox { width:93%; margin: 0 0 45px 0; padding:5px 13px 16px 12px; border:1px solid #ccc;}
#prodBox h1 { color:#339900; text-align:left; font-size:150%; font-weight:600;}

#articleBox { width:93%; margin: 0 0 45px 0; padding:5px 13px 16px 12px; border:1px solid #ccc;}
#articleBox h1 { color:#339900; text-align:left; font-size:150%; font-weight:600;}
#articleBox a, p { font-size:80%;}


#productimage { width:100%; margin: 0; padding:0; text-align:center; }
#productimage img { margin:0; padding:1px; border:0.13em solid #E5E5E5; }
#productimage a { font-size:0.65em;}

#MyOptions { float:left; text-align:left; margin:15px 0; font-size:90%; color:#999; }
#MyOptions select {width:98%;}

#enlarge { float:right; width:37%; margin:0; padding:0; }
#enlarge a { margin:0; padding:0; }
#enlarge img,  #reviewPro img { border:none; float:right; margin:3px 0; padding:0;}


#reviewPro { float:right; width:40%; font-size:70%; margin:0; padding:0;}

#reviewPro .star { float:left; clear:left; margin:6px 1px; padding:0; width:100px; height:23px; background:#fff url(img/no-star.gif); background-repeat:no-repeat; background-position:bottom; }
#reviewPro .star img { float:left;}

.Reviews { padding:4px; width:95%; background-color:#eee; border:none; font-size:100%;}
.Reviews h2 { font-size:75%; color:#660000;}
.Reviews h3 { font-size:65%; color:#660000; margin:4px;}
.Reviews p { font-size:75%; margin:7px 5px 2px 5px;}

.Lreviews { border:1px dashed #ccc; margin:5px 2px 6px 2px;}
.Lreviews h3 { margin:6px; padding:0;}
.Lreviews a { color:#604635; width:99%; padding:0 3px 0 5px; font-size:0.8em;} 
.Rreviews { width:98%;  border:1px dashed #CCC; margin:5px 2px 6px 2px; padding:5px; }
.Rreviews h2 {text-align:left;}

#Rdreview  { width:98%; padding:5px; margin-bottom:12px; border:1px solid #eee; height:186px;}
#RimgBox { float:left; padding:2px; border:1px solid #eee;}
#Re_text { float:left; margin:0 5px 2px 7px; color: #999; }

.imgFloats { float:left; margin:0.15em; text-align:center; width:30.4%;}
.buynow { border:0.063em solid #eee; background-color:#FFFFFF; font-size:75%; margin:0.13em 0; padding:0; width:99.7%; }
.buynow label {margin:1px 0; padding:3px 0; color:#336699; font-weight:700;} 
.buynow img { border:none;}

.pur { background-color:#CCC; font-size:90%;}
.pur th { font-size:85%; padding:6px 2px;}
.success {
color:#FF0000; font-weight:bold;
}
.vat { font-size:95%; margin:25px 2px 5px 2px;}
.clear input { border:0.063em solid #FFFFFF;}
.thankyou { font-size:110%; font-weight:600;}
.crossout { text-decoration:line-through;}
.byline { font-size:110%; font-weight:600;}

.productslist {float:left; width:48%; height: 90px; margin: 1px 2px 5px 2px; padding: 1px 0 3px 0; text-align:center; border:1px solid #eee;}
.productslist h2 { text-decoration: none; text-transform:capitalize; margin:0; padding:0; }
.productslist a { font-weight:500; text-decoration:none; font-size:110%;}
.productslist:hover { border:1px solid #999;}
.productslist .imgBox { display:none; }
.imgBox img {  padding:1px; height:170px; width:98.5%; max-height:170px; vertical-align: middle; /*margin-top: expression((170 - this.height)/2); */  /*  for IE */}

.titleB {margin:1px; height:50px; text-align:left; color:#000;}
.titleB h3 { margin:1px; padding:3px 1px 2px 1px; text-align:left; font-size:72%; font-weight:600; text-transform:uppercase; }
#mainContent .productslist .titleB p { margin:2px; padding:1px; font-size:70%;}

.horizontalL { width:100%; height:1px; border-top:1px dashed #000000;}
.listtxtbox {text-transform:lowercase;  overflow: hidden; height:36px; width:99%; margin-top:4px; }
#mainContent .productslist .listtxtbox p { margin:1px; padding:0; font-size:73%; text-align:right;}
.listtxtbox img { float:left; margin:8px 2px 2px 2px; }
.totals img { border:none;}

.discount-box { width:200px; float:right; border:2px solid #339966;font-size:70%; padding:4px; margin:10px 10px 45px 10px;}
.discount-box input {margin:4px 0 0 7px; float:right; clear:both;}
.discount-box .offersubmit {margin:3px;}
#mainContent .discount-box p { text-align:right; margin:5px 10px 0 0; clear:both; font-size:90%;}
.del { float:left; width:46%; height:190px; margin:3px; padding:5px; border:1px solid #eee;}
.del:hover { border:1px solid #000;}

#productimage2 { width:52%; padding:8px; background-color:#FFFFFF; clear:left; border:1px dashed #eee; position: relative;}
/*.gallerycontainer{
position: relative;
Add a height attribute and set to largest image's height to prevent overlaying
}*/


#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background-color: #000;
visibility: hidden;
z-index: 500;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: #fff;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ display:none;
}

#thumbLoading{ 
position: absolute;
visibility: hidden;
border: 1px solid #000;
background-color: #EFEFEF;
padding: 5px;
z-index: 1000;
}

.thrColHybHdr #footer { 
	padding: 0 3px; 
	background:#fff; border-top:1px solid #4DBD7E;
} 
.thrColHybHdr #footer p {
	margin: 0; 
	padding: 10px 0; 
}

#footer img { display:none;}
#footer ul {float:left; margin:18px 4px; padding:0; font-size:68.5%; }
#footer li { float:left; margin:2px; list-style:none; color:#000;}
#footer a {text-decoration:none; font-weight:500;  color: #000;}
#footer a:hover {color: #999; text-decoration:underline;}
#footer #w3cVal { float:right;}


.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#contactform form {  
  font:95% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 97%; 
  
}
#contactform p { padding: 0 0.5em 0 0.5em; margin:0; font-size:65%;}
#contactform form fieldset {

  border-color:#92b9e4;
  border-width: 1px;
  border-style: solid;
  padding: 10px;       
  margin: 0 0 1em 0.8em;


}

#contactform form fieldset legend {
	font-size:105%;
	color:#333333;
}

#contactform form label { 
	display: block;  /* block float the labels to left column, set a width */
	font-size:88%;
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

#contactform form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

#contactform form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

#contactform form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

#contactform textarea { overflow: auto; }

#contactform form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 70%;
}

#contactform form .required{font-weight:bold;} /* uses class instead of div, more efficient */

#contactform form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


.bookmarks{ font-size:80%; margin:0; padding:0;}
.bookmarks img { border:0;}
 .fineTxt{ font-size:80%;}

/* place css fixes for all versions of IE in this conditional comment */
html > .thrColHybHdr #sidebar1 { padding-top: 15px; }
html > .thrColHybHdr #sidebar2 { padding-top: 1px; }
html > .thrColHybHdr #mainContent { zoom: 1; padding-top: 5px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */

