﻿/* GLOBAL SETUP */

body,html
{
    margin: 0; padding: 0;
    font-family: Arial, Tahoma, Helvetica;
    font-size: 12px;
    background:url(../images/site-bg.gif) repeat-x;
}

img {border:0;}

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

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

h1 {width:100%;padding:0;margin:0 0 10px 0;font-family:Palatino;font-size:20px;font-weight:normal;font-variant:small-caps;border-bottom:2px solid #BA2A0E;}
h1 a {text-decoration:none;font-family:Palatino;font-size:20px;font-weight:normal;font-variant:small-caps;color:#000000;}
h2 {width:100%;padding:0;margin:0 0 10px 0;font-family:Palatino;font-size:16px;font-weight:normal;font-variant:small-caps;border-bottom:2px solid #BA2A0E;}
h5 {width:100%;padding:0;margin:0 0 5px 0;font-family:Palatino;font-size:16px;border-bottom:2px solid #BA2A0E;}

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


/* MASTERPAGE */
.siteWrapper {width:100%;height:500px;background:url(../images/site-bg.jpg) no-repeat center top;position:absolute;top:0;}
.siteContainer {width:925px;background:url(../images/site-bg.jpg) no-repeat center top;position:relative;}
.siteContainer .leftBG {background:url(../images/content-bg-left.gif) no-repeat top;}
.siteContainer .rightBG {background:url(../images/content-bg-right.gif) no-repeat top;}
.siteHeader {height:71px;position:relative;}
.siteHeader .logoContainer {width:225px;height:71px;position:relative;}
.siteHeader .logoContainer .logo {position:absolute;top:5px;left:-50px;}
.siteHeader2 {text-align:right;line-height:22px;}
.siteHeader2 a {font-size:11px;color:#6a6a6a;text-decoration:none;}
.siteMenu {height:28px;font-size:0.1em;line-height:0.1em;text-align:right;}
.siteContent {}
.siteFooter {color:#AAAAAA;font-size:10px;}
.siteFooter a {color:#AAAAAA;text-decoration:none;}
.siteFooter .container {width:875px;margin:auto;padding:10px;border-top:2px solid #BA2A0E;text-align:center;}


/* HOMEPAGE */
.homeFlash {width:895px;}
.homeSpotlight {width:895px;}
.homeSpotlight2 {width:915px;height:210px;background:url(../images/home-spotlight-bg.gif) no-repeat;}
.homeSpotlight2Container {width:915px;}
.homeSpotlight2Container .spotlight1 {width:250px;padding:20px 25px 0 30px;}
.homeSpotlight2Container .spotlight2 {width:255px;padding:20px 25px 0 25px;}
.homeSpotlight2Container .spotlight3 {width:250px;padding:20px 30px 0 25px;}
.homeSpotlight2Container .link a {padding-right:10px;font-family:Palatino;font-size:14px;text-decoration:none;color:#000000;background:url(../images/link-bullet.gif) no-repeat right;}


/* CONTENT PAGE */
.pageBanner {width:895px;line-heighT:0.1em;font-size:0.1em;}
.contentArea {width:895px;height:470px;background:url(../images/content-bg.gif) repeat-x #FFFFFF;}
.contentArea .fullWidthPadding {padding:20px 30px;}
.contentArea .spacer {height:10px;font-size:0.1em;line-height:0.1em;}
.contentArea .leftNavArea {width:210px;padding:10px 25px 0 30px;border-right:1px solid #BA2A0E;}
.contentArea .rightContentArea {width:575px;padding:10px 30px 0 25px;}

/* WEB BLOCKS FORM */
.labelColumn {padding:0 10px 5px 0;}
.fieldColumn {padding:0 0 5px 0;}
.textField {width:300px;}
.textArea {width:300px;height:150px;}

/* 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: #BA2A0E; }
.ajaxResult .results { overflow: auto; width: 215px; max-height: 275px; height: auto !important; height: 275px; }
.ajaxResult .item { text-align: center; font-size: 9pt; padding: 5px; }
.ajaxResult .item img {  }

.searchBox {width:180px;margin:0;padding:0;}

/* BROWSE PAGE */
.leftNavArea { width: 210px; margin:0; }
.leftNavArea .onState {padding:0 0 5px 0;font-family:Palatino;font-size:14px;font-weight:normal;font-variant:small-caps;}
.leftNavArea .onState a {text-decoration:none;}
.leftNavArea .offState {padding:0 0 5px 0;font-family:Palatino;font-size:14px;font-weight:normal;font-variant:small-caps;}
.leftNavArea .offState a {color:#000000;text-decoration:none;}
.leftNavArea .offState a:hover {color:#BA2A0E;text-decoration:none;}
.leftNavArea .indented {width:195px;margin:5px 0 0 15px;}
.leftNavArea .backto {color:#BA2A0E;}

.categoryLandingThumb {border-collapse:collapse;}
.categoryLandingThumb .photo {width:140px;height:100px;padding:0 0 0 0;}
.categoryLandingThumb .photo img {border:1px solid #000000;}
.categoryLandingThumb .title {width:100px;height:60px;padding:5px 20px 0 20px;color:#000000;font-family:Palatino;font-size:14px;}
.categoryLandingThumb .title a {color:#000000;text-decoration:none;font-family:Palatino;font-size:14px;}


/* PRODUCT VIEW PAGE */
.categoryTitle {margin:0 0 10px 0;font-family:Palatino;font-size:18px;font-weight:bold;}
.categorySubtitle {font-family:Palatino;font-size:14px;font-weight:bold;}
.MediumPhoto { border: 1px solid #000000; }

.productDetailLink a {padding-right:10px;font-family:Palatino;font-size:14px;font-weight:bold;text-decoration:none;color:#000000;background:url(../images/link-bullet.gif) no-repeat right;}
.productDetailLink2 a {padding-right:10px;font-size:10px;font-weight:bold;text-decoration:none;color:#BA2A0E;background:url(../images/link-bullet.gif) no-repeat right;}


/*
.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; }
