/* ---------------------------------------------
 GLOBAL
--------------------------------------------- */

html {
	font-size: 100%;
	}
	
body {
	font: normal 11px Helvetica, Arial, sans-serif;
	line-height: 13px;
    color: #666;
	padding: 0;
	margin: 0;
	background: #fff url(/_images/common/bg_navystripe.gif) top left repeat-x;
	width: 100%;
	}
	
.clearfix {
	clear: both;	
	margin: 0px;
	padding: 0px;
	height: 0px;
	}
	
/* for IE7 */
    .clearfix { min-height: 0; }

/* for IE<7 \*/
    * html .clearfix { height: 1%; }	
	
/* for IE-mac (snicker) */
    /*\*//*/ .clearfix { display: inline-table; } /**/
	
	
/* ---------------------------------------------
 SITE WRAPPER
--------------------------------------------- */

#siteWrapper {
	width: 782px;
	height: 100%;
	margin: 0;
	padding: 0;
	} 
	
	
/* ---------------------------------------------
 HEADER/NAV
--------------------------------------------- */

#slimHeader {
	width: 782px;
	height: 180px;
	margin: 0;
	padding: 0;
	} 

a#logo_saccabc {
	width: 215px;
	height: 121px;
	margin: 45px 0 0 10px;
	background: url(/_images/common/logo_topleft.gif) no-repeat 0 0;
	float: left;
	text-indent: -9999px;
	position: relative;
	z-index: 100;
	border-right: 1px solid #ccc;
	}

/* ---------------------------------------------
 NAV
--------------------------------------------- */
	
#nav {
	float: left;
	width: 525px;
	height: 24px;
	margin: 145px 0 0 20px;
	display: inline;
	font: normal 13px Georgia, 'Times New Roman', Times, serif;
	}


#nav li {
	display: inline;
	padding: 0;
	float: left;
	}
	


#nav li.navSpacer {
	width: 30px;
	height: 16px;
	background: url(/_images/common/nav_spacer.gif) bottom center no-repeat;	
	padding: 0;
	margin: 0;
	}
	
#nav li a, #nav li a:visited {
	color: #00457c;
	text-decoration: none;
	}
	
#nav li a.selected {
	color: #f2b300;
	}

#nav li a:hover {
	color: #f2b300;
	}
	
/* ---------------------------------------------
 MASTS
--------------------------------------------- */



#mastContainer {
	width: 782px;
	height: 210px;
	margin: 0;
	padding: 0;
	display: block;
	background: #f2b300;
	} 
	
#mastImage {
	width: 555px;
	height: 210px;
	display: block;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 0;
	margin: 0 0 0 226px;
	}

	
/* ---------------------------------------------
 CONTENT
--------------------------------------------- */

#contentContainer {
	width: 556px;
	margin: 50px 0 0 226px;
	padding: 0;}
	
	
/*Content Styles*/

h1 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 19px;
	font-weight: normal;
	color: #f2b300;
	padding-bottom: 18px;	
	}
	
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 16px;
	font-weight: lighter;
	color: #333;
	padding: 10px 0 0 0;
	letter-spacing: -0.04em;
	}

h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	height: 16px;
	font-weight: lighter;
	color: #000;
	padding: 10px 0 0 0;
	letter-spacing: -0.04em;
	}
	
.accentBlack {
	color: #000;
	}

#content p.intro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 10px;
	}
	
#content p {
	font: normal 11px Helvetica, Arial, sans-serif;
	line-height: 16px;
	margin-bottom: 14px;
	}
	
#content p a, #content p a:visited, #content li a, #content li a:visited {
	color: #6699cc;
	text-decoration: none;
	}

#content p a:hover, #content li a:hover {
	color: #000;
	}
	
#content ul.intro {
	padding: 0 0 12px 15px;
	}

#content ul.intro li {
	padding: 0 0 7px 5px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	list-style: disc;
	}
	
#content ul {
	padding: 0 0 12px 15px;
	}

#content ul li {
	padding: 0 0 3px 5px;
	font: normal 11px Helvetica, Arial, sans-serif;
	list-style: disc;
	}

#form {
	width: 350px;
	}
	
#form p.formTitle {
	float: left;
	margin: 0;
	padding: 3px 0 3px 0;
	}
	
#form .formBox {
	margin-left: 150px;
	padding: 0;
	}
	
#newsBox {
	width: 536px;
	padding: 5px 10px 5px 10px;
	background: #ccc;
	}
	
#newsBox p {
	font: 10px Helvetica, Arial, sans-serif;
	line-height: 12px;
	margin-bottom: 14px;
	}
	
#newsBox p a, #content p a:visited {
	color: #6699cc;
	text-decoration: none;
	}

#newsBox p a:hover {
	color: #000;
	}
	
.shopCart {
	width: 550px;
	}
	
.shopCart td {
	font: normal 11px Helvetica, Arial, sans-serif;
	line-height: 16px;
	margin: 5px 0 5px 0;
	}
	
.horizRule {
	width: 550px;
	border-top: 1px solid #ccc;
	padding: 5px 0 5px 0;
	}
	
/*--CheckOut--*/ 
.contactFormLabel {
	width: 160px;
	float: left;
	margin: 0 0 12px 0;
	padding: 1px 0 0 0;
	}
	
.contactFormField {
	width: 220px;
	float: left;
	margin: 0 0 12px 30px;
	}
	
.req {
	color: #ff0000;
	}
	

/* ---------------------------------------------
 FOOTER
--------------------------------------------- */

#footer {
	width: 556px;
	margin: 60px 0 0 226px;
	padding: 20px 0 6px 0;
	color: #999;
	border-top: 1px solid #ccc;
	} 

#footerNav {
	float: left;
	width: 400px;
	height: 24px;
	font: 9px normal Helvetica, Arial, sans-serif;
	text-align: left;	
	}

#footerNav li {
	display: inline;
	padding: 0 10px 0 0;
	}
	
#footerNav li a, #footerNav li a:visited {
	color: #6699cc;
	text-decoration: none;
	}

#footerNav li a:hover {
	text-decoration: underline;
	}
	
#footer .legal {
	font: 9px normal Helvetica, Arial, sans-serif;
	float: right;
	width: 100px;
	text-align: right;
	}