/* @override 
	http://portablecooling/css/style-3col.css
	http://www.portablecooling.com/coolit/css/style-3col.css
	http://portablecooling.com/coolit/css/style-3col.css
	http://portablecooling.com/css/style-3col.css
*/

body{
	 text-decoration: none;
	 color: #001F5F;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #FFFFFF url(../hs_images/portcoolbg.png) repeat-x;
}

#body_container {
	 width: 799px;
	margin-left: -400px;
	position: absolute;
	left: 50%;
}

a:link {
	color: #B80906;
}

a:visited {
	color: #1490D0;
}

a:hover {
	
}

a:active {
	color: black;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

.center {
	text-align: center;
}

h2 {
	text-align: center;
	font-size: 2.5em;
	letter-spacing: -.06em;
	line-height: 2em;
}

h4 {
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
	clear: both;
}

.slider-wrap h4 {
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
	clear: none;
}

#special{
	  font-size: 12px;
}
#special2{
	  text-align: center;
	  padding-top: 10px;
	  width: 250px;
	  font-size: 12px;
}

#special.img {
	  margin: 0 0 0 0;
	  text-align: center;
}

#column {
		 padding: 15px;
		 text-align: justify;
		 font-size: 10px;
		 text-align: left;
		 display: block;
}
#fineprint{
	  font-size: 9px;
}

/* @group Container */

#maincontainer {
	overflow: hidden;
	width: 799px;
	margin-left: -400px;
	position: relative;
	left: 50%;
	display: block;
}



/* @end */

/* @group Header */

#header {
		height: 134px;
		background: url(../hs_images/header_bg.jpg) no-repeat;
		margin-left: -400px;
		width: 799px;
		left: 50%;
		clear: both;
		display: block;
		padding-right: 0;
		padding-top: 0;
		padding-left: 0;
		position: relative;
	overflow: hidden;
}

a.headerlink{
	text-decoration: none;
	cursor: pointer;
}

#h_doc_before {
	background-image: url(../hs_images/headers/doctor_before.jpg);
	width: 799px;
	height: 134px;
}

#h_doc_before span.quote {
	width: 280px;
	height: 85px;
	display: block;
	margin-left: 248px;
	margin-top: 13px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #4c4c4c;
	font-size: 1.3em;
}

#h_doc_after {
	background-image: url(../hs_images/headers/doctor_after.jpg);
	height: 134px;
	width: 799px;
}

#h_doc_after span.quote {
	width: 372px;
	height: 109px;
	display: block;
	margin-left: 193px;
	margin-top: 10px;
	font-weight: bold;
	font-style: italic;
	font-size: 1.6em;
	text-align: center;
	color: white;
}

#h_mech_before {
	background-image: url(../hs_images/headers/mechanic_before.jpg);
	height: 134px;
	width: 799px;
}

#h_mech_before span.quote {
	width: 270px;
	height: 85px;
	display: block;
	margin-left: 212px;
	margin-top: 22px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #4c4c4c;
	font-size: 1.3em;
}

#h_mech_after {
	background-image: url(../hs_images/headers/mechanic_after.jpg);
	height: 134px;
	width: 799px;
}

#h_mech_after span.quote {
	width: 376px;
	height: 107px;
	display: block;
	margin-left: 173px;
	margin-top: 8px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: white;
	font-size: 1.4em;
}

#h_server_before {
	background-image: url(../hs_images/headers/server_before.jpg);
	height: 134px;
	width: 799px;
}

#h_server_before span.quote {
	width: 280px;
	height: 85px;
	display: block;
	margin-left: 248px;
	margin-top: 17px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #4c4c4c;
	font-size: 1.6em;
}

#h_server_after {
	background-image: url(../hs_images/headers/server_after.jpg);
	height: 134px;
	width: 799px;
}

#h_server_after span.quote {
	width: 381px;
	height: 105px;
	display: block;
	margin-left: 188px;
	margin-top: 10px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: white;
	font-size: 1.7em;
}

.heading {
		 width: 475px;
		 font size: 10px;
}

/* @group Header NoScript */



