/* CSS Document */

/**************************************/
/********** General Styles ************/
/**************************************/
body {text-align: center;margin: 15px;padding: 0px; font:11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	pxosition:relative;	color: #666;
	background: #ccc;
}

.clearer{clear:left;line-height:0px; height:0px;font-size:0px;}
.clearerR{clear:right;line-height:0px; height:0px;font-size:0px; }
.clearerL{clear:left;line-height:0px; height:0px;font-size:0px;}
.clearerB{clear:both;line-height:0px; height:0px;font-size:0px;}

.imgFix{display:block;}
.hrDiv{border-top: 1px solid #c0c0c0; width:100%; line-height:1px; font-size:1px; margin:4px 0; padding:0;}

form, input{margin:0;padding:0;}
form img {
	position: relative;
}
html>body form img {
	position: relative;
	margin-bottom: 7px;
}
	option{color:#333;}

p, ul {font-size:11px;margin-top: 0;line-height: 150%;}

h1 {
	font: bold 16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #698510;
	margin-top: 0;
	margin-bottom: 20px;
}
h2 {
	font: bold 14px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #698510;
	margin-top: 0px;
	margin-bottom: 5px;
}
h3 {
	font-size: 13px;
	margin-top: 0;
	line-height: 150%;
	color: #698510;
	margin-bottom: 0;
}
h4 {
	font: bold 14px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin-top: 0px;
	margin-bottom: 5px;
}
a:link, a:visited { 
	color: #698510;
	text-decoration: none;
	font-weight: bold;
}
a:hover, a:active, a:focus {
	color: #698510;
	text-decoration: underline;
	font-weight: bold;
}

blockquote {
	font-size:10px; 
	padding:8px 10px 0 10px; 
	margin:1em 0; 
	border: 1px solid #e0e5cf; 
	background: #e0e5cf url(/images/bg.blockquote3.gif) repeat-x top left;
}

blockquote p.quote { 
	color: #698510; 
	font-size:13px;
}
	
/**************************************/


.holder {
	width: 770px;
	background: url(/images/bg.holder.gif) no-repeat left bottom;
	text-align: left;
	position: relative;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
}
.holder_related {
	width: 770px;
	background: url(/images/bg.holder_related.gif) no-repeat left bottom;
	text-align: left;
	position: relative;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
}

/* My Comment */
.header {
	height: 102px;
	margin: 0px auto 0px auto;
	width: 770px;
	background: #fff url(/images/bg.header.gif) no-repeat left top;
}


/* Top horizontal navigation bar */

.navbar {
	height: 24px;
	background: url(/images/bg.navbar.gif) repeat-x;z-index:100;position:relative;
	clear: both;
}

/* Left vertical search navigation */

.nav {
	width: 150px;
	float: left;
	padding: 0px 0px 0px 0px;
	xmargin: 0px 0px 15px 0px;
	position: relative;z-index:1;
	line-height: 1.2;
	height: 1%;
	display : block;
}
.navhead {
	background-color: #467596;
}
.navhead h2 {
	color: #FFF;
	padding: 7px 0px 7px 10px;
	margin: 0px;
	text-align: left;
	font: bold 9px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.navtitle {
	background-image: url(/images/bg.navtab.gif);
	padding: 0;
	margin:0;
	background-repeat : repeat-x;
}
.navtitle h2 {
	color: #FFF;
	padding: 4px 0px 8px 25px;
	margin: 0px;
	text-align: left;
	font: bold 10px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.navtitle1 {
	background-image: url(/images/bg.navtab1.gif);
	padding: 0;
	margin:0;
	background-repeat : no-repeat;
}
.navtitle2 {
	background-image: url(/images/bg.navtab2.jpg);
	padding: 0;
	margin:0;
	background-repeat : no-repeat;
}
.navtitle3 {
	background-image: url(/images/bg.navtab3.jpg);
	padding: 0;
	margin:0;
	background-repeat : no-repeat;
}
.navtitle1 h2, .navtitle2 h2, .navtitle3 h2 {
	color: #FFF;
	padding: 4px 0px 8px 27px;
	margin: 0px;
	text-align: left;
	font: bold 10px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.nav p {
	color: #FFF;
	font-size: 10px;
	margin: 0;
	padding: 0 10px;
	text-align: left;
}
.nav ul {
	margin: 0;
	padding: 0; 
}
.nav ul li {
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
	font-size: 11px;
	line-height: 14px;
}
.nav ul li a:link, .nav ul li a:visited {
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}
.navmenu {
	margin: 0 10px 8px;
	width: 130px;
	font-size: 10px;
}
.navkeyword {
	margin: 10px 0 10px 10px;
	width: 100px;
	font-size: 10px;
}
.nav a:link, .nav a:visited { 
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
.nav a:hover, .nav a:active, .nav a:focus {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

/* Main content containers */

/* Only used on home page */

.content {
	width : 620px;
	float : left;
}
.content ul {
	margin: 0;
	list-style: none;
	padding: 0 0 10px;
}
.content ul li {
	background: url(/images/img.bullet.gif) no-repeat 10px 3px;
	padding: 0 0 0 24px;
	list-style-type: none;
}
.contenthead {
	height: 247px;
/*
	background: url(/images/bg.flowers.jpg) no-repeat left bottom; */
	width : 620px;
}

.contenthome {
	font-size:11px;
	padding: 15px;
	background: url(/images/bg.contenthome2.jpg) no-repeat left bottom;
}
.contenthome h2 {
	margin-left: 0px;
}

/* Columns within .content */

.contentleft {
	width: 177px;
	margin: 0;
	float: left;
}
.contentmiddle {
	width: 177px;
	margin-left: 30px;
	float: left;
}

.contentright {
	margin-left: 414px;
}

/* End home content only */

/* Search results */

.results {
	width: 560px;
	float: left;
	padding: 30px;
}
.resultslist {
	border-top: 1px dotted #CCC;
	height: 80px;
	padding-top: 10px;
	padding-right: 0;
	margin: 0;
	width: 560px;
}
.results img {
	padding-right: 20px;
	float: left;
	position: relative;
}
.resultslist h2 {
	font-size: 12px;
	padding: 0;
	margin: 0;
}
.resultslist p {
	font-size: 10px;
	color: #999;
}
.resultslist p img {
	font-size: 10px;
	color: #999;
	float: right;
	padding: 1px 0 0;
}

/* End search results */


.brclear { 
     clear: both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0px;
}

/* Footer area */

.footer {
	text-align: center;
	color: #666;
	font-size: 13px;
	width: 770px;
	position: relative;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
}
.footer p {
	font-size: 9px;
    color: #666;
	text-align: center;
}
.footer a:link, .footer a:visited { 
	color: #698510;
	text-decoration: none;
	font-weight: bold;
}
.footer a:hover, .footer a:active, .footer a:focus {
	color: #698510;
	text-decoration: underline;
	font-weight: bold;
}
.seolinks {
	font-size: 9px;
    color: #999;
}
.seolinks a:link, .seolinks a:visited { 
	color: #999;
	text-decoration: none;
	font-weight: bold;
}
.seolinks a:hover, .seolinks a:active, .seolinks a:focus {
	color: #999;
	text-decoration: underline;
	font-weight: bold;
}

/* Product detail */

.detail {
	width: 560px;
	height: auto;
}
.detail img {
	float: left;
	padding-right: 20px;
	border-right: 1px dotted #ccc;
	margin-right: 20px;
	clear: right;
}
.prodtitle {
	font: bold 13px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #698510;
	margin-top: 0;
	margin-bottom: 5px;
}
.model {
	font-size:9px;
	color: #999;
}
.price {
	font-size: 13px;
	color: #666;
	margin-bottom: 15px;
}
.amount {
	color: #698510;
	font-weight: bold;
	font-size: 13px;
}
.avail {
	font-size: 10px;
	color: #666;
	}
.availability {
	font-size: 10px;
	color: #698510;
}
.quantity {
	height: 30px;
	width: 100px;
	background: url(/images/bg.quantity.gif) no-repeat;
	position:static;
	padding: 2px;
}
.quant {
	font-size: 11px;
	color: #666;
}
.specifications {
	clear: left;
}

.content2 {width: 560px;padding: 30px;float : left;}
.content2 h2 {margin-top: 20px;	font-size: 12px}
.content2 table p {margin-top: 0;color: #666;margin-bottom: 0;	line-height: 120%;font-weight: normal;font-style: normal;}

/*general*/
/*#content{width:100%; text-align:center;}
#contentInner{width:96%; margin:auto; text-align:left; margin-top:15px; margin-bottom:15px; color:#666;}*/

/*Header template*/
.righttext{width:169px;float:right; margin-top:5px;
	margin-right: 5px;
}

/*StoreFront template */
#logo {
	margin-left: 20px;
	margin-top: 0;
	width: 375px;
	height: 90px;
	padding-top: 12px;
	float: left;
}
#logo img {
	border-style: none;
	margin: 0;
}
.header h1 {
	font-size: 12px;
	margin: 0;
}
#shipping {
	float: right;
	margin-right: 20px;
	margin-top: 20px;
}
#ups {
	margin-right: 10px;
	margin-bottom: 24px;
}

#brand input{margin: 0 0;}
.sfNavBrand li a{font-size:11px; font-weight:100;
}

/*Details template*/
#desc{}
	.descText{color: #666;}

/* My Comment */
#specs{}
	.specsText td{color:#666;}
	.specsText td b{color:#666; font-weight:500;}
#comp{}
	.compText{color:#666; font-size:10px;line-height: 150%;}
#notes{}
	.notesText{color:#666;}


/*checkout process styles*/

#checkoutContainer{margin:30px;color:#444;}
#checkoutContainer p{font-size: 11px; line-height: 150%;
}
#checkoutContainer h2 {}
#checkoutContainer h3 {font-size:12px; margin:0;}

.inputFormat{border:1px solid #999; margin-bottom:1px; padding:0; font-size:11px;color: #333;}
.btnSubmit{}/*on cart template*/

	#billingTable select, #billingTable input{border:1px solid #999; margin-bottom:1px; padding:0;}
	.checkoutSelect select{border:1px solid #999; margin-bottom:1px; padding:0;}
		#ctBtnsBottom{text-align:right; margin:0px 0px;}
   .btnContinuePos{width:156px;float:right;}
.why {margin:0px 15px; padding:3px; width:400px; border:1px solid #e0e5cf; 	background: #ededed url(/images/bg.blockquote3.gif) repeat-x top left;}
	.progress {margin-bottom:35px;}
.orderConfirm{font-size:12px; color:#666;}
	.orderConfirm b{color:#444;}
	
/* Dropdowns */

#menu {list-style-type:none; margin:0 0 0px 0; padding:0;}
#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px; color:white;}
#menu li span {display:block; z-index:100; padding: 5px 18px 0px 0px;font: italic 10px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:white;}
#menu li a, #menu li a:visited {display:block; padding:0; white-space:nowrap;}
#menu dl {  position:absolute; top:0; left:0; margin: 0; padding: 0; }
 
* html #menu dd {background:white;}
#menu dd {display:none;background: white;   clear:left; margin:0; padding:0; color: #93b718; font-size: 10px; text-align:left;}

#menu dt a, #menu dt a:visited {line-height:14px; display:block;   padding: 5px 0px; text-decoration:none; color:white;}

#menu dd a, #menu dd a:visited {background:#9EC02E;  color:white; text-decoration:none; display:block; padding: 5px 10px; }
#menu dd a,  #menu dt a:visited {color:white;}
#menu dd a:hover {background:#CDCC00; color:white;}
#menu li a:hover {border:0; text-decoration:none;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:15px;}
#menu li:hover dt a, #menu li a:hover dt a{color: #698510;}

.contact table {
	background: #e0e5cf url(/images/bg.blockquote3.gif) repeat-x top left;
	border: 1px solid #e0e5cf;
}
.contact input {
	font-size: 10px;
}

/* dropdown - NEW */
.navBarDivs{float:left; position:relative;}
	.navBarLink{display:block; line-height:14px;padding: 5px 20px 5px 0; text-decoration:none; color:white;}
	.navBarLink:link, .navBarLink:visited{color:#8F8F8F; font-size:14px;}
	.navBarLink:hover{color:#343434;}			
	
	.navBarSubs{position:absolute; top:24px; left:0; width:200px; font-size:10px; z-index:100;}
	.navBarSubsInner{}
		.navBarSubLink{display:block; background:#9EC02E; color:white; text-decoration:none; *height:1%;padding: 5px 10px;}
		.navBarSubLink:link, .navBarSubLink:visited{color:#fff; }
		.navBarSubLink:hover{background:#CDCC00; color:white;text-decoration:none;}

/* Relateds */ 
	#dtRelatedDiv {background:#f2f2f2;width:619px;_width:619px;margin-left:1px;}
	#dtRelatedDivInner {margin:12px;padding:10px 0 0 0;}
	.dtRelated {float:left;width:100%;}
	.dtRelatedImage {width:100px;height:100px;overflow:hidden; text-align:center;margin:0 auto;}
	
.relatedResultslist {
	width: 535px;
	float: left;
	padding: 0px;
}
.relatedResultslist_first {
	border-top: 0px dotted #CCC;
	height: 80px;
	padding-top: 10px;
	padding-right: 0;
	margin: 0;
	width: 535px;
}
.relatedResultslist {
	border-top: 1px dotted #CCC;
	height: 80px;
	padding-top: 10px;
	padding-right: 0;
	margin: 0;
	width: 535px;
}
.relatedResultslist img, .relatedResultslist_first img {
	padding-right: 10px;
	float: left;
	position: relative;
}
.relatedResultslist h2, .relatedResultslist_first h2 {
	font-size: 12px;
	padding: 0;
	margin: 0;
}
.relatedResultslist p, .relatedResultslist_first p{
	font-size: 10px;
	color: #999;
}
.relatedResultslist p img, .relatedResultslist_first p img {
	font-size: 10px;
	color: #999;
	float: right;
	padding: 1px 0 0;
}

.thHeader { background:#e0e5cf url(/images/bg.blockquote3.gif) repeat-x top left;}