/* MODULE MAIN */

HTML {
	height:				100%;
}

BODY {
	margin:				0px 0px 0px 0px;
	height:				100%;
	background-color:	#ffffff;
	background-repeat:	repeat-x;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#2b2b2b;
}

IFRAME {
	border:				0px solid #ffffff;
}

FORM {
	padding:			0px;
	margin:				0px;
}

FIELDSET {
	margin:				0px 0px 10px 0px;
	border:				1px solid #dcdcdc;
	background-color:	#fff5ec;
	padding:			5px 10px 10px 10px;
	width:				inherit;
}

LEGEND {
	padding:			5px 0px;
	color:				#101010;
	font-size:			0.9em;
	font-weight:		normal;
}

LABEL {
	display:			block;
	position:			relative;
	padding:			10px 0px 5px 0px;
	color:				#101010;
	font-size:			0.9em;
	font-weight:		normal;
}

INPUT, TEXTAREA, SELECT {
	margin:				0px 0px 5px 0px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			13px;
}

TEXTAREA {
	width:				400px;
	height:				200px;
}

INPUT.small, TEXTAREA.small, SELECT.small {
	width:				30px;
}

INPUT.large, TEXTAREA.large, SELECT.large {
	width:				200px;
}

IMG {
	border:				0px solid #ffffff;
}

H1, H2, H3 {
	margin:				0px;
	border-collapse:	collapse;
	padding:			0px;
	font-size:			1em;
	font-weight:		normal;
}

H1 {
	padding:			0px 0px 10px 0px;
	font-size:			14px;
	letter-spacing:		1px;
}

H2 {
	padding:			0px 0px 10px 0px;
	font-size:			14px;
	letter-spacing:		1px;
}

H3 {
	padding:			0px 0px 10px 0px;
	font-size:			13px;
	letter-spacing:		1px;
}

P {
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 10px 0px;
}

P.color_2 {
	color:				#bbbbbb;
}

A:link, A:active, A:visited {
	color:				#2b2b2b;
	text-decoration:	none;
}

A:hover,
A.selected:link, A.selected:active, A.selected:link, A.selected:visited {
	color:				#ff753f;
	text-decoration:	none;
}

A.back_to_top {
	font-size:			1em;
}

HR {
	color:				#181c21;
}

TABLE {
	display:			table;
	position:			relative;
	border-collapse:	collapse;
}

TR { 
	display:			table-row;
	border-collapse:	collapse;
	padding:			0px;
	margin:				0px;
}

THEAD {
	display:			table-header-group;
}

TBODY {
	display:			table-row-group;
}

TFOOT {
	display:			table-footer-group;
}

COL {
	display:			table-column;
}

COLGROUP {
	display:			table-column-group;
}

TH {
	display:			table-cell;
	border-collapse:	collapse;
	vertical-align:		top;
	margin:				0px;
	padding:			5px 10px;
	text-align:			left;
	color:				#ffffff;
	font-weight:		normal;
}

TD {
	display:			table-cell;
	border-collapse:	collapse;
	vertical-align:		top;
	margin:				0px;
	padding:			5px 10px;
	font-weight:		normal;
}

TH.numeric,
TD.numeric,
TH.numeric INPUT,
TD.numeric INPUT {
	text-align:			right;
}

CAPTION {
	display:			table-caption;
}

UL {
	margin:				0px;
	padding:			5px 5px 5px 30px;
}

LI {
	padding:			5px 0px;
}


/* GENERAL PAGE STYLES */

.spacer {
	display:			block;
	position:			relative;
}

.left {
	float:				left;
	display:			inline;
	position:			relative;
}

.right {
	float:				right;
	display:			inline;
	position:			relative;
	text-align:			right;
}

.clear {
	clear:				both;
}

.visibility_switch_hidden {
	display:			none;
}

.title {
	font-weight:		bold;
}

.title A:link, .title A:active, .title A:visited,
.sub_title A:link, .sub_title A:active, .sub_title A:visited {
	display:			block;
	position:			relative;
	color:				#101010;
	text-decoration:	none;
}

.title A:hover,
.sub_title A:hover {
	color:				#3c3c3c;
	text-decoration:	none;
}

A.back_to_top:link,
A.back_to_top:active,
A.back_to_top:visited {
	background-image:	url(../images/up_arrow.gif);
	background-position:left;
	background-repeat:	no-repeat;
	padding-left:		10px;
	text-decoration:	none;
}

A.back_to_top:hover {
}

INPUT.button,
A.button:link,
A.button:active,
A.button:visited {
	margin:				0px 0px 0px 0px;
	border:				1px solid #f24400;
	background-color:	#ff5600;
	background-image:	url(../images/button-bg.png);
	background-position:center;
	background-repeat:	repeat-x;
	padding:			3px 10px;
	color:				#ffffff;
	text-decoration:	none;
	text-transform:		capitalize;
	font-weight:		normal;
	font-size:			11px;
	cursor:				pointer;
	-moz-border-radius:	4px;
	-webkit-border-radius:4px;
}

INPUT.button:hover,
A.button:hover {
	border:				1px solid #f24400;
	background-color:	#ff6d3b;
	color:				#ffffff;
	text-decoration:	none;
	font-weight:		normal;
}

INPUT.icon {
	padding:			5px;
}

.property_block {
	padding:			5px 0px;
}

.property_label {
	color:				#101010;
	font-size:			0.9em;
	font-weight:		normal;
}

.property_value {
	display:			block;
	position:			relative;
	font-style:			italic;
}

.form_field_row {
	border-bottom:		1px solid #404040;
	padding:			0px 10px;
}

.form_field_description {
	padding:			0px 0px 5px 0px;
	color:				#787878;
	font-size:			0.85em;
	font-weight:		normal;
}

.form_field_note {
	padding:			0px 0px 5px 0px;
	color:				#f08d0c;
	font-size:			0.8em;
	font-weight:		normal;
}

.form_field_input {
	padding:			0px 0px 5px 0px;
}

.required {
	color:				#f08d0c;
}

.required_description {
	float:				left;
	display:			inline;
	position:			relative;
	padding:			0px 0px 5px 0px;
	color:				#787878;
	font-size:			0.7em;
	font-weight:		normal;
}

FIELDSET INPUT.button {
	float:				right;
	display:			inline;
	position:			relative;
}

.quick_edit {
}

.quick_edit FORM .required_description,
.quick_edit FORM INPUT.button {
	float:				none;
	display:			block;
	position:			relative;
}

.testimonial, .blog_rss_feed {
}

.testimonial .title, .blog_rss_feed .title {
	color:				#3c3c3c;
	font-weight:		normal;
}

.testimonial .reference, .blog_rss_feed .reference {
	padding-top:		5px;
	color:				#f08d0c;
	font-size:			0.9em;
	font-style:			italic;
}

.testimonial .reference {
	text-align:			right;
}

A.description:link, A.description:active, A.description:visited {
	color:				#dddddd;
	text-decoration:	none;
}

A.description:hover {
	color:				#909090;
	text-decoration:	none;
}

.image_block {
	float:				left;
	display:			inline;
	position:			relative;
	margin:				0px;
	padding:			0px;
	color:				#000000;
	font-size:			11px;
}

IMG.image_thumb {
	/*
	border:				1px solid #ffffff;
	*/
	padding:			2px;
}

.image_details {
	padding:			5px;
	text-align:			left;
}

.image_link_block {
	display:			block;
	position:			relative;
	background-color:	#ffffff;
	padding:			5px 0px;
	color:				#000000;
	font-size:			11px;
}

.image_link_block A:link,
.image_link_block A:active,
.image_link_block A:visited {
	padding:			0px 5px;
	color:				#000000;
}

