/*----------------------------------------------------------------------------------------------------*/
/*    SITEFX Global CSS	 	     																	  */
/*----------------------------------------------------------------------------------------------------*/

* {margin: 0; padding: 0;} /*Global margin reset*/

#wrapper { background-color: white; width: 980px; margin-left: auto; margin-right: auto; border: 1px solid #716f70;} /* Global page width */

/* Background color */
body {
	height: 100%;
	background: url(assets/images/bg.jpg);
	background-repeat: repeat-x;
}

/* Reapply paragraph margins */
p,blockquote { margin-top: 10px; margin-bottom: 10px;}

#quote {
background-color: white;
padding: 20px;
margin-top: 20px;
width: 360px;
border: 1px solid #eee;
}

/* Link Colors */
a {	color: #575757; text-decoration: none; font-weight: bold; }
a:hover { background-color: #ccc;}
.nolink { text-decoration:none; color: black; }
img {border: 0;}



/*----------------------------------------------------------------------------------------------------*/
/*    Fonts		   		 	     																	  */
/*----------------------------------------------------------------------------------------------------*/
body,td,th { font-family: Arial; font-size: 11px; color: black; } /* Global font size #595959*/

h1 a { /*Image replacement Hack - page logo*/
	display: block;
	text-indent: -100em;
	overflow: hidden;
	background: url(assets/images/logo.gif);
	background-repeat:no-repeat;
	margin-top: 10px;
	width:172px;
  	height:33px;
  	margin-left: 20px;
  	margin-bottom: 15px;
}

h2 {
	color: #595959;
	display: block;
	font-size: 1.5em;
	font-weight: bolder;
	margin-top: 20px;
	margin-bottom: 10px;
}


h3 {
font-size: 1.2em;
border-bottom: 1px dotted #888;
}

.h2_green {
	color: #6bac10;
}

.title {
font-size: 1.2em;
font-weight: bolder;
list-style: none;
}

.nohover a:hover {background-color: white;}
/*----------------------------------------------------------------------------------------------------*/
/*    Forms				 	     																	  */
/*----------------------------------------------------------------------------------------------------*/

label,input {float: left; margin-bottom: 10px; }
label { 
	display: block;
	width: 100px;
	
}

legend {
	color: black;
	font-size: 1.1em;
	font-weight: bolder;
}

fieldset {margin-top: 20px; padding: 20px; background-color: #f1fbe1;}
label.radio{
	text-align: left;
	padding-right: 2px;
}

form br {
clear: left;
}
/*----------------------------------------------------------------------------------------------------*/
/*    CSS :: Header Container	   																	  */
/*----------------------------------------------------------------------------------------------------*/

#top {
margin-top: 5px;
width: 982px;
margin-left: auto;
margin-right: auto;
background: url(assets/images/top.gif);
height: 6px;
}

#header_container {
display: block;
background-color: #716f70;
height: 35px;
width: 100%;
color: white;
line-height: 35px;
}

.header_tagline {
margin-left: 10px;
}

.header_search {
float: right;
margin-right: 10px;
}

.header_search input {
margin-top: 7px;
}

#big_image {
float: right;
width: 720px;
}

/*----------------------------------------------------------------------------------------------------*/
/*    CSS :: Navigation Container	   																	  */
/*----------------------------------------------------------------------------------------------------*/

#navigation_container {width: 100%; height: 400px;}

#nav ul { list-style: none; }
#nav li { list-style: none; padding-left: 5px; }

#nav a {
display: block;
line-height: 37px;
width: 150px;
height: 28px;
padding-left: 60px;
font-size: 1.1em;
border-bottom: 1px dotted #ccc;
background: url(assets/images/nav_line_off.gif) no-repeat;
background-position: 50px 4px;
text-decoration: none;
color: #595959;
}

#nav a:hover {
	background: url(assets/images/nav_line_on.gif) no-repeat; background-position: 50px 6px; 
	background-color: #eee;
	}

.big_photo img{
float: right;
}
/*----------------------------------------------------------------------------------------------------*/
/*    CSS :: Content Container	   																	  */
/*----------------------------------------------------------------------------------------------------*/

