/*
Theme Name: AirVM 2010
Theme URI: http://airvm.com/
Description: The 2010 theme for AirVM. Based on TwentyTen by WP Team.
Author: Travis Gobeil
Version: 2.0
Tags: green, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/

/* BROWSERFAIL */

#browserfail {
	display: none;
	background: url(images/browserfail-back.gif);
	z-index: 11111;
	width: 100%; height: 100%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	text-align: center;
	color: white;
}

#bf-win {
	width: 500px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px; font-weight: bold;
	border: 1px solid white;
	padding: 40px 40px 40px 120px;
	background: black url(images/browserfail-icon.gif) 20px center no-repeat;
	margin: 60px auto;
	text-align: left;
}

BODY {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #333333;
	margin: 0; padding: 0;
	position: relative;
	background: #f5f9fc url(images/content-background.jpg) top center fixed repeat-x;
}


HTML, BODY {
	height: 100%; width: 100%;
}

IMG {
	BORDER: none;	
}

A:LINK, A:VISITED {
	border: none;
	outline: none;
	color: #005396;
	text-decoration: none;
}

A:HOVER {
	color: #0076d5;	
}


H1, H2, H3, H4, H5, H6 {
	margin: 0 0 0.25em 0;
	padding: 0;	
	line-height: 1.1em;
}

H1 {
	color: #00365b;
	font-size: 480%;
	line-height: 1em;
	font-weight: normal;
}

H2 {
	font-size: 210%;
	line-height: 1.2em;
	color: #85c700;
	text-transform: uppercase;
	margin: 0.5em 0 0.5em 0;
}

H3 {
	font-size: 180%; 
	line-height: 1.3em;
	color: #212121;
	margin: 0 0 0.5em 0;
}

H4 {
	font-size: 160%; 
	line-height: 1.3em;
	color: #005396;
	margin: 0 0 1em 0;
}

H5 {
	font-size: 140%;
	color: #00365b;
	text-align: right;
	margin: 0 0 1em 0;
}

H6 { /* BREAD */ 
	font-size: 110%;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 0 0.25em 0;
}

P {
	font-size: 140%;
	line-height: 1.5em;
	margin: 0 0 1em 0;
}


IMG {
	border: none;
	margin: 0; padding: 0;
}

UL, OL {
	margin: 0 0 2em 20px;
	padding: 0;
}

UL {
	/*list-style: url(images/ico/a/bullet_blue.png);  IE DOES NOT LIKE */
}

LI {
	font-size: 140%;
	line-height: 1.2em;
	margin: 0 0 0.5em 0;	
}

HR {
	border: none;
	border-bottom: 1px dotted #a6c3d6;
	margin: 20px 0;
}

TABLE {
	border: none;
	width: 100%;
	font-size: 100%;
	margin: 3px 0 15px 0;
}


TABLE TR TD,
TABLE TR TH {
	font-size: 120%;
	line-height: 1.6em;
	padding: 8px 10px;
	border-bottom: 1px solid #a6c3d6;
	vertical-align: top;
}


/* THIS STYLE: */

TABLE TR TH {
	background: #e5edf4;	
	border-top: 1px solid #003656;
	border-bottom: 1px solid #003656;
	text-align: left;
	text-transform: uppercase;
	color: #000000;
	font-size: 120%;
}


/* OR THIS STYLE: */

TABLE TR.alt {
	background: #f2f6fa;		
}

TABLE H3, TABLE H4 {
	margin-bottom: 0.25em;	
}

TABLE P {
	font-size: 100%;
	margin: 0 0 0.5em 0;
	line-height: 1.4em;
}

TABLE LI{
	font-size: 110%;
	margin: 0 0 0.25em 0;
}



TABLE TR.subtotal TD,
TABLE TR.coupon TD {
	border: none;
	font-size: 120%;
}

TABLE TR.subtotal TD {
	background: #c2d6e6;
	border-top: 1px solid #003656;
	border-bottom: 1px solid #003656;
	font-weight: bold;
}

TABLE TR.coupon TD {
	background: #85c700; color: white;	
}

TABLE TR.total TD {
	border-top: 1px solid #000;
	border-bottom: 1px solid #afafaf;
	color: white;
	font-size: 180%;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: center;
	padding-bottom: 10px; padding-left: 10px;
	background: #005091 url(images/total-grad.png) top center repeat-x;
}

#sidebar TH {
	background: #dcdcdc;
	border-bottom-color: #363636;
	border-top-color: #363636;
	color: #212121;
}

INPUT, BUTTON {
	font-family: Helvetica, Arial, sans-serif;	
}

BLOCKQUOTE {
	font-size: 180%; line-height: 1.5em; 
	margin: 10px 60px 20px 0;
	padding: 15px 75px 15px 20px;
	background: #e5edf4;
	border: 1px solid #a6c3d6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #121212;
}

