/* CSS Document */
/* ---------->>> 1. Import <<<-----------*/

/* Originally Forbin Reset Stylsheet */
/*html {overflow-y:scroll;}  Cross browser, validated version way to show vertical scrollbar 
img {float:left}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td y{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
cite,code,em,strong,th {font-style:normal;font-weight:normal;}
ul {list-style:none;}
th {text-align:left;}
h1,h2,h3,h4 {font-size:100%;}
q:before,q:after {content:'';}
body {font-family:Arial, Helvetica, sans-serif;}
select,input,textarea{font:99% arial,sans-serif;}
:focus {outline: 0;}
strong {font-weight:bold;}*/

/* Originally Forbin Global Stylesheet  */
.absolute {position:absolute;}
.relative {position:relative;}
.fixed {position:fixed;}
.static {position:static;}
.bold {font-weight:bold; /* left in because of prior use, but should be using <strong></strong> */}
.italic {font-style:italic;}
.underline {border-bottom:1px solid;}
.nounderline {text-decoration:none;}
.line-through {text-decoration:line-through;}
.highlight {background:#ffc;}
.nopadding {padding:0; }
.noindent {margin-left:0;padding-left:0; }
.nobullet {list-style:none;list-style-image:none;}
.floatRight {float:right;}
.floatLeft {float:left;}
.floatNone {float:none;}
.width100 {width:100%;}
.width75 {width:75%;}
.width50 {width:50%;}
.width25 {width:25%;}
.width66 {width:66%;}
.width33 {width:33%;}
.upperCase {text-transform:uppercase;}
.lowerCase {text-transform:lowercase;}
.smaller {font-size:smaller;}
.larger {font-size:larger;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.alignJustify {text-align:justify;}
.alignCenter {text-align:center;}
.textIndent {text-indent:-9999px;}
.block {display:block;}
.inline {display:inline;}
.inline-block {display:inline-block;}
.imgReplace {display:block; text-indent:-9999px;}
.clear {clear:both;}
.clearfloat { /* this class can be placed on a div or break element and be the final element before the close of a container that should fully contain a float */ clear:both; height:0;font-size: 1px;line-height: 0px;}
.none {display:none;}
.overFlow { overflow:auto;}

/* ---------->>> END Import <<<----------*/

.photoLeft {float:left; margin:0 8px 8px 0;}
.photoRight {float:right; margin:0 0 8px 8px;}

table.text_box, table.content_box, table.icon_seobox, .icon_powerwebbox { behavior: url(/scripts/iepngfix.htc);z-index:-10; azimuth:behind; }
table.text_box a, table.text_box a:link, table.content_box a, table.content_box a:link, input, select, table.text_box p, table.content_box p, textarea { position:relative; }

#flashdiv { /*To show if flash disabled */
	background-image:url(/images/flashcontent_hme.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
body {
	background-image:url(/images/bg_body.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#68a9eb;
	margin:0px 0px 0px 0px;
	margin-bottom:0px;
	padding:0px 0px 0px 0px;
	height:100%;
}
#wrapper {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(/images/bg_left_body.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:center;
	vertical-align:top;
	height:100%;
}
#content {
	width:800px;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#5a5b5c;
	font-size:12px;
	line-height:17px;
	text-align:left;
}
div {
	margin:0px;
	padding:0px;
}
img {
	border:0px;
}
#flash {
	margin:0px;
	padding:0px;
	font-size:0px;
}
#content_boxes {
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.content_box {
	background-image:url(/images/box.png);
	background-repeat:no-repeat;
	text-align:left;	
}
.shaded_box {
	background-color:#ffffff;
	background-image:url(/images/bg_box.gif);
	background-position:top left;
	background-repeat:repeat-x;
		line-height:19px;
		padding:10px;
	
}
.shaded_box2 {
	background-color:#ffffff;
	background-image:url(/images/bg_box.gif);
	background-position:top left;
	background-repeat:repeat-x;
		line-height:19px;
	
}
.content_box td h1, .text_box td h1 {
	font-family: Geneva, Arial, Helvetica;
	margin:0;
	padding:0;
	display:block;
	/*background-image:url(/images/box_heading.gif);
	background-position:top left;
	background-repeat:repeat-x;*/
	font-size:16px;	
	
	text-transform:uppercase;
	color:#003366;
}
.text_box td h1 {
	margin:0 0 5px 0;
}
.sub_content {
	padding:5px 5px 0px 0px;
}
.sub_sidebar table {
	margin:5px 0px 0px 0px;
}
#sidebox_top {
	margin:0px 0px 5px 0px;
}
#text {
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.text_box {
	background-image:url(/images/box.png);
	background-repeat:no-repeat;
	margin:5px 10px 0px 10px;
}
.text_box td {
	padding:10px;
	background-color:#ffffff;
	background-image:url(/images/bg_box.gif);
	background-position:top left;
	background-repeat:repeat-x;
}
.chart td {
	padding:5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#copyright {
	margin:0px 0px 0px 0px;
	padding:6px 0px 6px 0px;
	text-align:center;
	color:#00004f;
	font-size:10px;
	line-height:14px;
}
h2{
	font-family: Geneva, Verdana, Arial, Helvetica;
	font-size:13px;
	color: #e47815;
	margin-bottom:0px;
	text-transform: uppercase;	
	
}
h3{
	font-family:  Geneva, Verdana, Arial, Helvetica;
	font-size:12px;
	margin-bottom:0px;
	text-transform: uppercase;	
	
}
hr {margin:0;padding:0;}
b.highlight {
	color:#e47815;
	font-size:14px;
}
td,p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
color:#666666;
margin-left:3px;
}
.FlashDetect { /* Loads if user needs to upgrade flash player*/
	width:760px;
	background-color:#fff;
	text-align:center;
	font-weight:bold;
	padding:10px;
}
.Block {
	display:block;
}