.image_link_block A:hover {
	color:				#666666;
}

.action_link_block {
	padding:			0px;
	font-size:			10px;
}

.action_link_block A:link,
.action_link_block A:active,
.action_link_block A:visited,
.action_link_block A:hover {
	padding:			0px 5px;
}

.action_link_block .left A {
	padding:			0px 10px 0px 0px;
}

.action_link_block .right A {
	padding:			0px 0px 0px 10px;
}

.tooltip {
	cursor:				help;
	color:				#ffffff;
	border-bottom:		1px dotted #ffffff;
}

#tooltip{
	display:			none;
	position:			absolute;
	border:				1px solid #333333;
	background:			#f7f5d1;
	padding:			2px 5px;
	color:				#333333;
	font-size:			13px;
}

.disclaimer {
	display:			block;
	position:			relative;
	border:				1px solid #000000;
	background-color:	#f7f5d1;
	padding:			2px 5px;
	margin:				0px 0px 10px 0px;
	color:				#333333;
	font-size:			13px;
	letter-spacing:		0px;
}

.disclaimer .content {
	float:				left;
	display:			inline;
	position:			relative;
	padding:			5px;
	width:				830px;
}

.bold {
	font-weight:		bold;
}

.active {
	color:				#00cc00;
}

.inactive {
	color:				#cc0000;
}

.note {
	color:				#f08d0c;
	font-size:			0.8em;
	font-weight:		normal;
}

.top_border {
	border-top:			1px solid #606060;
}

.warning {
	color:				#cc0000;
}


/* PAGE BLOCK ELEMENTS */

#page_wrap {
	display:			block;
	position:			relative;
	height:				100%;
	margin:				0px 0px 0px 0px;
	/*
	background-image:	url(../images/page-bg.png);
	background-repeat:	no-repeat;
	background-position:top center;
	*/
	padding:			0px 0px 0px 0px;
}

#page {
	display:			block;
	position:			relative;
	margin:				0px auto;
	border-right:		1px solid #767777;
	border-bottom:		1px solid #767777;
	border-left:		1px solid #767777;
	width:				900px;
	background-color:	#ffffff;
	padding:			0px 0px;
}

#header_block {
	margin:				0px 0px;
	padding:			0px 10px 0px 10px;
	display:			block;
	height:				40px;
	top:				0px;
	left:				0px;
	right:				0px;
	border-right:		1px solid #159bc9;
	border-bottom:		1px solid #159bc9;
	border-left:		1px solid #159bc9;
	background-color:	#18aae2;
	padding:			5px 10px;
	color:				#2b2b2b;
	text-decoration:	none;
	text-align: 		center;
	font-weight:		normal;
	font-size:			20px;
	line-height:		40px;
	-moz-border-radius-bottomleft:20px;
	-moz-border-radius-bottomright:20px;
	-webkit-border-bottom-left-radius:20px;
	-webkit-border-bottom-right-radius:20px;
}

#header_block A:link, A:active, A:visited {
	color:				#ffffff;
}

#header_block A:hover,
#header_block A.selected:link, A.selected:active, A.selected:visited, A.selected:hover {
	color:				#2b2b2b;
}

#header_block INPUT.small {
	width:				70px;
	font-size:			12px;
}

#header_block FORM {
	display:			inline;
	position:			relative;
}

#footer_block {
	margin:				0px 0px;
	padding:			0px 10px 0px 10px;
	display:			block;
	height:				40px;
	top:				0px;
	left:				0px;
	right:				0px;
	border-right:		1px solid #159bc9;
	border-bottom:		1px solid #159bc9;
	border-left:		1px solid #159bc9;
	background-color:	#18aae2;
	padding:			5px 10px;
	color:				#2b2b2b;
	text-decoration:	none;
	text-align: 		center;
	font-weight:		normal;
	font-size:			20px;
	line-height:		40px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-topright:20px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
}


#footer_block A:link, A:active, A:visited {
	color:				#ffffff;
}

#footer_block A:hover,
#footer_block A.selected:link, A.selected:active, A.selected:visited, A.selected:hover {
	color:				#2b2b2b;
}

#menu_block {
	margin:				0px 10px;
	padding:			0px 0px;
}

#menu_block .section_a {
	float:				left;
	display:			inline;
	position:			relative;
	margin:				0px 0px;
	border:				1px solid #f24400;
	background-color:	#ff5600;
	background-image:	url(../images/menu_section_a-bg.png);
	background-position:center;
	background-repeat:	repeat-x;
	padding:			0px 0px;
	font-weight:		normal;
	font-size:			11px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
}

#menu_block .section_b {
	float:				left;
	display:			inline;
	position:			relative;
	margin:				0px 0px 0px 0px;
	border:				1px solid #dedfe3;
	width:				770px;
	background-color:	#eaecec;
	background-image:	url(../images/menu_block-bg.png);
	background-repeat:	repeat-x;
	background-position:center;
	padding:			0px 0px;
	font-weight:		normal;
	font-size:			11px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
}

#menu_block A:link, #menu_block A:active, #menu_block A:visited {
	float:				left;
	display:			inline;
	position:			relative;
	margin:				0px 0px 0px 0px;
	padding:			8px 12px;
	color:				#2b2b2b;
	text-decoration:	none;
	text-transform:		capitalize;
	letter-spacing:		1px;
	font-weight:		normal;
	font-size:			11px;
}

#menu_block A:hover,
#menu_block A.selected:link, #menu_block A.selected:active, #menu_block A.selected:visited, #menu_block A.selected:hover {
	color:				#ff5600;
	text-decoration:	none;
}

#menu_block .section_a A:link, #menu_block .section_a A:active, #menu_block .section_a A:visited {
	color:				#ffffff;
	text-decoration:	none;
	text-transform:		capitalize;
	letter-spacing:		1px;
	font-weight:		normal;
	font-size:			11px;
}

#menu_block .section_a A:hover,
#menu_block .section_a A.selected:link, #menu_block .section_a A.selected:active, #menu_block .section_a A.selected:visited, #menu_block .section_a A.selected:hover {
	color:				#ffffff;
	text-decoration:	none;
	cursor:				default;
}

#menu_block .section_b A:link, #menu_block .section_b A:active, #menu_block .section_b A:visited {
	color:				#2b2b2b;
	text-decoration:	none;
	text-transform:		capitalize;
	letter-spacing:		1px;
	font-weight:		normal;
	font-size:			11px;
}

#menu_block .section_b A:hover,
#menu_block .section_b A.selected:link, #menu_block .section_b A.selected:active, #menu_block .section_b A.selected:visited, #menu_block .section_b A.selected:hover {
	color:				#ff5600;
	text-decoration:	none;
}

#menu_block .quick_search_block {
	display:			block;
	position:			absolute;
	top:				76px;
	right:				20px;
	margin:				0px;
	padding:			0px;
	/*
	padding:			3px 5px 0px 0px;
	*/
}

#menu_block .quick_search_block .search_field {
	float:				left;
	display:			inline;
	position:			relative;
	margin:				0px 5px 0px 0px;
	padding:			0px;
}

#menu_block .quick_search_block .search_button {
	float:				left;
	display:			inline;
	position:			relative;
	margin:				0px;
	padding:			0px;
}

#menu_block .quick_search_block .search_field INPUT {
	margin:				0px;
	padding:			0px;
	width:				100px;
	font-size:			13px;
}

.main_menu_list {
	display:			block;
	position:			absolute;
	top:				100px;
	border:				1px solid #f24400;
	background-color:	#ffdfd1;
	padding:			5px;
	-moz-border-radius-topright:		4px;
	-moz-border-radius-bottomright:		4px;
	-moz-border-radius-bottomleft:		4px;
	-webkit-border-top-right-radius:	4px;
	-webkit-border-bottom-right-radius:	4px;
	-webkit-border-bottom-left-radius:	4px;
}