/* GENERIC FORM STYLES */

FORM H3 {
	font-size: 160%; line-height: 24px;
	padding:  4px 20px 4px 10px;
	border-bottom: 1px solid #a6ccef;
}

FORM H3 IMG {
	vertical-align: middle;
	margin: 0 0 0 5px;
}

FORM H4 {
		margin-left: 10px;
}



FORM UL {
	list-style: none;
	margin: 5px 0 10px 10px; padding: 0;
}

FORM UL LI {
	border: none;
	margin: 0; padding: 0;
	font-size: 100%;
}

FORM UL LI INPUT {
	border: none;	
}


FORM UL LI LABEL,
FORM UL LI LABEL {
	width: auto;
	text-align: center;
}

FORM LABEL {
	 display: inline-block; /* PROBABLY WON'T WORK IN IE7 */
	 width: 120px;
	 font-weight: bold;
	 font-size: 120%;  line-height: 24px;
	 margin: 0 10px 5px 0;
}

.temp-signup FORM LABEL {
	width: 150px;	
}

FORM LABEL:HOVER {
	cursor: pointer;
	color: #0076d5;
}

FORM INPUT {
	border: 3px solid #e8e8e8;	
	font-size: 140%; 
	vertical-align: middle;
	padding: 3px 5px;
	margin: 3px 5px 6px 0;
}

.temp-signup FORM INPUT {
	width: 255px; /* TEMP-SIGNUP ONLY */
}

#wrapper FORM .short {
	width: 80px;	
}

#wrapper FORM .red {
	background: #f3d1cc;
	border-color: #c31700;
}

#wrapper FORM .checkbox {
	width: auto;	
}

FORM SELECT {
	font-size: 120%;	
	width: 275px;
}

BUTTON { /* Could/Should be FORM BUTTON */
	display: block;
	width: 170px;
	height: 42px;
	background: url(images/btn-green-170.png) top center no-repeat;
	border: none;
	color: white;
	font-size: 180%; font-weight: bold;
	line-height:  36px;
	margin:  0 0 10px auto;
	
}

BUTTON:HOVER {
	cursor: pointer;
	background-position: bottom center;
}

/* SIDEBAR FORM EXCEPTIONS */

#sidebar FORM LABEL {
	 float: left;
	 font-weight: bold;
	 font-size: 120%;  line-height: 24px;
	 margin-right: 15px;
}

#sidebar FORM INPUT,
#sidebar FORM SELECT,
#sidebar FORM TEXTAREA {
	vertical-align: middle;	
	margin: 0 0 10px 0;
}

#sidebar FORM BUTTON,
BUTTON.smallblue {
	background: url(images/btn-gen-105.png) top center no-repeat;
	color: white;
	font-size: 160%;
	text-transform: uppercase;
	font-weight: bold;
	border: 0;
	height: 35px; width: 105px;
	text-align: center;
	line-height: 35px;
	
}

#sidebar FORM BUTTON:HOVER,
BUTTON.smallblue:HOVER {
	cursor: pointer;
	background-position: bottom center;
}


#sidebar H2 {
	color: #212121;
	margin-bottom: 0.5em;
	margin-top: 0;
}


#sidebar P {
	font-size: 110%;	
}

#sidebar FORM LABEL {
	width: 60px;	
}

#sidebar FORM INPUT, #sidebar FORM SELECT, #sidebar FORM TEXTAREA {
	width: 130px;
}

#sidebar FORM BUTTON {
	background: url(images/btn-gen-105-sidebar.png) top center no-repeat;
	font-size: 120%;
	height: 29px; width: 105px;
	line-height: 24px;
}


/* OTHER MISC STYLES */

.small {
	font-size: 40%;	
}

.red {
	color: #c31700;	
}

.green {
	color: #469100;	
}

.yellow {
	color: #f1c100;	
}

.blue {
	color: #005396; 	
}

