/* GENERAL TABLE ELEMENTS: BEGIN */

.susanna { font-size: 140%; font-weight: bold; color: Black; }

body { /*background: #3f5877 url(../_img/background.jpg) repeat-x; background: #ece9d8 url(../_img/background.jpg) repeat-x;*/ text-align: center; padding: 0; margin: 0 0 0 0; height: 100%; }
body, td { font: 12px/1.4 "Lucida Grande" , lucida, arial, verdana, helvetica, sans-serif; }
p, td p { font-size: 100%; margin: 0 0 10px; }
form { padding: 0; margin: 0; }
img { display: inline; padding: 0; border: 0; margin: 0; }
select { font-size: 100%; }
.border { border: solid 1px; }
.inline, .form img { display: inline; }
a, a:visited { color: Blue; font-size: 100%; text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { font-size: 120%; font-weight: bold; margin: 0; padding: 0; }
h4 { color: #BA5915; }
h5 { color: #3F5877; }
tr, td, th { vertical-align: top; }

/* GENERAL TABLE ELEMENTS: END */

/* HEADER FOOTER ELEMENTS: BEGIN */
#header, #frame { background: #fff; float: left; width: 1000px; text-align: left; padding: 0; margin: 0; }
#header-logo { float: left; width: 400px;}
#header-info, #footer-info { float: right; font-size: 90%; color: #7c7c7c; margin: 0; padding: 0; text-align: right; width: 550px; }
#header-info a, #footer-info a { color: #7c7c7c; }
#header-info ul, #footer-info ul { list-style: none; padding: 0; margin: 0; text-align: right; }
#header-info ul li, #footer-info ul li { border-left: solid 1px #7c7c7c; display: inline; padding: 0 10px 0 10px; margin: 0; }
#header-tabs { float: left; width: 100%; height: 31px; line-height: 31px;}
#header-search { color: #fff; float: left; width: 400px; padding-top: 3px; }
#header-search input { font-size: 90%; }
#footer-info { width: 960px; padding: 20px; }
/* HEADER FOOTER ELEMENTS: BEGIN */

/* NAVIGATION: BEGIN */
#header-tabs ul { list-style: none; padding: 0; margin: 0;}
#header-tabs li { float: left; padding: 0; margin: 0; background: url(../_img/middle-tab.gif) left top repeat-x;}
#header-tabs li:hover { float: left; margin: 0; background: url(../_img/middle-tab-hover.gif) left top repeat-x; }
#header-tabs a {color: #fff; background: url(../_img/left-tab.gif) left top no-repeat; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none; padding-left: 25px; }
#header-tabs a span { background: url(../_img/right-tab.gif) right top no-repeat; padding-right: 25px; }
#header-tabs a, #header-tabs a span { display: block; float: left; }
/* Hide from IE5-Mac \*/
#header-tabs a, #header-tabs a span { float: none; }
/* End hide */
#header-tabs a:hover { color: #432A20; background: url(../_img/left-tab-hover.gif) left top no-repeat; padding-left: 25px; }
#header-tabs a:hover span { background: url(../_img/right-tab-hover.gif) right top no-repeat; }

#header-tabs li.active { float: left; margin: 0; background: url(../_img/middle-tab-hover.gif) left top repeat-x; }
#header-tabs li.active a {color: #432A20; background: url(../_img/left-tab-hover.gif) left top no-repeat; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none; padding-left: 25px; }
#header-tabs li.active a span { background: url(../_img/right-tab-hover.gif) right top no-repeat; }

.section {float:left; border: solid 1px #575a5b; }
#navigation p a  {color: #4B3E2D; font-size: 90%; font-weight: normal;}
#navigation a {color: #4B3E2D;}
#navigation .spacer10 {height: 10px;}
#navigation .mnu-div-shadow { float: left; width: 196px; background: #fff;border-left: solid 1px #4B3D2C;border-top: solid 0px #999999;border-right: solid 2px #4B3D2C;border-bottom: solid 2px #4B3D2C;height: auto; padding-bottom: 3px; margin-bottom: 20px; height: auto; }

.category { background: #CCBA9E; color: #4B3D2C !important; border-top: 1px solid #4B3D2C; border-bottom: 1px solid #4B3D2C; font-weight:bold; font-family: Tahoma; font-size: 100%; color: #4d4e6d; height:21px; line-height: 21px; text-align: left; padding-left: 5px;}
.category a {color: #4B3D2C; text-decoration: none;}
.subcategory { background: #fff;font-weight:normal; font-family: Arial; color: #003366; text-align: left; padding: 0;}
.subcategory a {color: #003366; text-decoration: none; display:inline-block; width: 175px; padding-left: 5px;}
.subcategory a:hover {background: #D3CABA;}
.innerBox {background: #fff; height: auto; max-height: 100px; min-height: 50px; width: 195px;overflow:scroll; overflow-x: hidden; overflow-y: scroll; padding: 5px 0 5px 0;}


#bottom-menu { float: left; width: 100%; color: #7c7c7c; }
#bottom-menu td { border-right: dotted 1px #7c7c7c; }
#bottom-menu ul { list-style: none; padding: 0; margin: 0; }
#bottom-menu .sections { color: #fff; border-top: solid 1px #eb5b13; border-bottom: solid 1px #eb5b13; background: #ba5915; font-weight: bold; text-transform: lowercase; margin: 0; padding: 3px 0 3px 15px; }
#bottom-menu .sections a {color: #fff; text-decoration: none;}
#bottom-menu li { margin: 0; padding: 2px 0 2px 10px; }
#bottom-menu li a { color: #511B00; text-decoration: none; }
/* NAVIGATION: END */

/* CONTENT ELEMENTS: BEGIN */
#content-area, #content-area-all { float: left; width: 710px; margin: 50px 20px 0 20px; padding: 0 0 40px 0; }
#content-area-all { float: left; width: 960px; }
#content-area h1, #content-area-all h1 { background: url(../_img/taglinesmall_bk.gif) top left no-repeat;  color: #fff; font-size: 140%; text-align: left; padding-left: 15px; margin: 0 0 10px 0; float: left; width: 710px; height: 35px; line-height: 35px; }
#content-area-all h1 {background: url(../_img/tagline_bk.gif) top left no-repeat;  color: #fff; font-size: 140%; text-align: left; padding-left: 15px; margin: 0 0 10px 0; float: left; width: 954px; height: 35px; line-height: 35px; }
#content-area h2, #content-area-all h2 { color: #B79F7E; font-weight: bold; font-size: 110%; margin: 0; padding: 0; float: left; width: 710px; }
#content-area-all h2 { width: 960px; }
#content-area h3, #content-area-all h3 { color: #BA5915; font-weight: bold; font-size: 120%; margin: 40px 0 20px; padding: 0; border-bottom: solid 1px #BA5915; }

.content-area, .content-area-all { float: left; width: 710px; margin: 50px 20px 0 20px; padding: 0 0 20px 0; }
.content-area-all { float: left; width: 960px; }
.content-area h1, .content-area-all h1 { background: url(../_img/taglinesmall_bk.gif) top left no-repeat;  color: #fff; font-size: 140%; text-align: left; padding-left: 15px; margin: 0 0 10px 0; float: left; width: 710px; height: 35px; line-height: 35px; }
.content-area-all h1 {background: url(../_img/tagline_bk.gif) top left no-repeat;  color: #fff; font-size: 140%; text-align: left; padding-left: 15px; margin: 0 0 10px 0; float: left; width: 954px; height: 35px; line-height: 35px; }
.content-area h2, .content-area-all h2 { color: #000; font-weight: bold; font-size: 110%; margin: 0; padding: 0; float: left; width: 710px; }
.content-area-all h2 { width: 960px; }
.content-area h3, .content-area-all h3 { color: #BA5915; font-weight: bold; font-size: 120%; margin: 40px 0 20px; padding: 0; border-bottom: solid 1px #BA5915; }

.feature { float: left; text-align: left; margin: 0; padding: 0; list-style: none; width: 100%; }
.feature li { font-size: 90%; padding: 4px 10px; border-bottom: solid 1px #c9c9c9; }
.feature li a { text-decoration: none; }
.feature-header { color: #900; font-size: 120%; font-weight: bold; margin: 0; padding: 0; }
#popular { background: #f9e7cd; border: solid 1px #c9c9c9; float: left; padding: 0; margin: 0 0 0 0; width: 710px; }
#popular-inside { padding: 10px; }
#popular-inside img { width: 200px; }
#popular-inside td { text-align: center; margin-right: 10px; }
#popular p { font-size: 110%; }
.img-shadow { float: left; background: url(../_img/shadowAlpha.png) no-repeat bottom right !important; background: url(../_img/shadow.gif) no-repeat bottom right; margin: 7px 0 0 7px !important; margin: 10px 0 0 5px; height: auto; }
.img-shadow img { display: block; position: relative; background-color: #ffffff; border: 1px solid #a9a9a9; margin: -3px 3px 3px -3px; padding: 0px; }

.bkgrad {background: #fff url(../_img/bkgrad.gif) top left repeat-x; border: solid 1px #A2A2A2; padding: 10px;}
.paging { background: #D3CABA; float: left; width: 710px; padding: 5px 0; margin: 10px 0; }
.product-list { float: left; width: 710px; text-align: center; }
.product-categories { float: left; color: #990000; margin-left: 10px; }
.ordernow { border: solid 1px black; background: #920000; margin: 5px auto 0 auto; width: 75px; }
.ordernow a { color: White; font-weight: bold; font-family: Tahoma; font-size: 90%; text-decoration: none; margin: 0; padding: 0; }
.product-description {
	max-height: 300px;
	overflow:auto; overflow-x: hidden; overflow-y: scroll;
}

#product-details-img { float: left; width: 425px; }
.product-details-matching { float: left; width: 200px; margin-left: 25px; }
#product-details { float: right; width: 250px; margin: 0; }
#product-details-addtocart { border-top: 1px #665947 solid; border-bottom: 1px #665947 solid; margin-top: 20px; padding: 20px 0; }
#recommend { float: left; width: 500px; border: 1px Solid Gray; margin: 0 0 10px; }
#ctl00_pgBody_shRelated_dgRelatedProducts td { padding: 0 15px; }

#product-details-img-checkout { float: left; width: 225px; }
#product-details-checkout { float: right; width: 650px; margin: 0; }
.instructions { margin-top: 10px; font-weight: bold; font-style: italic; font-size: 120%; text-decoration: underline; }
.checkout-headers { font-size: 130%; font-weight: bold; color: #BA5915; margin-bottom: 15px; }

.help-links { cursor: pointer; }
.outerdiv { float: left; width: 100%; }
.label { font-weight: bold; text-align: right; font-size: 100%; white-space: nowrap; }
.input { text-align: left; width: 100%; padding-left: 10px; }
.shoppingcart { border: 1px solid black; }
.shoppingcart .header { background: #CCBA9E; color: #4B3D2C; text-align: center; font-weight: bold; vertical-align: top;}
.shoppingcart .header td { background: #CCBA9E; font-size: 110%; font-weight: bold; vertical-align: top; }
.shoppingcart .footer { background: #CCBA9E; color: #4B3D2C; text-align: center; font-weight: bold; }
.shoppingcart .footer td { background: #CCBA9E; font-size: 100%; font-weight: bold; }
.shoppingcart .on { background: White; }
.shoppingcart .off { background: White; }
.shoppingcart td p, .shoppingcart td { font-size: 100%; background: #F3EACE;}
.contactinfopad { padding: 10px; font-size: 120%; text-align: center; }
.shipestimate {border: 1px solid black; width:148px; background:#fff;}
.shippinglist {font-size:95%;}
.zebra { border: 1px solid black; }
.zebra a { font-size: 100%; }
.zebra .header { background: #D3CABA; border-bottom: 1px solid black; text-align: center; font-weight: bold; }
.zebra .header td { font-size: 110%; font-weight: bold; }
.zebra td { border: 1px solid black; }
.zebra .on { background: #E9E2C4; }
.zebra .off { background: #FAF1DB; }
.zebra td p, .zebra td { font-size: 100%; }
.quantity { text-align: center; }
.price { text-align: right; }
.grids { border: 1px solid black; }
.grids .header { background: #D3CABA; border-bottom: 1px solid black; text-align: center; font-weight: bold; }
.grids .header td { font-size: 110%; font-weight: bold; }
.grids td { border: 1px solid black; }
.grids .on { background: #E9E2C4; }
.grids .off { background: #FAF1DB; }
.btn-space-right50 { margin-right: 50px; }
.btn-space-right25 { margin-right: 25px; }
.btnback { color: #8A4F00; background: #D3CABA; cursor: pointer; }
.btnnext { color: White; background: #BA5915; cursor: pointer; }
.step-active, .step-inactive { color: Black; text-align: center; }
.step-active { color: #BA5915; }
.hinttext { color: #797777; }
#buttons-bottom, #buttons-top { float: left; width: 100%; text-align: right; }
#buttons-bottom { border-top: solid 1px #BA5915; margin-top: 10px; padding-top: 10px; }

#summary-billing, #summary-shipping { float: left; width: 40%; padding: 10px 10px 10px 10px; margin: 0 10px 20px 0; border: solid 1px Gray; }
#summary-billing h5, #summary-shipping h5 { font-size: 120%; }
#summary-detail, #paymentinfo, #salestax, #summary-promo, #shipchoice, #ctl00_pgBody_shipchoice { float: left; width: 100%; }
#summary-promo .label, #summary-promo input, #shipchoice input, #ctl00_pgBody_shipchoice input { font-size: 100%; }
#summary-promo { float: left; margin-top: 10px; }
#summary-promo td, #shipchoice td, #ctl00_pgBody_shipchoice td { width: auto; }
#summary-promo .label { color: Green; font-weight: bold; }
#summary { float: left; width: 100%; padding: 0; margin: 0; }
#summary h3, #paymentinfo h3, #shipchoice h3, #ctl00_pgBody_shipchoice h3 { text-align: center; }
#summary .form { text-align: right; width: 100%; }
#summary .label, #shipchoice .label, #ctl00_pgBody_shipchoice .label { font-weight: normal; text-align: right; font-size: 110%; width: 85%; }
#summary .price { font-weight: bold; text-align: right; font-size: 110%; width: 85%; }
#summary-detail { float: left; width: 100%; }


.account-section { background: #fff; color: Black; float: left; display: inline; width: 180px; height: 100px; }
.account-sectionheader { background: #F0EDDF; font-size: 100%; font-weight: bold; text-align: center; }
.account-sectionheader a { text-decoration: underline; }
.account-sectionbody {padding: 5px; }
.bordertop { border-top: solid 1px #947E62; }
.borderleft { border-left: solid 1px #947E62; }
.borderright { border-right: solid 1px #947E62; }
.borderbottom { border-bottom: solid 1px #947E62; }

/* CONTENT ELEMENTS: BEGIN */

/* -------------------- HELP ELEMENTS: END ------ebeab5-------------- */
/*
    f2f3f5 - yahoo color - border a5b2bd

    ffffee - google color
*/
#helpDiv { position: absolute; background: #ffffee; overflow: auto; border-left: solid 1px #000; border-top: solid 1px #000; border-right: solid 3px #000; border-bottom: solid 3px #000; margin: 10px 0 0 5px !important; color: #000; top: 0; width: 150px; /*Default width of hint.*/ padding: 0 30px 20px 20px; font: normal 12px Verdana; line-height: 18px; z-index: 100; visibility: hidden; }
#helpDiv a { color: Blue; }
#help-div-container { padding: 15px; }
#help-div-container p { padding: 5px 0 5px 0; text-align: left; }
.help-title { font-size: 120%; font-weight: bold; text-align: center; text-decoration: underline; text-align: center !important; }
.rtop, .rbottom { display: block; }
.rtop *, .rbottom * { display: block; height: 1px; overflow: hidden; }
.r1 { margin: 0 5px; }
.r2 { margin: 0 3px; }
.r3 { margin: 0 2px; }
.r4 { margin: 0 1px; height: 2px; }
.rs1 { margin: 0 2px; }
.rs2 { margin: 0 1px; }

/* -------------------- HELP ELEMENTS: END -------------------- */

/* -------------------- PREVIEW: BEGIN -------------------- */


#ctl00_pgBody_BizPreviewBody {	
	border: solid 1px black;	
  position: relative;
  width: 760px;
  height: 315px;  
}

#ctl00_pgBody_BizPreviewCustomer, #ctl00_pgBody_BizPreviewBank, #BizPreviewSeq, #BizPreviewMicr, #ctl00_pgBody_BizLine1, #ctl00_pgBody_BizLine2,
#ctl00_pgBody_BizPreviewTransit ,#ctl00_pgBody_BizOverSig {  
  position: absolute; 
  Top: 20px;  
}

#ctl00_pgBody_BizPreviewTransit{    
  left: 450px;   
}

#ctl00_pgBody_BizOverSig{    
  left: 450px; 
  top: 190px;  
  font-size:80%;
}

#ctl00_pgBody_BizPreviewCustomer {  
  left: 50px;   
}

#ctl00_pgBody_BizLine1 {
	border-bottom: solid 1px black;
	top: 140px;
	left: 95px;
	width: 650px;
}

#ctl00_pgBody_BizLine2 {
	border-bottom: solid 1px black;
	top: 180px;
	left: 40px;
	width: 705px;
}

#ctl00_pgBody_BizPreviewBank { 
  left: 350px;   
}
#BizPreviewSeq {  
  left: 700px;  
  font-size: 140%;
  font-weight: bold; 
  text-align: right;
}

#BizPreviewMicr {  
  position: absolute;
  Top: 275px; 
  height: 33px; 
  left: 0; 
  width: 100%; 
  font-size: 100%; 
}

#BizPreviewMicr img, .BizPreviewMicrCheck img
{
	display: inline;
	width: 14px;
}

.BizPreviewHelvetica, .BizPreviewTimesNewRoman {
  font-weight: bold;
  font-size: 8px;
  color: Black;
}

.BizPreviewHelvetica {  
  font-family: Helvetica;
}
.BizPreviewTimesNewRoman  {  
  font-family: Times New Roman;
}

.BizPreviewMicrCheck {   
  left: 75px; 
  Top: 0px;  
}
.PreviewMicrPersonal {  
  position: absolute;
  left: 75px; 
  Top: 15px;  
}

.modalPopUp {
	border: solid 1px black;
	background: white;
	padding: 20px;
	width: 450px;
	
}

.modalBackground {
	background-color: Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* -------------------- PREVIEW: END -------------------- */
.section_headers_top {width:100%; border-bottom: solid 1px black; padding-bottom: 10px; text-align:center;}
.section_headers_top a {margin: 5px;}

.section_headers_bottom {width:100%; border-top: solid 1px black; padding-top: 10px; text-align:center;}
.section_headers_bottom a {margin: 5px;}

.product_header {color:#103575; padding: 3px; font-size: 20px;font-weight: bold;}
.product_header a {color:#103575;}

.product_footer {color:#103575; padding: 3px; width:400px;}
.product_footer a {text-decoration: underline;}

.color_header {color:#103575;}

.textbold {font-weight: bold;}
.size10 {font-size: 10px;}
.size12 {font-size: 12px;}
.size14 {font-size: 14px;}
.size16 {font-size: 16px;}
.size18 {font-size: 18px;}
.size20 {font-size: 20px;}

.emailtofriend {color:Black; font-size: 90%;}

/* CHECKOUT: END*/
/*SPECIAL WIDTHS FOR CONTROLLING NETSCAPE AND MOZILLA BROWSERS*/
.width25 { width: 25px; }
.width50 { width: 50px; }
.width75 { width: 75px; }
.width150 { width: 150px; }
.width200 { width: 200px; }
.width250 { width: 250px; }
.width300 { width: 300px; }
.width350 { width: 350px; }
.width400 { width: 400px; }

/*VALIDATORS & ERROR TEXT*/
#validators { float: left; text-align: left; width: 100%; }
.validators { margin: 5px 0 5px 0; font-weight: bold; font-size: 120%; background-color: Transparent !important; color: Red !important; }
.validators ul li { background-color: inherit; }
.validators-summary { font-size: 100%; }