/* styles */

body {
background: #d7d1b9 url('../images/siteBack.jpg') 0 0 repeat-x;
  margin: 0;
  padding: 0;
  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  color: #6B654A;
  letter-spacing: normal;
  text-align: center;
}

#special_attention { 
    padding: 5px;
    border: 1px dashed #333333;
}

#special_attention h1 {
    font-size: 16px;
    margin: 2px 0;
    padding: 0;
}

#special_attention p {
    font-size: 13px;
    margin: 0;
    padding: 0;
}
    

/* over ride */
img { border: 0 none; }

input { 
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    padding: 2px;
}

textarea, select, input[type=text], input[type=password]{
    border: 1px solid #A5A27F; 
    background: #ffffff;  
}

.margin10 { margin: 10px; }

a.nice_arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin: 0 10px;
}

p.red { 
    text-align: left;
    font-weight: bold;
    color: #cc0000;
    font-style: italic;
}

p.red span {
    color: #000000;
    font-style: normal;
}

h1.border { 
    font-size: 14px;
    color: #555555;
    border-top: 1px solid #555555;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
}

#theContainer {
    width: 850px;
    margin: 10px auto;
    border: 1px solid #333333;
    background: #ffffff;
}

#theHeader {
    width: 850px;
    height: 65px;
}

#theLogo {
    float: left;
    display: inline;
    width: 225px;
    height: 55px;
    padding: 5px;
}

#theCoupon {
    float: left;
    display: inline;
    padding: 5px;
    width: 420px;
    height: 55px;
}

#theCart {
    float: left;
    display: inline;
    width: 175px;
    height: 55px;
    padding: 5px;
    text-align: right;
}

#theCart a { 
    text-decoration: none;
    color: #6B654A;
}

#theCart p {
    margin: 0;
    font-weight: bold;
    color: #6B654A;
    font-size: 10px;
}

#theCart p.phone {
    margin: 2px 0;
    color: #789B8E;
    font-size: 14px;
    line-height: 16px;
    vertical-align: middle;
}

#theCart p.phone img {
    vertical-align: middle;
}



#theNavigation {
    width: 850px;
    text-align: center;
    height: 20px;
    border-bottom: 5px solid #A5A27F;
}

#theNavigation a {
    background: url('../images/middle.jpg') 0 0 repeat-x;
    border: 1px solid #A5A27F;
    border-bottom: none;
    padding: 2px 5px;
    display: inline-block;
    color: #4A4129;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
    margin: 5px 0 0 0;
}

#theNavigation a.specials-tab {
    background: url('../images/middle-special.jpg') 0 0 repeat-x;
}

#theNavigation a:hover {
    margin: 3px 0 0 0;
    padding: 3px 5px;
}


#theSubNavigation {
    width: 850px;
    text-align: center;
    border-bottom: 1px solid #A5A27F;
    background: #DEE7E7;
}

#theSubNavigation a {
    font-size: 9px;
    margin: 2px 7px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
}

#theBody { 
    
    margin: 10px;
}

#theLeft { 
    float: left;
    display: inline;
    width: 195px;
}



#theContent {
    float: left;
    display: inline;
    width: 625px;
    margin: 0 0 0 10px;
    text-align: left;
}

#theBody div.side_box {
    border: 1px solid #A5A27F;
    background: #ffffff;
    text-align: left;
}

#theBody div.side_box h1 {
    color: #ffffff;
    padding: 5px;
    margin: 0;
    background: #A5A27F;
    font-size: 12px;
}

#theBody div#categories {
    background: #ffffff;
    margin-top: 5px;
}

#categories a,
#policies_box a {
    display: block;
    border-top: 1px solid #DEE7E7;
    background: #ffffff;
    padding: 4px 5px;
    
    margin: 0;
    vertical-align: middle;
    text-decoration: none;
    font-weight: bold;
}