.main_menu_list UL {
	list-style-image:	url(../images/icons/menu_list_icon.gif);
}

.main_menu_list A:link, .main_menu_list A:active, .main_menu_list A:visited {
	color:				#2b2b2b;
	text-decoration:	none;
	text-transform:		capitalize;
	font-weight:		normal;
	font-size:			12px;
}

.main_menu_list A:hover {
	color:				#ff5600;
	text-decoration:	none;
}

#menu_product_categories_list {
	display:			none;
	left:				10px;
	z-index:			999;
}

#menu_product_brands_list {
	display:			none;
	left:				105px;
	z-index:			999;
}

#admin_menu_block {
	display:			block;
	position:			absolute;
	top:				0px;
	left:				150px;
	padding-right:		5px;
}

#admin_menu_block A:link, #admin_menu_block A:active, #admin_menu_block A:visited {
	float:				left;
	display:			inline;
	position:			relative;
	margin:				0px 0px 0px 5px;
	background-color:	#d72027;
	border-right:		1px solid #000000;
	border-bottom:		1px solid #000000;
	border-left:		1px solid #000000;
	padding:			5px 10px;
	color:				#ffffff;
	text-decoration:	none;
	text-transform:		capitalize;
	font-weight:		normal;
	font-size:			13px;
}

#admin_menu_block A:hover,
#admin_menu_block A.selected:link, #admin_menu_block A.selected:active, #admin_menu_block A.selected:visited, #admin_menu_block A.selected:hover {
	background-color:	#202020;
	border-right:		1px solid #ffffff;
	border-bottom:		1px solid #ffffff;
	border-left:		1px solid #ffffff;
	color:				#ffffff;
	text-decoration:	none;
	font-weight:		normal;
}

#module_menu_block {
	display:			block;
	position:			relative;
	padding:			5px 6px 0px 6px;
}

#module_menu_block A:link, #module_menu_block A:active, #module_menu_block A:visited {
	margin:				0px;
	padding:			5px 0px 5px 5px;
	color:				#3c3c3c;
	text-decoration:	none;
	text-transform:		capitalize;
	font-weight:		normal;
	font-size:			11px;
	line-height:		25px;
}

#module_menu_block A:hover,
#module_menu_block A.selected:link, #module_menu_block A.selected:active, #module_menu_block A.selected:visited, #module_menu_block A.selected:hover {
	color:				#3c3c3c;
	text-decoration:	underline;
	font-weight:		normal;
}

#module_menu_block A.nolink:link, #module_menu_block A.nolink:active, #module_menu_block A.nolink:visited, #module_menu_block A.nolink:hover {
	text-decoration:	none;
	font-weight:		normal;
	cursor:				default;
}

#error_wrap,
#admin_error_wrap {
	display:			block;
	position:			relative;
	margin:				0px 0px 0px 0px;
}

#error_block,
#admin_error_block {
	display:			block;
	position:			relative;
	margin:				10px;
	border:				1px solid #cd0a0a;
	padding:			10px;
	background-color:	#fef8f6;
	color:				#cd0a0a;
	font-size:			11px;
	-moz-border-radius:			4px;
	-webkit-border-radius:		4px;
}

#message_wrap,
#admin_message_wrap {
	display:			block;
	position:			relative;
	margin:				0px 0px 0px 0px;
}

#message_block,
#admin_message_block {
	display:			block;
	position:			relative;
	margin:				10px;
	border:				1px solid #fcefa1;
	padding:			10px;
	background-color:	#fcfaf1;
	color:				#2b2b2b;
	font-size:			11px;
	-moz-border-radius:			4px;
	-webkit-border-radius:		4px;
}

#content_wrap {
	display:			block;
	position:			relative;
	margin:				0px 0px 0px 0px;
}

.content_block {
	border-top:			0px solid #dcdcdc;
	padding:			10px;
	font-size:			13px;
}

#full_block {
	float:				left;
	display:			inline;
	position:			relative;
	width:				960px;
	letter-spacing:		0.05em;
}

#col_block {
	float:				left;
	display:			inline;
	position:			relative;
	width:				650px;
	letter-spacing:		0.05em;
}

#col_side {
	float:				right;
	display:			inline;
	position:			relative;
	margin:				0px 0px 0px 10px;
	width:				300px;
}

.box_block {
	margin-bottom:		10px;
	padding:			0px;
}

.box_header {
	height:				17px;
	padding:			6px 10px;
	font-size:			12px;
	font-weight:		normal;
	letter-spacing:		1px;
}

#col_block .box_block .box_header,
#full_block .box_block .box_header {
	border:				1px solid #dedfe3;
	background-color:	#eaecec;
	-moz-border-radius:					4px;
	-webkit-border-radius:				4px;
}

#col_side .box_block .box_header {
	border:				1px solid #f24400;
	background-color:	#ff5600;
	-moz-border-radius-topleft:			4px;
	-moz-border-radius-topright:		4px;
	-webkit-border-top-left-radius:		4px;
	-webkit-border-top-right-radius:	4px;
}

.box_header .title {
	float:				left;
	display:			inline;
	position:			relative;
	padding:			1px 0px 0px 0px;
	text-align:			left;
	font-size:			12px;
}

.box_header H1,
.box_header H2,
.box_header H3 {
	padding:			0px;
	font-size:			12px;
}

#col_block .box_block .box_header .title,
#col_block .box_block .box_header H1,
#col_block .box_block .box_header H2,
#col_block .box_block .box_header H3 {
	color:				#ff5600;
}

#col_side .box_block .box_header .title,
#col_side .box_block .box_header H1,
#col_side .box_block .box_header H2,
#col_side .box_block .box_header H3 {
	color:				#ffffff;
}

.box_header .links {
	float:				right;
	display:			inline;
	position:			relative;
	padding:			2px 0px;
}

.box_header .links INPUT,
.box_header .links A:link,
.box_header .links A:active,
.box_header .links A:visited {
	margin:				0px 0px 0px 5px;
	border:				1px solid #f24400;
	background-color:	#ff5600;
	background-image:	url(../images/button-bg.png);
	background-position:center;
	background-repeat:	repeat-x;
	padding:			4px 10px;
	color:				#ffffff;
	text-decoration:	none;
	text-transform:		capitalize;
	font-weight:		normal;
	font-size:			11px;
	cursor:				pointer;
	-moz-border-radius:	4px;
	-webkit-border-radius:4px;
}

.box_header .links INPUT:hover,
.box_header .links A:hover {
	border:				1px solid #f24400;
	background-color:	#ff6d3b;
	color:				#ffffff;
	text-decoration:	none;
	font-weight:		normal;
}

.box_content {
	padding:			10px 10px;
	font-size:			13px;
}

#col_block .box_block .box_content,
#full_block .box_block .box_content {
}

#col_side .box_block .box_content {
	border-top:			1px solid #dedfe3;
	border-right:		1px solid #dedfe3;
	border-bottom:		1px solid #dedfe3;
	border-left:		1px solid #dedfe3;
	background-color:	#fafafb;
}

.product_group_block {
	float:				left;
	display:			inline;
	position:			relative;
	margin:				-11px -10px -10px -10px;
	color:				#aaaaaa;
	font-size:			11px;
	text-align:			center;
}

.product_mini_block {
	float:				left;
	display:			inline;
	position:			relative;
	margin:				5px 5px;
	color:				#2b2b2b;
	font-size:			11px;
	text-align:			center;
}

