/*
##################################
Pavia Systems - CSS        #######
Copyright 2010 SimcoMedia  #######
###################################
*/

/* Setting standard fonts and page background  */

	body { 
	font: normal normal 10pt/1.2em Arial;
	background: #fff url(images/bluegrad-bg-tall-156.jpg) repeat-x;
	margin-top: 0;
 }
		
/* my modifications */
.panel-1 {
	background: #fff url(images/homeslide1.jpg) no-repeat;
	height: 200px;
	width: 960px;
}

/*-- Main Site Styles --*/

#wrapper {
	width: 960px;
	margin: auto;
	padding: 0;
	min-height: 100%;
	background-color: #fff;
}

#header {
	width: 960px;
	height: 60px;
	float: left;
}

#gradheader2 {
	width: 960px;
	height: 125px;
	background: #336699 url(images/bluegrad-bg-125-2.jpg) no-repeat;
	position: relative;
}

.logo {
	float: left;
	margin-top: 16px;
	margin-left: 1px;
	height: 65px;
	width: 341px;
	background: transparent;
	border-bottom: 0px;
	
}

.logo a:link, a:visited, a:hover, a:active {
	border-bottom: 0px;
}

img {
	border: 0;
}

#gradheader {
	width: 960px;
	background: #336699 url(images/bluegrad-bg4.jpg) no-repeat;
	height: 150px;
}

#loginbox {
	width: 350px;
	float: right;
	height: 50px;
	margin-top: 25px;
	margin-right: 25px;
}

.searchbox {
	width: 200px;
	float: right;
	height: 50px;
	margin-top: 20px;
	margin-right: 25px;
	color: #000;
	border-left: 1px #fff solid;
	padding-left: 20px;
}

.searchbox input {
	color: #000;
	background: #fff url(images/textfield_bg.gif) no-repeat fixed;
	
	
}

.searchbox label {
	color: #fff;
	font-size: 10pt;
	font-family: Verdana;
}

#overview label {
	width: 100px;
	font: normal normal 10pt/1.3em Arial;
	color: #000;
	display: block;
	margin-bottom: 10px;
	float: left;
	padding: 1px;
}

#overview fieldset {
	background-color: #F9FCFF;
}
.login legend {
	font: normal bold 12pt/1.2em Georgia;
	color: orange;
}

.login fieldset {
	
}

.search legend {
	font: normal bold 12pt/1.2em Georgia;
	color: orange;
}

#slidetop {
	width: 960px;
	height: 25px;
	background: #069;
	float: left;
	border-bottom: 2px #333333 solid;
}

#slider {
	width: 959px;
	height: 200px;
	float: left;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	background: #fff url(images/green-banner.jpg) no-repeat;
}

#slider-red {
	width: 959px;
	height: 200px;
	float: left;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	background: #fff url(images/red-banner.jpg) no-repeat;
}

#slider-gold {
	width: 959px;
	height: 200px;
	float: left;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	background: #fff url(images/homeblock-gold.jpg) no-repeat;
}

#slider-orange {
	width: 959px;
	height: 200px;
	float: left;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	background: #fff url(images/homeblock-orange.jpg) no-repeat;
}

#slider-purple {
	width: 959px;
	height: 200px;
	float: left;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	background: #fff url(images/homeblock-purple.jpg) no-repeat;
}


#clear {
	clear: both;
}
#content {
	width: 960px;
	min-height: 300px;
	float: left;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	background: #fff url(images/grey-grad.jpg) repeat-x;
    padding-top: 30px;
    padding-bottom: 25px;
}

#footer {
	height: 100px;
	width: 100%;
	text-align: center;
	float: left;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
    margin-bottom: 25px;
    background: #fff url(images/footer-bg.jpg) no-repeat;
}

#bottom {
	width: 960px;
	margin: auto;
	padding: 0;
	text-align: center;
	background: transparent;
}

#productswrapper {
	width: 285px;
	float: left;
	margin-left: 25px;
	
}

#productstop {
	width: 285px;
	float: left;
	border-top: 1px #C0C0C0 dotted;
	padding-top: 10px;
}

#productsmid {
	width: 265px;
	background: #fff url('images/products-mid-bg.png') repeat-y;
	min-height: 100px;
	float: left;
	text-align: justify;
	padding: 0 10px 0 10px;
}