.bluebox, .redbox, .greenbox, .yellowbox, .entry-utility {
	border-style: solid;
	border-width: 1px;
	padding: 10px 40px 5px 15px;
	margin: 5px 0px 10px 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.bluebox, .entry-utility {
	background: #e5edf4;
	border-color: #a6c3d6;
}

.entry-utility {
	font-size: 120%; line-height: 1.4em;	
}

.redbox {
	background: #f9e7e5;
	border-color: #c31700;
	color: #c31700;
	font-weight: bold;
	padding-right: 15px;
}

.redbox P, .greenbox P {
	font-size: 140%;
	margin-bottom: 0.5em;
}

.greenbox {
	background: #f3f9e5;
	border-color: #85c700;
	color: #469100;
	font-weight: bold;
	padding-right: 15px;
}


.yellowbox {
	background: #fef9e5;
	border-color: #f1c100;
}

H3.bluebox, H3.redbox, H3.greenbox, H4.yellowbos {
	padding: 10px 5px;	
}



H3 IMG, H4 IMG, H5 IMG {
	vertical-align: center;
	margin: 0 8px 0 15px;
}



/* CLEARFIX */

/* slightly enhanced, universal clearfix hack */
.clearfix:after,
.innerpanel:after,
.vm-dropdown:after,
.navigation:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix,
.innerpanel,
.vm-dropdown,
.navigation { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix, 
* html .innerpanel,
* html .vm-dropdown,
* html .navigation { height: 1%; }
.clearfix, .innerpanel, .vm-dropdown, .navigation { display: block; }
/* close commented backslash hack */




/* WRAPPER
==================================== */


#wrapper {
	width: 970px;
	margin: 0 auto;
}


/* HOME PANELS 
==================================== */

#mask {
	width: 100%;
	height: 100%;  /* 4000px OR 400% */ /* REALLY? IF IT'S SET TO 100% initially YOU DO NOT GET THE LONG EMPTY BLUE DIV */
	background: url(images/background-blue.jpg) bottom center repeat;
}

.panel {
	width: 100%;
	height: 100%; /*25% or 1000px */  /* SERIOUS? WILL 100% WORK 100% OF THE TIME (see the funny?) */
}

/* #pane1 { background: #f5f9fc url(images/content-background.jpg) top center repeat-x;} */
#pane1 { background: #f5f9fc url(images/screen1.jpg) top center repeat-x; min-height: 850px; /* MUST BE THERE */}
#pane2 { background: url(images/screen2.jpg) top center repeat-x; min-height: 780px; /* MUST BE THERE */ }
#pane3 { background: url(images/screen3.jpg) bottom center repeat-x; min-height: 780px; /* MUST BE THERE */}
#pane4 { background: #151412 url(images/screen4.jpg) top center repeat-x; min-height: 660px; /* MUST BE THERE */ }


.inner-panel {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden; /* AUTO OR HIDDEN */
	
}

/* ESTABLISH EACH INNER-PANEL */

#pane1 .inner-panel { 
	padding-top: 150px;
	height: 670px;
}

#pane2 .inner-panel { 
	padding-top: 180px;
	height: 630px;
}

#pane3 .inner-panel { 
	width: 920px; 
	margin: 0 auto;
	padding-top: 160px; 
	height: 630px;
}

#pane4 .inner-panel { 
	padding-top: 160px; 
	height: 510px;
	width: 910px;
	margin: 0 auto;
}





/* NAVI BAR 
==================================== */


#navi-wrapper {
	height: 120px;
	position: relative;
	width: 970px;
	margin: 0 auto;
}

/* LOGO ======== */

#logo {
	position: absolute;
	top: 0; left: 18px;
	z-index: 42;
	width: 260px;
	height: 115px;
	text-indent: -9000px;
	margin-left: 0px;
}



#logo A:LINK, #logo A:VISITED {
	display: block;
	width: 260px;
	height: 115px;
	background: url(images/logo-m.png) top center no-repeat;
}

/* UTILITY NAVIGCTION  -- utilnav ==========  */

#navi-upper, #navi-lower {
	width: 700px;
	margin: 0 0 0 245px;	
}

#navi-upper {
		background: url(images/nav2-upper-bg.png) top repeat-x;
		height: 28px;
}

#utilnav {
	float: right;
	color: white;
	margin-right: 0px;
}

#utilnav A:LINK,
#utilnav A:VISITED {
	color: white;	
}

#utilnav  {
	list-style: none;
	margin: 0; padding: 0;
}

#utilnav LI {
	display: inline;
	margin: 0; padding: 0;
	font-size: 120%; line-height: 24px;
}

#utilnav LI A:LINK,
#utilnav LI A:VISITED {
	display: block;
	float: left;
	height: 28px;
	padding: 0 10px;
	text-decoration: none;
	color: #b3c2cd;
	margin: 0 10px 0 0;
}

#utilnav LI A:HOVER {
	color: #ffffff;
}

#utilnav IMG {
	vertical-align: middle;
	margin: 0 5px 0 5px;
	
}

/* MAIN NAVIGATION 
=========================== */


#navi-lower {
	height: 36px;
	background: url(images/nav2-lower-bg.png) top right no-repeat;
	padding: 0;
	position: relative;
}

UL#nav {
	list-style: none outside;
	margin: 0 0 0 60px; padding: 0;
	border-left: 1px solid #000000;
	height: 36px;
}

UL#nav LI {
	display: inline;
	margin: 0; padding: 0;
	font-size: 100%;
}

UL#nav LI IMG {
	position: absolute;
	top: 10px; right: 12px;
}


UL#nav A:LINK, UL#nav A:VISITED {
	margin:0;
	float:left;
	display: block;
	float: left;
	height: 36px;
	border-left: 1px solid #005a98;
	border-right: 1px solid #000000;
	line-height: 36px;
	padding: 0 45px 0 15px;
	font-weight: bold;
	color: white;
	font-size: 14px;
}

