/* defaults */
* { margin: 0; padding: 0; }
p { margin-bottom: 15px; }
a { color: #ecb943; text-decoration: none; }
a:hover { color: #ecb943; text-decoration: none; }
body { font-family: Verdana,Helvetica,Arial,sans-serif; margin: 0; padding: 0; background: #e1d6ba url(../images/layout/background.jpg) repeat-x scroll 0 0; }


/* clear fix */
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clear { clear: both; }

#content_wrapper { min-height: 400px; height: auto !important; height: 400px; }

/* general */
a.button, input.button { background: #666 none repeat scroll 0 0; color: #fff; cursor: pointer; display: inline; line-height: 25px; padding: 3px 9px; text-decoration: none; color: #ECB943; font-size: 0.8em; }
a.button:hover, input.button:hover { color: #fff; }
img.printLogo { display: none; }

/* header */
#header_wrapper { margin: 0 auto; position: relative; width: 976px; height: 140px; padding-top: 5px; }
#header_center { float: left; height: 101px; width: 976px; }


/* content wrapper */
#content_wrapper { margin: 0 auto; width: 974px; clear: both; background-color: #ffffff; border-left: solid 1px #a6936a; border-right: solid 1px #a6936a; }

.grid { width: 840px; margin: 0 auto; font-size: 0.7em; }
.grid a { color: #ECB943; }
.grid a:hover { color: #000; }
.gridRow { background-color: #fff; padding-top: 4px; padding-bottom: 4px; }
.gridRowAlt { background-color: #f7f7de; padding-top: 4px; padding-bottom: 4px; }

/* menu bar */
#menu_bar_wrapper { margin: 0 auto; width: 974px; height: 38px; clear: both; background: #ffffff url(../images/layout/menu_bar_bg.gif) repeat-x scroll 0 0; border-top: solid 1px #a6936a; border-left: solid 1px #a6936a; border-right: solid 1px #a6936a; }
#menu_bar_capleft { float: left; width: 45px; height: 38px; }
#menu_bar_capright { float: left; width: 45px; height: 38px; }
#menu_bar { float: left; width: 883px; height: 38px; list-style-type: none; }
#menu_bar li.headlink { display: block; float: left; height: 31px; text-align: center; margin: 0; padding: 0px; border-right: solid 1px #ffffff; }
#menu_bar li.headlink a { color: #ecb943; display: block; font-size: 12px; height: 31px; line-height: 31px; padding: 0 10px; font-family: Verdana, Helvetica, Arial, sans-serif; }
#menu_bar li.headlink a:hover { text-decoration: none; color: #ffffff; background: url(../images/layout/menu_bar_selected.gif) 0 0 repeat-x; }
#menu_bar span.cartMyCart { float: right; line-height: 31px; font-size: 12px; padding: 0 10px; height: 31px; display: block; }
#menu_bar ul { list-style-type: none; }
#menu1 { z-index: 1000; }
/*#menu_bar li a:hover { text-decoration: none; color: #ffffff; }*/

/* footer */
#footer_wrapper { margin: 0 auto; width: 974px; clear: both; height: 25px; border-left: solid 1px #a6936a; border-right: solid 1px #a6936a; border-bottom: solid 1px #a6936a; }
#footer_left { float: left; width: 45px; height: 25px; }
#footer_center { float: left; height: 25px; width: 884px; font-size: 10px; color: #ffffff; display: block; line-height: 25px; background: url(../images/layout/footer_bg.gif) 0 0 repeat-x; }
#footer_right { float: left; width: 45px; height: 25px; }


/* Configuration Accordion */
.configAccordionHeader { border: 1px solid #2F4F4F; color: white; background-color: #2E4d7B; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; }
.configAccordionSelected { border: 1px solid #2F4F4F; color: white; background-color: #5078B3; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; }
.configAccordionContent { background-color: #D3DEEF; border: 1px dashed #2F4F4F; border-top: none; padding: 5px; padding-top: 10px; }
.configWrapper { width: 900px; padding: 30px 0px; margin: 0 auto; min-height: 500px; height: 500px; height: auto !important; }
.configAccordion { height: 660px; }
.configSectionWrapper { width: 860px; height: 30px; margin: 0 auto; border-bottom: dotted 1px #999999; padding-top: 14px; }
.configDescription { float: left; width: 260px; }
.configDescription h4 { font-size: .9em; }
.configDescription p { font-size: .8em; font-style: italic; }
.configDropDown { width: 290px; }
.configSelection { float: left; width: 250px; padding-top: 5px; padding-left: 10px; }
.configPictures { float: left; width: 180px; font-size: 0.7em; }
.configNext { float: right; width: 60px; padding-right: 20px; padding-top: 4px; border-bottom: none; }

.configSectionNext { height: 40px; }
.frameConfigTableSection { height: auto; padding-bottom: 20px; width: 860px; }
.doorConfigLocks { height: auto; clear: both; }
.doorConfigHinging { height: auto; clear: both; }
.shelfConfigTable { margin-left: auto; margin-right: auto; }

.configSectionAddlShelving, .configSectionConfigType, .configSectionDoorSize, .configSectionNumberOfDoors, .configSectionModel, .configSectionFrameColor, .configSectionFullHandle, .configSectionLighting, .configSectionShelvingColor, .configSectionShelving { padding-left: 40px; width: 820px; }

/* modal popup */
.modalBackground { background-color: Gray; -ms-filter: alpha(opacity=70); -ms-opacity: 0.7; }
.modalPopup { background-color: #ffffdd; border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; width: 250px; }


/* individual modal popups */
.systemExists { background-color: #ffffff; width: 350px; }


/* door configuration */
div.doorConfigTableSection { height: 140px; }
div.doorConfigTableSection div { text-align: center; }
.doorConfigTable { margin-left: auto; margin-right: auto; }
.doorConfigHinging { height: 100px; }

/* shopping cart */
/*.cartWrapper { width: 760px; margin: 0 auto; height: 720px; padding-top: 25px; }*/
.cartWrapper { width: 860px; margin: 0 auto; margin-bottom: 25px; }
#cartLayout { width: 860px; border: solid 1px #333; min-height: 150px; }
.cartHeader { padding: 2px 2px 0px 5px; float: left; }
.cartHeader h4 { font-size: 0.7em; }
#cartHeader { width: 860px; background-color: #666; color: #fff; height: 20px; }
.cartFooter { background-color: #666; border-left: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #333; width: 860px; text-align: right; color: #fff; font-size: 0.8em; }
.cartFooter span.Total { margin: 0px 10px; font-weight: bold;  }
.cartFooter a.button { border: solid 1px #ECB943; }
.cartProductImage { width: 190px; }
.cartProductDesc { width: 400px; }
.cartProductQty { width: 55px; }
.cartProductPrice { width: 100px; text-align: right; margin-right: 10px; }
.cartProduct.cartProductPrice { font-size: 0.8em; font-weight: bold; }
.cartProduct.cartProductDesc { font-size: 0.8em; }
.cartProductRemove { width: 60px; }
.cartProductEdit { width: 40px; }
.cartProductRemove a, .cartProductRemove a:link, .cartProductRemove a:visited, .cartProductRemove a:active, .cartProductEdit a, .cartProductEdit a:link, .cartProductEdit a:visited, .cartProductEdit a:active { color: #ECB943; font-size: 0.8em; text-decoration: underline; }
.cartProductRemove a:hover { color: #751b1b; }
.cartProduct { float: left; padding: 2px 2px 0px 5px; }
.cartProductWrapper { width: 860px; float: left; margin-top: 5px; margin-bottom: 5px; }
.cartProductQty input { width: 40px; }
.cartProduct p { margin-bottom: 0px; }
.cartProductImage img { width: 187px; }

#cartCommands { text-align: right; padding-right: 8px; padding-top: 4px; }
input.multiplier { width: 46px !important;  }


/* view quote */
.viewQuote { width: 780px; margin: 0 auto; }
.viewQuote #cartLayout, .viewQuote #cartHeader { width: 780px; }
.viewQuote .cartProductWrapper { margin: 0px; width: 750px; }
.viewQuote table { padding:0; margin: 0; width: 780px; font-size: 0.8em; border: solid 1px #000; background-color: #fff; }
.viewQuote tr.header { background-color: #666; height: 20px; color: #fff; font-weight: bold; }
.viewQuote tr.header td { padding: 2px 2px 5px 5px; font-size: 0.8em; }
.viewQuote td.qtyProduct { width: 55px; text-align: right; padding-right: 4px; }
.viewQuote td.descProduct { width: 400px; }
.viewQuote td.priceProduct, .viewQuote tr.header td.priceProduct { padding-right: 10px; text-align: right; width: 100px; }
.viewQuote tr.lineup { background-color: #ebf8ff; }
.viewQuote tr.detailHeader { background-color: #e8e8e8; }
.viewQuote tr.altDetail { background-color: #fffec8; }
.viewQuote td p { margin-bottom: 2px; }
.viewQuote tbody td.qtyProduct { padding-right: 14px; }
.viewQuote tr.lineup td.priceProduct { font-weight: bold; }
.viewQuote hr { margin: 4px 0px; width: 100%;  }
.viewQuote .cartFooter { font-size: 0.9em; border: none; padding: 4px 0px; }
.viewQuote span.Total { font-size: 1.1em; }
div.quoteNumber { width: 780px; margin: 0 auto; font-size: 0.8em; }
h1.quoteNumber { font-size: 0.9em; }
div.addresses { width: 640px; margin: 0 auto; margin-bottom: 20px; margin-top: 20px; }
div.addresses ul.address { width: 310px; margin-right: 10px; float: left; list-style-type:none; }
div.addresses ul.address li span { font-weight: bold; font-family: Verdana; font-size: 0.9em; }
.quoteSubmitted { width: 800px; margin: 0 auto; padding: 40px 0px; min-height: 300px; }
.quoteSubmitted h1 { font-size: 1.2em; margin-bottom: 8px; }
.quoteSubmitted h2 { font-size: 1.0em; margin-bottom: 5px; }
.quoteSubmitted h3 { font-size: 0.8em; margin-bottom: 5px; }
.viewQuote .quoteComments p  { font-size: 0.8em; }
table.quoteWeight { background-color: #666; border-width: 0px; font-size: 0.95em; width: 500px; }
table.quoteWeight h4 { font-size: 1em; font-weight: bold; color: #ECB943; }
tr.quoteTotalWeight { font-weight: bold; }

/* activate account */
.activateAccountWrapper { width: 760px; margin: 0 auto; padding-bottom: 150px; padding-top: 150px; height: 150px; }
.activateAccountWrapper span.error { color: #aa0000; }

/* create account */
.createUserWrapper { width: 570px; margin: 0 auto; padding-bottom: 150px; padding-top: 76px; height: 150px; }
.createUserWrapper h1 { font-size: 0.9em; margin-bottom: 25px; text-align: center; background-color: #666; color: #fff; padding: 4px 0px; }
.createUserWrapper .navigation input.button { float: right; width: 100px; }
.createUserRow { width: 520px; height: 25px; float: left; }
.createUserRow .oneColumn { width: 520px; float: left; }
.createUserRow .twoColumn { width: 280px; margin-right: 10px; float: left; }
.createUserRow .twoColumnEnd { width: 230px; float: left; }
.createUserRow .twoColumnEnd label { width: 90px; }
.createUserRow label { float: left; width: 140px; text-align: right; font-size: 0.8em; }
.createUserRow span { float: left; }
.createUserRow input { float: left; margin-left: 4px; width: 120px; }
.createUserRow.comments, .createUserRow.comments div.oneColumn { height: auto; width: 570px; }
.createUserRow.comments div.oneColumn label { width: 90px; padding-right: 5px; }
.company input { width: 361px; }
.email input { width: 361px; }
.password label { width: 140px; }
input.state { width: 50px; }
.address input { width: 361px; }

/* request quote */
.requestQuoteWrapper { width: 570px; margin: 0 auto; padding-top: 76px; }
.requestQuoteWrapper h1 { font-size: 0.9em; margin-bottom: 15px; text-align: center; background-color: #666; color: #fff; text-align: left; padding: 3px 0 3px 8px; }
.requestQuoteWrapper p { font-size: 0.8em; padding-left: 12px; }
.requestQuoteWrapper .navigation input.button { float: right; width: 100px; }
.requestQuoteRow { width: 520px; height: 25px; float: left; }
.requestQuoteRow .oneColumn { width: 520px; float: left; }
.requestQuoteRow .twoColumn { width: 280px; margin-right: 10px; float: left; }
.requestQuoteRow .twoColumnEnd { width: 230px; float: left; }
.requestQuoteRow .twoColumnEnd label { width: 90px; }
.requestQuoteRow label { float: left; width: 140px; text-align: right; font-size: 0.8em; }
.requestQuoteRow span { float: left; }
.requestQuoteRow input { float: left; margin-left: 4px; width: 120px; }
.requestQuoteWrapper ul { font-size: 0.8em; list-style-type: none; padding-top: 10px; color: #999; }
.requestQuoteWrapper ul li a:visited, .requestQuoteWrapper ul li a { color: #ECB943; }
.requestQuoteWrapper ul li a:hover { color: #751b1b; }
.requestQuoteNavigation { width: 520px; margin: 0 auto; margin-bottom: 40px; padding-top: 15px; }

/* email quote */
.emailQuoteWrapper { width: 570px; margin: 0 auto; padding-bottom: 150px; padding-top: 76px; height: 150px; }
.emailQuoteWrapper h1 { font-size: 0.9em; margin-bottom: 15px; text-align: center; background-color: #666; color: #fff; text-align: left; padding: 3px 0 3px 8px; }
.emailQuoteWrapper p { font-size: 0.8em; padding-left: 12px; }
.emailQuoteWrapper input.email { width: 400px; }
.emailQuoteWrapper .button { line-height: 18px; float: right; }

/* login */
.loginUserWrapper { width: 350px; margin: 0 auto; padding-top: 76px; padding-bottom: 150px; }
.loginUserWrapper ul { font-size: 0.8em; list-style-type: none; padding-top: 10px; color: #999; }
.loginUserWrapper ul li a:visited, .loginUserWrapper ul li a { color: #ECB943; }
.loginUserWrapper ul li a:hover { color: #751b1b; }
.loginDialog label { font-size: 0.8em; padding-right: 8px; }
.loginDialog { width: 350px; margin: 0 auto; }
table.loginDialog table { width: 350px; }
.loginTitle { color: #fff; background-color: #666; padding: 2px 20px; font-size: 0.9em; font-weight: bold; }
.loginFailure { font-size: 0.8em; }
.loginTextBox { width: 180px; }

/* Accordion */
.accHeader { border: 1px solid #2F4F4F; color: white; background-color: #676257; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; }
.accHeader a { color: #FFFFFF; background: none; text-decoration: none; }
.accHeader a:hover { background: none; text-decoration: underline; }
.accHeaderSelected { border: 1px solid #2F4F4F; color: white; background-color: #dec58e; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; }
.accHeaderSelected a { color: #FFFFFF; background: none; text-decoration: none; }
.accHeaderSelected a:hover { background: none; text-decoration: underline; }
.accContent { background-color: #D3DEEF; border: 1px dashed #2F4F4F; border-top: none; padding: 5px; padding-top: 10px; }


/* config types */
.adminConfigTypes { width: 750px; margin: 0 auto; padding-bottom: 15px; }