/* CSS Document */ 
html, body {margin:0px 2px; background-image: url(../image-files/back-asphalt-0110.jpg); background-repeat: repeat-y;   background-position:top center;}
body{font: 12px Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#000000;}
#container{text-align:left; margin-right:auto; margin-left:auto; background-color:#ffffff; width:1000px; border:1px #999999 solid; }
#content p{line-height:1.4em; padding-left:15px; padding-right:15px;}
#contenthome p{line-height:1.2em; padding-left:15px; padding-right:15px; margin:9px;}
#content h1{font-size: 2em; text-align:center; line-height:.9em;font-family:Arial, Helvetica, sans-serif;color: #050568; font-weight:bold; padding-bottom:5px; padding-top:0px; margin-top:2px; margin-bottom:0px;}
#content h2{font-size: 16px; color:#050568; padding-left:15px;}
#cart {position: absolute; right: 10px; top: 75px;}
#livechat {position: absolute; right:293px; top:20px;}
#content a:link{color: #0000FF; text-decoration:underline;}
#content a:visited{color: #800080; text-decoration:underline;}
#freeshipping { background-color:#050568; color:#FFFFFF; font-size:16px; font-weight:bold;margin:0px; padding:0px; text-align:center;}
#freeshipping2 { background-color:#ffffff; color:#FFFFFF; font-weight:bold;margin:0px; padding: 0px 0px 0px 0px; width: 812px;}
#freeshipping2 img {margin:0px; padding: 0px;}
#freeshipping img {margin:0px; padding:0px;}
#freeshipping a:link  {color:#ffffff; text-decoration:none;}
#freeshipping a:visited {color:#ffffff;text-decoration: none;}
#freeshipping a:hover {text-decoration:underline;}
#leftnav{background:#ff0000; margin-left:auto; width: 180px; padding-left:5px; padding-right:5px;}
#footer{background: #ffffff;color: #050568; font-size:12px;}
#footer p{margin:0;padding:5px 10px}
#header {margin:0; padding: 0; background-color:#FFFFFF; text-align:left; position: relative;}
#header img {margin:0; padding:0;}
#wrapper{float:left;width:100%; color:#000000; text-align:left;}
#content{margin: 0 0px 0 170px; padding-left:10px; padding-right:0px;}
#footer{clear:left;width:100%}
#contact {float: right; color:#050568; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.2em; margin:0; position: absolute; right:10px; top: 17px;}
#contact a{text-decoration:none;color:#050568;}
#contact a:visited{color:#050568; text-decoration:none;}
#contactform {margin-left: 10px; padding-left:5px;}
#payment {position: absolute; right: 10px; top: 69px;}
/*Start Left Nav*/
.home {padding-bottom:2px; padding-top:8px;}
.home a{margin:0px; padding:5px 0px 5px 0px;font-size:14px; color:#050568; font-weight:bold; text-decoration:none;font-stretch:semi-condensed;}
#search {margin:0px; padding:0px;}
#leftnav { float:left;width:170px;margin-left:0px; margin-top:0; background-color:#d4e2fe; padding-left: 5px; }
#leftnav form{margin:0px; padding:0px;}
#leftnav ul{ margin-left:10px; padding-left: 5px; list-style:none; padding-bottom:0; margin-bottom:1px; margin-top:2px; font-size:14px;}
#leftnav li {color:#050568; font-size:12px; line-height:18px; text-decoration:none;}
#leftnav li a:link  {color:#050568; text-decoration:none;}
#leftnav li a:visited {color:#050568;text-decoration: none;}
#leftnav li a:hover { color:#ED412D;text-decoration:underline;}
.special {margin: 10px; padding: 6px; border: solid 1px #050568; background-color:#cccccc; width:250px; margin-left:auto; color: #050568; float: right;}
.boxhead {margin: 0px;	
padding:0px;
	text-align: left; 
	color:#050568;  
	font-weight:bold;
	text-decoration:none;
	font-stretch:semi-condensed;}
	
.boxhead a:link, a:visited{color: #050568; text-decoration:none; font-stretch:condensed;}
.boxhead a:hover{text-decoration:underline;}	
.boxcontent { margin: 0; padding: 0; line-height:14px;text-decoration:none; }
.boxcontent p{padding-left:5px; margin-top: 2px;font-size:12px; line-height:16px;}
/**End Left Nav*/
.basictab{
padding: 3px 0;
margin-left: 0;
font: bold 16px Arial;
list-style-type: none;
margin-bottom:0;
border-bottom: 1px solid #050568;
color:#cccccc;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 2px;
color:#050568; background-color:#d4e2fe;
border:1px solid #050568;
}


.basictab li a:visited{
color: #050568;
}

.basictab li a:hover{
background-color:#050568;
color:#FFFFFF;
}

.basictab li a:active{
color:#FFFFFF; background-color:#050568;
}

.submenustyle{
padding: 6px 1px 8px 2px;
width: auto;
display: none;
filter:alpha(opacity=0);
-moz-opacity:0;
background-color:  #050568;
border-bottom: 2px dashed #FFFF00;
margin-top:0; text-align:center;
}
* html .submenustyle{ /*IE only width definition*/
width: 100%;
}
.submenustyle a{
padding-left:12px;
padding-bottom: 5px;
margin-right:5px;
text-decoration: none;
color:#FFFFFF;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}

.submenustyle a:hover{
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}
   /* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url(../image-files/img.php.png) no-repeat bottom right}
    .cssbox{
    /* intended total box width - padding-right(next) */
      width:250px !important; /* IE Win = width - padding */
      width: 230px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto}

    /* set the top-right image */
    .cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssbox_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:5px 0 15px 10px; font-size:14px;
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */
/* Horizontal Tabbed Panels */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
.TabbedPanelsTabHover {
	background-color: #CCC;
}
.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 1px solid #EEE;
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
}
.TabbedPanelsContent {
	padding: 4px;
}
.TabbedPanelsContent ul{line-height:1.5em;}
.TabbedPanelsContentVisible {
}
#storebox {  background-color:#FFFFFF;float: left; width: 100%; padding-top:0px; padding-bottom:15px;} 
#doubleproduct {width:330px; border-right:dotted #CCCCCC 1px; float: left; line-height:1.2em; padding-left:4px; padding-right:9px;} 
#row {width:700px; margin-left:auto; margin-right:auto; } 
#storehead {background:  #990000; width:680px; font-size:1.2em;margin-left:auto; margin-right:auto; color:#ffffff; font-weight:bold; padding:2px; border: #050568 1px solid;}
#productbox {width:165px; border-right:dotted #CCCCCC 1px; float: left; line-height:1.2em; padding:3px;border-bottom: dotted #CCCCCC 1px;}
#guaranteebox {width:165px; border-right:dotted #CCCCCC 1px; float: left; line-height:1.1em; padding:3px;}
#bannerwrapper{float:right; display:inline;}
#banner {width:158px; border: solid 1px #050568; margin: 10px; }
#banner img {margin:0px; padding:0px;}
#standoutbox {border: #050568 1px solid; background-color:#ffffff;}
#favestable {border-left:#25215C 2px solid; border-right:#25215C 2px solid; border-bottom:#25215C 2px solid; border-top: 0px; background-color:#FFFFFF; float:right; width:300px; display:block; margin-left: 15px; margin-right:5px;}
#favestable img{margin:0px; padding:0px;}
#favestable tbody{margin:0px; padding:0px;}
#favestable tr{margin:0px; padding:0px;}
#favestable td{margin:0px; padding:0px;}
#favestable_large {border-left:#25215C 2px solid; border-right:#25215C 2px solid; border-bottom:#25215C 2px solid; border-top: 0px; background-color:#FFFFFF; float:right; width:600px; display:block; margin-left: 15px; margin-right:5px;}
#favestable_large img{margin:0px; padding:0px;}
#favestable_large tbody{margin:0px; padding:0px;}
#favestable_large tr{margin:0px; padding:0px;}
#favestable_large td{margin:0px; padding:0px;}
#newsletter table{background-image:url(../image-files/block-newsletter-200.jpg); background-repeat:no-repeat; display:block; margin-left:auto; margin-right:10px;}
#fadeinbox{
position:absolute;
width: 400px;
left: 0;
top: -400px;
z-index: 100;
visibility:hidden;
font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#000066; font-weight:bold;
}
#fadeinbox a{text-decoration:none; color:#000066; font-weight:bold; font-size:14px;}
#close {background-color:#999999;}
/* Third Column on Home Page */
#thirdcolumn {float: right; display:inline; width:165px; background-color:#d4e2fe;  margin-top:0px;}
#thierrybox {background-color:#FFFFFF; border: #2f75bb 2px solid; width:150px; margin-left:auto; margin-right:auto; padding:3px; margin-left:5px; margin-right:5px;}
#thierrybox a:visited; #thierrybox a:hover {color:#333333; text-decoration:none;}
#thierrybox ul{padding-left:10px; margin-left: 10px;}
#thierrybox li{list-style-image:url(../image-files/bullet.gif)}

/* Product Table on Home Page */
#homeprodtable {background-color:#d4e2fe; margin-left:15px; border: 1px #999999 dotted; padding-left:5px;color: #050568;}
#homeprodtable a:link,#homeprodtable a:visited, #homeprodtable a:hover, #homeprodtable a:active{font-size:12px; font-weight:bold; color: #050568; text-decoration:none; margin:10px 10px 10px 0px; font-family:Arial, Helvetica, sans-serif;}
#homeprodtable a:hover {color:#0000FF; text-decoration:underline;}
#homeprodtable img{margin-right:3px;margin-top:3px;
margin-bottom:5px;}
#bestsellers {width:600px; margin: 16px 0px; border-color: #d4e2fe; border-bottom: solid 5px; border-left: solid 5px; border-right: solid 5px; border-top: solid 5px; display: block;}
#newsletter {margin-left:auto; margin-right:auto; padding-left:0px; padding-right:280px;}
/* left menu SBI Includes */
#sidebar1  {
	float: left; /* since this element is floated, a width must be given */
	width: 202px;
	text-decoration: none;
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
#sidebar1 ul{ 
	margin-left:0px;
	padding-left: 14px; 
	list-style:none; 
	padding-bottom:0; 
	margin-bottom:5px; 
	margin-top:0px; 
	font-size:14px;
}
#sidebar1 li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	line-height:20px;
}
#sidebar1 li a:link {
	text-decoration: none;
	color: #000000;
}
#sidebar1 li a:visited {
	text-decoration: none;
	color: #000000;
}
#sidebar1 li a:hover {
	text-decoration:underline;
	color: #0000FF;
}
#sidebar1 h2 {
	font-size: 12px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 0px;
}
#sidebar1 h2 a:link {
	text-decoration: none;
	color: #000000;
}
#sidebar1 h2 a:visited {
	text-decoration: none;
	color: #000000;
}
#sidebar1 h2 a:hover {
	text-decoration:underline;
	color: #0000FF;
}
#sidebar1 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	
/* end left menu */
}
#sidebar2  {
	float: right; /* since this element is floated, a width must be given */
	width: 202px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	top: 0px;
	position: absolute;
	left: 580px;
	margin: 0px;
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
#sidebar2 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.7em;
	margin-left: 8px;
}
#sidebar2 h3 {
	color: #EEEEEE;
	background-repeat: no-repeat;
	font-size: 1em;
	line-height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#sidebar2 h4 {
	font-style: normal;
	font-size: 12px;
	color: #000000;
	padding: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#mainContent  {
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 215px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	width: 570px;
	position: relative;
	font-style: normal;
} 
#mainContent h1 {
	font-size: 26px;
	color: #050568;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#mainContent h2, #mainContent h3 {
	color: #050568;
	}
