@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	body: 0;
}
html {
	margin: 0;
	body: 0;
}
img { border: none; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	background: #6a492f;
}
h1 {
	font-family: Didot, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
h2 {
	font-family: Didot, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
h3 {
	font-family: Didot, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 90%;
	margin: 0 0 5px;
}
h4 {
	font-weight: normal;
	font-size: 70%;
	margin: 0 0 5px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7F6C4B; 
	font-size: 70%;
}
a {
	font-size: 100%;
	color: #4F3421;
	text-decoration: none;
}
a:link {
	color: #4F3421;
	text-decoration: none;
}
a:visited {
	color: #4F3421;
	text-decoration: none;
}
a:hover {
	color: #4F3421;
	text-decoration: none;
	border-bottom: 1px dotted #4F3421;
}
a:active {
	color: #4F3421;
	text-decoration: none;
	border-bottom: 1px solid #4F3421;
}

#header {
	width: 1024px;
	position: relative;
	display: block;
	background: url(../images/site/back-top.jpg) no-repeat center top;
	margin: 0 auto;
	z-index: 2;
}
#headercontent {
	position: relative;
	display: block;
	width: 900px; 
	height: 300px;
	margin: 0 auto; 
}

* html #headercontent {
	height: 180px;
}


#logo a {
	border: 0;
}
#tagline {
	width: 452px;
	position: absolute;
	display: block;
	top: 8px;
	right: 0;
	margin: 0;
	padding: 0;
}
#tagline h2 {
	font-size: 85%;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #4F3421;
}

#stores {
	width: 452px;
	position: absolute;
	display: block;
	right: 0;
	top: 45px;
}
#stores img {
	float: left;
	margin: 0 10px 0 0;
}
#stores h3 a {
	color: #fff;
}
#stores p a {
	color: #c6bf9b;
}
#location-berkeley h3 a {
	color: #fff;
}
#location-sf {
	width: 176px;
	float: left;
	padding: 0;
}
#location-berkeley {
	width: 176px;
	float: right;
	padding: 0;
}


#navigation {
	position: absolute;
	display: block;
	top: 117px;
	height: 21px;
	float: left;
	width: 100%;
	font-family: Didot, Georgia, "Times New Roman", Times, serif;
	text-align: left;
	padding: 1px 0 0;
	margin: 0;
}
#navigation a {
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	margin: 0 4px 0 0;
	padding: 4px 10px;
	border-bottom: none;
}
#navigation a:link {
}
#navigation a:visited {
}
#navigation a:hover {
	color: #fff;
}
#navigation a:active {
	color: #fff;
}
#navigation ul {
	float: left;
	list-style-image: none;
	text-align: left;
	margin: 0 0 0 13px;
	padding: 0;
}
#navigation li {
	float: none;
	display: inline;
	list-style-type: none;
	list-style-position: outside;
	text-indent: 0;
	text-align: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #4F3421;
}

#navigation a.hilite {color: #ffffff;}

#srchTop {float: left; position:relative; display:inline;}

div#search {
	float: right;
	position: absolute;
	right: 0;
	top: 115px;
	display: block;
	margin: 0 0px 0 0;
	padding: 0; width: 230px;
}
div#search input {
	float: left;
	position: relative;
	width: 161px;
	height: 25px;
	margin: -3px 5px 0 0;
	padding: 8px 0 0 10px;
	border: 0;
	color: #4F3421;
	background: url(../images/site/input-search.png) no-repeat center;
	
}


div#search p {
	float: none;
	margin: 0;
	padding: 0;
}
div#search p a {
	margin: 0;
	padding: 0;
}
div#search p a img {
	top: -1px;
	left: -1px;
	margin: 0;
	padding: 0;
}
div#search p a {
	border: 0;
}


.srchBtn {padding: 0px 0 0px 0;float: right;margin:-20px 25px 0 0px; position: relative; display: inline;}
input.bttnsrch {background: url(../images/site/button-search.png) no-repeat center; width:26px; height:26px; border:0; cursor:pointer;}




#content {
	width: 1024px;
	position: relative;
	display: block;
	background: url(../images/site/back-mid.jpg) repeat-y center top;
	margin: 0 auto;
	z-index: 3;
	min-height:400px;
	height:auto;
	padding-bottom: 20px;
}
#contentcontent {
	width: 900px; 
	margin: -120px auto 0; 
	z-index: 99;
}

