/* css is authored by bluesky designs */
html {
	margin: 0;
	padding: 0;
	overflow:auto;
	}
body { 
	margin: 0; 
	padding: 0;
	font-family: Helvetica, Arial,Sans-Serif;
	background-color: #eaeaea;
	/*background-image: url("../img/bgpinstripe.png");*/
	font-size:100%;
    line-height:1.125em;
	font-size:14px;	/*setting up the general font size here*/
	min-width:60em;
}
	
h1 {font-size:1.571em} /* 22px/14=1.571em */
h2 {font-size:1.286em} /* 18px/14=1.286em */
h3{font-size:1.143em}	/*16px/14=1.143em*/
h4{font-size:1em}	/*14px/14=1em*/
	
	
#container { 
	border: none;
	width: 100%;
	height: 100%;
	}
img{
	border:none;
	}
img.right{
	position:relative;
	float:right;
	padding: 5px 0px 5px 30px;
	}
img.left{
	position:relative;
	float:left;
	margin: 5px 30px 5px 0px;
	}
	
.orange{color:#fe5a03;} /*or f90*/

q:before, q:after {	content: "";	}
q{ 
	font-style:italic;
	font-size:110%;
	line-height:200%;
	letter-spacing:1px;
	}

/* ************************* icon formatting **************************** */
a.pdf:after{content:url('../img/icon_dl.gif');}
a.vid:after{content:url('../img/icon_video.gif');}
a.mail:after{content:url('../img/icon_mail.gif');}

/*	***************************** header and menu section ********************* */
	
#headerSection{
	border: none;
	height: auto;
	}

#breadcrumbHeader{		/*gray index title text, telling you where you are*/
display:block;
position:absolute;
left:250px;
font: 20px Tahoma,Arial, Helvetica, sans-serif;
color:#aaa;
z-index:100;
}
#breadcrumbHeader a{
font: 20px Tahoma,Arial, Helvetica, sans-serif;
color:#999;
text-decoration:none;
}
#breadcrumbHeader a:hover{
color:#777;
text-decoration:underline;
text-shadow: #fff 2px 4px 10px;
}
	
#coreMenu {
position:absolute; 
top:4em;
right:1em;
width:43em;
text-align:right;
}
.coreMenu {
color:#f90; 
display:block;
}

.coreMenu a {
font: 1.25em Tahoma, Arial, Helvetica, sans-serif; 
color:#333; 
text-decoration:none; 
padding: 0.2em 0.3em ;
letter-spacing:0.1em;
border-top: 0.5em solid #9999cc;
}

.coreMenu a.current{

border-top:none;
border-bottom: .5em solid #f90;
*color: #ff6633;
}

.coreMenu a:hover {
color: #111;/*#555; */
border-top: .5em solid #f90;
*color:#9999cc;
*text-decoration:underline;
/*background-color: #FFFF66;*/
text-shadow: #ff9900 0.1em 0.1em 1em; /* Safari-only, but cool */	
}
.coreMenu a.current:hover{border-top:none;}

#subMenu1, #subMenu2, #subMenu3, #subMenu4, #subMenu5  {
font: 0.8em  sans-serif;
visibility: hidden;
text-decoration:none;
position: absolute;
top: 8em;
right:0.8em;
}

#subMenu1 a, #subMenu2 a, #subMenu3 a, #subMenu4 a, #subMenu5 a {
border: none;
text-decoration: none;
font: 13px  sans-serif;
padding: 0 1em;
margin: 0;
color: #333;
text-align: right;
}

#subMenu1 a:hover, #subMenu2 a:hover, #subMenu3 a:hover, #subMenu4 a:hover, #subMenu5 a:hover{
border-bottom: 0.25em solid #99c;	/*f90 non current sublinks are periwinkle*/
color: black;
*text-decoration: underline;	/*fix for IE not supporting border-bottom*/
*color: #9999cc;
}
#subMenu1.current a:hover, #subMenu2.current a:hover, #subMenu3.current a:hover, #subMenu4.current a:hover, #subMenu5.current a:hover{
border-bottom: 2px solid #f90;	/*current sublinks are orange*/
}
	/*	***************************** below is the content section ********************* */
	
#contentSection{
	position: relative;
	width:100%;
	border: none;
	color: #444;
	padding-top:20px;
	}
	
#contentSection a{
	color:#339;/*#9999cc;*/
	text-decoration: none;
	}	
