﻿/*
Glass Medic
*/

body {
	font: .8em "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #363532;
	background: #f2f1ea url('images/toppbg.gif') repeat-x;
	margin: 0; padding: 0;
}

/*General and Class-------------------*/
h1 {font: 1.9em "Times New Roman", Times, serif; font-weight: bold; color: #44423b; margin: 16px 0 6px 0;}
h2 {font: 1.5em "Times New Roman", Times, serif; margin: 14px 0 5px 0;}
h3 {font: 1.2em "verdana", Times, serif; font-weight: bold; margin: 12px 0 6px 0;}
h4 {font-size: 1.1em; margin: 12px 0 6px 0;}
p {margin: 0 0 10px 0;}
ul li {list-style-type: square;}
a:focus {color: #ffffff;}
a:visited {color: #CC6600;}
a:link {color: #003399;}
a:hover {color: #CC6600;}

.button{
	background-color:ThreeDFace;
	background:transparent url('Images/butbg.gif') repeat-x;
	border-style:ridge;
	border-width: 1px;
	border-color: Gray;
}
.middleCopyBlack
{
    font-weight:bold
}
.shopbg
{
    background-color:red
}
.totalbg
{
    border-bottom:dotted 1px gray;    
    border-top:dotted 1px gray
}
img {border: 0;}
.image_border
{
    border:solid 1px #D6D6D0;
    padding:2px
    }
    .tblestyle
    {
        background-color:#AEAEA4;
        border:1px gray solid;              
    }
    .accntstyle
    {
    width:100%;
    border-collapse:collapse;
    border: #C0C0C0 1px inset; 
    border-left-style:outset; 
    border-top-style:ridge; 
    background-color:#F0F0EE;
    }
    .3pxspace
    {
        padding-top:3px;
    }
    
    
input {font: 1em arial, verdana, sans-serif;}
textarea {font: 1em arial, verdana, sans-serif;}
/*hr {background: #cfccbf; border: 0; color: #cfccbf; height: 1px; margin: 2px 0 8px 0;}*/
form {margin: 0; padding: 0;}
small {font-size: .85em;}
label {cursor: pointer;}

.clear {clear: both;}
.clear-right {clear: right;}
.center {text-align: center;}
.bright {color: #b19835;}
.secure {background: url('images/security-lock.gif') no-repeat left center; font-style: italic; font-size: .85em; padding-left: 20px; padding-top: 8px; color: #666;}
.secure-container {padding-top: 35px; text-align: center;}
.groove-logo_mini {background: url('images/groove-logo_mini.gif') no-repeat left center; padding-left: 22px;}
.page-numbers {text-align:right; padding: 2px 8px 10px 0;}
.view-all {background: url('images/bullet_view-all.gif') no-repeat left top; background-position: 0 7px; font-weight: bold; padding: 0 0 0 10px; margin: 0 0 0 2px;}
.catMark {font-size: 0.7em; font-weight: bold; letter-spacing: -2px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix {height: 1%;} /* Hides from IE-mac \*/
.questions-heading
{
	clear: both;
	color: #575867;
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 20px;
    margin-bottom: 3px;
    padding-top: 8px;
    border-top: 1px solid #eee;
}


/*end of: General and Class-----------*/
/*Signup Farm*/

#signup_column1 {
	padding: 4px 4px 20px;
	width:960px;
	margin: 0 auto;
}
#signupfooter {
	width: 940px;
	/*line-height: 1.4;*/
	background-color: #e4e0d0;
	border-bottom: 2px solid #adaa9e;
	background:url('images/footer.gif') repeat-x;
	color:white;
	margin:0 auto;
	
}
#signupfooter a{color:#ffffff}

#signupfooter a:hover{color:#000000;}

#signupfoot-container {
	clear: both;
	width: 960px;
	font-size: .9em;
	text-align: center;
	margin: 0 auto 0;
}
#signup-wrapper {
	clear: both;
	width: 960px;
	background: url('images/container-wrapper_bg.gif') no-repeat;
	background-position: 0 20px;
	margin: 0 auto;
}
#creatacnt-wrapper {
	clear: both;
	width: 960px;
	background: url('images/container-wrapper_bg2.gif') no-repeat;
	background-position: 0 20px;
	margin: 0 auto;
}
#contactus-wrapper {
	
	width: 550px;
	background: url('images/container-wrapper_bg.gif') repeat-y  ;
	background-position: 0 20px;
	margin: 0 auto;
	height:250px
	
}
#signuphead {
	color: #000000;
	margin: 4px 4px 10px 20px;
	font-size: .9em;
	font-weight: normal;
	font-family: Verdana;
	border-bottom: 1px dashed #f2f0e4;
	padding-top: 20px;
	width:500px;
}
#signuphead a{
color:#999999;
}
#signincolumn1 
{
	width: 90%;
	float: center;
	padding: 15px 20px 0 50px;
	margin-left:20px;
}

