/* CSS Document */

/* ==== NULL ==== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* ==== HTML TAG CLASSES ==== */
body {color:#000; margin:0 0 0 0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:#6D6C68 url('../images/stylesheet/fond.jpg') repeat-x}
body.white {color:#000; margin:0 0 0 0; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:#FFF}

a {color:#000; text-decoration:underline}
a:visited {color:#000; text-decoration:underline}
a:hover {color:#6D6C68; text-decoration:underline}

/* == H1 - H6 == */
/* !! h1 is used ONLY inside of the Content Header Div !! */
h1 {color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; line-height:28px; letter-spacing:1px}
/* h2 - h4 are reserved and used on the main landing pages */
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; margin:0 0 5px 15px}
h3 {font-family:Arial, Helvetica, sans-serif; color:#6D6C68; font-size:18px; font-weight:bold; margin:8px 0 5px 15px}
h4 {font-size:14px; font-weight:bold; margin:8px 0 5px 15px}

/* h5 is reserved and used by the product_detail.html and the add_to_cart.html (modified in the atc classes below)
** h6 is reserved and used by the small product frames
*/

h5 {font-size:16px; font-weight:bold; color:#6D6C68; line-height:20px; margin:0 0 15px 0}
h6 {font-size:12px; font-weight:bold; color:#000; margin:0 0 8px 0}


/* == BUTTONS INPUTS SELECTS == */
button.navSearch {font-size:10px; font-weight:bold; line-height:8px; width:48px; height:15px; margin:3px 0; padding:0; border:0; background:transparent url('../images/stylesheet/searchBtn.gif') no-repeat center top; cursor:pointer; cursor:hand}
button.addToCart {font-size:10px; font-weight:bold; color:#444341; width:84px; height:18px; margin:5px 0; padding:0; border:0;
background:transparent url('../images/stylesheet/addToCartBtn.jpg') no-repeat center top; cursor:pointer; cursor:hand}
button.checkout {font-size:10px; font-weight:bold; color:#444341; width:84px; height:18px; margin:5px 0; padding:0; border:0; background:transparent url('../images/stylesheet/checkoutBtn.jpg') no-repeat center top; cursor:pointer; cursor:hand}
button.continueShopping {font-size:10px; font-weight:bold; color:#444341; width:121px; height:18px; margin:5px 0; padding:0; border:0; background:transparent url('../images/stylesheet/continueShoppingBtn.jpg') no-repeat center top; cursor:pointer; cursor:hand}
button.update {font-size:10px; font-weight:bold; color:#444341; width:72px; height:18px; margin:8px 0 8px 8px; padding:0; border:0; background:transparent url('../images/stylesheet/updateBtn.jpg') no-repeat center top; cursor:pointer; cursor:hand}
button.removeItem {font-size:10px; font-weight:bold; color:#444341; width:95px; height:18px; margin:0 0; padding:0; border:0; background: transparent url('../images/stylesheet/removeItemBtn.jpg') no-repeat center top; cursor: pointer; cursor:hand}
button.continueToCheckout {font-size:10px; font-weight:bold; color:#444341; width:146px; height:18px; margin:5px 0; padding:0; border:0; background:transparent url('../images/stylesheet/continueToCheckoutBtn.jpg') no-repeat center top; cursor:pointer; cursor:hand}
button.backToShoppingCart {font-size:10px; font-weight:bold; color:#444341; width:137px; height:18px; margin:5px 0; padding:0; border:0; background:transparent url('../images/stylesheet/backToShoppingCartBtn.jpg') no-repeat center top; cursor:pointer; cursor:hand}
button.continueCheckout {font-size:10px; font-weight:bold; color:#444341; width:132px; height:18px; margin:5px 0; padding:0; border:0; background:transparent url('../images/stylesheet/continueCheckoutBtn.jpg') no-repeat center top; cursor:pointer; cursor:hand}
button.saveAndContinue {font-size:10px; font-weight:bold; color:#444341; width:117px; height:18px; margin:5px 0; padding:0; border:0; background:transparent url('../images/stylesheet/saveAndContinueBtn.jpg') no-repeat center top; cursor:pointer; cursor:hand}
button.applyPromocode {width:44px; height:17px; margin:0; padding:0; border:0; background:transparent url('../images/stylesheet/applyPromocodeBtn.gif') no-repeat center top; cursor:pointer; cursor:hand}
button.editAddress {width:81px; height:17px; margin:0; padding:0; border:0; background:transparent url('../images/stylesheet/editAddressBtn.gif') no-repeat center top; cursor:pointer; cursor:hand}
button.editInformation {width:105px; height:17px; margin:0; padding:0; border:0; background:transparent url('../images/stylesheet/editInfoBtn.gif') no-repeat center top; cursor:pointer; cursor:hand}
button.buyNow {font-size:10px; font-weight:bold; color:#444341; width:71px; height:25px; margin:5px 0; padding:0; border:0; background:transparent url('../images/stylesheet/buyNowBtn.gif') no-repeat center top; cursor:pointer; cursor:hand}
button.print {font-size:10px; font-weight:bold; color:#444341; width:71px; height:25px; margin:5px 0; padding:0; border:0; background:transparent url('../images/stylesheet/printBtn.gif') no-repeat center top; cursor:pointer; cursor:hand}

input.navSearch {width:124px; font-size:10px}
input.qty {width:17px; font-size:11px}
input.checkoutInfo {width:180px; font-size:12px}
input.checkoutInfoError {width:180px; font-size:12px; background-color:#FAF08F}
input.ccNumber {width:140px; font-size:12px}
input.ccNumberError {width:140px; font-size:12px; background-color:#FAF08F}
input.ccSecurity {width:32px; font-size:12px}
input.ccSecurityError {width:32px; font-size:12px; background-color:#FAF08F}
input.submit {font-size:12px; font-weight:bold}
input.promocode {width:130px; font-size:12px}

select.checkoutInfo {width:187px; font-size:12px}
select.checkoutInfoError {width:187px; font-size:12px; background-color:#FAF08F}
select.ccType {width:140px}
select.ccTypeError {width:140px; background-color:#FAF08F}
select.ccMonthYear {width:auto}
select.ccMonthYearError {background-color:#FAF08F}


/* ==== MAIN PAGE CONTAINERS ==== */
/* -- Page Frame Classes -- */
#pageFrame1 {margin:0 auto; width:1008px; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000}
#pageFrame2 {padding:0 0 30px 0; width:1000px; text-align:left; border-left:4px solid #898883; border-right:4px solid #898883; border-bottom:4px solid #898883; background-color:#FFFFFF}
/* -- Footer Classes -- */
#footerFrame1 {margin:10px auto 20px auto; width:1008px; border:1px solid #3D3C3B}
#footerFrame2 {padding:0; width:1000px; height:21px; text-align:left; border:4px solid #898883}
#footerCopyright {float:left; color:#262223; width:150px; text-align:center; letter-spacing:1px; padding:4px 0 0 0}
#footerNav {float:left; color:#E2E1E0; text-align:center; letter-spacing:1px; line-height:10px; padding-left:220px}
#footerNav a, #footerNav a:visited  {color:#C6C6C6; text-decoration:none}
#footerNav a:hover {color:#FFFFFF}
div.footerLink {float:left; padding:5px 9px 0 9px}
div.footerVBar {float:left; padding-top:4px}

/* -- Top Shopping Cart Container -- */
div.shoppingCart {margin:0 0 10px 0; height:24px}
div#cartItems {float:right; padding:5px 4px 0 4px; text-align:right; font-weight:bold; color:#FFF; height:21px}
div#cartInfo1 {float:right; padding:5px 0 0 0; text-align:right; font-weight:bold; color:#FFF; height:21px}
div#cartInfo2 {float:right; padding:5px 16px 0 0; text-align:right; font-weight:bold; color:#FFF; height:21px}
div.cartFond {float:right; width:430px; height:24px; background: transparent url('../images/stylesheet/cartFond.gif') no-repeat left top;}
/* The cartInfo "View Shopping Cart. . ." BUTTON */
div.cartBtn {float:right; width:175px; height:24px}
.cartBtn ul {list-style:none; margin:0; padding:0; font-weight:bold}
.cartBtn li a, .cartBtn li a:visited {height:18px; color:#2D2928; text-decoration:none; background:url('../images/stylesheet/cartBtn.gif') no-repeat 0 0; padding:6px 0 0 43px; display:block}
.cartBtn li a:hover, .cartBtn li a:visited:hover {height:18px; color:#6A6965; background:url('../images/stylesheet/cartBtn.gif') no-repeat 0 -24px; padding:6px 0 0 43px; text-decoration:none; display:block}

/* ==== Main Nav & Content CONSTRUCT CONTAINERS for table layout ==== */
div#navigation {width:148px; float:right; padding:0 1px 0 1px; min-height:500px; height:auto !important; height:500px}
/* nonavigation used only on home page for js detection */
div#nonavigation {width:148px; float:right; padding:0 1px 0 1px; min-height:500px; height:auto !important; height:500px}
#contentContainer {float:right; width:850px}
#contentBorder {border-top:1px solid #6A6965; border-left:1px solid #6A6965; border-bottom:1px solid #6A6965; background-color:#E1DFDC; width:849px; min-height:640px; height:auto !important; height:640px}

/* NEW LANDING PAGE CONTAINER ADDED FOR THE NEW LANDING PAGE DESIGN */
div#landingPageContainer {position:relative; background:url('../images/stylesheet/contentGradation.jpg') top left repeat-x; background-color:#FFF; padding:20px 0 20px 0; min-height:640px; height:auto !important; height:640px}

/* -- Content Header & Footer -- */
#contentHeaderFrame {width:849px; height:31px; border-bottom: 1px solid #6A6965}
#contentHeader {width:833px; height:29px; padding: 0 0 0 15px; border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-bottom: 1px solid #FFF; background:#6D6C68 url('../images/stylesheet/contentHeaderFond.gif') repeat-x}
#contentFooterContainer {width:848px; padding:1px 0 1px 1px; border-left: 1px solid #6A6965; border-bottom: 1px solid #6A6965}
#contentFooter {width:843px; height:22px; padding:0 0 0 5px; background:#6A6965 url('../images/stylesheet/contentFooterFond.gif') repeat-x; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; line-height:13px}
#contentFooter a, #contentFooter a:visited {color:#A1A09E; text-decoration:none}
div.cntFtrTxt {float:left; padding:4px 5px 0 5px}
div.cntFtrBtn {float:left; padding:2px 6px 0 0}
div.cntFtrPageInfo {float:left; padding:5px 5px 0 5px; color:#A1A09E; font-size:10px; font-weight:100}
/* ==== END OF MAIN CONSTRUCT CONTAINERS ==== */

/* ==== BEGIN LEFT NAVIGATION ITEMS ==== */
/* Two nonav classes for the home page */
#nonavSearchContainer {padding:0 10px 0 10px; margin:0 0 20px 0}
#nonavSelectContainer1 {width:148px; height:45px; padding:0; background: transparent url('../images/stylesheet/navSelectFond1.png') no-repeat left top; position:relative; z-index:3000}
/* Below are the main / active navigation classes */
#navSearchContainer {padding:0 10px 0 10px; margin:0 0 20px 0}
p.navSearch {font-size:10px; color:#484745; margin:0 0 5px 0}
#navSelectContainer1 {width:148px; height:45px; padding:0; background: transparent url('../images/stylesheet/navSelectFond1.png') no-repeat left top; position:relative; z-index:3000}
#navSelectContainer2 {width:148px; height:68px; padding:0; background: transparent url('../images/stylesheet/navSelectFond2.png') no-repeat left top; position:relative; z-index:3000}
#navSelectContainer3 {width:148px; height:90px; padding:0; background: transparent url('../images/stylesheet/navSelectFond3.png') no-repeat left top; position:relative; z-index:3000}
/* -- Drop Down for navSelect Container -- */
/* The two below - "Bead and Down" - are used for non-linked list items */
.vNavSelectBead ul {margin:0; padding:0}
.vNavSelectBead li {display:block; color:#6C6B67; margin:0; padding:4px 3px 4px 3px; list-style:none; border-bottom:1px solid #A8A39C; background:transparent url('../images/stylesheet/navSelectBead.png') no-repeat 3px 7px}
.vNavSelectDown ul {margin:0; padding:0}
.vNavSelectDown li {display:block; color:#2D2928; margin:0; padding:4px 3px 4px 3px; list-style:none; border-bottom:1px solid #A8A39C; background:transparent url('../images/stylesheet/navSelectDown.gif') no-repeat 3px 8px}

/* ============= THIS BEGINS THE NEW!!!!!! SELECT AREA STYLES ================= */

/* !!!!! NOTE: FOR HOVER TO WORK PROPERLY IN IE6 THE LINKS MUST HAVE AN href (href="javascript: functionName()") !!!!! */

.vnsTop ul {margin:0; padding:0}
.vnsTop li {display:block; color:#6C6B67; margin:0; padding:0; line-height:13px; list-style:none; border-bottom:1px solid #857F77}
.vnsTop li a, .vnsTop li a:visited {display:block; margin:0 1px 0 1px; padding:4px 3px 4px 3px; color:#2D2928; font-weight:normal; text-decoration:none; background:transparent url('../images/stylesheet/navSelectBead.png') no-repeat 3px 7px; cursor: pointer;  cursor: hand;  }
.vnsTop li a:hover {color:#6C6B67; text-decoration:none; background:transparent url('../images/stylesheet/navSelectDownHover.gif') no-repeat 5px 9px}
.vnsTop div {position: absolute; visibility: hidden; margin: 0; padding: 15px 0; background-color:#000; border-top:1px solid #000; border-left:2px solid #000; border-right:2px solid #000; border-bottom:3px solid #000; filter: alpha(opacity=80);  opacity: .80; }
.vnsTop div a, .vnsTop div a:visited {position:relative; display:block; margin:0; padding:6px 3px 6px 6px; width:135px; white-space:nowrap; text-decoration:none; border-top:1px solid #42413F; color:#FFF; font-weight:bold; background-image:none; text-decoration:none}
.vnsTop div a:hover {color:#FFF; background: #5E5D5A; background-image:none; text-decoration:none}
.vnsTop div a.last, .vNavSelectTop div a.last:visited {border-bottom:1px solid #42413F; background-image:none; text-decoration:none}
.vnsTop div a.last:hover {border-bottom:1px solid #42413F; background-image:none; text-decoration:none}

.vnsMiddle ul {margin:0; padding:0}
.vnsMiddle li {display:block; color:#6C6B67; margin:0; padding:0; line-height:13px; list-style:none; border-top:1px solid #FFF; }
.vnsMiddle li a, .vnsMiddle li a:visited {display:block; margin:0 1px 0 1px; padding:4px 3px 4px 3px; color:#2D2928; font-weight:normal; text-decoration:none; background:transparent url('../images/stylesheet/navSelectBead.png') no-repeat 3px 7px; cursor: pointer;  cursor: hand;  }
.vnsMiddle li a:hover {color:#6C6B67; text-decoration:none; background:transparent url('../images/stylesheet/navSelectDownHover.gif') no-repeat 5px 9px}
.vnsMiddle div {position: absolute; visibility: hidden; margin: 0; padding: 15px 0; background-color:#000; border-top:1px solid #000; border-left:2px solid #000; border-right:2px solid #000; border-bottom:3px solid #000; filter: alpha(opacity=80);  opacity: .80; }
.vnsMiddle div a, .vnsMiddle div a:visited {position:relative; display:block; margin:0; padding:6px 3px 6px 6px; width:135px; white-space:nowrap; text-decoration:none; border-top:1px solid #42413F; color:#FFF; font-weight:bold; background-image:none; text-decoration:none}
.vnsMiddle div a:hover {color:#FFF; background: #5E5D5A; background-image:none; text-decoration:none}
.vnsMiddle div a.last, .vnsMiddle div a.last:visited {border-bottom:1px solid #42413F; background-image:none; text-decoration:none}
.vnsMiddle div a.last:hover {border-bottom:1px solid #42413F; background-image:none; text-decoration:none}

.vnsBottom ul {margin:0; padding:0}
.vnsBottom li {display:block; color:#6C6B67; margin:0; padding:0; line-height:13px; list-style:none; border-top:1px solid #FFF; border-bottom:2px solid #857F77}
.vnsBottom li a, .vnsBottom li a:visited {display:block; margin:0 1px 0 1px; padding:4px 3px 4px 3px; color:#2D2928; font-weight:normal; text-decoration:none; background:transparent url('../images/stylesheet/navSelectBead.png') no-repeat 3px 7px; cursor: pointer;  cursor: hand;  }
.vnsBottom li a:hover {color:#6C6B67; text-decoration:none; background:transparent url('../images/stylesheet/navSelectDownHover.gif') no-repeat 5px 9px}
.vnsBottom div {position: absolute; visibility: hidden; margin: 0; padding: 15px 0; background-color:#000; border-top:1px solid #000; border-left:2px solid #000; border-right:2px solid #000; border-bottom:3px solid #000; filter: alpha(opacity=80);  opacity: .80; }
.vnsBottom div a, .vnsBottom div a:visited {position:relative; display:block; margin:0; padding:6px 3px 6px 6px; width:135px; white-space:nowrap; text-decoration:none; border-top:1px solid #42413F; color:#FFF; font-weight:bold; background-image:none; text-decoration:none}
.vnsBottom div a:hover {color:#FFF; background: #5E5D5A; background-image:none; text-decoration:none}
.vnsBottom div a.last, .vnsBottom div a.last:visited {border-bottom:1px solid #42413F; background-image:none; text-decoration:none}
.vnsBottom div a.last:hover {border-bottom:1px solid #42413F; background-image:none; text-decoration:none}

.vnsSingle ul {margin:0; padding:0}
.vnsSingle li {display:block; color:#6C6B67; margin:0; padding:0; line-height:13px; list-style:none; border-bottom:2px solid #857F77}
.vnsSingle li a, .vnsSingle li a:visited {display:block; margin:0 1px 0 1px; padding:4px 3px 4px 3px; color:#2D2928; font-weight:normal; text-decoration:none; background:transparent url('../images/stylesheet/navSelectBead.png') no-repeat 3px 7px; cursor: pointer;  cursor: hand;  }
.vnsSingle li a:hover {color:#6C6B67; text-decoration:none; background:transparent url('../images/stylesheet/navSelectDownHover.gif') no-repeat 5px 9px}
.vnsSingle div {position: absolute; visibility: hidden; margin: 0; padding: 15px 0; background-color:#000; border-top:1px solid #000; border-left:2px solid #000; border-right:2px solid #000; border-bottom:3px solid #000; filter: alpha(opacity=80);  opacity: .80; }
.vnsSingle div a, .vnsSingle div a:visited {position:relative; display:block; margin:0; padding:6px 3px 6px 6px; width:135px; white-space:nowrap; text-decoration:none; border-top:1px solid #42413F; color:#FFF; font-weight:bold; background-image:none; text-decoration:none}
.vnsSingle div a:hover {color:#FFF; background: #5E5D5A; background-image:none; text-decoration:none}
.vnsSingle div a.last, .vnsBottom div a.last:visited {border-bottom:1px solid #42413F; background-image:none; text-decoration:none}
.vnsSingle div a.last:hover {border-bottom:1px solid #42413F; background-image:none; text-decoration:none}

.vnsLabel ul {margin:0; padding:0; position:relative}
.vnsLabel li#navLabel1 {display:block; font-weight:bold; color:#2D2928; margin:0; padding:3px 0 4px 0; list-style:none; text-align:center; line-height:11px; border-top:1px solid #FFF  }
.vnsLabel li#navLabel2 {font-weight:bold; color:#EDEBE2; margin:-14px 0 0 0; padding:0 0 4px 2px; list-style:none; text-align:center; line-height:11px}

.vnsBrowseBy ul {margin:0; padding:0}
.vnsBrowseBy li {display:block; color:#6C6B67; margin:0; padding:0; line-height:13px; list-style:none; border-top:1px solid #FFF; _border-bottom:1px solid #B1ADA7} /* border-bottom hack for IE6 */
.vnsBrowseBy li a, .vnsBrowseBy li a:visited {display:block; margin:0 1px 0 1px; padding:4px 3px 4px 3px; color:#2D2928; font-weight:normal; text-decoration: none; background:transparent url('../images/stylesheet/navSelectBead.png') no-repeat 3px 7px; cursor: pointer; cursor:hand}
.vnsBrowseBy li a:hover {color:#6C6B67; background:transparent url('../images/stylesheet/navSelectDownHover.gif') no-repeat 5px 9px}
.vnsBrowseBy div {position: absolute; visibility: hidden; margin: 0; padding: 15px 0; background-color:#000; border-top:1px solid #000; border-left:2px solid #000; border-right:2px solid #000; border-bottom:3px solid #000; filter: alpha(opacity=80); opacity:.80}
.vnsBrowseBy div a, .vnsBrowseBy div a:visited {position:relative; display:block; margin:0; padding:6px 3px 6px 6px; width:135px; white-space:nowrap; text-decoration:none; border-top:1px solid #42413F; color:#FFF; font-weight:bold; background-image:none; text-decoration:none}
.vnsBrowseBy div a:hover {color:#FFF; background: #5E5D5A; background-image:none; text-decoration:none}
.vnsBrowseBy div a.last, .vNavSelectBrowseBy div a.last:visited {border-bottom:1px solid #42413F; background-image:none; text-decoration:none}
.vnsBrowseBy div a.last:hover {border-bottom:1px solid #42413F; background-image:none; text-decoration:none}

div.vnsBrowseByLabelContainer {margin:0 17px}
.vnsBrowseByLabel ul {margin:0; padding:0}
.vnsBrowseByLabel li#bbLabel1 {display:block; font-weight:bold; color:#2D2928; margin:0; padding:3px 0 4px 0; list-style:none; text-align:center; line-height:11px; border-top:1px solid #C7C1B9}
.vnsBrowseByLabel li#bbLabel2 {font-weight:bold; color:#DBD4CA; margin:-14px 0 0 0; padding:0 0 4px 2px; list-style:none; text-align:center; line-height:11px}

/* ============= THIS ENDS THE NEW!!!!!! SELECT AREA STYLES ================= */

/* -- Vertical Left Nav Menu with Span rollover effect -- */
.vNav {width:148px}
.vNav ul {list-style:none; margin:0; padding:0; font-weight:bold}
.vNav li a {height:18px; color:#2D2928; text-decoration:none; background:url('../images/stylesheet/navComboBtn.png'); padding:5px 0 0 10px; display:block; position:relative; text-decoration:none; cursor:pointer}
.vNav li a:visited {color:#2D2928; background: url('../images/stylesheet/navComboBtn.png'); padding: 5px 0 0 10px; display:block; position:relative; text-decoration:none; cursor:pointer}
.vNav li a span, .vNav li a:visited span {display:none; text-decoration:none}
.vNav li a:hover {color: #2D2928; background: url('../images/stylesheet/navComboBtn.png') 0 0; padding: 5px 0 0 10px}
.vNav li a:visited:hover {background: url('../images/stylesheet/navComboBtn.png') 0 0; text-decoration:none}
.vNav li a:hover span, .vNav li a:visited:hover span  {display:block; position:absolute; left:11px; top:6px; color:#EDEBE2; text-decoration:none}
.vNav li.active {height:15px; color:#000; text-decoration:none; background:url('../images/stylesheet/navComboBtn.png') 0 -23px; padding:8px 0 0 12px; display:block; position:relative; cursor:default}
.vNav li.active span {display:block; position:absolute; left:10px; top:5px; color:#EDEBE2}

/* ==== Container Classes for Small Product Display ==== */
div.prdFrameSm {float:left; width:268px; height:192px; padding:10px 7px 0 7px; border-right:1px solid #6A6965; border-bottom:1px solid #6A6965; background:url('../images/stylesheet/contentGradation.jpg') top left repeat-x; background-color:#FFF}
div.prdFrameSmRight {float:left; width:269px; height:192px; padding:10px 7px 0 7px; border-bottom:1px solid #6A6965; background:transparent url('../images/stylesheet/contentGradation.jpg') top left repeat-x; background-color:#FFF}
div.prdFrameSmDivider {clear:left; width:849px; height:0}
div.prdSmColLeft {float:left; width:152px}
div.prdSmColLeft p {margin:5px 0 0 0}
div.smImageBorder {border:1px solid #000; padding:0; width:150px; height:103px; overflow:hidden}
div.prdSmColRight {float:left; width:106px; height:192px; margin-left:10px; position:relative}
div.prdSmColRight p {margin:0 0 3px 0}
div.prdSmColRight p.disc {font-style:italic; font-weight:bold; margin:0 0 3px 0}
div.prdSmColRight p.pnum {font-weight:bold; margin:0 0 8px 0}
div.prdSmColRight p.price {font-weight:bold; margin:0 0 3px 0}
div.prdSmCart {position:absolute; bottom:0; margin:0 0 12px 15px}

/* ==== Generic Containers & Design Elements ==== */
div.floatLeft {float:left}
div.floatRight {float:right}
div.rule {clear:both; height:1px; margin:0 0 10px 0; background-color:#6A6965}

/* ==== Floating Layers ==== */
#qtyTip {position:absolute; top:0; left:0; width:90px; height:55px; background:transparent url('../images/stylesheet/tipPointer.png') no-repeat 7px 42px; visibility:hidden; z-index:5300}
#qtyTipContent {width:84px; height:30px; font-weight:bold; border-top:1px solid #6D6C68; border-right:1px solid #4E4B48; border-bottom:1px solid #4E4B48; border-left:1px solid #6D6C68; padding:5px 3px 5px 3px; _padding:5px 3px 5px 3px; background:#BBBAB2 url('../images/stylesheet/tipFond.jpg') repeat-x}

/* -- Below are the classes for the floating Kit Details and for the floating Add to Cart -- */

/* SHARING THE MASK AND CONTAINERS WITH BOTH SO HEIGHT HAS BEEN REMOVED */
div.windowMask {position:absolute; top:0px; left:0px; width:1000px; height:800px; z-index:4000; background-color:#FFF; visibility:hidden; filter:alpha(opacity=2); opacity:.02}
div.maskFrame {position:absolute; top:0px; left:0px; z-index:5000; visibility:hidden; border:3px solid #000}
div.mask {background-color:#000; filter:alpha(opacity=80);  opacity:.80;  width:650px}
div.ifContainer {position:absolute; top:0px; left:0px; z-index:5005; visibility:hidden; background-color:#FFF; border-left:3px solid #6D6C68; border-right:3px solid #6D6C68; width:550px}
div.ifContainerTopBtmBorder {background:url('../images/stylesheet/kitContainerBorder.png') repeat-x; width:550px; height:21px}
div.if {margin:20px 0 0 20px}
div.textContainer {position:absolute; top:0px; left:0px; z-index:5005; visibility:hidden; background-color:#FFF; border-left:3px solid #6D6C68; border-right:3px solid #6D6C68; width:550px; height:450px}
div.text {margin:20px; height:368px; overflow: auto}
div#imageContainer {position:absolute; top:0px; left:0px; z-index:5006; visibility:hidden; background-color:#FFF; border-left:3px solid #6D6C68; border-right:3px solid #6D6C68; width:550px; height:450px}
/* Image sizes for the landing pages blow-ups - width:510px max-height:348px */
div.image {margin:20px; height:368px; overflow:hidden}

/* ==== Classes for product_detail.html ==== */
div.lgImageBorder {border:1px solid #000; width:350px; height:240px; overflow:hidden; padding:0; margin:0 0 13px 0}
div.productInfo {float:left; width:130px;  padding:10px 10px 0 0; margin:0 0 0 15px}
div.productInfo p {font-size:11px; margin:0 0 3px 0}
div.productInfo p.pnum {font-size:12px; font-weight:bold; margin:0 0 20px 0}
div.productInfo p.price {font-size:12px; font-weight:bold; margin:0 0 20px 0}
div.productInfo p.disc {font-style:italic; font-size:12px; font-weight:bold; margin:0 0 5px 0}
div.productDivider {clear:left; width:500px; height:1px; margin:0 0 10px 0; background-color:#6A6965}
/* class for the v8m  store info header */
div.infoHeader {width:550px; height:86px; background:url('../images/v8models/v8ModelsInfoHeader.jpg') top left no-repeat}

/* == Classes for the add_to_cart.html == */
/* 494px is the MAX WIDTH */
div.atcHeader {width:494px; height:21px; padding:8px 0 0 0; margin:0 0 8px 0; border-top:1px solid #A7A5A1; border-right:1px solid #6A6965; border-bottom:1px solid #6A6965; border-left:1px solid #A7A5A1; background:#D8D7D2; color:#5E5D5B; text-align:center; font-size:12px; font-weight:bold}
table.atc {width:496px}
table.atc tr.header {background-color:#A7A5A0}
table.atc td {vertical-align:top; padding:12px 10px}
table.atc td.header {color:#FFF; font-size:12px; font-weight:bold; height:10px; padding:6px 8px}
table.atc td.description {font-weight:bold; padding:20px 0 0 0}
table.atc td.description h5 {font-size:13px}
table.atc td.info {vertical-align:top; padding:12px 20px; text-align:center}
div.atcCart {width:484px; margin:10px 0 0 0; padding:0 5px 0 5px; border-top:1px solid #6A6965; border-bottom:1px solid #6A6965}
table.atcCart {width:484px}
table.atcCart td {padding:4px 0 4px 0}
table.atcCart td.myCart {padding:4px 10px 4px 10px}
table.atcCart td.cartInfo {color:#6D6C68; font-weight:bold; padding:0 3px 1px 0}

.atcMySC {width:125px}
.atcMySC ul {list-style:none; margin:0; padding:0; font-weight:bold}
.atcMySC li a, .atcMySC li a:visited {height:18px; color:#2D2928; text-decoration:none; background:url('../images/stylesheet/cart.gif') no-repeat 0px 4px; padding:7px 0 0 30px; display:block}
.atcMySC li a:hover, .atcMySC li a:visited:hover {color:#6A6965; background:url('../images/stylesheet/cart.gif') no-repeat 0px -18px; padding: 7px 0 0 30px; display:block}

/* == Classes used throughout the entire checkout process == */
p.coPageTitle {color:#6D6C68; font-size:24px; margin:20px 0 5px 45px}
p.coHeadings {color:#6D6C68; font-weight:bold; font-size:16px; margin-bottom:5px}
div.coTopBtmBorder {background:url('../images/stylesheet/kitContainerBorder.png') repeat-x; width:1000px; height:21px; clear:both}
div.coTop {width:1000px; height:14px; background-color:#A7A5A0; padding:3px 0 4px 0}
div.coBottom {width:1000px; height:14px; background-color:#A7A5A0; margin-top:30px; clear:both}
table.coTop {width:1000px; border-collapse:collapse; }
table.coTop tr.header {background-color:#A7A5A0}
table.coTop td.header {height:27px; color:#FFF; font-size:14px; font-weight:bold; padding:0 0 7px 0}
div.secure {float:right; position:relative; background: url('../images/icons/padlock.gif') no-repeat 0 2px; letter-spacing:1px; color:#FFF; padding:1px 5px 2px 15px; margin-right:40px; cursor:pointer}
div#sslCert{position:absolute; top:20px; left:-14px; width:141px; height:72px; background: url('../images/stylesheet/sslCertFond.png') no-repeat 0 0; overflow:hidden; padding:0 0 0 0}
div.certContainer {padding:0px 8px 8px 17px}
div.coRule {background-color:#A7A5A0; height:2px; margin:20px 0 20px 0; clear:both}
div.coProg {float:right; border-top:2px solid #ADA5A5; font-weight:bold; color:#746F6F; margin:17px 15px 0 0; padding:3px 0 0 0; white-space:nowrap}
div.coProgActive { float:right; border-bottom:2px solid #52524E; background:url('../images/stylesheet/checkoutPointer.gif') no-repeat 0 4px; font-weight:bold; margin:11px 15px 0 0; padding:0 0 3px 7px; white-space:nowrap}
div.coProgCompleted {float:right; border-top:2px solid #ADA5A5; background:url('../images/stylesheet/checkoutCheck.gif') no-repeat 0 7px; font-weight:bold; color:#52524E; margin:17px 15px 0 0; padding:3px 0 0 10px; white-space:nowrap}
div#errorContainer {margin:10px 0 0 330px; display:block}
div.errorIcon {float:left; margin:0 10px 0 0}
div#errorMessages {float:left}
div#errorMessages p {color:#91701F; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0 0 5px 0}
div#errorMessages li {font-family:Verdana, Arial, Helvetica, sans-serif; padding:0 0 1px 11px; background:url('../images/stylesheet/errorBullet.gif') no-repeat 0px .5em}
div#ccAuthErrorContainer {margin:10px 0 20px 460px; display:block}
div.ccAuthErrorIcon {float:left; margin:0 10px 0 0}
div#ccAuthErrorMessages {float:left; width:410px; padding-top:3px}
div#ccAuthErrorMessages p {color:#990000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0 0 5px 0}
div#ccAuthErrorMessages li { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:0 0 1px 11px; background:url('../images/stylesheet/ccAuthErrorBullet.gif') no-repeat 0px .5em}
table.checkoutInfo {border-collapse:collapse}
table.checkoutInfo tr.header {background-color:#A7A5A0}
table.checkoutInfo td.header {height:27px; color:#FFF; font-size:14px; font-weight:bold; padding:0 0 7px 0}
table.checkoutInfo td.fieldLabel {color:#6D6C68; font-size:12px; font-weight:bold; text-align:right; padding:8px 8px 8px 0}
table.checkoutInfo td.fieldLabelError {color:#000; font-size:12px; font-weight:bold; text-align:right; padding:8px 8px 8px 0}
table.checkoutInfo td.input {text-align:left; padding:8px}

/* == Classes specific to the shopping_cart.html == */
div.scImageBorder {border:1px solid #000;padding:0;width:75px;height:52px;overflow:hidden}
table.shoppingCart {width:1000px;border-collapse:collapse}
table.shoppingCart tr.header {background-color:#A7A5A0}
table.shoppingCart td.header {height:27px; color:#FFF; font-size:14px; font-weight:bold; padding:0 0 7px 0}
table.shoppingCart td.product {height:64px; padding:8px 0 8px 0; border-bottom:1px solid #C0C0BD}
table.shoppingCart td.productPrice {height:64px; font-size:12px; padding:8px 0 8px 0; border-bottom:1px solid #C0C0BD}
/* 2 Added classes below for PayPal version of shopping cart */
table.shoppingCart td.orLine {background:url('../images/stylesheet/shoppingCartOrLine.gif') repeat-x 0 10px}
table.shoppingCart td.or {color:#6D6C68; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center; padding:3px 2px 0 2px}
div.scProductName {color:#878784; font-size:12px; font-weight:bold; height:30px; margin:5px 0 10px 10px}
div.scProductNumber {font-weight:bold; margin:0 0 0 10px}
table.scTotal {width:300px; border-collapse:collapse; margin:20px 0 0 60px}
table.scTotal td {height:20px; font-size:12px}
table.scTotal td.bottomRule {height:5px; font-size:1px; border-bottom:1px solid #000}
table.scTotal td.noRule {height:5px; font-size:1px; }
table.scTotal td.total {height:20px; font-weight:bold; padding-top:8px}
div#salesTaxTip {width:117px; height:42px; padding:8px 5px 5px 5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:13px; text-align:center; position:relative; top:0; left:0; _left:-3px; background:url('../images/stylesheet/salesTaxTip.jpg') no-repeat top left}
div#salesTaxTipFond {width:135px; height:58px; position:absolute; background:url('../images/stylesheet/salesTaxTipFond.png') no-repeat top left; visibility:hidden; z-index:1001}

/* == Classes for the shipping_info.html == */
div.shippingLeft {float:left; margin:20px 0 0 130px; _margin:20px 0 0 70px}
div.shippingRight {float:left; margin:20px 0 20px 15px; padding:0 0 0 20px; border-left:1px solid #6D6C68; min-height:370px; height:auto !important; height:370px}
div.requiredInfo {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#6D6C68; margin:10px 0 0 45px}

/* == Classes for the order_review.html == */
div.orderReviewLeft {float:left; margin:20px 0 0 40px; _margin:20px 0 0 20px}
div.orderReviewRight {float:left; margin:20px 0 20px 30px; padding:0 0 0 20px; border-left:1px solid #6D6C68; min-height:340px; height:auto !important; height:340px}
table.orderTotal {border-collapse:collapse; width:210px}
table.orderTotal td {height:15px; vertical-align:top; text-align:right; font-size:12px; padding-right:8px}
table.orderTotal td.label {padding-right:10px}
table.orderTotal td.subtotalLabel {height:16px; font-weight:bold; color:#908F89; padding:4px 10px 3px 0; border-top:1px solid #A5A59C}
table.orderTotal td.subtotal {height:16px; font-weight:bold; color:#908F89; padding:4px 8px 3px 0; border-top:1px solid #A5A59C}
table.orderTotal td.promocodeLabel {height:16px; font-weight:bold; color:#6D6C68; background-color:#E8D7AA; padding:4px 10px 3px 0; border-top:1px solid #A5A59C}
table.orderTotal td.promocodeDiscount {height:16px; font-weight:bold; color:#6D6C68; background-color:#E8D7AA; padding:4px 8px 3px 0; border-top:1px solid #A5A59C}
table.orderTotal td.totalLabel {height:16px; font-weight:bold; padding:4px 10px 0 0; border-top:1px solid #000}
table.orderTotal td.total {height:16px; font-weight:bold; padding:4px 8px 0 0; border-top:1px solid #000}
p.orderReview {font-size:12px; line-height:16px}

/* Promo Code classes */
div#promocode {width:190px; height:135px; background-color:#E8D7AA; border-left:1px solid #BFBFB5; border-top:1px solid #BFBFB5; border-right:1px solid #A5A59C; border-bottom:1px solid #A5A59C; padding:10px}
div#promocode p.pcodeHeading {color:#6D6C68; font-weight:bold; font-size:12px; margin-bottom:10px}
div#promocode p.pcodeText {color:#706F6E; font-size:10px; line-height:12px}
div#promocode p.pcodeApplied {color:#706F6E; font-size:11px; line-height:13px; margin-top:9px}
/* The two different length promocode tips. . . */
div#pcodeShortTip {width:92px; height:25px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; text-align:left; position:relative; top:0; left:0; _left:-3px; background:url('../images/stylesheet/promocodeShortTip.jpg') no-repeat top left}
div#pcodeShortTipFond {width:110px; height:50px; position:absolute; background:url('../images/stylesheet/promocodeShortTipFond.png') no-repeat top left; visibility:hidden; z-index:1000}
div#pcodeLongTip {width:178px; height:25px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; text-align:left; position:relative; top:0; left:0; _left:-3px; background:url('../images/stylesheet/promocodeLongTip.jpg') no-repeat top left}
div#pcodeLongTipFond {width:195px; height:50px; position:absolute; background:url('../images/stylesheet/promocodeLongTipFond.png') no-repeat top left; visibility:hidden; z-index:1001}
/* == Classes for the order_confirmation.html == */
div.ocBorder {width:612px; border:1px solid #A7A5A0; margin:30px auto 10px auto}
table.ocHeader {width:612px}
table.ocHeader td.oc {font-size:14px; font-weight:bold; text-align:center}
div.ocTopBar {border-top:1px solid #A7A5A0; height:8px; line-height:0}
table.ocProducts {width:349px; border:1px solid #A7A5A0}
table.ocProducts tr.header {font-size:12px; font-weight:bold; border-bottom:1px solid #A7A5A0}
table.ocProducts td.header {padding:4px 0}
table.ocProducts td.productImage {padding:4px 4px 4px 10px; color:#6D6C68; font-size:12px; font-weight:bold; border-bottom:1px solid #A7A5A0}
table.ocProducts td.productName {padding:4px; color:#6D6C68; font-weight:bold; border-bottom:1px solid #A7A5A0; width:200px}
table.ocProducts td.productQty {padding:4px; color:#6D6C68; font-size:12px; font-weight:bold; border-bottom:1px solid #A7A5A0}
table.ocProducts td.productPrice {padding:4px; color:#6D6C68; font-size:12px; font-weight:bold; border-bottom:1px solid #A7A5A0; width:70px}
table.ocProducts td.sumLabel {padding:4px; color:#6D6C68; font-size:12px; font-weight:bold}
table.ocProducts td.sum {padding:4px 22px 4px 4px; color:#6D6C68; font-size:12px; font-weight:bold}
p.ocOrderNumber {font-size:12px; font-weight:bold}
p.ocSubHead {border-bottom:1px solid #A7A5A0; font-weight:bold; padding-bottom:3px; margin-bottom:5px}
p.ocStoreMessage {font-size:12px; font-weight:bold; margin:40px 0 0 0}
div.ocPrintContainer {margin:0 auto; width:612px}

/* ==== TYPOGRAPHY ==== */
p.bold { font-weight:bold; }
p.italic { font-style:italic; }
p.fontSize10 { font-size:10px; }
p.fontSize11 { font-size:11px; }
p.fontSize12 { font-size:12px; }
p.fontSize13 { font-size:13px; }
p.fontSize14 { font-size:14px; }
p.fontSize15 { font-size:15px; }
p.fontSize16 { font-size:16px; }
p.fontSize17 { font-size:17px; }
p.fontSize18 { font-size:18px; }
p.fontSize19 { font-size:19px; }
p.fontSize20 { font-size:20px; }
p.marginLeft10 {margin-left:10px; }
p.marginLeft15 {margin-left:15px; }
p.marginLeft20 {margin-left:20px; }
p.marginBottom10 {margin-bottom:10px; }
p.marginBottom15 {margin-bottom:15px; }
p.marginBottom20 {margin-bottom:20px; }

span.bold { font-weight:bold; }

/* THESE ARE USED ON THE SPECIFIC PRODUCT PAGES WHEN THERE ARE NO KITS OF THAT SPECIFIC TYPE TO SHOW OR IF THERE IS A DB ERROR */
p.nullResultsHeader {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; font-weight:bold; color:#6D6C68; margin:30px 0 20px 20px}
p.nullResultsHeader a, p.nullResultsHeader a:visited {color:#6D6C68}
p.nullResultsHeader a:hover {color:#000000}
p.nullResultsInfo {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin:0 0 10px 20px}

/* ==== Classes for the home page and product landing pages ==== */
/* HOME PAGE CLASSES */
div#jsAlert {float:right; height:60px; padding:2px 210px 0 72px; background:url('../images/icons/StopSignIcon.gif') no-repeat top left; display:block}
div#jsAlert p.jsAlertHeader {font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; margin:0 0 1px 0; color:#AF1C22}
div#jsAlert p.jsAlertSubheader {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0 0 3px 0}
div#jsAlert p.jsAlertText {font-family:Arial, Helvetica, sans-serif; font-size:10px; margin:0; color:#5E5D59}

p.editorial {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-weight:normal; line-height:15px; text-align:left; margin:0 15px 8px 15px}
span.dropCap {float:left; color:#CDC9C5; font-size:70px; line-height:55px; padding:2px 6px 0px 0px; font-family: Georgia, Times New Roman, Times, serif; position:relative; left:7px; top:5px}
span.dropCap span {color:#C09729; position:absolute; left:-5px; top:0px}

/* RESINS PAGE CLASSES */
p.resinInfo {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-weight:normal; line-height:16px; text-align:left; margin:0 0 8px 0}