@charset "utf-8";
/* CSS Document */



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, 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-size: 100%;
	font-family: inherit;
	vertical-align: baseline;afs
}
/* remember to define focus styles! */
    
.inputFocus { 
    border: 2px solid #C5DDEA;
	border-radius: 3px 3px;
}

:focus {
	outline: 0;
}
body {
	line-height: 1.5em;
	color: black;
	background: #fff url(images/background-green.jpg) top left repeat-x;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,  q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
#wrapper {
	width: 960px;
	position:relative;
	margin: 0 auto;
}
#header {
	background: url(images/header-bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 960px;
	height: 145px;
	border-bottom: 1px solid #000;
}
#logo {
	width: 768px;
	height: 144px;
	background: url(images/logo.png) no-repeat;
	background-position: 0 0;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
}
#logo:hover {
	background-position: 0 0;
}
.priceDisplay {
	position: absolute;
	top: 0px;
	right: 0px;
}
#mainContainer {
	width: 934px;
	margin: 0 auto;
	background: #f3f0f0;
	margin-bottom: 40px;
	border-bottom: 8px solid #007be3;
	background-repeat:repeat-y;
	overflow: visible;
	clear: both;
}
#talltabs-black {
	clear:left;
	float: left;
	width:100%;
	overflow:hidden;
	font-family:Arial, Trebuchet MS, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	background: url(images/nav-background.gif) no-repeat;
	height: 60px;
	padding-top:1px;
}
#talltabs-black ul {
	float:left;
	margin:0;
	list-style:none;
	position:relative;
	text-align:center;
	left: 50%;
}
#talltabs-black ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right: 50%;
}
#talltabs-black ul li a {
	display:block;
	float:left;
	padding:7px 14px;
	background:#000;
	text-decoration:none;
	color:#fff;
	background-image: url(images/nav-divider.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#talltabs-black ul li a:hover {
	padding:7px 14px;
	background: #fff;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	color: #007be3;
	text-decoration: underline;
}
#talltabs-black ul li.active a,  #talltabs-black ul li.active a:hover {
	padding:14px;
	background: #007be3;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	color: #fff;
}
#talltabs-black ul .quote a {
	background-image: none;
}
.mainContent {
	width: 900px;
	padding: 0 15px 10px 15px;
}
.mainContent p {
	font-family: Arial, Trebuchet MS, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 10px;
}
.mainContent h1 {
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: #007be3;
	padding: 5px;
	border-bottom: 2px solid #003F72;
	border-top: 1px solid #777;
	margin-bottom: 5px;
	clear: both;
}

/*-------------------------------CPM DESCRIPTIONS---------------------------------*/

.cpm-wrapper {
    width: 100%;
	background-image: url(images/cpm-sprite.jpg);
	background-repeat: no-repeat;
		
}

.cpm-wrapper .cpm-description {
	display: block;
	width: 400px;
	float: right;
   	
}

.cpm-description h4 {
    font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	font-weight: 700;
}

.cpm-description p {
    margin-top: 5px;	
}

.cpm-description-rule {
    clear:both;
	height: 3px;
	padding-top: 10px;
	border-bottom: 1px solid #C4C4C4;
}

.cpm-wrapper.a {
    background-position:  0 -3515px;	
	height: 410px;			
}

.cpm-wrapper.b {
    background-position:  0 -2765px;	
	height: 410px;			
}

.cpm-wrapper.c {
	margin-bottom: 30px;
    background-position:  0 -1015px;	
	height: 360px;			
}

.cpm-wrapper.d {
	margin-bottom: 55px;
    background-position:  0 0px;	
	height: 335px;			
}

.cpm-wrapper.e {
	margin-bottom: 50px;
    background-position:  0 -1370px;	
	height: 340px;			
}

.cpm-wrapper.f {
	margin-bottom: 40px;
    background-position:  0 -325px;	
	height: 330px;			
}

.cpm-wrapper.g {
	margin-bottom: 30px;
    background-position:  0 -675px;	
	height: 340px;			
}

.cpm-wrapper.h {
	margin-bottom: 35px;
    background-position:  0 -1710px;	
	height: 335px;			
}

.cpm-wrapper.i {
	margin-bottom:70px;
    background-position:  0 -2055px;	
	height: 340px;			
}

.cpm-wrapper.j {
	margin-bottom:45px;
    background-position:  0 -2415px;	
	height: 340px;			
}

.bottom-table-margin {
    margin-bottom: 25px;	
}

.calendar-schedule-desc {
    margin-top: 15px;
	padding: 0 5px;
}

.calendar-schedule-desc h4 {
    font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	font-size: ;
	font-weight: 700;
}

/*----------------------------------------------BACK TO TOP BUTTON------------------------*/
.scroll {
	color: #0066FF;	
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	font-weight: 600;
	letter-spacing: 1px;
	display: block;
    float: right;
	margin-right: 2px;
    margin-bottom: 10px;
    text-decoration: none;	
}

.scroll:hover {
    color: #000; 	
}





#footer {
	background: #000;
	height: 175px;
	width: 100%;
	padding-top: 15px;
}
#footerWrapper {
	width: 960px;
	position: relative;
	margin: 0 auto;
}
#footerLinks {
	height: 115px;
	margin-top: 3.1em;
}
#footerLinks a {
	font-family: Arial, Trebuchet MS, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	border-bottom:1px dotted #fff;
}
#footerLinks a:hover {
	text-decoration: none;
	border-bottom: 1px solid #fff;
}
/* separate the list from surrounding elements */



