@media print {
.noprint{
display: none !important;
}
.nodisplay{
display: block !important;
}
}
/******************************************************************************
* COLORS
******************************************************************************/
.nodisplay{
display: none;
}
body#RedBorder{
/*border-bottom: 5px solid #32AB8F;*/
}
a{
text-decoration: none;
color: #006699;
}
a:visited{
color: #006699;
}
a:hover{
text-decoration: underline;
color: #F5771F;
}
#topBar{
height: 20px;
width: 990px;
margin: 0px auto;
}
span.phone, span.phone a{
color: #F5771F;
text-decoration: none;
}
div.footer-phone{
color: #F5771F;
font-size: 31px;
font-weight: bold;
line-height: 30px;
padding-left: 30px;
text-align: center;
display: inline !important;
float: none !important;
}
#searchWrapper form#mainSearch input#qsButton{
margin: 3px 5px 2px 5px;
}
.yew-gray-bg{
padding: 3px 0px;
background-color: #E5E5E5;
}
.yew-gray-border{
border: 1px solid #E5E5E5;
}
.yew-darkgray-bg{
padding: 3px 0px;
background-color: #5C5C5C;
color: #FFFFFF;
}
.landingRightWhyBuy{
background-color: #000;
}
.landingHiddenText{
border-right: 5px solid #CC0000;
border-left: 5px solid #CC0000;
}
.bottomButton-yew{
background-color: #F5771F;
padding: 5px 3px;
text-align: center;
font-weight: bold;
color: #FFFFFF;
}
.bottomButton-yew a{
color: #FFFFFF;
}
.bottomButton-dgw a:hover{
background-color: #F5771F;
color: #FFFFFF;
}
.noBorder{
border: 0 !important;
}
.siteError{
color: #FF0000;
font-weight: bold;
background-color: #FFF7D7;
padding: 5px;
display: block;
margin: 5px 0px;
border: 1px dashed #FF0000;
}
.siteSuccess{
color: green;
font-weight: bold;
background-color: #CCFFCC;
padding: 5px;
display: block;
margin: 5px 0px;
border: 1px dashed #009900;
}
/******************************************************************************
* COUNTRY CHECK
******************************************************************************/
.countryCheckNotice{
text-align: center;
font-weight: bold;
font-size: 14px;
color: black;
background-color: yellow;
padding: 2px;
}
.countryCheckNotice a{
font-size: 10px;
}
.domHelper{
position: absolute;
left: 0px;
top: 0px;
width: 1px;
height: 1px;
}
/******************************************************************************
* RESET
******************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 12px;
vertical-align: baseline;
background: transparent;
font-family: arial,sans-serif;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
select, option{
font-family: arial,sans-serif;
font-size: 12px;
}
/******************************************************************************
* CLEAR
******************************************************************************/
.clearAfter:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearAfter{display: inline-block;}
* html .clearAfter{height: 1%;}
.clearAfter{display: block;}
/******************************************************************************
* SPRITE IMAGES
******************************************************************************/
.sprite{
background-image: url(/pics/sprite.png);
background-repeat: no-repeat;
}
.siteLogo{
background-position: 0 -237px;
height: 80px;
width: 200px;
display: block;
text-decoration: none;
}
.freeShipIcon {
background-position: -50px 0;
height: 12px;
width: 100px;
margin: 2px 0px;
}
.floatRight{
float: right;
}
.newProduct{ /*
*/
background-position: 0 0;
width: 25px;
height: 50px;
margin-left: 60px;
z-index: 1;
position: absolute;
}
.onSaleProduct{ /*
*/
background-position: -25px 0;
width: 25px;
height: 50px;
margin-left: 90px;
z-index: 1;
position: absolute;
}
.closeoutProduct{ /*
*/
background-position: -125px -15px;
width: 25px;
height: 85px;
margin-left: 120px;
z-index: 1;
position: absolute;
}
.featuredProduct{ /*
*/
background-position: -548px -1px;
width: 25px;
height: 85px;
margin-left: 120px;
z-index: 1;
position: absolute;
}
.newProductCat{ /*
*/
background-position: 0 0;
width: 25px;
height: 50px;
z-index: 1;
position: absolute;
}
.onSaleProductCat{ /*
*/
background-position: -25px 0;
width: 25px;
height: 50px;
z-index: 1;
position: absolute;
}
.closeoutProductCat{ /*
*/
background-position: -125px -15px;
width: 25px;
height: 85px;
z-index: 1;
position: absolute;
}
.featuredProductCat{ /*
*/
background-position: -548px -1px;
width: 25px;
height: 85px;
z-index: 1;
position: absolute;
}
.newProductSlider{ /*
*/
background-position: 0 0;
width: 25px;
height: 50px;
z-index: 1;
position: absolute;
}
.onSaleProductSlider{ /*
*/
background-position: -25px 0;
width: 25px;
height: 50px;
z-index: 1;
position: absolute;
}
.closeoutProductSlider{ /*
*/
background-position: -125px -15px;
width: 25px;
height: 85px;
z-index: 1;
position: absolute;
}
.hideNew, .hideSale, .hideCloseout{
display: none;
}
.pdfIcon{
display: block;
background-position: -50px -15px;
width: 15px;
height: 15px;
float: left;
margin-right: 5px;
}
.blogIcon{
display: block;
background-position: -65px -15px;
width: 15px;
height: 15px;
float: left;
margin-right: 5px;
}
.questionIcon{
display: inline-block;
background-position: -80px -15px;
width: 15px;
height: 15px;
}
.addToCartButton{
margin-top: 5px;
background-position: -150px 0px;
width: 160px;
height: 35px;
cursor: pointer;
display: block;
text-decoration: none !important;
padding: 0 !important;
}
.inactive_addToCartButton{
margin-top: 5px;
background-position: -150px -35px;
width: 160px;
height: 35px;
cursor: pointer;
display: block;
text-decoration: none;
}
.closeButton{
background-position: -50px -30px;
width: 15px;
height: 15px;
cursor: pointer;
display: block;
float: right;
margin: 10px 25px 0px 0px;
}
.closeButton2{
background-position: -50px -30px;
width: 15px;
height: 15px;
cursor: pointer;
display: block;
float: right;
margin: 10px 0px 0px 0px;
}
.closeButton3{
background-position: -50px -30px;
width: 15px;
height: 15px;
cursor: pointer;
display: block;
float: right;
}
.selectFlag{
background-position: -65px -30px;
width: 60px;
height: 15px;
cursor: pointer;
display: block;
position: absolute;
z-index: 30;
margin-left: -55px;
margin-top: 3px;
}
.selectArrow{
background-position: -95px -15px;
width: 23px;
height: 11px;
display: block;
position: absolute;
z-index: 30;
margin: -11px 0px 0px 10px;
}
.reviewMinus{
background-position: -95px -50px;
width: 15px;
height: 15px;
display: inline-block;
}
.VerifiedBuyer{
background-position: -83px -105px;
width: 85px;
height: 20px;
display: inline-block !important;
margin: 0px 5px;
}
.VerifiedReviewer{
background-position: -83px -125px;
width: 85px;
height: 20px;
display: inline-block !important;
margin: 0px 5px;
}
/*.writeAReview{
background-position: -83px -85px;
width: 17px;
height: 20px;
display: inline-block;
}*/
.writeAReview{
background-position: -168px -130px;
width: 100px;
height: 25px;
cursor: pointer;
display: block;
text-decoration: none;
}
.addSelectedToCart{
background-position: -310px 0px;
width: 170px;
height: 45px;
cursor: pointer;
display: block;
text-decoration: none;
margin: 10px;
border: 0;
float: right;
font-size: 0;
}
.addSelectedToCart2{
background-position: -310px 0px;
width: 160px;
height: 35px;
cursor: pointer;
display: block;
text-decoration: none;
margin: 10px;
border: 0;
float: right;
font-size: 0;
}
.cgaddSelectedToCart{
background-position: -310px 0px;
width: 170px;
height: 45px;
cursor: pointer;
display: block;
text-decoration: none;
border: 0;
font-size: 0;
vertical-align: top;
}
.seeAllOptions{
background-position: -168px -105px;
width: 100px;
height: 25px;
cursor: pointer;
display: block;
text-decoration: none;
margin: 0px auto;
}
.seeAllOptions2{
background-position: -168px -105px;
width: 100px;
height: 25px;
cursor: pointer;
display: block;
text-decoration: none;
margin-top: 10px;
}
.zoomIcon{
background-position: -83px -70px;
width: 15px;
height: 15px;
display: inline-block !important;
}
.submitButton{
background-position: -268px -105px;
width: 85px;
height: 35px;
cursor: pointer;
display: inline-block;
margin-left: 5px;
}
.searchButton{
background-position: -268px -130px;
width: 85px;
height: 35px;
cursor: pointer;
display: inline-block;
margin: 3px 5px 2px;
}
.whiteLogo{
background-position: -83px -145px;
width: 84px;
height: 25px;
cursor: pointer;
display: block;
float: left;
margin-top: 2px;
}
.socialMedia{
width: 15px;
height: 15px;
cursor: pointer;
display: block;
line-height: 30px;
float: left;
margin: 7.5px 0px 7.5px 0px;
}
.facebook15x15{
background-position: -168px -155px;
}
.twitter15x15{
background-position: -183px -155px;
}
.youtube15x15{
background-position: -198px -155px;
}
.blog15x15{
background-position: -243px -155px;
}
.ChatLive15x15{
background-position: -213px -155px;
}
.chatLiveHeader{
background-position: -258px -155px;
width: 15px;
height: 15px;
cursor: pointer;
display: block;
float: left;
margin: 5px 5px 0px 0px;
}
.checkMark{
background-position: -83px -55px;
width: 15px;
height: 15px;
display: block;
float: left;
line-height: 15px;
}
.gridDisplay{
background-position: -100px -45px;
width: 15px;
height: 20px;
display: inline-block;
}
.listDisplay{
background-position: -100px -65px;
width: 15px;
height: 20px;
display: inline-block;
}
.navArrow_main{
background-position: -116px -46px;
width: 8px;
height: 8px;
display: inline-block;
margin-left: 5px;
}
.navArrow_over{
background-position: -116px -54px;
width: 8px;
height: 8px;
display: inline-block;
margin-left: 5px;
}
.thumbNavigation{
width: 8px;
height: 17px;
float: left;
line-height: 17px;
cursor: pointer;
margin-top: 1px;
}
.thumbLeft{
background-position: -107px -88px;
margin-right: 5px;
}
.thumbRight{
background-position: -100px -88px;
margin-left: 5px;
}
.thumbSpacer{
background-position: -274px -156px;
width: 13px !important;
}
.addToCartCatPage{
background-position: -235px -196px;
width: 100px;
height: 25px;
cursor: pointer;
display: block;
text-decoration: none !important;
margin-top: 5px;
}
.addToCartCatPage a:hover{
text-decoration: none !important;
}
.addToCartCatPage2{
background-position: -168px -170px;
width: 100px;
height: 25px;
cursor: pointer;
display: block;
text-decoration: none !important;
margin-top: 5px;
}
.addToCartCatPage2 a:hover{
text-decoration: none !important;
}
.closeButton_gray{
width: 24px;
height: 24px;
display: block;
cursor: pointer;
left: auto;
z-index: 101;
float: right;
text-decoration: none;
}
.closeButton_gray{
background-position: -131px -170px;
}
.closeButton_gray:hover{
background-position: -131px -194px;
}
.infoIcon{
background-position: -101px -86px;
width: 15px;
height: 15px;
cursor: pointer;
display: block;
text-decoration: none !important;
}
.envelopeIcon{
background-position: -85px -219px;
display: inline-block;
width: 15px;
height: 15px;
float: left;
margin-right: 5px;
}
.myJoys{
background-position: -311px -36px;
display: inline-block;
position: absolute;
width: 150px;
height: 25px;
margin: -50px 25px 0px;
opacity: 0.9;
MozOpacity: 0.9;
}
.myJoysList{
background-position: -311px -36px;
display: inline-block;
position: absolute;
width: 150px;
height: 25px;
margin: -30px 0px 0px;
opacity: 0.9;
MozOpacity: 0.9;
}
.myJoysProductPage{
background-position: -311px -36px;
display: block;
position: absolute;
float: right;
width: 150px;
height: 25px;
margin: 25px 0px 0px 250px;
opacity: 0.9;
MozOpacity: 0.9;
z-index: 2;
}
.closeoutIcon{
background-position: -348px -157px;
display: inline-block;
position: absolute;
width: 150px;
height: 25px;
margin: -50px 25px 0px;
opacity: 0.9;
MozOpacity: 0.9;
}
.closeoutIconList{
background-position: -348px -157px;
display: inline-block;
position: absolute;
width: 150px;
height: 25px;
margin: -30px 0px 0px;
opacity: 0.9;
MozOpacity: 0.9;
}
.corporateIcon{
background-position: -348px -190px;
display: inline-block;
position: absolute;
width: 150px;
height: 15px;
margin: -50px 25px 0px;
opacity: 0.9;
MozOpacity: 0.9;
}
.checkout{
background-position: -169px -196px;
display: block;
float: right;
width: 65px;
height: 20px;
margin: 5px;
text-decoration: none;
padding: 0 !important;
}
.checkout:hover{
text-decoration: none !important;
}
.seeAccessories{
display: block;
width: 145px;
height: 15px;
float: left;
margin-left: 5px;
cursor: pointer;
}
.seeAccessories_inactive{
background-position: -347px -139px;
}
.seeAccessories_hover{
background-position: -347px -123px;
}
.seeAccessories_active{
background-position: -347px -105px;
}
.pointer{
cursor: pointer;
}
.emailPassword{
background-position: -235px -222px;
width: 115px;
height: 35px;
margin-left: 5px;
cursor: pointer
}
/******************************************************************************
* NO OPTIONS SELECTED WARNING
******************************************************************************/
.selectWarning{
background-color: red;
color: white;
padding: 10px;
z-index: 25;
position: absolute;
width: 273px;
}
/******************************************************************************
* ENTIRE WEBSITE
******************************************************************************/
body{
background: url(/shared/stylesheets/images/background.jpg) repeat-y;
background-position: center top;
}
.mainWrapper{
margin: 0px auto;
width: 990px;
}
#cover{
position: absolute;
top: 0px;
left: 0px;
display: none;
width: 100%;
background-color: #000000;
opacity: 0.2;
MozOpacity: 0.2;
z-index: 50;
filter: alpha(opacity=20);
text-align: center
}
h1{
font-size: 18px;
font-weight: bold;
}
h2{
font-size: 14px;
font-weight: normal;
margin-top: 3px;
}
span.spacer{
color: #CCC;
display: inline !important;
float: none !important;
}
.bold{
font-weight: bold;
}
.rightContainer{
width: 100%;
text-align: left;
}
.rightContainer a{
text-decoration: none;
}
.rightContainer a:hover{
text-decoration: underline;
}
.rightContainerMargin{
margin: 3px 5px;
}
.header{
display: block;
padding: 1px 0px;
text-align: left;
width: 100%;
}
.header h3{
margin-left: 5px;
font-weight: bold;
}
.header h3 a{
text-decoration: none;
color: #FFF;
}
.header h3 a:hover{
text-decoration: underline;
color: #FFF !important;
}
.rightHeader{
display: block;
padding: 1px 0px;
text-align: left;
width: 100%;
}
.rightHeader h3{
margin-left: 5px;
font-weight: bold;
}
.rightHeader h3 a{
text-decoration: none;
color: #000;
}
.rightHeader h3 a:hover{
text-decoration: underline;
color: #000 !important;
background-color: #E5E5E5;
}
.margin-top{
margin-top: 10px;
}
.clear{
clear: both;
}
.pageHeader{
padding-bottom: 5px;
border-bottom: 1px solid #D1D1D1}
.pageHeader h1{
}
.pageHeader h1, .pageHeader h2{
/*width: 675px;*/
}
.pageHeader div.phLeft{
width: 675px;
float: left;
text-align: left;
}
div.phLeft h1, div.phLeft h1 span{
font-size: 18px;
font-weight: bold;
line-height: normal;
margin-top: 5px !important;
}
.pageHeader div.phLeftCategory{
width: 500px;
float: left;
text-align: left;
}
div.phLeft h1, div.phLeftCategory h1{
margin-top: 10px;
}
div.phLeft h1, div.phLeftCategory h1 a{
font-size: 18px;
color: #000000;
text-decoration: none;
}
.pageHeader div.phRight{
width: 290px;
float: right;
text-align: right;
}
div.phRight span{
display: block;
font-size: 10px;
margin-bottom: 2px;
}
div.phRight span a{
font-size: 10px;
text-decoration: none;
}
div.phRight span a:hover{
text-decoration: underline;
}
#bread{
display: block;
font-size: 10px;
}
#bread a{
font-size: 10px;
text-decoration: none;
}
#bread a:hover{
text-decoration: underline;
}
.pid{
color: #A2A2A2;
font-size: 10px;
}
.buttonOff{
border: 5px solid #D1D1D1;
}
.buttonOn{
border: 5px solid #B0D861;
}
.notActive{
opacity:0.4;
filter:alpha(opacity=40);
cursor: auto !important;
}
.pageLeftColumn{
float: left;
width: 175px;
}
.pageRightColumn{
float: right;
width: 785px;
padding: 10px;
margin-left: 10px;
}
.pageRightColumn p{
margin: 10px 0px;
}
.pageRightColumn ul{
margin-left: 25px;
}
.error{
font-size: 14px;
color: red;
font-weight: bold;
margin-bottom: 10px;
}
.margin-top{
margin-top: 5px;
}
.hide{
display: none !important;
}
.show{
display: block !important;
}
/******************************************************************************
* CAT TREE
******************************************************************************/
ul.catTreeStart{
list-style: none;
}
ul.catTreeStart li.mainCat{
background-color: #32AB8F;
}
ul.catTreeStart ul.catSubList{
margin-left: 10px;
}
/******************************************************************************
* PRICE DISPLAY
******************************************************************************/
.PriceBox{
text-align: left;
}
.msrpText, .msrpText span{
font-size: 10px;
color: #999;
}
.wasText, .wasText span{
text-decoration: line-through;
font-size: 12px;
color: #999;
}
.salePrice, .salePrice span{
color: #ED2024;
font-size: 24px;
font-weight: bold;
}
.savings, .savings span{
color: #ED2024;
font-size: 10px;
}
.catPrice, .catPrice span{
color: #000000;
font-size: 24px;
font-weight: bold;
}
.rangePrice, .rangePrice span{
color: #ED2024;
font-size: 18px;
font-weight: bold;
}
.addToCart, .addToCart span{
font-weight: bold;
color: #ED2024;
font-size: 18px;
}
.seeAllText{
font-size: 10px;
text-align: left;
}
.adminText{
font-size: 12px;
color: #999;
}
.productThumbImg{
cursor: pointer;
display: table;
float: left;
margin: 1px;
overflow: hidden;
text-align: center;
height: 20px;
line-height: 20px;
/*border: 1px solid #FFF;*/
}
.productThumbImg img{
vertical-align: middle;
}
.imgCaption, .imgCaption span{
font-size: 10px;
text-align: center;
}
.indexTitle{
height: 45px;
}
/******************************************************************************
* GRID PRICE DISPLAY
******************************************************************************/
.gridPrice{
height: 80px;
}
.gridwasText, .gridwasText span{
text-decoration: line-through;
font-size: 12px;
color: #999;
}
.gridsalePrice, .gridsalePrice span{
color: #ED2024;
font-size: 18px;
font-weight: bold;
}
.gridsavings, .gridsavings span{
color: #ED2024;
font-size: 10px;
}
.gridcatPrice, .gridcatPrice span{
color: #000000;
font-size: 18px;
font-weight: bold;
}
.gridadminText{
color: #999;
font-size: 12px;
}
.gridrangePrice, .gridrangePrice span{
color: #ED2024;
font-size: 18px;
font-weight: bold;
}
.gridaddToCart, .gridaddToCart span{
font-weight: bold;
color: #ED2024;
font-size: 12px;
}
.gridStatusDisplay{
color: #ED2024;
font-weight: bold;
font-size: 14px;
height: 35px;
margin-top: 5px;
}
.gridBlankPrice{
height: 80px;
}
.estimatedShipDate{
font-size: 10px;
margin-bottom: 10px;
}
.estimatedShipDate span{
font-size: 10px;
font-style: italic;
}
/******************************************************************************
* LIST PRICE DISPLAY
******************************************************************************/
.listwasText, .listwasText span{
text-decoration: line-through;
font-size: 12px;
color: #999;
}
.listsalePrice, .listsalePrice span{
color: #ED2024;
font-size: 18px;
font-weight: bold;
}
.listsavings, .listsavings span{
color: #ED2024;
font-size: 12px;
}
.listcatPrice, .listcatPrice span{
color: #000000;
font-size: 18px;
font-weight: bold;
}
.listrangePrice, .listrangePrice span{
color: #ED2024;
font-size: 12px;
font-weight: bold;
}
.listaddToCart, .listrangePrice span{
font-weight: bold;
color: #ED2024;
font-size: 14px;
}
.listadminText{
color: #999;
font-size: 12px;
}
/******************************************************************************
* HEADER
******************************************************************************/
a.tooltip {
position: relative;
cursor: help;
}
a.tooltip span {
display: none;
padding: 5px;
background-color: #FFF;
border: 1px solid #CCC;
margin-top: 15px;
}
a.tooltip:hover{
text-decoration: none;
}
a.tooltip:hover span{
display: inline;
position: absolute;
}
a.tooltip2 {
position: relative;
cursor: help;
}
a.tooltip2 span {
display: none;
padding: 5px;
background-color: #FFF;
border: 1px solid #CCC;
margin-top: 15px;
}
a.tooltip2:hover{
text-decoration: none;
}
a.tooltip2:hover span{
display: inline;
position: absolute;
}
#topBar{
}
#topBarMargin{
width: 990px;
margin: 0px auto;
text-align: right;
}
#topBarMargin div.ticker{
width: 440px;
float: left;
height: 20px;
text-align: left;
}
div.ticker ul{
list-style: none;
}
div.ticker ul li a{
text-decoration: none;
color: #32AB8F;
font-weight: bold;
line-height: 20px;
}
#topBarMargin div.rightOfTicker{
width: 540px;
float: right;
margin-right: 10px;
}
#topBarMargin span.serviceOptions a, span.myCartItems a
,#topBarMargin span.serviceOptions a:visited, span.myCartItems a:visited{
line-height: 20px;
text-decoration: none;
padding: 1px 5px;
color: #5C5C5C;
}
#topBarMargin span.serviceOptions a:hover, span.myCartItems a:hover{
line-height: 20px;
color: #32AB8F;
text-decoration: underline;
}
span.myCartItems img{
margin: 0px 3px 0px 10px;
}
#siteheader{
padding: 0;
position: absolute;
top: 0;
width: 990px;
height: 135px;
margin: 0px auto;
}
#siteheader_cart{
padding: 0;
position: absolute;
top: 0;
width: 990px;
height: 100px;
}
#siteheader_with{
padding: 0;
position: absolute;
top: 0;
width: 990px;
height: 170px;
margin: 0px auto;
}
#headerWrapper{
margin: 0px auto;
width: 980px;
height: 80px;
padding: 0px 5px 0px 5px;
background-color: #FFFFFF;
}
#headerWrapper span{
display: block;
}
span#headerLeft{
float: left;
width: 200px;
}
span#headerLeft a{
text-decoration: none;
}
span#headerMiddle{
float: left;
width: 285px;
padding: 5px 0px;
margin-left: 20px;
}
span#headerRight{
float: right;
width: 470px;
}
span.searchTab{
float: left;
width: 80px;
text-align: center;
margin-top: 17px;
font-size: 10px;
font-weight: bold;
}
span.phone, span.phone a{
font-size: 24px;
font-weight: bold;
padding: 0;
text-align: center;
display: block;
float: left;
width: 190px;
margin-top: 3px;
}
span.callToday {
color: #5C5C5C;
display: block;
font-weight: bold;
text-align: center;
float: none !important;
}
span.slogan{
display: block;
text-align: center;
}
span.slogan img{
margin-top: 15px;
}
span.headerChat{
display: block;
line-height: 25px;
text-align: center;
}
span.headerChat a{
text-decoration: none;
display: block;
}
span.headerChat a:hover{
text-decoration: underline;
}
/******************************************************************************
* SEARCH BAR
******************************************************************************/
#searchBarWrapper{
background-color: #7A1600;
height: 40px;
width: 990px;
margin: 0px auto;
}
#searchWrapper{
margin: 0px auto;
width: 990px;
}
.searchDiv{
background: url(/shared/stylesheets/images/search-background.jpg) no-repeat;
height: 65px;
width: 300px;
}
#searchWrapper form#mainSearch{
float: left;
border: 0;
}
#searchWrapper form#mainSearch input{
margin: 0;
padding: 0;
border: 0;
margin-top: 1px;
}
.shopByOptions{
margin: 10px 0px 3px;
text-align: center;
}
.shopByOptions a{
color: #5C5C5C;
text-decoration: none;
}
.shopByOptions a:hover{
color: #006699;
text-decoration: underline;
}
#searchWrapper span.shopBy a{
color: #FFF;
text-decoration: none;
}
#searchWrapper span.shopBy a:hover{
text-decoration: underline;
background-color: transparent;
}
#searchWrapper form#mainSearch input.textInput,input.textInput{
font-size: 15px;
width: 195px;
float: left;
border: 0;
margin-left: 8px;
margin-top: 1px;
}
form#mainSearch input#qsButton{
margin: 1px 0px 0px 12px;
float: left;
padding: 0px;
background-color: #32AB8F;
color: #FFF;
font-size: 12px;
padding: 1px 3px 2px 3px;
border: 1px solid #32AB8F;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
}
#searchWrapper span.solutions{
display: block;
float: right;
width: 540px;
height: 37px;
}
span.solutions span.solutionHeader{
display: block;
font-weight: bold;
padding: 3px 0px 0px 5px;
color: #FFF;
}
span.solutions a{
padding: 3px 7px;
background-color: transparent;
color: #FFF;
text-decoration: none;
}
span.solutions a:hover{
text-decoration: underline;
}
div.searchResults{
margin: 35px 0px 0px 1px;
position: absolute;
border: 1px outset rgb(204, 204, 204);
background-color: rgb(255, 255, 255);
opacity: 0.97;
width: 180px;
display: none;
font-size: x-small;
color: black;
}
/******************************************************************************
* NAVIGATION 2
******************************************************************************/
div.navWrapper{
margin-top: 5px;
}
div.navWrapper ul.navList{
list-style: none;
}
ul.navList li.list{
float: left;
background-color: #006300;
border-right: 1px solid #009900;
}
/*ul.navList li.list:hover{
background-color: #009900;
border-color: #009900;
}
li.list:hover ul.second_navList{
display: block;
}*/
li.list a.mainLink{
display: block;
font-size: 12px;
padding: 8px 0px;
font-weight: bold;
text-decoration: none;
color: #FFF;
width: 140.42px;
text-align: center;
font-family: verdana;
}
/*li.list a.mainLink:hover{
text-decoration: none;
color: #FFF;
}*/
ul.navList ul.second_navList{
display: none;
list-style: none;
position: absolute;
left: 0px;
width: 989.94px;
background-color: #009900;
}
ul.navList ul.showList{
display: block;
}
ul.second_navList li.second_list{
float: left;
margin-left: 1px;
}
li.second_list:hover{
background-color: #FFF;
}
li.second_list:hover a.second_link{
color: #009900;
}
li.second_list:hover div.hiddenMenu{
display: block;
}
li.second_list a.second_link{
display: block;
padding: 8px 15px;
text-decoration: none;
color: #FFF;
text-align: center;
font-size: 11px;
font-family: verdana;
}
li.second_list div.hiddenMenu{
position: absolute;
padding: 10px;
background-color: #FFF;
display: none;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 5px 4px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 5px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 5px 4px rgba(0, 0, 0, 0.3);
z-index: 15;
}
div.hiddenMenu ul.cList{
list-style: none;
float: left;
display: block;
width: 200px;
}
ul.cList a.cTitle,ul.cList span.cTitle{
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #333;
white-space: nowrap;
}
ul.cList ul{
list-style: none;
}
ul.cList ul li a{
display: block;
line-height: 18px;
font-size: 11px;
text-decoration: none;
padding-left: 5px;
}
ul.cList ul li a:hover{
background-color: #F1F1F1;
}
.newLink,.newLink:visited,.newLink:hover{
font-weight: bold;
color: #CC0000;
}
.saleLink,.saleLink:visited,.saleLink:hover{
font-weight: bold;
color: #009900;
}
/******************************************************************************
* NAVIGATION
******************************************************************************/
#navigationWrapper{
width: 990px;
margin: 0px auto;
background-color: #F5771F;
}
ul.button{
margin: 0px auto;
width: 990px;
height: 35px;
list-style: none;
z-index: 1000;
padding: 0;
}
ul.button a.mainNav{
display: block;
margin: 5px 5px 0px;
color: #FFFFFF;
text-decoration: none !important;
font-weight: bold;
line-height: 25px;
padding: 0px 5px 5px;
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}
ul.button a.mainNav:visited{
}
ul.button img{
text-decoration: none !important;
}
ul.button a.mainNav:hover{
text-decoration: none !important;
background-color: #FFF;
color: #F5771F ;
}
.activeMenuItem, a.activeMenuItem:hover{
text-decoration: none !important;
background-color: #454545 !important;
color: #FFFFFF !important;
}
ul.button li.lines{
line-height: 35px;
color: #CCC;
padding: 0px !important;
}
ul.button li.buttons{
display: block;
float: left;
text-align: left !important;
}
.dropDownMenuWrapper{
z-index: 3;
position: absolute;
margin: 0px 0px 0px 5px;
width: 980px;
display: none;
background-color: #FFF;
padding: 10px 0px;
box-shadow: 4px 4px 5px #666;
-webkit-box-shadow: 4px 4px 5px #666;
-moz-box-shadow: 4px 4px 5px #666;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#666, offX=4, offY=4, positive=true);
}
div.dropDownMargin{
border-right: 5px solid #F5771F;
border-left: 5px solid #F5771F;
margin: 0px 10px;
padding: 0px 10px;
z-index: 3;
}
div.dropDownMargin div.sectionCont{
float: left;
}
.sectionOne{
}
div.sectionCont ul{
list-style: none;
float: left;
width: 209.25px;
margin: 0px 10px
}
div.sectionCont div.seeMoreLink{
margin: 5px 10px;
}
div.sectionCont div.seeMoreLink a{
text-decoration: none;
}
div.sectionCont div.seeMoreLink a:hover{
text-decoration: underline;
}
div.dropDownMargin li{
margin: 5px 0px;
}
div.sectionCont li.title{
font-weight: bold;
color: #F5771F;
}
div.sectionCont li a{
text-decoration: none;
}
div.sectionCont li a:hover{
text-decoration: underline;
}
.sectionWidth229{
width: 229.25px;
}
.sectionWidth458{
width: 458.5px;
}
.sectionWidth687{
width: 687.75px;
}
.dropDownMenuWrapperSmall{
margin-left: -10px;
z-index: 1000;
position: absolute;
width: 200px;
display: none;
}
.dropDownMenuSmall{
width: 200px;
z-index: 1000;
background-color: #FFF;
border: 1px solid #CCC;
margin: 0px auto;
border-top: 0px solid #CCC;
padding: 10px 20px;
}
div.subNavCats{
background-color: #454545;
}
div.subNavCats a{
display: inline-block;
margin: 5px;
color: #FFFFFF;
text-decoration: none !important;
line-height: 25px;
padding: 0px 5px;
}
div.subNavCats a:hover{
background-color: #A2A2A2;
-moz-border-radius: 5px;
border-radius: 5px;
}
div.subNavCats a.subActiveCat:hover, .subActiveCat{
background-color: #32AB8F;
-moz-border-radius: 5px;
border-radius: 5px;
}
/******************************************************************************
* CONTENT
******************************************************************************/
#contentTop{
margin-top: 135px;
width: 100%;
}
#contentTop_cart{
margin-top: 105px;
_margin-top: 85px;
width: 100%;
border-top: 1px solid #D1D1D1}
#contentTop_with{
margin-top: 170px;
width: 100%;
}
#contentWrapper{
margin: 0px auto;
width: 990px;
padding: 5px 0px;
background-color: #FFFFFF;
}
#contentWrapper_cart{
margin: 0px auto;
width: 990px;
padding: 5px 0px;
background-color: #FFFFFF;
}
#contentWrapper_theme{
margin: 0px auto;
width: 990px;
padding: 5px 0px;
background-color: #FFFFFF;
}
/******************************************************************************
* INDEX A
******************************************************************************/
#homepageLeft{
float: left;
width: 800px;
}
.productListLine{
padding: 5px 4px;
border-bottom: 1px solid #D1D1D1;
}
.productListLine{
padding: 5px 4px;
}
.mono{
display: block;
margin-bottom: 10px;
height: 315px;
}
#homepageRight{
float: right;
width: 180px;
}
#homepageRight span.banner{
display: block;
height: 75px;
margin-bottom: 5px;
}
.linksIndex{
display: block;
border-bottom: 1px solid #D1D1D1;
}
.linksIndex ul{
list-style: none;
}
.linksIndex ul li{
padding: 3px 5px;
}
.linksIndex ul li.solutions{
border-bottom: 1px solid #D1D1D1;
}
.linksIndex ul li.moreSolutions{
background-color: #F2F2F2;
}
.linksIndex ul li a{
text-decoration: none;
font-size: 10px;
}
.linksIndex ul li a:hover{
text-decoration: underline;
color: #ED2024 !important;
}
.newIcon{
position: absolute;
z-index: 10;
}
.hidden{
display: none;
}
.indexPopProducts{
width: 173.5px;
height: 185px;
float: left;
border-right: 1px solid #F2F2F2;
border-bottom: 1px solid #F2F2F2;
padding: 10px;
}
.indexPopCats{
border-bottom: 1px solid #D1D1D1;
padding: 10px;
}
.indexPopProducts div.productImgContainer{
text-align: center;
display: block;
height: 100px;
line-height: 100px;
}
.indexPopCats div.productImgContainer{
text-align: center;
height: 100px;
line-height: 100px;
float: left;
width: 150px;
}
.indexPopCats div.productImgContainer a{
text-decoration: none;
font-size: 0;
}
.indexPopCats div.productImgContainer img{
vertical-align: middle;
}
.indexPopCats div.learnMoreText{
float: right;
width: 628px;
}
div.learnMoreText h2{
margin-bottom: 10px;
}
div.learnMoreText h2 a{
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #32AB8F;
}
div.learnMoreText h2 a:hover{
text-decoration: underline;
color: #F5771F;
}
div.learnMoreText a.linkTo{
display: block;
margin-top: 10px;
float: right;
}
.popCatsLeft{
display: block;
float: left;
width: 215px;
}
.popCatsRight{
display: block;
float: right;
width: 535px;
}
.seeAllText{
text-align: center;
}
.seeAllText h2{
font-weight: normal;
}
/******************************************************************************
* INDEX B - PLAN B
******************************************************************************/
#indexLeft{
width: 800px;
float: left;
}
div.indexLineContainer{
margin-bottom: 10px;
}
div.indexCatContainer{
width: 260px;
float: left;
border-top: 5px solid #F5771F;
}
div.indexMarginLeft{
margin-left: 10px;
}
div.indexCatContainer a.imgContainer{
text-decoration: none;
height: 110px;
width: 110px;
text-align: center;
line-height: 110px;
display: block;
font-size: 0;
}
a.imgContainer img{
vertical-align: middle;
}
div.indexCatContainer h2{
border-bottom: 1px solid #D1D1D1;
margin: 2px 0px 0px;
}
div.indexCatContainer h2 a{
line-height: 30px;
display: block;
}
div.indexCatContainer h2 a, div.indexCatContainer h2 a:visited{
font-weight: bold;
color: #32AB8F;
font-size: 16px;
text-decoration: none;
}
div.indexCatContainer h2 a:hover{
color: #F5771F;
}
div.indexImgContainer{
float: left;
width: 110px;
}
div.subCatList{
float: right;
width: 150px;
}
div.subCatList a{
display: block;
font-size: 10px;
margin: 2px 0px;
}
div.indexSeeAll{
margin-top: 10px;
}
div.indexSeeAll a{
font-weight: bold;
display: block;
font-size: 12px !important;
}
#indexRight{
width: 180px;
float: right;
}
.indexSlideshow{
margin: 5px 0px 10px;
height: 50px;
display: block;
float: left;
width: 800px;
}
.specialLink{
width: 180px;
float: right;
margin-top: 5px;
}
div.hiddenText{
display: none;
}
div.shownText{
display: block;
}
div.categoryText{
position: absolute;
z-index: 2;
background-color: #F3F3F3;
width: 400px;
border: 1px solid #D1D1D1;
margin-top: -1px;
}
div.categoryTextContainer{
margin: 10px;
padding: 10px;
border-left: 5px solid #F5771F;
border-right: 5px solid #F5771F;
}
div.emailSignup{
border: 1px solid #D1D1D1;
border-bottom: 0;
}
div.emailSignup h3{
width: 145px;
float: left;
}
div.emailSignup span.subText{
font-size: 10px;
color: #F5771F;
font-weight: bold;
display: block;
margin: 7px 5px 5px;
}
div.emailSignup input.emailAddress{
font-size: 10px;
width: 103px;
margin: 5px 5px 10px;
color: #A2A2A2;
}
div.emailSignup input.signupButton{
font-size: 10px;
font-weight: bold;
color: #FFF;
background-color: #F5771F;
border: 0;
padding: 2px 0px 2px;
cursor: pointer;
}
div.emailSignup div.socialIcons{
text-align: center;
padding: 10px 0px;
}
div.socialIcons a{
display: inline-block;
width: 35px;
text-align: center;
margin-left: 16px;
}
div.socialIconsFooter a{
display: inline-block;
width: 35px;
text-align: center;
margin: 10px 0px 10px 10px;
}
span.signUpError{
color: #FF0000;
font-weight: bold;
background-color: #FFF7D7;
padding: 5px;
display: block;
margin: 5px 0px;
border-top: 1px dashed #FF0000;
border-bottom: 1px dashed #FF0000;
}
span.signUpThanks{
color: #F5771F;
font-weight: bold;
padding: 5px;
display: block;
margin: 5px 0px;
}
/******************************************************************************
* PRODUCT PAGE
******************************************************************************/
.productPageTopWrapper{
margin-top: 10px;
margin-bottom: 10px;
}
.productImage{
float: left;
width: 495px;
}
.productImage div.productAltViews{
width: 62px;
float: left;
text-align: center;
}
div.productAltViews ul{
list-style: none;
}
div.productAltViews div{
width: 50px;
height: 50px;
line-height: 50px;
margin-bottom: 3px;
padding: 2px;
text-align: center;
font-size: 0;
cursor: pointer;
/*border: 1px solid #D1D1D1;*/
}
div.productAltViews div img{
vertical-align: middle;
text-align: center;
}
div.productAltViews img.altViews{
display: block;
margin: 5px 0px;
text-align: center;
}
.productImage div.productImageContainer{
float: right;
/*margin-top: 20px;*/
margin-left: 10px;
width: 423px;
/*min-height: 250px;
line-height: 250px;*/
text-align: center;
}
div.productImageContainer img{
vertical-align: middle;
}
.productPricingCont{
float: right;
width: 485px;
}
img.closeoutBanner{
cursor: pointer;
}
.productPricing{
width: 483px;
border: 1px solid #D1D1D1;
}
.productPricingCont_popup{
float: right;
width: 300px;
margin-right: 5px;
border: 1px solid #D1D1D1;
}
.productPricing_popup{
width: 285px;
padding: 5px 0px 5px 5px;
}
#pic_not_unique{
background-color: #FFF;
z-index: 100;
position: absolute;
width: 440px;
margin-top: 100px;
font-weight: bold;
color: #FF0000;
}
#pricing_options{
float: left;
width: 288px;
padding: 5px;
border-right: 1px solid #D1D1D1;
}
#ratingAuthDealer{
float: right;
width: 175px;
margin: 5px 5px 5px 0px;
text-align: center;
}
.authDealer{
margin: 10px 0px;
}
.authDealer div,{
font-size: 10px;
letter-spacing: .10px;
}
.options{
margin-bottom: 10px;
}
.optionsField{
display: none;
}
#main_div{
}
#main_div label, #product_options label, .options label{
display: block;
margin-right: 5px;
float: left;
width: 40px;
text-align: right;
font-weight: bold;
line-height: 20px;
}
.oneOptionStyle{
font-weight: bold;
line-height: 20px;
}
#main_div select, #product_options select{
width: 233px;
margin-right: 5px;
float: right;
}
div.optionsContainer{
height: 25px;
}
div.optionsContainer div{
width: 230px;
margin-bottom: 2px;
float: right;
line-height: 20px;
}
select.hiliteoption{
background-color: #009700;
color: #FFF;
font-weight: bold;
}
select.hiliteoption option{
background-color: #FFF;
color: #000;
font-weight: normal;
}
#product_options{
margin-top: 2px;
}
.clickToVerify{
display: block;
color: #32AB8F;
font-size: 10px;
}
.helpAvailable{
cursor: help;
}
.invredesign{
font-weight: bold;
font-size: 18px;
}
.gridinvredesign{
font-weight: bold;
font-size: 14px;
}
.green{
color: #009700;
}
.blue{
color: #0000FF;
}
.red{
color: #FF0000 !important;
}
.orange{
color: #F5771F
}
.substatus{
color: #454545;
font-size: 10px;
}
.hidden_invstatus{
display: none;
}
.shown_invstatus{
display: block;
background-color: #FFF;
/*-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-right: 4px solid #E8E8E8;
border-bottom: 4px solid #E8E8E8;*/
z-index: 200;
position: absolute;
width: 250px;
margin-left: 20px;
}
.inner_shown_invstatus{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #D1D1D1;
padding: 5px;
font-size: 10px;
}
.optionPicsContainer{
border-top: 1px dashed #D1D1D1;
border-bottom: 1px dashed #D1D1D1;
margin-bottom: 10px;
}
.optionPics{
padding: 0px 5px 0px 10px;
margin: 2px 0px 5px 0px;
list-style: none;
}
.optionPics div{
padding: 1px;
line-height: 25px;
width: 27px;
height: 27px;
float: left;
margin: 1px;
cursor: pointer;
text-align: center;
font-size: 0px;
vertical-align: middle;
}
.optionPics div img{
vertical-align: middle;
text-align: center;
}
.option{
border: 1px solid #D1D1D1;
cursor: pointer;
vertical-align: middle;
background-color: #FFFFFF;
}
.option a{
text-decoration: none;
font-size: 0px;
line-height: 0 !important;
}
.option li{
text-decoration: none;
font-size: 0px;
line-height: 0 !important;
}
.option_over{
border: 1px solid #F5771F;
cursor: pointer;
background-color: #FFFFFF;
}
.clickToSelect{
margin-left: 12px;
font-size: 10px;
}
.productPageTabs{
margin-top: 10px;
}
#productTabs{
}
.productTabs{
width: 800px;
float: left;
}
.productTabsNoRight{
width: 990px;
}
ul.pTabs{
list-style: none;
height: 32px;
}
ul.pTabs li{
display: block;
float: left;
text-align: center;
margin-left: 5px;
/*width: 100px;*/
padding: 0px 15px;
border: 1px solid #D1D1D1;
border-bottom: 0px solid #D1D1D1;
font-weight: bold;
}
ul.pTabs li.tab_notactive{
margin-top: 7px;
line-height: 25px;
height: 24px;
background-color: #E8E8E8;
border-bottom: 1px solid #D1D1D1;
}
li.tab_notactive a{
display: block;
/*width: 100px;*/
line-height: 24px;
color: #000000;
text-decoration: none;
}
li.tab_notactive a:hover{
color: #000000;
background-color: #E8E8E8;
}
ul.pTabs li.tab_mouseover{
margin-top: 2px;
height: 29px;
line-height: 25px;
background-color: #E8E8E8;
border-bottom: 1px solid #D1D1D1;
}
li.tab_mouseover a{
display: block;
/*width: 100px;*/
line-height: 29px;
color: #000000;
text-decoration: none;
}
li.tab_mouseover a:hover{
color: #000000;
background-color: #E8E8E8;
}
ul.pTabs li.tab_active{
background-color: #F5771F;
color: #FFFFFF;
height: 32px;
line-height: 25px;
}
li.tab_active a{
display: block;
/*width: 100px;*/
line-height: 29px;
color: #FFFFFF;
text-decoration: none;
}
li.tab_active a:hover{
background-color: #F5771F;
}
div.tab_info{
border: 1px solid #D1D1D1;
margin-bottom: 10px;
}
.min-height{
min-height: 650px;
}
.info_active{
display: block !important;
}
.info_notactive{
display: none !important;
}
div.guideInfo{
padding: 10px !important;
}
div#details_info div.detailsLeftColumn{
width: 175px;
float: left;
margin: -1px 0px 10px -1px;
}
h2.detailsTitle{
font-weight: bold;
border-top: 1px solid #D1D1D1;
border-bottom: 1px solid #D1D1D1;
padding: 5px;
margin: 0px;
}
h2.noTopBorder{
border-top: 0px solid #D1D1D1;
}
div.infoBox{
border: 1px solid #D1D1D1;
margin-bottom: 5px;
}
div.infoBox span.pInfoShort,span.pInfoShort{
margin-top: 5px;
font-size: 10px;
color: #A2A2A2;
display: block;
}
span.pInfoShort a{
font-size: 10px;
color: #A2A2A2;
display: inline !important;
text-decoration: underline !important;
}
span.pInfoShort span{
text-decoration: underline;
cursor: pointer;
font-size: 10px;
}
span.pInfoShort ul{
margin-top: 5px !important;
list-style: none;
}
span.pInfoShort ul li{
font-size: 10px;
margin: 0 !important;
padding: 0 !important;
color: #A2A2A2;
}
div.infoBoxWithBorders{
border: 1px solid #D1D1D1;
margin: 10px 0px;
}
div.infoBoxInfo{
padding: 10px 0px;
text-align: center;
}
div.infoBoxInfo a{
display: block;
margin: 0px 0px;
text-decoration: none;
}
a.noPicHere{
font-weight: bold;
padding: 10px;
}
div.infoBoxInfo ul{
list-style: none;
text-align: left;
font-size: 10px;
}
div.infoBoxInfo ul li{
padding-left: 10px;
margin: 5px 0px;
}
div.infoBoxInfo li a{
display: block;
font-size: 10px;
text-decoration: none;
}
div.infoBoxInfo ul a:hover{
text-decoration: underline;
}
div.infoBoxInfo span.filesize{
display: block;
font-size: 8px;
font-style: italic;
color: #A2A2A2;
}
div.infoBoxInfo span.filename{
display: block;
float: left;
width: 140px;
}
div.infoBox div.titleBar, div.infoBoxWithBorders div.titleBar, .productList div.titleBar, div.titleBar{
border-bottom: 1px solid #D1D1D1;
background-color: #E8E8E8;
padding: 2px 5px;
font-weight: bold;
}
div.titleBar h3 a{
text-decoration: none;
}
div.titleBar_blue{
border-bottom: 1px solid #D1D1D1;
background-color: #32AB8F;
padding: 2px 5px;
font-weight: bold;
color: #FFFFFF;
}
div.titleBar_main{
background-color: #F5771F;
padding: 2px 5px;
font-weight: bold;
color: #FFFFFF;
}
div.titleBar_gray{
background-color: #F1F1F1;
padding: 2px 5px;
font-weight: bold;
color: #000000;
}
.titleBar_collections{
background-color: #ECBE09;
padding: 2px 5px;
font-weight: bold;
color: #000000;
border: 1px solid #CCC;
margin-top: 5px;
}
div.infoBox span.rewardText{
display: block;
text-align: center;
font-size: 12px;
}
div.infoBox span.dollarText{
display: block;
font-size: xx-large;
font-weight: bold;
color: #F5771F;
}
div.infoBox span.rewardLink a{
font-size: x-small;
}
div.infoContainer{
margin: 10px;
}
.hiddenManInfo{
border: 1px solid #D1D1D1;
text-align: left;
}
.hiddenContainer{
margin: 10px 15px;
border-right: 5px solid #F5771F;
border-left: 5px solid #F5771F;
padding: 10px 15px;
}
.hiddenContainer p{
margin: 10px 0px;
}
.hiddenContainer span{
display: block;
}
.hiddenContainer span.title{
font-weight: bold;
margin-bottom: 5px;
font-size: 18px;
}
.hiddenContainer span.closeText{
float: right;
font-weight: bold;
color: #F5771F;
cursor: pointer;
}
.noLeft{
width: 797px;
}
.withLeft{
float: right;
width: 620px;
/*border-left: 1px solid #D1D1D1;*/
}
.withLeftNoRight{
float: right;
width: 812px;
/*border-left: 1px solid #D1D1D1;*/
}
#tooltip{
position:absolute;
border: 1px solid #333;
background: #FFF;
padding: 5px;
color: #666;
font-weight: bold;
display: none;
width: 300px;
}
#tooltipLeft{
position:absolute;
border: 1px solid #333;
background: #FFF;
padding: 5px;
color: #666;
font-weight: bold;
display: none;
width: 300px;
}
div#details_info div.detailsRightColumn{
}
div.detailsRightColumn ul,div.detailsRightColumn ol,div.rightColumn ul,div.rightColumn ol{
margin: 10px 0px 10px 25px;
}
div.detailsRightColumn div.mainInfo{
margin: 10px 20px;
}
div.detailsRightColumn div.docs span.filesize{
display: inline-block;
margin-right: 5px;
font-size: 10px;
font-style: italic;
color: #A2A2A2;
}
div.detailsRightColumn div.docs ul{
list-style: none;
margin-left: 0;
}
div.docs ul li{
padding: 3px 0px;
}
div.docs ul a{
text-decoration: none;
}
div.docs ul a:hover{
text-decoration: underline;
}
div.detailsRightColumn div.compatChart{
margin: 10px;
}
div.compatChart div.leftChart, div.compatChart div.rightChart{
float: left;
width: 275px;
}
div.leftChart span.mainTitle, div.rightChart span.mainTitle{
font-weight: bold;
}
div.rightChart span.subTitle{
font-size: 10px;
font-style: italic;
font-weight: bold;
color: #F5771F}
div.detailsRightColumn div.mp3Message{
margin: 10px;
font-size: 10px;
}
div#specifications_info,
}
div#inthebox_info{
}
div#specifications_info ul,
div#inthebox_info li{
margin: 10px 0px 10px 25px;
}
div#inthebox_info div.inboxOnLeft{
width: 378px;
}
div#inthebox_info div.inboxOffLeft{
}
div#inthebox_info div.inboxOnRight{
width: 400px;
}
div#inthebox_info div.turnFloatOn{
float: left;
}
div#inthebox_info div.turnFloatOff{
}
div#alloptions_info{
}
div#alloptions_info table.alloptions, div#closeout_info table.alloptions{
background-color: #FFF;
width: 988px;
}
table.alloptions th, table.alloptions td{
border-bottom: 1px solid #D1D1D1;
padding: 3px;
text-align: left;
vertical-align: middle;
}
table.alloptions td.priceColumn select option,
table.alloptions td.leftColumn select option,
table.alloptions td.middleColumn select option,
table.alloptions td.rightColumn select option{
font-size: 10px;
}
table.alloptions td.priceColumn, th.priceColumn{
font-weight: bold;
text-align: right !important;
border-bottom: 1px solid #D1D1D1;
width: 100px;
}
table.alloptions td.qtyColumn, table.alloptions th.qtyColumn{
width: 20px;
text-align: center !important;
}
table.alloptions td.qtyColumn input{
width: 10px;
}
td.priceColumn a{
color: #F5771F;
}
table.alloptions td.leftColumn{
}
table.alloptions td.middleColumn{
}
table.alloptions td.rightColumn{
}
div.howToSort{
font-size: 10px;
margin: 0px 10px 10px 10px;
}
div.relatedInfo{
float: right;
width: 178px;
border-top: 1px solid #D1D1D1;
margin: 32px 0px 0px 5px;
}
div.relatedMore{
background-color: #E8E8E8;
padding: 2px 5px;
font-weight: bold;
}
div.relatedInfo2{
float: right;
width: 178px;
border: 1px solid #D1D1D1;
border-bottom: 0px solid #D1D1D1;
margin-top: 0px;
}
div.vsProducts{
padding: 5px 5px;
text-align: left;
}
div.vsProducts a.imgLink{
text-align: center;
margin: 5px 0px;
}
div.vsProducts a.title{
height: 45px;
}
div.vsProducts span.sdescript{
display: none;
font-size: 10px;
}
div.vsProducts span.vsPrice{
display: block;
font-weight: bold;
color: red;
}
div.borderTop{
border-top: 1px solid #D1D1D1;
}
.specialShippingInfo{
margin-top: 5px;
padding: 5px;
background-color: #FFFF99;
border: 1px dashed #D1D1D1;
}
.specialShippingInfo span{
display: block;
}
.specialShippingInfo span.shippingHeader{
font-weight: bold;
color: #FF0000;
}
.specialShippingInfo span.shippingInfo{
padding: 3px 10px;
font-size: 10px;
}
span.callForDetails{
display: block;
}
span.discontinued{
display: block;
font-weight: bold;
font-size: 24px;
}
span.comingSoon{
display: block;
font-weight: bold;
font-size: 24px;
color: #F5771F;
}
.container1{
border-right: 1px solid #CCC;
float: left;
position: relative;
right: 180px;
width: 100%;
}
.container2{
clear: left;
float: left;
/*overflow: hidden;*/
_overflow: hidden;
width: 100%;
}
.col1{
float: left;
left: 180px;
/*overflow: hidden;*/
_overflow: hidden;
position: relative;
width: 293px;
padding: 5px;
background-color: #FFFFF5;
}
.col2{
float: left;
left: 181px;
overflow: hidden;
position: relative;
width: 180px;
text-align: center;
}
.productId{
margin: 3px 0px;
font-weight: bold;
color: #A2A2A2;
font-size: 10px;
}
.productId a{
font-size: 10px;
padding: 0px 5px;
}
.zoomInfo{
color: #A2A2A2;
text-align: center;
}
.zoomInfo span{
display: block;
}
.zoomInfo span.howToZoom{
}
#Zoomer{
}
a.seeMorePics{
color: #32AB8F;
text-align: left !important;
text-decoration: none;
}
a.seeMorePics:hover{
text-decoration: underline;
}
.productTour{
margin-top: 10px;
text-align: center;
}
.wcsb{
text-align: center !important;
}
.warrantyInfo{
margin: 5px 0px;
font-size: 10px;
}
.warrantyInfo b{
font-size: 10px;
}
.currentSpecials{
border: 1px solid #D1D1D1;
border-top: 0;
width: 483px;
}
.gridcurrentSpecials{
margin-top: 5px;
border: 1px solid #D1D1D1;
border-top: 0;
width: 180.5px;
}
.listcurrentSpecials{
margin: 5px 0px;
border: 1px solid #D1D1D1;
border-top: 0;
width: 450px;
}
.specialsTitle{
display: block;
background-color: #F5771F;
font-weight: bold;
padding: 2px 5px;
color: #FFFFFF;
}
.specialImgCont{
border-top: 1px solid #D1D1D1;
text-align: center;
}
.specialImg{
clear: both;
float: none;
display: block;
text-decoration: none;
font-weight: bold;
margin: 5px;
}
.specialImgNoPicCont{
border-top: 1px solid #D1D1D1;
padding: 10px;
}
.specialImgNoPic{
float: left;
display: block;
text-decoration: none;
font-weight: bold;
margin-left: 5px;
}
.myjoysContainer{
text-align: center;
border: 1px solid #D1D1D1;
border-top: 0px;
width: 473px;
padding: 5px;
}
.myjoysContainer table{
width: 473px;
border: 1px solid #6C8EB7
}
.myjoysContainer table td{
padding-bottom: 5px;
}
.myJoysImg{
width: 118.25px;
vertical-align: middle;
padding: 0 !important;
}
/******************************************************************************
* MYBUYS
******************************************************************************/
.mybuysAlertMe{
margin: 5px 0px;
}
.mbitem{
margin: 10px !important;
padding: 0 !important;
width: 227px !important;
}
/******************************************************************************
* YOUR PRICE
******************************************************************************/
#yourPriceContainer form{
text-align: right;
width: 325px;
letter-spacing: -0.5px;
}
#yourPriceContainer .ypPic{
margin: 10px;
}
#yourPriceContainer .input{
border: 1px solid #000;
margin: 2px 10px 2px 0px;
padding: 2px 0px 2px 2px;
}
#yourPriceContainer .border{
width: 325px;
margin: 0 10px 10px 10px;
}
#yourPriceContainer .formInfo{
margin: 0px 10px 5px 10px;
letter-spacing: -0.5px;
font-size: small;
text-align: left;
}
#yourPriceContainer .formInfo2{
margin: 5px 10px 5px 10px;
letter-spacing: -0.5px;
font-size: small;
text-align: left;
}
#yourPriceContainer .formProduct{
font-weight: bold;
margin: 0px 10px 5px 10px;
vertical-align: middle;
}
#yourPriceContainer .asterick{
color: red;
font-size: x-small;
display: inline-block;
margin: 0px 2px;
}
#yourPriceContainer .required{
color: red;
font-size: x-small;
margin-right: 10px;
}
.yourPriceTopBar{
background-color: #006699;
}
.yourPriceClose{
cursor: pointer;
float: right;
margin: 5px;
}
.formLine{
margin: 3px;
}
/******************************************************************************
* FACEBOOK LIKE
******************************************************************************/
.facebook_widget{
width: 473px;
height: 25px;
padding: 7px 5px 4px;
border: 1px solid #D1D1D1;
border-top: 0;
}
.facebook_widget_popup{
width: 250px;
height: 25px;
padding: 5px;
}
.facebook_widget_popup iframe{
width: 250px !important;
}
.addthis_toolbox.addthis_pill_combo a {
float: left;
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet {
margin-top: 0px;
}
.addthis_button_compact .at15t_compact {
margin-right: 4px;
float: left;
}
/******************************************************************************
* INFO TABLE
******************************************************************************/
.iTable_cont{
display: none;
width: 990px;
height: 500px;
position: fixed;
background-color: white;
top: 50px;
z-index: 1005;
border: 1px solid #D1D1D1;
}
#infoTable{
font-family: arial, sans-serif;
font-size: 10px;
width: 100%
}
#infoTable th, #infoTable td{
border: 1px solid #E8E8E8;
padding: 2px 5px;
}
#productTableInfo{
margin: 10px;
}
#productTableInfo th{
text-align: left;
}
#productTableInfo th, #productTableInfo td{
border: 1px solid #E8E8E8;
padding: 2px 5px;
}
.iTable_header{
background-color: #32AB8F;
padding: 2px 5px;
color: #FFF;
font-weight: bold;
}
.closeX{
cursor: pointer;
float: right;
color: white;
font-weight: bold;
vertical-align: middle;
}
.closeX2{
cursor: pointer;
margin-left: 10px;
}
/******************************************************************************
* WHOLE HOUSE AUDIO
******************************************************************************/
.wholeHouseAudioBg{
background: url(/pics/whole-house-audio/background-long-banner.gif) repeat-x scroll 0% 0% transparent;
height: 51px;
margin: 0px auto;
text-align: center;
}
#wholeHouseContainer{
z-index: 300;
}
#whf-backdrop{
z-index: 299;
}
/******************************************************************************
* GRID PRODUCTS
******************************************************************************/
.gridContainer{
border: 1px solid #D1D1D1;
border-bottom: 0;
margin-bottom: 10px;
}
.gridImgs{
line-height: 75px;
height: 75px;
font-size: 0;
}
.gridImgs img{
vertical-align: middle;
}
/******************************************************************************
* ACCESSORIES TAB
******************************************************************************/
.productList div.productListContainer{
padding: 0px 10px 10px 10px;
border-bottom: 1px solid #D1D1D1;
}
.productList div.description{
margin: 10px;
}
.productList table{
width: 100%;
}
.productList table th{
padding: 2px 5px;
}
.productList table td{
border-bottom: 1px dotted #D1D1D1;
}
.productList table th{
background-color: #F3F3F3;
}
.productList table th.img,
.productList table td.img{
width: 60px;
text-align: center;
vertical-align: middle;
}
.productList table td.img,
.productList table td.title,
.productList table td.options,
.productList table td.status,
.productList table td.price,
.productList table td.select{
padding: 5px;
}
.productList table th.title,
.productList table td.title{
vertical-align: top;
}
.productList table td.title h5{
font-weight: normal;
}
.productList table th.status,
.productList table th.price,
.productList table th.select,
.productList table th.options,
.productList table td.status,
.productList table td.price,
.productList table td.select,
.productList table td.options{
text-align: center;
vertical-align: middle;
}
.productList table td.status,
.productList table td.options{
font-size: 10px;
}
.productList table th.status,
.productList table td.status{
width: 80px;
}
.productList table th.options,
.productList table td.options{
width: 75px;
}
.productList table th.select,
.productList table td.select{
width: 110px;
}
.productList table th.price,
.productList table td.price{
width: 50px;
}
.productList table td.price{
font-weight: bold;
color: red;
}
.bottomBorder{
border-bottom: 1px dotted #D1D1D1;
}
.bottomBorderSolid{
border-bottom: 1px solid #D1D1D1 !important;
}
.noBottomBorder{
border-bottom: 0 !important;
}
.accessoriesSubmit{
float: right;
}
.warningMessage{
display: none;
background-color: red;
float: right;
padding: 10px;
color: #FFF;
font-weight: bold;
margin: 15px 0px;
}
/******************************************************************************
* MANUFACTURER HEADERS
******************************************************************************/
.manHeader_manInfoPage{
height: 100px;
margin-bottom: 10px;
width: 990px;
}
.manHeader_catInfoPage{
height: 100px;
margin-bottom: 10px;
width: 800px;
}
.manHeader{
height: 100px;
margin-bottom: 10px;
width: 800px;
}
.mhLeft{
float: left;
}
.mhRight{
float: right;
}
.mhHeader{
height: 100px;
width: 200px;
}
/** New Man Header 2010-09-24 **/
#accordion{
margin-bottom: 10px;
}
#accordion h3 a{
padding: 0;
padding-left: 30px;
}
.ui-accordion-content p{
margin: 0;
}
.manHead p{
padding: 1em 2.2em;
margin: 0;
}
.manLogo{
border: 0 !important;
}
.manLogo p{
font-size: 24px;
font-weight: bold;
color: #32AB8F;
}
/******************************************************************************
* REVIEWS
******************************************************************************/
.reviewsInfo{
border: 1px solid #D1D1D1;
margin-bottom: 10px;
}
.productRating{
margin: 5px 0px;
cursor: pointer;
}
.productRating span.leaveReview{
font-size: 10px;
color: #999;
margin-left: 25px;
}
.stars{
background: url(/pics/sprite.png) no-repeat;
width: 83px;
height: 15px;
display: inline-block;
}
.noStar{
background-position: 0px -50px;
}
.halfStar{
background-position: 0px -67px;
}
.oneStar{
background-position: 0px -84px;
}
.one_halfStar{
background-position: 0px -101px;
}
.twoStar{
background-position: 0px -118px;
}
.two_halfStar{
background-position: 0px -135px;
}
.threeStar{
background-position: 0px -152px;
}
.three_halfStar{
background-position: 0px -169px;
}
.fourStar{
background-position: 0px -186px;
}
.four_halfStar{
background-position: 0px -203px;
}
.fiveStar{
background-position: 0px -220px;
}
.reviewCnt{
display: inline-block;
color: #A2A2A2;
font-size: 10px;
font-style: italic;
margin-left: 5px;
}
.reviews{width: 100%; border-top: 1px solid #D1D1D1; padding: 5px 0px;}
.reviewsMargin{margin: 0px 10px;}
.lastReview{border-bottom: 1px solid #999;}
.reviewTitle{padding: 0px 0px 0px 10px; font-weight: bold; display: inline !important;}
.reviewTypeTitle{font-weight: bold; display: inline !important;}
.prosConsDiv{margin-bottom: 5px;}
.subTitle{font-weight: bold; display: block;}
.bgGray{}
.bgWhite{}
.reviewText{width: 100%;}
.verificationBadge{margin: 5px 0px 0px 0px;}
.verificationBadge img{display: inline; vertical-align: middle; cursor: pointer;}
.verificationBadge span{line-height: 20px; display: inline-block; float: left;}
.helpful{display: block; margin: 0px 0px 5px 0px; font-style: italic; font-size: 10px;}
.helpful span{font-weight: bold; display: inline;}
.reviewPhotos{margin: 10px 5px 2px 0px; float: left; width: 112px; cursor: pointer;}
.imgBorder{background-color: #FFF; padding: 5px; border: 1px solid #D1D1D1;}
.imgBorder img{}
.reviewPhotos span.tag{font-size: 10px; padding: 0px 0px 0px 5px;}
.reviewAttributes{margin: 0px 0px 0px 0px;}
.reviewProsConsContainer{margin: 5px 0px 5px 25px;}
.reviewProsConsContainer span{display: block;}
.reviewAttributes span.type{font-weight: bold; display: inline;}
.wasThisHelpful{display: block; width: 100%; font-size: 10px; font-style: italic; text-align: center; margin: 5px 0px 0px 0px;}
.wasThisHelpful span{display: inline-block; margin: 0px 3px;}
.wasThisHelpful span a{font-size: 10px; color: #0000FF; text-decoration: none;}
.wasThisHelpful span a:hover{text-decoration: underline;}
.reviewVerification{
margin: 20px;
}
.reviewVerification label{
font-weight: bold;
margin-bottom: 5px;
display: block;
}
.reviewVerification input.verificationInput{
font-size: 18px;
padding: 3px;
}
.reviewNotice{
padding: 10px;
font-size: 16px;
font-weight: bold;
color: red;
}
#verificationBadges{display: none; width: 600px; margin: 0px auto;
z-index: 500; background-color: #F1F1F1; border: 1px solid #D1D1D1;}
#verificationBadges span.vbClose{float: right; cursor: pointer; padding: 5px 6px 5px 0px; background-color: #F1F1F1;}
#verificationBadges div.vbLines{margin: 10px; border-left: 5px solid #32AB8F; border-right: 5px solid #32AB8F; padding: 10px;}
#verificationBadges span{display: block;}
#verificationBadges span.vb{}
#verificationBadges span.vbHeadline{font-weight: bold; display: block;}
#verificationBadges span.vbSubHead{font-weight: normal;}
#verificationBadges span.vbBadge{margin-top: 10px;}
#verificationBadges span img{display: inline; vertical-align: middle;}
#verificationBadges span span{display: inline-block; font-weight: bold; float: left;}
#verificationBadges span.vbDes{margin: 5px 20px 0px 20px; font-weight: normal;}
.badgeTitle{
line-height: 20px;
}
.vbImage{display: none; padding: 10px 10px 40px 10px; background-color: #FFF; border: 1px solid #CCC; z-index: 500; position: absolute; }
.vbImage span.vbClose{float: right !important; cursor: pointer; padding: 0px 6px 5px 0px; background-color: #FFF;}
.vbImage span.vbImageTag{font-weight: bold; padding: 12px 0px; display: block;}
.vbImage span.vbText{float: left;}
.reviewProsConsContainer{margin: 10px 20px;}
.prosConsDiv{width: 400px; margin-bottom: 20px;}
.reviewProsCons{float: left; width: 200px;}
.reviewProsCons span{font-weight: bold;}
.reviewProsCons ul{margin: 0; padding: 0px; margin-left: 0px; list-style: none; font-size: 10px;}
/*.reviewFormContainer{background-color: #F1F1F1; width: 800px; padding: 5px; border: 1px solid #000;}*/
.reviewFormContainer{
border-top: 1px solid #D1D1D1;
}
#reviewsForm ul{list-style: none; padding: 0; margin: 0;}
#reviewsForm ul li{padding: 5px 10px 5px 10px;}
#reviewsForm ul li span{display: block;}
#reviewsForm ul li label.main{font-weight: bold;}
.starRating{float: left; width: 100px; margin-left: 20px;}
.starRating img{float: left;}
.choice{font-size: 10px; display: inline; vertical-align: middle; padding-bottom: 8px;}
.reviewRating{float: left;}
.colorStars{display: none;}
.ratingDes{float: left; display: none;}
#reviewsForm ul li label.main span{color: #FF0000; display: inline;}
#reviewsForm ul li input, #reviewsForm ul li textarea{font-size: 16px; padding: 3px;}
#reviewsForm li div span.full input, form li span.full input, form li span.full textarea, form li div.full textarea {width:98%;}
#reviewsForm li div span.half input, form li span.half input, form li span.half textarea, form li div.half textarea {width:50%;}
#reviewsForm input.submit{
margin: 0px 0px 10px 10px;
}
#submitResult{display: none; visibility: hidden; width: 800px; margin-top: 5px;
z-index: 500; position: absolute; background-color: #F1F1F1; height: 675px;}
.rsClose{float: right; cursor: pointer; color: #F5771F; font-weight: bold; margin: 2px 2px 0px 0px;}
.reviewsHeader{}
.reviewsHeader span.reviewHeaderRight{float: right; margin: 10px 0px; cursor: pointer; display: block;}
.reviewsHeader span.reviewHeaderRight img{}
.reviewsHeader span.reviewHeaderRight span{font-weight: bold;}
.reviewsHeader span.reviewHeaderLeft{margin: 10px; display: block; width: 780px;}
span.reviewHeaderLeft span.reviewStars{width: 50%; float: left;}
.reviewsHeader span.reviewHeaderNone{float: none !important; clear: both !important; padding-top: 10px; display: block;}
.reviewsHeader span.reviewHeaderNone span{float: none !important; font-weight: bold; font-size: 14px;}
.basedOn{float: left; font-size: 10px; padding: 12px 0px 0px 5px; color: #666;}
.ratingClick{font-size: 10px; color: #000 !important; font-weight: normal; font-style: italic;}
.reviewsRequired{font-size: 10px; color: #FF0000;}
.attFloat{float: left; width: 170px;}
.attNoFloat{clear: both;}
.formHeader{
background-color: #F3F3F3;
padding: 0px 10px;
font-weight: bold;
}
.write{
display: inline-block;
line-height: 36px;
float: left;
}
.emailSent{height: 125px; width: 600px; background-color: #F1F1F1; border: 1px solid #000;
z-index: 300; position: absolute; display: none;}
.emailSentClose{float: right; cursor: pointer; padding: 3px 3px 0px 0px;}
.emailSent div.thanks{font-size: 24px; font-weight: bold; margin: 15px 0px 0px 10px;}
.emailSent div.thanksMessage{margin: 15px 0px 0px 10px;}
#emailSent{
background-color: #FFF7D7;
}
#emailSent div.emailSentContainer{
border-top: 1px solid #D1D1D1;
padding: 10px;
}
div.emailSentContainer div.thanks{
font-size: 18px;
font-weight: bold;
}
div.emailSentContainer div.thanksMessage{
margin: 5px 0px 0px 0px;
}
.hide_submitReviewForm{
display: none;
}
.show_submitReviewForm{
display: block;
margin: 0px auto;
}
.reviewsPagination{
height: 35px;
background-color: #F3F3F3;
border-top: 1px solid #D1D1D1;
}
.displayingReviews{
float: left;
line-height: 35px;
margin-left: 10px;
}
.reviewsButtons{
float: right;
line-height: 35px;
margin-right: 10px;
}
#rHeader{
padding: 5px;
height: 50px;
border-bottom: 1px solid #D1D1D1;
}
#rHeader span{
display: inline-block;
}
#rHeader span.arrow{
line-height: 50px;
float: left;
}
#rHeader span.img{
line-height: 50px;
margin: 0px 10px;
float: left;
}
span.img img{
vertical-align: middle;
}
#rHeader span.title{
width: 515px;
}
span.title h1 a{
font-size: 14px;
text-decoration: none;
}
span.title h2{
font-size: 12px;
}
#rHeader span.price{
float: right;
line-height: 50px;
width: 275px;
text-align: right;
}
/******************************************************************************
* FOOTER BRANDS
******************************************************************************/
#brandsWrapper{
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
height: 30px;
width: 990px;
}
#brandWrapper{
height: 30px;
font-weight: bold;
}
#brandWrapper span{
text-align: center;
float: left;
width: 110px;
height: 30px;
line-height: 30px;
}
#brandWrapper span img{
vertical-align: middle;
margin-bottom: 3px;
}
/******************************************************************************
* FOOTER
******************************************************************************/
#footerWrapper{
width: 990px;
margin: 0px auto;
padding-bottom: 5px;
margin-bottom: 30px;
}
#footerWrapper div.footerRight{
float: right;
padding: 0px 0px 10px;
}
div.pageForm{
float: left;
width: 200px;
}
div.pageDetails{
float: left;
width:500px;
}
div.pageDetails h2{
font-weight: bold;
}
div.pageDetails ul{
margin: 10px 0px 10px 25px;
}
div.signMeUp{
width: 160px;
height: 200px;
background-color: #32AB8F;
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
padding: 10px;
box-shadow: 0 4px 5px #666;
-webkit-box-shadow: 0 4px 5px #666;
-moz-box-shadow: 0 4px 5px #666;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#666, offX=0, offY=4, positive=true);
margin-bottom: 5px;
}
div.signMeUp h3{
color: #FFF;
}
div.signMeUp p{
font-size: 10px;
color: #FFF;
margin: 5px 10px 7px;
}
div.signMeUp label{
color: #FFF;
font-size: 10px;
}
div.signMeUp input.emailAddress{
width: 155px;
margin-bottom: 5px;
color: #666;
font-size: 10px;
}
div.signupError{
border: 1px solid #FFF2B2;
background-color: #FFF8D5;
padding: 10px;
margin-top: 10px;
}
div.signupError ul{
margin-left: 25px;
}
div.signupThanks{
padding: 10px;
width: 500px;
}
div.signMeUp span.allRequired{
font-style: italic;
color: #FFF;
font-size: 10px;
}
#footerWrapper div.footerLeft{
float: left;
width: 160px;
margin-right: 10px;
}
div.footerLeft span.csTitle{
font-weight: bold;
margin: 10px 0px;
display: inline-block;
}
div.footerLeft ul{
list-style: none;
margin: 0px 0px;
}
#footerWrapper div.footerMiddle{
float: left;
width: 630px;
padding: 10px 0px;
}
table.businessLogos{
width: 100%;
margin: 30px 0px;
}
table.businessLogos td{
text-align: center;
vertical-align: middle;
}
.cityText{
display: block;
text-align: center;
}
.cityText, .cityText a{
font-size: 10px;
}
.hiddenCities{
display: none;
padding: 10px 0px;
}
.hiddenCities p{
margin-bottom: 10px;
}
.cityWrapper{
display: block;
float: left;
width: 165px;
}
.cityWrapper div{
display: block;
}
.cityWrapper div.state{
font-weight: bold;
margin-top: 5px;
color: #ED2024;
}
.cityWrapper div.city{
font-size: 10px;
}
div.bottomFootLeft{
float: left;
}
div.bottomFootRight{
float: right;
}
div.bottomFootRight div.cartid{
background-color: #FFF7D7;
color: red;
font-weight: bold;
border: 1px dashed red;
padding: 20px;
}
div.socialContFooter{
margin: 10px 0px 0px !important;
border: 1px solid #D1D1D1;
width: 155px;
}
div.socialContFooter div{
margin: 0px !important;
}
/******************************************************************************
* BOTTOM NAVIGATION BAR
******************************************************************************/
.topofpage{
position: absolute;
top: 0;
left: 0;
}
.itsFixed{
background-color: #000;
bottom: 0;
left: 0;
position: fixed;
width: 100%;
height: 30px;
display: block;
z-index: 51;
}
.fixedWrapper{
margin: 0px auto;
width: 990px;
color: #FFF;
}
div.fixedLeft{
float: left;
}
div.fixedLeft span.fixedSocialMedia{
line-height: 35px;
display: inline-block;
border-right: 1px solid #333;
}
span.fixedSocialMedia a{
color: #FFF;
text-decoration: none;
display: inline-block;
padding: 0px 10px;
}
span.fixedSocialMedia a:visited{
color: #FFF;
}
span.fixedSocialMedia a:hover{
text-decoration: underline;
}
div.fixedSocial{
float: left;
}
.fixedMiddle{
width: 240px;
text-align: center;
float: left;
margin: 2px 20px 0px;
}
.rightPart{
float: right;
border-left: 1px solid #333;
border-right: 1px solid #333;
}
.rightPart a{
color: #FFF;
text-decoration: none;
display: inline-block;
padding: 0px 10px;
line-height: 30px;
}
.rightPart a:visited{
color: #FFF;
}
.rightPart a:hover{
text-decoration: underline;
}
.rightPart a.toTopLink{
border-left: 1px solid #333;
}
.rightPart a.myCartFooter{
}
.rightPart a.checkoutFooter{
border-left: 1px solid #333;
}
.fixedPhone{
color: #FFF;
font-weight: bold;
font-size: 24px;
margin: 0px 5px 0px 15px;
float: left;
}
.fixedSocialMedia{
line-height: 30px;
display: block;
border-right: 1px solid #333;
float: left;
}
.fixedSocialMedia span.shownFixed{
display: block;
float: left;
margin: -2px 0px 0px 5px;
}
.hiddenFixed{
display: none;
}
/******************************************************************************
* CART SLIDER
******************************************************************************/
.sliderButton{
line-height: 30px;
cursor: pointer;
}
.slide {
position: relative;
width: 112px;
float: left;
padding: 0px 10px;
}
.slide .inner {
position: absolute;
left: 0px;
bottom: 30px;
display: none;
width: 300px;
color: #000;
background-color: #FFF;
border: 1px solid #D1D1D1;
border-bottom: 0;
z-index: 100;
opacity: 1.0 !important;
filter: alpha(opacity=100) !important;
overflow: visible;
}
div.slideHeader{
font-weight: bold;
line-height: 25px;
padding: 0px 5px 0px 10px ;
}
.classBackgroundMain{
background-color: #F5771F;
color: #FFF;
}
.classBackgroundSecondary{
background-color: #32AB8F;
color: #FFF;
}
div.slideHeader div.sliderHeaderTitle{
float: left;
}
div.slideHeader div.slideClose{
float: right;
width: 65px;
height: 25px;
}
div.slideClose span.closeSlide{
font-size: 10px;
font-weight: bold;
}
div.slideClose span.closeSlide:hover{
text-decoration: underline;
cursor: pointer;
}
.spriteSliderClose{
display: inline-block;
float: none;
}
div.inner div.checkoutBar{
height: 30px;
line-height: 30px;
border-bottom: 1px solid #D1D1D1;
padding-left: 5px;
}
div.checkoutBar span.estimatedTotal_top{
float: left;
}
div.checkoutBar span.estimatedTotal_top, div.checkoutBar span.estimatedTotal_top span{
font-size: 16px;
font-weight: bold;
}
.inner a{
color: #000 !important;
}
.topDashedBorder{
border-top: 1px solid #D1D1D1;
}
.topHiddenBorder{
border-top: 1px hidden #D1D1D1;
}
.noItems{
height: 25px !important;
line-height: 25px;
font-weight: bold;
}
.noItems span{
padding: 0px 10px;
}
div.scrollInfo{
overflow: auto;
height: 375px;
border-bottom: 1px solid #D1D1D1;
}
div.scrollInfo div.scProduct{
height: 114px;
padding: 5px 0px;
}
div.scProduct div.scImg{
width: 75px;
height: 75px;
margin: 5px;
text-align: center;
float: left;
}
div.scImg a{
display: block;
line-height: 75px;
height: 75px;
font-size: 0;
text-decoration: none;
padding: 0 !important;
}
div.scImg a:hover{
text-decoration: none;
}
div.scImg a img{
}
div.scProduct div.scInfo{
float: left;
}
div.scProduct div.scWidthLarge{
width: 213px;
}
div.scProduct div.scWidthSmall{
width: 193px;
margin-left: 5px;
}
div.scInfo h2{
margin-bottom: 3px;
}
div.scInfo h2 a{
font-size: 12px;
text-decoration: none;
line-height: normal !important;
padding: 0 !important;
}
div.scInfo h2 a:hover{
text-decoration: underline;
}
div.scInfo span.scOptions{
font-size: 10px;
display: block;
margin-bottom: 3px;
font-style: italic;
}
div.scInfo span.scQty{
font-size: 10px;
font-weight: bold;
}
div.scInfo span.scQty input{
font-size: 10px;
padding: 0;
padding-bottom: 1px;
width: 20px;
text-align: center;
}
span.scQty span{
font-size: 10px;
font-weight: bold;
color: #A2A2A2;
margin-left: 3px;
}
span.seeRacc{
display: block;
float: left;
cursor: pointer;
}
span.scPrice{
display: block;
float: right;
margin-right: 10px;
}
div.scTotals{
width: 200px;
float: right;
}
div.scTotals span{
display: block;
line-height: 20px;
}
div.scTotals span span{
float: left;
}
div.scTotals span.scTotalTitle{
width: 120px;
text-align: right;
font-weight: bold;
border-bottom: 1px dashed #D1D1D1;
}
div.scTotals span.scAmount{
width: 70px;
text-align: right;
padding-right: 10px;
border-bottom: 1px dashed #D1D1D1;
}
.scFreeShipping{
font-weight: bold;
color: red;
}
div.rAcc{
height: 470px;
overflow: hidden;
position: absolute;
right: 130px;
top: -490px;
width: 500px;
color: #000;
}
div.rAcc div.innerrAcc{
height: 470px;
background-color: #FFF;
position: absolute;
top: 0;
width: 500px;
left: 500px;
margin-right: 2px;
border: 1px solid #D1D1D1;
}
/*div.rAcc{
height: 470px;
margin-top: 25px;
position: absolute;
width: 500px;
top: 0;
right: 300px;
overflow: hidden;
display: block;
}
div.rAcc div.innerrAcc{
height: 470px;
background-color: #FFF;
position: absolute;
bottom: 0;
width: 500px;
left: 500px;
margin-right: 2px;
border: 1px solid #D1D1D1;
}*/
div.raccWrapper{
border-bottom: 1px solid #D1D1D1;
background-color: #FFF;
}
div.raccCont{
height: 85px;
width: 425px;
float: left;
overflow: hidden;
}
div.raccContWrapper{
height: 85px;
position: relative;
}
div.raccCont div.raccImgCont{
width: 70px;
float: left;
cursor: pointer;
padding: 2.5px;
margin: 5px;
}
div.raccCont div.raccImgContActive{
width: 70px;
float: left;
cursor: pointer;
border: 2px solid #F5771F;
padding: 3px;
margin: 2.5px;
}
div.raccImgWrapper{
height: 70px;
line-height: 70px !important;
font-size: 0;
text-align: center;
}
div.raccImgWrapper img{
vertical-align: middle;
}
div.sliderArrows{
float: left;
width: 37.5px;
height: 85px;
line-height: 85px;
text-align: center;
font-weight: bold;
font-size: 24px;
color: #F5771F;
cursor: pointer;
}
div.inactivesliderArrows{
float: left;
width: 37.5px;
height: 85px;
line-height: 85px;
text-align: center;
font-size: 24px;
color: #D1D1D1;
font-weight: bold;
}
div.hiddensliderArrows{
float: left;
width: 37.5px;
height: 85px;
line-height: 85px;
visibility: hidden;
}
div.raccFullProductWrapper{
height: 340px;
overflow: hidden;
position: relative;
width: 480px;
}
div.raccFullProductWrapper div.raccFullProduct{
bottom: 0;
height: 340px;
left: 0;
position: absolute;
width: 480px;
}
div.raccFullProduct{
bottom: 0;
height: 340px;
left: 0;
position: absolute;
width: 480px;
padding: 10px;
}
div.raccFullProduct div.scRaccTitle{
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #D1D1D1;
}
div.raccFullProduct div.scRaccSdescription{
margin: 5px 0px 20px;
padding-bottom: 5px;
border-bottom: 1px solid #D1D1D1;
}
div.productSliderWrapper{
}
div.productSliderWrapper div.productImage{
float: left;
width: 187px;
text-align: center;
}
div.productPricing_slider{
width: 293px;
float: right;
}
.updateMsg{
text-align: center;
color: green;
font-weight: bold;
margin-top: 2px;
}
.emptyProduct1{
height: 124px;
line-height: 124px;
}
.emptyProduct2{
height: 248px;
line-height: 248px;
}
.emptyProduct{
border-top: 1px solid #D1D1D1;
width: 300px;
text-align: center;
}
.emptyProduct img{
vertical-align: middle;
opacity: 0.25;
filter: alpha(opacity=25);
}
/******************************************************************************
* LANDING PAGES
******************************************************************************/
/******************************************************************************
* ADDED TO CART
******************************************************************************/
#rightHeader{
color: #FFF;
float: right;
width: 260px;
text-align: right;
height: 50px;
}
#cartInfo{
display: none;
width: 620px;
height: 320px;
background: url(/shared/new/include/images/added-to-cart-bg.png) no-repeat;
position: absolute;
z-index: 300;
}
#cartInfo span{
display: block;
}
.cartInfoMargin{
margin: 10px;
width: 600px;
height: 300px;
}
.cartInfoLeft{
width: 270px;
height: 200px;
padding: 10px;
vertical-align: middle;
}
.cartInfoLeft div.addedTitle{
color: #009700;
height: 15px;
font-weight: bold;
text-align: center;
margin-bottom: 5px;
}
div.removedTitle{
color: #ED2024;
height: 15px;
font-weight: bold;
}
#removedNotice{
height: 15px;
}
.cartInfoLeft .lastProducts{
padding: 0px 10px 5px 0px;
margin-bottom: 5px;
border-bottom: 1px solid #F2F2F2;
}
.cartInfoLeft .lastaddedImg{
width: 260px;
text-align: center;
}
.cartInfoLeft .lastaddedImgHorizontal{
width: 60px;
text-align: center;
float: left;
}
.cartInfoLeft .verticalInfo{
}
.cartInfoLeft .horizontalInfo{
width: 190px;
float: left;
}
.cartInfoLeft .cartTitle{
font-weight: bold;
}
.cartInfoRight{
width: 300px;
height: 200px;
padding: 5px;
vertical-align: middle;
}
.cartInfoRight table.allCartItems{
width: 300px;
height: 212px;
border-collapse: collapse;
}
.cartInfoRight table{
}
.cartInfoRight table td.items{
width: 75px;
height: 65px;
vertical-align: middle;
text-align: center;
border: 1px solid #F2F2F2;
}
.cartInfoRight th.addedTitle{
background-color: #006699;
color: #FFF;
height: 15px;
text-align: left;
padding: 2px 5px;
}
.seeAllItems{
margin-top: 3px;
height: 15px;
line-height: 15px;
}
.seeAllItems a{
text-decoration: none;
font-weight: bold;
line-height: 15px;
}
.seeAllItems a img{
vertical-align: middle;
}
td.cartSubTotal{
height: 41px ;
text-align: center;
vertical-align: middle;
}
td.cartOptions{
height: 35px;
text-align: center;
vertical-align: middle;
}
span.cartQty{
font-size: 10px;
font-weight: bold;
width: 75px;
}
.imgCont{
height: 55px;
line-height: 55px;
}
.imgCont a{
text-decoration: none;
}
.imgCont img{
vertical-align: middle;
}
.hiddenOptions{
display: none;
position: absolute;
z-index: 100;
background: url(/shared/new/include/images/hidden-options.png) no-repeat;
text-align: left;
padding: 5px;
width: 170px;
font-size: 10px;
margin-left: -42.5px;
margin-top: - 10px;
height: 75px;
}
.hiddenOptions table{
width: 140px;
margin: 5px 0px 0px 15px;
}
.hiddenOptions table td{
vertical-align: middle;
font-weight: bold;
font-size: 10px;
padding: 2px;
}
.hiddenOptions table td.button{
width: 15px;
cursor: pointer;
text-align: center;
}
.hiddenOptions table td.button-text{
cursor: pointer;
text-align: left;
}
.hiddenOptions table td input{
font-size: 10px;
padding: 0;
margin: 0;
}
/******************************************************************************
* LANDING PAGES CONTENT
******************************************************************************/
#landingLeft{
width: 855px;
float: left;
}
#landingLeft h1{
margin-bottom: 10px;
}
#landingRight{
width: 125px;
margin-left: 10px;
float: left;
}
.landingTitle{
margin-bottom: 10px;
}
.landingTitle h2{
font-weight: normal !important;
}
.productLeft{
float: left;
width: 410px;
margin: 10px 0px;
}
.productRight{
float: right;
width: 365px;
padding: 10px;
margin: 10px 20px;
border: 1px solid #CCC;
}
.lp-productImgContainer{
width: 400px;
text-align: center;
display: block;
}
.lp-productImgContainer a{
text-decoration: none;
}
.lp-productImgContainer img{
vertical-align: middle;
}
.productOptions{
margin-top: 10px;
font-weight: bold;
}
.instructions{
display: inline;
font-size: 10px;
font-style: italic;
font-weight: normal;
color: #FF0000;
}
.landingImgCaption{
margin-top: 5px;
color: #ED2024;
}
.landingImgCaption span{
display: inline;
color: #ED2024;
}
.thumbs{
height: 50px;
line-height: 50px;
margin-bottom: 10px;
}
.thumb{
float: left;
}
.thumb img{
vertical-align: middle;
margin-right: 5px;
}
/******************************************************************************
* RELATED PRODUCTS
******************************************************************************/
.psRelatedProducts{
border: 1px solid #CCC;
margin-bottom: 10px;
}
.psRelated{
width: 212.25px;
height: 290px;
float: left;
display: block;
border-bottom: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}
.psRelatedMargin{
margin: 3px 10px;
display: block;
}
.psRelatedTitle{
display: block;
margin: 5px 2px;
text-align: center;
background-color: #F2F2F2;
padding: 3px 3px;
font-size: 10px;
}
.psImgContainer{
text-align: center;
width: 203.75px;
height: 100px;
line-height: 100px;
display: block;
}
.psadminText{
position: absolute;
background-color: #FFFFD8;
padding: 2px;
border: 1px dashed #CCC;
font-size: 12px;
margin-left: 145px;
margin-top: 20px;
}
.psImgContainer a{
text-decoration: none;
}
.psImgContainer img{
vertical-align: middle;
}
.psThumbContainer{
margin: 3px 0px;
display: block;
}
.psThumb{
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
float: left;
display: block;
}
.psThumb img{
vertical-align: middle;
}
.psThumbs{
display: block;
}
.psInfoBox{
height: 120px;
display: block;
}
.psTitle{
display: block;
}
.psThumbContainer span.color,.psThumbContainer span.inv{
display: block;
font-size: 10px;
text-align: center;
}
.manHeader{
margin-bottom: 10px;
}
.leftMan, .rightMan{
width: 177px;
height: 100px;
float: left;
}
.middleMan{
width: 478px;
height: 100px;
float: left;
}
.add-to-bag{
margin-top: 5px;
border: 3px solid #CCC;
}
.add-to-bag-over{
margin-top: 5px;
border: 3px solid #000;
}
.seeAllText{
text-align: left;
font-size: 10px;
}
.seeAllText a{
font-size: 10px;
}
.more-options a{
font-size: 10px;
}
.psMoreInfo{
float: right;
}
.psMoreInfo a{
font-size: 10px;
line-height: 25px;
}
.quickView-link{
font-size: 10px;
float: right;
position: absolute;
width: 100px;
margin-left: 145px;
cursor: pointer;
}
.quickView-link a{
font-size: 10px;
text-decoration: none;
}
.close-link{
float: right;
margin-right: 3px;
color: #ED2024;
cursor: pointer;
}
/******************************************************************************
* PRICE DISPLAY
******************************************************************************/
.psPriceBox{
display: block;
}
/******************************************************************************
* WHY BUY
******************************************************************************/
.landingWhyBuy{
height: 50px;
background-color: #666;
margin: 0px 0px 0px 0px;
}
.landingRightWhyBuy{
width: 125px;
}
.landingWhyBuyHeadline{
float: left;
}
.landingEachWhyBuy{
float: right;
width: 125px;
height: 50px;
margin: 5px 0px 0px 0px;
}
.over{
left: -1000px;
position: absolute;
display: none;
}
.landingHiddenWhy{
float: left;
display: none;
z-index: 1000;
position: absolute;
width: 425px;
margin: 5px 0px 0px -427px;
background-color: #F1F1F1;
border: 2px solid #E4E4E4;
border-right: 0px solid #666;
}
.landingHiddenText{
margin: 5px;
padding: 10px;
}
/******************************************************************************
* QUICKVIEW
******************************************************************************/
#QuickView{
display: none;
width: 620px;
height: 320px;
background: url(/shared/new/include/images/added-to-cart-bg.png) no-repeat;
position: absolute;
z-index: 300;
}
.quickView{
margin: 10px;
padding: 0px 5px;
width: 595px;
height: 300px;
}
.quickView div.left{
width: 255px;
height: 300px;
float: left;
}
.quickView div.left{
border-right: 1px solid #E5E5E5;
text-align: center;
}
.quickView div.right h1{
font-size: 14px;
}
.quickView div.right{
margin-left: 5px;
width: 330px;
height: 280px;
float: left;
}
.quickView div.right h2{
font-size: 10px;
font-weight: normal;
}
.quickView div.right div.options{
margin: 5px 10px;
}
div.options label{
font-weight: bold;
width: 50px;
display: block;
float: left;
text-align: right;
margin-right: 5px;
line-height: 20px;
}
div.options select{
width: 230px;
float: left;
margin-bottom: 5px;
}
#pic{
height: 300px;
line-height: 300px;
display: table;
text-align: center;
width: 100%;
}
#pic img{
vertical-align: middle;
}
/******************************************************************************
* CATEGORY PAGES - NEW
******************************************************************************/
.outerBox{
width: 200px;
float: left;
}
.box{
width: 196px;
border-width: 1px;
border-style: solid;
margin: 3px 1px;
cursor: pointer;
}
.box:hover{
-moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.5), 0 5px 4px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.5), 0 5px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.5), 0 5px 4px rgba(0, 0, 0, 0.3);
}
.box a.boxImage{
display: block;
line-height: 130px;
height: 130px;
text-decoration: none;
text-align: center;
padding-bottom: 10px;
background-color: #FFF;
}
.box a.boxImage img{
vertical-align: middle;
}
.boxBorder_green{
border-color: #009900;
}
.boxBorder_red{
border-color: #CC0000;
}
.boxBorder_orange{
border-color: #F37636;
}
.boxBorder_gray{
border-color: #CCC;
}
.boxBorder_blue{
border-color: #003366;
}
.boxBorder_yellow{
border-color: #FFFF00;
}
.box .innerBox{
background-color: #F8F8F8;
border-top: 1px solid #CCC;
padding: 10px;
}
.innerBox .title{
height: 45px;
}
.moreColors{
background-position: -470px -1px;
width: 75px;
height: 10px;
display: inline-block;
position: absolute;
margin: 5px 115px 0px;
text-align: right;
opacity: 0.9;
MozOpacity: 0.9;
}
.boxPromo{
background-color: #CC0000;
color: #FFF;
text-align: center;
font-weight: bold;
padding: 5px 0px;
position: absolute;
margin-top: -25px;
width: 196px;
}
.hotlistIcon{
display: block;
width: 170px;
text-align: right;
margin: 15px;
position: absolute;
}
.staffPicksIcon{
display: block;
width: 170px;
text-align: right;
margin: 15px;
position: absolute;
margin-top: 65px;
}
.staffPicksQuote{
padding: 5px;
background-color: #FFF7D7;
margin: 5px;
font-style: italic;
}
.outerBox_list{
width: 800px;
}
.box_list{
width: 796px;
border-width: 1px;
border-style: solid;
margin: 3px 1px;
cursor: pointer;
}
.box_list:hover{
-moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.5), 0 5px 4px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.5), 0 5px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.5), 0 5px 4px rgba(0, 0, 0, 0.3);
}
.box_list a.boxImage{
display: block;
line-height: 130px;
height: 130px;
text-decoration: none;
text-align: center;
margin: 10px 0px;
}
.box a.boxImage img{
vertical-align: middle;
}
.boxBorder_green{
border-color: #009900;
}
.boxBorder_red{
border-color: #CC0000;
}
.boxBorder_orange{
border-color: #F37636;
}
.boxBorder_gray{
border-color: #CCC;
}
.boxBorder_blue{
border-color: #003366;
}
.boxBorder_yellow{
border-color: #FFFF00;
}
.box_list .innerBox{
background-color: #F8F8F8;
border-top: 1px solid #CCC;
padding: 10px;
}
.innerBox .title{
height: 45px;
}
.box_list .listImg{
float: left;
width: 200px;
}
.box_list .listPriceContainer{
float: right;
width: 175px;
padding: 10px 0px;
}
.listPriceContainer .listPrice{
height: 80px;
}
.box_list .listInfo{
float: left;
width: 396px;
padding: 10px 0px;
}
.moreColors{
background-position: -470px -1px;
width: 75px;
height: 10px;
display: inline-block;
position: absolute;
margin: 5px 115px 0px;
text-align: right;
opacity: 0.9;
MozOpacity: 0.9;
}
.boxPromo{
background-color: #CC0000;
color: #FFF;
text-align: center;
font-weight: bold;
padding: 5px 0px;
position: absolute;
margin-top: -25px;
width: 196px;
}
.hotlistIcon{
display: block;
width: 170px;
text-align: right;
margin: 15px;
position: absolute;
}
/******************************************************************************
* CATEGORY PAGES
******************************************************************************/
#catContainer{
margin-top: 5px;
}
#catContainer div.leftCatColumn{
float: left;
width: 180px;
margin-right: 5px;
border-bottom: 0;
border-top: 0;
}
div.leftCatColumn ul{
list-style: none;
}
div.leftCatColumn ul li{
color: #A2A2A2;
list-style: none;
}
div.leftCatColumn ul li a{
font-size: 11px;
line-height: 20px;
display: inline-block;
text-decoration: none;
letter-spacing: 0px;
}
div.leftCatColumn ul li a.titleBar{
font-weight: bold;
color: #000000;
}
span.count{
display: inline-block;
color: #A2A2A2;
font-size: 10px;
margin-left: 2px;
}
div.leftCatColumn ul li a:hover{
text-decoration: underline;
}
div.leftCatColumn ul ul{
margin: 0;
list-style: none;
}
#catContainer div.rightCatColumn{
float: right;
width: 800px;
}
#catProducts{
min-height: 300px;
}
div.rightCatColumn div.featuredCatProducts{
background-color: #FEE790;
padding: 5px;
/*border: 1px solid #FAD163;*/
}
div.featuredCatProducts div.featuredTitle{
color: #000000;
font-weight: bold;
padding-bottom: 5px;
text-align: center;
}
div.titleMargin{
margin-left: 30px;
}
div.featuredCatProducts div.productContainer{
background-color: #FFFFFF;
}
div.rightCatColumn div.catProducts, div.catProducts{
/*padding: 5px;*/
/*border-bottom: 1px solid #D1D1D1;*/
}
div.gridProduct{
float: left;
background-color: #FFFFFF;
margin: 0px 2.5px;
padding: 5px;
}
div.featuredProduct{
/*border: 1px solid #FAD163;*/
width: 182.5px;
}
div.featuredProduct2{
border: 1px solid #F5771F;
width: 180.5px;
}
div.featuredProduct2 div.featuredTitle{
background-color: #F5771F;
color: #FFF;
font-weight: bold;
padding: 2px 5px;
margin-bottom: 1px;
}
div.regularProduct{
width: 182.5px;
}
div.gridProduct div.title{
height: 50px;
}
div.gridProduct a{
display: block;
}
div.gridProduct a.gridImgsCat{
text-decoration: none;
line-height: 125px;
height: 125px;
text-align: center;
font-size: 0px;
}
a.gridImgsCat img{
vertical-align: middle;
}
div.gridProduct span.sdescript{
display: block;
font-size: 10px;
}
div.gridProduct div.rating{
margin-top: 5px;
}
div.rating a{
text-decoration: none;
}
div.catThumbContainer{
text-align: center;
height: 25px;
}
div.gridProduct div.catGridThumbs{
margin-bottom: 2px;
text-align: center;
margin: 0px auto;
display: inline-block;
}
div.catGridThumbs div.seeAllColors{
font-size: 10px;
float: none;
clear: both;
}
div.listProduct{
border-bottom: 1px solid #D1D1D1;
padding: 10px 0px;
}
div.listProduct div.listImg{
width: 150px;
text-align: center;
float: left;
}
div.listImg a.listImgsCat{
text-decoration: none;
line-height: 125px;
height: 125px;
text-align: center;
font-size: 0;
}
a.listImgsCat img{
vertical-align: middle;
}
div.listProduct div.listInfo{
width: 450px;
float: left;
}
div.listInfo span.sdescript{
display: block;
margin-top: 5px;
font-size: 10px;
}
div.listProduct div.listPriceContainter{
width: 180px;
float: right;
margin-left: 20px;
}
div.listProduct div.rating{
width: 150px;
text-align: center;
margin-top: 5px;
}
div.catInfo, div.catInfo p{
font-size: 12px;
padding: 5px 0px;
}
div.catInfo a{
font-size: 12px;
text-decoration: none;
}
div.catInfo a:hover{
text-decoration: underline;
}
div.catInfo div.hiddenDescription{
display: none;
}
div.catInfo div.shownDescription{
display: block;
}
div.catInfo a#openClose{
display: block;
}
div.infoBoxCats{
padding: 10px 5px;
}
div.catSpecialsWrapper{
background-color: #F5771F;
margin-bottom: 5px;
padding: 5px;
}
div.catSpecialsWrapper div.catSpecialsTitle{
color: #FFFFFF;
font-weight: bold;
padding-bottom: 5px;
}
div.catSpecialsWrapper div.catSpecialsContainer{
background-color: #FFFFFF;
}
/*div.catSpecialsContainer div.eachCatSpecial{
width: 182.5px;
background-color: #FFFFFF;
float: left;
margin: 0px 2.5px;
padding: 5px;
}*/
div.eachCatSpecial a{
display: block;
float: right;
width: 162.5px;
font-size: 10px;
margin-left: 5px;
}
div.catSpecialsWrapper div.catSpecialsMore{
float: right;
margin-top: 3px;
color: #FFFFFF;
}
div.catSpecialsMore a{
text-decoration: none;
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
}
div.catSpecialsMore a:hover{
text-decoration: underline;
}
div.catSpecialsWrapperLeft{
background-color: #F5771F;
padding: 5px;
margin-bottom: 5px;
}
div.catSpecialsWrapperLeft div.catSpecialsTitle{
color: #FFFFFF;
font-weight: bold;
padding-bottom: 5px;
}
div.catSpecialsWrapperLeft div.catSpecialsContainer{
background-color: #FFFFFF;
}
div.catSpecialsContainer div.eachCatSpecial{
background-color: #FFFFFF;
float: left;
width: 160px;
margin: 5px;
}
div.eachCatSpecial a{
display: block;
float: right;
width: 135px;
font-size: 12px;
margin-left: 5px;
}
div.catSpecialsWrapperLeft div.catSpecialsMore{
float: right;
margin-top: 3px;
color: #FFFFFF;
font-size: 12px;
}
div.catSpecialsMore a{
text-decoration: none;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
}
div.catSpecialsMore a:hover{
text-decoration: underline;
}
div.catGridThumbs div.tiny{
width: 17px;
height: 17px;
line-height: 17px;
float: left;
font-size: 0;
text-align: center;
margin: 1px 1px 1px 0px;
cursor: pointer;
vertical-align: middle;
}
div.catListThumbs div.tiny{
width: 27px;
height: 27px;
line-height: 27px;
float: left;
font-size: 0;
text-align: center;
margin: 1px 1px 1px 0px;
cursor: pointer;
vertical-align: middle;
}
.hideInput{
display: none;
padding: 0;
margin: 0;
border: 0;
}
.grayBorder{
border: 1px solid #D1D1D1;
}
.redBorder{
border: 1px solid #F5771F;
}
div.tiny img{
vertical-align: middle;
}
.gridcatSpecial{
border-top: 1px solid #D1D1D1;
}
.gridcatSpecial a{
float: right;
display: block;
width: 160px;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}
.gridcatSpecial a: hover{
text-decoration: underline;
}
.listcatSpecial{
margin: 3px 0px;
}
.listcatSpecial a{
float: right;
display: block;
font-size: 10px;
font-weight: bold;
text-decoration: none;
margin-left: 2px;
width: 430px;
}
.listcatSpecial a: hover{
text-decoration: underline;
}
/******************************************************************************
* TOP CATEGORY PAGE
******************************************************************************/
div.horizonCatContainer{
margin-bottom: 5px;
}
div.horizonCatContainer div.titleBar{
background-color: #D1D1D1;
color: #000000;
padding: 5px;
font-weight: bold;
}
div.horizonCats{
padding: 5px 0px;
border: 1px solid #D1D1D1;
}
div.horizonCats div.horizonColumn{
float: left;
width: 185.6px;
margin: 0px 5px;
}
div.horizonColumn a{
color: #000000;
text-decoration: none;
}
div.horizonColumn a:hover{
color: #F5771F;
text-decoration: underline;
}
div.horizonColumn ul.horizonCat{
margin-bottom: 5px;
list-style: none;
}
ul.horizonCat ul{
list-style: none;
}
ul.horizonCat li.parentHorizonCat{
font-weight: bold;
}
#popCatBoxes{
padding: 5px 0px;
}
div.popTopCat{
float: left;
width: 192px;
padding: 5px 0px;
cursor: pointer;
z-index: 10;
}
div.popTopCat:hover{
/*border: 1px solid #F5771F;*/
}
.firstImage{
margin-right: 0px;
}
.restImages{
margin-left: 5px;
}
div.popTopCat a.popTopImg{
width: 192px;
height: 100px;
text-align: center;
font-size: 0;
line-height: 100px;
margin-bottom: 5px;
text-decoration: none;
display: block;
}
a.popTopImg img{
vertical-align: middle;
}
div.popTopCat a.popTopCatText{
text-align: center;
font-weight: bold;
text-decoration: none;
font-size: 12px;
color: #000000;
width: 192px;
display: block;
}
a.popTopCatText:hover{
text-decoration: underline;
color: #F5771F;
}
#popManBoxes{
border-left: 1px solid #D1D1D1;
border-right: 1px solid #D1D1D1;
padding: 10px 0px;
}
div.popTopMan{
float: left;
width: 197.6px;
}
div.popTopMan a.popTopImg{
width: 197.6px;
text-align: center;
font-size: 0;
line-height: 50px;
text-decoration: none;
display: block;
}
.featuredTitleBar{
background-color: #32AB8F;
color: #FFFFFF;
padding: 5px;
font-weight: bold;
margin-top: 5px;
}
.topCategoryDescription{
padding: 10px;
border: 1px solid #D1D1D1;
}
ul.topCatSpecials{
list-style: none;
border: 1px solid #D1D1D1;
border-top: 0;
}
ul.topCatSpecials li{
padding: 10px;
border-top: 1px solid #D1D1D1;
}
ul.topCatSpecials li a{
margin-left: 5px;
text-decoration: none;
font-weight: bold;
}
ul.topCatSpecials li a:hover{
text-decoration: underline;
}
/******************************************************************************
* PAGINATION
******************************************************************************/
.bold{
font-weight: bold;
}
div.paginationWrapper{
width: 790px;
background-color: #F3F3F3;
padding: 5px;
margin-top: 5px;
}
div.paginationWrapper div.topLeft{
width: 195px;
float: left;
line-height: 20px;
}
div.paginationWrapper div.topMiddle{
width: 400px;
float: left;
text-align: center;
line-height: 20px;
}
div.topMiddle span.currentNumber{
display: inline-block;
line-height: 20px;
padding: 0px 5px;
font-weight: bold;
}
div.topMiddle a{
display: inline-block;
line-height: 20px;
padding: 0px 5px;
background-color: #32AB8F;
color: #FFFFFF;
text-decoration: none;
margin: 0px 2.5px;
font-weight: bold;
}
div.topMiddle a:hover{
background-color: #F5771F;
}
div.paginationWrapper div.topRight{
width: 195px;
float: right;
text-align: right;
line-height: 20px;
}
div.topRight span{
float: right;
display: inline-block;
}
div.topRight span.displayFloat{
width: 50px;
float: right;
}
div.topRight span.margin_list{
margin-right: 5px;
}
div.topRight span.margin_grid{
margin-left: 5px;
}
div.topRight span.text{
margin-right: 3px;
}
div.topRight span.selectedText{
margin-right: 3px;
font-weight: bold;
color: #F5771F}
div.topRight span#list_top, div.topRight span#list_bottom{
margin-right: 5px;
}
div.topRight span#grid_top, div.topRight span#grid_bottom{
margin-left: 5px;
}
div.topRight a{
color: #000000;
text-decoration: none;
display: inline-block;
}
div.topRight a:hover{
color: #32AB8F;
text-decoration: underline;
}
div.paginationWrapper div.bottomLeft{
width: 395px;
float: left;
line-height: 20px;
}
div.bottomLeft span.currentSelection{
display: inline-block;
color: #F5771F;
padding: 0px 5px;
font-weight: bold;
}
div.bottomLeft a{
color: #000000;
text-decoration: none;
display: inline-block;
padding: 0px 5px;
}
div.bottomLeft a:hover{
color: #32AB8F;
text-decoration: underline;
}
div.paginationWrapper div.bottomRight{
width: 395px
float: right;
text-align: right;
line-height: 20px;
}
div.bottomRight span.currentSelection{
display: inline-block;
color: #F5771F;
padding: 0px 5px;
font-weight: bold;
}
div.bottomRight a{
color: #000000;
text-decoration: none;
display: inline-block;
padding: 0px 5px;
}
div.bottomRight a:hover{
color: #32AB8F;
text-decoration: underline;
}
/******************************************************************************
* ADD TO CART POPUP
******************************************************************************/
.addtocart_popup{
background-color: white;
display: block;
width: 810px;
z-index: 1000;
padding: 5px 10px 10px;
position: fixed;
top: 100px;
border: 5px solid #454545;
_height: 300px;
_position: absolute;
}
/******************************************************************************
* TECHNOLOGIES
******************************************************************************/
div.techImg{
width: 200px;
padding: 5px 0px;
}
div.techInfo{
padding: 5px 0px;
overflow: hidden;
}
div.techInfo table{
width: 100%;
}
div.techInfo table th{
background-color: #F5771F;
color: #FFFFFF;
}
div.techInfo table td, div.techInfo table th{
text-align: center;
padding: 5px;
border: 1px solid #D1D1D1;
}
div.techInfo h2{
font-weight: bold;
margin-bottom: 10px;
}
div.techInfo ul{
margin: 0px 0px 10px 25px;
}
div.techContainer{
}
div.techContainer div.techWrapper{
border-bottom: 1px solid #D1D1D1;
padding: 10px 0px;
}
div.techWrapper div.techLogo{
float: left;
width: 105px;
padding: 10px;
font-weight: bold;
text-align: center;
}
div.techWrapper div.techLinks{
float: right;
width: 865px;
}
div.techLinks ul{
list-style: none;
width: 206.25px;
float: left;
padding: 0px 5px;
}
div.techLinks ul li{
margin: 5px 0px;
}
/******************************************************************************
* SEARCH PAGE
******************************************************************************/
.resultsSearch{
margin-bottom: 5px;
}
.searchLeft{
margin-top: 5px;
border-top: 1px solid #D1D1D1;
}
.searchLeft div.infoBox{
border-top: 1px solid #D1D1D1;
}
span.sportsTeam{
display: block;
border-bottom: 1px solid #D1D1D1;
padding: 10px 5px;
}
span.sportsTeam a.teamLogo{
text-align: center;
}
span.sportsTeam a{
display: block;
}
span.sportsTeam span.licensed{
display: block;
}
span.licensed a{
display: inline;
}
.searchedCats{
margin: 10px 5px;
}
.searchInfo{
margin-top: 5px;
}
.searchTitle{
border: 1px solid #D1D1D1;
}
.searchInfo div.searchBoxes ul{
list-style: none;
}
.searchInfo div.searchBoxes ul li{
margin: 5px 0px;
}
.noSearchResults{
font-size: 14px;
font-weight: bold;
color: #FF0000;
margin-bottom: 10px;
}
div.recommentCats{
margin: 15px 0px;
}
div.searchCategories{
width: 227.5px;
float: left;
margin: 10px 10px;
}
div.searchCategories span{
display: block;
height: 100px;
line-height: 100px;
text-align: center;
width: 247.5px;
}
div.searchCategories span img{
vertical-align: middle;
}
div.searchCategories a{
display: block;
text-align: center;
margin-top: 3px;
}
.bottomForm{
margin-bottom: 20px;
}
/******************************************************************************
* LICENSED PRODUCTS
******************************************************************************/
/** TOP PAGE **/
div.licensedWrapper{
}
div.licensedWrapper div.licensedCategory{
width: 247.5px;
float: left;
padding: 20px 0px;
}
div.licensedCategory a.catImage{
display: block;
height: 100px;
line-height: 100px;
text-align: center;
font-size: 0;
text-decoration: none;
}
div.licensedCategory a.catImage img{
vertical-align: middle;
}
div.licensedCategory a.catCaption{
display: block;
text-align: center;
margin-top: 10px;
}
/** CATEGORY PAGE **/
div.licensedCatLogo{
padding: 10px 0px;
margin-bottom: 5px;
text-align: center;
}
div.licensedTeamWrapper{
padding: 10px 0px;
border-top: 1px solid #D1D1D1;
}
div.licensedTeamWrapper span.licensedTeam{
display: block;
float: left;
width: 165px;
}
span.licensedTeam a.teamLogo{
display: block;
height: 100px;
line-height: 100px;
text-align: center;
font-size: 0;
text-decoration: none;
}
span.licensedTeam a.teamLogo img{
vertical-align: middle;
}
span.licensedTeam a.teamCaption{
display: block;
text-align: center;
margin-top: 10px;
}
div.teamInfo{
margin-top: 5px;
}
div.teamInfo div{
marigin-top: 10px;
}
div.outOfTeam{
margin-top: 5px;
}
/******************************************************************************
* SITE SEARCH HINT BOX
******************************************************************************/
div.hintBox{
position: absolute;
background-color: #FFF;
margin-top: 25px;
z-index: 5;
border: 1px solid #D1D1D1;
width: 353px;
}
.hiddenHint{
display: none;
}
.shownHint{
display: block;
}
div.hintBox ul.hintResults{
list-style: none;
}
ul.hintResults li{
padding: 3px 5px;
font-size: 14px;
cursor: pointer;
}
ul.hintResults li.resultOver{
background-color: #CAE5F3;
font-weight: bold;
}
ul.hintResults li.resultOut{
background-color: #FFFFFF}
/******************************************************************************
* PRODUCT LINES
******************************************************************************/
div.lineContainter{
border-bottom: 1px solid #D1D1D1;
}
div.productLineCont{
width: 178px;
float: left;
padding: 10px;
}
div.productLineCont a.pLineImg{
display: block;
height: 150px;
line-height: 150px;
text-align: center;
font-size: 0;
text-decoration: none;
}
a.pLineImg img{
vertical-align: middle;
}
div.productLineCont a.pLineLink{
display: block;
text-align: center;
}
span.byMan{
font-size: 12px;
}
span.byMan a{
font-size: 12px !important;
}
/******************************************************************************
* ADMIN MENU
******************************************************************************/
div.adminMenu{
top: 325px;
left: 0;
position: fixed;
padding: 10px;
border: 1px solid #D1D1D1;
background-color: #FFF7D7;
}
div.adminMenu span.youAreAdmin{
font-weight: bold;
color: red;
display: block;
margin-bottom: 5px;
}
div.adminMenu span.hello{
display: block;
font-weight: bold;
margin-bottom: 5px;
}
div.adminMenu a{
display: block;
margin-bottom: 5px;
}
div.adminMenu ul{
list-style: none;
font-weight: bold;
}
ul.adminInfo{
list-style: none;
margin-top: 10px;
background-color: #FFF7D7;
border: 1px solid #FAD163;
}
ul.adminInfo li{
font-size: 10px;
padding: 2px;
}
.adminErrorMsg{
background-color: #FFF7D7;
border: 2px solid red;
padding: 10px;
margin: 0px 10px 10px;
}
/******************************************************************************
* BLOG
******************************************************************************/
#header {
background-color: #666666;
border: 0px solid #cccccc;
width: 100%;
text-align: center;
vertical-align: middle;
height:100px;
}
#sidebar ul {
margin: 0 0 10px 0;
padding:0;
list-style-type:none;
}
#sidebar ul ul {
margin-left: 15px;
}
#sidebar {
margin: 10px 0 5px 0;
}
#weblogtitle, #weblogtitle a {
font-size: x-large;
font-weight: bold;
color: white;
text-decoration: none;
padding: 25px 0 3px 0;
}
#blogtagline {
color: white;
}
.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 10px 185px 10px auto;
padding: 5px;
}
.post {
padding-top: 0px;
clear:both;
}
.index p {
display: inline;
}
#content.single{
margin: 0;
}
#content.single div.post div.entry{
padding: 0;
}
#content.single h2{
font-size: 12px;
font-weight: bold;
}
div.post div.entry h3{
margin-top: 5px;
}
div.post div.entry ul{
margin: 10px 25px;
}
div.post div.entry table{
border: 1px solid #000;
}
div.post div.entry div.relatedInfo{
margin-top: 0 !important;
margin-left: 10px !important;
}
div.post div.author{
font-weight: bold;
}
div.post div.date{
font-style: italic;
}
#content.single ul{
margin: 10px 25px;
}
#content.index{
margin: 10px 0;
width: 100%;
}
#content.index div.post h2{
border-bottom: 1px solid #D1D1D1;
background-color: #E8E8E8;
padding: 2px 5px;
font-weight: bold;
margin: 0;
}
#content.index div.post h2 a{
text-decoration: none;
color: #000;
}
#content.index div.post h2 a:hover{
text-decoration: underline;
}
div.post div.entry{
padding: 10px 30px;
}
div.entry a.more-link {
font-size: 12px;
white-space: nowrap;
}
div.post div.postmetadata{
padding: 0px 10px 20px;
font-size: 10px;
}
#content.index div.post img{
float: right;
display: block;
margin: 30px 50px;
}
div.postmetadata a, p.postmetadata a{
font-size: 10px;
}
#footer {
margin-top: 15px;
padding-top: 4px;
border-top: 1px solid #666;
text-align:center;
font-size: xx-small;
clear: both;
}
p {
margin: 10px auto 10px auto;
}
#commentform p {
margin-right: 185px;
}
#comment {
width:98%;
}
div.navigation {
padding-top: 0px;
display: block;
height: 25px;
line-height: 25px;
}
div.navigation div.alignleft{
float: left;
text-align: left;
width: 495px;
}
div.navigation div.alignright{
float: right;
text-align: right;
width: 495px;
}
.widgettitle{
display:block;
font-weight:bold;
font-size:small;
background-color:#006699;
color:white;
border:1px outset #006699;
padding:3px 4px 3px 2px;
margin: 7px 0 0 0;
}
.commenttext {
padding: 5px;
}
ol.commentlist{
margin-left: 25px;
}
.commentlist .alt {
margin-right: auto;
}
.commenttext-author {
background-color: #ffe;
padding: 5px;
border-top: 1px solid #CC0000;
border-bottom: 1px solid #CC0000;
}
.commenttext-author cite {
font-weight:bold;
}
#comments {
background: none;
border: 0;
background-color: #F5771F;
margin-right: 185px;
color: #FFFFFF;
font-size: 12px;;
font-weight: bold;
padding: 2px 5px;
}
div.titleHead, #respond{
background-color: #F5771F;
color: #FFFFFF;
font-size: 12px;;
font-weight: bold;
padding: 2px 3px;
}
#respond{
margin: 10px 185px 10px 0px;
}
.popsContainer{
margin: 10px;
}
.popsContainer a{
display: block;
float: left;
width: 194px;
margin: 2px 0px;
}
/******************************************************************************
* CUSTOMER SERVICE
******************************************************************************/
div.csContainer{
width: 800px;
float: left;
}
div.csContainer ul.eachCsCat{
float: left;
list-style: none;
}
ul.eachCsCat h2{
font-weight: bold;
font-size: 12px;
}
ul.eachCsCat ul{
margin: 10px 0px 10px 10px;
list-style: none;
}
ul.eachCsCat ul li{
margin: 5px 0px;
}
div.rightCsColumn{
width: 180px;
float: right;
margin-left: 10px;
}
div.rightCsColumn a{
display: block;
text-align: center;
padding: 10px 0px;
}
div.leftCsColumn{
width: 180px;
float: left;
margin-right: 10px;
}
div.middleCsColumn{
float: right;
width: 610px;
padding: 10px 0px;
}
div.middleCsColumn ul, div.middleCsColumn ol{
margin-left: 25px;
}
div.csEnewsletter{
margin-top: 10px;
font-size: 12px;
}
div.csEnewsletter div#signUpResult{
margin-top: 10px;
}
div.csEnewsletter div#signUpResult input.emailAddress{
font-size: 18px;
border: 1px solid #F5771F;
padding: 5px 2px;
margin-top: 3px;
width: 350px;
float: left;
}
div.csEnewsletter div#signUpResult input#signMeUp{
margin-top: 2px;
}
/******************************************************************************
* ORDER STATUS
******************************************************************************/
div.osHeaderWrapper{
}
div.osHeaderWrapper h2{
font-weight: bold;
font-size: 18px;
}
div.osHeaderWrapper h2 span{
margin-right: 10px;
font-size: 18px;
}
div.osHeaderWrapper h2 a{
font-size: 18px;
}
ul.osStatus{
list-style: none;
margin: 0 !important;
}
ul.osStatus li span{
display: block;
}
ul.osStatus ul.listItem{
list-style: none;
margin: 10px 0px !important;
}
ul.listItem li.bold{
font-weight: bold;
}
ul.listItem li.oshLeft{
width: 105px;
float: left;
text-align: right;
}
ul.listItem li.oshRight{
width: 495px;
float: left;
margin-left: 10px;
}
li.oshRight span.onHold{
color: red;
font-weight: bold;
}
li.oshRight span.processed{
color: green;
font-weight: bold;
}
ul.lineItems{
margin: 0px !important;
list-style: none;
}
ul.lineItems ul.lineItemsHeader{
margin: 0px !important;
list-style: none;
}
ul.lineItemsHeader li{
float: left;
font-weight: bold;
text-align: center;
}
ul.lineItemsHeader li.product{
}
ul.lineItemsHeader li.quantity{
}
ul.lineItemsHeader li.price{
}
ul.lineItemsHeader li.total{
}
/******************************************************************************
* BRANDS
******************************************************************************/
div.brandsWrapper{
background-color: #FFFFFF;
}
div.brandsWrapper a.logo{
width: 150px;
height: 100px;
line-height: 100px;
float: left;
display: block;
font-size: 0;
text-decoration: none;
text-align: center;
}
a.logo img{
vertical-align: middle;
}
/******************************************************************************
* SPECIALS
******************************************************************************/
div.specialWrapper{
padding: 10px 0px;
border-bottom: 1px solid #D1D1D1;
}
div.specialWrapper div.specialLeft{
float: left;
width: 490px;
text-align: center;
}
div.specialLeft span.expirationDate{
display: block;
margin-top: 5px;
color: red;
font-style: italic;
font-weight: bold;
}
div.specialWrapper div.specialRight{
float: right;
width: 500px;
}
div.specialRight ul, div.specialRight ol{
margin-left: 25px;
}
div.specialRight h2 a{
font-size: 14px;
font-weight: bold;
text-decoration: none;
display: block;
margin-bottom: 10px;
}
div.specialRight span.specialsMore{
display: block;
margin-top: 5px;
}
div.largeLeftColumn{
width: 800px;
float: left;
}
div.smallRightColumn{
width: 180px;
float: right;
}
/******************************************************************************
* FEEDBACK TAB
******************************************************************************/
div.feedback{
position: fixed;
top: 40%;
right: 0;
font-size: 24px;
font-weight: bold;
background: url(/pics/feedback.jpg);
width: 35px;
height: 102px;
color: #FFF;
zindex: 10;
}
div.clicked{
margin-right: 321px;
}
div.feedback:hover{
width: 38px;
cursor: pointer;
}
div.feedback_form{
width: 300px;
height: 300px;
right: 0;
top: 20%;
display: none;
position: fixed;
background-color: #FFF;
border: 1px solid #454545;
border-right: 0;
padding: 10px;
}
div.feedback_form div#errorMsg{
color: red;
font-weight: bold;
}
div.feedback_form ul{
list-style: none;
margin: 10px 10px;
}
div.feedback_form ul li{
margin: 3px 0px;
}
div.feedback_form ul li.commentsBox{
margin-top: 5px;
}
div.feedback_form ul li.title{
font-weight: bold;
}
div.feedback_form input.human{
display: none;
}
div.show_form{
display: block;
}
span.required{
color: red;
font-weight: bold;
}
span.smallItalic{
font-size: 10px;
font-style: italic;
}
input#emailAddress{
display: block;
width: 260px;
}
/******************************************************************************
* CART
******************************************************************************/
table.cart {
border: 0;
width: 100%;
}
#cart ul, #cart ol{
margin-left: 25px;
}
.cartborder {
width: 100%;
height: 1px;
background-color: gray;
}
table.cart tr.header {
font-weight: bold;
padding: 1px 5px 2px 10px;
text-align: center;
color:white;
background-color: #A90D08;
font-weight: bold;
font-size: small;
width: 100%;
text-align: center;
display: table-row !important;
}
tr.header th{
display: table-cell !important;
}
.cartnav {
text-align : center;
padding : 6px 10px 7px 10px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size: small;
}
.cartpresent {
font-size: large;
color: #A90D08;
}
.header-bottom {
border-top: 1px solid Gray;
width: 100%;
}
.cartError {
font-size: small;
color: red;
font-weight: bold;
}
.pricebox {
font-size: small;
font-weight: bold;
border: 0;
text-align: right;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.error {
font-weight:bold;
font-size: small;
color: red;
text-align: center;
}
.tinytext {
font-size:xx-small;
}
.accessoryrow {
border-top: 1px solid black;
padding: 1px 1px 3px 1px;
}
.accessoryheader {
color: black;
background-color: #F1F1F1;
font-weight: bold;
font-size: small;
margin: 3px 0px 3px 0px;
padding: 3px 5px 3px 5px;
border-top: 2px solid white;
border-right: 1px solid white;
border-bottom: 2px solid white;
border-left: 1px solid white;
}
.fieldlabel {
font-size: xx-small;
}
td.productThumbnail {
text-align: center;
width: 50px;
padding: 1px 5px 1px 5px;
}
td.product {
font-size: xx-small;
}
th.product {
text-align: left;
}
.productName {
font-size: small;
font-weight: bold;
}
.productElementsField {
font-style: italic;
}
.productElementsValue {
font-weight: bold;
}
.productSDescription {
}
.qtyLabel {
font-size: xx-small;
}
.qtyValue {
font-size: xx-small;
}
.price {
text-align:right;
}
td.price {
padding-left: 10px;
white-space:nowrap;
width: 75px;
}
.dollarSign {
float:left;
}
.footerLabel {
text-align: right;
padding: 2px 5px 2px 5px;
font-weight: bold;
border-bottom: 1px solid gray;
white-space:nowrap;
}
.footerValue {
text-align: right;
padding: 2px 0 2px 10px;
border-bottom: 1px solid gray;
white-space:nowrap;
width: 75px;
}
.center {
text-align: center;
}
th.cartHeader {
padding: 1px 3px 1px 3px;
}
.shippingLabel {
vertical-align: top;
font-style: italic;
padding-right: 15px;
}
.orderNumber{
font-size: 14px;
font-weight: bold;
}
/******************************************************************************
* AFFILIATE PAGES
******************************************************************************/
div.affiliateContainer{
width: 990px;
margin: 10px 0px;
}
div.affiliateContainer div.affiliateLogo{
width: 300px;
float: left;
text-align: center;
}
div.affiliateContainer div.promoDetails{
width: 680px;
float: right;
}
div.promoDetails ul, div.promoDetails ol{
margin-left: 25px;
}
img#affiliateBanner{
margin-bottom: 5px;
}
.activated{
font-weight: bold;
font-size: 24px;
color: #32AB8F;
}
/******************************************************************************
* WHOLE HOUSE AUDIO
******************************************************************************/
.whaBackground{
background: url(/pics/whole-house-audio/background-long-banner.gif) repeat-x scroll 0% 0% transparent;
height: 51px;
margin: 10px auto;
text-align: center;
border-right: 1px solid #CACACA;
}
/******************************************************************************
* GOOGLE SEARCH RESULTS PAGE
******************************************************************************/
#catContainer div.refinements{
float: left;
width: 180px;
margin-right: 5px;
}
div.refinements div.borderThis{
border: 1px solid #D1D1D1;
margin-bottom: 5px;
}
div.refinements b{
border-bottom: 1px solid #D1D1D1;
background-color: #32AB8F;
color: #FFFFFF;
padding: 2px 5px;
font-weight: bold;
display: block;
}
div.refinements span.refineBar{
border-bottom: 1px solid #D1D1D1;
background-color: #32AB8F;
color: #FFFFFF;
padding: 2px 5px;
font-weight: bold;
display: block;
}
div.refinements span.filterBar{
border-bottom: 1px solid #D1D1D1;
background-color: #F5771F;
color: #FFFFFF;
padding: 2px 5px;
font-weight: bold;
display: block;
}
span.filter{
display: inline-block;
line-height: 12px;
padding: 0px 3px;
font-weight: bold;
}
span.filter a{
display: inline-block;
line-height: 12px;
padding: 0px 3px;
background-color: #F5771F;
color: #FFFFFF;
text-decoration: none;
margin: 0px 2.5px;
font-weight: bold;
font-size: 11px;
}
span.filter a:hover{
background-color: #32AB8F;
}
div.refinements b.main{
background-color: #F5771F;
}
div.refinements ul{
list-style: none;
padding: 10px 5px;
}
div.refinements ul li{
font-size: 10px;
color: #A2A2A2;
line-height: 20px;
}
div.refinements ul li a{
font-size: 12px;
text-decoration: none;
}
div.refinements ul li a:hover{
text-decoration: underline;
}
div.refinements form{
padding: 10px 5px;
}
table#pagenav{
text-align: center;
margin: 10px 0px;
}
table#pagenav td div.inactive{
color: #A2A2A2;
display: inline-block;
line-height: 20px;
padding: 0px 5px;
text-decoration: none;
margin: 0px 2.5px;
font-weight: bold;
}
table#pagenav td div.current{
display: inline-block;
line-height: 20px;
padding: 0px 5px;
font-weight: bold;
}
table#pagenav td a{
display: inline-block;
line-height: 20px;
padding: 0px 5px;
background-color: #32AB8F;
color: #FFFFFF;
text-decoration: none;
margin: 0px 2.5px;
font-weight: bold;
}
table#pagenav td a:hover{
background-color: #F5771F;
}
/******************************************************************************
* LUGGAGE
******************************************************************************/
/** INDEX **/
div.mainLeftColumn{
float: left;
width: 190px;
height: 320px;
margin-right: 10px;
}
div.mainLeftColumn ul.popList{
list-style: none;
}
ul.popList li{
height: 49px;
padding: 10px 0px 5px 10px;
}
ul.popList li:hover{
background-color: #32AB8F;
cursor: pointer;
}
ul.popList li a.mainLink{
color: #666;
font-size: 22px;
font-weight: bold;
text-decoration: none;
}
ul.popList li:hover a.mainLink{
color: #FFF;
font-size: 22px;
font-weight: bold;
text-decoration: none;
}
ul.popList li span.short{
color: #999;
}
ul.popList li:hover span.short{
color: #FFF;
}
ul.popList li span.arrow{
display: block;
float: right;
line-height: 40px;
font-size: 30px;
color: #666;
margin-right: 10px;
}
ul.popList li:hover span.arrow{
color: #FFF;
}
div.mainMiddleColumn{
float: left;
width: 790px;
height: 320px;
/*-moz-box-shadow: 0 0 5px #333333;*/
}
div.mainRightColumn{
float: right;
width: 200px;
height: 320px;
}
.boxgrid{
width: 150px;
height: 100px;
float: left;
background: #FFF;
overflow: hidden;
position: relative;
border: 1px dashed #F1F1F1;
margin: 5px;
}
.boxcaption{
float: left;
position: absolute;
background: #FFF;
height: 40px;
width: 100%;
padding: 5px;
text-align: center;
top: 80px;
opacity: 0.8;
filter: alpha(opacity=80)
}
.captionfull .boxcaption {
top: 110;
left: 0;
}
.caption .boxcaption {
top: 100;
left: 0;
}
/*
* jQuery Nivo Slider v2.3
* http://nivo.dev7studios.com
*
* Copyright 2010, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* March 2010
*/
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:3;
display:none;
}
/* The slices in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:1;
height:100%;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:3;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:3;
cursor:pointer;
background: url(/shared/stylesheets/images/arrows.png) no-repeat;
width: 30px;
height: 30px;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
background-position: -30px 0;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:3;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight: bold;
opacity: 0.9 !important;
background-color: #FFF!important;
}
#slider .nivo-controlNav {
position: absolute;
left: 15px; /* Put the nav below the slider */
bottom: 15px;
}
#slider .nivo-controlNav a {
bottom: 0px;
padding: 10px 12px;
display: inline-block;
background-color: #FFF;
margin-right: 5px;
opacity:0.5;
}
#slider .nivo-controlNav a:hover{
text-decoration: none;
opacity:0.9;
}
#slider .nivo-controlNav img {
display:inline; /* Unhide the thumbnails */
position:relative;
margin-right:10px;
}
/******************************************************************************
* COLLECTION GROUPS
******************************************************************************/
div.cgMainLeft{
width: 175px;
float: left;
}
div.cgMainLeft ul{
list-style: none;
margin: 10px 0px 0px 10px;
}
div.cgMainLeft ul li{
line-height: 25px;
}
div.cgMainLeft ul li a{
text-decoration: none;
}
div.cgMainLeft a{
padding: 2px;
border: 1px solid #D1D1D1;
display: block;
margin: 1px;
float: left;
}
div.cgMainLeft a.activeCollection{
opacity: 0.4;
filter: alpha(opacity=40);
}
div.cgMainLeft a.activeCollection:hover{
border: 1px solid #D1D1D1;
}
div.cgMainLeft a:hover{
border: 1px solid #F5771F;
}
div.cgMainRight{
width: 805px;
float: right;
}
div.cgOutfit{
margin-top: 10px;
}
div.cgMainRight div.cgCollection{
height: 150px;
margin-top: 10px;
}
div.cgMainRight div.cgLeft{
width: 350px;
float: left;
background-color: #D1D1D1;
text-align: center;
}
div.cgMainRight div.cgLeftText{
width: 350px;
float: left;
}
div.cgMainRight div.cgRight{
width: 445px;
float: right;
}
div.cgRight div.cgPiece{
border: 1px dashed #D1D1D1;
margin-bottom: 10px;
padding: 10px;
}
div.cgPiece h2{
margin: 0;
font-weight: bold;
}
div.cgPiece h2 a{
text-decoration: none;
}
div.cgPiece h2 a:hover{
text-decoration: underline;
}
div.cgPiece h4{
padding: 3px 5px;
background-color: #F1F1F1;
margin: 2px 0px;
text-align: center;
}
div.cgPiece div.cgPiecePrice{
color: red;
font-weight: bold;
font-size: 16px;
width: 290px;
}
div.cgPiece div.cgPieceOptions{
background-color: #F1F1F1;
padding: 10px 0px 5px;
margin-top: 10px;
}
div.cgPiecePrice div{
float: right;
padding-top: 5px;
}
div.cgPiecePrice label{
color: #454545;
font-weight: normal;
font-size: 11px;
vertical-align: middle;
padding-right: 5px;
}
div.cgPiecePrice input{
line-height: 12px;
margin: 0;
vertical-align: middle;
}
div.cgRight div.cgPieceImg{
float: left;
width: 133px;
height: 125px;
text-align: center;
}
div.cgRight div.cgOptions{
float: right;
width: 290px;
min-height: 125px;
}
div.cgOptions h3{
font-weight: normal;
font-size: 10px;
}
.cgError{
color: red !important;
}
.cgwarningMessage{
display: none;
background-color: red;
float: left;
padding: 10px;
color: #FFF;
font-weight: bold;
margin-top: 5px;
}
div.cgTotal_top{
padding-bottom: 10px;
}
div.cgTotal{
float: right;
text-align: right;
}
div.collectionTotal{
line-height: 45px;
margin-right: 8px;
color: red;
font-weight: bold;
font-size: 18px;
}
div.collectionTotal_withSavings{
margin: 5px 8px 0px 0px;
color: red;
font-weight: bold;
font-size: 18px;
}
div.cgAddToCart{
float: right;
}
div.totalSavings{
margin-right: 8px;
font-style: italic;
color: red;
}
a.cgMans{
display: block;
margin: 3px;
float: left;
line-height: 100px;
height: 100px;
font-size: 0;
text-decoration: none;
width: 247px;
text-align: center;
}
a.cgMans img{
vertical-align: middle;
}
a.cgMans_new{
display: block;
margin: 5px;
float: left;
line-height: 75px;
height: 75px;
font-size: 0;
text-decoration: none;
width: 247px;
text-align: center;
border: 1px solid #CCC;
-moz-border-radius: 5px;
border-radius: 5px;
opacity: 0.5;
filter: alpha(opacity=50)
}
a.cgMans_new:hover{
border: 1px solid #000;
opacity: 1;
filter: alpha(opacity=100)
}
a.cgMans_new img{
vertical-align: middle;
}
div.collectionGroup{
border-bottom: 1px dashed #D1D1D1;
}
div.collectionGroup a.collectionTitle{
color: #FFF;
background-color: #32AB8F;
padding: 3px 5px;
display: block;
text-decoration: none;
}
a.collectionPieces{
display: block;
float: left;
padding: 3px;
margin: 3px 3px 3px 0px;
border: 1px solid #D1D1D1;
line-height: 150px;
}
a.collectionPieces:hover{
border: 1px solid #F5771F;
}
a.cPieces{
display: block;
float: left;
padding: 3px;
margin: 3px;
border: 1px solid #D1D1D1;
}
a.cPieces:hover{
border: 1px solid #F5771F;
}
label.inactiveCgQty, label.activeCgQty{
margin-left: 5px;
}
label.inactiveCgQty{
color: #CCC !important;
}
input.cgQty{
width: 15px;
text-align: center;
}
span.printedPrice{
margin-left: 10px;
font-size: 18px;
display: none;
}
/******************************************************************************
* PRODUCT PAGE COLLECTIONS
******************************************************************************/
div.productPageCollections{
border: 1px solid #D1D1D1;
border-top: 0;
}
div.productPageCollections div.collectionCont{
padding: 3px 9px;
}
div.productPageCollections a{
padding: 1px;
border: 1px solid #FFF;
display: block;
float: left;
margin: 2px;
}
div.productPageCollections a:hover{
border: 1px solid #F5771F;
}
/******************************************************************************
* SURVEY PAGE
******************************************************************************/
div.surveyPage ul{
margin: 20px 30px;
}
div.surveyPage ul.surveySteps{
list-style: none;
}
/******************************************************************************
* CORPORATE
******************************************************************************/
.corpCont{
float: left;
width: 520px;
}
.corpCont h2{
font-size: 18px;
font-weight: bold;
color: #666;
margin-bottom: 5px;
}
.corpCont ul.corpUL{
list-style: none;
margin: 0px 15px;
float: left;
}
.corpCont ul.corpUL li{
margin-bottom: 5px;
}
.corpCont ul.topUL{
list-style: none;
}
ul.topUL li.smallLI{
width: 165px;
float: left;
margin: 0px 5px 5px 0px;
border: 1px solid #F1F1F1;
}
ul.topUL a.second_link, .titleLink, a.titleLink{
text-decoration: none;
color: #FFF;
display: block;
background-color: #666;
padding: 0px 5px;
line-height: 20px;
}
ul.topUL ul{
list-style: none;
margin: 5px 0px;
}
ul.topUL ul.tList{
float: left;
width: 165px;
}
ul.tList ul li a{
display: block;
line-height: 18px;
font-size: 11px;
text-decoration: none;
padding-left: 5px;
}
ul.tList li a.smallLiList{
display: block;
line-height: 18px;
font-size: 11px;
text-decoration: none;
padding-left: 5px;
}
ul.tList li a.smallLiList:hover{
background-color: #F1F1F1;
}
ul.tList ul li a:hover{
background-color: #F1F1F1;
}
ul.tList a.cTitle{
text-decoration: none;
font-weight: bold;
color: #666;
}
.corpImage{
float: left;
}
.picturedProducts ul{
list-style: none;
margin: 5px 10px;
}
.corpStep{
float: left;
width: 30px;
height: 45px;
font-size: 30px;
color: #666;
font-weight: bold;
}
.corpInfo{
float: left;
padding-top: 5px;
width: 490px;
}
.corpNote{
color: red;
}
.tBrands{
}
.tBrands a{
width: 123.75px;
display: block;
float: left;
text-decoration: none;
line-height: 75px;
height: 75px;
opacity:0.4;
filter:alpha(opacity=40);
}
.tBrands a:hover{
opacity:1;
filter:alpha(opacity=100);
}
.tBrands a img{
vertical-align: middle;
}
a.tSpecial{
display: block;
margin: 2px 0px;
}
/******************************************************************************
* CART
******************************************************************************/
div.cartPromo{
width: 402px;
margin: 10px auto;
border: 1px solid #D1D1D1;
}
div.cartPromo p{
color: #CC0000;
font-weight: bold;
text-align: center;
}
div.cartPromo div.cartTitleBar{
background-color: #CC0000;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
padding: 2px 5px;
text-align: center;
}
div.cartPromo div.twoOptions{
padding-bottom: 10px;
}
div.cartPromo div.twoOptions div{
width: 200px;
float: left;
text-align: center;
}
div.twoOptions div a.cartImgCont{
display: block;
line-height: 100px;
height: 100px;
font-size: 0;
}
a.cartImgCont img{
vertical-align: middle;
}
/******************************************************************************
* FORGOT PASSWORD FORM
******************************************************************************/
div.fp-info{
margin: 10px 0px;
}
form.fp-form{
margin: 10px;
}
form.fp-form input.enterEmail{
margin: 5px 0px 0px 10px;
padding: 5px;
font-size: 18px;
}
/******************************************************************************
* QA FORUM
******************************************************************************/
#qaForum_info div.mainInfo{
margin: 10px 20px;
}
.qaForum label.header{
font-weight: bold;
display: block;
margin-left: 2px;
}
.qaForum textarea.input{
padding: 8px 5px;
width: 440px;
color: #999;
resize: none;
overflow: hidden;
float: left;
font-size: 14px;
font-family: arial, sans-serif;
}
div.qList{
margin: 10px 0px;
}
div.question{
padding: 10px;
border-bottom: 1px solid #D1D1D1;
}
span.answerLink{
display: block;
float: right;
}
div.answerForm{
padding: 5px;
background-color: #F8F8F8;
margin: 0px 5px;
}
div.answerContainer{
margin: 5px 5px 2px;
}
textarea.answerInput{
width: 380px;
font-size: 12px;
color: #999;
overflow: hidden;
resize: none;
float: left;
font-family: arial, sans-serif;
}
input.answerSubmit{
border: 0px;
background-color: #F8F8F8;
font-size: 10px;
color: #333;
margin: 5px 5px;
padding: 0px;
cursor: pointer;
}
form.aForum{
margin: 5px 0px;
}
div.aList{
background-color: #F8F8F8;
padding: 5px;
margin-bottom: 2px;
}
div.qaDate{
margin-top: 3px;
color: #CCC;
font-size: 10px;
}
div.expertAnswer{
margin-bottom: 3px;
color: #32AB8F;
font-weight: bold;
}
input.qaEmail{
padding: 8px 5px;
padding: 8px 5px;
margin-bottom: 5px;
width: 250px;
color: #999;
}
label.qaEmail_label{
margin-left: 5px;
color: #999;
font-style: italic;
}
/******************************************************************************
* CART DISCOUNTS
******************************************************************************/
div.inCartSpecial{
width: 650px;
border: 2px dashed #CCC;
margin: 20px auto;
}
div.inCartSpecial div.header{
background-color: #FFF;
color: #000;
font-size: 18px;
padding: 0px;
border-bottom: 1px solid #CCC;
}
div.header div.inCartPromo{
float: left;
width: 100px;
padding: 10px;
font-size: 22px;
text-align: center;
}
div.header div.inCartPromoCartDisplay{
float: left;
width: 510px;
padding: 10px;
font-size: 22px;
background-color: #32AB8F;
color: #FFF;
}
div.inCartSpecial table.tiered{
width: 650px;
}
table.tiered{
text-align: center;
padding: 20px;
margin: 10px 0px;
}
table.tiered div.minText{
font-size: 12px;
color: #999;
}
table.tiered div.maxText{
font-weight: bold;
color: red;
font-size: 24px;
}
div.inCartSpecial div.sImg{
float: left;
width: 100px;
padding: 10px;
text-align: center;
}
div.inCartSpecial div.price{
width: 145px;
}
div.inCartSpecial div.productInfo{
width: 350px;
margin-top: 10px;
}
div.price a.addToCartCatPage2{
margin: 0px auto;
}
div.price div.ballCost{
color: red;
font-weight: bold;
margin: 5px 0px;
}
div.price div.addMore{
font-style: italic;
font-size: 10px;
margin: 5px 0px;
color: #999;
}
/******************************************************************************
* MAGIC ZOOM
******************************************************************************/
/*
Magic Zoom Plus v2.0.6
Copyright 2010 Magic Toolbox
You must buy a license to use this tool.
Go to www.magictoolbox.com/magiczoomplus/
*/
.MagicZoom img {
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
/* Style of zoomed window */
.MagicZoomBigImageCont {
border: 1px solid #999;
float: right;
}
/* Style of header, activated with "title" attribute in tag */
.MagicZoomHeader {
font-size: 8pt !important;
line-height: normal !important;
color: #fff;
background: #666;
text-align: center !important;
}
/* Style of small square under mouse */
.MagicZoomPup {
border: 1px solid #aaa;
background: #fff;
cursor: move;
}
/* Style of message box while image is loading */
.MagicZoomLoading {
border: 1px solid #ccc;
background: #fff url(/shared/magiczoomplus/graphics/loader.gif) no-repeat 2px 50%;
padding: 4px 4px 4px 24px !important;
margin: 0;
text-decoration: none;
text-align: left;
font-size: 8pt;
font-family: sans-serif;
color: #444;
}
/* Style of the small image link */
.MagicZoomPlus {
cursor: url(/shared/magiczoomplus/graphics/zoomin.cur), pointer;
outline: 0 !important;
}
/* Style of the small image */
.MagicZoomPlus img {
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
/* Style of the span inside the small image link */
.MagicZoomPlus span {
display: none !important;
}
/* Style of hotspots */
.MagicHotspots {
display: none;
visibility: hidden;
}
.MagicHotspots a {
border: 1px solid #ccc;
}
.MagicHotspots a:hover {
border: 1px solid red;
}
/* Style of the small image link */
.MagicThumb, .MagicThumb:hover {
cursor: url(/shared/magiczoomplus/graphics/zoomin.cur), pointer;
outline: 0 !important;
}
/* Style of the small image when the large image is expanded */
.MagicThumb-expanded-thumbnail {
cursor: default;
}
/* Style of the span inside the small image link */
.MagicThumb span {
display: none !important;
}
/* Style of the small image */
.MagicThumb img {
border: 0;
outline: 0;
}
/* Style of the expanded image */
.MagicThumb-expanded {
cursor: url(/shared/magiczoomplus/graphics/zoomout.cur), pointer;
background: transparent;
border: 1px solid #ccc;
outline: 0;
padding: 0;
}
/* Style of the caption for the expanded image */
.MagicThumb-caption {
color: #333;
font: normal 10pt Verdana, Helvetica;
background: #ccc;
text-align: left;
padding: 8px;
border: 0 !important;
outline: 0 !important;
}
/* Style of the close/next/previous buttons */
.MagicThumb-buttons {
background: transparent url(/shared/magiczoomplus/graphics/buttons1.png) no-repeat 0 0;
height: 24px;
display: block;
}
.MagicThumb-buttons a {
width: 24px;
height: 24px;
margin: 0px 1px !important;
overflow: hidden;
}
/* Style of the loading message box */
.MagicThumb-loader {
font: normal 12pt sans-serif;
border: 1px solid #000;
background: #fff url(/shared/magiczoomplus/graphics/loader.gif) no-repeat 2px 50%;
padding: 2px 2px 2px 22px;
margin: 0;
text-decoration: none;
text-align: left;
}
/* Style of the small images which swap the main image */
.MagicThumb-swap {
}
/* Style to hide caption on page. Only needed for #id method. */
.MagicThumb-external-caption {
display: none;
}
/******************************************************************************
* GPS COMPARISON CHART
******************************************************************************/
h1.gpsTitle{
color: #666;
margin-top: 10px;
}
table.gpsTable{
margin: 10px 0px;
}
table.gpsTable th{
background-color: #009900;
color: #FFF;
padding: 5px;
vertical-align: middle;
font-size: 11px;
border: 1px solid #CCC;
}
table.gpsTable td{
padding: 5px;
vertical-align: top;
font-size: 11px;
border: 1px solid #CCC;
}
table.gpsTable td a{
font-size: 11px;
text-decoration: none;
}
table.gpsTable td.gpsImg{
text-align: center;
vertical-align: middle;
}
/******************************************************************************
* SEO PAGES
******************************************************************************/
div.seoContainer{
}
div.seoContainer div.seoHeader{
margin-bottom: 5px;
}
div.seoContainer div.seoColumns{
}
div.seoColumns div.seoLeft{
float: left;
width: 539px;
padding-right: 10px;
border-right: 1px dashed #CCC;
}
div.seoColumns div.seoRight{
float: right;
width: 430px;
}
div.seoRight h3{
font-weight: bold;
font-size: 18px;
}
.outerBox_seo{
width: 430px;
}
.box_seo{
width: 426px;
border-width: 1px;
border-style: solid;
margin: 3px 1px;
cursor: pointer;
}
.box_seo:hover{
-moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.5), 0 5px 4px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.5), 0 5px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.5), 0 5px 4px rgba(0, 0, 0, 0.3);
}
.box_seo .innerBox{
background-color: #F8F8F8;
border-top: 1px solid #CCC;
padding: 10px;
}
.innerBox .title{
height: 45px;
}
.box_seo .seoImg{
float: left;
width: 200px;
}
.box_seo .seoPriceContainer{
margin-top: 10px;
}
.seoPriceContainer .seoPrice{
height: 80px;
}
.box_seo .seoInfo{
float: left;
width: 226px;
padding: 5px 0px;
}
.box_seo a.boxImage{
display: block;
line-height: 130px;
height: 130px;
text-decoration: none;
text-align: center;
margin: 10px 0px;
}
.box a.boxImage img{
vertical-align: middle;
}
/******************************************************************************
* HOLIDAY SHIPPING
******************************************************************************/
.holiday{
border: thin dashed red;
padding: 5px 15px;
}
.holiday h2{
font-weight: bold;
font-size: 18px;
color: #009900;
}
.holiday h3{
font-weight: bold;
}
.holiday ul{
list-style: none;
margin-bottom: 10px;
}