﻿/* Default styles */
body
{
    font-size: .75em;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    background-color:#a7a7a7;
    background-image: url(/images/newbrass/bg.png);
    background-repeat: repeat-x;
    min-width:909px;
 }
 /*img, div { behavior: url(iepngfix.htc) }*/

 h1 {font-size:14pt;color:#1a0d05;margin:0;font-weight:normal;}
 h3 {font-size:1em;color:#1c3c83;margin:0;}
 img {border:none;}

.tbl
{ 
    background-color:#ffffff;
    width:100%;
    border-spacing:0px;
}
.tbl thead th
{
    font-weight:bold;
    font-size:10pt;
    background-color:#3c3732;
    color:#fff;
    padding:4px;
}
.tbl tbody td
{
    vertical-align:top;
    padding:8px 4px 8px 4px;
}
.tbl tr.alt,.tbl tr.alt_foot {background-color:#eaeaea;}

.tbl tr.std_foot td, .tbl tr.alt_foot td {border-bottom:1px solid #c1b0a5;}

.tbl tfoot td
{
    font-weight:bold;
    padding-top:8px;
    padding-bottom:8px;
}

 
 /* defines the overal area */
 .page
 {
    width:1004px;
    margin: 0 auto;
 }
/* TOP most Header */
.header 
{
    color:#fce7bc;
    padding-top:8px;
    height: 45px;
    position:relative;
    margin-left:57px;
    margin-right:57px;
    
 }
 .header a{color:#fce7bc;text-decoration:none;}
 .header a:hover {text-decoration:underline;}
 .header .contact
 {
     position:absolute;
 }
 .header .links
 {
     position:absolute;
     right:0px;
 }
 .header .mnuitm 
 {
     display:inline;
 }
 #hdrcartimg{position:relative;top:2px;border:none;margin-right:2px;}
 .header .search
 {
     position:absolute;
     top:24px;
     line-height:23px;
 }
 .header .search label {}
 .header .search input 
 {
     padding:0px 4px 0px 4px;
     width:275px;
     border:1px solid #54473b;
     height:19px;
     margin:0px 4px 0px 4px;
     
 }
 .header .search button
 {
     width:33px;
     height:23px;
     border: 0px #ffffff;
     cursor:pointer;
     vertical-align:bottom;
 }
.header .search button.searchbtn {background-image:url(/images/newbrass/search.gif);}
.header .search button.searchbtn_active {background-image:url(/images/newbrass/search_a.gif);}
.header .ext_links
 {
     position:absolute;
     top:24px;
     left:450px;
 }

 /* Banner Title -- appears below topmost header */
 .banner
 {
    position:relative;
    margin-left: 57px;
    margin-right: 57px;
    padding-top: 3px;
 }
 .banner .titleimg 
 {
     position:absolute;
     border:none;
 }
 .banner .tabs
 {
    position:absolute;
    top:61px;
    right:0px;
 }
 .banner .tabs img
 {
     border:0px;
     margin:0;
 }

 /* Content */
 .frame
 {
    position:relative;
    margin: 0 auto;
    width: 1004px;
    top:4px;
 }
 .frame .top
 {
     position:absolute;
     top:8px;
     background-image:url(/images/content_topfixed.png);
     width:1004px;
     height:44px;
     margin:0 auto;
 }
 .frame .leftside
 {
     width:1004px;
     background-image:url(/images/content_left.png);
     background-repeat:repeat-y;
 }
 .frame .rightside
 {
     width:1004px;
     background-image:url(/images/content_right.png);
     background-repeat:repeat-y;
     background-position:right;
 }
 .frame .center
 {
    width:907px;
    left:50px;
    position:relative;
    padding:0px 6px 4px 3px;
    background-color:White; 
 }
 .frame .canvas
 {
     width:100%;
     border:1px solid #a6937d;
     background-color:#f1eedd;
     background-image:url(/images/canvas_bg.png);
     background-repeat:repeat-x;
 }
 .content
 {
     margin:5px;
 }
  /* Content Navigation Panel */
 .content .navpanel
 {
     float:left;
     margin-right:6px;
 }
 .content .navpanel .menu
 {
     width:174px;
     margin-bottom:4px;
 }
 .content .navpanel .menu h2
 {
     color:#04053c;
     margin:0 auto;
     font-size:9pt;
     line-height:10px;
 }
.content .navpanel span {color:#768ea5;}

 /* Menu titles that are images from sprite set */
 .frame .content .navpanel .menu .imgtitle
 {
     width:100%;
     height:31px;
     position:relative;
 }
 .menu .expand 
 {
     background-image:url(/images/newbrass/arrow-down.gif);
     background-repeat:no-repeat;
     width:10px;
     height:5px;
     position:absolute;
     left:10px;
     top:13px;
}
.menu .collapse 
 {
     background-image:url(/images/newbrass/arrow-up.gif);
     background-repeat:no-repeat;
     width:10px;
     height:5px;
     position:absolute;
     left:10px;
     top:13px;
}
 /* Menu titles that are just text */
 .frame .content .navpanel .menu .txttitle
 {
     text-align:center;
     width:80px;
     margin:0 auto;
     margin-bottom:8px;
 }
 /* Side menu body */
 .frame .content .navpanel .menu .menubody,
 .frame .content .navpanel .menu ul
 {
     background-image:url(/images/menu_bg.png);
     background-repeat:repeat-y;
     margin: 0;
     padding: 6px 12px 6px 12px ;
     color:#171c49;
 }
 .frame .content .navpanel .menu ul
 {
     list-style-type:none;
 }
 .frame .content .navpanel .menu li
 {
     margin:0;
     padding:0;
 }
 .frame .content .navpanel .menu .menutop
 {
     background-image:url(/images/menutop.png);
     width:174px;
     height:3px;
 }
 .frame .content .navpanel .menu .menubottom
 {
     background-image:url(/images/menubot.png);
     width:174px;
     height:3px;
 }
 .frame .content .navpanel .menu .bullet
 {
     background-image:url(/images/newbrass/menuarrow.gif);
     background-repeat:no-repeat;
     width:9px;
     height:11px;
     float:left;
 }
 .frame .content .navpanel .menu .bullet_active
 {
     background-image:url(/images/newbrass/menuarrowh.gif);
     background-repeat:no-repeat;
     width:9px;
     height:11px;
     float:left;
 }
 .frame .content .navpanel .menu .divider
 {
     background-image:url(/images/menudiv.gif);
     background-repeat:no-repeat;
     width:121px;
     height:1px;
     margin: 5px 0px 5px 16px;
 }
 .frame .content .navpanel .menu a{color:#121443;text-decoration:none;margin-left:8px;}
 .frame .content .navpanel .menu a:hover{color:#000cff;text-decoration:underline;}
 .frame .content #content_footer 
 {
     text-align:center;
     clear:both;
     color:#644f3e;
     font-size:9pt;
 }
 #content_footer a 
 {
     color:#644f3e;
     text-decoration:none;
 }
 
 #content_footer a:hover
 {
     text-decoration:underline;
 }
 #quicknav_title {background-image:url('/images/newbrass/quicknav.gif');}
 #shopbyscale_title {background-image:url('/images/newbrass/shopbyscale.gif');}
 #shopbycat_title {background-image:url('/images/newbrass/shopbycat.gif');}
 #otherprds_title {background-image:url('/images/newbrass/otherprds.gif');}
 #shopbyimporter_title {background-image:url('/images/newbrass/shopbyimporter.gif');}
 .main 
 {
     width:708px;
     min-height:850px;
     float:right;
 }

 /* Page Footer */
 .footer
 {
     position:relative;
     margin: 0 auto;
     top:4px;
     left:5px;
     width:919px;
     height:48px;
     background-image:url(/images/footer_bg.png);
     background-repeat:repeat-x;
     text-align:center;
     padding-top:23px;
 }
.copyright {font-size:smaller;}

 /* Section styles */
 .section 
 {
     border: 1px solid #c1b9a5;
     background-color:#ffffff;
     margin-bottom: 12px;
 }
 .section h2 
 {
     background-color:#3c3732; 
     color:#ffffff;
     font-weight:bold;
     margin:0; 
     padding: 0 10px 0 10px;
     font-size:10pt;
     height:24px;
     line-height:24px;
     position:relative;
 }
 .section a {color:#08134b;text-decoration:none;}
 .section a:hover {text-decoration:underline;}

 /* Featured Products Styles */
 .featured
 {
     clear:both;
     position:relative;
     float:left;
     margin: 4px 8px 4px 8px;
 }
 .featured .cell, .featured .lastcell
 {
     position:relative;
     width:227px;
     float:left;
     margin:0 auto;
     text-align:center;
     margin-bottom:0px;
     min-height:330px;
     border-bottom:1px solid #bbb9b7;
 }
 .featured .cell
 {
     border-right:1px solid #bbb9b7;
 }
 .featured .prodtitle
 {
     margin:4px 0px 4px 0px;
     padding:0;
     color:#1a0d05;
     font-size:9pt;
     height:45px;
 }
 .featured .newovl {position:absolute;top:0px;left:5px;}
/* Product Title Styles */
.prodtitle a
{
    font-weight:bold;
    color:#1a0d05;
    font-size:9pt;
    text-decoration:none;    
}
.prodtitle a:hover
{
    text-decoration:underline;
}
.tagline {color:Red;}
 .origprice
 {
     color:#666666;
 }
 .origprice label
 {
     text-decoration:none;
 }
 .price
 {
     font-size:larger;
     font-weight:bold;
     color:red;
 }
 .price label
 {
     color:#1a0d05;
     font-weight:normal;
 }
 .addtocart
 {
     margin: 4px 0px 4px 0px;
 }
 .sold
 {
     margin:10px;
     color:Red;
 }
 /* Shop By Road Section */
 #shopbyroad     
 {
     margin:10px 0px 10px 0px;
     color:#1a0d05;
     position:relative;
     float:left;
     overflow:hidden; /* CSS Trick to force equal height columns */
 }
 #shopbyroad .cell, #shopbyroad .lastcell
 {
     position:relative;
     width:230px;
     float:left;
     height:inherit;
     margin-bottom: -250px; padding-bottom: 250px; /* CSS Trick to force equal height columns */     
 }
 #shopbyroad .cell
 {
     border-right:1px solid #bbb9b7;
 }
#shopbyroad ul
{
    list-style-type:none;
    margin: 0px 5px 0px 5px;
    padding:0;
    font-size:8pt;
}
#shopbyroad a {text-decoration:none;}
#shopbyroad a.available {color:#171e49;}
#shopbyroad a.unavailable {color:#768ea5;}
#shopbyroad a:hover {text-decoration:underline;}

/* Breadcrumbs styles */
.bcrumbs
{
    margin-bottom:4px;
    line-height:25px;
}
.bcrumbs a
{
    color:#492b17;
    text-decoration:none;
}
.bcrumbs a:hover
{
    text-decoration:underline;
}
.bcrumbs .homeicon
{
    width:26px;
    height:26px;
    background-image:url(/images/newbrass/homeicon.png);
    float:left;
}
/* Product thumbnail Styles */
.thumbnails img
{
    border:1px solid Gray;
}
.thumbnails img.active 
{
    border:1px solid red;
}
/* Product Specification styles */
.specs td.title
{
    font-weight:bold;
    border-bottom:1px solid gray;
    padding-top:8px;
}
.specs td.name 
{
    width:100px;
    padding-left:10px;
    border-bottom:1px solid #e3c7a3;
    border-right:1px solid #e3c7a3;
}
.specs td.desc
{
    width:300px;
    border-bottom:1px solid #e3c7a3;
}
/* Form Field Styles */
fieldset
{
    border:none;
}
fieldset legend
{
    border-bottom:1px solid #e3e3e3;
    width:100%;
    font-weight:bold;
}
fieldset .field
{
    margin:8px;
}
fieldset label
{
    color:#333333;
    width:115px;
    margin-right:10px;
    display:inline-block;
    text-align:right;
}
fieldset label.required
{
    font-weight:bold;
}
fieldset label.required span
{
    color:Red;
}
fieldset .helptext
{
    font-size:8pt;
    margin-left:125px;
    color:#808080;
}
input#uid, input#pwd {width:200px;}
 .field-validation-error
{
    color: #CB0000;
}

.input-validation-error
{
    border: 1px solid #CB0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    margin: 4px 0px 4px 0px;
    border:6px solid #ff0000;
    font-weight: bold;
    color: #CB0000;
    background-color: #ffeeee;
    padding:6px;
}
.content .menu h1 {font-size:12pt;font-weight:bold;margin-top:10px;}
.content .menu h2 {background:none;color:black;font-weight:normal;margin:0;padding:0;}

.alert {color:Red;}
.rssicon 
{
    position:absolute;
    right:2px;
    top:2px;
}