UL#nav a:hover, UL#nav a:focus {
	background: url(images/nav2-lower_btn-over.png) top repeat-x;
}


UL#nav UL LI A:LINK,
UL#nav UL LI A:VISITED {
	border: none;
	background: url(images/nav2-subnav-bg.png);
	display: block;
	width: 160px;
	margin: 0;
	padding: 5px 10px;
	color: white;
	font-size: 12px; line-height: 24px;
	height: auto;
	font-weight: normal;
}

UL#nav UL LI A:HOVER {
	background: #1b8ce7;
	color: white;
}

UL#nav LI.btn-livechat A:LINK,
UL#nav LI.btn-livechat A:VISITED {
	padding-right: 0;
}

UL#nav LI.btn-livechat A IMG {
	position: relative;
	top: auto; left: auto;
	margin: 5px 0 0 4px;
	float: none;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			180px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			36px; /* match top ul list item height */
	z-index:		9999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			180px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			180px; /* match ul width */
	top:			0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* IE FIX??? */

#navi-wrapper {
    z-index: 99998 !important;
}
#content-wrapper, #content-panel {
    z-index:1 !important;
}


/* END SUPERFISH ! AWESOME. */




#btn-config {
	position: absolute;
	top: 0;
	right: 15px;
}

#btn-config A:LINK,
#btn-config A:VISITED {
	display: block;
	height: 45px;
	width: 165px;
	background: url(images/nav2-config.png) top center no-repeat;
	text-indent: -9000px;
}

#btn-config A:HOVER {
	background-position: bottom center;	
}


/* =================================
CART BAR & USER BAR 
==================================== */

#cart-bar {
	height: 32px;	
	width: 850px;
	margin: 0 auto;
}

#cart-tab A:LINK, 
#cart-tab A:VISITED {
	float: right;
	display: block;
	width: 154px; height: 32px;
	font-size: 110%;
	line-height: 32px;
	font-weight: bold;
	color: white;
	text-align: center;
	background: url(images/cart-bar-btn.png) top left no-repeat;	
}

#cart-tab A:HOVER {
	background-position: top right;	
}

#cart-tab IMG {
	vertical-align: middle;
	margin: 0 5px 0 0;
}

#user-bar {
	width: 870px;
	height: 32px;
	margin: 0 auto;
	background: url(images/user-bar.png) bottom center no-repeat;
	color: white;
}

#user-bar DIV {
	margin: 0 20px;	
	height: 32px;
	float: left;
}

#user-bar * {
	line-height: 32px;	
}

#user-bar IMG {
	margin: 0 5px 0 5px;
	vertical-align: middle;	
}

#user-bar .credit IMG {
	margin-left: 15px;
}

#user-bar DIV.name {
	font-size: 140%;
	width: 300px;
}

#user-bar .credit {
	width: 250px;
	height: 22px;
	line-height: 22px;
	background: url(images/user-credit.png) center left no-repeat;
	margin: 4px 0px 0 0;
	font-size: 110%;
}

#user-bar A:LINK,
#user-bar A:VISITED {
	color: white;	
}

#user-bar .buttons {
	
	height: 32px;
	border-right: 1px solid #0085d5;
	border-left: 1px solid #00294b;
}

#user-bar .buttons A IMG {
	margin: 0 5px 0 0;	
}

#user-bar .buttons A:LINK,
#user-bar .buttons A:VISITED {
	display: block;
	float: left;
	text-align: center;
	font-size: 110%;
	padding: 0 10px;
	border-left: 1px solid #0085d5;
	border-right: 1px solid #00294b;
	font-weight: bold;
}

#user-bar .buttons A:HOVER {
	background: #1b8ce6;
	border-left-color: #33aaff;
	border-right-color: #000000;
}

P.legal {
	font-size: 110%;
	text-align: center;
	color: #005396;
	margin: 5px 0 10px 0;
}

#footer {
	height: 36px;
	background: url(images/footer-bar.png) top center no-repeat;
	width: 870px;
	margin: 0 auto;
	color: white;
}

#footer P {
	margin: 0 0 0 20px;	
}

#footer A:LINK,
#footer A:VISITED {
	color: white;	
	font-weight: bold;
	line-height: 32px;
	margin: 0 5px;
}

#footer A:HOVER {
	color: #0076d5;	
}


/* ==================================== 
BASIC CONTENT LAYOUT STYLES 
==================================== */

#content-wrapper {
	width: 940px;
	margin: 0 auto 20px auto;
	padding: 0;
	height: auto;
}

#content-top {
	min-height: 10px;
	background: url(images/content-top.png) bottom center no-repeat;
	padding-bottom: 7px;
}

#content-mid {
	background: url(images/content-mid.png) top center repeat-y;
}