#main_container {
height: 500px;
min-height: 500px;
height: auto !important;	
overflow: hidden;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
background-color: #f1fbec;
}

#content_left{
height: 580px;
min-height: 580px;
height: auto !important;	
margin-right: 320px;
border: 1px dotted #ccc;
margin-top: 5px;
margin-bottom: 5px;
background-color: white;
padding-left: 10px;
padding-right: 20px;
padding-bottom: 20px;
padding-top: 10px;
}

#content_right{
background-color: white;
height: 480px;
min-height: 480px;
height: auto !important;	
overflow: hidden;
margin-top: 5px;
margin-bottom: 5px;

padding-left: 20px;
padding-right: 10px;
padding-bottom: 20px;
padding-top: 10px;

text-align: justify;
border: 1px dotted #ccc;

}

#content_middle{
background-color: white;
height: 480px;
min-height: 480px;
height: auto !important;	
overflow: hidden;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 20px;
padding-right: 10px;
padding-bottom: 20px;
padding-top: 10px;
text-align: justify;
border: 1px dotted #ccc;

}


#content_right li {
margin-left: 20px;
}

.divider {
margin-left: auto;
margin-right: auto;
width: 940px;
margin-top: 20px;
border-bottom: 1px dotted #ccc;
}

.left_column {
padding-top: 10px;
text-align: justify;
width: 600px;
}

.right_column {
float: right;
padding-top: 10px;
margin-left: 10px;
text-align: justify;
width: 300px;
}

.products_list {
float: left;
padding-top: 10px;
margin-right: 10px;
text-align: justify;
width: 200px;
}

#featured_product {
height: 190px;
padding: 5px;
}

#featured_product strong {color: black; font-size: 1.1em;}

#featured_product img {
float: left;
margin-right: 10px;
}

#featured_products_more a{
	display: block;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	color: #575757;
	padding-left: 15px;
	margin-left: 260px;
	font-weight: bolder;
	background: url(assets/images/arrow.gif) no-repeat;
	background-position: 5px;
}

#featured_products_more a:hover{
	background: url(assets/images/arrow_on.gif) no-repeat;
	background-position: 5px;
	background-color: #ccc;
}


#latest_products li {
	list-style: none;
	float: left;
	margin-right: 10px;
	text-align: center;
}

#news li {list-style: none;}

#news a{
	display: block;
	padding-left: 10px;
	height: 26px;
	margin-bottom: 5px;
	line-height: 25px;
	background: url(assets/images/news_line_off.gif) no-repeat;
	color: #575757;
	text-decoration: none;
}

#news a:hover {
	background: url(assets/images/nav_line_on.gif) no-repeat;
	background-color: #ccc;
}
/*----------------------------------------------------------------------------------------------------*/
/*    CSS :: Footer Container	   																	  */
/*----------------------------------------------------------------------------------------------------*/

#footer_container {
	display: block;
	background-color: #716f70;
	text-align: center;
	height: 25px;
	width: 100%;
	color: white;
	line-height: 25px;
}

#bottom {
	margin-bottom: 5px;
	width: 982px;
	margin-left: auto;
	margin-right: auto;
	background: url(assets/images/bottom.gif);
	height: 6px;
}

/*
This section controls the category tree function.
*/

.dtree {
	
	white-space: nowrap;
	font-size: 1em;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #6bac10;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {

	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}

.menu_product {
	font-weight: normal;
	color: black;
}

#content_right h2 {
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}

.catdescription {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

.catview {
	height: 100px;
	padding: 5px;
	display: block;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

.catview strong {
	font-size: 1.2em;
}

.catview img {
	display: block;
	float: left;
	margin-right: 10px;
	vertical-align: middle;
}

.indent {
margin-left: 140px;
}

#img_column { display: block; float: right; }
#img_column br { clear: left; }
#img_column img {margin-bottom: 10px; margin-left: 10px; margin-right: 10px; }

.nohover {display: block; margin-top: 15px; margin-left: 8px;}