/* GLOBAL SETUP */

body,html
{
    margin: 0; padding: 0;
    font-family: Trebuchet, Arial, Tahoma, Helvetica;
    font-size: 12px;
    color:#bfc7e3;
    background:#000000;
}

img {border:0;}

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

a {color:#30365a;}
a:hover { color: #554b2d; }

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

h1 {margin:0 0 15px 0;padding:0;font-size:16px;font-weight:bold;}
h2 {margin:0 0 15px 0;padding:4px 0;font-size:14px;font-weight:bold;border-bottom:1px solid #9f9e9e;border-top:1px solid #9f9e9e;}

/* MASTERPAGE */
.siteHeader {width:100%;height:106px;margin:0 auto;font-size:0.1em;line-height:0.1em;}
.siteHeader .logoArea {width:948px;height:106px;}
.siteMenu {width:100%;height:38px;margin:0 auto;font-size:0.1em;line-height:0.1em;background:url(../images/site-bg-nav.gif) no-repeat center;}
.siteMenu .menuArea {width:948px;height:38px;background:url(../images/site-bg-nav.gif) no-repeat center;}
.siteMenu .menuArea .searchArea {padding:0 20px 0 0;font-size:11px;line-height:normal;color:#9095c4;}
.siteContent {width:100%;margin:0 auto;background:url(../images/site-bg-content.jpg) no-repeat top center;overflow:auto;}
.siteContent .contentArea {width:948px;height:600px;background:url(../images/site-bg-content.jpg) no-repeat top center;}
.siteContent .contentArea .leftColumn {width:249px;padding:8px 0 0 0;}
.siteContent .contentArea .rightColumn {width:699px;}
.siteContent .contentArea .rightColumn .taglineAndLinks {width:699px;height:42px;color:#30365a;}
.siteContent .contentArea .rightColumn .taglineAndLinks a {font-size:11px;}
.siteContent .siteFooter {padding-top:15px;color:#554b2d;font-size:11px;text-align:center;}
.siteContent .siteFooter a {text-decoration:none;}
.siteContent .siteFooter .copyright {color:#30365a;font-size:11px;}


/* LEFTNAV */
.categoryMenu {width:200px;margin:0 17px 0 32px;}
.categoryMenu .text {padding:5px 0;border-bottom:1px dotted #303547;}
.onState a {color:#ead07f;text-decoration:none;}
.offState a {color:#bfc7e3;text-decoration:none;}
.onState a:hover, .offState a:hover {color:#ead07f;}

.leftNav {width:200px;margin:0 17px 0 32px;}

.leftNav .onState {padding:6px 0 0 20px;color:#ffffff;font-weight:bold;text-decoration:none;background:url(../images/left-nav-on-bg.gif) no-repeat left top; border-bottom:1px dotted #303547;}
.leftNav .offState {padding:6px 0;color:#bfc7e3;text-decoration:none;border-bottom:1px dotted #303547;}
.leftNav .onState a {color:#ffffff;text-decoration:none;}
.leftNav .offState a {color:#bfc7e3;text-decoration:none;}

.leftNav .indented {margin-top:10px;}
.leftNav .indented .onState {padding:2px 0;color:#ffffff;font-weight:bold;text-decoration:none;border:none;background:url(../images/left-nav-on-bg-clear.gif) no-repeat;}
.leftNav .indented .offState {padding:2px 0;color:#ead07f;text-decoration:none;font-weight:normal;border:none;background:url(../images/left-nav-on-bg-clear.gif) no-repeat;}
.leftNav .indented .onState a {color:#ffffff;text-decoration:none;}
.leftNav .indented .offState a {color:#ead07f;text-decoration:none;}

.leftNav .indented .indented {margin-top:0px;}
.leftNav .indented .indented .onState {padding:2px 0 0 15px;color:#ffffff;font-weight:normal;text-decoration:none;border:none;background:url(../images/left-nav-on-bg-clear.gif) no-repeat;}
.leftNav .indented .indented .offState {padding:2px 0 0 15px;color:#ead07f;text-decoration:none;font-weight:normal;border:none;background:url(../images/left-nav-on-bg-clear.gif) no-repeat;}
.leftNav .indented .indented .onState a {color:#ffffff;text-decoration:none;}
.leftNav .indented .indented .offState a {color:#ead07f;text-decoration:none;}

.leftNav a:hover {color:#ffffff;text-decoration:none;}
.leftNav .indented a:hover {color:#ffffff;text-decoration:none;}
.leftNav .indented .indented a:hover {color:#ffffff;text-decoration:none;}


/* HOMEPAGE */
.homeSpotlightTop {width:699px;height:8px;line-height:0.1em;font-size:0.1em;background:url(../images/home-spotlight-top.gif) no-repeat;}
.homeSpotlightSpan {width:699px;background:url(../images/home-spotlight-span.gif) repeat-y;}
.homeSpotlightSpan .spotlightContainer {width:657px;margin:5px 20px;line-height:18px;}
.homeSpotlightSpan .spotlightContainer .spotlight1 {width:320px;}
.homeSpotlightSpan .spotlightContainer .spotlight2 {width:320px;}
.homeSpotlightSpan .spotlightContainer .spacer {width:17px;}
.homeSpotlightBottom {width:699px;height:8px;line-height:0.1em;font-size:0.1em;background:url(../images/home-spotlight-bottom.gif) no-repeat;}


/* CONTENT PAGE */
.contentContainer {width:699px;}
.contentContainer .submenu {height:40px;background:url(../images/submenu-bg.gif) no-repeat;}
.contentContainer .span {height:453px;padding:20px 40px;line-height:18px;background:url(../images/content-bg-span.gif) repeat-y;}
.contentContainer .span a {color:#bfc7e3;}
.contentContainer .span a:hover {color:#ffffff;}

.contentContainer .bottom {height:10px;line-height:0.1em;font-size:0.1em;background:url(../images/content-bg-bottom.gif) no-repeat;}

.submenuOn {width:163px;height:22px;padding:10px 0 0 0;text-align:center;background:url(../images/submenu-on.gif) no-repeat;display:block;float:left;}
.submenuOn a {color:#ead07f;font-size:14px;text-decoration:none;}
.submenuOff {width:163px;height:22px;padding:10px 0 0 0;text-align:center;background:url(../images/submenu-off.gif) no-repeat;display:block;float:left;}
.submenuOff a {color:#54577d;font-size:14px;text-decoration:none;}


/* WEB BLOCK FORM */
.contactForm {margin-top:40px;}
.textField {width:190px;}
.textArea {width:190px;height:100px;}
.labelColumn {width:200px;padding:0 0 5px 0;}
.fieldColumn {width:60px;padding:0 0 5px 0;}

/* STORE PAGE */
.storeContainerSpan {width:699px;height:493px;color:#000223;line-height:18px;background:url(../images/store-bg-span.gif) repeat-y;}
.storeContainer {width:699px;height:493px;color:#000223;line-height:18px;background:url(../images/store-bg-top.gif) no-repeat;}
.storeContainer a {color:#000223;}
.storeContainer .padding {padding:20px;}
.storeContainerBottom {width:699px;height:10px;line-height:0.1em;font-size:0.1em;background:url(../images/store-bg-bottom.gif) no-repeat;}

.categoryThumb {width:145px;margin:10px;}
.categoryThumb .photo {width:120px;padding:5px 10px;border:0;font-size:0.1em;line-height:0.1em;}
.categoryThumb .title {width:120px;padding:5px 10px;text-align:center;}

.relatedProducts {margin-top:25px;}
.purchaseChoice {background:#9f9e9e;color:#FFFFFF;}
.listRow {border-top:1px solid #9f9e9e;padding:5px 0;}
.categoryThumb2 {width:145px;margin:9px;}
.categoryThumb2 .photo {width:120px;padding:5px 10px;border:0;font-size:0.1em;line-height:0.1em;}
.categoryThumb2 .title {width:120px;padding:5px 10px;text-align:center;}

.breadcrumbs {width:659px;padding:20px 0 10px 0;margin:auto;color:#777cae;}
.breadcrumbs a {color:#777cae;}
.pagination {width:639px;padding:5px 10px 6px 10px;margin:auto;text-align:right;background:url(../images/pagination-bg.gif) repeat-x top;}
.pagination a {font-size:11px;}

/* CHECKOUT */
/* is used for all input fields */
input.inputBox { width: 180px; font-family: Arial; font-size: 10pt; }
select.inputBox { width: 184px; font-family: Arial; font-size: 10pt; }
textarea.inputBox { width: 180px; 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 */
.storeViewContainer {width:659px;background:url(../images/detail-line-bg.gif) repeat-x top;}
.categoryTitle { font-size: 14px; font-weight: bold; color:#202444; }
.categorySubtitle { padding-bottom: 20px; }
.largeImg {padding-top:1px;}
.viewThumbnail {float:left;margin:6px;border: 1px solid #bcbcbc; }
.MediumPhoto {}
/*
.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: 659px; }
.cartHeader { font-size: 14px; margin-bottom:10px;font-weight: bold;background:url(../images/detail-line-bg.gif) repeat-x bottom;}
.cartControl {}
.cartControl td {padding:3px 0;}
.cartControl .removeColumn { width: 40px; text-align: center; }
.cartControl .quantityColumn { width: 60px; text-align: center; }
.cartControl .nameColumn { width: 399px; }
.cartControl .unitPriceColumn { width: 80px; text-align: right;}
.cartControl .totalPriceColumn { width: 80px; 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 {margin-bottom:10px; font-size: 14px; font-weight: bold;background:url(../images/detail-line-bg.gif) repeat-x bottom;}
.checkoutSubHeader { font-size: 12px; 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; }

.checkoutTwoColumn {width:659px;}
.checkoutTwoColumn .column1 {width:310px;}
.checkoutTwoColumn .column2 {width:319px;padding:0 0 0 40px;}

.checkoutForm td {padding-bottom:3px;}
.checkoutForm .formLabel {width:120px;}