#content-bot {
	min-height: 15px;
	background: url(images/content-bot.png) top center no-repeat;
	padding-top: 6px;
}

.sidebar #content-top { background-image: url(images/content-top-side.png); }
.sidebar #content-mid,
.side-dark #content-mid { background-image: url(images/content-mid-side.png); }
.sidebar #content-bot,
.side-dark #content-bot { background-image: url(images/content-bot-side.png); }

.side-dark #content-top { background-image: url(images/content-top-sidedark.png); }


.no-side #maincol {
	width: 860px;	
}

.no-side #sidebar {
	display: none;	
}

#maincol { 
	width: 540px; 
	float: left;
	margin: 20px 0 20px 40px;
}

#sidebar {
	float: left;
	width: 280px;
	float: left;
	margin: 0 0 0 70px;
	position: relative;
}

/* UPPER SIDEBAR *DARK* STYLES */

#sidebar .upper {
	padding: 15px 20px 10px 0px; /* LEFT PADDING SHOULD BE ZERO  */
	background: url(images/sidebar-dark-bg.png) right repeat-y;
	margin: 0;
	border-bottom: 1px solid #8e8e8e;
}

.upper H1, .upper H2, .upper H3, .upper H4, .upper H5, .upper H6, .upper P, .upper OL, .upper UL, .upper TABLE,
.upper BUTTON {
	margin-left: 10px;
}

/* FLOATING SUBTOTAL BOX 
==================================== */



#subtotal-box H1 {
	font-size: 320%;
	text-align: right;
	padding: 3px;
	background: #e1e1e1;
}

#subtotal-box H1.small {
	font-size: 140%;	
}

#subtotal-box {
	position: absolute;
	z-index: 999;
	margin: 0 20px 10px 0;	
	width: 200px;
	padding: 10px 25px;
	background: url(images/sidebar-dark-bg.png) top left repeat-y;

}

#subtotal-box TABLE {
	border-top: 1px solid #8e8e8e;
	border-bottom: 1px solid #e0e0e0;
}

#subtotal-box TABLE TR.total-bar TD {
	border-top: 1px solid #000;
	border-bottom: 1px solid #afafaf;
	color: white;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: center;
	padding-bottom: 1px; padding-left: 10px;
	background: #005091 url(images/total-grad.png) top center repeat-x;
}

#subtotal-box TABLE TR.total-bar TD.total {
	font-size: 320%;
	padding: 6px 0 0 0;
	text-align: center;
	
}

#subtotal-box TABLE TD {
	border-top: 1px solid #e0e0e0	;
	border-bottom: 1px solid #8e8e8e;
	font-size: 90%;
	padding: 3px 6px;
}

#subtotal-box TABLE COL.leftcol {
	background: #a3a3a3;
	width: 80px;
}

#subtotal-box TABLE TD.monthly {
	background: #c5c5c5;
	border-top: 1px solid #e0e0e0	;
	border-bottom: 1px solid #8e8e8e;
	text-align: center;
	font-style: italic;
	color: #333333;
}

#subtotal-box TABLE INPUT {
	width: 120px;
	margin: 0;
	border: none;
	background: none;
}

INPUT#st-hourly {
	color: white;	
}

/* SIDEBAR SUBNAVIGCTION */

UL.subnav {
	margin: 20px 0;	
}

UL.subnav, UL.subnav UL {
	list-style: none;
}

/* NECESSARY? WILL BACKFIRE LATER, I BET 
UL.subnav LI {
	width: 270px; height: 42px;	 
	margin: 0 0 0 0;
}
*/
UL.subnav LI DIV.widget-title {
	font-size: 140%; font-weight: bold;
	line-height: 36px;
	display: block;
	height: 42px;	
	background: url(images/side-nav-bar.png) top left no-repeat;
	margin: 0;
	color: white;
	padding-left: 20px;
}



UL.subnav UL {
	margin: 5px 0 10px 20px;
}


UL.subnav UL LI {
	font-size: 10px; line-height: 1.2em;
	margin: 0 0 10px 0; padding: 0;
}

UL.subnav UL LI A:LINK,
UL.subnav UL LI A:VISITED {
	display: block;
	font-size: 120%; line-height: 1.3em;
	margin: 0;
	font-weight: bold;
	background: none;
	color: #005396;
}

UL.subnav UL LI A:HOVER {
	color: #0076d5;	
}

UL.subsubnav {
	display: none;	
}


/* LOWER SIDEBAR STYLES */

#sidebar .lower {
	padding: 20px 15px 20px 15px;
	border-top: 1px solid white;
}

#sidebar .sidebar-onepanel {
	padding: 20px 15px 20px 15px;	
}

#sidebar .banner {
	margin: 0 0 20px 20px;
}	

#sidebar H5 {
	font-size: 130%;
	padding: 1px 0 0 0;
}