#categories a:hover,
#policies_box a:hover,
#categories a.active,
#categories a.active:hover,
#categories a.sub_cat_active:hover,
#categories a.sub_sub_cat:hover,
#categories a.sub_sub_cat_active:hover { 
    background: #DEE7E7;
}

#categories a.sub_cat,
#categories a.sub_cat_active {
    padding: 4px 10px 4px 6px;
    border: none;
    font-size: 10px;
    font-weight: normal;
    text-decoration: unerline;
}

#categories a.sub_cat_active {
   font-weight: bold;
   background: #E7F3F7;
}

#categories a.sub_cat span { color: #ffffff; }

#categories a.sub_cat:hover {
    text-decoration: none;
}

#categories a.sub_sub_cat,
#categories a.sub_sub_cat_active {
    padding: 2px 22px;
    border: none;
    text-decoration: none;
    font-weight: normal;
    font-size: 10px;
    background: #E7F3F7;
}

#categories a.sub_sub_cat_active { font-weight: bold; }

#theCenterColumn {
    float: left;
    display: inline;
    width: 420px;
    margin: 10px 0 0 0;
}

#theCenterColumn div.side_box {
    
}

#theRightColumn {
    float: left;
    display: inline;
    width: 195px;
    margin: 10px 0 0 10px;
}

#top_ten {
/*    width: 360px;
    margin: 10px 35px;  */
    margin: 10px 0;
}

#featured {
/*    width: 360px;
    margin: 0 35px; */
}

#theFooter {
    width: 840px;
    background: #A5A27F;
    margin: 10px 0 0;
    text-align: center;
    color: #ffffff;
    padding: 5px;
    font-size: 10px;
}

#theFooter a {
    color: #ffffff;
    text-decoration: none;
    font-size: 10px;
    margin: 2px;
    padding: 0;
    display: inline-block;
}

#theFooter a:hover {
    text-decoration: underline;
}

#theFooter div#theFooterLeft {
    float: left;
    display: inline;
    width: 445px;
    text-align: left;
}

#theFooter div#theFooterRight {
    float: left;
    display: inline;
    width: 394px;
    text-align: right;
}

#image_rotator {
    width: 625px;
    height: 220px;
    background: #ededed;
}

#image_rotator h6 { margin: 0; padding: 35px 0 0 0; text-align: center; }

#theContent h1.breadcrumb {
    background:  #DEE7E7;
    margin: 0;
    padding: 3px;
    font-size: 9px;
    font-weight: normal;
    text-align: left;
}

#theContent h1.breadcrumb a {
    font-size: 9px;
    font-weight: normal;
    text-decoration: none;
    color: #A5A27F;
}

#theContent h1.breadcrumb a:hover {
    color: #666666;
}

#categoryGrid h1, h1.header {
    border-bottom: 1px solid #666666;
    color: #666666;
    font-size: 15px;
    margin: 10px 0 2px;
}

#categoryGrid h2 {
    border-top: 1px solid #666666;
    border-bottom: 1px solid #A5A27F;
    font-size: 12px;
    padding: 5px 0 2px 0;
    margin: 5px 0;
}

#categoryGrid h2.no-borders {
    border:0px;
    border-bottom: 1px solid #A5A27F;
    font-size: 12px;
    padding: 5px 0 2px 0;
    margin: 5px 0;
}

#categoryGrid .content-odd3,
#categoryGrid .content-even3 {
    border: none;
}

#categoryGrid .title a {
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
}

#productGrid.category a {
    text-decoration: none;
}

/*  product page */
#theProductInfo {
    float: left;
    display: inline;
    width: 375px;
    color: #666666;
    font-family: Arial,Verdana,Helvetica,Sans-Serif;
}

#product_right {
    float: left;
    display: inline;
    width:  230px;
}

#theProductInfo h2 {
    margin: 5px 3px 5px 5px;
    padding: 0 0 3px 0;
    border-bottom: 1px solid #666666;
    color: #666666;
    font-size: 16px;
}

#productDescription {
    margin: 0;
}

