@charset "utf-8";
/* ========== Bracing Systems Main CSS Styles ========== */

/*	
	1.Defaults
	2.Header
		a.Logo
	    b.Locations
		c.Links
		d.Cart
	3.Navigation
	4.Submenu
	5.Manufacturers
	6.Footer
	7.Copyright
*/

/* ==================== 1.Defaults ==================== */

* {margin:0px; padding:0px;}

body {background:#FFF url(../images/bg-main.jpg) repeat; font:12px Arial, Helvetica, sans-serif; color:#666;}

h1 {font-size:1.8em; color:#0B2B58; margin-bottom:12px;}

h2 {font-size:1.5em; color:#0B2B58; margin-bottom:12px;}

/*h1,h2,h3 {margin-bottom:4px; color:#000;}*/

a, a:hover, a:active, a:focus {text-decoration:underline; outline:none;}

a {color:#1F7798; text-decoration:underline;}
	
a:hover {color:#F90; text-decoration:none;}

img {border:none;}
	
ul {list-style:none;}

blockquote {margin-left:12px;}
	
.clear {clear:both; font-size:0px;}
	
.err {color: #F00; font-weight: bold;}

.img-clear {clear:both; display:block; padding-top: 12px;}

.img-left {float:left; margin-right:10px; padding:3px;}
	
.img-left-bdr {float:left; margin-right:15px; margin-top:5px; padding:3px; border:#CCC 1px solid;}

.img-right {float:right; margin-left:15px; padding:3px;}
	
.img-right-bdr {float:right; margin-left:15px; margin-top:5px; padding:3px; border:#CCC 1px solid;}
	
#wrapper {width:960px; margin:20px auto 0px auto; background:url(../images/bg-wrapper.gif) repeat-y center;}

#content-container {float:left; width:930px; padding:15px; height:auto; min-height:450px;}

* html #content-container {height:450px;}

/* ==================== 2.Header ==================== */

#header {width:960px; height:112px; float:left; color:#FFF; background:url(../images/bg-header.jpg) no-repeat; }

/* ---- a.Logo --- */

#logo {width:180px; height:112px; float:left; margin-right:15px; display:block;}

#logo p {display:none;}

/* ---- b.Locations ---- */
	
#header dl {width:270px; height:50px; float:left; margin-top:15px; margin-right:27px; margin-bottom:17px; display:block;}

#header dt {font-size:1.3em; font-weight:bold; color:#F90;}

#header dd {width:130px; float:left; margin-right:5px; display:block; text-align:left;}

#header dl.sm-location {width:240px;}

#header dd.sm-address {width:100px;}

/* ---- c.Header Links ---- */

#header-links {width:175px; font-size:.9em; margin-top:15px; padding-right:15px; padding-top:4px; float:right; display:block; color:#F90; text-align:right;}

#header a {color:#FFF; text-decoration:none;}
	
#header a:hover {color:#9FF; text-decoration:underline;}
	
/* ---- d.Cart ---- */

#shopping-cart {background: url(../images/icon-cart.gif) no-repeat 2px 3px; padding:4px 0px 4px 2px; width:170px; display:block; margin-top:4px; font-size:1.4em; font-weight:bold; }

#shopping-cart a {color:#9FF;}

#shopping-cart a:hover {color:#0F0; text-decoration:none;}

/* ==================== 3.Navigation ==================== */

#navigation {width:765px; height:30px; float:left; font-weight:bold; font-size:.9em;}
	
#navigation li {display:inline;}

#navigation a, #navigation a:hover {float:left; display:block; text-decoration:none;}

#navigation a {color:#1F7798; height:23px; padding:7px 19px 0px 19px;}

#navigation a:hover {color:#1F7798; background:url(../images/btn-hover.jpg) no-repeat top right;}

#navigation a.active, #navigation a.active:hover  {color:#FFF; background:url(../images/btn-active.jpg) no-repeat top right;}

#navigation a.last-btn, #navigation #aAbout.active {padding-right:21px;}

/* ==================== 4.Submenu ==================== */

#submenu {width:940px; height:20px; padding:10px; float:left; font-weight:bold; background:#0C2C59; color:#000; display:block;}

#search-container, #search-container input, #email-container input {float:left;}

#email-container {float:right; width:570px; text-align:right;}
	
#email-container p {display:block; float:left; font-weight:bold; color:#9FF; margin-right:12px; margin-top:3px;}

#email-container input, #search-container input {width:225px; border:1px solid #FFF; padding:2px; color:#999;}

#submenu input.btn {width:61px; height:21px; padding:0px; border-width:0px 1px 1px 1px; border-style:solid; border-color:#FFA44D; margin-left:10px;}

/* ==================== 5.Manufacturers ==================== */

#manufacturers {width:930px; padding:15px; background:url(../images/bg-manufacturers.gif) no-repeat center top; text-align:center; float:left;}

#manufacturers img {margin:0px 8px; display:inline;}

/* ==================== 6.Footer ==================== */

#footer{float:left; width:960px; height:110px; background:#FFF url(../images/bg-footer.jpg) no-repeat center top;}

#footer ul {float:left; width:525px; padding:30px 0px 0px 15px;}	

#footer li {float:left; display:block; margin-right:10px; margin-bottom:15px;}	
	
#footer ul li a {font-weight:bold; color:#FFF; text-decoration:none;}
	
#footer ul li a:hover{color:#9FF; text-decoration:underline;}

#footer div {float:right; width:265px; padding-right:20px; margin-top:30px;}

#footer div p.title {color:#F90; font-size:1.4em;}

#footer div p {color:#FFF; font-size:.9em;}

#footer div p a {color:#9FF; text-decoration:none; font-weight:bold;}

#footer div p a:hover {color:#FFF; text-decoration:underline;}

/* ==================== 7.Copyright ==================== */

#copyright{width:930px; padding:20px 15px; height:40px; clear:both; margin: 0px auto;}

#copyright p {font-size:.9em; color:#666; float:left;}

#copyright p.spectrum {float:right;}

#copyright a {color:#666; text-decoration:none;}

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