@import url("styles_fontsize.css");
@import url("styles_mnav.css");
/************ general navigation  ************/
body 
	{font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0; margin:0;
	background-repeat: repeat-x;
	background-image: url("header_bg.gif");
	background-color:#FFFFFF;}

img {/*/*/border:none;/**/}
.first {/*/*/margin: 5px 0 5px 0;/**/}
.updated {font-size: 10px; font-weight:bold; color: #b80000;}
#opt-col {width: 175px;}

/************* navigation ************/

#shoppingmenu {margin: 10px 0 15px 0;}
#subnav {margin:0; padding:0; vertical-align:top; border-right: 1px solid #0084BF; width: 150px;}
/*#subnav img{margin: 0; padding:0;}*/
#subnav dl {margin: 0; padding: 0;}
#subnav dt {margin: 0; padding: 0;}
#subnav dd {margin: 0; padding: 0;}
#subnav ul {margin: 0; padding: 0; list-style-type: none;}
#subnav ul.subnav li {margin: 0; padding: 0; list-style-type: none; height: 15px;}
.subhead {margin: /*/*/10px 0px 5px 0px/**/}
#subnavspacer {border-right: 1px solid #0084BF;}
.subnavspacer {height: 1px;}

#shop .arrow-back a, #mcon .arrow-back a {background: url("arrow_back.gif") no-repeat left top; padding-left: 12px; padding-bottom: 15px; font-weight: bold; text-align:left; display: block; color: #CF3F0F; text-decoration: none; font-size: x-small}
#shop .arrow-back a:link, #shop .arrow-back a:visited, #mcon .arrow-back a:link, #mcon .arrow-back a:visited {color: #CF3F0F; text-decoration: none;}
#shop .arrow-back a:hover, #mcon .arrow-back a:hover {color: #CF3F0F; text-decoration: underline;}
#shop .arrow-back a:active , #mcon .arrow-back a:active {color: #CF3F0F; text-decoration: none;}

/************* footer ************/
#footercon {/*/*/margin: 30px 25px 10px 25px;/**/text-align:center;border-top: 1px solid #0084BF; padding: 20px 0 20px 0;font-family:Verdana, Arial, Helvetica, sans-serif;}

#footercon p#collab {text-decoration: none; color: #666;}
#mcon #footercon a, #shop #footercon a, #footercon a {color: #666; text-decoration: none;}
#mcon #footercon a:visited, #shop #footercon a:visited, #footercon a:visited {color: #666;}
#mcon #footercon a:hover, #shop #footercon a:hover, #footercon a:hover {color: #666;}
#mcon #footercon a:active, #shop #footercon a:active, #footercon a:active {color: #666;}
/************* general shop ************/
#shop {vertical-align:top; width:800px; padding:0; margin-top: 10px;}
#shop ul, li {font-family:Verdana, Arial, Helvetica, sans-serif;}
#shop img {display:block;}
#shop p{font-family:Verdana, Arial, Helvetica, sans-serif;}
.customer {border-bottom:1px solid #999999; margin-bottom: 20px;}

/************* list of products (all views) ************/
#shop a {color:#0084BF;}
#shop a:visited {color:#666666;}
#shop a:hover {color:#666666;}
#shop a:active {color:#0084BF;}
#all {vertical-align:top; padding: 10px 25px 0px 25px;}
#all h1 {font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: small;text-transform: uppercase;}
#all h2, #all h1#bg-line {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*/*/background-image: url(shim2.gif);/**/
	/*/*/background-repeat: repeat-x;/**/
	/*/*/background-position: bottom;/**/
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:0;
	width: 613px;}

#all h2.bg {margin-top: 10px; color: #fff; background-color: #999; padding: 2px; background-image: none; border-bottom: 1px solid #ccc;}

h2.bg {width: 100%; height: 1.25em;}
h2.bg a.totop {float:right; font-size: x-small; color: #fff;}
#shop h2.bg a.totop:link, #shop a.totop:visited,#shop a.totop:hover,#shop a.totop:active{color: #fff;}
h2.bg .hdr {float: left;}

td.prod-row {
	/*background-image: url(bg_prod_row.gif);
	background-repeat: repeat-x;
	background-position: bottom;/**/}

#all p{font-family:Verdana, Arial, Helvetica, sans-serif;}
#all .price {
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	padding:1px; 
	text-align:center;
	vertical-align: top;
	font-weight:bold;
	height:20px;
	width:118px;}
#all .thumbnail {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:3px; 
	text-align:center;
	vertical-align:top;
	height:140px;
	width:118px;}
#all .thumbnail img {padding-top:20px; padding-bottom:5px;}
#all .acbuy {
	height:40px; 
	width:118px; 
	text-align:center; 
	vertical-align: top;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
#all .moreinf {height:40px; width:118px; text-align:center; vertical-align: top;}
#all .prodname {
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-weight:bold;
	height:60px;
	width:118px; 
	text-align: center;
	vertical-align: top;}