#priceDetails { 
    clear: both;
    width: 335px;
    padding: 5px;
    border: double #666666;
    background: #e8e8df;
    margin: 15px 10px 5px;
}

#priceDetails div#price { 
        font-size: 14px;
        height: auto;
        margin-top: 5px;
        padding-top: 5px;
        width: 95%;
}
    
#priceDetails div#price p.pp {
        display: inline-block;
        margin: 0 10px 0 20px;
        line-height: 20px;
        vertical-align: middle;
}

#priceDetails div#price p.pp label,
#priceDetails div.form-label-nicer {
    float: left;
    display: inline;
    text-align: right;
    width: 95px;
    clear: left;
    margin: 0 5px 0 0;    
}

#priceDetails div.form-label,
#priceDetails div.form-label-nicer {
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
}

#priceDetails div.form-label-nicer {
    vertical-align: middle;
    margin-left: 20px;
    padding: 4px 0;
}
    


#priceDetails div#price p.pp span {
    float: left;
    display: inline;
/*    width: 190px; */
    text-align: left;
}

#priceDetails div#price p.pp span strike { color: #999999; }

#priceDetails div#price p.pp span.diff_price { color: #CF2514; }


#priceDetails div#p_box {
    width: 325px;
    margin: 5px;
    border: 1px solid #A5A27F;
}

#priceDetails div#p_box div.p_box_head {
   background: #A5A27F;    
    height: 25px;
    line-height: 25px;
    color: #ffffff;
    font-weight: bold;
}

#priceDetails div#p_box div.p_row { 
    background: #eeeeee;
    clear: both;
    padding: 3px 0;
    margin: 1px 0;
}

#priceDetails div#p_box div.column {
    float: left;
    display: inline;
    width: 31%;
    text-align: center;
}

#priceDetails div#p_box div.column span {
    color: #ff0000;
    font-weight: bold;
}

#priceDetails label.with_image {
    vertical-align: middle;
    width: 225px;
    margin: 0 0 10px;
    display: inline-block;
    clear: both;
}

#priceDetails label.with_image:hover {
    background: #DEE7E7;
}

#priceDetails label.with_image img {
    vertical-align: middle;
    float: right;
    display: inline;
}

#priceDetails div.form-field select {
    width: 200px;
}
    
    


div.brands {
    border-bottom: 1px solid #A5A27F;
    margin: 0 5px 10px;
    padding-bottom: 10px;
    clear: both;
}

#productDetail #prodThumbnails,
#productDetail #productPhotos {
    width: 230px;
    text-align: center;
    overflow: hidden;
}

#side_buttons {
    clear: both;
    margin: 10px 0;
    text-align: center;
    float: right;
    width: 230px;
}

#related h1, #detailGroup h1 {
    background: #DEE7E7;
    text-align: left;
    font-size: 13px;
    font-family:Verdana,Arial,Helvetica,Sans-Serif;
    padding: 3px 5px;
    border-top: 1px solid #404040;
}

#related {
    clear: both;
    float: right;
    width: 230px;
    text-align: center;
    border-bottom: 1px solid #404040;
    padding: 0 0 10px 0;
}

#related div.cross_product {   
    width: 180px;
    border: 1px solid #cccccc;
    margin: 5px 25px;
    padding: 10px 0;
}

#related div.cross_product a {
    text-decoration: none;
}



/* end product page */



#categoryGrid #categoryDescription {
    width: 100%;
}

#widgetFeatured { clear: both; height: 750px;  }

#widgetFeatured h1,
#top_ten h1 { clear: both; text-align: center; }


#widgetFeatured div.body { 
    width: 199px;
    height: 150px;
    float: left;
    display: block;
    text-align: center;
    margin: 4px;
    padding: 6px 0 0 0;
    
}

#widgetSpecials div.body,
#widgetSpecials div.all-link {
    width: 170px;
    margin: 5px 11px;
    text-align: center;
}

#widgetSpecials div.all-link {
    border-top: 1px solid #A5A27F;
    margin: 10px 11px;
    padding: 10px 0 0 0;
}

