/*----------------------------------------
Name: master.css
Freshness Dated: May 2008
Copyright: hollyworks.com

 



----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("reset.css");
@import url("xlinks.css");


/* Skips 
---------------------------------------*/
#spareparts {display:none;}
 .skip {display: none;}
a.skip {display: none;}
#axs {display:none;}
#cc  {display:none;}



/* Body Globals Elements
----------------------------------------*/
body, p, td, th, li
{
	color:#575d65;
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;  /* Tip: Treat this as 10pt. */
	font: normal 13px Arial, sans-serif !important;
	}
	
 

body {
	background-color: #081B3C;
	margin: 0 auto;
	background-attachment: fixed;
	background-image: url(../images/blueburst.gif);
	background-repeat: no-repeat;
	background-position: center top;}





/*  fixed elements <<< ---------*/

#fixed  { background-color: #fff; position: fixed; height: 43px; width: 770px; top: 43px; margin: 0 auto 0; visibility: visible; }





 



/* Layout
----------------------------------------*/

#container_wrapremote {width:858px;margin:0 auto;text-align:left;background:#091D3D;}

#container_wrap {width:758px;margin:0 auto;text-align:left;background:#ffffff url(../images/pagewall.gif) repeat-y;}
#container_wraphome {width:758px;margin:0 auto;text-align:left; background:#ffffff;}

#headerproducts {width:758px;height:169px;background:#ffffff url(../images/headerproduct.jpg) no-repeat;}
#headerprice {width:758px;height:169px;background:#ffffff url(../images/headerpricing.jpg) no-repeat;}
#headerfaq {width:758px;height:169px;background:#ffffff url(../images/headerfaq.jpg) no-repeat;}
#headercontact {width:758px;height:169px;background:#ffffff url(../images/headercontact.jpg) no-repeat;}
#headerdealer {width:758px;height:169px;background:#ffffff url(../images/headerdealer.jpg) no-repeat;}
#headersearch {width:758px;height:169px;background:#ffffff url(../images/headersearch.jpg) no-repeat;}
#headerremote {width:858px;height:169px;background:#ffffff url(../images/headerremote.jpg) no-repeat;}


#headerhome {width:758px;height:226px;background:#ffffff url(../images/headerhome.jpg) no-repeat;}
#headerhome h1 a {display:block; width:500px;height:200px;text-indent:-9999px;background:transparent url(../images/spacer.gif) no-repeat;}

 
 
#pagebanner {width:758px;height:60px;background:#025394 url(../images/bannerback1.gif) no-repeat;}
#pagebanner h2 {color:#ffffff;padding:20px 0 0 10px;}




#page { width:758px; margin:0; padding:0; background:#ffffff url(../images/pagewall.gif) repeat-y;}
#pageremote { width:858px; margin:0; padding:0; background:#ffffff}



#nav_column {width:237px;margin:0;padding:0;float:left;}
#content_column { width:510px; margin:0; padding:0 0 0 10px; float:left; background-color:#ffffff;}

#content_columnhome { width:735px; margin:0; padding:0 0 0 15px; float:left; background-color:#ffffff;}

#content_columnrl { width:858px; margin:0; padding:0; float:left; background-color:#ffffff;}


#overflow_column {width:1px;margin:0;padding:0;float:right;}


#salesblurb {width:237px;height:150px;background: transparent url(../images/completesystems.gif) no-repeat;}