.product_mini_block A:link, .product_mini_block A:active, .product_mini_block A:visited {
	display:			block;
	position:			relative;
	color:				#101010;
	text-decoration:	none;
	font-size:			12px;
}

.product_mini_block A:hover {
	color:				#3c3c3c;
	text-decoration:	underline;
}

.box_content .share_this A:link, .box_content .share_this A:active, .box_content .share_this A:visited, .box_content .share_this A:hover {
	padding: 0px 10px 0px 0px;
}

.img_small {
	width:				120px;
}

.img_thumb {
	width:				150px;
}

.img_sample {
	margin:				5px 30px;
	width:				180px;
}

.product_mini_block IMG.image_thumb {
	border:				0px solid #ffffff;
	padding:			0px 0px 2px 0px;
}

.product_mini_block .product_name {
	padding:			2px 0px 0px 0px;
	text-align:			center;
	height:				55px;
}

.product_mini_block .product_price {
	padding:			2px 0px 20px 0px;
	color:				#356392;
	text-align:			center;
}

.product_image_block {
	padding:			0px 10px 0px 0px;
}

.product_title {
	padding:			0px 0px 2px 0px;
	color:				#ffffff;
	font-size:			14px;
	font-weight:		normal;
	letter-spacing:		0.05em;
}

.product_description {
	padding:			0px 0px 2px 0px;
}

.product_price {
	padding:			0px 0px 2px 0px;
	color:				#ffffff;
	text-align:			right;
}

.product_price_invalid {
	text-decoration:	line-through;
	font-size:			0.85em;
}

.product_price_special {
	color:				#d92129;
}

.product_availability {
	padding:			0px 0px 2px 0px;
}

.product_buttons {
	padding:			0px 0px 0px 0px;
}

.address_selection {
	float:				left;
	display:			inline;
	position:			relative;
	padding:			0px 10px 10px 0px;
}

#footer_block {
	display:			block;
	position:			relative;
	margin:				0px 10px;
	border:				1px solid #dedfe3;
	background-color:	#eaecec;
	padding:			10px 10px;
	color:				#2b2b2b;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
}

#footer_block .content {
	display:			block;
	position:			relative;
	font-size:			11px;
}

#footer_block A:link, #footer_block A:active, #footer_block A:visited {
	color:				#2b2b2b;
	text-decoration:	none;
	font-weight:		normal;
}

#footer_block A:hover {
	color:				#18aae2;
	text-decoration:	none;
	font-weight:		normal;
}

#footer_block .copywrite {
	display:			block;
	position:			absolute;
	right:				0px;
	bottom:				0px;
	text-align:			right;
}

#compliance_block {
	display:			block;
	position:			relative;
	font-size:			1em;
	padding:			5px 4px;
}

.box_block#product_categories_list UL.list,
.box_block#product_brands_list UL.list {
	margin:				0px;
	padding:			0px;
	list-style: 		none;
}

.box_block#product_categories_list UL.list LI,
.box_block#product_brands_list UL.list LI {
	padding:			3px 0px;
}

.list_item {
	margin-left:		0px;
}

.indent-1 {
	margin-left:		0px;
}

.indent-2 {
	margin-left:		12px;
}

.indent-3 {
	margin-left:		24px;
}

.indent-4 {
	margin-left:		36px;
}




/* These are the styles used on all (or most) pages. */

/* Get rid of default browser styling, so we can start with a clean slate */
@import url("undoHtml.css");

/* Colors */
@import url("colors.css");

/****************** Common typography *********************************************************************************/
body, td, th, caption, input, textarea, select {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

body.winter {
    background: url(/s/img/snowflakes.png) repeat;
}

h1 {
    font-size: 1.5em;
    margin-bottom: 1em;
}

h2 {
	font-size: 1.25em;
    margin-bottom: 1em;
}

h3 {
    font-size: 1.1em;
    margin-bottom: .75em;
}

p {
    margin-bottom: 1em;
}

/* Line-heights */
p,
td,
.bulletedList {
    line-height: 1.5;
}

input[type="text"],
input[type="password"],
input[type="file"] {
    border-style: solid;
    border-width: 1px;
    padding: 2px;
}

textarea,
select {
    border-style: solid;
    border-width: 1px;
    padding: 2px;
}

table caption {
    font-size: 1.1em;
    font-weight: bold;
}

th {
    text-align: left;
}

td {
    vertical-align: top;
}

td.numeric {
    text-align: right;
}

.radio {
    display: block;
    margin: .5em 0 .5em 1em;
}

.radio input {
    float: left;
}

.radio label {
    display: block;
    margin-left: 18px;
}

/****************** Container: everything goes in here ****************************************************************/
#container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    min-width: 770px;
}

/*.lcd-tv-and-plasma-tv #container {*/
    /*width: 998px;*/
/*}*/

/****************** Inner container: contains everything between header and footer, including local navigation ********/
#containerInner {
    padding: 10px 0 0 20px;
}

/****************** Header: includes logo, user info, search box ******************************************************/
#holidayBanner {
    background-image: url(/s/img/holiday-banner-background.png);
    background-position: left;
    background-repeat: repeat-y;
    font-size: 1.25em;
    height: 36px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
}

#holidayBanner img {
    vertical-align:middle;
}

#header {
    background-image: url(/s/img/header-background-right.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}

#headerInner {
    background-image: url(/s/img/header-background-left.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding: 6px 28px 12px;
}

#logo {
    background: url(/s/img/logo.png) no-repeat scroll;
    float: left;
    margin: 0;
}

#logo a {
    display: block;
    height: 30px;
    overflow: hidden;
    text-indent: -1000px; /* hides the text that our logo image is replacing */
    width: 230px;
}

#searchBox {
    float: right;
    width: 33%;
    text-align: center;
    white-space: nowrap;
}

#searchBox * {
    vertical-align: middle;
}

#searchBox label {
    font-size: .85em;
}

#searchBox strong label {
    font-size: 1em;
}

#searchBox input {
    vertical-align:middle;
}

#userInfo {
    color: #EEEEEE;
    float: right;
    font-size: .7em;
    line-height: 1.5em;
    margin-top: -.25em;
    text-align: right;
    white-space: nowrap;
    width: 33%;
}

#userGrade {
    font-weight: bold;
}

/****************** Global navigation menu ****************************************************************************/
#globalNav {
    float: left;
    margin: -4px 28px 2.75em;
}

#globalNav * {
    z-index: 100;
}

#globalNav li {
    float: left;
    margin-right: 1em;
}

#globalNav a {
    background: url(/s/img/down-arrow.gif) no-repeat right;
    display: block;
    padding: 0 10px .2em 0;
    text-decoration: none;
}

#globalNav ul ul {
    left: -999em;
    position: absolute;
}

#globalNav ul li:hover ul, #globalNav ul li.hover ul {
    border-style: solid;
    border-width: 1px;
    left: auto;
}

#globalNav ul ul li {
    float: none;
    margin: 2px;
}

#globalNav ul ul a {
    background-image: none;
    padding: .2em .6em;
    width: 12em;
}

#globalNav a:hover {
    text-decoration: underline;
}

#globalNav .current, #globalNav .current .current {
    font-weight: bold;
}

#globalNav .current li {
    font-weight: normal;
}

/****************** Local navigation **********************************************************************************/
#localNav {
    float: left;
    width: 17%;
    font-size: .9em;
}

.wide #localNav {
    font-size: 1em;
    width: 143px;
}

#localNav dt {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: .25em;
}

.wide #localNav dt {
    font-size: 1.2em;
    margin-bottom: .75em;
}

.wide #localNav dd {
    font-size: 1.4em;
}

#localNav a {
    text-decoration: none;
}

.wide #localNav a {
    background: url(/s/img/nav-item-gradient.png) repeat-y left;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: block;
    padding: .4em .6em;
}

