/*
	Stylesheet for one-off pages and sections
		for Hile and Thetford staff.
	
	All IDs and class decls should be prefaced with hd_ (eg, #hd_photo or .hd_box_left)
		to prevent conflicts with existing selectors and make debugging easier.
*/

/* POSITION values other than STATIC will cause top nav dropdowns to display under rather than over content */

/* Product page styling */
/* for: <http://www.thetford.com/Thetford/HOME/Products/ChemicalsCleanersHome/tabid/120/Default.aspx> */

.hd_product_column { /* metacontainer for all product boxes */
	width:204px;
	margin: 0 16px 0 0;
	float:left;
	}
.hd_product_box_orange_top,.hd_product_box_red_top,.hd_product_box_blue_top {
	display:block;
	/*position:relative;*/
	/*height:1px;*/
	width:204px;
	background:url('/Portals/0/Thetford/images/hd_product_box_orange_middle_bg.gif') repeat-y;
	}
.hd_product_box_orange_middle,.hd_product_box_red_middle,.hd_product_box_blue_middle {
	display:block;
	/*position:relative;*/
	/*height:1px;*/
	width:190px;
	padding:0 7px 0 7px;
	background:url('/Portals/0/Thetford/images/hd_product_box_orange_middle_bg.gif') repeat-y;
	line-height:1.3em;
	}
.hd_product_box_red_top,.hd_product_box_red_middle {
	background:url('/Portals/0/Thetford/images/hd_product_box_red_middle_bg.gif') repeat-y;
	}
.hd_product_box_blue_top,.hd_product_box_blue_middle {
	background:url('/Portals/0/Thetford/images/hd_product_box_blue_middle_bg.gif') repeat-y;
	}
.hd_product_box_orange_middle h3,.hd_product_box_orange_middle p,.hd_product_box_orange_middle ul,
.hd_product_box_red_middle h3,.hd_product_box_red_middle p,.hd_product_box_red_middle ul,
.hd_product_box_blue_middle h3,.hd_product_box_blue_middle p,.hd_product_box_blue_middle ul {
	margin:0;
	padding:0 0 1em;
	}
.hd_product_box_orange_middle h3,.hd_product_box_red_middle h3,.hd_product_box_blue_middle h3 {
	color:#693;
	font-weight:normal;
	font-family:"Arial Black","Impact",Arial,sans-serif;
	text-transform:uppercase;
	font-size:1em;
	}
.hd_product_box_orange_middle ul,.hd_product_box_red_middle ul,.hd_product_box_blue_middle ul {
	list-style:url('/Portals/0/Thetford/images/ul_bullet_red.gif');
	margin-left:1.3em;
	}
.hd_product_box_orange_bottom,.hd_product_box_red_bottom,.hd_product_box_blue_bottom {
	display:block;
	/*position:relative;*/
	height:1px;
	width:204px;
	margin: 0 0 14px 0;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	background:#daa118;
	}
.hd_product_box_red_bottom {
	background:#cc3333;
	}
.hd_product_box_blue_bottom {
	background:#33A3DC;
	}
.hd_product_column #subcontent_table_app {
	margin-left:-16px;
	}
/* Dimensions table for eg. Tecma Silence Plus product page */
.hd_diagram_key table td {
	padding:2px 1px 2px 6px;
	text-align:left;
	}

/* Useful general purpose selectors */

#page .hd_img_fl_left,#page .hd_left {
	float:left;
	margin:0 6px 2px 0;
	}
#page .hd_img_fl_right,#page .hd_right {
	float:right;
	margin:0 0 2px 6px;
	}
.hd_ca { /* Clears all floats within the containing element. Effectively invisible. */
	clear:both;
	float:none;
	display:block;
	width:1px;
	height:1px;
	margin-left:-1px;
	overflow:hidden;
	}

.hd_producttable_button img {
	width:163px;
	float:none;
	clear:both;
	margin:.5em 16px;
	}


/* Table for MSDS page */
.hd_msdsbox {
	float:right;
	margin-left:-50px;
	margin-right:3px;
	width:417px;
	border:1px solid #7FCEF4;
	background:#fff;
	}
#hd_msdstable {
	width:100%;
	}
#hd_msdstable td a,#hd_msdstable td span {
	display:block;
	padding:2px 1px 2px 6px;
	text-align:center;
	}
#hd_msdstable .dim_1c a,#hd_msdstable .dim_1c span { /* { what is this extra curly brace here for? */
	text-align:left;
	}

/* Layouts for the resource gallery pages */

#hd_content_container {
	width:636px;
	padding:0 49px 0 47px;
	}
.hd_gt_table {
	margin: 10px auto;
	width:600px;
	border:solid #7fcef4 1px;
	background:#fff;
	}
.hd_gt_table table {
	border:none;
	background:none;
	width:inherit;
	margin:0;
	}
.hd_gt_name_title,.hd_gt_num_title,.hd_gt_files_title {
	color:#000;
	background:#7fcef4;
	}
.hd_gt_name_title div,.hd_gt_num_title div,.hd_gt_files_title div {
	padding:6px 2px 5px 7px;
	}
.hd_gt_num_title div,.hd_gt_files_title div {
	padding:6px 0px 5px 3px;
	}
.hd_gt_view,.hd_gt_hide {
	font-weight:bold;
	color:#009de9;
	cursor:pointer;
	}
