/* Drypsell / Online Irrigation */
body {
	margin:				0;
	padding:			0;
	background-color:	#fff;
	color:				#222;
	font-family:		arial, verdana, sans-serif;
	font-size:			80%;
}
* {
	margin:				0;
	padding:			0;
}

#page_wireframe {
	margin:				0 auto;		
	width:				800px;
}


#masthead {
	height:				103px;
	margin:				10px 0 5px 0;
	background:			url(images/dryspell-masthead.gif) no-repeat top left;
}

#cart_link {
	float:				right;
	text-align:			right;
	width:				120px;
	margin:				20px 15px 0 0;
	font-size:			1.2em;
}
#cart_link a {
	display:			block;
	background:			url(images/icon_basket_16x10.gif) no-repeat center left;
	
	color:				#222;
	font-weight:		bold;
}
#logo_area {
	
}
#logo_area h1 span {
	display:			none;
}

#main_menu {
	margin:				0;
	padding:			1px 4px;
}
#main_menu ul {
	list-style-type:	none;
}
#main_menu ul li {
	float:				left;
}
#main_menu ul li a {
	text-decoration:	none;
	color:				#444;
	margin:				1px 3px;
	border-right:		1px solid #444;
	padding-right:		5px;
}
#main_menu ul li a:hover {
	
}

#main_menu #search {
	float:				right;
	text-align:			right;
	width:				200px;
}
#search input {
	border:				1px solid #ddd;
	background:			#fff url(/images/magglass.gif) no-repeat top left;
	padding:			1px 1px 1px 16px;
	width:				115px;
	margin:				0 4px 0 0;
}
#search label {
	font-weight:		bold;
}
#search input.button {
	border:				0;
	background:			#fff;
	padding:			1px;
}


/* main content */
#main_content {
	margin:				8px 0 0 7px;
	padding:			0;
	background:			transparent url(images/left_hand_border.gif) repeat-y top left;
}


#breadcrumbs a {
	text-decoration:			none;
	color:						#444;
}
#breadcrumbs a:hover {
	text-decoration:			underline;
}

#left_column {
	float:				left;
	width:				128px;
	padding:			0 1px;
	color:				#444;
}
#left_column h4, .aux-nav h4 {
	margin:				0 3px;
	padding:			0 0 4px 2px;
	font-size:			1.2em;
}
#left_column h5 {
	font-size:110%;
	color:#444;
	padding:3px;
}
.left_col_mod form h5 {
	padding:0px !important;
}
#left_column ul {
	list-style-type:	none;
}
#left_column ul li {
	margin:				2px 0;
}
#left_column ul li a {
	display:			block;
	margin:				0;
	padding:			3px 5px;
	
	text-decoration:	none;
	color:				#333;
}
#left_column ul li a:hover {
	background-color:	#ebf3fe;
}
#left_column form {
	border-top:			1px solid #7bb1f6;
	background-color:	#ebf3fe;
	border-bottom:		1px solid #7bb1f6;
	padding:			6px 4px;
}
#left_column form input {
	width:				90px;
	border:				1px solid #aaa;
}
#left_column form input.button {
	width:				16px;
}
#central_content {
	margin:				0 5px 0 140px;

}


/* specially for home page, two column central layout */
.homeleft {
	float:				left;
	width:				310px;
}
.homeleft h2 {
	color:				#333;
	font-size:			1.2em;
	padding:			0;
	margin:				0;
}
.homeleft p {
	margin:				3px 0 4px 0;
}
.homeleft a {
	color:				#002D62;
	font-weight:		bold;
	text-decoration:	none;
}
.homeleft ul {
	margin:				2px 0 2px 20px;
}
.homeleft .feature_hr {
	padding:			0 0 5px 0;
	margin:				0 0 5px 0;
	border-bottom:		3px solid #ddd;
}
.homeleft .featurewrapper {
	border:				1px solid #eee;
	text-align:			center;
}
.homeleft .featurewrapper img {
	border:				0;
}
#feature_sticker {
	height:				110px;
	width:				110px;
	position:			absolute;
	
	background:			url(images/featured_icon.gif) no-repeat bottom right;
}

.homeleft img {

}

.homeright {
	margin:				0 0 0 320px;
}