.blurb {color:#436499; width:130px;height:400px;font: normal 11px Arial, sans-serif !important;}
.blurb3 {color:#436499; width:200px; margin:10px 5px; font: normal 12px Arial, sans-serif !important;}



#salesblurbhome {margin:10px 0 0 0; width:287px;height:149px;float:left; background: transparent url(../images/completesystemshome.gif) no-repeat;}
.blurbhome {color:#436499; width:160px;height:145px;padding:10px 0 0 24px; font: normal 11px Arial, sans-serif !important;}

#dealerblurbhome {margin:10px 0 0 0; width:443px;height:149px;background: transparent url(../images/dealershome.gif) no-repeat; float:right;}
.dealerblurb {color:#436499; width:200px;height:145px;padding:10px 0 0 24px; font: normal 11px Arial, sans-serif !important;}




/* Footer
----------------------------------------*/
#footer
{
	clear: both;
	padding: 20px 0 4px 0;
	height: 50px;
	width: 758px;
	background:#091D3D url(../images/footer.gif) no-repeat;}


#footer p 
{
	color:#478ec4;
	text-align:center;
	font: normal 12px Arial, sans-serif !important;
	padding:14px 0 0 0;
	
}


#footerhome
{
	clear: both;
	padding: 20px 0 4px 0;
	height: 50px;
	width: 758px;
	background:#091D3D url(../images/footerhome.gif) no-repeat;}


#footerhome p 
{
	color:#478ec4;
	text-align:center;
	font: normal 12px Arial, sans-serif !important;
	padding:14px 0 0 0;
	
}


#footerremote
{
	clear: both;
	padding: 0 0 4px 0;
	height: 46px;
	width: 858px;
	background:#091D3D url(../images/footerremote.gif) no-repeat top center;}


#footerremote p 
{
	color:#478ec4;
	text-align:center;
	font: normal 12px Arial, sans-serif !important;
	padding:2px 0 0 0;
	
}



/* Graphic Nav Primary
---------------------------------------*/

#navwrap { 
	width: 758px;
	height: 54px;
	margin: 0;
	border:0;
	padding: 0;
	position:relative;
	background-color:#091D3D;
}


#nav { 
	width: 758px;
	height: 54px;
	margin: 0;
	border:0;
	padding: 0;
	background: #ffffff;
	position:relative;
}

#nav ul	{
	width: 758px;
	height: 54px;
	background: url(../images/pnav2.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	list-style-type: none;
}

#nav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
}

#nav ul li, #nav a {
	height: 54px;
	display: block;
}

#nav ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}

#nav1 {left: 8px; width:255px;}
#nav2 {left: 279px; width:76px;}
#nav3 {left: 356px; width:64px;}
#nav4 {left: 423px; width:115px;}
#nav5 {left: 539px; width:63px;}
#nav6 {left: 604px; width:66px;}
#nav7 {left: 672px; width:57px;}


#nav1 a:hover  {background: transparent url(../images/pnav2.gif) -8px -54px;}
#nav2 a:hover  {background: transparent url(../images/pnav2.gif) -279px -54px;}
#nav3 a:hover  {background: transparent url(../images/pnav2.gif) -356px -54px;}
#nav4 a:hover  {background: transparent url(../images/pnav2.gif) -423px -54px;}
#nav5 a:hover  {background: transparent url(../images/pnav2.gif) -539px -54px;}
#nav6 a:hover  {background: transparent url(../images/pnav2.gif) -604px -54px;}
#nav7 a:hover  {background: transparent url(../images/pnav2.gif) -672px -54px;}


#on1  {background: transparent url(../images/pnav2.gif) -8px -108px;}
#on2  {background: transparent url(../images/pnav2.gif) -279px -108px;}
#on3  {background: transparent url(../images/pnav2.gif) -356px -108px;}
#on4  {background: transparent url(../images/pnav2.gif) -423px -108px;}
#on5  {background: transparent url(../images/pnav2.gif) -539px -108px;}
#on6  {background: transparent url(../images/pnav2.gif) -604px -108px;}
#on7  {background: transparent url(../images/pnav2.gif) -672px -108px;}

 
 



/* Home page only Graphic Nav Primary
---------------------------------------*/

#hnavwrap { 
	width: 758px;
	height: 54px;
	margin: 0;
	border:0;
	padding: 0;
	position:relative;
}


#hnav { 
	width: 758px;
	height: 54px;
	margin: 0;
	border:0;
	padding: 0;
	background: #ffffff;
	position:relative;
}

#hnav ul	{
	width: 758px;
	height: 54px;
	background: url(../images/hpnav2.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	list-style-type: none;
}

#hnav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
}

#hnav ul li, #hnav a {
	height: 54px;
	display: block;
}

