@charset "utf-8";
/* CSS Document */

body { background-color: #9ac13c; background-image: url(../images/bg.gif); background-position: center top; background-repeat: no-repeat; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 12px; color: #727271;}

#mainWrapper { width: 944px; position: relative; margin: auto; background-color: #FFFFFF;}
#bannerWrapper { position: relative; height: 196px; width:970px; margin:0; padding:0;}
.bannerImg {z-index: 500; padding:0; margin:0;} 
.video {margin:0px; padding:0px; width:523px; float:left; position:relative;}
.bannerImageWrapper {margin:0px; padding:0px; width:440px; float:left; position:relative;}

#menuWrapper { background-image: url(../images/menu-bg.gif); background-position: left top; background-repeat:no-repeat; height: 37px; position: relative; z-index: 606;}



#submenuWrapper { background-color: #353434; height: 25px; position: relative; padding-top: 8px; z-index:300;}

#featureWrapper { background-image: url(../images/paperBg.gif); background-position: left top; background-repeat: no-repeat; height: 300px; position: relative;}
.featureBg {  height: 280px; width: 932px; position: relative; margin: auto; top: 7px; background-image: url(../images/featurebg.gif); background-position: left top; background-repeat: repeat-x;}

#banner { height: 113px;}
#headerBg { background-image: url(../images/headerBg.gif); height: 73px; background-position: left top; background-repeat: no-repeat; padding-top: 12px; padding-left: 20px;}

.dots { border-bottom: 1px dashed #749742; height:2px; margin-top: 25px; margin-bottom: 25px; width: 230px;}
.dots2 { border-bottom: 1px dotted #999999; height:1px;}

#buyOnline {float:left; position: relative; width: 206px; background-image: url(../images/buyonline.jpg); background-position: left top; background-repeat: no-repeat; height: 280px;}
#specials {float:left; position: relative; width: 447px; height: 280px;}
#Best {float:left; position: relative; width: 278px; height: 280px; background-image: url(../images/6_best.gif); background-position: left top; background-repeat: no-repeat;}

.copy1 {padding-left: 20px; padding-top: 25px; font-size: 14px; color: #FFFFFF; padding-right: 20px; line-height: 20px; height: 255px;}
.copy2 {padding-left: 20px; padding-top: 15px; font-size: 14px; color: #FFFFFF; padding-right: 20px; line-height: 20px; height: 265px;}

.whatsNew { background-image: url(../images/whatsnewHome-bg.gif); background-position: left top; background-repeat: no-repeat; height: 92px;}
.specialsText { background-image: url(../images/specialsHome-bg.gif); height: 188px; background-position: left top; background-repeat: no-repeat;}
.specialsHead { font-size: 24px; font-weight: bold; color: #727271; padding-top:5px; padding-bottom:5px; margin-top:5px; margin-bottom:5px;} 
.specialsHeadSub {font-size: 18px; font-weight: bold; color: #727271;}
#contentWrapper { background-color: #FFFFFF; position: relative;}

.leftHome { width: 584px; float: left; position: relative; background-image: url(../images/corner.gif); background-position: left bottom; background-repeat: no-repeat; background-color: #FFFFFF; display: inline-block;}
.rightHome { width: 360px; float: left; position: relative; background-color: #FFFFFF;}

.left { width: 680px; float: left; position: relative; background-color: #FFFFFF; }
.left_thin { padding-left: 30px; padding-top: 10px; padding-right: 50px; padding-bottom: 20px; line-height: 21px; text-align: justify; display: inline-block; width:440px; float: left; position: relative; background-color: #FFFFFF; }
.right { width: 259px; float: left; position: relative; background-color: #FFFFFF; padding-top: 28px; padding-bottom: 30px;  padding-left: 5px;}
.right_wider { width: 380px; float: left; position: relative; background-color: #FFFFFF; padding-top: 28px; padding-bottom: 30px;  padding-left: 5px;}

.right2 { width: 264px; float: left; position: relative; background-color: #FFFFFF; padding-top: 28px; padding-bottom: 30px;  padding-left: 0px;}

p {margin-top: 1.5em; margin-bottom: 1.5em;}

.hotPresHome { padding-left: 30px; padding-top: 10px; padding-right: 30px; padding-bottom: 20px; line-height: 21px; text-align: justify; display: inline-block;}

.greenHeader { font-size: 14px; font-weight: lighter; color: #749742;}


.border {border: 1px solid #cccccc;}
.featureBorder {border: 1px solid #cccccc; padding: 10px; background-color: #eeeeee; height: 140px; margin-bottom: 20px;}
.rightMargin { margin-right: 10px; border: 1px solid #cccccc;}
.margin { margin-bottom: 10px; border: 1px solid #cccccc; margin-left: 20px;}

.btmHomeText { color: #FFFFFF; line-height: 19px; padding-left: 17px; font-size: 12px;}
.readMoreLink {  padding-left: 53px; color:#ede837;}

a.Link1 { color:#ede837;}
a.Link1:hover { color: #FFFFFF;}

a.main{ color:#727271;}
a.mainlink:hover { color: #ede837;}

#footerWrapper { width: 944px; margin: auto; background-image: url(../images/muckingin.jpg); height:74px; background-position: right top; background-repeat: no-repeat; z-index:100;}

#welcomeHeader { margin-top: 20px; margin-bottom: 40px;}

.menu ul{
list-style-type:none;
padding:0;
margin:0; z-index: 601;
}

.menu li{
float:left;
position:relative;
z-index:602;
}
 

.menu a, .menu :visited {
display:block;
font-size:12px;
padding-left: 10px; padding-right: 10px;
color:#717171;
text-decoration:none;
text-align:left;
font-family:Helvetica Neue, Arial, Helvetica, sans-serif;
}

.linkSub { color:#FFFFFF !important;}

.menu a:hover{ color:#FFFFFF;
}
 

.menu ul ul {
visibility:hidden;
position:absolute;
width:129px;
height:0; top: 37px;
}

.menu ul ul li { background-color: #333333; padding-top: 8px; padding-bottom: 8px; text-transform: uppercase; width: 200px;}
.menu ul ul li a { color: #66b598;}
.menu ul ul li a:hover { color: #ffffff;}

.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

.menuTop ul{
list-style-type:none;
padding:0;
margin:0; z-index: 603;
}

.menuTop li{
float:left;
position:relative;
z-index:604; padding-top: 11px; padding-bottom: 10px; height: 16px; background-image: url(../images/divider.gif); background-position: right top; background-repeat: repeat-y;
}
 

.menuTop a {
display:block;
font-size:11px;
padding-left: 12px; padding-right: 12px;
color:#aad050; font-weight:300;
text-decoration:none; 
text-align:left;
font-family:Helvetica Neue, Arial Unicode MS, Helvetica, sans-serif; text-transform: uppercase;
}


.menuTop a:hover{ color:#FFFFFF;
}
 

.menuTop ul ul {
visibility:hidden;
position:absolute;
width:129px;
height:0; top: 37px;
}

.menuTop ul ul li { background-color: #565555; padding-top: 8px; padding-bottom: 8px; text-transform: uppercase; width: 200px; border-bottom: 1px solid #333333;}
.menuTop ul ul li a { color: #ffffff;}
.menuTop ul ul li a:hover { color: #9ac13c;}

.menuTop ul li:hover ul,
.menuTop ul a:hover ul{
visibility:visible;
}

.searchListing {border: 1px solid #cccccc; padding: 5px; margin-bottom: 20px; height: 224px;}
.searchHeader { background-color: #749742; padding: 5px; color: #FFFFFF; font-size: 14px; font-weight: lighter;}
.searchDescr { padding-top: 5px; padding-right: 5px; padding-bottom: 5px;}
.searchImg { margin-right: 10px; border: 1px solid #cccccc;}
.searchView { padding-top: 5px;}
.searchRange { padding-bottom: 10px; font-size: 14px; color: #749742; padding-left: 5px;}
.browse { width: 220px;}

a.link { color: #333333; padding: 2px;}
a:hover.link { color: #ffffff; background-color: #333333;  padding: 2px; text-decoration: none;}

.icon { padding-top: 5px; padding-bottom: 5px; height:29px;}
.iconMargin { margin-right: 10px;}

.sizesAvail-Listing { height: 150px; padding-top: 10px; padding-bottom: 10px; width: 310px; float: left; border-bottom: 1px dotted #cccccc;}

.checkoutBorder { width:650px; margin-bottom: 20px;}

.redText { color:#FF0000;}

.darkText { color:#333333;}

#productWrapperMain { height: 200px; position: relative; margin-top: 10px;}
.product_1 { width: 162px; float: left; margin-right: 4px; border: 1px solid #cccccc; padding: 3px;}
.product_2 { width: 162px; float: left; margin-right: 4px; margin-left: 4px; border: 1px solid #cccccc; padding: 3px;}
.product_3 { width: 162px; float: left; margin-right: 4px; margin-left: 4px; border: 1px solid #cccccc; padding: 3px;}
.product_4 { width: 162px; float: left; margin-right: 4px; margin-left: 4px; border: 1px solid #cccccc; padding: 3px;}
.product_5 { width: 162px; float: left; margin-left: 4px; border: 1px solid #cccccc; padding: 3px;}

.imgWrapper { width: 162px; height:148px;}
.productDescr { font-size: 12px; text-align: center; padding: 2px; background-color: #eeeeee;}
a.productLink {  color: #333333;}
a:hover.productLink { background-color: #353434; color: #FFFFFF !important; text-decoration: none;}

#categoryHeader {background-color: #353434; height: 25px; position: relative; padding-top: 8px; z-index:301; padding-left: 30px;}
a.catergory { color: #FFFFFF; font-size: 14px; text-decoration: none;}
a:hover.catergory { color: #9ac13c;}

img { border:0; margin:0px; padding:0px;}

.stepcarousel{ position: relative; overflow: scroll; width: 278px; font-size: 14px !important; height: 280px; margin: auto; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#727271; line-height: 20px; z-index: 0;}
.stepcarousel .belt{ position: absolute; top: 0; z-index: 1;}
.stepcarousel .panel{ float: left; overflow: hidden; width: 268px; height: 280px; padding-top: 0px; padding-left: 10px;  z-index: 2; position: relative;}

#design { background-image:url(../images/menu-bg2.gif); background-repeat:repeat;}
a#designlink { color:#333333;}
a:hover#designlink { color:#9ac13c;}
.footerMargin { padding-left: 20px;}

.homeBtmFeature { background-image: url(../images/homeBtmFeature.gif); width: 343px; position: relative; height: 290px; background-position: left top; background-repeat:no-repeat; margin-left: 9px; margin-right: 8px; margin-bottom: 10px; margin-top: 10px;}

.homeBtmFeature2 { background-image: url(../images/homeBtmFeature.gif); width: 343px; position: relative; height: 290px; background-position: left top; background-repeat:no-repeat; margin-left: 9px; margin-right: 8px; margin-bottom: 10px; margin-top: 10px;}
.btmHomeText2 { color: #FFFFFF; line-height: 19px; font-size: 12px;}
#testimonialz.stepcarousel {position: relative; overflow: hidden; width: 343px; font-size: 14px !important; height: 290px; margin: auto; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#727271; line-height: 20px; z-index: 0;}
#testimonialz.stepcarousel .belt{ position: absolute; top: 0; z-index: 1;}
#testimonialz.stepcarousel .panel{ float: left; overflow: hidden; width: 343px; height: 290px; padding-top: 0px; padding-left: 0px;  z-index: 2; position: relative;}