@charset "utf-8";

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Debugger Code ( Global Browser Reset )

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, b, strong, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, table, tr,
td, th, tbody, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	list-style: none;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
	text-decoration: none;
}

input {
	margin: 0;
	padding: 0;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Debugger Code ( Universal Setting )

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, b, strong, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, table, tr,
td, th, tbody, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
	position: relative;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

html, body, universal styles

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body, html {
	top: 0;
	background: #FAFAF0;
	font: 12px/1.3 Arial, Helvetica, sans-serif;
	color: #555;
	text-align: center;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Container

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.container {
	width: 806px;
	margin: 0 auto;
	text-align: left;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Header

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.header {
	width: 806px;
	height: 75px;
	float: left;
}

	.header h1 {
		width: 336px;
		height: 46px;
		left: -57px;
		bottom: 15px;
		position: absolute;
		text-indent: -9000px;
		background: transparent url(../../*../images/logo.gif*) top left no-repeat;
	}
	
		.header h1 a {
			width: 279px;
			height: 46px;
			float: right;
			background: transparent;
		}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Top Nav

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.top_nav {
	width: 794px;
	height: 36px;
	padding: 0 6px;
	float: left;
	background: transparent url(../images/body_top.gif) bottom left repeat-x;
}

	.top_nav ul {
		height: 36px;
		float: left;
	}
	
		.top_nav ul li {
			height: 36px;
			margin: 0 5px 0 0;
			float: left;
			line-height: 35px;
		}
		
			.top_nav ul li a {
				height: 36px;
				padding: 0 10px;
				float: left;
				color: #FFF;
				background: #327D99 url(../images/top-nav_bottom.gif) bottom left repeat-x;
			}
			
			.top_nav ul li a:hover {
				background: #23596D url(../images/top-nav_bottom_hover.gif) bottom left repeat-x;
			}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Body

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.body {
	width: 780px;
	padding: 10px 13px;
	float: left;
	background: transparent url(../images/body_bg.gif) top left repeat-y;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Crumb Trail

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.crumb_trail {
	width: 100%;
	height: 18px;
	float: left;
	line-height: 18px;
	font: 10px/1.8 normal Verdana, Arial, Helvetica, sans-serif;
}

	.crumb_trail ul {
		height: 18px;
		padding: 0 0 0 5px;
		float: left;
	}
	
		.crumb_trail ul li {
			height: 18px;
			margin: 0 10px 0 0;
			float: left;
		}
		
			.crumb_trail ul li a {
				color: #8C8C73;
			}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

3-col Left Wrapper

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.left_wrapper {
	width: 570px;
	float: left;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Left Nav

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.left_nav {
	width: 160px;
	margin: 10px 0 0 0;
	float: left;
}

h5.pick_a_topic {
	width: 160px;
	height: 35px;
	float: left;
	text-indent: -9000px;
	background: transparent url(../images/h4_pick-a-topic.gif) top left no-repeat;
}

	.left_nav ul {
		width: 160px;
		float: left;
	}
	
		.left_nav ul li {
			width: 140px;
			padding: 10px;
			border-top: 1px #D7D7C8 solid;
			float: left;
		}
		
			.left_nav ul li a {
				color: #414133;
			}
			
			.left_nav ul li a:hover {
				text-decoration: underline;
			}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Left Middle Text Column

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.middle_column {
	width: 400px;
	float: right;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Text

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	.text a {
		color: #398FB0;
		text-decoration: underline;
	}
	
	.text a:hover {
		text-decoration: none;
	}
	
	.text h1 {
		padding: 5px 10px;
		margin: 0 0 15px 0;
		border-bottom: 1px #F5F5F5 solid;
		font-size: 22px;
		font-weight: bold;
		color: #616156;
	}
	
	.text h2 {
		margin: 0 0 10px 0;
		padding: 0 15px;
		font-size: 17px;
		font-weight: bold;
		color: #A2A28C;
	}
	
	.text h3 {
		margin: 0 0 5px 0;
		padding: 0 15px;
		font-size: 13px;
		font-weight: bold;
	}
	
	.text h4 {
		margin: 0 0 5px 0;
		padding: 0 15px;
		font-weight: bold;
	}
	
	.text p, .text ul, .text ol {
		margin: 0 0 15px 0;
		padding: 0 15px;
	}
	
		.text ul li {
			margin: 0 0 5px 0;
			list-style: inside disc;
		}
		
		.text ol li {
			margin: 0 0 5px 0;
			list-style: inside decimal;
		}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Right Review Panel

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.right_review_panel {
	width: 200px;
	padding: 0 0 5px 0;
	float: right;
	background: #E7E7DE;
}

h4.top_rated_products {
	width: 200px;
	height: 30px;
	float: left;
	text-indent: -9000px;
	background: transparent url(../images/h4_top-rated-products.gif) top left no-repeat;
}

.right_review_box {
	width: 170px;
	margin: 10px 0 0 0;
	padding: 15px;
	border-bottom: 1px #D7D7C8 solid;
	border-top: 1px #F9F9F7 solid;
	float: left;
	background: #F5F5F1;
}

	.right_review_box p {
		width: 160px;
		padding: 5px;
		float: left;
	}
	
		.right_review_box p a {
			color: #398FB0;
		}
		
		.right_review_box p a:hover {
			text-decoration: underline;
		}
	
	a.right_review_pic {
		width: 160px;
		margin: 0 0 5px 0;
		padding: 5px;
		float: left;
		background: #E7E7DE;
	}
	
	a.right_review_pic:hover {
		background: #CFCFBC;
	}
	
		a.right_review_pic img {
			float: left;
		}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Review Left Column

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.review_left_column {
	width: 300px;
	padding: 0 0 5px 0;
	float: left;
	background: #E7E7DE;
}

	.review_left_column h5 {
		width: 280px;
		padding: 5px 10px;
		border-bottom: 1px #FFF solid;
		float: left;
		font-weight: normal;
		background: #DCDCCD;
	}
	
		.review_left_column h5 strong {
			font-weight: bold;
		}

.review_left_column_pic {
	width: 290px;
	padding: 5px;
	border-bottom: 1px #BBBBAD solid;
	float: left;
}

	.review_left_column_pic img {
		float: left;
	}

.review_left_column_review {
	width: 280px;
	padding: 0 10px 5px 10px;
	border-bottom: 1px #BBBBAD solid;
	float: left;
}

	.review_left_column_review a {
		color: #398FB0;
	}
	
	.review_left_column_review a:hover {
		text-decoration: underline;
	}

	.review_left_column_review h6 {
		margin: 7px 0 0 0;
		font-weight: bold;
	}

	.review_left_column_review p {
		margin: 0 0 5px 0;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Review Right Column

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.review_right_column {
	width: 470px;
	float: right;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Footer

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.footer {
	width: 780px;
	padding: 15px 13px;
	float: left;
	text-align: center;
	background: transparent url(../images/body_bottom.gif) top left no-repeat;
}