/*

	File: screen.css
	Media: screen
	Copyright: (c) 2010 PixelMaze, Inc. www.pixelmazemedia.com
	Author: Jose Luis Olide Jr.
	Notes: 

Table of Contents:

	Reset Defaults
	Basic Selectors
	Links
	Main Structure Selectors
	Header Layout
	Main Layout
	Sidebar Layout
	Margins
	
Colors:

	Dark Gray #333
	Medium Gray #777
	Light Gray #ccc
	Red #a90000
	
*/


/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0; width:100%; margin: 0; font-size: 12px;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}

tr td {
	padding: 10px;
}

/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%;}

body {
	background: url("../images/bg/bg_main.jpg") repeat-x scroll center top #002A5C;
	color:#555;
	font: normal 62.5% Arial, Helvetica Neue, Helvetica, sans-serif;
	margin:0;
	padding:0;
	height: 100%;
	text-align:center;
	}

h1, h2, h3, h4, h5, h6 { font-size:1.4em; font-weight:bold; color: #333; }
p { font-size:12px; line-height:18px; margin: 0 0 12px 0; padding: 0 12px; }
small { font-size:1.1em; }

h2 {
	margin: 0 0 8px 10px;
	border-bottom: 1px solid #eee;
	padding: 0 0 8px 0;
}

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.float-left { float:left; margin: 0 12px 0 0; }
.float-right { float:right; margin: 8px 0 12px 24px; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}

.title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; }

.ten { font-size:1em; }
.eleven { font-size:1.1em; }
.twelve { font-size:1.2em; }
.fourteen { font-size:1.4em; }
.sixteen { font-size:1.6em; }
.eighteen { font-size:1.8em; }
.twenty { font-size:2em; }
.twentytwo { font-size:2.2em; }
.twentyfour { font-size:2.4em; }


/* Links
--------------------------------------------------------------------------------------- */

a {font-weight: bold; text-decoration: none;}
a:link { color: #14588d;}
a:visited { color: #14588d;}
a:hover { color: #0b3c64;}
a:active { color: #14588d;}


/* Main Structural Selectors
--------------------------------------------------------------------------------------- */

#container { width: 960px; margin:0 auto; background: transparent; padding: 0; }


#content { 
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	    background: none repeat scroll 0 0 #FFFFFF;
	    float: left;
	    margin: 9px 0;
	    padding: 12px;
	    width: 936px;
	    
 }

#column_left  {
    clear: left;
    float: left;
    margin-right: 10px;
    width: 180px;
    text-align: left;
}
#column_right {
    clear: right;
    float: right;
    margin-left: 10px;
    width: 180px;
}
.center-panel {
    margin-bottom: 10px;
    margin-left: 190px;
    margin-right: 0;
    text-align: justify;
}

.center-panel .top .left {
    background: url("http://www.texasheatmanagement.com/store/catalog/view/theme/default/image/content_top_left.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 32px;
    width: 5px;
}
.center-panel .top .right {
    background: url("http://www.texasheatmanagement.com/store/catalog/view/theme/default/image/content_top_right.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 32px;
    width: 5px;
}
.center-panel .top .center {
    background: url("http://www.texasheatmanagement.com/store/catalog/view/theme/default/image/content_top_center.png") repeat-x scroll 0 0 transparent;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0;
}
.center-panel .top h1 {
    padding: 8px 0 8px 7px;
}
table tbody tr td ul li {
    margin: 8px 0;
    font-size: 12px;
}
.center-panel h1, .heading {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}
.heading {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 10px;
    padding-bottom: 3px;
}
.center-panel .middle {
    background: none repeat scroll 0 0 #FFFFFF;
        border-left: 1px solid #DDDDDD;
        border-right: 1px solid #DDDDDD;
        display: inline-block;
        padding: 10px 10px 1px;
        width: 97%;
}

.center-panel .bottom .left {
    background: url("http://www.texasheatmanagement.com/store/catalog/view/theme/default/image/content_bottom_left.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 5px;
    width: 5px;
}
.center-panel .bottom .right {
    background: url("http://www.texasheatmanagement.com/store/catalog/view/theme/default/image/content_bottom_right.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 5px;
    width: 5px;
}
.center-panel .bottom .center {
    background: url("http://www.texasheatmanagement.com/store/catalog/view/theme/default/image/content_bottom_center.png") repeat-x scroll 0 0 transparent;
    height: 5px;
    margin: 0 5px 10px;
}
.box {
    background: url("http://www.texasheatmanagement.com/store/catalog/view/theme/default/image/box_top.png") no-repeat scroll 0 0 transparent;
    margin-bottom: 10px;
}
.box .top {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0 8px 7px;
    text-transform: uppercase;
}
.box .top img {
    float: left;
    margin-right: 5px;
}
.box .middle {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    padding: 10px;
}
.box .bottom {
    background: url("http://www.texasheatmanagement.com/store/catalog/view/theme/default/image/box_bottom.png") no-repeat scroll 0 0 transparent;
    height: 5px;
}


.Apps-Lists ul li {
	list-style: decimal!important;
}

ul.details {
	width: 300px;
	float: left;
	margin: 0 24px 0 0;
	display: inline;
}
ul.details h2 {
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	padding: 0 0 8px 0; margin: 0 0 6px 0;	
}

ul.details li {
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	padding: 4px 0;
	margin: 0 0 0 22px;
	list-style: square;
}

#information ul {
    list-style: none outside none;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
}
#information ul li {
    font-size: 12px;
     font-weight: normal;
     line-height: 14px;
     padding: 3px 0;
}

#information ul li.title {
    font-size: 12px;
    font-weight: bold;
	border-bottom: 1px solid #eee;
	margin: 8px 0 0 0;
}

#information ul li a {
    font-size: 12px;
    font-weight: normal;
    padding: 4px 0;
}

#information ul li h2 {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    padding: 4px 0; margin: 0;
}