/* SIDEBOX - 
CAN BE DEFAULT (NO HEADER) OR CAN BE ID= "LOGIN", "FAQ", or "VC" */


.sidebox {
	padding: 15px 12px 6px 15px;
	margin: 20px 0 0 0;	
	background: url(images/sidebox-top.png) top right no-repeat;
}

.sidebox-bot {
	background: url(images/sidebox-bot.png) bottom right no-repeat;
	height: 24px;
	padding: 0 10px;
	margin: 0 0 20px 0;
}


.sidebox UL {
	list-style: none outside;
	margin: 0; padding: 0;
}

.sidebox UL LI {
	font-weight: bold;
	margin: 0 0 8px 0; padding: 0;
	font-size: 120%; line-height: 1.2em;
}


/* EACH TOP CAN BE CUSTOMIZED: */

#faq {
	background: url(images/sidebox-top-faq.png) top right no-repeat;
	padding-top: 80px;
}

#login {
	background: url(images/sidebox-top-login.png) top right no-repeat;
	padding-top: 80px;
}

#vc {
	background: url(images/sidebox-top-vc.png) top right no-repeat;
	padding-top: 80px;
}

#vc P {
	font-size: 120%; line-height: 1.3em;
	margin: 0 0 0.5em 0;
}

#vc P STRONG {
	display: block;
	width: 105px;
	float: left;
}

H5 IMG {
	margin: 0 8px 0 0;
	vertical-align: middle;
}

/* VM CONTROL PANEL STYLES 
==================================== */

.vm-panel {
	width: 560px;
	margin: 5px 0 20px 0;
}

.vm-panel H3 {
	font-size: 150%; line-height: 1.2em;
	margin: 10px 0 3px 0;
}

.vm-panel H4 {
	font-size: 100%; line-height: 1.2em;
	margin: 0 0 4px 0;
}

.vm-panel P {
	font-size: 120%; line-height: 20px;
	margin: 0 0 8px 0;
}

.vm-panel-top {
	background: url(images/vmc-panel-top.gif) top center no-repeat;
	height: 70px;
	overflow: hidden;
}

.vm-panel IMG { vertical-align: middle; margin: 2px 5px 0 0;}

.vm-panel-top IMG.vm-state {
	float: left;
	margin: 10px 10px 0 10px;
}

.vm-control {
	float: right;	
	margin: 8px 8px 0 5px;
	height: 60px;
}

.vm-control UL {
	list-style: none;
	margin: 0; padding: 0;
	height: 36px;
}

.vm-control UL LI {
	display: inline;
	margin: 0; padding: 0;
}

.vm-control UL LI A:LINK, 
.vm-control UL LI A:VISITED {
	text-indent: -9000px;
	margin: 0; padding: 0;
	display: block;
	width: 40px;
	height: 36px;
	float: left;
}

LI.vm-start A:LINK,
LI.vm-start A:VISITED {
	background: url(images/vmc-btn-start.gif) 0 0 no-repeat;
}

.vm-control LI.vm-stop A:LINK,
.vm-control LI.vm-stop A:VISITED {
	background: url(images/vmc-btn-stop.gif) 0 0 no-repeat;
	width: 42px;
}

LI.vm-res A:LINK,
LI.vm-res A:VISITED {
	background: url(images/vmc-btn-res.gif) 0 0 no-repeat;
}

LI.vm-start A:HOVER,
.vm-control LI.vm-stop A:HOVER,
LI.vm-res A:HOVER {
	background-position: 0 -36px;	
}

.vm-control LI.vm-start A.disabled:LINK,
.vm-control LI.vm-start A.disabled:VISITED,
.vm-control LI.vm-stop A.disabled:LINK,
.vm-control LI.vm-stop A.disabled:VISITED,
.vm-control LI.vm-res A.disabled:LINK,
.vm-control LI.vm-res A.disabled:VISITED {
	background-position: 0 -72px;
}

.vm-dropdown {
	display: none;
	margin: 0 10px;
	padding: 1px 20px;
	background: #e5edf4;
}

.vm-dd-left, .vm-dd-right {
	float: left;
	
}

.vm-dd-left {
	width: 280px;
	margin: 10px 0px;
	border-right: 1px solid #b7cee1;
}

.vm-dd-right {
	width: 180px;
	margin: 10px 0 5px 20px;
}


.vm-panel-bot {
	background: url(images/vmc-panel-bot.gif) top center no-repeat;
	padding-top: 10px;
	width: 560px;
}

.vm-panel-bot H3 {
	margin-top: 0;	
}

.vm-panel-bot UL {
	list-style: none; 
	margin-left: 0;
}

.vm-panel-bot-cap {
	margin: 0 10px;
	padding: 3px 20px 1px 20px;
	background: #e5edf4 url(images/vmc-panel-more.gif) bottom center no-repeat;
}

