/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFFFFF url(images/tail-top-blue.png) top center repeat-x;
	text-align:center;
	padding-bottom:43px;
}

img {vertical-align:top;}
a img { border:0;}


.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.813em;
		line-height:1.385em;
		color:#000000;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#cc0000; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:18px;}
strong {color:#cc0000;}

/* ============================= main layout ====================== */

.header-bg {background:url(images/header-bg.jpg) no-repeat center top;}

ul li { list-style-type: none; background:url(images/marker1.png) no-repeat 0 5px; padding-bottom:5px; padding-left:20px; font-weight:normal;}
ol { padding-left:30px;}
ul li a {color:#cc0000; text-decoration:none;}
ul li a:hover {text-decoration:underline;}

h2 {font-size:1.461em; font-weight:normal; margin-bottom:30px;}

.imgindent {margin:0 20px 0 0; float:left;}

/* ============================= header ====================== */

.menu {float:right; padding-top:26px;}
.menu li {list-style: none; float:left; padding:0 0 0 4px; background:none; line-height:1.385em; font-weight:normal;}
.menu li a {display:block; color:#fafbf3; text-decoration:none;}
.menu li a span {display:block;}
.menu li a span span {padding:5px 12px 5px 12px;}
.menu li a:hover, .menu .active a {background:url(images/button-tail-bg.gif) top repeat-x; text-decoration:none;}
.menu li a:hover span, .menu .active a span {background:url(images/button-right-bg.gif) right top no-repeat;}
.menu li a:hover span span, .menu .active a span span {background:url(images/button-left-bg.gif) left top no-repeat;}

.logo {float:left; margin-top:14px;}


/* ==== div boxes === added 4/19/2011 == by danny == */

.contentleft {
float: left;
width: 300px;
margin: 0 10px 0 0;}

.contentmiddle {
float: left;
width: 300px;
margin: 0 10px 0 10px;}

.contentright {
float: right;
width: 300px;
margin: 0 0 0 10px;}

.contentright2 {
float: right;
width: 440px;
margin: 0 0 0 10px;}

.contentleft2 {
float: left;
width: 440px;
margin: 0 10px 0 0;
text-align:left;}

.contentright3 {
float: right;
width: 590px;
margin: 0 0 0 10px;}

.contentleft3 {
float: left;
width: 590px;
margin: 0 10px 0 0;}



.clearcontent {
height: 1px;
line-height: 1px;
margin: 0;
padding: 0;
clear: both;}

/* ============================= content ====================== */

.box {background:#fff url(images/box-corner-right-top-blue.png) right top no-repeat;}
.box .corner-left-top {background:url(images/box-corner-left-top-blue.png) left top no-repeat;}
.box .indent {padding:8px 8px 8px 8px;}

.box2 {background:#daedff;}
.box2 .corner-right-bottom {background:url(images/box2-corner-right-bottom-blue.png) right bottom no-repeat;}
.box2 .corner-left-bottom {background:url(images/box2-corner-left-bottom-blue.png) left bottom no-repeat;}
.box2 .corner-right-top {background:url(images/box2-corner-right-top-blue.png) right top no-repeat;}
.box2 .corner-left-top {background:url(images/box2-corner-left-top-blue.png) left top no-repeat; width:100%;}
.box2 .indent {padding:15px 15px 5px 15px;}
.box2 a {color:#cc0000;text-decoration:none;}
.box2 a:hover {text-decoration:underline;}

.box4 {background:#FFFFFF;}
.box4 .corner-right-bottom {background:url(images/box2-corner-right-bottom-white-blue.png) right bottom no-repeat; }
.box4 .corner-left-bottom {background:url(images/box2-corner-left-bottom-white-blue.png) left bottom no-repeat;position:relative;bottom:-1px;left:-1px;}
.box4 .corner-right-top {background:url(images/box2-corner-right-top-white-blue.png) right top no-repeat;}
.box4 .corner-left-top {background:url(images/box2-corner-left-top-white-blue.png) left top no-repeat; position:relative; width:100%;top:-2px;}
.box4 .indent {padding:15px 15px 5px 15px;}
.box4 a {color:#cc0000;text-decoration:none;}
.box4 a:hover {text-decoration:underline;}


.box3 .corner-right-bottom {background:url(images/box2-corner-right-bottom-blue.png) right bottom no-repeat;}
.box3 .corner-left-bottom {background:url(images/box2-corner-left-bottom-blue.png) left bottom no-repeat;}
.box3 .corner-right-top {background:url(images/box2-corner-right-top-blue.png) right top no-repeat;}
.box3 .corner-left-top {background:url(images/box2-corner-left-top-blue.png) left top no-repeat; width:100%;}
.box3 .indent {padding:15px 15px 5px 15px;}
.box3 a {color:#cc0000;text-decoration:none;}
.box3 a:hover {text-decoration:underline;}


.col-pad {padding-right:50px;}
.col-pad2 {padding-right:74px;}
.col-pad3 {padding-right:68px;}
.col-pad4 {padding-right:35px;}
.margin0 {margin-bottom:0;}
.margin1 {margin-top:20px;}
.text2 {color:#8c8c8c; font-size:0.846em;}
.text3 {color:#ff6a00;}
.text4 {line-height:1.846em;}
.text5 a, .text5 strong {color:#000000;}
.price {font-size:2em;}
.rating {color:#8c8c8c; font-weight:bold; padding:10px 0 10px 0;}
.rating img {vertical-align:middle; margin-left:1px;}
.button {margin:10px 12px 0 0;}
.zoom {zoom:1; overflow:hidden;}
.phone {display:inline-block; width:97px;}

.download-list li{background:none; padding:0 0 23px 0; line-height:1.385em; font-weight:normal;}
.download-list .download {display:block; float:right; width:350px; text-align:right;}
.download-list .size {display:block; float:right; width:186px; text-align:center; font-size:0.923em;}
.download-list .size span {font-size:1.5em;}

.banners {padding:33px 0 0 0;}
.banner {margin-right:19px;}
.taright {text-align:right;}

.block {padding:15px 20px 0px 24px;}
.block a {color:#cc0000;text-decoration:none;}
.block a:hover {text-decoration:underline;}

.title2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	color: #0B0B5B;
	text-align:left;
	font-weight:bold;
}

.title3 {
	font-family:Arial;
	color:#0B0B5B;
	font-size: x-large;
	font-weight:normal;
	}


/* ============================= footer ====================== */

#footer {background:url(images/footer-tail-bg.gif) top repeat-x; color:#5d5d5d; font-size:0.923em;}
#footer .right-bg {background:url(images/footer-right-bg.gif) right top no-repeat;}
#footer .left-bg {background:url(images/footer-left-bg.gif) left top no-repeat; width:100%;}
#footer .indent {font-size:small;padding :22px 0 10px 12px;}
#footer p {background:url(images/footer-logo.gif) no-repeat 0 0; padding:6px 0 6px 40px;}
#footer a {color:#4fa0ee;}

/* ============================= forms ============================= */

#SearchForm {padding:15px 23px 0 0;}
#SearchForm .rowi {height:35px;}
#SearchForm .input {background:url(images/input-bg.gif) no-repeat 0 0; width:248px; padding:4px 0 5px 9px;}

#ContactForm .rowi {height:35px;}
#ContactForm .taright {padding:10px 0 0 0;}
#ContactForm .taright input {margin-left:10px; padding-bottom:1px;}
.input {width:445px; border:none; background:url(images/input-bg.jpg) no-repeat 0 0; padding:0 0 0 5px; font-size:1em; padding:4px 0 5px 9px;}
textarea {width:445px; height:95px; padding:0 0 0 9px; overflow:auto; font-size:1em;}