.warning {
	width: 746px; height: 126px;
	display: block; float: left;
	margin: 0 0 12px 0;
}

.warning img {
	width: 746px; height: 126px;
	display: block; 
	-moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px;
}

.panel-wrap {
	width: 746px;
	display: block; float: left;
	margin: 12px 0 0 0; padding: 0;
}
.panel01 {
	float: left;
	width: 363px;
	text-align: left;
	margin-right: 20px;
	padding: 0;
}

.panel01 h2, .panel02 h2 {
	margin: 0 0 4px 0;
	border-bottom: 1px solid #eee;
	padding: 0 0 4px 0;
}

.panel02 {
	float: left;
	width: 363px;
	text-align: left;
	padding-top: 0;
}

.home-btn {
	width: 363px; 
	display: block; float: left;
	margin: 12px 20px 12px 0;
}
.home-btn2 {
	width: 363px; 
	display: block; float: left;
	margin: 12px 0 12px 0;
}
div.home-btn a img, div.home-btn2 a img  {
	-moz-border-radius: 8px 8px 8px 8px; 
	-webkit-border-radius: 8px 8px 8px 8px;	
}
div.home-btn a, div.home-btn2 a  {
	-moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px;
	width: 363px;  display: block;	
}

#intro { float: left; width: 100%; padding: 0 0 24px 0; margin-right: 24px; border-bottom: 1px solid #e7e7e7; }

.left-panel { float: left; width: 518px; padding: 0 0 24px 0; margin-right: 24px; border-bottom: 1px solid #e7e7e7; }

.normal-text {
	font-size: .95em;
}


.link-container {
	margin: 8px 0;
	padding: 8px;
	background: #efefef;
	float: left;
}
.link-box {
	float: left;
}
.link-box-right {
	float: left; margin: 0 10px 0 0;
}
.sidebar h3, .sidebar02 h3 {
	background:none repeat scroll 0 0 transparent;
	color:#1C1C1C;
	font-size:1.4em;
	font-weight:normal;
	margin:0;
	padding:0 0 8px;
	text-align:left;
}

#content h2.faq {
	text-align: left;
	width: 100%;
	padding: 8px;
	margin: 8px 0;
	background: #eee;
}

.break {
	clear: both;
	margin: 4px 0;
	height: 4px;
}

h3.title {
    border-bottom: 1px solid #EAEAEA;
        color: #1C1C1C;
        float: left;
        font-size: 1.6em;
        font-weight: normal;
        margin: 0 0 12px;
        padding: 4px 0;
        text-align: left;
        width: 100%;
}


a.shop-now {
	background: #eee;
	color: #245a88;
	float: left;
	font-size: 12px; 
	padding: 10px 12px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin: 0 0 18px 0;
}

a.shop-now:hover {
	background: #882424;
	color: #fff;
	}


.sb-container {
	float: right;
	width: 278px;
	
}

.sidebar {
	width: 278px;
	float: left;
}
.sidebar02 {
	width: 278px;
	float: left;
	margin-top: 12px;
}
.sidebar02 p {
	font-size: 1em;
}

.divider {
	padding: 1px 0;
	border-bottom:1px solid #F3F3F3;
}

ul#info  {
    float: left;
        list-style-type: square;
        padding-left: 24px;
        text-align: left;
        width: 300px;
}
ul#info li {
    color: #777777;
    margin: 12px 0;
    font-size: 12px;
}


.sidebar-panel { 
	background: transparent url('../images/bg/sidepanel_bg_2.jpg') top left repeat-x; 
	border-left:1px solid #E2E2E2;
	border-right:1px solid #E2E2E2;
	float:left;
	margin:0;
	padding:12px;
	width: 250px;
 }

.sb-top {
	background: transparent url('../images/bg/sb_top.jpg') top left no-repeat;
	width: 276px; height: 5px; float: left;
}
.sb-btm {
	background: transparent url('../images/bg/sb_btm.jpg') top left no-repeat;
	width: 276px; height: 5px; float: left;
}
 
#slide-holder {
	background:url("../images/bg/slider_bg.png") no-repeat scroll left top transparent;
	height: 352px;
	left:0;
	position: relative;
	top: 0;
	width: 869px;
	z-index:7;
}