.rightsection {
	background-color:	#ebf3fe;
	padding:			5px;
	height:				155px;
	margin:				0 0 10px 0;
}
.rightsection .text {
	float:				right;
}
.split_section_container {
	padding:			0;
	background-color:	#ebf3fe;
}
.split_section td {
	padding:			5px;
}

.split_section td.l {
	width:				150px;
	border-right:		10px solid #fff;
}

.rightsection .content_padding {
	padding-left:5px;
}
.rightsection img {
	border:none;
}
.rightsection h5 {
	font-size:110%;
	color:#444;
}


/* things to think about   */
a.side_link {

	text-decoration:		none;
	font-weight:			bold;
	color:					#002D62;	
}


.block_link {
	display:				block;
	font-weight:			bold;
	color:					#002D62;
	text-decoration:		none;
	margin:					5px 0;
}
.block_link:hover {

}


#blockcontainer {
	float:				left;
	width:				650px;
	margin:				5px 0 0 0;
}

.bottomblock {
	background-color:			#ebf3fe;
	padding:					8px;
	width:						140px;
	margin-right:				6px;
	float:						left;
	height:						150px;
}
.bottomblock p {
	margin:5px 0;
}
.bottomblock .box_link {
	display:block;
	border:1px solid #444;
	padding:5px;
	text-decoration:none;
	color:#444;
	margin:5px 0;
}
.bottomblock .box_link:hover {

}
h4 {
	color:#444;
}


.product_block_wrapper, .category_block_wrapper {
	width:					630px;
	padding:				3px 0 0 0;
	float:					left;
}
.category_block, .product_block {
	background-color:		#ebf3fe;
	padding:				6px;
	width:					184px;
	float:					left;
	margin-right:			12px;
	margin-bottom:			12px;
}
.category_block {
	height:					220px;
	overflow:				hidden;
}
.product_block {
	height:					180px;
	overflow:				hidden;
}
.category_block h3, .product_block h3 {
	color:					#444;
	font-size:				1.2em;
	margin:					2px 0;
	padding:				0;
}
.image_frame {
	border:					1px solid #eee;
	background-color:		#fff;
	text-align:				center;
}
.category_block img, .product_block img {
	border:					none;
}
.category_block p {
	color:#444;
}
.category_block .box_link {
	display:				block;
	font-weight:			bold;
	color:					#002D62;
	text-decoration:		none;
	margin:					5px 0;
}
.category_block .box_link:hover {

}

/* speicals  */
.aux-nav {
	float:					right;
	width:					140px;
	padding:				0 4px 12px 4px;
	border-left:			1px solid #7bb1f6;
	border-bottom:			1px solid #7bb1f6;
	margin:					0 0 6px 12px;
}
.aux-nav ul {
	list-style-type:		none;
	margin:					0 3px;
}
.aux-nav ul li {
	margin:					0 0 2px 0;
}
.aux-nav p {
	margin:					0 0 6px 0;
}
.aux-nav ul li a {
	text-decoration:		none;
	color:					#002D62;
	font-weight:			bold;
}
.aux-nav ul li a:hover {
	text-decoration:		underline;
}
.aux-mod {
	padding:				0 0 4px 6px;
}
.image_layout {
	float:					right;
	padding:				0 6px 0 6px;
}
.image_layout img {
	margin:					0 0 6px 0;
}
.index_section h3 {
	color:					#444;
	font-size:				1em;
	margin:					5px 0;
}
.index_section p.finish {
	padding:				2px 0 10px 0;
	border-bottom:			1px solid #7bb1f6;
}
.index_section a {
	text-decoration:		none;
	color:					#002D62;
	font-weight:			bold;
}
.intro {
	padding:				8px 0;
	
}
.entitled {
	height:					35px;
}
#central_content h2 {
	margin:					10px 0 0 0;
	font-size:				1.4em;
}

.product_block a {
	color:					#002D62;
	text-decoration:			none;
}
.product_block p.fixd {
	width:			150px;
	line-height:	10px;
	height:			40px;
	overflow:		hidden;
}
 .block_link {
	display:				block;
	font-weight:			bold;
	color:					#002D62;
	text-decoration:		none;
	margin:					5px 0;
}
.content_block {
}

/* keeping it real for the product details  ------------------------------------------------- */
div.full_product_details {
	margin:				4px 8px 0 0;
}