#header_noscript {
	background: none no-repeat;
	margin-left: -400px;
	width: 799px;
	left: 50%;
	display: block;
	padding-right: 0;
	padding-top: 0;
	padding-left: 0;
	height: 134px;
	position: relative;
	clear: both;
}

#h_noscript {
	background-image: url(../hs_images/headers/doctor_after.jpg);
	height: 134px;
	width: 799px;
}

#h_noscript span.quote {
	width: 372px;
	height: 109px;
	display: block;
	margin-left: 193px;
	font-weight: bold;
	font-style: italic;
	font-size: 1.6em;
	text-align: center;
	color: white;
	padding-top: 10px;
}

#header_hidden #header {
	display: none;
 }

/* @end */



/* @end */

/* @group Left Panel */

#leftpanel {
	float: left;
	width: 136px;
	background: url(../hs_images/tiles/left_column_tile.jpg) repeat-y;
	padding-bottom: 3000px;
	margin: 0 0 -3000px -1px;
	display: block;
	position: relative;
	
}

#leftpanel_content {
		   background: url(../hs_images/tiles/left_column_bg.jpg) no-repeat;
		   width: 136px;
	clear: both;
	display: block;
	padding-bottom: 3000px;
	margin-bottom: -3000px;
}

#eightquestions a, a.sqbutton {
	position: absolute;
	top: 300px;
}

#eightquestions a {
	width: 119px;
	height: 153px;
	margin-top: 1em;
	cursor:pointer;
	display: block;
	text-indent: -99999px;
	background: url(../hs_images/button_8questions.png) no-repeat;
}

#eightquestions a:active {
	width: 119px;
	height: 153px;
	margin-top: 1em;
	cursor:pointer;
	display: block;
	text-indent: -99999px;
	background: url(../hs_images/button_8questions.png) 0 153px;
}



/* @end */

/* @group Main Panel */

#mainpanel {
  	 background: #f5f6f6 url(../hs_images/tiles/mainpanel_bg_06.jpg) repeat-x;
 	 width: 527px;
	float: left;
	margin: 0 -662px -3000px 136px;
	display: block;
	position: relative;
	padding-bottom: 3000px;
}
#mainpanel_content {
	margin-right: 1.5em;
	margin-left: 1.5em;
	margin-bottom: 1em;
}

#mainpanel p {
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 12px;
}
#mainpanel_rental {
	padding: 5px 8px;
	font size: 12px;
	text-align: center;
}

table.listing {
	padding: 5px;
	font size: 10px;
	text-align: left;
}
table.heading {
	width: 475px;
	padding: 3 3 3 3;
	font size: 12px;
	background: #E9E9E9;
}
#contact-header1{
    width: 527px;
	height: 44px;
	padding: 0 0 0 0;
	font size: 10px;
	background: url('../images/contact-h1.jpg');
}

/* We are using negative margins here in order for the content to be displayed first un-styled. Use these formulas to compute margins:

Right margin: the negative value of #mainpanel width plus one pixel less than the width of the left sidebar. 

Left margin: the width of the left sidebar.*/



/* @end */

/* @group Right Panel */

#rightpanel {
	float: right;
	width: 136px;
	background: url(../hs_images/tiles/right_column_tile.jpg) repeat-y;
	margin-bottom: -3000px;
	padding-bottom: 3000px;
	display: block;
	position: relative;
}

#rightpanel_content {
		   background: url(../hs_images/tiles/right_column_bg.jpg) no-repeat;
		   width: 136px;
	margin-bottom: -3000px;
	padding-bottom: 3000px;
}

#right_column {
	font-size: .8em;
	padding: 5px 7px 200px 25px;
}

#right_column img {
	margin-right: auto;
	display: table;
	padding-bottom: 5px;
	clear: both;
	margin-top: 8px;
}

a.more {
	text-align: right;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	font-size: 1.1em;
	display: table;
	float: right;
	margin-bottom: 10px;
}

a.sqbutton {
	text-indent: -99999px;
	display: block;
	width: 115px;
	height: 151px;
	background: url(../hs_images/button_whichunit.png) no-repeat;
	margin-top: 20px;
	margin-left: -5px;
}


