/* This style sheet is for pages that require a narrow page width and simplified brand and site info.
/*It is set up for a page width of 765px which is our standard size for pages that should always open in a new window (tool pages: priceCalculator, order status etc.)
/* ********Fixes IE margin-padding error****** */
* { margin : 0;	padding : 0;}

/* ****************GENERAL TAG STYLES********************* */
a { text-decoration:none }
a:link, a:visited { color:#0066CC; }
a:hover, a:active { color:#CC6600; }

.highlightLink {  font-size: 1.50em; font-weight: bold; text-align:right;  }
.highlightLink a:link, .highlightLink a:visited { color:#CC6600; }
.highlightLink a:hover, .highlightLink a:active { color:#FF9900; }

table {margin-left:auto; margin-right:auto; text-align:center;}
th {  font-size: 1.50em;  font-weight: bold;  background-color:#CCCCCC; padding: 10px 0 10px 0;	}
td {  padding: 5px 0 5px 0;	}
table p {  line-height: 150%; padding-bottom: 5px; text-indent: 15px; text-align:left;  padding-left:10px; }
label {
	font-size: 1.15em;
	font-weight: bold;
	color: #CC6600;
	padding: 10px 0 3px 0;
	display: block;
}



p {  line-height: 150%; padding-bottom: 5px; text-indent: 15px; text-align:left;  }
h1 {  font-size: 2.25em;	font-weight: bold;	line-height: 100%;	text-align: left;  color:#FFFFFF;}
h2 {  font-size: 2.25em; font-weight: bold;	line-height: 100%;	padding-top: 5px; text-align: left;  }
h3 {  font-size: 2em; font-weight: bold; line-height: 100%; padding: 5px 0 5px 0; text-align: left;  }
h4 {  font-size: 1.73em; font-weight: bold; line-height: 100%; margin: 5px 0 5px 0; text-align: left;  }
h5 {  font-size: 1.20em; font-weight: bold; line-height: 150%; padding-bottom: 10px;  }

blockquote {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 150%;
	text-align:center;
	font-style: italic;
	color: #CC6600;
	padding: 15px;
}
ul{ padding:3px 6px 15px 15px; }
li { list-style-type:disc; list-style-position:inside; text-align:left;}

.lgBlack {	font-size: 2em;	font-weight: bold; color:#000000; line-height: 150%; }
.md2Black {	font-size: 1.50em; font-weight: bold; color:#000000;	}
.mdBlack {	font-size: 1.10em; font-weight: bold; color:#000000;	}
.mdRed {	font-size: 1.10em; font-weight: bold; color:#CC0000;	}
.lgOrange {	font-size: 2em;	font-weight: bold; color:#CC6600; line-height: 150%; }
.lg2Orange { font-size: 3em; font-weight: bold; color:#CC6600; line-height: 150%; }
.md2Orange {	font-size: 1.50em; font-weight: bold; color:#CC6600;	}

.information {
	font-size: 1.20em;
	font-weight: bold;
	line-height: 125%;
	text-align:center;
	border-top: #0066CC medium double;
	border-bottom: #0066CC medium double;
	padding: 5px 0 5px 0;
	margin: 10px 50px 5px 50px;
}

.divline {
	border-bottom: #DFDFDF thin solid;
	padding-top: 2px;
	margin-bottom: 5px;
	width: 95%;
	left: 50%;
	right: 50%;
}



a.tooltip {
	position: relative;
	}
	
a.tooltip:hover {
	font-size: 100%;
	}

a.tooltip span {
	display:none;
	}
	
a.tooltip:hover span {
	display: block;
	position:relative;
	
	top: 5px;
	left: 2px;
	padding: 5px;
	border: 1px solid #DFDFDF;
	background-color: #FFFFFF;
	color: #000000;
	z-index: 999;
	}
<!--[if lte ie 6 ]>
<style type="text/css">
.tooltip {
cursor:default; /*turn off cursor applied by above css*/
position:relative;
}
.tooltip span {
position:absolute;
top:0;
left:0;
}
.tooltip:hover span {
position:absolute;
top:5px;
left: 2px;
	padding: 5px;
	border: 1px solid #DFDFDF;
	background-color: #FFFFFF;
	color: #000000;
	z-index: 999;
}
a.tooltip:hover {
cursor:default;/*.a cursor must be set for ie6 (including cursor:default)*/
z-index:999; /*set here because ie needs a.tooltip:hover, but opera ignores it */
}

</style>
<![endif]--> 



/*--------------BEGIN TRANSPARENT BUTTON CODING---------------*/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: bold 13px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 






/* ****************STRUCTURING STYLES********************* */
body {
	background-color:#666666;
	min-width:765px; /* maintains usability for viewers set below 800px in width */
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size:11px;
	line-height:125%;
	text-align: center;
}

#container {
	width:765px;
	position:relative;
	margin-right:auto; /* centers container in all new browsers */
	margin-left: auto;
	text-align: left;
	background-color: #FFFFFF;
	}
	
/* begin styles for brand */
#branding{
	background-image:url(../imageGeneral/brandingWithTitle.gif);
	height: 145px;
	width: 765px;
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	background-position: left bottom;
	z-index: 300;
	background-color: #FFFFFF;
}
.company {display: none;}
#tagline{  position: absolute; width: 366px; left: 60px; top: 74px; font-size: 12px; font-weight: bold; color: #B66501;  }
#pageTitle{  position: absolute; width: 448px; left: 58px; top: 107px; font-size: 12px; font-weight: bold; color: #B66501;  }
#logoHotSpot a{
	position: absolute;
	height: 75px;
	width: 309px;
	top: 20px;
	text-decoration: none;
	left: 3px;
}
#logoHotSpot a span {display: none;}
#liveChat{  position: absolute; width: 100px; left: 646px; top: 5px; height: 86px; }
#utilityNav {
	font-size:1.15em;
	text-decoration: none;
	width:745px;
	text-align: right;
	line-height: 35px;
}
#utilityNav a:link, #utilityNav a:visited { color:#000000; }
#utilityNav a:hover, #utilityNav a:active { color:#CC6600; font-weight:bold; }
#phoneTime {
	font-size:1.15em;
	text-decoration: none;
	width:745px;
	text-align: right;
	line-height: 20px;
}
.phone {  font-size:2.25em; font-weight:bold; color:#CC0000; }
/* end styles for brand */

/* begin styles specific to order pages */
#orderContent{float: left; position: relative; padding-left: 75px; padding-right: 75px; width: 525px; background-color:#FFFFFF;}

#order{	 float: left; width: 300px; background-color:#FFFFFF;  }
#order p {	font-size: 0.9em; line-height: 1.5em; padding-bottom: 2px; text-indent: 0px;	}
#orderHead {  width: 100%; background-color:#CC6600; font-size:1.75em; font-weight:bold; color: #FFFFFF; margin-top: 5px; padding: 10px 5px 10px 5px;  }
#order select {width: 250px;font-size: 11px; background-color: #EEEEEE; border: 1px solid #CCCCCC;}
#order input {font-size: 11px; 
 background-color: #EEEEEE; 
 border: 1px solid #CCCCCC;
 padding: 1px 0 1px 2px;}
.orderSubSection{padding-left: 17px;}
#order label {
	font-weight: normal;
	font-size: .95em;
	color: #666666;
	padding: 7px 0 1px 0;
	display: block;
}
#orderPrices{
	float: left;
	clear: both;
	width: 985px;
	background-color:#FFFFFF;
	padding: 15px 0 15px 0;
}
#orderPrices table {
	border: #CCCCCC 2px solid;
	margin-right: auto;
	margin-bottom: auto;
}
/* end styles for order pages */

/* start styles for site info */
#siteInfo {
	font-size: 0.9em;
	line-height: 115%;
	clear: both;
	width: 765px;
	height: 85px;
	padding-top: 10px;
	}
.stripe {background-color:#CC6600; height:10px;}
/* end styles for site info */