/* floated right on the product details   */
div.related_products {
	float:				right;
	width:				130px;
	padding:				0 4px 12px 12px;
	border-left:			1px solid #7bb1f6;
	border-bottom:			1px solid #7bb1f6;
	margin:					0 0 6px 12px;
	
}
div.related_products p.related_caption, div.aux-mod p.related_caption {
	margin:				1px 0 5px 0;
}
div.related_products img, div.aux-mod img {
	border:				1px solid #eee;
	padding:			1px;
	margin:				5px 0 5px 0;
}
div.related_products a,  div.aux-mod a {
	border:				0;
	color:				#002D62;
	font-weight:		bold;
	text-decoration:	none;
}
div.product_container {
	margin:				0 160px 0 0;
}
#product_image_float {
	float:				left;
	width:				204px;
}
#product_image_float #caption {
	background-color:	#eee;
	padding:			5px;
	font-size:			0.9em;
	font-weight:		bold;
}
div.product_container img {
	border:				1px solid #eee;
	padding:			1px;	
}
div.description_column {
	margin:				0 0 0 215px;
}
div.description_column ul {
	margin:					4px 0 8px 30px;
}
div.description_column ul li {
	margin:				6px 0;
	list-style-image:	url(images/bluetick.png)	;
}
div.description_column div.pricing {
	border:				2px solid #efefef;
	padding:			8px;
	font-size:			1.8em;
	margin:				6px 0;
}

table.cart_controller {
	margin:				12px 0;
}
div.cartbutton {
		text-align:			right;
}
table.cart_controller input {
	border:				1px solid #eee;
}
table.cart_controller input.cart_submit {
	width:				140px;
	height:				53px;
	background:			#fff url(images/cart_submit.gif) no-repeat;
	font-weight:		bold;
	border:				0;
	margin:				2px 0 2px 10px;
}
/* the product features tabulation   **********   */
table.product_features {
	width:				250px;
	margin:				6px 0;
}
table.product_features td {
	padding:			2px 0;
	border-top:			1px solid #ddd;
}
table.product_features thead {
	font-weight:		bold;
}
table.cart_controller td.stockalert {
	border:				1px solid #BF3434;
	padding:			6px;
	font-size:			0.9em;
}

/* g g g g gotta remember the checkout and payment area .... ---------------------------- */
#checkout_table {
	width:				95%;
}
#checkout_table thead {
	font-weight:		bold;
}
#checkout_table td {
	padding:			4px 0;
}
#checkout_table tr.ul td {
	border-bottom:		1px solid #ddd;
}
#checkout_table tr.odd td {}

#checkout_table input {
	border:				2px solid #999;
}
#checkout_table a {
	text-decoration:	none;
	color:				#002D62;
}
.order_form{
	display:		none;
}

#checkout_table input.cart_submit, div.order_form input.button {
	width:				130px;
	height:				30px;
	background:			url(images/checkout_button.gif) no-repeat;
	border:				0;
	cursor:				pointer;
}

div.order_form fieldset {
	border:				1px solid #ddd;
	padding:			16px;
	margin:				6px 0;
}
div.order_form p {
	text-align:			right;
	padding:			2% 30% 2% 2%;
	margin:				2px;
}
div.order_form input, div.order_form select, div.order_form textarea {
	border:				2px solid #999;
	padding:			1px;
	margin:				3px;
}
div.order_form input.short {
	width:				70px;
}
input.formedit {
	border:				1px solid #999;
	color:				#333;
}

/* saerch result page    ------------------------------------------- */
#search_results {
	width:				95%;
}
.search_result {
	padding:			5px;
	border-top:			1px solid #ddd;
}
.search_result img {
	float:				left;
	border:				none;
}
.search_result p {
	margin:				6px 6px 6px 150px;
}
.search_result a {
	color:				#7bb1f6;
	text-decoration:	none;
}

/* opther things that are like the contact form   ------------------------------------------- */
fieldset.contact_form {
	border:				2px solid #eee;
}
fieldset.contact_form p {
	padding:			2% 30% 2% 0;
	text-align:			right;
}
fieldset.contact_form input, fieldset.contact_form textarea {
	border:				1px solid #ddd;
	margin:				6px;
}

#footer {
	text-align:center;
	margin:10px 0;
	padding-top:10px;
	clear:both;
}
#footer a {
	text-decoration:none;
	color:#444;
}

.news_wrapper li {
	padding:5px;
}
.news_wrapper li a {
	background:none !important;
	font-weight:bold;
	padding:0 !important;
}

.clear {
	clear:both;
}