#signincolumnabout 
{
	width: 780px;
	float: center;
	padding: 15px 20px 0 50px;
	margin:0 auto;


}
#faqcolumnabout 
{
    position:inherit;
	width: 780px;
	padding: 15px 20px 0 50px;
	margin:0 auto;


}
#signupcolumnabout 
{
	width: 780px;
	float: center;
	padding: 15px 20px 0 50px;
	margin:0 auto;


}


#signin-column1 .padding {padding: 8px 10px 20px 10px;}
#signin-column2 
{
	width: 300px;
	padding: 15px 0 0 35px;
	float: left;
	margin-right:20px;	
}
#signcontainer{
background-color:#d6d6d0;
height:240px;
border:5px #ffffff solid;
}
#aboutuscontainer{
background-color:#d6d6d0;
height:240px;
border:5px #ffffff solid;
padding:20px;
font-family:Verdana;
font-size:12px;
}
#faqcontainer{
background-color:#d6d6d0;
border:5px #ffffff solid;
padding:20px;
font-family:Verdana;
font-size:12px;
}
.whitebg
{
    display:block;
    background:transparent url('Images/editbg.gif') repeat-x;   
    margin:5px;
    padding:5px;
    border-bottom:1px gray solid;
    border-top:1px gray solid;
    
}
.billingbg
{
    display:block;
    background:transparent url('Images/billingbg.gif') repeat-x;   
    margin:5px;
    padding:5px;

    
}
#contactcontainer{
background-color:#d6d6d0;
height:350px;
border:5px #ffffff solid;
}

#signcontainer p{
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	vertical-align:middle;
	width:350px;
}
#signcontainer td{

height:40px;
}
#needsignup{
background-color:#d6d6d0;
height:240px;
border:5px #ffffff solid;
float:left;

}




/*Signup End*/
/*Header------------------------------*/
#mainhead {
    color: #000000;
    margin: 4px 4px 10px 4px;
    padding: 2px 0;
    font-size: .9em;
    font-weight: normal;
    font-family:Verdana;
    border-bottom: 1px dashed #f2f0e4;
}
#mainhead a{
color:#CD9707;
/*color:#f7c331;*/
}

div.dotlines1{
width:525px;
border-top:1px gray dashed;
font-family:Verdana;
font-size:medium;
}
#dotlines {
width:525px;
border-top:1px gray dashed;
font-family:Verdana;
font-size:medium;
}

#cusli {
list-style-image:url('images/cusbul.gif');
font-size:11px;
font-family:Verdana;

}
#genverdana {
	
	font-family:Verdana;
	font-size:12px;
	text-align:justify;

}
#needhelp {
	position:absolute;
	left:21px;
	top:5px;
	width:246px;
	height:99px;
}
#logo {
	position:absolute;
	left:820px;
	top:25px;
	width:98px;
	height:67px;
}
#belron_logo {
	position:absolute;
	left:810px;
	top:25px;
	width:98px;
	height:67px;
}

#logo1  {
height:67px;
left:725px;
position:absolute;
top:19px;
width:98px;
}

#id3dsolid1 {
background-image:url("Images/3dsolid.gif");
background-repeat:no-repeat;
height:3px;
left:305px;
position:absolute;
top:60px;
width:405px;
}


#header {
	position: relative;
	width: 960px;
	height: 110px;
	margin: 0 auto;
}


#floater {
	position: absolute;
		top: 0;
		right: 20px;
	width: 273px;
	height: 91px;
	background: url('../atouchofbrass/images/floater_bg.gif') no-repeat;
}
#floater dl {display: none;}

ul#top-navigation {
	position: absolute;
	width: 500px;
	height: 30px; /*font: 1.1em Georgia, "Times New Roman", Times, serif;*/;
	list-style: none;
	margin: 0;
	padding: 70px 25px 0 0;
	left: 300px;


/*	color: #FFFFFF;*/
}

ul#top-navigation a:active {
/*	color: #ffffff;*/
	text-decoration: none;
	

/*	border-top: 2px solid #ded7bd;*/
}

ul#top-navigation a:visited {
    color: #ffffff;
	text-decoration: none;

/*	border-top: 2px solid #ded7bd;*/
}

ul#top-navigation a:link {
	color: #ffffff;
	text-decoration: none;
	

/*	border-top: 2px solid #ded7bd;*/
}
ul#top-navigation a:hover {
	color: #f7c331;
	border-bottom: 1px gray groove;
	border-top: 1px gray groove;
	border-left: 1px gray groove;
	border-right: 1px gray groove;
	margin-left:-1px;margin-right:-1px;
	background-color:#606460


/*	border-top: 2px solid #6f6b61;*/
}