.vm-actions A:LINK,
.vm-actions A:VISITED {
	display: block;
	width: 120px;
	height: 24px;
	background: url(images/vmc-btn-actions.gif) 0 0 no-repeat;
	text-indent: -9000px;
}

.vm-actions A:HOVER {
	background-position: 0 -24px;	
}

.vm-actions A.active:LINK,
.vm-actions A.active:VISITED {
	background-position: 0 -48px;
}

.vm-actions A.active:HOVER {
	background-position: 0 -72px;	
}

.float-right {
	float: right;	
}


/* ===============================
 CONFIG PAGE 
=============================== */

.temp-config #maincol {
	margin-left: 0;
	width: 625px;
}

.temp-config #sidebar {
	width: 280px;
	float: left;
	margin: 0 0 0 25px;
}

.temp-config #maincol H1,
.temp-config #maincol H2,
.temp-config #maincol H6,
.temp-config #maincol P {
	margin-left: 40px;
}

.temp-config #maincol UL {
	list-style: none !important;	
}

.temp-config #maincol UL LI INPUT {
	border: none;	
}

.start {
	padding: 1px 1px 10px 115px;
	margin: 0 0 10px 0;
	background: url(images/config-flag-start.png) -3px 0px no-repeat;
	min-height: 60px;
}

.start UL {
	list-style: none outside;
	margin: 0; padding: 0;
	height: 55px;
}

.start UL LI {
	display: inline;
	margin: 0; padding: 0;
}

.start UL LI A:LINK, 
.start UL LI A:VISITED {
	display: block;
	width: 224px;
	height: 55px;
	float: left;
	text-indent: -9000px;
}

.start UL LI.or {
	background: url(images/config-or.png) center center no-repeat;	
	text-indent: 9000px;
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	margin: 5px 5px 0 5px;
	overflow: hidden;
}

.start UL LI.btn-std A:LINK,
.start UL LI.btn-std A:VISITED {
	background: url(images/config-btn-std.png) top center no-repeat;
}

.start UL LI.btn-win A:LINK,
.start UL LI.btn-win A:VISITED {
	background: url(images/config-btn-win.png) top center no-repeat;
}

.start UL LI.btn-std A:HOVER,
.start UL LI.btn-win A:HOVER {
	background-position: center center;
}

.start UL LI.btn-std A.selected:LINK,
.start UL LI.btn-std A.selected:VISITED,
.start UL LI.btn-std A.selected:HOVER,
.start UL LI.btn-win A.selected:LINK,
.start UL LI.btn-win A.selected:VISITED,
.start UL LI.btn-win A.selected:HOVER {
	background-position: bottom center;
}



.arch,
.os,
.CC,
.GC,
.RA-box,
.ST1-box,
.ST2-box,
.IP-box,
.BW-box {
	float: left;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border: 1px solid #a6ccef;
	margin-bottom: 20px;
}

.arch,
.CC {
	width: 150px;
}

.arch-os,
.IP-box {
	margin-left: 115px;
}

.os {
	margin-left: 40px;	
}

.os,
.GC {
	width: 280px;
}

.RA-box,
.ST1-box,
.ST2-box {
	width: 470px;
}

.IP-box, .BW-box {
	width: 225px;
}

.BW-box {
	margin-left: 20px;	
}


.cpu {
	padding: 1px 1px 10px 115px;
	margin: 0 0 10px 0;
	background: url(images/config-flag-cpu.png) -3px 0px no-repeat;
	min-height: 60px;
}

.cpu-x {
	background: url(images/config-x.png) center center no-repeat;	
	text-indent: 9000px;
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	margin: 35px 5px 0 5px;
	overflow: hidden;
}

.temp-config #maincol .cpu LABEL,
.temp-config #maincol .RA LABEL,
.temp-config #maincol .ST1 LABEL,
.temp-config #maincol .ST2 LABEL {
	width: 40px;
	display: block;
	text-align:  center;
	margin-bottom: 15px;
	
}

.cpu UL LI,
.RA UL LI,
.ST1 UL LI,
.ST2 UL LI {
	display: block;
	width: 40px;
	float:  left;
	text-align: center;
	margin: 0;
	
}

.cpu INPUT,
.RA INPUT,
.ST1 INPUT,
.ST2 INPUT,
.IP INPUT,
.BW INPUT {
	margin: 0 5px 10px 5px;
	border: none;
}


.GC UL LI {
	margin-right: 10px;
}

.RA {
	padding-left: 115px;
	margin: 0 0 10px 0;
	background: url(images/config-flag-ram.png) -3px 0px no-repeat;
	min-height: 60px;
}

.ST1, .ST2 {
	padding-left: 115px;
	margin: 0 0 10px 0;
	background: url(images/config-flag-production.png) -3px 0px no-repeat;
	min-height: 60px;
}