#productsinclude {
	width: 285px;
	float: left;
	margin-left: 25px;
	margin-top: 20px;
	
}

#productsinclude ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#productsinclude ul li {
	line-height: 1.2em;
	padding-left: 1.8em;
	font-size: 11pt;
	background-image: url(images/check_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	padding-bottom: 10px;
}

.productsbottom {
	background-image: url('images/products-bot.png');
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 285px;
	float: left;
	position: relative;
}
#content-left {
	width: 500px;
	margin-left: 25px;
	margin-right: 25px;
	float: left;
}

#content-right {
	width: 375px;
	margin-right: 25px;
	float: left;
}

#caption {
width: 100%;
text-align: center;
}

#content-wide {
	width: 900px;
	margin: 20px 25px;
	border-top: 1px #006699 dotted;
	border-bottom: 1px #006699 dotted;
	padding-bottom: 10px;
	float: left;
}

#content-wide ul {
	width: 750px;
	list-style-type: none;
	padding: 0;
	margin-left: 1em;
}

#content-wide li {
	width: 350px;
	float: left;
	display: inline;
	background-image: url('images/green-bullet.png');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1.6em;
}

#content-wide li a {
	font-size: 12pt;
	line-height: 1.5em;
	text-decoration: none;
}

#content-wide li a:hover {
	color: #ff0000;
	text-decoration: none;
}

p.subtitle {
	font-size: 10pt;
	font-weight: 600;
	font-style: italic;
	margin-left: 25px;
	color: #069;
}

hr {
	border-style: none;
	background-color: #fff;
	color: #fff;
	border-bottom: 1px #069 dotted;
	width: 90%;
	margin-top: 20px;
}

#address {
	height: 150px;
	width: 300px;
	background-color: #F2F2F2;
	border: 1px #CCCCCC solid;
	padding: 20px;
	float: left;
}

#address address {
	font-size: 16pt;
	font-style: normal;
	line-height: 1.2em;

}

#address dt {
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 5px;
}

#address dd {
	line-height: 1.5em;
	padding-bottom: 5px;
	border-bottom: 1px #999999 dotted;
}

#bio {
	
	width: 800px;
	padding: 10px;
	margin-left: 25px;
	border-bottom: 1px #C0C0C0 dotted;
	margin-bottom: 25px;
}

.biotitle {
	color: #006699;
	font-size: 14pt;
	font-weight: bold;
}

.biosubtitle {
	font-style: oblique;
	font-size: 12pt;
	color: #333333
}

.bioimage {
	float: left;
	padding: 5px;
	background-color: #F2F2F2;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px #CCCCCC solid;
}
/* #### QUOTES ### */
.Testimonial {
background:#F7F7F7 url(../hazmat/images/testimonial_top.gif) no-repeat scroll 0 0;
border:1px solid #EBEAE9;
clear:both;
margin:0 0 15px;
padding:15px 0 0 15px;
}

.TestimonialContent {
background:transparent url(../hazmat/images/testimonial_bottom.gif) no-repeat scroll 100% 100%;
font-style:italic;
padding:0 50px 10px;
}

/* ### HYPERLINKS ### */
.productslink {
	width: 150px;
	position:absolute;
	top: 5px;
	left: 145px;
	height: 20px;
}

.productslink a:link {
	color: #fff;
	text-decoration: none;
	font: normal normal 12pt/1.2em Arial;
	border-bottom: 1px #fff dotted;
}

.productslink a:visited {
	color: #ffff00;
	text-decoration: none;
	border-bottom: 1px #ffff00 dotted
}

.productslink a:hover {
	color: #FFFF00;
	border-bottom: 1px #FFFF00 dotted;
	text-decoration: none;
}

.productslink a:active {
	color: #ffff00;
	text-decoration: none;
	border-bottom: 1px #ffff00 dotted;
}

.terms a {
	color: #666666;
	font-size: 10pt;
	text-decoration: none;
	border-bottom: 1px #666666 dotted;
	text-align: center;
}

.terms a:hover {
	color: #ff0000;
	border-bottom: 1px #ff0000 solid;
}

a:link.reg  {
	font-size: 8pt;
	text-decoration: none;
	border-bottom: 1px #0000ff dotted;
}

a:visited.reg  {
	font-size: 8pt;
	color: purple;
	text-decoration: none;
	border-bottom: 1px purple dotted;
}