#coin-slider h1, #coin-slider h2, #coin-slider h3, #coin-slider h4, #coin-slider h5, #coin-slider h6 {
color:#FFFFFF;
}



.left-sub {
	width: 548px;
	float: left;
}

.right-sub {
	width: 178px;
	padding: 4px 0 0 18px;
	float: left;
}

.left-half-content {
	float: left;
	    margin: 0 16px 0 0;
	    width: 363px;
}
.right-half-content {
	width: 363px;
	float: left;
}
.sb-space {
	height: 16px;
}
.image-box {
	border-right: 1px solid #EEEEEE;
	    float: left;
	    padding: 6px 0;
	    width: 548px;
	
}

.mini-image-box {
	float: left;
	display: inline;
	width: 46%;
	margin: 0 24px 0 0;
}
.mini-image-box h2 {
	margin: 0 0 0 0;
	padding: 0 0 8px 0;
}

.image-box p.padding {
	padding: 0 12px;
}
p.text {
	padding: 0 12px;
}
.image-box img, .mini-image-box img, img.float-right, img.float-left {
	border: 6px solid #f2f2f2;
	margin: 0 8px 4px 8px;
}

p.caption {
	float: left;
	padding: 4px 6px;
}

p.caption2 {
	padding-left: 18px;
	font-style: italic;
	margin: 6px 0;
}

/* Footer Layout 
---------------------- */
#footer {
    clear: both;
    height: 100px;
    margin: 0 auto;
    padding-top: 5px;
    width: 960px;
}
#footer .div1 {
    float: left;
    text-align: left;
}
#footer .div2 {
    float: right;
    text-align: right;
}
#footer .div7 {
    color: #DDDDDD;
    font-size: 11px;
    margin: 18px 0 0 664px;
    position: absolute;
    text-align: right;
}
#footer .div7 a {
    color: #DDDDDD;
}
#footer .div7 a:hover {
    color: #EAEAEA;
}
/* Navigation Layout
--------------------------------------------------------------------------------------- */

#navigation { 
	clear:both;
	margin:0 auto 1px auto;
	padding:0;
}
#navigation ul { 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	background: transparent url('../images/bg/nav_bg.png') top left repeat-x;
	height: 39px;
	overflow:hidden;
}
#navigation ul li { float:left; display:inline; font-size:1.2em;}
#navigation ul li.first { margin-left: 7px;}
#navigation ul li a.last {border-right:none; }
#navigation ul li a { display:block; background: transparent; color:#ffffff; padding: 13px 16px 12px; border-right:1px solid #690304; font-weight: normal; }
#navigation ul li a:hover { background: #790000;  color:#ffffff; -moz-border-radius: 8px; -webkit-border-radius: 8px;}



.toplinks {
	float: right; color: #eee;
	margin: -1px 0 0 0; padding: 4px 12px;
	background: #9b9b9b; border: 1px solid #999;
	-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;
}

.toplinks a {
	color: #eaeaea; font-size: 10px;
}

.toplinks a:hover {
	color: #fff;
}

h2.call {
	float: right;
	margin: 24px 12px 0 0; padding: 0 ;
	clear: right;
	width: 466px;
	height: 41px;
	display: block;
	text-indent: -9999px;
	background: transparent url('../images/call_title.png') top left no-repeat;
}

/* Header Layout
--------------------------------------------------------------------------------------- */

#header h1 { font-size:3.0em; }

h1#hdr-logo {
	width: 229px;
	height: 99px;
	float: left;
	display: block;
	margin: 15px 0 3px 15px;
	padding: 0;
}
h1#hdr-logo img {
	border: 0;
	background: none;
	padding: 0;
	margin: 0;
}

#header { 
	margin: 0 auto;
	padding: 0;
	width: 960px;
}	

/* Main Layout
--------------------------------------------------------------------------------------- */

#main h2 { font-size:1.6em; margin:34px 0 10px 0; text-transform: capitalize; }
.html_code { font-family: Courier, Times New Roman, serif; color: #888; margin-left: 24px;}

#intro p {
	font-size: 14px;
	line-height: 1.6em;
	margin: 0;
	text-align: left;
}

/* Twitter
--------------------*/
ul#twitter_update_list {
	padding: 0!important;
	margin: 0!important;
}
ul#twitter_update_list li {
	line-height: 1.6em;
	padding: 8px 0 !important;
	border-bottom:1px solid #F3F3F3;
}

/* Sidebar Layout
--------------------------------------------------------------------------------------- */

ul.side_menu { width:258px; }
ul.side_menu li { border-bottom: 1px solid #e8e8e8; font-size: 1.4em; list-style: upper-roman; display: list-item; margin-left: 34px; padding-left: 6px;}
ul.side_menu li a { display: block; width:218px; padding: 10px 0; color: #777; text-decoration: none; font-weight: bold; }
ul.side_menu li a:hover { color: #a90000; text-decoration: none; }

/* Form style */

.verify {
float: left; clear: left;
}

label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.5em; }
input, textarea, select { margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }   
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input.submit:hover { background:#444; }
fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }

span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#succsess_page h1 { background: url('assets/success.gif') left no-repeat; padding-left:22px; }