/*********************************************************************/
/****************** PROJECT GREEN OCTOBER *************************/
/********************* common/css/common.css *************************/
/********************************************************************/

/* GLOBALS */
* {margin:0; padding:0; font-family:Arial, Sans-Serif;}
body {text-align:left;}
img {border:0;}
p {margin:10px 0px;}

/* Container (Better) Clearfix */
.container:after {clear:both; content:"."; display:block; height:0px; visibility:hidden;}
.container {display:inline-block;}
* html .container {height:1%;}
/* Hide from IE Mac \*/
.container {display:block;}
/* End hide from IE Mac */

/* LAYOUT CONTAINERS */
/* Root */
#root {margin:25px auto; overflow:hidden;}
/* Children of Root */
#hnbw-header {margin-bottom:10px;}
#hnbw-content {margin: 0px auto; background-color: #ffffff;} /* from now on for each page, we will use this as the content ID and add a class like .hnbw-content-compare and dont reference decendants by ID but this class instead */
#hnbw-footer {margin-top:10px;}

/* AUTO REVIEWS */
div.autoreview {background-image:url('/InventoryHosting2/Common/images/quote.gif');background-repeat: no-repeat;border-bottom-width:1px;border-bottom-style:solid; border-top-width:1px;border-top-style:solid; margin:1em 0; padding:0.6em 1em 0.6em 50px;}
div.autoreview div.source {font-style:italic; padding-top:5px;}

/* LINK BACKS */
#hnbw-header #banner {font-size:14px; height:75px; padding:7px 0px 12px 15px; text-align:left; overflow:hidden; line-height:19px; background: top left no-repeat;margin:0 auto;width:828px;}
#hnbw-header #banner h2 { display: block !important; font-size: 16px !important; font-weight: bold !important;}
#hnbw-header div.linkbacks, #hnbw-footer div.linkbacks {text-align:center; margin-bottom:8px; font-size:12px;}
#hnbw-header div.linkbacks a, #hnbw-footer div.linkbacks a {text-decoration:underline;}
#hnbw-header div.linkbacks a:hover, #hnbw-footer div.linkbacks a:hover {text-decoration:none;}
#hnbw-header div.customLinkbacks, #hnbw-footer div.customLinkbacks {}

.hnbw-box-header { background: url('/InventoryHosting2/Common/images/box-header.png') repeat-x scroll left top transparent; height: 27px; line-height: 27px; overflow: hidden; clear: both; padding: 0 10px; }
.hnbw-box-header .std-header-text { color: white; font-size: 16px; font-weight: bold; }

/*DHTML WINDOW CALL TO ACTION FORMS*/
#formContainer {position:absolute; left:50%; margin-left:-210px; z-index:8888; width: 453px; border-width:1px;border-style:solid;}
#actionForm {margin:15px 10px 25px 10px;}
#actionForm table div.buttonsOnlyForm { width: 230px; margin: 0 auto; }
#actionForm table div.buttonsOnlyForm  > div{ margin-right: 10px; }
#actionForm_thankyou{height:110px; padding-bottom:30px;}
#actionForm_thankyou div.message {padding:20px;}
#actionForm_error,#actionForm_loading {height:110px; padding-top:30px; padding-bottom:30px;}
.form_label {text-align:right; padding: 3px 10px 3px 3px; font-weight:bold; vertical-align:top; }
select.form_input {width:249px !important;}
.form_input {margin:3px 30px 3px 3px; padding:1px; border-width:1px;border-style:solid;width:245px; float:right;}
.actionFormPanel {text-align:center;}
.form_header {text-align:left; background-image:url('/InventoryHosting2/Details/images/form_header.jpg'); height:27px;}
.browserIE7 .form_header { overflow: hidden; width: 100%; }
.form_header_text {padding:2px 3px 3px 8px; font-size:18px; position:relative;font-weight:bold;}
.form_footer {margin:0px 0px 10px 0px; font-size:8pt; text-align:justify; width:453px; clear:both;}
.close_form {position:absolute; top:7px; right:5px; font-size:11px; font-weight:bold;text-decoration:underline; cursor:pointer;}		
.close_form:hover {text-decoration:none;}

/* MESSAGES VALIDATION SCRIPT */
#msg {display:none; position:absolute; z-index:9999; background:url('/InventoryHosting2/Common/images/msg_arrow.gif') left center no-repeat; padding-left:7px}
#msgcontent {display:block; border-width:2px;border-style:solid; border-left:none; padding:5px; min-width:150px; max-width:250px}

/* TOOL TIP (used in virtual garage) */
#dhtmltooltip {position:absolute; left:-300px; width: 170px; text-align:left; border:1px solid #777879; padding:2px; background-color:#DBE4EA; visibility:hidden; z-index: 100;}
#dhtmlpointer {position:absolute; left:-300px; z-index:101; visibility:hidden;}