a:hover.reg  {
	font-size: 8pt;
	text-decoration: none;
	color: #ff0000;
	border-bottom: 1px #0000ff dotted;
}

a:active.reg  {
	font-size: 8pt;
	text-decoration: none;
	border-bottom: 1px #0000ff dotted;
}

a:link.slider  {
	font-family: Arial;
	font-size: 12pt;
	text-decoration: none;
	font-weight: 700;
	color: #fff;
	border-bottom: 1px #fff dotted;
}

a:visited.slider  {
	font-family: Arial;
	font-size: 12pt;
	text-decoration: none;
	font-weight: 700;
	color: #fff;
	border-bottom: 1px #fff dotted;

}

a:hover.slider  {
	font-family: Arial;
	font-size: 12pt;
	text-decoration: none;
	font-weight: 700;
	color: #ffff00;
	border-bottom: 1px #FFFf00 dotted;

}

a:active.slider  {
	font-family: Arial;
	font-size: 12pt;
	text-decoration: none;
	font-weight: 700;
	color: #fff;
	border-bottom: 1px #fff dotted;
}


/* Hyperlink Icons 
### NOT USING ###
a[rel ~='external'] {
	padding-right: 18px;
	background: transparent url(images/icon_external.gif) no-repeat center right;
}

a[rel ~='info'] {
    padding-right: 18px;
    background: transparent url(images/info.png) no-repeat center right;
}
*/

/* ########### FORM FIELDS ############## */
/*####################################### */
input.login {
	color: #050;
	font: bold 75% Arial;
	background-color: #fed;
	border: 1px solid;
	border-color: #696 #363 #363 #696;
}

input.btn {
	height: 25px;
	font-size: 10pt;
	line-height: 1.1em;
}

/* ####### TO STOP HYPERLINKED IMAGES FROM HAVING BORDERS ######### */
img {
	border: 0;
}

/* ####### HOME PAGE CENTER SECTION ######### */
#centermain {
	width: 600px;
	height: 250px;
	margin-left: 15px;
	float: left;
	background: transparent url(images/main-bg5.png) no-repeat;
	padding-top: 10px;
}

#mainleft {
	width: 280px;
	margin-left: 10px;
	padding-right: 10px;
	padding-top: 30px;
	border-right: 1px #fff solid;
	float: left;
	height: 240px;
	color: #fff;
}

#mainright {
	width: 275px;
	margin-right: 10px;
	padding-left: 10px;
	padding-top: 30px;
	float: left;
	height: 240px;
	color: #fff;
}

.maintitle {
	font-size: 12pt;
	font-weight: bold;
	color: #ff9900;
}

.maintitlewhite {
	font-size: 12pt;
	font-weight: bold;
	color: #fff;
}

/* ####### TEXT IN HOME PAGE BANNER ########### */
.summary {
	width: 335px; 
	float: left; 
	margin-top: 0; 
	margin-left: 25px; 
}

.summary p {
	color: #fff; 
	font-size: 10pt;
}

/* ###### LOGIN BOX ON HOME PAGE ######### */
.overview {
	width: 275px;
	margin: 8px 15px 25px 25px;
	float: left;
}

.overview legend {
	font: normal bold 12pt/1.2em Georgia;
	color: #01669A;
	
}

/* ###### IMAGE FORMATTING - FLOAT LEFT ########### */
.imageLeft {
	float: left;
	padding: 5px;
	border: 1px #C0C0C0 solid;
	margin: 0 5px 5px 0;
}

/* ######## FONTS ######### */
h2 {
	font-family: Arial;
	font-size: 18pt;
	line-height: 1.2em;
	color: #ff9900;
}

h3 {
	font-family: Georgia;
	font-size: 16pt;
	color: #fff;
	font-weight: 700;
	line-height: 1em;
}

h3 .roadready {
	font-family: "Rockwell Condensed";
	font-style: normal;
	font-weight: bold;
	font-size: 22pt;
	color: #ff9900;
	line-height: 1em;
}

h3 .copyright {
	font-size: 8pt;
	color: #fff;
	font-weight: bold;
	vertical-align: top;
	font-family: Arial;
}

/* ######### FOOTER ITEMS ######### */
.contactdiv {
	width: 400px;
	float: left;
	margin-left: 50px;
	text-align: left;
	margin-top: 20px;
}