#localNav a:hover {
    text-decoration: underline;
}

.wide #localNav a:hover {
    background-image: url(/s/img/nav-item-gradient-hover.png);
}

#localNav {
    margin-bottom: 1.5em;
}

#localNav li,
#localNav li.section li {
    margin: 3px 0;
}

#localNav .linkGroup {
    margin-bottom: 1.5em;
}

#localNav li.section {
    border: none;
    margin-bottom: 1.5em;
    padding: 0;
}

#localNav .title {
    font-size: 1em;
    font-weight: bold;
}

#localNav select {
    font-size: 1em;
    font-weight: normal;
    padding: 0;
    max-width: 100%;
}

/* additional link group styles */

#localNav ol {
    list-style: decimal inside;
}

#localNav .bulleted ul {
    list-style: disc inside url(/s/img/bullet.png);
}

/****************** Small ask box shown on right side of category & browse pages **************************************/
.smallAskBox {
    background: url(/s/img/q&a-background.png) no-repeat;
    font-size: .9em;
    height: 156px;
    line-height: 1;
    margin-bottom: 2em;
    padding: 74px 15px 15px 15px;
    width: 192px;
}

.smallAskBox textarea {
    font-size: 1em;
    height: 38px;
    width: 175px;
}

.smallAskBox .introText {
    padding-right: 40px;
    margin: 0;
}

.smallAskBox .seeAll {
    margin: .5em 0 0;
    line-height: 1.25;
}

/****************** Content: this is what varies from one page type to another ****************************************/
#content {
    float: right;
    margin-left: -17%;
    width: 100%;
}

.vertical #content,
.guide.noLocalNav #content {
    float: none;
    margin-left: 0;
    width: auto;
}

#contentInner {
    margin-left: 17%;
    padding-left: 20px;
}

.guide.noLocalNav #contentInner {
    margin-left: 0;
    padding-left: 0;
}

/****************** Breadcrumbs ***************************************************************************************/
#breadcrumbs {
    font-size: .85em;
    margin-bottom: 1em;
}

#breadcrumbs a {
    text-decoration: none;
}

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

/****************** Footer: includes copyright, site info links, etc. *************************************************/
#footer {
    background-image: url(/s/img/footer-background-right.png);
    background-position: right top;
    background-repeat: no-repeat;
    clear: both;
    font-size: .9em;
    margin-top: 20px;
}

#footerInner {
    background-image: url(/s/img/footer-background-left.png);
    background-position: left top;
    background-repeat: no-repeat;
    min-height: 30px;
    padding: 6px 28px;
}

#footer p {
    line-height: 1.5;
    margin: 0;
}

#legal {
    width: 60%;
}

#siteLinks {
    float: right;
    line-height: 1.5;
    text-align: right;
    width: 30%;
}

#siteLinks a {
    white-space: nowrap;
}

/****************** Sections ******************************************************************************************/

.secondColumnSection {
    margin-bottom: 1em;
}

.wide #content .section {
    background: url(/s/img/heading-background.png) repeat-x top;
    width: 100%; /* for IE 6 */
}

.wide #content .section h2 {
    line-height: 48px;
    margin: 2em 0 .75em;
}

.browseSimple #content .section h2 {
    font-size: 1.5em;
    padding-left: 1em;
}

.writeReviewLink {
    font-size: 1.5em;
    font-weight: bold;
}

.reviewPageHeader {
    padding: 0 10px;
}

.wide .reviewPageHeader {
    background: url(/s/img/heading-background.png) repeat-x top;
    line-height: 48px;
    margin: 2em 0 .75em;
    padding: 0 0 0 1em;
    width: 100%; /* for IE 6 */
}

.reviewPageHeader img {
    margin: 0 5px;
}

.reviewPageHeaderTitle {
    color: #666;
    float: left;
    font-size: 1.4em;
    line-height: 20px;
    margin-right: 15px;
}

.wide .reviewPageHeaderTitle {
    color: #000;
    line-height: 48px;
}

.wide .reviewPageHeader img,
.wide .reviewPageHeader .back {
    margin-top: 12px;
}

.reviewText h1 {
    margin: 0 0 .5em;
}

/****************** Tab control ***************************************************************************************/
.tabControl {
    float: left;
    margin: 0 0 1.5em;
    width: 100%;
}

.tabs {
    background: url(/s/img/tab-background-bottom.png) no-repeat right bottom;
    font-size: 1.1em;
    margin-right: -15px;
    white-space: nowrap;
}

.tabs li {
    float: left;
    margin-right: 3px;
}

.tabs a {
    background: url(/s/img/tab-background.png) no-repeat left top;
    display: block;
    padding-left: 6px;
    text-decoration: none;
}

.tabs a .tabInner {
    background: url(/s/img/tab-background.png) no-repeat right top;
    display: block;
    padding: 4px 10px 4px 4px;
}

.tabs a:hover {
    background-position: 0 -60px;
}

.tabs a:hover .tabInner {
    text-decoration: underline;
}

.tabs .current a:hover .tabInner {
    text-decoration: none;
}

.tabs .current a {
    background: url(/s/img/tab-background.png) no-repeat 0 -30px;
    font-weight: bold;
    padding-left: 6px;
}

.tabs .current .tabInner {
    background: url(/s/img/tab-background.png) no-repeat 100% -30px;
    display: block;
    padding: 4px 10px 5px 4px;
}

.tabs .tabInner {
    margin-bottom: 1px;
}

.tabs a:hover .tabInner {
    background-position: 100% -60px;
}

.clearTabs {
    border-left-style: solid;
    border-left-width: 1px;
    clear: both;
    height: 13px;
}

.tabBody {
    background: url(/s/img/tab-control-background-right.png) repeat-y right;
    border-left-style: solid;
    border-left-width: 1px;
    clear: both;
    margin-right: -15px;
    padding: 0 13px 0 0;
}

.tabBodyContent {
    padding: 0 15px 4px;
}

.tabBottom {
    background: url(/s/img/tab-control-background-bottom.png) no-repeat left bottom;
    margin-right: -15px;
    padding-left: 15px;
}

.tabBottom div {
    background: url(/s/img/tab-control-background-bottom.png) no-repeat right bottom;
    height: 20px;
}

/* Tabs can optionally have a header section */
.tabControl.withHeader .tabs {
    background-image: url(/s/img/tab-background-bottom-gray-gradient.png);
}

.tabHeader {
    /* Can't use background shorthand, or we'd override the color set in colors.css */
    background-image: url(/s/img/tab-header-background.png);
    background-position: top;
    background-repeat: repeat-x;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: 15px;
    padding-bottom: 11px;
}

/* Tabs can also optionally have a sidebar section (not to be combined with a tab header */
.tabSidebar {
    background: url(/s/img/tab-sidebar-top-background.png) repeat-x top;
    border-left-style: solid;
    border-left-width: 1px;
    float: left;
    margin-right: -291px;
    min-height: 100px;
    padding: 0 15px 15px;
    position: relative;
    width: 260px;
}

.tabControl.withSidebar .tabs {
    background-image: url(/s/img/tab-background-bottom-right-sidebar.png);
}

.tabControl.withSidebar .tabBodyContent {
    float: left;
    padding: 0;
    position: relative;
    width: 100%;
}

.tabControl.withSidebar .tabBody {
    background-image: url(/s/img/tab-control-background-right-sidebar.png);
    padding-right: 304px;
}

.tabControl.withSidebar .tabBottom,
.tabControl.withSidebar .tabBottom div {
    background-image: url(/s/img/tab-control-background-bottom-right-sidebar.png);
}