#hnav ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}

 


#hnav2 {left: 279px; width:76px;}
#hnav3 {left: 356px; width:64px;}
#hnav4 {left: 423px; width:115px;}
#hnav5 {left: 539px; width:63px;}
#hnav6 {left: 604px; width:66px;}
#hnav7 {left: 672px; width:57px;}




#hnav2 a:hover  {background: transparent url(../images/hpnav2.gif) -279px -54px;}
#hnav3 a:hover  {background: transparent url(../images/hpnav2.gif) -356px -54px;}
#hnav4 a:hover  {background: transparent url(../images/hpnav2.gif) -423px -54px;}
#hnav5 a:hover  {background: transparent url(../images/hpnav2.gif) -539px -54px;}
#hnav6 a:hover  {background: transparent url(../images/hpnav2.gif) -604px -54px;}
#hnav7 a:hover  {background: transparent url(../images/hpnav2.gif) -672px -54px;}








/* Vertical column nav
----------------------------------------*/


#vnavwrap {margin:0; padding:0;}

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


 
#vnav a
{
display:block;
height:20px;
padding:0;
margin:0;
font-size:12px;
padding:6px 0 0 10px;
color: #554d4d;
background-color: transparent;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

#vnav a:link, #vnav a:visited {color: #554d4d;text-decoration: none;}

#vnav a:hover, #vnav a:active {background-color: #e8f2fa;}


 
 

/* Ajax Search
----------------------------------------*/


#ajaxSearch_form { margin-top:2px; width:260px;height:28px;margin-left:100px;}

#ajaxSearch_input {
margin:0;
padding:0;
margin-top:1px;
margin-left:1px;
height:22px;
width:200px;
float:left;
color: #1a1a1a;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
font-size: 11px;
}


#ajaxSearch_submit {
padding: 2px 6px 4px 6px;
font-size: 85%;
vertical-align: middle;
border: 1px solid #cccccc;
background: #bbbbbb;
color: #fff;
font-weight: bold;
margin-left:8px;
}
 
 
input[type='button'], input[type='submit'] {
    height: 2.4em;
}







/* Basics
----------------------------------------*/


p
{
	margin: 0 0 1em 0;

}

/*--- Link Styles ---*/
a:link, a:visited
{
	color:#478ec4;
}

a:hover, a:active
{
	color:#C98144;
	text-decoration:none;
}

h1
{
	color:#554d4d;
	font-size:2.0em;
}

h2
{
	color:#554d4d;
	font-size:1.55em;
	margin:10px 0 8px 0;
}

h3
{
	color:#554d4d;
	margin:.825em 0 .5em 0;
	font-size:1.25em;
}

h4
{
	color:#554d4d;
	margin:.825em 0 .5em 0;
	font-size:1.1em;
}

h5
{
	color:#554d4d;
	margin:.825em 0 .5em 0;
	font-size:1.0em;
}

h6
{
	color:#554d4d;
	margin:.825em 0 .5em 0;
	font-size:1em;
}

ul
{
	list-style-type:none;
}

ol
{
	margin-left:25px;
	
}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}


/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clear     	{clear:both;height: 0; line-height: 0.0; font-size: 0;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}



/* Tables
----------------------------------------*/
table { border: 0;  margin-bottom: 1.6em; }
th, td { padding: .8em;  }
 




 

/* fonts in the page
----------------------------------------*/
 
#nav_column p {font-size:1.0em;line-height:1.6em; padding:2px 10px;}



 
 

/* jquery clickable blocks */

 .pane-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pane-list li {
	background: #ffffff;
	padding: 2px 20px 2px;
	border-top: solid 1px #bedeef;
	cursor: pointer;
}
.pane-list li:hover {
	background: #D5EBF7;
}



 .bullets {
	margin: 0 0 0 15px;
	padding: 0;
	list-style: none;
}
.bullets li {
	padding: 0;
	margin: 0;
	padding-left:15px;
	background: url(../images/bullet_blue.png) no-repeat -4px 1px;
	margin-bottom:10px;
}