#all .tri-cat .prodname {height: 40px;}

#all .newprod {text-align: center; display:block;}
.menu-con {margin: 20px 0 20px 0;}
td.menu {vertical-align: top; padding: 3px; text-align: left;}

#all h2.menu {
	font-size: .85em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: none;
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
	width: auto;}
ul.menu {
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:0;}

ul.menu li{
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:0;}

/******  IR for Sixty8 logo   ********************/

#sixty8-logo {
	width: 220px;
	height: 39px;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;	
	text-indent:-9999px;
	background: url(68cgfb.jpg) top left no-repeat;
	font-size: xx-small;}

/************* Individual product pages ************/

.prodspacer {
	height: 20px;
	background-image:url(shim4.gif);
	background-repeat:repeat-x;
	background-position:top;
	/*/*/margin:15px 0 20px 0;/**/}
#prod .prodimg {
	width:300px;
	text-align:right;
	vertical-align:top;
 	padding:3px;}
#prod .prodimg img {/*/*/border:1px solid #dedede;/**/}
#prod .prodescrip {font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:top; width:350px; padding-top:3px; padding-right:3px; padding-bottom:3px; padding-left:20px;}
#prod .longdescrip {font-family:Verdana, Arial, Helvetica, sans-serif;}
#prod #prodmain {width:650px;}
#prod .prodsub {width:650px; margin-top: 30px;}
#prodmulti{width:650px; margin-top: 30px;}
.prodmulti {vertical-align:top;}
.prodsub-header {padding-top:25px; padding-bottom:10px;}
#prod {padding: 0 25px 0px 25px; width:650px;}
#prod h1 {font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left;}
#prod h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
#prod .clickview {font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center;}
#prod .price, #prod .buy {font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; display:block;}
#prod .price {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}

/************* all pages except shopping  ************/
/**** EDITS TO THESE STYLES REQUIRES UPDATES TO SYMBOLIC LINK: syles_share.css ****/
#noshop {width:800px; margin-top: 10px;}
#mcon a {color:#0084BF;}
#mcon a:visited {color:#666666;}
#mcon a:hover {color:#666666;}
#mcon a:active {color:#0084BF;}
#mcon {vertical-align:top; padding:0 25px 10px 25px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#mcon #imghdr {
	background-image: url(horizontalline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 0 0 5px 0;
	margin: 5px 0 30px 0;}

#hdr #imghdr  {
	font-size: 11px;	
	padding: 30px 0 5px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #0084BF;}

#mcon h2 {font-weight:bold;	margin-bottom:0; padding:0;}
#mcon h2.bdr, #mcon h3.bdr {border-top: 1px solid #0084BF; padding-top: 20px;}
#mcon h3 {font-weight:bold;	margin-bottom:0; padding:0;}
#mcon .center {text-align:center;}
.nobullet {
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:0;}
.nobullet2 {
	list-style-type: none;
	list-style-image: none;
	margin: 10px 20px 20px; 
	padding:0;}

ul.nobullet li{
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding-bottom:10px;}

ul.nobullet2 li{
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding-bottom:0;}

.caption {font-family: Verdana, Arial, Helvetica, sans-serif;}
.floatr-bdr {float: right; border: 1px solid #ccc; margin: 0 0 15px 20px; clear: right;}
.floatl-bdr {float: left; border: 1px solid #ccc; margin: 0 20px 15px 0; clear: left;}
.floatr2 {float: right; margin: 5px 0 15px 10px; padding:0; text-align: center; clear: right;}
.floatl2 {float: left; margin: 5px 10px 15px 0; text-align: center; clear: left;}
.floatl {float: left; margin: 15px 10px 15px 0; text-align: center; clear: left;}
.floatr {float: right; margin: 15px 0 15px 10px; text-align: center; clear: right;}
.totop {text-align: right; font-weight: bold;}

/* shop rides - NOTE: changes to this section will require updates to /calshare/common/styles_share.css */
#ridehdr {text-align:center;}
#ridehdr h1 {margin: 0; padding:0;}
#ridehdr  ul{list-style-type: none; margin: 0;padding: 0;}
#ridehdr  ul li{
	padding: 0 0 10px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align:center;}
#checklist {/*/*/
	float:right;
	background-color:#eeeeee; 
	border:1px solid #999999; 
	padding:0px;
	margin-left:20px;
	width:165px;
	font-family: Verdana, Arial, Helvetica, sans-serif;/**/}
	