/****************** Carousel ******************************************************************************************/
.carousel {
    margin-bottom: 1.5em;
}

.carousel .controls ul {
    list-style-position: inside;
    list-style-type: none;
}

.carousel .controls li {
    display: block;
    float: left;
    font-weight: bold;
    padding: 3px 6px;
}

.carousel .controls a {
    text-decoration: none;
}

.carousel .controls .current a {
    text-decoration: none;
}

.carousel .panel {
    height: 360px;
    overflow: hidden;
    width: 100%;
}

/****************** Sidebar *******************************************************************************************/
.sidebar {
    -moz-border-radius: 12px; /* Can be removed once Mozilla supports border-radius directly */
    border-radius: 12px;
    border-style: solid;
    border-width: 3px;
    padding: .75em;
}

.sidebar h2,
.sidebar .heading {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    display: block;
    font-size: 1.3em;
    margin: 0 0 .25em 0;
    padding-bottom: .25em;
}

/****************** Bulleted List *************************************************************************************/
.bulletedList {
    margin-left: .75em;
}

.bulletedList li {
    background: url(/s/img/bullet.png) no-repeat 0 4px;
    padding-left: 14px;
    margin: .75em 0;
}

/****************** User list *****************************************************************************************/
.users {
    margin-bottom: 1.5em;
}

.users li {
    margin: .75em 0;
}

.users li {
    min-height: 13px;
}
.user {
    padding-left: 21px;
}

.user.pointsStatus0 {
    background: url(/s/img/smiley.gif) no-repeat left;
}
.user.pointsStatus1 {
    background: url(/s/img/status1.png) no-repeat left;
}
.user.pointsStatus2 {
    background: url(/s/img/status2.png) no-repeat left;
}
.user.pointsStatus3 {
    background: url(/s/img/status3.png) no-repeat left;
}
.user.pointsStatus4 {
    background: url(/s/img/status4.png) no-repeat left;
}
.user.pointsStatus5 {
    background: url(/s/img/status5.png) no-repeat left;
}
.user.pointsStatus6 {
    background: url(/s/img/status6.png) no-repeat left;
}
.user.pointsStatus7 {
    background: url(/s/img/status7.png) no-repeat left;
}
.user.pointsStatus8 {
    background: url(/s/img/status8.png) no-repeat left;
}
.user.pointsStatus9 {
    background: url(/s/img/status9.png) no-repeat left;
}

/*.users .user, /* Don't want double-smileys. */*/
/*.topAdvisors .user {*/
    /*background: none;*/
    /*padding-left: 0;*/
/*}*/

.user.unregistered {
    font-style: italic;
}

/****************** Editors' Spotlight badge *****************************************************************************/
div.editorsSpotlight {
    background: url(/s/img/editors-spotlight-top.png) no-repeat top;
    float: left;
    width: 107px;
}

div.editorsSpotlight strong {
    display: block;
    height: 0;
    overflow: hidden;
    width: 0;
}

div.editorsSpotlight p {
    background: url(/s/img/editors-spotlight-bottom.png) no-repeat bottom;
    font-size: 1em;
    line-height: 1em;
    margin: 0;
    overflow: hidden;
    padding: 32px 13px 13px 9px;
    text-align: right;
}

/****************** Rating stars **************************************************************************************/
.stars,
.stars a:hover,
.stars a:active,
.stars a:focus,
.stars .currentRating {
    background: url(/s/img/stars.png) repeat-x left -1000px;
}
.stars {
    position: relative;
    width: 80px;
    height: 16px;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    background-position: left top;
}
.stars li {
    display: inline;
}
.stars a,
.stars .currentRating {
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -1000em;
    height: 16px;
    line-height: 16px;
    outline: none;
    overflow: hidden;
    border: none;
}
.stars a:hover,
.stars a:active,
.stars a:focus {
    background-position: left bottom;
}
.stars a.oneStar {
    width: 20%;
    z-index: 6;
}
.stars a.twoStars {
    width: 40%;
    z-index: 5;
}
.stars a.threeStars {
    width: 60%;
    z-index: 4;
}
.stars a.fourStars {
    width: 80%;
    z-index: 3;
}
.stars a.fiveStars {
    width: 100%;
    z-index: 2;
}
.stars .currentRating {
    z-index: 1;
    background-position: left center;
}
.stars .linkAll,
.stars .linkAll:hover,
.stars .linkAll:active,
.stars .linkAll:focus {
    width: 100%;
    z-index: 2;
    background-image: none;
}

/* smaller star */
.stars.big {
    width:165px;
    height:33px;
}
.stars.big,
.stars.big a:hover,
.stars.big a:active,
.stars.big a:focus,
.stars.big .currentRating {
    background-image: url(/s/img/stars_big.png);
    line-height: 33px;
    height: 33px;
}

/****************** Miscellaneous utility styles **********************************************************************/
.compactProductDisplay {
    background: url(/s/img/cpd-background.png) no-repeat;
    float: left;
    height: 122px;
    margin: 0 6px 10px 0;
    padding: 10px;
    position: relative;
    width: 206px;
}

.sidebar .compactProductDisplay {
    background: none;
    height: auto;
    padding: 0;
}

.compactProductDisplay.withCheckBestOfferButton {
    height: 92px;
    padding-bottom: 40px;
}

.sidebar .compactProductDisplay.withCheckBestOfferButton {
    padding-bottom: 10px;
}

.compactProductDisplay.rightAlign {
    float: right;
    margin: 0 0 10px 6px;
}

.compactProductDisplay p,
.compactProductDisplay div.rating {
    margin-left: 85px;
    margin-bottom: .5em;
}

.sidebar div.compactProductDisplay p,
.sidebar div.compactProductDisplay div.rating {
    margin-left: 94px;
}

.compactProductDisplay p.editorsBlurb {
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    margin-bottom: .25em;
}

.compactProductDisplay .productName {
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1;
}

.compactProductDisplay img.productImage {
    background-color: #fff;
    float: left;
    margin: 0 5px 10px 0;
}

.sidebar .compactProductDisplay img.productImage {
    border: 1px solid #ffdfb0;
    padding: 4px;
}

.compactProductDisplay .letterGrade img {
    vertical-align: middle;
}

.compactProductDisplay .rating .checkBestOffer {
    display: block;
    margin-top: 8px;
}

.compactProductDisplay .checkBestOffer img {
    vertical-align: middle;
}

.compactProductDisplay .rating .checkBestOffers {
    bottom: 20px;
    left: 95px;
    position: absolute;
}

.compactProductDisplay .checkBestOffers img {
    vertical-align: middle;
}