#contentSection a:hover{text-decoration:underline;}	


#rightWrapper{
	position:absolute;
	/*width:80%;*/
	min-width:355px;
	left:245px;
	right:0px;
	float:left;
	text-align: left;
	padding:none;
	}

#leftWrapper{
	position: absolute;
	width: 235px;/*21%;*/
	/**width: 20%;	 for IE
	min-width:235px;*/
	float:left;
	border: none;
	text-align: left;
	padding:none;	
	}

/* Show only to IE PC \*/
* html .linkboxhead h2 {height: 1%;} /* For IE 5 PC */
* html .contentboxhead h1 {height: 1%;} /* For IE 5 PC */
.ieHackListSpace li{*padding-bottom:1em;}/*lower padding IE missing in list break (found on funding page)*/

.linkBlock{
	position: relative;
	clear: both;
	width: 100%;
	
	background-color: #fff;
	font-size:0.9em;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;

	border: 2px solid #99c;
	padding: 0px;
	margin: 0.5em;
	box-shadow: 0.75em 0.75em 5px #ccc;
	-webkit-box-shadow: 0.75em 0.75em 5px #ccc;
	-moz-box-shadow: 0.75em 0.75em 5px #ccc;
	-o-box-shadow: 0.75em 0.75em 5px #ccc;
	-ms-box-shadow: 0.75em 0.75em 5px #ccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #fff,  #f3f3f3);
	}
.linkBlock ul{ 
	/*list-style-type:none; */
	/*line-height:150%;*/
	margin-left: 0; 
	padding-left: 2em;
	padding-top:0;
	
	}