*html #contentcontent {
	margin: 0px auto 0; 
}

#footer {
	width: 1024px;
	position: relative;
	display: block;
	background: url(../images/site/back-bottom.jpg) no-repeat center top;
	margin: 0 auto;
}
#footercontent { 
	width: 900px;
	height: 150px; 
	display: block;
	position: relative;
	margin: 0 auto; 
	padding: 35px 0 0;
}
.col4footer { 
	width: 176px; 
	position: relative; 
	display: block;
	float: left; 
	margin: 0; 
	padding: 0 24px 25px; 
}
.col4footer h3 { 
	color: #fff; 
	font-size: 100%; 
	font-weight: normal; 
	line-height: 165%; 
	margin: 0; padding: 0; 
}
.col4footer p { 
	line-height: 165%; 
	margin: 0; 
	padding: 0; 
}
.col4footer a { 
	font-size: 100%; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	padding: 1px 0; 
}
.col4footer a:link { 
}
.col4footer a:visited { 
}
.col4footer a:hover { 
}
.col4footer a:active { 
	color: #fff; 
}
.col4footer-col2-left {
	width: 98px;
	float: left;
}
col4footer-col2-right {
	width: 98px;
	float: right;
}

#subfootercontent { 
	clear: both;
	width: 900px; 
	margin: 0 auto;
}

.col4subfooter { 
	width: 176px; 
	position: relative; 
	display: block;
	float: left; 
	margin: 0; 
	padding: 0 24px 25px; 
}
.col4subfooter p { 
	font-size: 65%;
	color: #4F3421;
	line-height: 165%; 
	margin: 0; 
	padding: 0; 
}
#elativetag {
	width: 177px;
	float: right;
	display: block;
	margin: 0;
	padding: 1px 24px 0;
	text-align: right;
}
#elativetag p {
	float: right;
	font-size: 65%;
	color: #4F3421;
	line-height: 165%;
	text-align: right;
	margin: 0 0 5px;
	padding: 0;
}
#elativetag img {
	position: relative;
	top: -20px;
	border: 0px;
	margin: 0;
	padding: 0;
}
#elativetag a {
	border: 0;
}

.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}
* html .clearfix { 
	height: 1%; 
}
.clearfix { 
	display: block; 
}