.horizontalProductDisplay img.productImage {
    padding-top: 5px;
    padding-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.compactProductDisplay .letterGrade,
.horizontalProductDisplay .letterGrade {
    margin-left: 0;
}

.horizontalProductDisplay .letterGrade img {
    vertical-align: middle;
}

.compactProductDisplay .pick,
.horizontalProductDisplay .pick {
    background-repeat: no-repeat;
    background-position: left;
    margin-bottom: .25em;
    min-height: 23px;
    padding-left: 30px;
}

.compactProductDisplay .pick {
    margin: .5em 0;
}

.errorMessages,
.actionMessages,
.messageBox {
    background-repeat: no-repeat;
    min-height: 29px;
}

.errorMessages,
.messageBox {
    background-position: 8px 4px;
    border-style: double;
    border-width: 8px;
    padding: .5em .5em .5em 46px;
    margin: 1em 0;
}

.errorMessages {
    background-image: url(/s/img/warning.png);
}

.messageBox {
    background-image: url(/s/img/messages.png);
}

.actionMessages {
    background-image: url(/s/img/messages.png);
    background-position: 0 2px;
    padding-left: 40px;
}

.extraInfo {
    font-weight: normal;
}

.more {
    font-weight: bold;
}

.actions a, .voteResults {
    margin-left: .75em;
}

.edit,
.delete,
.watch,
.reportAbuse,
.voteResults {
    float: right;
    line-height: 16px;
    white-space: nowrap;
}

.edit,
.delete,
.reportAbuse {
    padding-left: 17px;
}

.edit {
    background: url(/s/img/edit.png) no-repeat left;
}

.delete {
    background: url(/s/img/delete.png) no-repeat left;
}

.reportAbuse {
    background: url(/s/img/abuse.png) no-repeat left;
    float: right;
}

.watch {
    background: url(/s/img/mail.png) no-repeat left;
    padding-left: 20px;
}

.watch.stop {
    background: url(/s/img/mail-delete.png) no-repeat left;
}

.voteResults img {
    vertical-align: top;
}

.voteResults a {
    margin: 0;
}

.wideInput {
    width: 99.5%;
}

.clear {
    clear: both;
    padding-top: 1px;
}

.hidden {
    display: none;
}

.googleAds.footerAd {
    clear: both;
    padding-top: 4em;
    text-align: center;
}

table#offerScoreCard {
    border-collapse: collapse;
    border-style: solid;
    border-width: 2px;
    border-color: #999999;
}

#offerScoreCard tr.scoreRow td {
    border-width: 1px;
    font-size: 10px;
    text-align: right;
    padding: 0px 2px 0px 2px;
    white-space: nowrap;
}

#offerScoreCard tr.scoreRow td:first-child {
    text-align: left;
}

#offerScoreCard tr.finalScoreRow td {
    font-weight: bold;
    padding: 2px;
}

/****************** Login form styles *********************************************************************************/
#loginBox {
    background-image: url(/s/img/header-background-right.png);
    background-position: right top;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    width: 284px;
}

#loginBoxInner {
    background-image: url(/s/img/header-background-left.png);
    background-position: left top;
    background-repeat: no-repeat;
}

#loginBox h1#logo {
    margin: 15px 0 5px 28px;
}

#loginBox form {
    background-image: url(/s/img/header-background-right.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    clear: both;
    font-size: 1.3em;
}

#loginBox fieldset {
    background-image: url(/s/img/header-background-left.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    border: none;
    padding: 6px 28px 28px;
}

#loginBox .errorMessages,
#loginBox .actionMessages {
    background: none;
    border: none;
    font-size: .85em;
    min-height: 0;
    padding: 0em;
}

#loginBox label {
    display: block;
    margin-bottom: .25em;
}

#loginBox input {
    border: none;
    font-size: 1em;
    padding: 4px;
    margin-bottom: 1em;
    width: 220px;
}

#loginBox .imageInput {
    background-color: transparent;
    height: 24px;
    margin-bottom: 0;
    padding: 0;
    width: 71px;
}

#loginBox .cancelLogin {
    display: block;
    float: left;
    font-size: .7em;
    font-weight: bold;
    margin-left: 10px;
    width: 60%;
}

#loginBox .forgotPassword,
#loginBox .register {
    font-size: .7em;
    font-weight: bold;
}

#loginBox .forgotPassword {
    margin-top: .75em;
}

#loginBox .register {
    margin-bottom: 0;
}

/****************** User registration/settings form styles ************************************************************/
.userRegistration,
.userSettings {
    margin-bottom: 100px;
}

.userRegistration p,
.userSettings p {
    margin-bottom: 1.5em;
}

.userRegistration label,
.userSettings label {
    display: block;
    font-weight: bold;
    margin: 1em 0 .25em;
}

.userRegistration input,
.userSettings input {
    font-size: 1.1em;
    padding: 4px;
}

.userRegistration .imageInput,
.userSettings .imageInput {
    display: block;
    margin-top: 1em;
    padding: 0;
}

.userProfile h1,
.userSettings h1 {
    font-size: 1.8em;
    margin-bottom: 1em;
}

.avatar {
    margin: 8px 2px;
}

.userProfile .avatar {
    float: left;
    margin: 0 0 1em 0;
}

.userProfile dl.userAttributes {
    float: left;
    margin: 0 0 1em 1.5em;
}

.userProfile .userAttributes dt {
    background: url(/s/img/bullet.png) no-repeat 0 3px;
    float: left;
    font-weight: bold;
    padding-left: 14px;
    padding-right: .5em;
}

.userProfile .userAttributes dd {
    margin-bottom: .5em;
}

.userProfile h2,
.userSettings h2 {
    border-style: solid;
    border-width: 2px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    font-size: 1.1em;
    margin: 1em 0 0;
    padding: 3px .75em;
}

.userProfile .box,
.userSettings fieldset {
    border-width: 0 2px 2px 2px;
    border-style: solid;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    padding: .5em .75em .75em;
}

.userProfile .products {
    width: 100%;
}

.userProfile .products td {
    text-align: center;
    vertical-align: bottom;
    width: 20%;
}

.userProfile .products .name {
    display: block;
    margin-top: .75em;
}

.bestOffers {
    font-weight: normal;
    border: none;
}

.bestOffers td {
    font-size: 1.0em;
    border: none;
    text-align: left;
    padding: 4px;
    line-height: 1.25;
}

.socialBookmarking {
    margin-top: 1.5em;
}

.socialBookmarking a {
    padding-right: 1em;
    text-decoration: none;
}

.socialBookmarking img {
    vertical-align: middle;
}

.socialBookmarking p {
    margin-top: .5em;
}

.diggBadge {
    float: left;
    margin: 0 1em .5em 0;
}

/****************** Question styles used on both category and product pages *******************************************/
.questionSummary {
    line-height: 1.25;
}

.questionSummary dt,
.questionSummary dd {
    padding-left: 1.5em;
    position: relative;
}

.questionSummary dt b, .questionSummary dd b {
    left: 0;
    position: absolute;
    top: 0;
}

.questionSummary dt {
    margin: 1em 0 .25em;
}

.questionSummary dd {
    padding-bottom: .75em;
}

.categoryQuestionsPage h1 {
    margin: 0;
}

.categoryQuestionsPage .sidebar h2 {
    border: none;
    font-size: 1.1em;
    margin-bottom: .75em;
    padding: 0;
}

.filterQuestions {
    border-width: 1px;
    border-style: solid;
    border-left: none;
    border-right: none;
    margin-bottom: 1em;
    padding: 1em 0;
}

/****************** List of questions *********************************************************************************/
.categoryQuestionsPage .sidebarColumn {
    float: right;
    margin-top: 0;
    margin-left: 15px;
    width: 222px;
}

.productPage .sidebarColumn {
    float: left;
    margin-top: 0;
    margin-right: 15px;
    width: 33%;
}

.categoryQuestionsPage .sidebar {
    margin-bottom: 2em;
}

.categoryQuestionsPage .sidebar h2 {
    margin-top: 0;
}

.categoryQuestionsPage .sidebarColumn .googleAds {
    padding: 0;
    margin-bottom: 1em;
}

.questions #answeredQuestions,
.questions #openQuestions {
    float: left;
    overflow: hidden;
    width: 30%;
}

.questions #answeredQuestions {
    margin-right: 3%;
}

/****************** New question **************************************************************************************/
.newQuestionSearch h2.youAsked {
    background: url(/s/img/you-asked.png) no-repeat left top;
    min-height: 26px;
    margin-bottom: 1.5em;
    padding-left: 160px;
    padding-top: 4px;
}

.newQuestionSearch h2.possibleAnswers {
    background: url(/s/img/possible-answers.png) no-repeat left top;
    margin-bottom: .5em;
    padding-top: 22px;
}