.hd_gt_table table th {
	width:60px;
	text-transform:uppercase;
	}
.hd_gt_table .hd_gt_name {
	width:163px;
	}
.hd_gt_name div {
	padding:10px 3px 10px 7px;
	}
.hd_gt_table .hd_gt_num {
	width:59px;
	}
.hd_gt_num div {
	padding:10px 3px 10px 3px;
	}
.hd_gt_table .hd_gt_files {
	width:414px;
	}
.hd_filesbox {
	padding:10px 0px 10px 3px;
	}
.hd_gt_table th {
	text-align:left;
	}
.hd_gt_dark {
	background:#def;
	}
.hd_gt_light {
	}
.hd_arrow_down,.hd_arrow_up {
	cursor:pointer;
	padding-left:1px;
	}
.hd_arrow_down.hd_arrow_active,.hd_arrow_up.hd_arrow_active {
	cursor:default;
	}
.hd_gt_table img {
	border:none;
	}
.hd_gt_table .hd_imgrow img {
	border:solid #9ddaf7 1px;
	}
h2.hd_h2 {
	font-family:'Arial Black';
	font-size:18px;
	color:#c90;
	}
.hd_ul_col_1,.hd_ul_col_2,.hd_ul_col_3 {
	display:block;
	list-style:none;
	margin:0 0 0 16px;
	padding:0;
	float:left;
	width:196px;
	}
.hd_ul_col_1 li,.hd_ul_col_2 li,.hd_ul_col_3 li {
	list-style:none;
	}
/* Containers for the marine toilets video pages. */

#hd_productvideo_container {
	position:static;
	width:546px;
	padding:27px 0 30px 92px;
	}

/* --------------------------------------------------------------------------------- */
/*
08 sept 23:
Everything below this line is copied and pasted from the dimensions.css file.
Do not use these styles for new work.
Instead use the correct "hd_" selector styles above, or add a new "hd_" selector.
*/
/*
	new products stylesheet
	
	For Thetford website
	Loaded as needed on product pages
	
	1st version: 13 Aug 07
*/

/* modified products page */
.productblock {
	width:732px;
	margin:0 0 5px 0;
	float:none;
	clear:both;
	}
.pro_left {
	width:293px;
	margin:0 0 5px 0;
	float:left;
	clear:right;
	}
.pro_right { /* width:439px */
	width:439px;
	margin:0 0 0 0;
	font-family:Arial,'sans-serif';
	font-size:11px;
	color:#000;
	float:left;
	}
.pro_right #subtitle2 {
	width:293px;
	margin:1em 0 0;
	}
.pro_buttons {
	float:right;
	width:135px;
	margin:0 -138px 0 0;
	}
/* #subcontentrighttitle is the product title */
/* #subtitle1 is the Arial 16 #666 subhed */
/* #subtitle2 is the Arial Black 12 #693 subhed */
.pro_right p {
	width:293px;
	margin:1em 0 0;
	}
.pro_list {
	width:293px;
	margin:1em 0 0 1.5em;
	padding:0;
	list-style-type:none;
	list-style: url(/Portals/0/images/list_bullet1.gif);
	}
.pro_list li {
	list-style-type:none;
	list-style: url(/Portals/0/images/list_bullet1.gif);
	line-height:1.4em;
	}
.pro_list ul {
	width:293px;
	margin:0 0 0 2em;
	padding:0;
	list-style-type:none;
	list-style: url(/Portals/0/images/list_bullet2.gif);
	}
.pro_list ul li {
	list-style-type:none;
	list-style: url(/Portals/0/images/list_bullet2.gif);
	}
.pro_right #subcontentrightbottom img,.pro_right #subcontentrightbottom br {
	display:none;
	}
/*
.pro_right #subcontentrightbottom21,.pro_right #subcontentrightbottom22 {
	line-height:1px;
	}
*/
.pro_right #subcontentrightbottom #Img1,.pro_right #subcontentrightbottom #Img2,.pro_right #subcontentrightbottom #Img3,.pro_right #subcontentrightbottom #Img4,.pro_right #subcontentrightbottom #Img5,.pro_right #subcontentrightbottom #Img6,.pro_right #subcontentrightbottom #Img7,.pro_right #subcontentrightbottom #Img8 {
	display:block;
	margin:0 0 6px;
	padding:0;
	}
/* the dimensions box */
.dim_box {
	float:right;
	margin-left:-68px;
	margin-right:3px;
	width:433px;
	border:1px solid #7FCEF4;
	background:#fff;
	}
.dim_header {
	color:#3399CC;
	font-family:Arial Black;
	font-size:11px;
	padding-left:5px;
	}
.dim_title {
	background-color:#7FCEF4;
	color:#000000;
	font-family:'Arial Black';
	font-size:11px;
	padding:2px 1px 2px 6px;
	}
.dim_box table,.hd_msdsbox table {
	width:100%;
	}
.dim_box td {
	padding:2px 1px 2px 6px;
	text-align:center;
	}
.dim_box .dim_1c,.hd_msdsbox .dim_1c {
	text-align:left;
	}
.dim_label {
	font-weight:bold;
	}
.dim_light {
	}
.dim_dark {
	background-color:#CCEBFB;
	}

/* misc fixes */
.ca {
	display:block;
	float:none;
	clear:both;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	}
/* EOF */