.ST2 { background: url(images/config-flag-backup.png) -3px 0px no-repeat; }


/* ===============================
 SIGNUP PAGE 
=============================== */

.temp-signup #maincol {
	margin-left: 0;
	width: 625px;
}

.temp-signup #sidebar {
	width: 280px;
	float: left;
	margin: 0 0 0 25px;
}


.temp-signup #maincol H1,
.temp-signup #maincol H2,
.temp-signup #maincol H6,
.temp-signup #maincol P {
	margin-left: 50px;
}



.step1, .step2, .step3, .step4 {
	margin: 0 0 40px 0;
}

.temp-signup .step1, 
.temp-signup .step2, 
.temp-signup .step3, 
.temp-signup .step4 {
	padding-left: 175px;
	margin: 0 0 40px 0;
}
.temp-signup .step1 { background: url(images/submit-flag-step1.png) -3px 0px no-repeat; }
.temp-signup .step2 { background: url(images/submit-flag-step2.png) -3px 0px no-repeat; }
.temp-signup .step3 { background: url(images/submit-flag-step3.png) -3px 0px no-repeat; }
.temp-signup .step4 { background: url(images/submit-flag-step4.png) -3px 0px no-repeat; }


.temp-signup #maincol FORM P.note,
.temp-signup #maincol FORM P.warning {
	margin: 0 0 0.5em 160px;	
}

.temp-signup #maincol .step1 P,
.temp-signup #maincol .step2 P,
.temp-signup #maincol .step3 P,
.temp-signup #maincol .step4 P {
	margin-left: 0;	
}

#maincol FORM P.note {
	color: #121212;
}

#maincol FORM P.warning {
	color: #c31700;	
}

#maincol .bluebox H2 {
	margin-left: 0;
}

#maincol .bluebox LABEL {
	width: 160px;	
}

.credit-box {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border: 1px solid #a6ccef;
	margin-bottom: 20px;
	background: white;
}


#maincol .credit-box LABEL {
	width: 60px;
	display: block;
	text-align:  center;
	margin-bottom: 5px;
	
}

.credit-box UL LI {
	display: block;
	width: 60px;
	float:  left;
	text-align: center;
	margin: 0;
}

.credit-box INPUT {
	margin: 0 5px 5px 5px;
	width: auto !important;
}

/* CREDIT BOX DISABLED */

.credit-box-disabled {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border: 1px solid #a6ccef;
	margin-bottom: 20px;
	background: white;
}


#maincol .credit-box LABEL {
	width: 60px;
	display: block;
	text-align:  center;
	margin-bottom: 5px;
	
}

.credit-box UL LI {
	display: block;
	width: 60px;
	float:  left;
	text-align: center;
	margin: 0;
}

.credit-box INPUT {
	margin: 0 5px 5px 5px;
	width: auto !important;
}

/* RECAPTCHA */

.recaptcha {
	margin: 10px 0 20px 0;	
}

#recaptcha_table LABEL {
	float: none;
	display: inline;
}

.terms P {
	padding-left: 30px;	
	font-size: 130%;
}

.terms INPUT.checkbox {
	float: left;	
	margin: 3px 10px 40px 0;
}


.new-user, .old-user {
	float: left;
	margin: 0 0 20px 0;
	border: 3px solid #e8e8e8;
	padding: 10px;
	background: white;
}

.new-user {
	margin-left: 20px;	
}


.old-user FORM LABEL {
	width: 90px;
	margin-right: 0;
}

/* SPECIFIC TO WP */


.post {
	margin-bottom: 30px;	
}

.navigation {
	min-height: 30px;
	margin: 0 0 20px 0;
}

.navigation A:LINK, 
.navigation A:VISITED {
	display: block;
	background: #efedf4;
	color: #005396;
	padding: 5px 10px;
	font-size: 110%; line-height: 1.1em;
	margin: 0 5px 0 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 200px;
}

.navigation A:HOVER {
	background: #003656;
	color: white;
}

.nav-previous, .nav-next {
	margin: 0 5px 0;
	float: left;
}

.nav-next A {
	float: right;
}

/* PROMO FLAG - HOME PAGE ABOVE HOME PROMO BANNER -- */

#promoflag {
	height: 115px;
	width: 115px; 
	position: fixed;
	top: 0; left: 0; 
	z-index: 999999;
}



.wp-caption {
	background: #efefef;
	padding: 2px;
	margin: 5px 15px;
	border: 1px solid #cfcfcf;
}

.wp-caption IMG {
	margin: 5px;	
	border: 1px solid #333;
}

.wp-caption P.wp-caption-text {
	margin: 0.5em 0 0.5em 5px;
	font-size: 100%;
	color: black;
}

IMG.alignleft,
IMG.alignright  {
	margin: 5px 15px;	

}

.alignleft {
	float: left;	
}

.alignright {
	float: right;	
}