/* ELLIPSITIP */
.tooltip {position:absolute; font-size:12px; border-width:1px;border-style:solid; padding:3px;}
.tooltipclone {position:absolute; width:auto; overflow:visible; max-width:inherit;}

/* MISC MODIFIERS */
.fix {min-height:1px;}
.fix:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:'.';}
.hide {display:none;}
.photoviewer {cursor:pointer;}
.fake {cursor:pointer;}
.clear {clear:both;}
.centerImage {text-align:center; display:block;}
.destroy {font-size:0; line-height:0;}
.fleft {display:block; float:left;}
.fright {display:block; float:right;}
.fnone {display:block; float:none;}
.gap {margin-bottom:20px !important;}
.tright {text-align:right !important;}
.tleft {text-align:left !important;}
.tcenter {text-align:center !important;}
.nopad {padding:0 !important;}
.nom {margin:0 !important;}
.listfix {padding-left:2em;}
.nudgeUp {margin-top:2px !important;}
.nudgeDown {margin-bottom:2px !important;}
.pushUp {margin-top:5px !important;}
.pushDown {margin-bottom:5px !important;}
.shoveUp {margin-top:10px !important;}
.shoveDown {margin-bottom:10px !important;}
.bullyDown {margin-bottom:18px !important;}
.bullyUp {margin-bottom:18px !important;}
.closeTop {margin-top:0px !important;}
.closeDown {margin-bottom:0px !important;}

/*buttons*/
.button_wrapper {height:23px;float:left;}
.button_wrapper_selected{cursor: pointer;}
.button_wrapper:hover {cursor: pointer;}

.not_selected .button_left 	{cursor:pointer; background:url('/InventoryHosting2/common/images/button/button_left.png') top left;float:left; width:6px; height:23px;}
.not_selected .button_middle	{cursor:pointer; background:url('/InventoryHosting2/common/images/button/button_middle.png') repeat-x top left;float:left; height:23px;}
.not_selected .button_right	{cursor:pointer; background:url('/InventoryHosting2/common/images/button/button_right.png') top left;float:left; width:6px; height:23px;}

.selected .button_left	{cursor:pointer; background:url('/InventoryHosting2/common/images/button/button_left.png') top left;float:left;width:6px; height:23px;}
.selected .button_middle	{cursor:pointer; background:url('/InventoryHosting2/common/images/button/button_middle.png') repeat-x top left;float:left; height:23px;}
.selected .button_right 	{cursor:pointer; background:url('/InventoryHosting2/common/images/button/button_right.png') top left;float:left;width:6px; height:23px;}