.newQuestionSearch h2.theNextStep {
    background: url(/s/img/the-next-step.png) no-repeat left top;
    margin: 1.5em 0 .5em;
    padding-top: 26px;
}

.newQuestionSearch h2 .hidden {
    display: block;
    height: 0;
    margin: 0;
    overflow: hidden;
    width: 0;
}

.newQuestionSearch .matchingQuestionsBox {
    font-size: 1.1em;
    margin: 1em 0;
    padding: .25em .75em;
}

.newQuestionSearch .matchingQuestionsBox dt {
    font-weight: bold;
}

.categoryPage .newQuestion {
    float: left;
    padding-right: 280px;
}

.categoryPage .newQuestionSearchResults {
    background: #eaeaea url(/s/img/tab-sidebar-top-background.png) repeat-x top;
    border: 1px solid #ccc;
    float: left;
    margin-left: -262px;
    min-height: 100px;
    padding: 0 15px 15px;
    width: 230px;
}

/* Image headers */
.newQuestion #questionSection,
.newQuestion #detailsSection,
.newQuestion #pointsSection,
.newQuestion #yourInfoSection {
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 33px;
}

.newQuestion #questionSection { background-image: url(/s/img/question-step.png); }
.newQuestion #detailsSection { background-image: url(/s/img/details.png); }
.newQuestion #pointsSection { background-image: url(/s/img/points.png); }
.newQuestion #yourInfoSection { background-image: url(/s/img/your-info.png); }

/* This hides the text that the images are replacing */
.newQuestion #questionSection h2,
.newQuestion #detailsSection h2,
.newQuestion #pointsSection h2,
.newQuestion #yourInfoSection h2 {
    display: block;
    height: 0;
    margin: 0;
    overflow: hidden;
    width: 0;
}

.newQuestion fieldset {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-left: none;
    border-right: none;
    border-top: none;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.newQuestion .instructions {
    float: right;
    margin-top: -33px;
    padding: 1px .5%;
    width: 49%;
}

.newQuestion .errorMessages {
    margin-top: 0;
    margin-bottom: 1.5em;
}

.newQuestion #pointsSection .info {
    margin-top: .5em;
}

.newQuestion .imageInput {
    margin-right: 3px;
}

.newQuestion #yourInfoSection label {
    display: block;
    margin-top: 1.5em;
}

.newQuestion #yourInfoSection .example {
    font-style: italic;
}

.newQuestion .preview {
    margin: 1.5em 0;
    padding: .5em;
}

/****************** View a question and its answers *******************************************************************/
.back {
    background-image: url(/s/img/back-arrow.png);
    background-position: left;
    background-repeat: no-repeat;
    float: right;
    font-size: 1.1em;
    line-height: 100%;
    min-height: 26px;
    padding-left: 35px;
    text-decoration: none;
    width: 45px;
}

.viewQuestion .user {
    font-weight: bold;
}

.viewQuestion .productAssociations {
    font-style: italic;
    margin-top: .5em;
    margin-bottom: 0;
}

.viewQuestion .questionUserInfo {
    margin-left: 70%;
    text-align: right;
}

.viewQuestion .questionUserInfo .actions {
    margin-top: 1em;
}

.viewQuestion .messageContainer {
    border-style: solid;
    border-width: 1px;
    margin: 15px 0 0;
}

.viewQuestion .userInfo {
    border-right-style: solid;
    border-right-width: 1px;
    float: left;
    overflow: hidden;
    padding: .5em;
    width: 11em;
}

.viewQuestion .userInfo .user {
    display: block;
}

.viewQuestion .userInfo .points,
    .viewQuestion .userInfo .username {
    display: block;
    padding-left: 21px;
}

.viewQuestion .message {
    border-left-style: solid;
    border-left-width: 1px;
    margin-left: 12em;
}

.viewQuestion .messageHeader {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-size: .9em;
    margin-bottom: .25em;
    padding: .35em .5em;
}

.viewQuestion .messageHeader .date {
    display: block;
    font-style: italic;
    float: left;
}

.viewQuestion .messageContainer .messageBody {
    padding: .5em;
}

.viewQuestion h2.summary {
    margin: 0 0 .75em;
}

.viewQuestion .messageContainer img.bestAnswer,
    .viewQuestion .messageContainer img.markBestAnswer {
    margin: 6px 0;
}

.viewQuestion .messageFooter {
    border-top-style: solid;
    border-top-width: 1px;
    font-size: .9em;
    padding: .25em .5em;
    margin-top: 1em;
}

.viewQuestion #yourAnswer {
    background-image: url(/s/img/tab-header-background.png);
    background-position: top;
    background-repeat: repeat-x;
    border-style: solid;
    border-width: 1px;
    margin: 15px 0;
    padding: 10px;
}

.viewQuestion #yourAnswer h2 {
    font-size: 1.1em;
    margin: 0 0 .25em;
}

.viewQuestion #yourAnswer textarea {
    width: 99%;
}

.viewQuestion #yourAnswer .yourInfo {
    margin: 1em 0;
}

.viewQuestion #yourAnswer .yourInfo label {
    font-size: 1.1em;
}

.viewQuestion #yourAnswer .yourInfo input {
    display: block;
    margin-bottom: 1em;
}

.viewQuestion #yourAnswer .yourInfo input#watchThisQuestion {
    display: inline;
    margin-bottom: 0;
}

.editMessage #content label {
    display: block;
    margin-top: 1em;
}

.editMessage #content textarea {
    display: block;
}

.topAdvisors table {
    border-collapse: collapse;
}

.topAdvisors th,
.topAdvisors td {
    padding: 6px;
}

.topAdvisors .user {
    font-weight: bold;
}

.topAdvisors .user.unregistered {
    font-weight: normal;
}

.allowedMarkup {
    font-size: .9em;
    margin: 0 0 .75em;
}

/****************** Test mode *****************************************************************************************/

table.relevance {
    font-size: .9em;
    margin: 5px;
    font-weight: normal;
}

table.relevance th,
table.relevance td {
    text-align: left;
}

table.relevance td.numeric {
    text-align: right;
}

.testRelevanceParameters {
    position: fixed;
    top: 0;
    left: 0;
    width: 220px;
    height: 170px;
    opacity: .8;
    background-color: lightgreen;
    border: 1px solid #666666;

    /* Hide for now - browse/search page has its own display. */
    display: none;
}

/****************** Annotations ***************************************************************************************/

.definitionActive {
    border-bottom: 2px dotted #2062d0;
    cursor: help;
    white-space: nowrap;
}

/****************** Surveys  ******************************************************************************************/

#overlay{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    opacity: 0.0;
    background-color: #000;
}


/* Wufoo */

body#public #top,
body#public #container h1 {
    display: none;
    /* Since display can be !important... */
    line-height: 0;
    font-size: 0;
    margin: 0;
    padding: 0;
}

body#public #container {
    min-width: 0px;
    width: auto;
}

form.wufoo {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin: 0px;
}

form.wufoo .info {
    display: none;
}

form.wufoo input.radio {
    margin: 0px;
}

form.wufoo li label.desc {
    margin-bottom: .5em;
}

form.wufoo textarea {
    width: 250px;
}

.letterGrade {
    margin: 5px;
    position: relative;
    text-align: left;
}

.letterGrade img {
    cursor: help;
}

.letterGradeBubbleContents {
    display: none;
}

.bubble table.letterGradeComponentTable {
    border: none;
    margin-top: 5px;
}

.bubble table.letterGradeComponentTable td {
    border: none;
    padding: 2px 4px;
}

.bubble table td.letterGrade {
    font-weight: bold;
}

.productPage #productInfo .letterGrade {
    float: left;
    margin: 0 10px 5px -58px;
}