ul#top-navigation li {
	display: inline;
/*	background: url('images/top-navigation-li_bg.gif') left center repeat-y; */
	padding: 0 6px 0 8px;
	margin: 0;
	border-left:1px #e5e5e5 dotted
}
ul#top-navigation li:first-child {
background: none;
}
#id3dsolid {
	position:absolute;
	left:305px;
	top:60px;
	width:473px;
	height:3px;
	background-image:url('Images/3dsolid.gif');
	background-repeat:no-repeat;
	}

/*end of: Header-----------------------*/

#container-wrapper {
	clear: both;
	width: 960px;
	background: url('images/container-wrapper_bg.gif') no-repeat;
	background-position: 0 20px;
	margin: 0 auto;
}
#container-wrapper1 {
	clear: both;
	width: 960px;
	background: url('images/container-wrapper_bg1.gif') no-repeat;
	background-position: 0 20px;
	margin: 0 auto;
}


#container {
	width: 936px;
	background: url('images/container_bg.gif') repeat-y;
	margin: 0 auto;
	padding: 0 0 40px 0;
}


/*Hyperlink class*/
.Hlclass
{
}
.Hlclass a:link {color: #003399;}
.Hlclass a:hover {color: #CC6600;}


/*Column1------------------------------*/

#col1 {
	float: left;
	width: 200px;
	font: 12px verdana, "Times New Roman", Times, serif;
	color: #fff;
	background: #8f8a7d url('images/col1_bg.gif') repeat-y;
	border-top: 20px solid #4a4d4a;
	

}
#col1 .heading {
	display: block;
	width: 192px;
	height: 24px;
	font: 12px "verdana";
	background-color: #d2c08e;
	padding-left:8px;
	line-height:22px;
	text-indent: 10px;
	background: aqua url('images/catbg.gif');
	background-repeat: no-repeat;
	color: #F7C331;
	font-weight: bold;
}

#col1 .heading a {color: #fff; text-decoration: none;}

#col1 ul {
	list-style: none;
	list-style-type: none;
	margin:0; padding: 0;
}
#col1 ul li {margin: 0; padding: 0; list-style: none;}
#col1 ul li a:active {
	display: block;
	width: 184px;
	background: url('images/navigation-li_bg.gif') repeat-x bottom;
	color: #000;
	text-decoration: none;
	margin: 0;
	padding: 3px 0 3px 16px;
	line-height: 20px;
}
#col1 ul li a:visited {
	display: block;
	width: 184px;
	background: url('images/navigation-li_bg.gif') repeat-x bottom;
	color: #000;
	text-decoration: none;
	margin: 0;
	padding: 3px 0 3px 16px;
	line-height: 20px;
}
#col1 ul li a: {background-color: #cccccc;}

#col1 ul li a:link {
	display: block;
	width: 184px;
	background: url('images/navigation-li_bg.gif') repeat-x bottom;
	color: #000;
	text-decoration: none;
	margin: 0;
	padding: 3px 0 3px 16px;
	line-height: 20px;
}
#col1 ul li a:hover {background-color: #ffffff;}
#col1 ul li.sub_item a:active {
	font-size: .9em;
	background: #979284 none;
	border-bottom: 1px solid #848074;
}
#col1 ul li.sub_item a:visited {
	font-size: .9em;
	background: #979284 none;
	border-bottom: 1px solid #848074;
}
#col1 ul li.sub_item a:link {
	font-size: .9em;
	background: #979284 none;
	border-bottom: 1px solid #848074;
}
#col1 ul li.sub_item a:hover {background-color: #a8a293;}

/*end of: Column1----------------------*/

/*Content------------------------------*/
#content {
	float: left;
	/*width: 555px; --without padding*/
	width: 525px;
	padding: 0 15px 15px 15px;
	background-color: #fff;
	border-top: 1px solid #cfcbbf;
}
#content p {line-height: 1.4;}
#content ul li {margin-bottom: 6px;}

#featured-products {text-align: center;}

/* #best-sellers-container {
border:1px gray dashed;
font-size:11px;
} */

#best-sellers-container {
background-color:#ffffff;
border:5px #cecece solid;
padding:20px;
font-family:Verdana;
font-size:12px;
}

#best-sellers-container a{
color:gray;
}
#best-sellers-container a:hover{
color:blue;
}
#best-imagebg
{
    border:solid 1px gray;
    padding:2px
}

#best-sellers-bg {
display:inline-block;
width:525px;
height:20px;
padding-top:0.4em;
background-color:#cecece;
font-family:Verdana;
font-size:12px;
font-weight:bold;
text-indent:10px;
vertical-align:middle;
}

#best-sellers-container em {
	font: 1.7em "Times New Roman", Times, serif;
	font-style: normal;
	display: block;
	width: 100%;
	background-color: #f1eee2;
}
/*end of: Content----------------------*/