.button_middle div {margin-top:4px;}
.button_middle div a {color:#fff; text-decoration:none;}
.button_middle div a:hover {color:#6d6d6d; text-decoration:none;}

.button_space  {border-bottom-width:1px;border-bottom-style:solid;float:left; width:2px; height:19px;}
.button_space_right  {border-bottom-width:1px;border-bottom-style:solid;float:left; width:200px; height:19px;}

/* TABS */
.tab_wrapper {height:20px;float:left;}
.tab_wrapper_selected{cursor: pointer;height:20px;float:left;}
.tab_wrapper:hover {cursor: pointer;}
.tab_content {margin-top:3px;}
.not_selected .tab_left {cursor:pointer; background:top left;float:left; width:7px; height:20px;}
.not_selected .tab_middle {cursor:pointer; background:repeat-x top left;float:left; height:20px;}
.not_selected .tab_right	{cursor:pointer; background:top left;float:left; width:7px; height:20px;}
.selected .tab_left {cursor:pointer; background:top left;float:left; width:7px; height:20px;}
.selected .tab_middle {cursor:pointer; background:repeat-x top left;float:left; height:20px;}
.selected .tab_right {cursor:pointer; background:top left;float:left;width:7px; height:20px;}
.tab_space  {border-bottom-width:1px;border-bottom-style:solid;float:left; width:2px; height:19px;}
.tab_space_right  {border-bottom-width:1px;border-bottom-style:solid;width:auto;height:19px;}

.infiniteCarousel a {text-decoration:none;}
.infiniteCarousel_description span.pricing-yousave-container {display:block;}
/*.infiniteCarousel_description span.pricing-msrp-container,
.infiniteCarousel_description span.pricing-ourprice-container {display:block;}*/

/* Slider */
*.horizontal_track {width: 108px;height: 20px;line-height: 0px;font-size: 0px;text-align: left;padding: 3px;padding-bottom:0px;border: 1px solid;}
*.horizontal_slider {width: 8px;height: 12px;position: relative;z-index: 2;line-height: 0;margin: 0;border: 2px solid;}
*.horizontal_slit {width: 100px;height: 1px;margin: 9px 9px 2px 4px;line-height: 0;position: absolute;z-index: 1;border: 0;}
*.vertical_track {padding: 3px 5px 15px 5px;border: 1px solid;}
*.vertical_slider {width: 18px;height: 8px;font: 0px;text-align: left;line-height: 0px;position: relative;z-index: 1;border: 2px solid;}
*.vertical_slit {width: 1px;height: 100px;position: absolute;margin: 4px 10px 4px 10px;padding: 4px 0 1px 0;line-height: 0;font-size: 0;border: 1px solid;}
*.display_holder {width: 34px;height: 20px;text-align: right;padding: 0;border: 1px solid;}
.value_display {width: 30px;margin: 0 2px;text-align: right;font-size: 8pt;font-family: verdana, arial, helvetica, sans-serif;font-weight: bold;line-height: 12px;border: 0;cursor: default;}


/******************************************************************
    Clearfix (Container)
******************************************************************/
.container:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0px;
    visibility: hidden;
}
.container
{
    display: inline-block;
}
* html .container
{
    height: 1%;
}
/* Hide from IE Mac \*/
.container
{
    display: block;
}
/* End hide from IE Mac */

/******************************************************************
    Generic Container Divisions
******************************************************************/
.container
{}
    .container .wide-container,
    .container .narrow-container,
    .container .half-container,
    .container .third-container,
    .container .quarter-container
	{
		margin-left: 2%;
	}
    .browserIE6 .container .wide-container,
    .browserIE6 .container .narrow-container,
    .browserIE6 .container .half-container,
    .browserIE6 .container .third-container,
    .browserIE7 .container .wide-container,
    .browserIE7 .container .narrow-container,
    .browserIE7 .container .half-container,
    .browserIE7 .container .third-container
	{
		margin-left: 1%;
	}
    .container .wide-container
	{
		float: left;
		width: 66%;
	}
    .container .narrow-container
	{
		float: left;
		width: 32%;
	}
    .container .half-container
	{
		float: left;
		width: 49%;
	}
    .container .third-container
	{
		float: left;
		width: 32%;
	}
    .container .quarter-container
	{
		float: left;
		width: 23.5%;
	}
	.browserIE6 .container .quarter-container,
	.browserIE7 .container .quarter-container
	{
		width: 23%;
	}
    .container .first-container
	{
		margin-left: 0 !important;
	}

/******************************************************************
    Tooltip
******************************************************************/
.hnsite-ui-tooltip-hover
{
	opacity: .8;
	filter: alpha(opacity=80);
	padding: 5px;
}
.hnsite-ui-tooltip-hover .hnsite-ui-tooltip-hover-inner 
{
	padding: 8px 8px;
	max-width: 200px;
	line-height: 1.5em;
	font: 11px 'Lucida Grande', sans-serif;
	font-weight: bold;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #000;
	color: white;
	text-align: left;
}
.hnsite-ui-tooltip-arrow-up		{background: url('images/tooltip/tip-north.gif') no-repeat top center;}
.hnsite-ui-tooltip-arrow-down	{background: url('images/tooltip/tip-south.gif') no-repeat bottom center;}
.hnsite-ui-tooltip-arrow-left	{background: url('images/tooltip/tip-east.gif') no-repeat right center;}
.hnsite-ui-tooltip-arrow-right	{background: url('images/tooltip/tip-west.gif') no-repeat left center;}

/******************************************************************
    Buttons
	we aren't using the typical .button() seutp so we need to
	override some default jqueryui styles
******************************************************************/
.hnsite-ui-button.ui-button
{
	padding: 0.4em;
}
	.hnsite-ui-button.ui-button .ui-icon
	{
		float: left;
	}
	.hnsite-ui-button.ui-button .ui-button-text
	{
		display: inline;
	}

/******************************************************************
    SEO Content
******************************************************************/
side-panel narrow-container { float: left;   width: 100%;}
.seo-widget 
{}
	.seo-widget .seo-widget-header-left-wrap
	{
		padding-left: 22px;
		background: url('/InventoryHosting2/Browse/images/widget/header-left.png') no-repeat left top;
	}
	.seo-widget .seo-left-wrap-hollow
	{
		background: url('/InventoryHosting2/Browse/images/widget/header-left-hollow.png') no-repeat left top !important;
	}
		.seo-widget .seo-widget-header-left-wrap .seo-widget-header-right-wrap
		{
			padding-right: 22px;
			background: url('/InventoryHosting2/Browse/images/widget/header-right.png') no-repeat right top;
		}
		.seo-widget .seo-widget-header-left-wrap .seo-right-wrap-hollow
		{
			background: url('/InventoryHosting2/Browse/images/widget/header-right-hollow.png') no-repeat right top !important;
		}
			.seo-widget .seo-widget-header-left-wrap .seo-widget-header-right-wrap .seo-widget-header-text-wrap
			{
				height: 42px;
				line-height: 42px;
				background: url('/InventoryHosting2/Browse/images/widget/header-repeater.png') repeat-x left top;
			}
			.seo-widget .seo-widget-header-left-wrap .seo-widget-header-right-wrap .seo-repeater-wrap-hollow
			{
				height: 28px;
				background: url('/InventoryHosting2/Browse/images/widget/header-repeater-hollow.png') repeat-x left top !important;
			}
				.seo-widget .seo-widget-header-left-wrap .seo-widget-header-right-wrap .seo-widget-header-text-wrap h1, 
				.seo-widget .seo-widget-header-left-wrap .seo-widget-header-right-wrap .seo-widget-header-text-wrap h2
				{
					color: #03385C;
				}
	.seo-widget .seo-widget-toolbar-outer-wrap
	{
		border-left: 1px solid #CFCFCF;
		border-right: 1px solid #CFCFCF;
	}
		.seo-widget .seo-widget-toolbar-outer-wrap .seo-widget-toolbar-inner-wrap
		{
			border-left: 1px solid #E3E3E3;
			border-right: 1px solid #E3E3E3;
		}
			.seo-widget .seo-widget-toolbar-outer-wrap .seo-widget-toolbar-inner-wrap ul.seo-widget-toolbar
			{
				list-style: none;
				background: url('/InventoryHosting2/Browse/images/widget/toolbar-repeater.jpg') repeat-x top left;
				overflow: hidden;
			}
				.seo-widget .seo-widget-toolbar-outer-wrap .seo-widget-toolbar-inner-wrap ul.seo-widget-toolbar li.seo-toolbar-item
				{
					float: left;
					height: 29px;
					line-height: 29px;
					background: url('/InventoryHosting2/Browse/images/widget/toolbar-divider.jpg') no-repeat top right;
				}
				.seo-widget .seo-widget-toolbar-outer-wrap .seo-widget-toolbar-inner-wrap ul.seo-widget-toolbar li.seo-last-toolbar-item
				{
					background: none !important;
				}
					.seo-widget .seo-widget-toolbar-outer-wrap .seo-widget-toolbar-inner-wrap ul.seo-widget-toolbar li.seo-toolbar-item a
					{
						display: block;
						margin-right: 2px;
						padding: 0px 18px;
						cursor: pointer;
						text-align: center;
						font-size: 14px;
						text-decoration: none;
					}
					.seo-widget .seo-widget-toolbar-outer-wrap .seo-widget-toolbar-inner-wrap ul.seo-widget-toolbar li.seo-toolbar-item a.active
					{
						cursor: default !important;
						background: url('/InventoryHosting2/Browse/images/widget/toolbar-repeater-over.jpg') repeat-x top left;
						color: #ffffff;
					}
					.seo-widget .seo-widget-toolbar-outer-wrap .seo-widget-toolbar-inner-wrap ul.seo-widget-toolbar li.seo-toolbar-item a:hover
					{
						background: url('/InventoryHosting2/Browse/images/widget/toolbar-repeater-over.jpg') repeat-x top left;
						color: #ffffff;
					}
	.seo-widget .seo-widget-content-outer-wrap
	{
		border-left: 1px solid #DCDFE0;
		border-right: 1px solid #DCDFE0;
	}
	.seo-widget.widget-remove-bottom .seo-widget-content-outer-wrap
	{
		/* border-bottom: 2px solid #CFCFCF; */
	}
		.seo-widget .seo-widget-content-outer-wrap .seo-widget-content-inner-wrap
		{}
			.seo-widget .seo-widget-content-outer-wrap .seo-widget-content-inner-wrap .seo-widget-content
			{
				min-height: 15px;
				background-color: #ffffff;
			}
			.seo-widget .seo-widget-content-outer-wrap .seo-widget-content-inner-wrap .seo-content-padded
			{
				padding: 14px 35px;
			}
			.seo-widget .seo-widget-content-outer-wrap .seo-widget-content-inner-wrap .seo-content-padded-hollow
			{
				padding: 0px 35px;
			}
	.seo-widget .seo-widget-bottom-left-wrap
	{
		padding-left: 26px;
		background: url('/InventoryHosting2/Browse/images/widget/bottom-left.png') no-repeat top left;
	}
		.seo-widget .seo-widget-bottom-left-wrap .seo-widget-bottom-right-wrap
		{
			padding-right: 26px;
			background: url('/InventoryHosting2/Browse/images/widget/bottom-right.png') no-repeat top right;
		}
			.seo-widget .seo-widget-bottom-left-wrap .seo-widget-bottom-right-wrap .seo-widget-bottom-repeater
			{
				height: 28px;
				background: url('/InventoryHosting2/Browse/images/widget/bottom-repeater.png') repeat-x top left;
			}
.seo-widget-separater
{
	margin-top: 15px;
}