/**
 * Homepage CSS Stylesheet
 */
 
#whyShop {background:#000 url('/images/why-shop-bg.gif') no-repeat top left; float:right; width:220px; height:200px; border:1px solid #fff; text-align:center;}
#whyShopIn {margin:1.5em 1em 1em 2em;}
#whyShopTitle {display:block; padding-bottom:3px; color:#fff; text-align:left;}
#whyShopUL {color:#fff; margin-left:0; padding-left:1.2em; list-style-type:square; text-align:left;}
.whyShopLI {margin-bottom:1.2em;}
#bestSell {border:1px solid #b3b3b3; width:780px; padding:0; margin-top:1em; float:left; position:relative;}
.cont780 {width:780px; margin:0 auto;}
#pmtd1, #pmtd2, #pmtd3, #pmtd4, #pmtd5, #pmtd6, #pmtd7, #pmtd8 {vertical-align:top; padding:5px 5px 30px; background:url('/images/fld-crnr.png') bottom right no-repeat;}
#hellwig {background:#004B8A; border:1px solid #b3b3b3; width:780px; padding:0; margin:2em auto 0; overflow:hidden; text-align:center;}
#timbrenKits {border:1px solid #b3b3b3; width:780px; padding:0; margin:2em auto 0; overflow:hidden;}
#timbrenD1 {width:520px; float:left;}
.timbrenP1 {padding:0 1em; margin:1em 0; text-align:justify; line-height:1.6em;}
#timbrenD2 {width:250px; float:left; padding-top:1em;}
#timbrenP2 {padding:1em; margin:1em 0; text-align:justify; line-height:1.6em; clear:both; background:yellow; border:dashed #000; border-width:1px 0;}
#benefitDiv {border:1px solid #b3b3b3; width:780px; padding:0; margin:2em auto 0;}
#aboutDiv, .aboutDiv {border:1px solid #b3b3b3; width:780px; padding:0; margin:2em auto 2em;}
.pdh {padding:0 1em; margin:1em 0; text-align:left;}
.promotable {
text-align:center;
margin-top:1em;
float:left;
position:relative;
}

.promotable ul li {
list-style-image:url(/includes/templates/classic/images/arrow.gif)
}

.promotable tr td {
padding-bottom:5px
}

.promotable a:link,.promotable a:visited {
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none
} 

.promotable a:active {
color:red;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none
}

.promotable a:hover {
color:red;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline
}
.promotable {width:780px;}
.promotable h2, .promotable h3 {font-size:1.5em; color:#c00;}
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid #b3b3b3;
width: 780px; /*width of featured content slider*/
height: 250px;
margin: 0 auto;
}

.tbLink {padding-left:30px; text-decoration:none;}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0;
background: white;
width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
text-align:left;
}

.pagination{
width: 770px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: white;
padding: 0 10px 10px 0;
border: 0px solid #b3b3b3;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #fff;
background: #000;
border: 1px solid #b3b3b3;
border-top-width: 0;
font-size:10px;
}

.pagination a:hover, .pagination a.selected{
background-color: #f00;
}
div.h-box {width:385px; height:209px; background:url('/images/home-back.png') bottom center no-repeat; overflow:hidden; margin-top:18px;}
div.h-box .h4hel {margin-left:18px; margin-right:18px; color:black;}
div.h-box div {margin:12px 18px 0;}
div.h-box div a {font-size:14px; padding-left:30px; display:list-item; list-style-type:none; line-height:24px; margin-top:10px;}
div.h-box div a:link, div.h-box div a:visited {background:url('/images/arrow-grd-blk.png') center left no-repeat}
div.h-box div a:hover, div.h-box div a:active {background:url('/images/arrow-grd.png') center left no-repeat; text-decoration:none;}