a.sqbutton:hover {
	text-indent: -99999px;
	display: block;
	width: 115px;
	height: 151px;
	background: url(../hs_images/button_whichunit.png) 0 -153px;
	margin-top: 20px;
	margin-left: -5px;
}

a.sqbutton:active {
	text-indent: -99999px;
	display: block;
	width: 115px;
	height: 151px;
	background: url(../hs_images/button_whichunit.png) 0 -306px;
	margin-top: 20px;
	margin-left: -5px;
}



/* @end */

#footer{
		width: 799px;
		background: url(../hs_images/footer_bg.jpg) no-repeat;
		color: gray;
		text-align: center;
	padding-top: 48px;
	font-size: .8em;
	margin-left: -400px;
	position: relative;
	left: 50%;
	padding-bottom: 11px;
}



/* @group Index Page */

#intro_text p {
	text-indent: 0;
	font-size: 1.04em;
}

#intro_text h1 {
	font-size: 4em;
	letter-spacing: -.09em;
	line-height: .8em;
	text-align: center;
	padding-top: .5em;
	color: #B80906;
	padding-bottom: .1em;
}


#intro_text h4 {
	letter-spacing: -.09em;
	text-align: center;
	padding-bottom: 1em;
	line-height: .8em;
	font-size: 1.6em;
}

#button_container {
	margin-right: auto;
	margin-left: auto;
	padding-top: 21px;
}

#button_col_1, #button_col_3 {
	float: left;
}

#button_col_1 {
	width: 90px;
}

#button_col_2 {
	float: left;
	width: 285px;
}

#button_col_3 {
	width: 90px;
	margin-left: 20px;
}

#button_col_4 {
	float: left;
	margin-left: 120px;
	padding-top: 5px;
}

#button_col_5 {
	width: 90px;
	margin-left: 275px;
	padding-top: 5px;
}

#info{
	background: url(../hs_images/blueboxgraphic.gif) no-repeat;
	 width: 269;
	 height: 268;
	 text-align: center;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	left: 16px;
}

#button_type_pc, #button_type_rentals, #button_type_industrial, #button_type_help {
	padding-top: 28px;
}

#infoText{
	font-size: 1em;
	color: #ffffff;
	text-align: center;
	width: 269px;
	height: 268px;
	position: relative;
	top: 10px;
	right: 5px;
}

#infoText .default {
	position: relative;
	top: 67px;
}

#infoText .pc {
	  padding: 7px 20px 15px;
}

#infoText .rentals {
	margin-right: auto;
	margin-left: auto;
	font-size: 1em;
	display: table;
	width: 83%;
	padding-top: 13px;
}

#infoText .industrial {
	margin-right: auto;
	margin-left: auto;
	font-size: 1em;
	display: table;
	width: 84%;
	padding-top: 6px;
}

.industrial #list {
	font-size: .8em;
	padding-top: 0;
}

#infoText .help {
	  padding: 20px 20px 15px;
	font-size: 1.4em;
}

#infoText h3 {
	font-style: italic;
	padding-top: 7px;
	font-size: 1.5em;
}

#infoText h3.line2 {
	font-weight: bold;
}

#list{
	  padding: 11px;
}

#infoText ul{
}

#infoText ul li{
   text-align: left;
   list-style: disc;
}

#buttons {
		 height: 130px;
		 
}

/* @end */

/* @group Industrial */

table#nasa_report {
	width: 100%;
	position: relative;
	border-left: 1px solid gray;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	margin-bottom: 15px;
}

#nasa_report td {
	border-bottom: 1px solid gray;
	padding: 2px;
}

#nasa_report td+td {
	border-left: 1px solid gray;
}

td.data_header {
	font-size: 1.1em;
	font-weight: bold;
}



/* @end */

/* @group Customers Page */

#test_text {
	padding-bottom: 2em;
	width: 90%;
}

p.sig {
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	line-height: .9em;
	margin-bottom: 1em;
	padding-top: 1px;
}

p.sigcompany {
	font-size: .9em;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	line-height: .9em;
	margin-bottom: 1em;
	margin-top: -2.3em;
}

