﻿/* GLOBAL SETUP */

body,html
{
    margin: 0; padding: 0;
    font-family: Arial, Tahoma, Helvetica;
    font-size: 11px;
    color:#565656;
    line-height:16px;
}

img {border:0;}

a {color:#aa3232;}
a:hover { color: #565656; }

.font10 {font-size:10px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}

.redFont {color:#aa3232;}

h1 {margin:0 0 10px 0;font-size:14px;font-weight:bold;}

/* MASTERPAGE */
.siteWrapper {width:1022px;}
.siteWrapper .leftColumn {width:189px;height:500px;}
.siteWrapper .rightColumn {width:833px;}
.siteWrapper .footerLeft {width:189px;background:#bdbdbd;border-bottom:1px solid #d4d0c8;}
.siteWrapper .footerMiddle {width:770px;padding:3px 0 3px 24px;color:#FFFFFF;font-size:11px;background:#828282;border-bottom:1px solid #d4d0c8;}
.siteWrapper .footerRight {width:39px;background:#aa3232;border-bottom:1px solid #d4d0c8;}

.siteLogo {width:169px;padding:78px 0 0 20px;font-size:0.1em;vertical-align:bottom;background:#aa3232;}
.siteLogout {text-align:left; padding:0 0 0 40px;}
.siteLogout a {font-weight:bold;text-decoration:none;}

/* HEADERS */
.headerStyle1 {width:833px;height:95px;}
.headerStyle1 .leftSide {width:794px;text-align:right;vertical-align:top;background:#bdbdbd;}
.headerStyle1 .rightSide {width:39px;background:#828282;}

.headerStyle2 {width:833px;height:95px;}
.headerStyle2 .leftSide {width:794px;text-align:right;vertical-align:top;}
.headerStyle2 .rightSide {width:39px;}


/* HOMEPAGE */
.homeLeftNav1 {width:189px;height:65px;background:#aa3232;}
.homeLeftNav2 {width:181px;padding:15px 0 15px 8px;border-top:4px solid #bdbdbd;border-bottom:4px solid #bdbdbd;}
.homeLeftNav2 a {padding:0 0 0 15px;color:#828282;text-decoration:none;margin:10px 0;display:block; background:url(../images/left-nav-bullet.gif) no-repeat;}
.homeLeftNav2 a:hover {text-decoration:underline;}

.homeContainer {width:833px;height:119px;}
.homePhotos {width:794px;height:65px;background:#bdbdbd;float:left;}
.homePhotosSpace {width:39px;height:65px;background:#828282;float:right;}

.homeContainer2 {width:833px;}
.homeContainer2 .loginArea {width:300px;}
.homeContainer2 .textArea {padding:20px 0 0 0;}


/* LEFT NAV ITEMS */
.contentLeftNav1 {width:189px;height:300px;background:#aa3232;}
.contentLeftNavSearch {width:149px;padding:20px;color:#FFFFFF;background:#aa3232;border-bottom:1px solid #c97c7c;}
.contentLeftNavSearch a {color:#FFFFFF;}
.contentLeftNavRed {width:169px;height:137px;padding:15px 0 15px 20px;color:#FFFFFF;background:#aa3232;}
.contentLeftNavRed a {padding:0 0 0 15px;color:#FFFFFF;text-decoration:none;margin:5px 0;display:block;background:url(../images/left-nav-bullet2.gif) no-repeat;}
.contentLeftNavRed a:hover {text-decoration:underline;}
.contentLeftNavGrey {width:181px;padding:0 0 0 8px;border-top:4px solid #bdbdbd;border-bottom:4px solid #bdbdbd;}
.contentLeftNavGrey a {padding:0 0 0 15px;color:#828282;text-decoration:none;margin:10px 0;display:block;background:url(../images/left-nav-bullet.gif) no-repeat;}
.contentLeftNavGrey a:hover {text-decoration:underline;}

/* STATIC CONTENT */
.staticContainer {width:833px;}
.staticContainer .text {width:773px;padding:30px 0 0 60px;}

.welcomeContainer {width:833px;}
.welcomeContainer .text {width:793px;padding:0 0 0 40px;}
.welcomeContainer .newsDivider {margin:10px 0;font-size:0.1em;line-height:0.1em;border-bottom:1px solid #828282;}

.staticArea {width:791px;padding:0 0 0px 41px;margin:0 0 0 1px;}

/* MAIN MENU */
.mainMenu {width:832px;margin:0 0 0 1px;padding:0;border-top:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;border-right:1px solid #bdbdbd;}
.mainMenu a {font-size:14px;color:#828282;text-decoration:none;float:left;display:block;}
.mainMenu a:hover {background:#828282;color:#FFFFFF;}
.mainMenu .menu1off {padding:5px 41px;border-right:1px solid #828282;}
.mainMenu .menu2off {padding:5px 41px;border-right:1px solid #828282;}
.mainMenu .menu3off {padding:5px 41px;border-right:1px solid #828282;}
.mainMenu .menu4off {padding:5px 41px;border-right:1px solid #828282;}
.mainMenu .menu5off {padding:5px 41px;border-right:1px solid #828282;}
.mainMenu .menu6off {padding:5px 40px 5px 40px;}
.mainMenu .menu1on {padding:5px 41px;background:#828282;color:#FFFFFF;border-right:1px solid #828282;}
.mainMenu .menu2on {padding:5px 41px;background:#828282;color:#FFFFFF;border-right:1px solid #828282;}
.mainMenu .menu3on {padding:5px 41px;background:#828282;color:#FFFFFF;border-right:1px solid #828282;}
.mainMenu .menu4on {padding:5px 41px;background:#828282;color:#FFFFFF;border-right:1px solid #828282;}
.mainMenu .menu5on {padding:5px 41px;background:#828282;color:#FFFFFF;border-right:1px solid #828282;}
.mainMenu .menu6on {padding:5px 40px 5px 40px;background:#828282;color:#FFFFFF;}


/* FORM STYLING */
.generalForm td {padding-bottom:4px;}
.textField {height:14px;padding:2px 5px;font-size:11px;}
.dropList {height:20px;font-size:12px;color:#5d5d5d;}

/* MOO FX */
.mooHeader {margin:0 0 3px 0; padding: 5px 0 0 10px; font-weight:bold; background: transparent url(../images/plus.gif) no-repeat scroll left bottom; cursor:pointer;}
.mooHeaderMinus {margin:0 0 3px 0; padding: 5px 0 0 20px; font-weight:bold; background: transparent url(../images/minus.gif) no-repeat scroll left bottom; cursor:pointer;}
.mooHeader .text {padding:4px 10px 0 10px;}
.mooText {}
.mooText .text {padding:5px 10px 15px 10px;}

/* BROWSE PAGE */
.breadcrumb {width:789px;padding:5px 0 5px 42px;margin:0 0 0 1px;border-bottom:1px solid #bdbdbd;border-right:1px solid #bdbdbd;}
.breadcrumb a {color:#565656;}
.categoryHeader {width:791px;padding:15px 0 0px 41px;margin:0 0 0 1px;}
.browseArea {width:832px;margin:0 0 0 1px;}
.categoryThumb {width:271px;margin:2px;border:1px solid #bdbdbd;}
.categoryThumb .photo {height:130px;}
.categoryThumb .text {padding:0 10px 10px 10px;color:#828282;text-decoration:none;font-size:12px;}
.categoryThumb .text a {color:#828282;text-decoration:none;font-size:12px;}

/* VIEW PAGE */
.productViewTable {width:832px;margin:0 0 0 1px;}
.productViewTable .headerStyle {color:#FFFFFF;background:#828282;}
.productViewTable .headerStyle th {padding:5px 0 5px 40px;text-align:left;}
.productViewTable .oddRow {background:#ffffff;}
.productViewTable .evenRow {background:#f1f0f0;}
.productViewTable .oddRow td, .productViewTable .evenRow td {padding:10px 0 10px 40px;text-align:left;border-top:1px solid #bdbdbd;}

/* VIEW DETAIL PAGE */
.tabOn {width:82px;height:21px;padding:7px 0 0 0;font-weight:bold;text-decoration:none;text-align:center;background:url(../images/detail-tab-on.gif) no-repeat;float:left;}
.tabOff {width:82px;height:21px;padding:7px 0 0 0;text-decoration:none;text-align:center;background:url(../images/detail-tab-off.gif) no-repeat;float:left;}

.detailViewTableHeader {margin:0 0 0 1px;padding:5px 0 5px 29px;font-weight:bold;font-size:12px;text-align:left;color:#FFFFFF;background:#5d5d5d;}
.detailViewTable {width:832px;margin:0 0 0 1px;}
.detailViewTable .headerStyle {color:#FFFFFF;background:#828282;}
.detailViewTable .headerStyle th {padding:2px 0 2px 40px;text-align:left;font-weight:normal;}
.detailViewTable .headerStyle th a {color:#d3d3d3;text-decoration:none;}
.detailViewTable .oddRow {background:#ffffff;}
.detailViewTable .evenRow {background:#f1f0f0;}
.detailViewTable .oddRow td, .detailViewTable .evenRow td {padding:5px 0 5px 40px;text-align:left;border-top:1px solid #bdbdbd;}

.detailViewTable .oddRow .formats td, .detailViewTable .evenRow .formats td {border-top:0px;}


/* ADVANCED SEARCH */
.advancedSearchBox {width:833px;margin:0 0 0 1px;background:#f1f0f0;border-top:1px solid #bdbdbd;border-right:1px solid #bdbdbd;}
.advancedSearchBox .padding {padding:10px 0 10px 40px;}

.searchTableHeader {margin:0 0 0 1px;padding:5px 0 5px 40px;font-weight:bold;font-size:12px;text-align:left;color:#FFFFFF;background:#5d5d5d;}
.searchTable {width:832px;margin:0 0 0 1px;}
.searchTable .headerStyle {color:#FFFFFF;background:#828282;}
.searchTable .headerStyle th {padding:2px 0 2px 10px;text-align:left;font-weight:normal;}
.searchTable .headerStyle th a {color:#d3d3d3;text-decoration:none;}
.searchTable .oddRow {background:#ffffff;}
.searchTable .evenRow {background:#f1f0f0;}
.searchTable .oddRow td, .searchTable .evenRow td {padding:5px 0 5px 10px;text-align:left;border-top:1px solid #bdbdbd;}

.searchTable .oddRow .formats td, .searchTable .evenRow .formats td{border-top:0px;}


/* 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 {  }

/* BROWSE PAGE */
.leftNavContainer { width: 150px; margin: 20px 20px 0 0; }
.leftNavContainer .onState { font-weight: bold; padding: 2px 0 4px 0; }
.leftNavContainer .offState { padding: 2px 0 4px 0; }

/* PRODUCT VIEW PAGE */

.categoryTitle { font-size: 14pt; font-weight: bold; }
.categorySubtitle { padding-bottom: 20px; }
.MediumPhoto { border: 1px solid #999999; }
/*
.categoryList { width: 160px; }
.selected { font-weight: bold; }
.PropertyControl { padding: 0 0 10px 0; }
.PropertyControl select { width: 100px; }
.txtQuantity { width: 25px; text-align: center; }
*/

/* 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; }