/*Contact Form------------------------------------*/
#contact-form {width: 500px;}
#contact-form .col1 
{
	width: 105px;
	vertical-align: top;
	text-align: right;
}
#contact-form .col2 
{
	width: 350px;
	vertical-align: top;
	text-align: left;
}
/*end of: Contact Form----------------------------*/


/*Categories--------------------*/
.subcat-listing
{
    clear: both;
    background-color: #f6f4e8;
    font-size: .95em;
    margin: 16px 0;
}
.subcat-listing .heading {background: #847f73; height: 26px;}
.subcat-listing small {float: right; padding: 6px 7px 0 0;}
.subcat-listing h2 {margin: 0;padding: 2px 8px;}
.subcat-listing h2 a:active .subcat-listing small a:active
{
    color: #eee;
    text-decoration: underline;
}

.subcat-listing small a:visited
{
    color: #eee;
    text-decoration: underline;
}

.subcat-listing h2 a:visited
{
    color: #eee;
    text-decoration: underline;
}

.subcat-listing small a:link
{
    color: #eee;
    text-decoration: underline;
}

.subcat-listing h2 a:link
{
    color: #eee;
    text-decoration: underline;
}

.subcat-listing img {float: left; border: 1px solid #d3e6ed; margin: 4px;}
.subcat-listing .data {display: block; width: 335px; float: left;}
#content .subcat-listing .data ul {margin: 10px 0 0 20px; padding: 4px; line-height: 1.6;}
#content .subcat-listing .data ul li {line-height: 1.7; color: #bdb6a5; margin-bottom: 0;}
.subcat-listing .data ul li.view-all {list-style: none; margin-left: -14px;}

.category-heading {position: relative; width: 525px; height: 80px; background: url('images/h1_category.jpg') no-repeat top left;}
.category-heading h1 
{
	display: block;
	width: 420px;
	position: absolute;
		top: 10px;
		right: 20px;
	font: 2em "Times New Roman", times, serif;
	font-style: italic;
	font-weight: bold;
	text-align: right;
	background: none;
	color: #575867;
	margin:0; padding: 0;
}
.category-description {padding: 12px;}
.category-description p {clear: both; line-height: 1.5;}



/*Column3------------------------------*/
#col3 {
	width: 181px;
	float: left;
	font-size: .9em;
	text-align: center;
	border-top: 1px solid #cfcbbf;
	padding-top: 12px;
}
#col3 img.ad {margin: 0 0 8px 0;}
#boxtxt {
margin: 0 0 0px 0;
background:url('images/srchbg.gif') repeat-x;
padding-top:5px;
padding-bottom:5px;
vertical-align:middle;
}

#col3 .mini-container {
	width: 165px;
	text-align: left;
	background-color: #f7de87;
	border: 1px solid #c1bdb0;
	margin: 0 0 8px 7px;
}
#col3 .mini-container em {
	display: block;
	width: 160px;
	height: 18px;
	font: 11px verdana;
	font-weight: bold;
	font-style: normal;
	color: #fff;
	background-color: #424542;
	padding: 3px 0 2px 5px;
	background:url('images/located_bg.gif') repeat-x;
}
#col3 #mini-cart em {background: #9e998b url(images/mini-cart-header_bg.gif) no-repeat; padding-left: 30px; width: 135px;}
#col3 #located-md em {background: #9e998b url(images/located-md-header_bg.gif) repeat-x; padding-left: 30px; width: 135px;}
#col3 .mini-container em a {color: #fff; text-decoration: none;}

#col3 .mini-container .data {padding: 6px 6px 4px 6px; border:2px;}
#col3 .mini-container .data input.submit {margin-top: 4px;}
/*end of: Column3----------------------*/

.best-sellers
{
    float: left;
    width: 160px;
    height: 222px;
    font-size: .85em;
    text-align: center;
    margin: 2px;
    padding: 3px;
}
.best-sellers p {line-height: 1.2;}
.best-sellers a {font-weight: bold; font-size: 1em;}

/*Footer--------------------------------*/
#footer-container {
	clear: both;
	width: 960px;
	font-size: .9em;
	text-align: center;
	margin: 0 auto 0;
	
}
#footer {
	width: 936px;
	/*line-height: 1.4;*/
	background-color: #e4e0d0;
	border-bottom: 2px solid #adaa9e;
	background:url('images/footer.gif') repeat-x;
	color:#ffffff;
	margin:0 auto;
	font-size:11px;
	font-family:Verdana;
	
}
#footer a:link{
color:#ffffff;
}
#footer a:visited{
color:#ffffff;
}
#footer a:hover{
color:#000000;
}
#footer a{color:#ffffff}
/*end of: Footer-------------------------*/