#helpmechoose a:link {
float: right; 
text-decoration:underline; 
color: blue; 
text-align:right; 
font-weight:normal; 
margin: 0px; 
padding: 0px 0px 0px 2px;}
#helpmechoose a:visited {
float: right; 
text-decoration:underline; 
color: blue; 
text-align:right;
font-weight:normal; 
margin: 0px; 
padding: 0px 0px 0px 2px;}

/* new css codes - c/o jyan */
.bg-ls{background:url(/image-files/block-bg.png) repeat-y; margin-top:-14px;}
.bg-bottom {background:url(/image-files/block-bg-bottom.png) no-repeat left bottom; margin: -12px 0 0 0; padding: 5px 15px 3px 0; text-align: left;}
.bg-bottom ul{margin-bottom:3px;}
.bg-bottgom ol{margin-bottom:3px;margin-top:0px}

.bg-rs{background:url(/image-files/block-bg.png) repeat-y;}
div.bg-rs .inner{margin:5px 0 5px 8px;width:202px;}
.r-price{background:url(/image-files/back-right-bottom.png) no-repeat left bottom; height:70px; width:202px}
#nl-boxes {background:url(/image-files/block-bg-bottom.png) no-repeat left bottom; width:202px; margin-top:3px;}
#nl-boxes table{margin-bottom:10px}
#nl-p{width:202px;margin-left:13px;padding-top:9px;}

