@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background:#3c3c3c url(images/background.jpg) repeat-x left 0px;
	text-align:center;
	font:11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	color:#666;
}
a {
	outline:none;
	text-decoration:none;
	/*color:#204e9b;*/
	color:#2971a7;
}

a.learnmore { 
   padding-right: 10px; 
   background: url(images/linkarrow.png) no-repeat right center; 
   position: relative; 
   color:#2971a7;   
}
   

img {
	border:0;
	margin:0;
	padding:0;
	vertical-align:bottom;  /*it removes the extra 3 pixels from the bottom of the images in IE7 */
}

a:hover {
	text-decoration:underline;
}

.bold {
	font-weight:bold;
}

.topspacer {
	display:block;
	margin:0;
	padding:0;
	height: 22px;
}
.topcorners {
	width:800px;
	
	margin:10px auto 0px auto;
	/*padding: 5px;*/
	padding:0px 5px 0px 5px;
	background:url(images/page_top.png) no-repeat right top;
	position:relative;
/*	z-index:100;*/
}
.bottomcorners {
	width:800px;
	height:20px;
	margin:-17px auto 0 auto;
	padding:0 5px;
	background:url(images/page_bottom.png) no-repeat left top;
	position:relative;
	z-index:100;
}
#header {
	paddign: 0px;
	background-color:#000000;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#header a {
	color:#666666;
}
#header .logo {
	float:left;
	margin:15px 18px 0px 15px;
	padding:0;
	background-color:#000000;
	
}
#header .divider {
	width:100%;
	height:1px;
	background-color:#666666;
}
#header .headerimage_rightfloat {
	float:right;
	margin:0;
	padding:0;
}
#header .menu {
	float:right;
	margin:15px 30px 10px 0px;
	padding:0;
	vertical-align:middle;
}
#header .menu ul {
	margin: 0;
	padding: 0;

}
#header .menu li {
	font-size:1.2em;
	margin: 0;
	padding: 0px 0px 0px 20px;
	display:inline;
	font-weight:bold;
}


#header .subheader {
	margin: 0 auto 0 auto;
	padding-bottom:10px;
	background-color:#FFFFFF;
	
}

#header .subheader .submenu {
	padding:0;
}

#header .subheader .submenu ul {
	text-align:center;
	margin: 0 auto 0 auto;
	padding: 0;
}

#header .subheader .submenu li {
	font-size:1.2em;
	margin: 0;
	padding: 0px 0px 0px 20px;
	display:inline;
}


#main {
	width:800px;
	margin:-13px auto 0px auto;
	padding:0px 5px 0px 5px;
	background:url(images/page_background.png) repeat-y left top;
	text-align:left;
}

#main_clear {
	width:800px;
	margin:-13px auto 0px auto;
	padding:0px 5px 0px 5px;
	background:url(images/page_background_clear.png) repeat-y left top;
	text-align:left;
}

#content {
	margin:20px;
	font-size:12px;
	line-height:1.4em;
	float:left;
	width:540px;
}

#content ul {
	margin: 0;
	padding: 0;

}
#content li {
	
	margin: 0;
	padding: 0px 0px 0px 20px;
	list-style-type:none;
}

#content .subcolumn2-1 {
	width:260px;
	float:left;
}
#content .subcolumn2-2 {
	width:260px;
	float:right;
}
#content .divider {
	margin:1em -5px 2em -5px;
	border-top:1px solid #ccc;
}
#content p {
	margin:0 0 1.6em 0;
}
#content h1 {
	font-size:22px;
	font-weight:bold;
	margin:0 0 1em 0;
	margin-top:-.1em;
	line-height:1.2em;
	color:#000;
	letter-spacing:-1px;
}

#content h2 {
	font-size:16px;
	font-weight:bold;
	margin:0 0 .6em 0;
	color:#000;
}

#content h3 {
	font-size:12px;
	margin:0 0 .3em 0;
	color:#000;
}
#content h4 {
	font-size:10px;
	margin:0;
	color:#000;
}
#content .featured .image {
	float:left;
	margin-right:15px;
}
#content .featured .description {
}























#content .platform_panel {
	
}

#content .platform_panel .header {
	font-size:1.2em;
	font-weight:normal;
	padding-bottom:0.5em;
	border-bottom:1px;
	border-bottom-style:solid;
}