#viewCart #cartItems thead tr th { background: #A5A27F; }

#tinyCart {
    border: 1px solid #333333;
    background: #DEE7E7;
    padding: 5px 0;
    position: absolute;
    width: 216px;
    left: 50%;
    margin-left: 275px;
    font-size: 8px;
    top: 41px;
    z-index: 1001;
    height: auto;
}

#tinyCart h1 {
    font-size: 12px;
    padding: 2px 5px;
    border-bottom: 1px solid #A5A27F;
    clear: both;
    text-align: left;
    margin: 2px 0;
}

#tinyCart div.tiny_row {
    clear: both;
    border-bottom: 1px dashed #ffffff;
    padding: 3px 0;
    margin: 2px 0;
}

#tinyCart div.tiny_row div.t_qty,
#tinyCart div.tiny_row div.t_name,
#tinyCart div.tiny_row div.t_price  {
    float: left;
    display: inline;
    height: auto;
}
#tinyCart div.tiny_row div.t_qty { 
        width: 15px;
        text-align: center;
        font-size: 12px;
}

#tinyCart div.tiny_row div.t_name {
        width: 130px;
        text-align: left;
        border-left: 1px solid #333333;
        border-right: 1px solid #333333;
        padding: 0 3px;
        margin: 0 3px;
        font-size: 9px;
}    

#tinyCart div.tiny_row div.t_price { 
        width: 40px;
        text-align: center;
        font-size: 11px;
}

#tinyCart div.tiny_subs {
    clear: both;
    text-align: right;
    margin: 3px 10px;
    font-weight: bold;
}

#tinyCart div.tiny_subs a { font-size: 10px; }

#product_buttons {
    text-align: center;
    clear: both;
}

#gift_certs {
    border: 1px solid #333333;
    background: #DEE7E7;
    padding: 10px 0;
    position: absolute;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    font-size: 10px;
    top: 250px;
    z-index: 1001;
    height: auto;
}

#gift_certs h1 {
    font-size: 12px;
    padding: 2px 5px;
    border-bottom: 1px solid #A5A27F;
    clear: both;
    text-align: left;
    margin: 2px 0;
}

#productDetail #extraDetails,
#details #extraDetails {
    width: 320px;
}

#extraDetails div.form-label {
    width: 105px;
}

#extraDetails div.form-field {
    width: 75px;
}

#coupon_box {
    width: 300px;
    padding: 15px 0;
    background: url('../images/coupon_bg.jpg') 0 95% repeat-x;
    border: 5px dashed #666666;
}

#coupon_box h1, #coupon_box h2, #coupon_box h3 {
    text-align: center;
    margin: 2px 0;
}
    

div.contact_info {
    clear: both;
    margin: 15px 0;
}

.is_hiding { display: none; }

.floatLeft { float: left; display: inline; }
.floatRight { float: right; display: inline; }
img.floatLeft {
    margin: 0 10px 10px 0;
}
img.floatRight {
    margin: 0 0 10px 10px;
}
span.red { color: #CF2514; }
p.small_text { font-size: 10px; }

table#orderLister {
    width: 400px;
}

#productGrid .photo {
    height: 110px;
    vertical-align: middle;
    line-height: 110px;
}

#productGrid .photo a {
    line-height: 110px;
}

#productGrid .photo img,
#productGrid .photo a {
    vertical-align: middle;
}

/*fixes floating div problems*/
.clearfix:after, #theHeader:after, #theBody:after, #theContent:after,
#productDetail:after, #theProductInfo:after, #priceDetails:after, form:after,
#priceDetails div#price p.pp:after, div.brands:after, #widgetFeatured:after,
#priceDetails div#p_box div.p_box_head:after, #priceDetails div#p_box div.p_row:after,
#priceDetails div#p_box div.column:after, #priceDetails label.with_image:after,
#tinyCart:after, #tinyCart div.tiny_row:after, #theFooter:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */