/* Deep Creative | The Radiator Company */

/* Universal */

BODY {
		margin-left:   0px;
		margin-top:    0px;
	 	text-align: center;
	 	padding:       0px;
	 	font-family: Arial, sans-serif;
	 	font-size:    10pt;
	 	color:     #333333;
	 }

A    { color: #000000; text-decoration: none; font-family: Arial, sans-serif; font-size: 10pt; }
DIV  { position: relative; }
I    { font-weight: normal; }
P    { margin: 0 0 16px 0; }
TEXTAREA {
	overflow: auto;
	scrollbar-arrow-color: #000;
	scrollbar-base-color: #939393;
	scrollbar-track-color: #eee;
	scrollbar-dark-shadow-color: #939393;
	scrollbar-face-color: #939393;
	scrollbar-shadow-color: #939393;
	scrollbar-highlight-color: #939393;
	scrollbar-3d-light-color: #939393;
}
SELECT {
	position: relative;
	left: 2px;
}

A.textlink  {
   font-size: 10px;
   color: #AAAAAA;
   text-decoration: none;
}
A.textlink:hover  {
   color: #222222;
   text-decoration: underline;
}
IMG { border: 0; }

.error  { color: #77933c !important; }
.error1 { color: red !important; }
.errorBack { background-color: #FFCCCC; }

.scroll {
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #cccccc;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #EFEFEF;
	scrollbar-track-color: #EFEFEF;
	scrollbar-arrow-color: #333333;
}

h1 {
	padding: 10px 0px 0px 10px;
	margin-bottom: 10px 0px 0px 10px;
	font-size: 16pt;
	font-weight: bold;
}
&l
hr { width: 710px; }

.paddingLeft { padding-left: 10px; margin-left: 10px }

/* No left padding to fix display issue in FAQ page headers */
.noLeftPadding { padding-left: 0px; margin-left: 0px }
.noLeftOrTopPadding { padding-left: 0px; padding-top: 0px; margin-left: 0px; margin-top: 0px; }

.invis { visibility: hidden; }

/************************************/
/** WYSIWYG **/
/*************/
P {
	margin: 0 0 16px 0;
}
UL { margin-bottom: 16px; }
.header3 {
	font-size: 1.05em;
	font-weight: bold;
	color: #666666;
}

.default {
 	font-family: Arial, sans-serif;
	font-size: 1em;
	color: #333333;
}

.help_title {
	margin: 10px 0 5px 0;
	font-weight: bold;
	font-size: 1.1em;
}

/************************************/

.center { text-align: center; }


/* Main Container */

#main_cont { width: 740px; margin: 0px auto; border: 1px solid #999999; text-align: left; }

#main_cont .bottomspacer { width: 100%; clear: both; margin: 0 0 15px 0; }
#main_cont .spacer       { width: 100%; clear: both; 				     }

#main_cont FORM          { margin: 0; letter-spacing: .02em; padding: 0;		          }
#main_cont INPUT         { height: 17px; font-size: 10px; border: inset  #666666 1px; width: 100%;    }
#main_cont INPUT:active  { height: 17px; font-size: 10px; border: outset #666666 1px;                 }
#main_cont SELECT        { height: 17px; font-size: 8pt; width: 100%; 							      }

#main_cont #greyintro_cont         { width: 300px; margin: 15px 0 0 10px; top: 0px; text-align: left; }
#main_cont #greyintro_cont A:hover { text-decoration: underline; 									  }
#main_cont #greyintrofull_cont     { width: 480px; margin: 15px 0 0 10px; top: 0px; text-align: left; }
#main_cont #greyintrofull_cont A:hover {text-decoration:underline;}
#main_cont #greyintrofull_cont A	{ color: #660099;}

/* Grey Buttons */

#main_cont .greybut   {
	height: 17px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #939393;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
	cursor: pointer;
}

#main_cont .greybut A {
	letter-spacing: .1em; line-height: 1.6em;
	height: 100%; color: #ffffff; font-size: .8em; text-decoration: none; display: block; }
#main_cont INPUT.greybut {
	height: 20px;
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	letter-spacing: .1em;
	font-weight: normal;
	text-align: center;
	color: #fff;
	border: 0px;
	padding: 0 2px 0 2px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
}

#main_cont .but_accnt_go   			 { width:   36px; float:  left; display: inline; margin: 0 0 0 10px; 		 }
#main_cont .but_accnt_save 			 { width:  40px; float:  left; height: 17px; top: 1px; left: 16px;				  						 }
#main_cont .but_back	   			 { width:   10%; float:  right; margin: 15px 0 0 10px; display: inline; 			  					 }
#main_cont .but_back_to_prod_finder	 { width: 169px !important; float:  left; height: 15px; margin-left: 10px; line-height: .9em; font-size: 14px ; font-weight: normal; 							  						 }
HTML>BODY #main_cont .but_back_to_prod_finder  { height: 17px; }
#main_cont .but_bturemove  			 { width:   31%; float:  left; margin: 0 0 0 10px; z-index: 2;  		 								 }
#main_cont .but_btusave     		 { width: 120px; float:  left; display: inline; height: 17px; 									  						 }
#main_cont .but_calc     			 { width:   170px; position: absolute; top: 0; left: 0; z-index: 2;						 				 }
#main_cont .but_create   			 { width:   52%; float:  left; margin: 0 0 0 0; 						  	   	  						 }
#main_cont .but_edit    	 	     { width:   18%; float:  left; margin: 15px 0 0 0; z-index: 2; margin-left: 10px*; /* IE Mac */      	 }
#main_cont .but_editdetails	   		 { width:   32%; float:  left; margin: 0 0 0 0; 						  		  						 }
#main_cont .but_findoutput  		 { width:   50%; float:  left; margin: 0 0 0 10px; 								  						 }
#main_cont .but_findoutputsm 		 { float:  left; margin: 6px 4px 0 0; left: 6px; width: 75px*; /* IE Mac */ 	  						 }
#main_cont .but_findoutputsm INPUT   { width: 90px; padding: 0; cursor: hand;				  						 						 }
#main_cont .but_getproduct			 { width:   54%; float:  left; margin: 0 0 0 10px; 					  			   						 }
#main_cont .but_go		   			 { width:   30px; float:  left; display: inline; margin: 2px 0 0 10px; border: 1px outset #555555; 		 }
#main_cont .but_prodlistleft 		 { width:  37px; float: right; margin: 10px 0 0 0; 				  			   						     }
#main_cont .but_prodlistright		 { width:  37px; float: right; margin: 10px -8px 0 0; 				  			   						 }
#main_cont .but_remove    			 { width:   31%; float:  left; margin: 2px 0 0 0;  z-index: 2;		               						 }
#main_cont .but_reset    			 { width:   90px; position: absolute; top: 0; left: 170px; z-index: 2;					 				 }
#main_cont .but_save     			 { width: 120px; float:  left; height: 17px; 									  						 }
#main_cont .but_savetowish  		 { width:   128px; float: right; margin: 15px 0 0 0; 							   	  					 }
#main_cont .but_savewish 			 { width:   49%; float:  left; margin: 8px 0 0 0; 					  			  						 }
#main_cont .but_search      	     { width:  48px; float: right; margin: 6px 10px 5px 0; 			 				   						 }
#main_cont .but_sect_view    	     { width:  94px; float: right; margin: 0 0 0 0; cursor: pointer;        	   		 		      		 }
#main_cont .but_send     			 { width:  35px; float: right; 										  			  						 }
#main_cont .but_similarview			 { width:   27%; float: right; margin: 0 3px 0 0; 					  			   						 }
#main_cont .but_storego    	 		 { width:    11%; float:  left; margin: 2px 0 0 10px; border: 0 !important;	  						 }
#main_cont .but_Update		  		 { width:   18%; float: right; right: 10px; margin: 5px 0 0 0; }
#main_cont .but_viewlarger   		 { width: 138px; float: right; margin: 0 5px 0 0; line-height: .9em; font-size: 14px ; font-weight: normal;  	 				  			   						 }
HTML>BODY  .but_viewlarger           { margin-right: 0;  	 				  			   						 							 }
#main_cont .but_viewresults          { float: right; margin: 0 1px 0 0; top: 0px; padding: 0 1px 0 3px; 			 		    			 }
#main_cont .but_viewresults INPUT    { width:  98px; width: 162px; left:6px; position: relative; cursor: hand; 			 		    					 								 }
#main_cont .but_viewshow   			 { width:   38px; float:  right; margin: 15px 0 0 10px; display: inline; 			  					 }
#main_cont .but_wishEdit  			 { width:   58px; float:  left; clear: left; left: 10px; margin-top: 25px; line-height: .9em; font-size: 14px ; font-weight: normal; margin-left: 10px*; /* IE Mac */      	 }
#main_cont .but_wishRemove1  		 { width:   66px; float: left; clear: left; left: 10px; margin-top: 15px; cursor: hand;      	 }
#main_cont .but_wishRemove1 INPUT	 { cursor: pointer;      	 }
#main_cont .but_wishRemove2  		 { width:   66px; float:  left; text-align: center; position: absolute; bottom: 0; left: 0; z-index: 2;  }

/* Yellow Buttons */

#main_cont .wish_butcont   { width: 720px; margin: 8px 0 0 0; left: 10px; float: left; font-size: 12px; font-weight: bold;}

#main_cont .wish_butcont .wish_but_global   { height: 24px; margin: 5px 0 0 0; float: right; background-color: #77933c; }
#main_cont .wish_butcont .wish_but_global A { height: 100%; color: #ffffff; font-size: 12px; text-decoration: none; display: block; margin: 5px 0 0 10px; }

#main_cont .wish_butcont .wish_but_sendwish   { width:  21%; display: inline;    }
#main_cont .wish_butcont .wish_but_preview    { width: 74px; margin-right: 10px; }
#main_cont .wish_butcont .wish_but_backtowish { width:  19%; }
#main_cont .wish_butcont .wish_but_sendto     { width:  35%; }
#main_cont .wish_butcont .wish_but_step1      { width:  11%; }


/* Page Breadcrumbs */

#main_cont .bread_left         { width: 50%; float: left; margin: 3px 0 0 10px; text-align: left; display: inline; font-size: 8pt; color: #000000; }
#main_cont .bread_left A       { font-size: 8pt; text-decoration: none; color: #000000; }
#main_cont .bread_left A:hover { font-size: 8pt; text-decoration: underline; color: #000000; }
#main_cont .bread_right        { width: 30%; float: right; margin: 0 10px 0 0; text-align: right; }


/* Page Title Text */

#main_cont #title_cont         { width: 50%; left: 10px; top: 10px; margin: 0px 0 0 0; clear: left; text-align: left; font-size: 16pt; font-weight: bold; }

#main_cont .menu_colour        { color: #666666; }
#main_cont .ataglance_colour   { color: #dd1a9c; }
#main_cont .product_colour     { color: #953735; }
#main_cont .btu_colour         { color: #e46c0a; }
#main_cont .findnearest_colour { color: #31859c; }
#main_cont .help_colour        { color: #999933; }
#main_cont .wish_colour        { color: #77933c; }
#main_cont .wish_subcolour     { color: #660099; }
#main_cont .accnt_colour       { color: #660099; }


/* Main Content Containers */

#main_cont #content_left   { width: 367px; height: 412px; margin: 15px 0 0 10px; float: left; display: inline; text-align: left; }
#main_cont #pageinfo_cont  { width: 80%; }
#main_cont #pageinfo_cont OL LI { margin-bottom: 0.2em; }

#main_cont #content_right  { width: 349px; height: 465px; margin: 15px 0 0 0; float: left; display: inline; background-repeat:repeat-y; }

#main_cont .bgpic_login    { background-image: url("../img/accnt_login.jpg");   }
#main_cont .bgpic_edit     { background-image: url("../img/accnt_edit.jpg");    }
#main_cont .bgpic_details  { background-image: url("../img/accnt_details.jpg"); }
#main_cont .bgpic_create   { background-image: url("../img/accnt_create.jpg");  }
#main_cont .bgpic_btu      { background-image: url("../img/btu.jpg");           }


/* TABLE ELEMENTS	Color Menu Page */

#main_cont .table_title_cont        { width: 70%; margin: 15px 0 0 0; left: 10px; float: left; clear: left; font-size: 14px; font-weight: bold;   color: #660099; }
#main_cont .table_subtitle_cont     { width: 65%; margin: 10px 0 -5px 0; left: 10px; float: left; clear: left; font-size: 11px; font-weight: normal; color: #8F45A9; }
#main_cont .table_subtitle_cont DIV { text-align: center; }

TABLE  { color: #8F45A9; width: 100%; font-size: 11px; }
TH, TD { height: 25px; font-weight: normal; border: 1px solid #cccccc; text-align: center; }
TH 	   { border-bottom: 1px solid #660099; color: #660099; }
TD 	   { border-top: 0; }

TH.firstcell, TD.firstcell { border-left:  1px solid #ffffff; }
TH.lastcell, TD.lastcell   { border-right: 1px solid #ffffff; }
DIV.addalign  			   { padding: 0 2px; width: 82%; margin: 0 0 0 0; left: 1px; margin-left: 1px*; /* IE Mac */ }
DIV.addalign A 			   { text-align: center; }

#main_cont .table_cont INPUT  { width: 86%; }
#main_cont .table_cont SELECT { width: 96%; }

#main_cont .sect_table_cont 		   { width: 90%; margin: 10px 0 0 0; left: 10px; float: left; clear: left; }
#main_cont .sect_table_cont .noborder  { border: 1px solid #ffffff; }
#main_cont .sect_table_cont .colnumber { font-weight: bold; color: #333333; }

#main_cont .sm_table_cont       { width: 720px; margin: 10px 0 0 0; left: 10px; float: left; clear: left; }
#main_cont .sm_table_cont TABLE { width: 80%; float: left }

#main_cont .table_cont 			     { width: 720px; margin: 10px 0 0 0; left: 10px; float: left; clear: left; }
#main_cont .table_cont .viewalign    { text-align: center; width: 86%; margin: 0 0 0 2px; }
#main_cont .table_cont .similaralign { text-align: center; width: 86%; margin: 0 0 0 4px; }
#main_cont .table_cont .removealign  { text-align: center; width: 86%; margin: 0 0 0 4px; }

/*************************************************************
/** FOOTER PAGES (terms, etc)	*****************************/
#full_page_block {
	margin-left: 10px;
	width: 96%;
	line-height: 1.1em;
	margin-top: 40px;
}

/*************************************************************
/***** SITEMAP PAGE ******************************************/
#sitemap_cont { color: #666666; margin: 10px 10px 0px 10px; }
#sitemap_cont a:link, #sitemap_cont a:visited, #sitemap_cont a:hover, #sitemap_cont a:active { color: #666666; text-decoration:none;}
#sitemap_cont a:hover {text-decoration: underline; }
.sitemap_heading_large { margin: 0px; padding: 0px; font-size:11pt; }
.sitemap_heading_large a { font-size:11pt;}
.sitemap_heading_large a:hover { text-decoration: underline;}
.sitemap_heading_small { margin: 0px; padding: 0px; font-size:10pt; }
.sitemap_heading_small a { font-size:10pt;}
.sitemap_heading_small a:hover { text-decoration: underline;}
.sitemap_section_heading { margin: 0px 0px 5px 0px; padding: 0px; font-size:15pt; color: #dd1a9c; }