/* GLOBAL SETUP */

body,html
{
    margin: 0; padding: 0;
    font-family: Arial, Helvetica, Tahoma;
    font-size: 12px;
    color:#000000;
    background:url(../images/site-bg-lighting.gif) no-repeat top center #EFEFEF;
}

img {border:0;}
table { border-collapse:collapse;}
td {padding:0;margin:0;}

a {color:#000000;}
a:hover { color: #686868; }

.font10 {font-size:10px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}

/* MASTERPAGE */
.siteContainer {width:913px;margin:0 auto;}
.siteLogo {width:614px;font-size:0.1em;line-height:0.1em;}
.siteLanguage {width:188px;font-size:0.1em;line-height:0.1em;}
.siteCatelog {width:111px;font-size:0.1em;line-height:0.1em;}
.siteContent {height:340px;padding:6px;background:#D4D4D4;}
.siteMenu {width:901px;height:30px;font-size:0.1em;line-height:0.1em;border-bottom:1px solid #FFFFFF;}
.siteSpacer {height:7px;line-height:0.1em;font-size:0.1em;}
.siteFooter {height:25px;text-align:center;font-size:11px;color:#909090;border-top:1px solid #b6b6b6;}
.siteFooter a {color:#909090;}


/* HOMEPAGE */
.homeTopSection {width:901px;}
.homeTopSection .navArea {width:198px;vertical-align:top;}
.homeTopSection .flashArea {border-left:1px solid #FFFFFF;vertical-align:top;font-size:0.1em;line-height:0.1em;}
.homeBottomSection {width:913px;margin:20px auto;}
.homeBottomSection .leftColumn {width:500px;padding:10px 25px;line-height:20px;}
.homeBottomSection .rightColumn {width:301px;padding:10px 25px;line-height:20px;border-left:1px solid #b6b6b6;}


/* CONTENT WITH NAV */
.contentWithNav {width:901px;}
.contentWithNav .navArea {width:193px;background:#d4d4d4;vertical-align:top;}
.contentWithNav .spacerArea {width:2px;background:#FFFFFF;line-height:0.1em;font-size:0.1em;}
.contentWithNav .browseArea {width:706px;background:#FFFFFF;vertical-align:top;}
.contentWithNav .browseArea .homeFlash {width:706px;text-align:right;vertical-align:top;font-size:0.1em;line-height:0.1em;}
.contentWithNav .breadcrumb {width:706px;height:31px;background:#d4d4d4;}
.contentWithNav .breadcrumb .link1 {width:500px;padding-left:10px;}
.contentWithNav .breadcrumb .link2 {width:196px;text-align:right;font-size:0.1em;line-height:0.1em;}
.contentWithNav .breadcrumb .link3 {width:166px;padding-right:10px;text-align:right;}
.contentWithNav .contentArea {width:706px;background:#FFFFFF;vertical-align:top;}

.contentBox {width:706px;}
.contentBox .pageHeader {width:510px;height:50px;padding-left:20px;font-size:18px;font-family:Helvetica; font-variant:small-caps;}
.contentBox .additionalLinks {width:176px;}
.contentBox .textArea {padding:0 20px 10px 20px;}



/* BROWSE PAGE */
.categoryLandingThumb {width:179px;margin:20px 0 10px 42px;}
.categoryLandingThumb .photo {width:179px;height:114px;border:0;font-size:0.1em;line-height:0.1em;}
.categoryLandingThumb .title {}

.categoryLandingThumb .colorBlue {background:url(../images/thumb-bg-blue.gif) no-repeat;}
.categoryLandingThumb .colorRed {background:url(../images/thumb-bg-red.gif) no-repeat;}
.categoryLandingThumb .colorForest {background:url(../images/thumb-bg-forest.gif) no-repeat;}
.categoryLandingThumb .colorBrown {background:url(../images/thumb-bg-brown.gif) no-repeat;}
.categoryLandingThumb .colorGrey {background:url(../images/thumb-bg-grey.gif) no-repeat;}
.categoryLandingThumb .colorGreen {background:url(../images/thumb-bg-green.gif) no-repeat;}
.categoryLandingThumb .colorMaroon {background:url(../images/thumb-bg-maroon.gif) no-repeat;}
.categoryLandingThumb .colorTeal {background:url(../images/thumb-bg-teal.gif) no-repeat;}
.categoryLandingThumb .colorYellow {background:url(../images/thumb-bg-yellow.gif) no-repeat;}
.categoryLandingThumb .colorNavy {background:url(../images/thumb-bg-navy.gif) no-repeat;}
.categoryLandingThumb .colorOrange {background:url(../images/thumb-bg-orange.gif) no-repeat;}
.categoryLandingThumb .colorTan {background:url(../images/thumb-bg-tan.gif) no-repeat;}

/* VIEW PAGE */
.productDisplayArea {width:302px;margin:auto;text-align:center;}
.productDisplayArea .MediumPhoto {}
.productInfo {line-height:24px;}
.categoryTitle {font-size: 14px; font-weight: bold; }
.categorySubtitle {}

/* LEFT NAV */
.navContainer {width:193px;}
.navContainer .nav1 {width:193px;background:#005394;border-bottom:1px solid #FFFFFF;}
.navContainer .nav2 {width:193px;background:#b81319;border-bottom:1px solid #FFFFFF;}
.navContainer .nav3 {width:193px;background:#1d5957;border-bottom:1px solid #FFFFFF;}
.navContainer .nav4 {width:193px;background:#8e3a22;border-bottom:1px solid #FFFFFF;}
.navContainer .nav5 {width:193px;background:#8d857a;border-bottom:1px solid #FFFFFF;}
.navContainer .nav6 {width:193px;background:#7b9439;border-bottom:1px solid #FFFFFF;}
.navContainer .nav7 {width:193px;background:#5d0b17;border-bottom:1px solid #FFFFFF;}
.navContainer .nav8 {width:193px;background:#36848e;border-bottom:1px solid #FFFFFF;}
.navContainer .nav9 {width:193px;background:#ea8e21;border-bottom:1px solid #FFFFFF;}
.navContainer .nav10 {width:193px;background:#02243d;border-bottom:1px solid #FFFFFF;}
.navContainer .nav11 {width:193px;background:#ed4624;border-bottom:1px solid #FFFFFF;}
.navContainer .nav12 {width:193px;background:#968374;border-bottom:1px solid #FFFFFF;}
.navContainer .onState {width:172px;padding:5px 5px 5px 0;margin-left:16px;font-weight:bold;font-size:11px;}
.navContainer .offState {width:172px;padding:5px 5px 5px 0;margin-left:16px;font-weight:normal;font-size:11px;}
.navContainer .nav1 .onState, .navContainer .nav1 .offState {border-top:1px solid #3375a9;}
.navContainer .nav2 .onState, .navContainer .nav2 .offState {border-top:1px solid #ce5a5d;}
.navContainer .nav3 .onState, .navContainer .nav3 .offState {border-top:1px solid #628a8c;}
.navContainer .nav4 .onState, .navContainer .nav4 .offState {border-top:1px solid #af7665;}
.navContainer .nav5 .onState, .navContainer .nav5 .offState {border-top:1px solid #b0a99f;}
.navContainer .nav6 .onState, .navContainer .nav6 .offState {border-top:1px solid #a2b476;}
.navContainer .nav7 .onState, .navContainer .nav7 .offState {border-top:1px solid #8e555b;}
.navContainer .nav8 .onState, .navContainer .nav8 .offState {border-top:1px solid #73a8ae;}
.navContainer .nav9 .onState, .navContainer .nav9 .offState {border-top:1px solid #efb063;}
.navContainer .nav10 .onState, .navContainer .nav10 .offState {border-top:1px solid #4f6678;}
.navContainer .nav11 .onState, .navContainer .nav11 .offState {border-top:1px solid #f27e65;}
.navContainer .nav12 .onState, .navContainer .nav12 .offState {border-top:1px solid #b6a89d;}
.navContainer .onState a, .navContainer .offState a {color:#FFFFFF;text-decoration:none;}


/* WEB BLOCKS FORM */
.formTextBox {width:200px;}
.formTextArea {width:200px;height:150px;}
.labelColumn {width:200px;padding:2px 10px 2px 0;}
.fieldColumn {width:220px;padding:2px 0;}


/* FAQ - MOO FX */
.mooHeader {font-weight:bold;margin:0 0 2px 0;cursor:pointer;}
.mooHeader:hover {color:#686868;cursor:pointer;}
.mooText {margin:0 0 14px 12px;}

/* SALES REP LOCATOR */
.hidden { display: none; }
.unhidden { display: block; }


/* COLOR CHART */
.greyHeader {width:656px;padding:5px;margin:10px 0 20px 0;font-weight:bold;color:#3a3a3a;font-size:14px;background:#d4d4d4;}
.colorTable {width:100%;}
.colorTable td {padding:0 20px 20px 20px;}


/* inStock */
.inStockTable {width:666px;}
.inStockTable td {width:179px;padding:0 15px 15px 15px;font-size:10px;vertical-align:top;text-align:center;}
.inStockTable .name {font-family:Tahoma;font-size:14px;}
.inStockTable .description {padding:15px 15px 5px 15px;}


/* CHECKOUT */
/* is used for all input fields */
input.inputBox { width: 220px; font-family: Arial; font-size: 10pt; }
select.inputBox { width: 224px; font-family: Arial; font-size: 10pt; }
textarea.inputBox { width: 220px; font-family: Arial; font-size: 10pt; }

/* AJAX SEARCH FUNCTION */
.ajaxResult { width: 215px; max-height: 300px; height: auto !important; height: 300px; position: absolute; left: 0; top: 25px; border: 1px solid black; background-color: white;  }
.ajaxResult .close { text-align: right; background-color: #EEEEEE; font-size: 10pt; padding: 5px; }
.ajaxResult .close a { color: Blue; }
.ajaxResult .results { overflow: auto; width: 215px; max-height: 275px; height: auto !important; height: 275px; }
.ajaxResult .item { text-align: center; font-size: 9pt; padding: 10px; }
.ajaxResult .item img {  }



/* CATEGORY PAGE */

.product { padding: 10px; text-align: center; }
.product img { border: 1px solid Gray; }

/* CART PAGE */

.cartPage { width: 600px; }
.cartHeader { font-size: 16px; font-weight: bold; }
.cartControl {  }
.cartControl .removeColumn { width: 35px; text-align: center; }
.cartControl .quantityColumn { width: 60px; text-align: center; }
.cartControl .nameColumn { width: 350px; }
.cartControl .unitPriceColumn { width: 60px; }
.cartControl .totalPriceColumn { width: 60px; text-align: right; }

.enterDiscount { padding-top: 40px; }
.enterDiscount .discountBox { width: 100px; }
.keepShopping { position: absolute; top: 65px; left: 470px; }
.checkoutButton { position: absolute; top: 100px; left: 470px; }

/* CHECKOUT PAGE */

.checkoutHeader { font-size: 16px; font-weight: bold; margin-bottom:10px;}
.checkoutSubHeader { font-size: 14px; font-weight: bold; margin-bottom:5px;}
.checkoutChange a {font-size:10px;font-weight:normal;}

.checkoutArea .expDate { width: 100px; }
.checkoutArea .securityCode { width: 50px; }
.checkoutArea .cardError { color: Red; }
.checkoutArea .comments { width: 300px; }
.loginOption { padding: 15px;  }
.validation { padding-left: 15px; }
.blackTab { background-color: Black; color: White; padding: 2px 2px 2px 10px; width: 200px; }

.checkoutCartControl .cartBox { margin: 10px; padding: 5px; background-color: #EEEEEE; }
.checkoutCartControl .cartBox .productName { }
.checkoutCartControl .cartBox .properties { padding: 0px 0px 5px 95px; }
.checkoutCartControl .cartBox .discount { text-align: right; padding-right: 10px; color: Red; }
.checkoutCartControl .cartBox .cartTotal { text-align: right; border-top: 1px solid black; padding-right: 10px; }