.questions {
	font-size: 12pt;
	font-weight: bold;
	color: #666666
}
.phone {
	font: normal bold 18pt/1.1em Arial;
	color: #006699;
	
}


p {
	margin: 15px;
}

.producttitle {
	font: normal bold 18pt/1.2em Georgia;
	color: #006699;
	float: left;
}

.producttitle2 {
	font: normal bold 14pt/1.2em Georgia;
	color: #006699;
	float: left;
}

.producttitlegold {
	font: normal bold 14pt/1.2em Georgia;
	color: #FF9900;
		
}

.productstagline {
	font: normal normal 10pt/1.2em Arial;
	color: #808080;
}

p.tip em {padding: 2px; background-color: #6cf; color: #FFF;}

/* #### LISTS AND MENUS #### */

.slidemenu ul {
	list-style: none;
	background-color: #000066;
	margin-left: 0;
	padding-left:0 ;
}

.slidemenu li {
	display: inline;
	width: 320px;
	background-color: #000066;
	height: 35px;
	float: left;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.slidemenu li a:link {
	font-family: Arial;
	font-size: 12pt;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	padding: 10px 0 10px 0;	
}

.slidemenu li a:hover {
	font-family: Arial;
	font-size: 12pt;
	color: #fff;
	text-decoration: underline;
	font-weight: normal;
    padding: 10px 0 10px 0;

}

/* -- Navlist Experiement -- */
ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
border-right: 1px #fff solid;
}

#navlist a { padding: 5px 10px; border-bottom: 0px #036 solid;}

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
font-size: 12pt;
font-family: Arial;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}
/* NEW NAVIGATION */
/* ### changed li margin from 0 to 15px ### */
/* removed border-top:1px solid #006699; border-bottom:1px solid #006699; from line 563 */
ul#navigation-1
	{ margin:0; padding:0px 3px; list-style:none; width:100%; height:25px;  font:bold 10pt verdana, arial, helvetica;}
ul#navigation-1 li
	{ margin-right:15px; padding:0; display:block; float:left; position:relative; width:170px; }
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
	{ padding:0px 0; display:block; text-align:center; text-decoration:none; background:#006699; color:#ffffff; width:165px; height:25px; }
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#00488F; color:#ffffff; width:165px; height:25px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
	
ul#navigation-1 li ul.navigation-2
	{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:165px; position:absolute; top:25px; left:-1px; border:1px solid #006699; border-top:none; }
ul#navigation-1 li:hover ul.navigation-2
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li
	{ width:165px; clear:left; width:165px; }

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
	{ clear:left; background:#006699; padding:4px 0; width:165px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
	{ clear:left; background:#00488F; padding:0px 0; width:165px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }

ul#navigation-1 li ul.navigation-2 li ul.navigation-3
	{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:165px; top:-2px; padding:1px 1px 0 1px; border:1px solid #006699; border-left:1px solid #006699; background:#ffffff; z-index:900; }
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
	{ background:#006699; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
	{ background:#00488F; }
ul#navigation-1 li ul.navigation-2 li a span
	{ position:absolute; top:0; left:165px; font-size:12pt; color:#fe676f; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
	{ position:absolute; top:0; left:165px; font-size:12pt; color:#ffffff; }
	
	
/* ### NEW NAV ### */
ul#main-nav {font-family:helvetica,arial,sans-serif; font-weight: bold; margin :0;padding:0;float:left;width:100%;}
ul#main-nav li {margin:0;padding:0;list-style:none;float:left;margin:0;width:12em;}
ul#main-nav li a {text-decoration:none;display:block;padding:0.3em 0.6em;color:white;background:#036;border-left:2px solid #006;}
ul#main-nav li a:hover, ul#main-nav	li a:focus {background:#369;border-left:2px solid yellow;}
ul#main-nav li ul {padding:0;margin:0;display:none;}
ul#main-nav li:hover ul {display:block;}
ul#main-nav li ul li {float:none;}
ul#main-nav li ul li a {font-size:0.9em;}

/* ### FINAL NAVIGATION ### */
.menu {width:960px; height:32px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif; background-color: #006699;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:960px; w\idth:960px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:189px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:190px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:190px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#006699; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:175px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#FFBD6F url(images/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(images/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(images/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:190px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:190px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-190px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#FFBD6F; color:#000; height:auto; line-height:1em; padding:5px 0px 5px 5px; width:184px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#ff9900;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#ff9900;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}