.quicklinks {margin: 10px 20px;}
.quicklinks h3 {color:#8B845D;}

.quicklinks ul {
	list-style-image: none;
	text-align: left;
	margin: 0 0 0 0px;
	padding: 0;
}
.quicklinks li {
	float: none;
	display: block;
	list-style-type: none;
	list-style-position: outside;
	text-indent: 0;
	text-align: left;
	margin: 0;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #8B845D;
}

.quicklinks  ul li a { 
	font-size: 70%; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	padding: 1px 0; 
}
.quicklinks  ul li  a:link { 
}
.quicklinks  ul li  a:visited { 
}
.quicklinks  ul li  a:hover { 
}
.quicklinks  ul li  a:active { 
	color: #8B845D; }



.subnavs {margin: 10px 20px;}
.subnavs h3 {color:#8B845D;}

.subnavs ul {
	list-style-image: none;
	text-align: left;
	margin: 0 0 0 0px;
	padding: 0;
}
.subnavs li {
	float: none;
	display: block;
	list-style-type: none;
	list-style-position: outside;
	text-indent: 0;
	text-align: left;
	margin: 0;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #8B845D;
}

.subnavs  ul li a { 
	font-size: 70%; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	padding: 1px 0; 
}
.subnavs  ul li  a:link { 
}
.subnavs  ul li  a:visited { 
}
.subnavs  ul li  a:hover { text-decoration: none; color: #8B845D; border:0;
}
.subnavs  ul li  a:active { 
	color: #8B845D; }
	
li.subnavs-last {border: 0;}

a.subnavs-on, a.setup-on, a.location-on {color: #8B845D;}

.quotes {background: url(../images/site/quotes.png) no-repeat top left; width: 180px; height: 70px; font-size: 110%; 			font-family: Didot, Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0 0 30px;}

.quotes p {font-size: 75%; font-family: Didot, Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #8B845D; padding: 10px 18px; line-height: 140%;}


.form-lrg {
	float: left;
	position: relative;
	right: 0;
	/*top: 115px;*/
	display: block;
	margin: 0 0px 0 0;
	padding: 0 0 10px 0; width: 426px;
}
.form-lrg input {
	float: left;
	position: relative;
	background: url(../images/site/lrg_select.png) no-repeat center;
	width: 426px;
	height: 24px;
	margin: 0 0px 0 0;
	padding: 0px 0 0 0px;
	border: 0;
	color: #4F3421; line-height:170%; 
}

.form-lrg p {
	float: none;
	margin: 0;
	padding: 0;
}
.form-lrg p a {
	margin: 0;
	padding: 0;
}
.form-lrg p a img {
	top: -1px;
	left: -1px;
	margin: 0;
	padding: 0;
}
.form-lrg p a {
	border: 0;
}

.form-col1 {float: left; position: relative; width: 50%;}
.form-col2 {float: left; position: relative; width:40%; padding-left: 12px;}
*html .form-col2 {float: left; position: relative; width:40%; padding-left: 6px;}

.form2-col1 {float: left; position: relative; width: 50%;}
.form2-col2 {float: left; position: relative; width:20%; padding-left: 12px;}
.form2-col3 {float: right; position: relative; width:20%; padding-left: 12px;}

.form-med {
	float: left;
	position: relative;
	right: 0;
	/*top: 115px;*/
	display: block;
	margin: 0 0px 0 0;
	padding: 0 0 10px 0; width: 204px;
}
.form-med input {
	float: left;
	position: relative;
	background: url(../images/site/select_med.png) no-repeat center;
	width: 204px;
	height: 24px;
	margin: 0 0px 0 0;
	padding: 0px 0 0 0px;
	border: 0;
	color: #4F3421; line-height:170%; 
}

.form-med p {
	float: none;
	margin: 0;
	padding: 0;
}
.form-med p a {
	margin: 0;
	padding: 0;
}
.form-med p a img {
	top: -1px;
	left: -1px;
	margin: 0;
	padding: 0;
}
.form-med p a {
	border: 0;
}

.form-sm {
	float: left;
	position: relative;
	right: 0;
	/*top: 115px;*/
	display: block;
	margin: 0 0px 0 0;
	padding: 0 0 10px 0; width: 92px;
}
.form-sm input {
	float: left;
	position: relative;
	background: url(../images/site/select_sm.png) no-repeat center;
	width: 92px;
	height: 24px;
	margin: 0 0px 0 0;
	padding: 0px 0 0 0px;
	border: 0;
	color: #4F3421; line-height:170%; 
}

.form-sm p {
	float: none;
	margin: 0;
	padding: 0;
}
.form-sm p a {
	margin: 0;
	padding: 0;
}
.form-sm p a img {
	top: -1px;
	left: -1px;
	margin: 0;
	padding: 0;
}
.form-sm p a {
	border: 0;
}

.formBtn {padding: 10px 0 10px 0;}

input.formInput1 {background: url(../images/site/large-btn.png) no-repeat center; width:203px; height:24px; border:0; cursor:pointer;}
input.formInput2 {background: url(../images/site/large-drk-bttn.png) no-repeat center; width:203px; height:24px; border:0; color:#fff; cursor:pointer;}

.error {
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7F6C4B; 
	font-size: 70%;
}

.sidebar-right {
	height: auto;
	margin-bottom: 10px;
}
.align-right {
float:right;margin:0 0 10px 10px;
}
br.clear-all { clear: both; }
    .jquery-corner { position: relative; }
/*
.products a:link { color: #2e6b3c; }
.solutions a:link { color: #4e5d88; }
.bargains a:link { color: #b66e29; }
.news a:link { color: #6a2214; }

.products a:hover { color: #378d46; }
.solutions a:hover { color: #6d89c2; }
.bargains a:hover { color: #f2831c; }
.news a:hover { color: #ae381e; }

.products a:visited { color: #2e6b3c; }
.solutions a:visited { color: #4e5d88; }
.bargains a:visited { color: #b66e29; }
.news a:visited { color: #6a2214; }

.products a:active { color: #2e6b3c; }
.solutions a:active { color: #4e5d88; }
.bargains a:active { color: #b66e29; }
.news a:active { color: #6a2214; }
*/