/*=--------------GENERAL STYLES ------------------*/

* {margin: 0; padding: 0;}

html, body, form {width: 100%; height: 100%; margin: 0; padding: 0; position: relative;}
form {cursor: default;}
body {background: #e2e2e2 url(../images/backgrounds/bgMain.gif) repeat-x center top; font: 12px Verdana, sans-serif; color: #333; line-height: 1.6em; text-align: center;}
body.xmasTheme {background: #e2e2e2 url(../images/backgrounds/bgMain_christmas.gif) no-repeat center top;}

a {color: #ff7900; text-decoration: underline;}
a:link, a:visited {color: #ff7900;}
a:hover, a:active {color: #339900;}
p {margin-bottom: 1em;}
img {border: 0;}
input, textarea {font-size: 11px; font-family: Arial, sans-serif; color: #666;}
ul, ol {padding-left: 2em; margin: 1em 0;}

.floatRight{float: right;}
.floatLeft {float: left;}
.clearBoth {clear: both;}
.alignCenter {text-align: center;}

.textRed {color: red!important;}
.textGreen {color: green!important;}
.textOrange {color: #ff7900!important;}
.textStrike {text-decoration: line-through;}

.textSmall {font-size: 10px; line-height: 1.2em;}

a.linkSpecials {color: #333;}
a.linkSpecials:hover {text-decoration: none;}

.priceSlash {text-decoration: line-through; padding-right: 1em;}

/*=------------------ Header Styles -----------------------*/

h1, h2, h3, h4, h5 {margin-bottom: 1em; font-weight: bold; color: #333333;}

h1 {font-size: 16px;}
h1 span.Product-BrandName {font-size: 12px; font-style: italic; color: #666; display: block; white-space: nowrap;}
h1.homeTitle {display: none;}
h2 {font-size: 14px;}
h3 {font-size: 12px;}
h4 {font-size: 10px;}
h5 {font-size: 14px; color: #ff7900;}
h5 span.titleNote {font-size: 10px; font-weight: normal; color: #fff;}
*+html h5 span.titleNote {margin-top: -25px; margin-right: 15px;}
*html h5 span.titleNote {margin-top: -25px; margin-right: 15px;}


/*=------------------ End Header Styles -----------------------*/

/*=------------------ Button and Link Styles -----------------------*/

.button {overflow: hidden; padding: 0; margin: 0 0 0 1em;}
*html .button {width: 180px;}
*+html .button {width: 180px;}

.button a.buttonOrange {background: transparent url(../images/input/buttonOrangeCap.gif) no-repeat left top; display: block;clear: both;
font: bold 12px Arial; line-height: 19px; height: 20px; margin: 0; padding-left: 14px; text-decoration: none; cursor: pointer;}
.button a.buttonOrange:link, .button a.buttonOrange:visited, .button a.buttonOrange:active {color: #fff;}
.button a.buttonOrange:hover {background-position: left bottom;}
.button a.buttonOrange span{background: transparent url(../images/input/buttonOrange.gif) no-repeat right top; height: 20px; display: block; padding: 0 20px 0 6px; float: left;}
.button a.buttonOrange:hover span {background-position: right bottom; text-decoration: none; color: #fff;}

a.buttonSearch {background: transparent url(../images/input/buttonSearch.gif) no-repeat center top; width: 33px; height: 22px; display: block; float: right;}
a.buttonSearch:hover {background-position: center bottom;}

*html a.buttonSearch {margin-top: -24px;}

/*=------------------ Global Content Styles -----------------------*/

#containerMain {background: #fff; width: 990px; min-height: 100%; margin: 5px auto 0 auto; text-align: left;}

#header {width: 990px; float: left;}
#header .logo {float: left;}

.sideBar {width: 200px; float: left; margin: 13px 5px 0 0;}
*html .sideBar {margin-right: -200px;}
.content {width: 564px; float: left; margin: 13px 8px 0 8px; position: relative;}
.contentFull {width: 760px;}
.contentError {min-height: 400px; padding: 25px; margin-top: 25px; clear: both;}
*html .contentError {height: 400px;}

/*=------------------ Navigation Styles -----------------------*/
    
    #navGlobal {background: transparent url(../images/navigation/bgGlobalNav2.gif) no-repeat center top; width: 990px; height: 34px;}
    #navGlobal ul {list-style: none; margin: 0; padding: 0;}
    #navGlobal ul li {display: inline; float: left;}
    #navGlobal ul li a {background: transparent url(../images/navigation/bgGlobalNav2.gif) no-repeat center top; display: block; float: left; height: 34px; line-height: 31px;
                        color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; cursor: pointer;}
    #navGlobal ul li a span {background: transparent url(../images/navigation/navDiv2.gif) no-repeat right 0; height: 34px; display: block; float: left; margin-left: 1px; padding: 0 30px;}
    #navGlobal ul li a:hover {background-position: center -34px;}
    
    #navGlobal ul li a.first {background-position: left top;}
    #navGlobal ul li a.first:hover {background-position: left -34px;}
    
    .navSecondary {width: 200px; float: left; margin: 13px 0 0 5px;}
    ul.navList li a {color: #333;}
    
/*=------------------ Content Styles -----------------------*/    

.content .dottedTitle {width: 524px; padding: 10px 20px; border-top: dotted 1px #b2b2b2; border-bottom: dotted 1px #b2b2b2;}
.content .dottedTitle h2 {margin: 0;}
.content .dottedTitle ul {list-style: none; margin: 0; padding: 0;}
.content .dottedTitle ul li {background: transparent url(../images/backgrounds/arrowBreadcrumb.gif) no-repeat 0 7px; float: left; margin-right: 6px; padding-left: 15px; font-weight: bold;}
.content .dottedTitle ul li.first {background-image: none; padding-left: 0;}
.content .dottedTitle ul li a {display: block; float: left; color: #333; font-weight: bold;}

.content table.tableProducts {width: 100%; clear: both; float: left;}
.content table.tableProducts td {width: 165px; padding: 10px; border-right: dotted 1px #b2b2b2; border-bottom: dotted 1px #b2b2b2; font-weight: bold; color: #ff7900;}
.content table.tableProducts tr.last td {border-bottom: 0;}
.content table.tableProducts td.last {border-right: 0;}
.content table.tableProducts td .productThumb {width: 165px; height: 97px; text-align: center;}

.content table.tableProducts td a.productTitle {width: 100%; height: 50px; display: block; margin: 5px 0; color: #425210; overflow: hidden; line-height: 1.3em;}
.content table.tableProducts td a.productTitle:hover {text-decoration: none;}

a.linkDetails {background: transparent url(../images/backgrounds/arrowDetail.gif) no-repeat 45px 8px; display: block; width: 100px; height: 20px; margin-bottom: 1em; font-size: 10px; color: #000;}
 
/*=--------------------------Beadcrumb styles ----------------*/

h2.breadCrumbs {width: auto; height: 40px; clear: both; list-style: none; margin: 0 0 1em 0; padding: 10px 0 0 0; font-size: 14px;}
h2.breadCrumbs span {background: transparent url(../images/backgrounds/arrowBreadcrumb.gif) no-repeat right 7px; float: left; display: block; margin-left: 10px; padding-right: 20px;}
h2.breadCrumbs span a { float: left; display: block;}
h2.breadCrumbs span.last {background-image: none;}

h5.breadCrumbs {width: auto; height: 15px; clear: both; list-style: none; margin: 0; padding: 10px 0 0 0; font-size: 12px; font-weight: normal;}
h5.breadCrumbs span {background: transparent url(../images/backgrounds/arrowBreadcrumb.gif) no-repeat right 7px; float: left; display: block; margin-left: 10px; padding-right: 20px;}
h5.breadCrumbs span a { float: left; display: block;}
h5.breadCrumbs span.last {background-image: none;}

/*=-------------------------Results Paging Styles ----------*/

.resultsBar {background: transparent url(../images/backgrounds/bgPaging.gif) no-repeat 0 0; width: 740px; height: 21px; margin: 1em 0; padding: 10px; clear: both;}

.resultsSort span {display: block; float: left;}
.resultsSort ul {float: right; list-style: none; margin: 0; padding: 0;}
.resultsSort ul li label {display: block; margin-right: 1em; float: left;}

.resultsPaging {text-align: right;}
.resultsPaging ul {list-style: none; height: 21px; margin: 0; padding: 0; float: left; font-weight: bold; text-align: left; float: right;}
.resultsPaging ul li {display: block; float: left; margin-right: 10px;}
.resultsPaging ul li label {margin-left: 10px;}
.resultsPaging ul li a {display: block; float: left; font-weight: normal; text-decoration: none; padding: 0 6px; border: solid 1px #ff7900; background: #fff;}
.resultsPaging ul li a.box {width: auto;}
.resultsPaging ul li a:hover {background: #ff7900; color: #fff;}

/*=------------------ Product Details Page Styles -----------------------*/

.content .productDescription {margin: 2em 10px 2em 0;}
.content .productPrice {float: left; margin: 0 0 0 5px;}
.content .productPrice p {background: transparent url(../images/backgrounds/bgPriceCap.gif) no-repeat left top; width: auto; height: 40px; display: block; margin-top: 1em; padding-left: 14px; line-height: 38px;}
.content .productPrice p span {background: transparent url(../images/backgrounds/bgPrice.gif) no-repeat right top; height: 40px; display: block;font-size: 24px; font-weight: bold; color: #fff; padding: 0 20px 0 6px;}
.content .productPrice p span span {background-image: none; float: right; padding-right: 0px;}

.content .productSalePrice {float: left; margin: -20px 0 0 5px; clear: both;}
.content .productSalePrice p {background: transparent url(../images/backgrounds/bgSalePriceCap.gif) no-repeat left top; width: auto; height: 40px; display: block; margin-top: 1em; padding-left: 14px; line-height: 38px;}
.content .productSalePrice p span {background: transparent url(../images/backgrounds/bgSalePrice.gif) no-repeat right top; height: 40px; display: block;font-size: 24px; font-weight: bold; color: #fff; padding: 0 20px 0 6px;}
.content .productSalePrice p span span {background-image: none; float: right; padding-right: 0px;}

.productDescriptionLong {width: 250px; float: left;}

.content .productImage {width: 250px; float: left; text-align: right; margin: 0 20px 20px 0;}
.content .productImage img {}

.content .productOptionsWrapper {background: transparent url(../images/backgrounds/bgProductInfoTop.gif) no-repeat center top; width: 280px; float: right; margin-top: 53px; padding-top: 3px;} 
.content .productOptions {background: transparent url(../images/backgrounds/bgProductInfoBot.gif) no-repeat center bottom; width: 260px; padding: 10px 10px 40px 10px;}
.content .productOptions ol {list-style: none; margin: 0; padding: 0;}
.content .productOptions ol li {margin-bottom: 0.5em;}
.content .productOptions ol li label {font-weight: bold; display: block;}

.content .productAction {clear: both; text-align: right; margin-top: 2em;}
.content .productAction span.productQuantity {float: right; margin-bottom: 1em;}
.content .productAction span.productQuantity label {margin-right: 1em;}  

/*------------------ Shopping Cart Styles ---------------------*/ 

.cartInstrux {margin: 2em 10px 2em 10px; float: left; width: 270px}

.buttonRow {clear: both; float: right; list-style: none; margin: 1em 0; padding: 0;}
.contentCart {width: 450px; float: left; font-size: 11px; margin: 3em 0 2em 20px;}

.cartTable table {background: #ededcb; border: solid 1px #b2b2b2!important; line-height: 1.1em; clear: both;} 
.cartTable table tbody tr td {padding: 5px;}
.cartTable table tbody tr td a {color: #339900;}
.cartTable table tbody tr td a:hover {color: #ff7900;}
.cartTable table tbody tr td span.SizeColorLabel {font-size: 10px; color: #339900;}
.cartTable table tbody tr td span.SizeColorLabel span {color: #666; font-style: italic;}
.cartTable table tbody tr.CartListHead td {background: transparent url(../images/backgrounds/bgTableheader.gif) repeat-x left top; color: #fff; font-weight: normal; border-bottom: solid 1px #b2b2b2; border-right: solid 1px #b2b2b2;} 
.cartTable table tbody tr.CartListItem td, .cartTable table tbody tr.CartListItemAlt td {border-right: solid 1px #b2b2b2;}
.cartTable table tbody tr.CartListFooter td {background: #b2b2b2; border: solid 1px #b2b2b2!important;}

.cartTable table tbody tr td ol {list-style: none; width: 600px; margin: 0; padding: 0; float: left; text-align: left;}
.cartTable table tbody tr td ol li label {float: left; display: block; width: 300px;}
.cartTable table tbody tr td ol li select {padding: 0; margin: 0 0 0 100px;}

.cartFooterBar {background: #fff; width: 750px; height: 20px; padding: 5px;}

.cartPriceWrapper {background: transparent url(../images/backgrounds/bgPriceCap.gif) no-repeat left top; height: 40px; display: block; margin-top: 1em; padding-left: 14px; float: right; line-height: 38px;}
.cartPrice {background: transparent url(../images/backgrounds/bgPrice.gif) no-repeat right top; height: 40px; display: block;font-size: 24px; font-weight: bold; color: #fff; padding: 0 20px 0 6px;}

*html .cartPriceWrapper {width: 300px;}

/*------------------------Login Page -----------------------*/

p.passRecover {clear: both; font-size: 10px; margin-left: 10px;}

.accountBox {background: #ededcb; width: 400px; float: left; padding: 10px 0 45px 0; padding-top: 0; border: solid 1px #b2b2b2;}
.accountBox h5 {background: transparent url(../images/backgrounds/bgTableheader.gif) repeat-x left top; color: #fff; font-weight: normal; padding: 2px 10px; border-bottom: solid 1px #b2b2b2;}
*+html .accountBox h5 span {margin-top: -22px; margin-right: 5px;}
.accountBox ol {list-style: none; margin: 1em 0; padding: 0 10px; float: left; clear: both;}
*+html .accountBox ol {width: 400px;}
.accountBox ol li {float: left; margin-bottom: 5px;}
.accountBox ol li label {display: block; float: left; width: 13em; text-align: right; margin-right: 10px;}
.accountBox ol li select, .accountBox ol li option {font-size: 11px; font-family: Arial, sans-serif; color: #666;}
.accountBox ol li span {font-size: 10px;}
.accountBox ol li div div p label {clear: both;}

.accountBox ol li.radioButtons {margin-bottom: 3em;}
.accountBox ol li.radioButtons label {text-align: left;}
.accountBox ol li.radioButtons label strong {font-weight: normal; padding-left: 5px;}

.loginBox {width: 350px; height: 150px; border-right: 0;}

.registerButtonBox {height: 150px;}
a.buttonRegister {background: transparent url(../images/input/buttonRegister2.gif) no-repeat center bottom; width: 230px; height: 70px; display: block; margin: 20px 0 0 75px; padding: 15px;
font-size: 18px; font-weight: bold; color: #fff; text-decoration: none; line-height: 1.6em; text-align: center;}
a.buttonRegister:hover {background-position: center top;}
a.buttonRegister span {font-size: 28px; font-weight: bold; clear: both; text-transform: uppercase;}

.registerBox {width: 500px;}

.captchaBox ol li {width: 380px; clear: both;}
.captchaBox ol li label {width: 16em; font-weight: bold;}
.captchaBox ol li div div img {margin: 1em; padding-right: 30px;}

ol li.captchaItem {width: 365px; clear: both;}
ol li.captchaItem label {width: 17em; font-weight: bold;}
ol li.captchaItem div div img {margin: 1em 0 1em 150px; float: right;}
ol li.captchaItem input {border: solid 1px #e3e9ef; border-top: solid 1px #abadb3; width: 148px}
*+html ol li.captchaItem label {float: left;}
*+html ol li.captchaItem input {float: right;}

.shippingBox, .addressBox {border-right: 0;}

.instruxBox {width: 300px; padding: 20px; font-size: 11px; line-height: 1.3em;}
.instruxBox h6 {font-size: 12px; margin-bottom: 1em;}
.instruxBox ul li {margin-bottom: 0.5em;}

.billingBox {width: 378px; padding-bottom: 10px; margin-bottom: 10px;}
.billingBox p {display: block; width: 325px; height: 8.5em; padding: 0 10px;}

.paymentBox, .promoBox {padding-bottom: 1em;}
.promoBox {border-top: 0; border-bottom: 0;}

.leftBox {border-right: 0; width: 379px;}

.popBox {background: transparent url(../images/backgrounds/bgPopGreen.png) no-repeat right bottom; width: 680px; height: 600px; padding: 20px 40px 20px 20px; border: 0; position: absolute; top: 20px; left: 20px; display: none;}
.popBox ul {list-style: none; margin: 0; padding: 0;}
.popBox ul li {margin-bottom: 1em; float: left; clear: both;}
.popBox ul li label {display: block; float: left; width: 260px;}

.mapBox {width: 290px; height: 500px; float: right; border: solid 1px #b2b2b2; margin-left: 10px;}
.boxpattern {width: 300px; height: 300px; border: solid 1px #999;}

.formNote {font-style: italic;}

*+html .formNote {float: right; margin-right: 35px; margin-top: -3px;}

*html .registerForm ol li {height: 50px;}

/*=------------------ Footer Styles -----------------------*/
    
.footerWrapper {background: transparent url(../images/backgrounds/bgFooterTop.gif) no-repeat center top; width: 980px; margin: 10px 5px 5px 5px; padding-top: 3px; float: left; clear: both;}
.footer {background: transparent url(../images/backgrounds/bgFooter.gif) no-repeat center bottom; width: 940px; padding: 20px;}
.footer ul {list-style: none; margin: 0 0 10px 0; padding: 0; float: left;}
.footer ul li {display: inline;}
.footer ul li a {color: #333; text-decoration: none; font-weight: bold; padding: 0 20px; display: block; float: left; border-right: solid 2px #333;}
.footer ul li a:hover {text-decoration: underline;}
.footer ul li a.last {border: 0;}
.footer p {float: left; clear: both; font-size: 10px; margin: 0 0 0 20px; width: 100%;}
.footer p a {padding: 0 20px;}

/*=------------------ Box Styles -----------------------*/


/*----Boxes appearing on the right sideBar --------*/
.boxWrapper {background: transparent url(../images/backgrounds/bgSidebarTop.gif) no-repeat center top; width: 200px; margin-bottom: 5px;padding-top: 3px; float: right;}
.box {background: transparent url(../images/backgrounds/bgSidebar.gif) no-repeat center bottom; width: 186px; padding: 12px 7px;}
 
.boxTitle h3 {background: transparent url(../images/backgrounds/bgTitles.gif) repeat-x left top; width: 170px; height: 26px; margin: 0; padding: 11px 0 0 30px; clear: both;} 
.boxTitle h3 span {font-size: 11px; font-weight: normal;}

.boxContent {background: #fff url(../images/backgrounds/bgBoxes.gif) repeat-x left bottom; width: 178px; border: solid 1px #dcd9d9; border-top: 0; margin-bottom: 5px; padding: 20px 10px; clear: both; float: left;}
.boxContent .thumbProduct {width: 100%; text-align: center; margin-bottom: 10px;}
.boxContent .thumbProduct img {margin: 0 auto;}
.boxWhite {background-image: none;}

.boxPhone {background: transparent url(../images/backgrounds/bgPhone.gif) no-repeat center top; width: 169px; height: 31px; float: right; margin: 15px 0 5px 0; padding: 10px 5px 0 35px;
           font-size: 18px; font-weight: bold; color: #ff7900;}
.boxHours {background: transparent url(../images/backgrounds/bgHours.gif) no-repeat center top;  width: 169px; height: 36px; float: right; line-height: 1.3em; margin: 0 0 5px 0; padding: 5px 5px 0 35px;}

.boxHeaderCart {width: 90px; height: 87px; float: right; margin: 15px 0 0 5px; text-align: center;}
.boxHeaderCart a {background: transparent url(../images/backgrounds/bgHeaderCart.gif) no-repeat center top; width: 90px; height: 67px; display: block; padding: 10px 0 10px 0; font-size: 12px; font-weight: bold; color: #ff7900; text-decoration: none; text-transform: uppercase;}
.boxHeaderCart a:hover {background-position: center bottom; color: #ff7900;}

.boxSocial {background: transparent url(../images/backgrounds/bgSocial.gif) no-repeat center top; width: 155px; height: 31px; float: right; clear: right; margin: 0 0 5px 0; padding: 15px 35px 0 10px; text-align: left;}
.boxSocial img {vertical-align: middle; margin-left: 5px;}

*+html .boxSocial {float: left; clear: both;}

.boxSearch p {margin: 1em 0 0 0; font-size: 10px; line-height: 1.3em;}
.boxSearch a {font-weight: bold;}

.boxCartWrapper {background: transparent url(../images/backgrounds/bgCartTop.gif) no-repeat center top; width: 200px; margin: 0 0 5px 0; padding-top: 3px; float: right; clear: both;}
.boxCart {background: transparent url(../images/backgrounds/bgCartBot.gif) no-repeat center bottom; width: 120px; padding: 15px 20px 15px 60px; line-height: 1.2em;}
.boxCart h3 {margin: 0;}
.boxCart a {font-weight: bold;}
.boxCart p {margin-bottom: 0;}
.boxCart span {display: block;}

*+html ol.listWrap {width: auto;}

.boxPromotionOrange {background: #ff7900 url(../images/backgrounds/bgPromotionBox1.gif) no-repeat center top; width: 180px; height: 149px; margin-bottom: 5px; padding: 20px 10px; clear: both; color: #fff;}
.boxPromotionGreen {background: #ff7900 url(../images/backgrounds/bgPromotionBox1a.gif) no-repeat center top; /*width: 180px; min-height: 150px; <-- WIDTH and HEIGHT for text based tiles*/ width: 200px; height: 95px; /*<-- WIDTH and HEIGHT for image based tiles*/ margin-bottom: 5px; /*padding: 20px 10px;*/ clear: both; color: #fff;}
.boxPromotionLarge {background: transparent url(../images/backgrounds/bgPromotionBox_LG.jpg) no-repeat center top; width: 564px; min-height: 279px; margin-bottom: 20px; /*padding: 20px 10px;*/ clear: both; color: #fff;}

.boxSpecialProduct {margin-bottom: 1em;}

.boxHalfPrice h2 {font-family: Arial; font-size: 29px; font-weight: bold; color: #fff; text-transform: uppercase;}
.boxHalfPrice h2 span {clear: both; float: left; font-size: 15px; padding-top: 3px;}
.boxHalfPrice p {font-size: 10px; line-height: 1.1em; margin-top: 5px; display: block; float: left;}
.boxHalfPrice .halfPriceImage {width: 100%; height: 80px; float: left; overflow: hidden; margin-right: 5px; text-align: center;}
.boxHalfPrice .halfPriceImage img {background: transparent url(../images/backgrounds/bgThumbShadow.png) no-repeat right bottom; padding: 0 7px 7px 0;}
*html .boxHalfPrice .halfPriceImage img {background-image: none;}

    /*--------------- RIGHT RAIL ADVERTISING ------------------------*/
.advertisingArea {width: 200px; text-align: center; clear: both; float: left;}
.advertisingArea .box {padding-bottom: 20px;}




/*-----------BRAD------------------*/
.browse-short-desc{font-family: Arial; font-weight: normal; font-size: 12px; color: #000;}




#error {background: transparent url(../images/backgrounds/bgError.gif) no-repeat left top; width: auto; margin-bottom: 1em; padding: 10px 20px 10px 50px; color: #ff0000; border: solid 1px #fec2c2;}
.error {background: transparent url(../images/backgrounds/bgError.gif) no-repeat left top; width: auto; margin-bottom: 1em; padding: 10px 20px 10px 50px; color: #ff0000; border: solid 1px #fec2c2;}
#error ul, .error ul {margin-bottom: 0; padding-left: 3em; line-height: 1.2em;}

#action {background: url(../images/backgrounds/bgAlert.gif) no-repeat left top; width: auto; min-height: 2em; margin-bottom: 1em; padding: 10px 20px 10px 50px; color: #2db504; border: solid 1px #bdd1b7; font-weight: bold; line-height: 1.2em;}
#action ul {list-style: none; margin: 0; padding: 0;}
#info {background: url(../images/backgrounds/bgInfo.gif) no-repeat left top; width: auto; min-height: 10px; margin-bottom: 1em; padding: 30px 40px 20px 120px; color: #0191d7; border: solid 2px #0191d7;}

*html #error. *html #action, *html #info {height: 2em;}