.ls-img{float:right; margin-top:5px}
.ls-arrow{margin-right:5px; width:12px; height:12px; border:none}

body#intro a#ls-intro,
body#part1 a#ls-pe,
body#part2 a#ls-sp,
body#part3 a#ls-tls,
body#part4 a#ls-em,
body#part5 a#ls-pc,
body#part6 a#ls-cc{font-weight:bold; color:#050568; background-color:#d4e2fe}
ol li { padding: 0 0 1em 0; }
/* Video styling in category sidebars */
.video_sidebar { margin: 0 auto 8px auto; text-align: center; padding: 0; background-color: #d4e2fe; color: #333; font-family: Verdana, Geneva, sans-serif; font-size: 11px; height: 200px;}
.video_sidebar img { cursor: pointer; }
.video_sidebar p { line-height: 1em; font-weight: bold; margin: 0 8px; position: relative; top: -190px; z-index: 2; }

div#leftnav { background: #FFF; padding: 5px 0 0 0; }
#search {  clear: both; position: relative; left: 5px; top: 3px;}
.boxhead a, .home a { display: block; background: url(../image-files/sidebar-lightblue.gif) no-repeat; width: 180px; height: 30px; line-height: 30px; text-align: center;}
#leftnav .home, #leftnav .home a { padding: 0; line-height: 30px;}
#leftnav .boxhead a:hover, .home a:hover { text-decoration: none; color: #FFF; display: block; background: url(../image-files/sidebar-darkblue.gif) no-repeat; }

#newsletter-sidebar { height: 200px; padding-top: 3px; width: 180px; background: url(../image-files/newsletterbg.gif) no-repeat top center; }