#list_container {
	clear: both;
	display: table;
	padding-bottom: 1em;
	width: 100%;
}

#list_col1, #list_col2, #list_col3 {
	font-size: .8em;
	float: left;
	width: 32%;
}



/* @end */

/* @group Company Page */

#mainpanel_content ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 2em;
}



/* @end */

/* @group Contact Page */

#contact_methods {
	padding-top: 2em;
	padding-bottom: 2em;
	margin-left: -170px;
	width: 340px;
	position: relative;
	left: 50%;
}

#contact1_name, #contact2_name, #contact3_name  {
	display: inline;
	width: 10em;
	float: left;
}

#contact1_method, #contact2_method, #contact3_method  {
	display: inline;
}

#address_name {
	font-weight: bold;
	padding-top: 1.5em;
}




/* @end */

/* @group Buy Now Page */

h3#buynow {
	text-align: center;
	font-size: 2em;
}



/* @end */

/* @group 8 Questions */

h2#questions {
	padding-bottom: .9em;
	line-height: 1em;
}

p#questions {
	padding-bottom: 0;
	padding-top: 17px;
	font-style: italic;
	font-size: .8em;
}

ol.numbers {
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: 10px;
}

ol.numbers li {
	font-size: 1.2em;
}

ol.numbers p {
	font-size: .9em;
	font-weight: normal;
	font-style: normal;
}




/* @end */

/* @group FAQ */

h4#faq {
	color: #B80906;
	text-decoration: underline;
	padding-top: 7px;
}

#company_image {
	float: right;
	height: 169px;
	width: 225px;
	background: url(../hs_images/image_companytruck.jpg) no-repeat;
	text-indent: -99999px;
	margin-bottom: 5px;
	margin-left: 5px;
}


	#ol .li {
	cursor:pointer;
	padding-bottom: 3px;
}

	
	

/* @end */

/* @group Solutions */

/* @group Slider */

p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 480px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 260px;
			clear: both;
}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 480px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav {
	margin-left: -178px;
	position: relative;
	left: 50%;
}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
	width: 300px;
	margin: 0;
}
		
		.stripNav ul li {
			float: left;
			margin-right: px;
	list-style-type: none;
}

.stripNav a:active, .stripNav a:link { /* The nav links */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			color: #fff;
			text-decoration: none;
			display: block;
	text-indent: -999999px;
}
		
		.stripNav li.tab1 a {
	background: url(../hs_images/buttons_solutions_comp.png) no-repeat;
	width: 99px;
	height: 43px;
}
		
		.stripNav li.tab1 a.current {
	background: url(../hs_images/buttons_solutions_comp.png) no-repeat 0 -43px;
	width: 99px;
	height: 43px;
}
		
		.stripNav li.tab2 a {
	background: url(../hs_images/buttons_solutions_comp.png) no-repeat 0 -86px;
	width: 99px;
	height: 43px;
}
		
		.stripNav li.tab2 a.current {
	background: url(../hs_images/buttons_solutions_comp.png) no-repeat 0 -129px;
	width: 99px;
	height: 43px;
}
		
		.stripNav li.tab3 a {
	background: url(../hs_images/buttons_solutions_comp.png) no-repeat 0 -172px;
	width: 99px;
	height: 43px;
}
		
		.stripNav li.tab3 a.current {
	background: url(../hs_images/buttons_solutions_comp.png) no-repeat 0 -215px;
	width: 99px;
	height: 43px;
}
		
		.stripNav li.tab4 a {
	background: url(../hs_images/buttons_solutions_comp.png) no-repeat 0 -258px;
	width: 99px;
	height: 43px;
}
		
		.stripNav li.tab4 a.current {
	background: url(../hs_images/buttons_solutions_comp.png) no-repeat 0 -301px;
	width: 99px;
	height: 43px;
}
		
		.stripNav li.tab5 a {
	background: url(../hs_images/buttons_solutions_comp.png) no-repeat 0 -344px;
	width: 99px;
	height: 43px;
}
		
		.stripNav li.tab5 a.current {
	background: url(../hs_images/buttons_solutions_comp.png) no-repeat 0 -387px;
	width: 99px;
	height: 43px;
}
		
		.stripNav li.tab6 a {
	background: url(../hs_images/buttons_solutions_comp.png) no-repeat 0 -430px;
	width: 99px;
	height: 43px;
}
		
		.stripNav li.tab6 a.current {
	background: url(../hs_images/buttons_solutions_comp.png) no-repeat 0 -473px;
	width: 99px;
	height: 43px;
}
		
		.stripNav li a:hover {
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}
		