/*--------------------HME Dealers Page--------------------------*/
.actionForm {width:300px; height:273px; background:#15235b; color:#fff; padding:10px; position:relative;}
.actionForm p {color:#fff;}
.actionForm ul {list-style-image:none !important; list-style:none; margin-left:0 !important; padding:0;}
.actionForm ul li {margin-bottom:5px; padding:0;}
.actionForm input {position:absolute; right:20px; width:180px; background:#5283b8; border:1px solid #91bff0; color:#fff;}
.actionForm textarea.comments {position:absolute; right:20px; width:180px; height:80px; background:#5283b8; border:1px solid #91bff0; color:#fff;}
.actionForm .submit {position:absolute; right:20px; width:180px; bottom:15px; background-color:#cb1215; color:#fff; font-weight:bold; border:1px solid #fff;}
.actionForm .submit:hover {background:#a50003;}
.red {color:#F00;}

.upgradeList {}
.upgradeList li {float:left; width:160px;}

.pwebVideo {float:right;}
/*a.pwebVideo {width:400px; height:293px; background:url(/images/video_powerweb.jpg) no-repeat; text-indent:-9999px; display:block; }
a.pwebVideo:hover {background:url(/images/video_powerweb_over.jpg) no-repeat;}*/

.features {min-height:150px; height:auto !important;height:150px; width:45%; margin:0 10px 10px 0; padding:10px; float:left; border-bottom:1px dotted #ccc;}
.spotlight {background:url(/images/spotlight_bg.jpg) repeat-x #3c80c6; border:3px solid #CCC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:20px; color:#fff; font-size:16px; line-height:24px; margin-bottom:25px;}
.spotlight strong {font-size:20px;}
.spotlight a, a.btnLink {color:#fff !important; text-decoration:none; padding: 2px 6px;background: #BE1115;-moz-border-radius: 4px;-webkit-border-radius: 4px; font-size:20px !important; font-weight:bold;}
.spotlight a:hover, a.btnLink:hover {text-decoration:none; background: #A50003;}
a.btnLink {}
/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #ccc;
	list-style-image:none !important;
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;
	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #ccc;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#E47815;
	font-weight:bold;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#E47815;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#fff;
	border-bottom:2px solid #fff;	
	color:#003875;
	font-weight:bold;
	cursor:default;
}

	
/* tab pane */
div.css-panes div {
	display:none;
	border:1px solid #ccc;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#fff;	
}

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(../images/overlay/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../images/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* black */
div.overlay.black {
	background:url(../images/overlay/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(../images/overlay/petrol.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}



/*--------------------Solutions Page--------------------------*/
.solutionstitle {
	font-family:  Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#003875; padding:3px 3px 3px 3px;
}
.solutionstitle2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#003875; pading:0; margin:0;
}

ul { list-style-image:url(Images/lil.jpg); vertical-align:bottom; margin-left:-4px; }

.icon_seobox {
	background-image:url(/images/solutions_testoutside.png);
	background-repeat:no-repeat;
	background-position:right;
	float:right;
}
.icon_powerwebbox {
	background-image:url(/images/solutions_powerweboutside.png);
	background-repeat:no-repeat;
	background-position:right;
	float:right;
}
/*------------------------Links-------------------------------*/
a {color:#003875; font-size:11px; text-decoration:none; padding-bottom:0px;}
a:link {color:#003875; font-size:11px; text-decoration:none; padding-bottom:0px;}
a:visited {color:#003875; font-size:11px; text-decoration:none; padding-bottom:0px;}
a:hover {color:#e47811; font-size:11px; text-decoration:underline; padding-bottom:0px;}
a:active {color:#e47811; font-size:11px; text-decoration:none; padding-bottom:0px;}
a img {border:none;}

/*------------------------forms-------------------------------*/
.formfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px groove #666666;
	height: 15px;
	width: 250px;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
.warning {
	font-style:italic;
}