/*********************************************************************************************
These styles are for the template and content that the client does not have access to edit.
These styles do not appear in the WYSIWYG editor.
*********************************************************************************************/

/* Page layout */
#background {width: 100%; background: #bbbdc0 url(/images/stripes_bg.gif) top center repeat-y;}
#page {color: #2B2926; background: #ffffff; margin-left: auto; margin-right: auto; position: relative; width: 800px; height: auto; visibility: visible; display: block; text-align: left; margin-top: 0; margin-bottom: 0;}

#header {position:relative; height: 133px; width: 800px; margin: 0; padding: 0; background: #ffffff url(/images/header_bar.gif) top right no-repeat; text-align: left}
#home #header {position:relative; height: 133px; width: 800px; margin: 0; padding: 0; background: #ffffff url(/images/home_bar.gif) top right no-repeat; text-align: left}
#logo {width: 204px; padding: 0; margin: 28px 0 0 65px;}

#navBar {width:800px; margin:0; height: 30px; background:#000000; padding: 0;}
#viewList {float: left; width: 126px; background: #bbbdc0; color: #ffffff; border-top: 5px solid #bbbdc0; height:25px;line-height: 25px; font-size: 11px; margin:0; padding: 0 0 0 25px;}
a.sideNavViewList {font-size: 11px ! important; color: #ffffff !important;margin:0; text-decoration: none ! important;}


#globalnav{float:left; width: 649px;margin: 0;padding: 0; color: #ffffff; border-top: 5px solid #a03b1b; height:25px;}
#navLinks {margin: 0px; padding: 0px; width: 649px; background: #000000; float: left; list-style-type: none;}
#navLinks li {padding:0; margin:0; float:left;}
#navLinks li a {float: left; width: 120px; text-align: center; color: #fff; line-height: 25px; text-decoration: none; font-size: 11px; height: 25px; display: block; background: #000000;}

#navLinks li a:hover {float: left; width: 120px; text-align: center; color: #000000; line-height: 25px; text-decoration: none; font-size: 11px; height: 25px; display: block; background: #ffffff;}

#navContact {float: right ! important;}

#home #navHome a, #products #navProducts a, #contact #navContact a {background: #ffffff; color: #000000;}

#box {position: relative; width:800px; padding: 0; margin: 0; background: #dadbdd; text-align: left;}

#left_col_content {position: absolute; top: 0; left: 0;width:151px; padding: 20px 0 0 0; margin: 0px; background: #dadbdd; }

#sideNavHeading {font-size: 11px; margin: 0 0 10px 0; padding: 0 15px 0 25px; font-weight: normal}

p.sideNavNonActive {margin: 0; font-size: 11px; line-height: 17px; width: 151px;}
.sideNavNonActive a {display: block; text-decoration: none;outline: none;  padding: 0 10px 0 25px; font-size: 11px; line-height: 17px; width: 116px;}
.sideNavNonActive a:link {color: #000000; background: transparent; text-decoration: none;outline: none;  padding: 0 10px 0 25px; font-size: 11px; line-height: 17px; width: 116px;}
.sideNavNonActive a:visited {color: #000000; background: transparent; text-decoration: none;outline: none;  padding: 0 10px 0 25px; font-size: 11px; line-height: 17px; width: 116px;}
.sideNavNonActive a:hover {color: #ffffff; background: #90908f; text-decoration: none;outline: none;  padding: 0 10px 0 25px; font-size: 11px; line-height: 17px; width: 116px;}
p.sideNavActive {margin: 0; font-size: 11px; line-height: 17px; width: 151px;}
.sideNavActive a {display: block;text-decoration: none;outline: none; padding: 0 10px 0 25px; font-size: 11px; line-height: 17px; width: 116px; width: 116px;}
.sideNavActive a:link {color: #ffffff; background: #90908f; text-decoration: none;outline: none; padding: 0 10px 0 25px; font-size: 11px; line-height: 17px; width: 116px;}
.sideNavActive a:visited {color: #ffffff; background: #90908f; text-decoration: none;outline: none; padding: 0 10px 0 25px; font-size: 11px; line-height: 17px; width: 116px;}
.sideNavActive a:hover {color: #ffffff; background: #90908f; text-decoration: none;outline: none; padding: 0 10px 0 25px; font-size: 11px; line-height: 17px; width: 116px;}

p.subSideNavNonActive {margin: 0; font-size: 11px; line-height: 17px; width: 151px;}
.subSideNavNonActive a {display: block;text-decoration: none;outline: none;  padding: 0 10px 0 45px; font-size: 11px; line-height: 17px; width: 96px;}
.subSideNavNonActive a:link {color: #000000; background: transparent; text-decoration: none;outline: none;  padding: 0 10px 0 45px; font-size: 11px; line-height: 17px; width: 96px;}
.subSideNavNonActive a:visited {color: #000000; background: transparent; text-decoration: none;outline: none;  padding: 0 10px 0 45px; font-size: 11px; line-height: 17px; width: 96px;}
.subSideNavNonActive a:hover {color: #ffffff; background: #90908f; text-decoration: none;outline: none;  padding: 0 10px 0 45px; font-size: 11px; line-height: 17px; width: 96px;}
p.subSideNavActive {margin: 0; font-size: 11px; line-height: 17px; width: 151px;}
.subSideNavActive a {display: block;text-decoration: none;outline: none; padding: 0 10px 0 45px; font-size: 11px; line-height: 17px; width: 96px;}
.subSideNavActive a:link {color: #ffffff; background: #90908f; text-decoration: none;outline: none; padding: 0 10px 0 45px; font-size: 11px; line-height: 17px; width: 96px;}
.subSideNavActive a:visited {color: #ffffff; background: #90908f; text-decoration: none;outline: none; padding: 0 10px 0 45px; font-size: 11px; line-height: 17px; width: 96px;}
.subSideNavActive a:hover {color: #ffffff; background: #90908f; text-decoration: none;outline: none; padding: 0 10px 0 45px; font-size: 11px; line-height: 17px; width: 96px;}

#container {width: 649px; padding: 0 0 0 151px;}
#content {width: 579px; padding: 20px 35px 20px 35px; background: #ffffff; min-height: 435px;}
#home #content {width: 594px; padding: 20px 0 0 55px; background: #ffffff url(/images/home_bg.jpg) top left no-repeat; min-height: 435px;}
* html #content {height: 435px;}


#home #content p {padding: 0 55px 0 0;}

#contentFooter {background: #bbbdc0; width: 800px; position: relative; margin:0;}
#cfLeft {float: left; width:375px; padding: 0 0 0 25px;}
#cfLeft p {font-size:14px; line-height: 20px; font-weight: bold;}
#cfRight {float: right; width:375px; padding: 0 25px 0 0; text-align: right;}
#cfRight p {font-size: 11px; line-height: 14px;}


#pageFooter {color: #ffffff; background: #a34223; position: relative; width: 100%; text-align: center; margin: 0;}


div#footer {background-color: #a34223; width: 800px; text-align: left;  margin-left: auto; margin-right: auto;}
div#footer p, div#footer p a {font-size: 11px ! important; color: #ffffff ! important; line-height: 14px}
div#footer_left {float: left; width:375px; text-align: left; padding: 0 0 0 25px;}
div#footer_right {float: right; width:375px; text-align: right; padding: 0 25px 0 0;}





/**Inventory**/
a.addToList {font-size: 12px ! important; color: #000000 ! important;text-decoration: none ! important;}
a:link.addToList {font-size: 12px ! important; color: #000000 ! important;text-decoration: none ! important;}
a:visited.addToList {font-size: 12px ! important; color: #000000 ! important;text-decoration: none ! important;}
a:hover.addToList {font-size: 12px ! important; color: #a34223 ! important;text-decoration: none ! important;}
.addToListArrows {font-size: 12px ! important; color: #000000 ! important;text-decoration: none ! important;}
.inList {font-size: 12px ! important; color: #000000 ! important;text-decoration: none ! important;}
a.removeFromList, a:link.removeFromList, a:visited.removeFromList {font-size: 12px ! important; color: #bbbdc0 ! important;text-decoration: none ! important;}
a:hover.removeFromList {font-size: 12px ! important; color: #a34223 ! important;text-decoration: none ! important;}

#inventorySaveListForm {margin-bottom: 10px;}

.savedList {position: relative; width: 450px;}
.savedListName {float:left; width:200px; display:block}
.eventSavedList {float:left; width:200px; display:block}
.savedList br {clear:left;}



/*Category Page*/

#inventoryCategList {position: relative; width:579px;text-align:center;}
.inventoryCategItem {float:left; width:130px;text-align: center;margin:10px 5px 10px 5px;padding:0px;}
.inventoryCategItem img {border: 3px solid #dadbdd;}
.inventoryCategCode {font-size: 13px; margin:0 0 0 0;}
.inventoryCategCode a {text-decoration: none ! important;}
.inventoryCategCode a:hover {color: #990000! important; text-decoration: underline ! important;}
.inventoryCategDim {font-size: 11px; margin:0 0 3px 0;}

#printBrochureLink {position: absolute; top:20px; right:35px;}

.moulding_brochure_link {text-align: center;}
.moulding_brochure_link a {font-size: 15px; color: #a34223;}



/*Item Page*/
.inventoryDetails {float:left; width:579px; margin:0;}
.inventoryItemImage {float:left; width:279px; height:279px; margin: 0 25px 25px 0;}
.inventoryItemImage img {border: 3px solid #dadbdd;}
.inventoryItemInfoRtBox {float:left; width: 275px; padding-top:10px;}
.inventoryItemLine {position:relative; width: 275px; padding: 5px 0 5px 0; border-bottom: 1px solid #dadbdd;}
.inventoryItemLabel {float:left; width:89px; margin:0;}
.inventoryItemInfo {float:left; width:186px; margin:0;}
.inventoryItemLinks {position: absolute; top: 280px; left: 485px;text-align:right; width:275px;}
.inventoryItemLinks img {margin-bottom: 10px;}
.inventoryTitleImage {margin:0 0 15px 5px;}
.inventoryItemFooter {clear:both;padding: 0 10px 0 10px;}
.inventoryItemFooter img {margin-left: -10px;}




/*Feature Items*/
.inventoryFeatureItems {position: relative; text-align: center;margin:0;}
.inventoryFeatureItem {float:left; width:130px;text-align: center;margin:3px 5px 5px 5px;padding:0px;}
.inventoryFeatureItem a {color: #FFFFFF ! important; text-decoration: none ! important;}
.inventoryFeatureItem a:hover {color: #d0d0ad ! important; text-decoration: underline ! important;}
.inventoryFeatureItem img {border: 1px solid #ffffff;}

/*Member Registration*/
.registrationForm label, .registrationForm input, .registrationForm img, .registrationForm span {display: block; float: left; margin-bottom: 5px;}
.registrationForm label {text-align: right;width: 150px;padding-right: 10px;}
.registrationForm span {padding-left: 10px;}
.registrationForm input#isSubmit {display: inline; float:none; width:auto; margin: 10px 0 0 160px}
.registrationForm br {clear: left;}