.linkboxhead {
	margin: 0;
	padding: 0;
	text-align: center;
	-moz-border-radius-topright: 2em;
	-moz-border-radius-topleft: 2em;
	-webkit-border-top-right-radius: 2em;
	-webkit-border-top-left-radius: 2em;
	/*background: #f78d1d;*/
	background-color:#99c;
	background: -webkit-gradient(linear, left top, left bottom, from(#acace6), to(#8686b3));
	background: -moz-linear-gradient(top,  #acace6,  #8686b3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#acace6', endColorstr='#8686b3');
	/* sourced http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/ from */
}
.linkboxhead h2 {
	/*background: url('../img/boxHeadLeft_periwinkle.png') no-repeat top left;*/
	margin: 0;
	/*padding: 14.1% 10% 7.1%;*/
	padding:1em;
	color: white; 
	font-weight: bold; 
	/*font-size: 1.07em;  15px/14=1.07*/
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
	
.contentBlock{
	position: relative;
	clear: both;
	width: 95%;
	-moz-border-radius: 2.1em;
	-webkit-border-radius: 2.1em;
	border: 0.1em solid #da7c0c;	/*original: ff9900*/
	padding: 0px;
	margin: 0.5em 1em;
	box-shadow: 0.75em 0.75em 5px #ccc;
	-webkit-box-shadow: 0.75em 0.75em 5px #ccc;
	-moz-box-shadow: 0.75em 0.75em 5px #ccc;
	-o-box-shadow: 0.75em 0.75em 5px #ccc;
	-ms-box-shadow: 0.75em 0.75em 5px #ccc;
	background-color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #fff,  #f0f0f0);
	}
.splitContentBlock{
	position: relative;
	float: left;
	border: none;
	width: 45.5%;
	*width: 41%;
	/*background: url('../img/boxBodyRight.png') no-repeat bottom right;*/
	-moz-border-radius: 2.1em;
	-webkit-border-radius: 2.1em;
	border: 0.1em solid #da7c0c;	/*original: ff9900*/
	padding: 0px;
	margin: 1em;
	box-shadow: 0.75em 0.75em 5px #ccc;
	-webkit-box-shadow: 0.75em 0.75em 5px #ccc;
	-moz-box-shadow: 0.75em 0.75em 5px #ccc;
	-o-box-shadow: 0.75em 0.75em 5px #ccc;
	-ms-box-shadow: 0.75em 0.75em 5px #ccc;
	background-color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(top,  #fff,  #eee);
	}

.contentboxhead {
	/*background: url('../img/boxHeadRight_orange.png') no-repeat top right;*/
	margin: 0;
	padding: 0;
	text-align: left;
	background-color:#f90;
	-moz-border-radius-topright: 2em;
	-moz-border-radius-topleft: 2em;
	-webkit-border-top-right-radius: 2em;
	-webkit-border-top-left-radius: 2em;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

.contentboxhead h1 {
	margin: 0;
	padding:1em;
	color: white; 
	font-weight: bold; 
	letter-spacing:2px;
	line-height: 1em;
	text-shadow: rgba(0,0,0,.5) 0px 2px 5px; /* Safari-only, but cool */	
}

.contentboxhead a{	text-decoration:none;}
.contentboxhead a:hover{	text-decoration:none;}



.boxbody {
	/*background: url('../img/boxBodyLeft.png') no-repeat bottom left;*/
	margin: 0;
	/*padding: 5px 35px 31px;*/
	padding:1em;
}

.splitDescriptor{
	/*margin:2em;
	padding:2em;
	height:6em;
	border: dashed #ccc 5px;*/
	text-align:center;
	}
/*	
.boxbody:after{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}*/
	
ul.vidList{	list-style-image:url("../img/icon_video.gif");	}
ul.dlList{	list-style-image:url("../img/icon_dl.gif");	}

/* *************************** this section below is for the QUICK quote sections **************** */	
div.prod img{
	width:150px;
	/*height:100px;*/
	float:right;
	}
	
.prod{
	width: 17.8em;/*250px;*/
	height: 14em;/*180px;*/
	position:relative;
	float:left;
	margin: .5em;
	padding: .5em;
	border:solid gray 0.1em;
	display: block;
	line-height:120%;
	background: #fff;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	box-shadow: 0.75em 0.75em 5px #ccc;
	-webkit-box-shadow: 0.75em 0.75em 5px #ccc;
	-moz-box-shadow: 0.75em 0.75em 5px #ccc;
	-o-box-shadow: 0.75em 0.75em 5px #ccc;
	-ms-box-shadow: 0.75em 0.75em 5px #ccc;

	}

div.productBlock{	padding-left:1em;	}	
	
div.window{	display:none;	}
/* *************************** this section below is for the guided quote sections **************** */	
	
#guideTable  img{
	width:250px;
	height:180px;
	border: solid #ccc 3px;
	}

#guideMenu a{
	font-size:75%;
	}	

.buyBar {
	display:block;
	position:absolute;
	bottom:0.75em;
	}

#guidedProd img{height:150px;border:solid #ccc 2px;margin:0.5em;}
#guidedProd{
	float:left; 
	width:30%;
	margin:0.5%;
	border:dashed #ccc 1px;
	padding:1%;
	background: #fff;
	}
	
/**  * Slideshow style rules. */
#slideshow {
margin:0 auto;
width:720px;
position:relative;
}
#slideshow #slidesContainer {
margin:0 auto;
width:640px;
overflow:auto; /* allow scrollbar */
position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:620px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
}
.control {
  display:block;
  width:39px;
  height:300px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../img/control_left.gif) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../img/control_right.gif) no-repeat 0 0;
}
.slide h2, .slide p {
  margin:20px;
}
.slide img {
  float:right;
  margin:0 15px;
}

/* end of slideshow css rules */

/* news section archive rules */
#allNews h3{
	letter-spacing:2px;
	}
#allNews a.datelink{
	text-decoration: none;
	color:#999;
	}
#allNews p{
	padding: 0 15px;
	}
#allNews{ padding: 1em;}
div.newsarticle{	
	background-color:#fefefe;
	border:solid #ccc 1px;
	padding:1em;
	margin:0.5em;}
}
allnews div.right{float:right;width:43%;*width:40%;margin:0px;padding:0px;}
allnews div.half{float:left;width:48%;margin:0px;padding:5px}
allnews img.divved{width:100%}
allnews img.pic{height:250px;margin:0px;}
allnews img.ld{width:80%;margin:0px;}

/*  */

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:3px;
	display:none;
	color:#fff;
	z-index:2;
	}

/*  */
h1.SBSheader, h2.SBSheader{	padding:0 1em;	}
.SBS {padding:1em;}

.page-break {display:none;}

div.right{float:right;width:43%;*width:40%;margin:0px;padding:0px;}
div.half{float:left;width:48%;margin:0px;padding:5px}
img.divved{width:100%}
.printdisplay{display:none;}

div.SBScenterdiv{margin-left:10%;width:80%;}

div.mapWindow{width:200px;} /*findOne Map infowindow style */