/*********************************************************************/
/****************** 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('/InventoryHosting/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('/InventoryHosting/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; width:135px;}
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('/InventoryHosting/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('/InventoryHosting/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('/InventoryHosting/common/images/button/button_left.png') top left;float:left; width:6px; height:23px;}
.not_selected .button_middle	{cursor:pointer; background:url('/InventoryHosting/common/images/button/button_middle.png') repeat-x top left;float:left; height:23px;}
.not_selected .button_right	{cursor:pointer; background:url('/InventoryHosting/common/images/button/button_right.png') top left;float:left; width:6px; height:23px;}

.selected .button_left	{cursor:pointer; background:url('/InventoryHosting/common/images/button/button_left.png') top left;float:left;width:6px; height:23px;}
.selected .button_middle	{cursor:pointer; background:url('/InventoryHosting/common/images/button/button_middle.png') repeat-x top left;float:left; height:23px;}
.selected .button_right 	{cursor:pointer; background:url('/InventoryHosting/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;}