#content .platform_panel .platform_logo {
	float:left;
	margin:1em 0 1em 0;
}

#content .platform_panel .button {
	position:absolute;
	top:1em;
	right:0px;
}

#content .platform_panel .content_panel {
	float:left;
	margin: 15px 0px 0px 12px;
	padding-left:12px;
	border-left:1px;
	border-left-style:solid;
}


#content .platform_panel .content_panel .payment_panel {
}

#content .platform_panel .content_panel .payment_panel .info {
	font-size:1em;
	font-weight:bold;
	margin-bottom:0.8em;
}

#content .platform_panel .content_panel .payment_panel .payment_details {
	float:left;
	width:120px;
}


#content .platform_panel .content_panel .devices_panel {

}

#content .platform_panel .content_panel .devices_panel p {
	font-size:0.9em;
}

#content .platform_panel .content_panel .devices_panel a {
	color:#666;
}

#content .platform_panel .content_panel .devices_panel a.more {
   padding-right: 10px; 
   background: url(images/linkarrow.png) no-repeat right center; 
   position: relative; 
   color:#2971a7;   
}

#content .platform_panel .content_panel .devices_panel .info {
	font-size:1em;
	font-weight:bold;
	margin-bottom:0.8em;
}

#content .platform_panel .content_panel .devices_panel .subcolumn {
	float:left;
	width: 120px;
	margin-right:15px;
}

#content .platform_panel .content_panel .devices_panel .subcolumn ul {
	margin: 0;
	padding: 0;
}

#content .platform_panel .content_panel .devices_panel .subcolumn li {
	font-size:0.9em;
	padding: 0;
	list-style-type:none;
	margin:0 0 -0.2em 0;
}























#sidebar {
	float:right;
	display:inline;
	width:180px;
	padding:20px 20px 20px 20px;
	font-size:10px;
	line-height:1.4em;
}
#sidebar h2 {
	font-size:14px;
	font-weight:normal;
	margin:0 0 .6em 0;
	color:#6688aa;
}
#main #sidebar h2, #main #sidebar h2 a {
	color:#000;
	line-height:1.26em;
}
#sidebar .newsitem {
	margin-bottom:1.5em;
}
#sidebar .newsitem .date {
	font-weight:bold;
	color:#000000;
}
#sidebar .newsitem .news {
}
#sidebar .customer_quote {
	margin-bottom:5em;
}
#sidebar .customer_quote .quote {
	font-style:italic;
}
#sidebar .customer_quote .author {
	color:#000000;
	float:right;
	font-style:normal;
	font-weight:bold;
}
#sidebar .divider {
	margin:2em -5px 2em -10px;
	border-top:1px solid #ccc;
}
#bottom {
	width:800px;
	clear:both;
	padding-bottom:2em;
	color:#ccc;
	margin:5px auto;
	text-align:center;
	font:10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
}
div.clearer {
	clear:both;
	display:block;
	margin:0;
	padding:0;
	height:0;
	line-height:1px;
	font-size:1px;
}
div.vspacer_5 {
	display:block;
	margin:0;
	padding:0;
	height: 5px;
}
div.vspacer_10 {
	display:block;
	margin:0;
	padding:0;
	height: 10px;
}
div.vspacer_50 {
	display:block;
	margin:0;
	padding:0;
	height: 50px;
}

div.vspacer_40 {
	display:block;
	margin:0;
	padding:0;
	height: 40px;
}

div.vspacer_1em {
	display:block;
	margin:0;
	padding:0;
	height: 1em;
}
div.vspacer_5em {
	display:block;
	margin:0;
	padding:0;
	height: 5em;
}



/* Form Elements */

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  
	margin-bottom:8px;
	font-weight:bold;
  display:block;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}

textarea {
width:100%;
}


input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;
  font: 400 0.9em verdana, serif;
  cursor: pointer;
  color: #fff;
  background: #FC3307;
  border-width: 1px;
  border-style: solid;
  border-color: #FF7800 #691300 #691300 #FF7800;
}

input.radio {

  background: none;
  border: 0px;
}


#marked_as_required {
	color:#FF0000;
	margin-left: 1em;
}