/* @end */

#solutions_text {
	padding-top: 2em;
}

ul.solutionslist {
	display: block;
	float: left;
}

#solutions_links {
	font-size: 1.1em;
	font-weight: bold;
	display: block;
	float: left;
	text-align: right;
}

#targetDiv {
	display: table;
	margin-right: auto;
	margin-left: auto;
}

#solutions_links a {
	text-decoration: none;
	display: list-item;
	list-style-type: none;
	padding-right: 1em;
}

span#solutions_industries_image {
	width: 150px;
	height: 113px;
	margin-bottom: 41px;
	background: url(../hs_images/solutions_industries.jpg) no-repeat;
	text-indent: -99999px;
	float: left;
	margin-right: 16px;
}

span#solutions_outdoors_image {
	float: left;
	width: 150px;
	height: 113px;
	margin-right: 16px;
	margin-bottom: 41px;
	text-indent: -99999px;
	background: url(../hs_images/solutions_outdoors2.jpg) no-repeat;
}

span#solutions_computers_image {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 16px;
	margin-bottom: 41px;
	text-indent: -99999px;
	background: url(../hs_images/solutions_computers.jpg) no-repeat;
}

span#solutions_medical_image {
	float: left;
	width: 150px;
	height: 113px;
	margin-right: 16px;
	margin-bottom: 41px;
	text-indent: -99999px;
	background: url(../hs_images/solutions_medical.jpg) no-repeat;
}

span#solutions_hotspots_image {
	float: left;
	width: 150px;
	height: 113px;
	margin-right: 16px;
	margin-bottom: 41px;
	text-indent: -99999px;
	background: url(../hs_images/solutions_hotspots.jpg) no-repeat;
}



/* @end */

a.k-button {
	text-indent: -99999px;
	width: 180px;
	height: 108px;
	background: url(../hs_images/know.png) no-repeat;
	margin-top: 10px;
	margin-left: -5px;
	display: block;
	float: left;
	margin-bottom: 10px;
}

a.k-button:hover {
	text-indent: -99999px;
	display: block;
	width: 180px;
	height: 108px;
	background: url(../hs_images/know.png) -263px 0;
	margin-top: 10px;
	margin-left: -5px;
	margin-bottom: 10px;
}

a.dk-button {
	text-indent: -99999px;
	width: 180px;
	height: 108px;
	background: url(../hs_images/dont.png) no-repeat;
	margin-top: 10px;
	margin-left: -5px;
	display: block;
	float: left;
	margin-bottom: 10px;
}

a.dk-button:hover {
	text-indent: -99999px;
	display: block;
	width: 180px;
	height: 108px;
	background: url(../hs_images/dont.png) -263px 0;
	margin-top: 10px;
	margin-left: -5px;
	margin-bottom: 10px;
}

#main_buttons_pcrooms {
	width: 350px;
	margin-left: -164px;
	position: relative;
	left: 50%;
}

#main_buttons_industrial {
	width: 108px;
	margin-left: -78px;
	position: relative;
	left: 50%;
}

p.clear {
	clear: both;
}

#gallery h1 {
	font-size: 1.5em;
	text-align: center;
}


#gallery ul {
	margin: 0 0 15px 12px;
}

#gallery ul li {
	list-style-type: none;
	display: inline;
}

#gallery ul li a img {
}

#ol ol.casestudies div.li li {
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
}

#ol ol.fineprint {
	margin-top: 1.4em;
}

#ol ol.fineprint div.li li {
	text-align: left;
	font-size: 1.1em;
}

#ol ol.fineprint div.answer_text p {
	text-align: left;
	font-size: .8em;
	padding-left: 1em;
}

#mainpanel_rental h5 {
	font-weight: bold;
}