ol {
	margin: 0 0 1.5em 15px;
	padding: 0;
}
ol li {
	font-family: Arial, Trebuchet MS, sans-serif;
	font-size: 12px;
	color: #fff;
	/* Stipulate the height of each item so that 



  vertical return = items * height */



  		line-height: 15px;
	/* Clear the default margins & padding 



  so we can style the list from scratch */



  		margin: 0;
	padding: 0;
}
/* If li position is left static, Internet 

Explorer disables hyperlinks in the list 

in all but the final column.





This rule will be processed only by 

Internet Explorer because only IE believes 

that there??s a level above HTML: */







* html #footerLinks ol li {
	position: relative;
}
#footerLinks li.column1 {
	margin-left: 2.5em;
}
#footerLinks li.column2 {
	margin-left: 19.0em;
}
#footerLinks li.column3 {
	margin-left: 31.5em;
}
#footerLinks li.column4 {
	margin-left: 33em;
}
li.reset {
	margin-top: -75px;
}
ol, ul {
	list-style-image: url(images/asterisk.jpg);
}
.footerLogo {
	position: absolute;
	bottom: 5px;
	right: 20px;
}
s {
	color: #FF0000;
	text-decoration: line-through;
}
td.shipping {
	color:#FF0000;
	font-weight: bold;
	font-style:italic;
}
.blink {
	text-decoration: blink;
	color: #89CAFF;
}
#topBoxes {
	clear: both;
	display: inline;
	margin: 10px 0;
	width: 900px;
	float: left;
}
.boxA {
	float: left;
	width: 290px;
	margin-right: 15px;
}
.boxB {
	float: left;
	width: 290px;
}
.boxA a, .boxA a:hover {
	text-decoration: none;
	border-bottom: none;
}
.boxB a, .boxB a:hover {
	text-decoration: none;
	border-bottom: none;
}
.wCMain, .wCSub { border: 2px solid #007be3; padding: 5px; background-color: #FFF; margin: 5px; }
.wCMain { float: right; }
.wCSub { float: left; margin-left: 35px; }
.clear {
	clear: both;
	line-height: 0;
}
.fCqB {
	background-image:url(images/free-quote-button.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 100px;
	width: 900px;
	display: block;
	text-indent: -9999px;
}
.fCqB:hover { background-position: 0 -101px; }
#rightI { background-image:url(images/right-display.jpg); background-position: top right; background-repeat: no-repeat; min-height: 1000px }
#rightI p { width: 500px; text-align: left; }
.calList{ font-size: 14px; width: 250px; padding-left: 10px; list-style: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 20px 0; }
.calList li.cLheading { background-color:#007be3; padding-left: 5px; font-weight: bold; color: #FFF; border-top: 2px solid #000; }
.calList li { padding: 2px 0 2px 10px; border: 2px solid #000; border-top: none; background-color: #d9d7d7; } 
.calList li:hover { background: #000; color:#FFF; }
.calList li.cLheading:hover { background: #666; color:#FFF; }
.calList a {color:#000; text-decoration: none;}
#leftarea { width: 280px; float: left; margin: 0; padding: 0;}
#rightarea {width: 628px; float: right; margin: 0; padding: 0; margin-left: -8px; }
#rightarea a:hover img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
#rightarea a img { margin-left: 10px; margin-bottom: 0px; }
a img.thumbs:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
@font-face {
	font-family: Bullpen;
	src: url('../fonts/BULLPENI.TTF');
}
@font-face {
	font-family: Heavyweight;
	src: url('../fonts/HEAVWN__.TTF');
}
@font-face {
	font-family: Helvitica;
	src: url('../fonts/HELV95.TTF');
}
@font-face {
	font-family: Hobo;
	src: url('../fonts/Hobon.TTF');
}
@font-face {
	font-family: KristenITC;
	src: url('../fonts/ITCKRIST.TTF');
}
@font-face {
	font-family: KomicAxis;
	src: url('../fonts/KOMIKAX_.ttf');
}
@font-face {
	font-family: NifeFiter;
	src: url('../fonts/NIFER3.TTF');
}
@font-face {
	font-family: ArialBlack;
	src: url('../fonts/ariblk.ttf');
}
@font-face {
	font-family: Broadway;
	src: url('../fonts/brdwayn.TTF');
}
@font-face {
	font-family: ComicSans;
	src: url('../fonts/comic.ttf');
}
@font-face {
	font-family: Gunplay;
	src: url('../fonts/gunplay.ttf');
}
@font-face {
	font-family: Impact;
	src: url('../fonts/impact.ttf');
}
@font-face {
	font-family: Kabel;
	src: url('../fonts/kabelbn.TTF');
}
@font-face {
	font-family: Stencil;
	src: url('../fonts/stenciln.TTF');
}
@font-face {
	font-family: Times;
	src: url('../fonts/times.ttf');
}
.error {
	/* supply height to ensure consistent positioning for every browser */
	height:15px;
	background-color:#FFFE36;
	border:1px solid #E1E16D;
	font-size:11px;
	color:#000;
	padding:3px 10px;
	margin-left:-2px;


	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
}
form { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
form label { width: 160px; float: left; }
form input.txtBox2 { width: 150px; clear: right; height: 20px; border: 1px solid #ABADB3; margin-bottom: 7px; }
form select { width: 154px; clear: right; height: 20px; border: 1px solid #ABADB3; margin-bottom: 7px; }
form .textareaBox { width: 460px; height: 145px; }