#noteshdr {background-color:#ffffff; border-bottom: 1px solid #666666;}
#noteshdr h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	text-align:center;
	padding: 3px;
	margin: 0;}
#notes h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; margin-bottom:10px; padding:0;}
#notes h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; margin-bottom:0; padding:0;}
#notes {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding: 10px 3px 3px 3px;}	
#notes p{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#notes ul {/*/*/margin:0 0 0 10px;/**/ padding:0; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#notes li {/*/*/margin:0 0 0 5px;/**/ padding:0; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}

/* Northern Cal rides */
#norcalcon {border:1px solid #5D85B2;}
.norcalrt {vertical-align:top;padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.norcallt {vertical-align:top;padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
#tellfriend2 {font-family:Verdana, Arial, Helvetica, sans-serif; width:450px; text-align:center; padding:5px 5px 1px 5px;}
#tellfriend2 form {border:1px solid #5D85B2; padding:20px 0 10px 0;}
#tellfriend {background-color:#CCCCCC; text-align:center; padding:5px 5px 1px 5px;}
#tellfriend form {border-top:20px solid #5D85B2; border-bottom:20px solid #5D85B2;padding:10px 0 10px 0;}
#printpdf {margin-top:10px; /**/text-align:right;/*/*/ font-weight:bold; font-size:10px; background-color:#BCE0FE;padding:5px;}
#printpdf2 {margin:0; padding:0 10px 0 0; /**/text-align:right;/*/*/ font-weight:bold; font-size:10px;}

/* CONTACT styles  *****/
#sec-con h2 {margin: 0 0 5px 0px; padding: 0; text-align: center;}
#sec-con dl{ margin: 0 0 0 0; padding: 0;}
#sec-con dt{
	text-align: center; 
	margin: 5px 0 5px 0;
	padding: 10px 0 0 0;
	font-weight:bold;
	text-transform: uppercase;}
#sec-con dd{
	margin: 0;
	padding: 0 0 10px 10px;}
#sec-con table {margin-top: 30px;}
#sec-con td {vertical-align:top; width: 33%;}
#sec-con td#col-one{padding-right: 10px; }
#sec-con td#col-two{padding-left: 10px; padding-right: 10px; border-left: 1px solid #0084BF; text-align: left;}
#sec-con td#col-three{padding-left: 10px; border-left: 1px solid #0084BF;}


/*********************** 3rd party SHOPPING CART ***********************/
.shopsubmenu {padding-top:10px; padding-bottom:15px; padding-left:25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.Background {BACKGROUND-COLOR: #cccccc;}
.Background2 {BACKGROUND-COLOR: #FFFFFF;}
.AccentColor {BACKGROUND-COLOR: #6699CC;}
.AccentColor2 {BACKGROUND-COLOR: #99CCFF;}
.CustomerWelcome {FONT-SIZE: 75%;}

/** Search **/
#searchform {margin: 0 0 10px 0; padding: 0 0 0 8px;}
#searchform label
	{font-size: xx-small;		
	/* ie5win */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: x-small;
	}html>body #date{
	font-size: x-small;
	/* ie5win ends */}
#searchbx {
padding: 0; margin: 0;
width: 99px; 
border-top: 1px solid #ccc;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #ccc;}
#search-button {padding: 0; margin: 0; vertical-align: middle;}

#searcht {background-color:#f2f2f2; border: 1px solid #ccc; padding: 10px; width: 650px;}
#searcht select {text-align: left;}
#searcht td {vertical-align: bottom;}
#search-res hr {color: #FFF;}

/* employ */
.employ {border: 1px solid #999; margin-top: 25px;padding: 2px 2px 5px 2px; width: 85%; margin: 20px auto;}
#mcon .employ h3 {background-color: #0084BF; margin: 0; border-bottom: 1px solid #ccc; padding: 5px 5px 5px 5px; color: #000; font-size: .85em; text-align: center; color: #fff;}
#mcon .employ p {padding: 0 10px 0 10px; margin-top: 10px;}