* {
padding: 0px;
margin: 0px;
font-family: "Trebuchet MS", arial, verdana, san-serif;
}
html, body {
height: 100%;
}


a {
z-index: 5;
}
.clear {
clear: both;
}
.imagereplace {
position: absolute;
left: -5000px;
}

.ui-dialog-content .imagereplace {
position: relative;
left: auto;
}
.phonelink {
color: #000;
text-decoration: none;
white-space: nowrap;
}
.bottomkey {
color: #000;
text-decoration: none;
white-space: nowrap;
font-size: 10px;
}
.attention {
color: red;
font-weight: bold;
}
body {
background-image: url('/images/layout/template/headerbg.jpg');
background-repeat: repeat-x;
font-size: 62.5%;
}
#skip a, #skip a:hover, #skip a:visited {
position: absolute;
left: 0px;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
}
#skip a:active, #skip a:focus {
color: #000;
font-size: 12px;
top: 0px;
width: auto;
padding: 3px 10px;
height: auto;
width: 100%;
background-color: white;
border-bottom: 1px solid black;
}
#header-wrapper {
width: 100%;
background-position: top center;
background-repeat: no-repeat;
background-image: url(/images/layout/template/centerheader2.jpg);
height: 125px;
}
#header {
width: 1003px;
height: 125px;
overflow: hidden;
margin: 0 auto;
}
#header h1 {
float: right;
padding: 0px 0 0 25px;
}
#header h1 a img {
border: 0px;
}
#header h2 {
position: absolute;
left: -5000px;
}
#header ul {
float: left;
padding: 95px 20px 0 0;
}
#header li {
float: left;
padding: 5px 20px 0 0;
list-style: none;
}
#header ul li a {
color: #fff;
font-weight: normal;
display: block;
text-decoration: none;
font-size: 1.4em;
}
#header ul li a:hover {
color: #ff9000;
}
#header ul li a#selected {
color: #ff9000;
/*color: #D700C6;*/
}
#homecontainer {
width: 1003px;
margin: 1px auto;
}
#container {
width: 1003px;
margin: 1px auto;
background-position: right 40px;
}
#submenu {
height: 36px;
background-position: top center;
background-repeat: no-repeat;
background-image: url(/images/layout/template/submenu.jpg);
}
#submenu ul {
padding: 8px 0 0 65px;
}
#submenu a {
color: #000;
text-decoration: none;
font-weight: bold;
}
#submenu a#subselected {
color: #fff;
}
#submenu ul li {
float: left;
list-style: none;
font-size: 1.4em;
text-transform: uppercase;
padding-right: 30px;
}

div#icons {
	border-bottom: 10px solid #CDCDCD;
	
	border-top: 2px solid #dbdbdb;
	background-color: #ebebeb;
}

div#icons p.icon {
font-size: 1.1em;
padding: 10px 15px;
border-bottom: 2px solid #dbdbdb;
background-color: #F2F2F2;
background-position: right;
background-repeat: no-repeat;
}

.icon a {
color: #000;
text-decoration: none;
}

#rssicon {
background-image: url(/images/layout/icons/rss.jpg);
}

#twittericon {
background-image: url(/images/layout/icons/twitter.jpg);
}

#chatbutton {
background-image: url(/images/layout/icons/chat.jpg);
}

#salesnow {
background-image: url(/images/layout/icons/support.jpg);
}
#main {
float: left;
width: 830px;
}
#main h2 {
font-size: 1.8em;
margin: 15px 25px;
}
#main p {
font-size: 1.2em;
}

#footer {
width: 100%;
background-image: url(/images/layout/template/footer.jpg);
background-position: top right;
background-repeat: repeat-x;
clear: both;
}
#insidefooter {
/*background-image: url(/images/layout/template/insidefooter.gif);*/
background-position: top;
background-repeat: no-repeat;
height: 85px;
}
#footercontent {
width: 1003px;
margin: 0 auto;
}
#iso {
float: left;
width: 80px;
margin: 15px 0 0 10px;
}
#companydetails {
float: left;
margin: 10px 0 0 20px;
width: auto;
}
#companydetails h2 {
display: inline;
font-size: 1.6em;
margin: 5px 0 0 20px;
}
#companydetails p {
font-size: 1.1em;
margin: 5px 0 0 20px;
}
#footerlogos {
float: right;
margin: 10px 10px 0 0;
}


/* VPS */


#rightbar {
	width: 193px;
	float: right;
}

#rightbar #loginform {
	background-image: url(/images/layout/template/loginboxbg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 142px;
	padding: 5px 10px 10px 10px ;
}

#loginform h2 {
	font-size: 1.4em;
	text-align: right;
	padding: 5px 0px 0px 0px;
	color: #fff;
}

#loginform label {
	color: #fff;
	font-size: 1.1em;
	line-height: 1em;
	padding: 5px 0 5px 0;
	display: block;
}

#loginform input.textfield {
	height: 18px;
	width: 150px;
}

#loginform .formfooter {
	padding-top: 10px;
}

#loginform #resetpassword {
	color: #fff;
	font-size: 1.1em;
	text-decoration: underline;
}

#loginform .formfooter input {
	margin-left: 30px;
	width: 60px;
}

#twitter {
	height: 380px;
	overflow: hidden;
	padding: 0 0 10px 0;
	background: #ebebeb;
	border-bottom: 2px solid #CDCDCD;
}

#twitter img {
	padding: 0 0 5px 0;
}

#twitter p {
	word-wrap: break-word;
	font-size: 1.1em;
	line-height: 1.3em;
	padding: 5px 13px;
}

#twitter a {
	font-size: 1.2em;
	color: #577e06;
	text-decoration: underline;
} 

#twitter p span {
/*	color: #577e06; */
	font-style: italic;
}

#homeleft {
	width: 785px;
	float: left;
	padding-top: 20px;
	padding-bottom: 10px;
}

#homeflash {
	float: left;
}

#homeintro {
	clear: both;
	background-image: url('/images/layout/template/homegreygreen.jpg');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	padding: 13px 20px 3px 20px;
}

#homeintro h1 {
	font-size: 2.6em;
	padding-bottom: 10px;
}

#homeintro p {
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 0 20px 0 0;
}



#homefooter {
	clear: both;
	background-image: url('/images/layout/template/greenhrtop.jpg');
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 25px;
	margin-bottom: 20px;
}

#homefooterinner {
	clear: both;
	background-image: url('/images/layout/template/greenhrbottom.jpg');
	background-repeat: no-repeat;
	padding-top: 25px;
	background-position: bottom;
}

#homefooter .feature {
	background-repeat: no-repeat;
	background-position: top left;
	width: 150px;
	height: 110px;
	display: block;
	padding: 5px 0 0 40px;
	float: left;
	margin: 0 13px 13px 0;
}


#homefooter .feature  h1 {
	font-size: 1.4em;
	padding-bottom: 5px;
}

#homefooter .feature  p {
	font-size: 1.1em;
	line-height: 1.2em;
}

#homefooter div.lastfeature {
	margin-right: 0px;
}

#homefooter .feature a {
	line-height: 16px;
	color: #6BB639;
}

#homefooter .feature a:hover {
	text-decoration: none;
}

#newsmain {
	width: 785px;
	float: left;
	padding-top: 20px;
	float: left;
}

#newsmain h2 {
	font-size: 36px;
	margin: 0 0 20px 0px;
	width: 500px;	
}

#newsmain p strong {
	font-size: 16px;
	margin: 0 0 20px 0px;
	width: 570px;
}


#newsmain img {
	font-size: 12px;
	margin: 0 0 20px 0px;
	width: 570px;
}

#newsmain p {
	font-size: 12px;
	margin: 0 0 20px 0px;
	width: 570px;	
}

#newsmain p strong {
	margin: 0px;
	padding: 0px;
}

#newssidebar {
	width: 193px;
	float: left;
	background: #ebebeb;
}

#newssidebar h2 {
	font-size: 14px;
	padding: 5px 13px;
	height: 78px;
	
	background-image: url("../images/layout/blogtitle.jpg");
}

#newssidebar p {
	font-size: 1.1em;
	line-height: 1.3em;
	padding: 5px 13px 8px 13px;
}

#newssidebar a {
	font-size: 1.2em;
	color: #577e06;
	text-decoration: underline;
} 

#newssidebar a span {
	color: #000;
	text-decoration: none;
}

#newssidebar #icons {
	margin-bottom: 0px;
}

#main {
	width: 785px;
	float: left;
	padding-top: 20px;
}

#plaintext h2 {
	padding-left: 0px;
	margin-left: 0px;
	font-size: 2.6em;
}

#plaintext p {
	font-size: 1.2em;
	line-height: 1.4em;
	width: 660px;
	padding: 0 0 10px 0;
}


#plaintext li {
	margin-left: 20px;
}


.ui-dialog-content {
	font-size: 1.2em;
	line-height: 1.4em;
}

.faqtitle {
	width: 250px;
	float: left;
	height: 20px;
	margin: 5px 0px;
	font-size: 1.2em;
}

.faqtitle a {
	color: #5E9B05;
	font-weight: bold;
}

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


#faqlist {
	padding-bottom: 20px;
}

.faqlist {
	background: #E6E6E6;
	padding: 10px 20px ;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 730px;
	clear: both;
}



ul.faqlist li.question {
	font-size: 1.6em;
	padding-top: 10px;
	
	
}


ul.faqlist li.answer {
	font-size: 1.2em;
	padding-top: 5px;
	list-style: none;
}

ul.faqlist li.backtotop {
	font-size: 1.0em;
	padding-top: 5px;
	padding-bottom: 10px;
	list-style: none;
}

ul.faqlist li.backtotop a{
	color: black;
}

ul.faqlist li.backtotop a:hover {
	text-decoration: none;
}

#contact{
	float: left;
	margin: 0px 55px 20px 0px;	
	padding-top: 30px;
	width: 420px;
}

#contact p {
	font-size: 1.2em;
	line-height: 1.4em;
	width: 420px;
	padding: 10px 0 10px 0;
}

#contact h2{
	font-size:2.6em;
	padding-left: 0px;
	margin-left: 0px;
}
#contact p input{width:300px; padding: 3px;}
#contact textarea{width:300px;height:100px;}
#contact #submit{width:75px;}






/*Sliders */

#homesliderbox {
	background-image: url('/images/layout/homeflash/homesliderboxbg-new.jpg');
	/*background-image: url('/images/content/thebars.jpg');*/
	background-repeat: repeat-x;
	background-position: top;
	background-color: #A8A8A8;
	height: 278px;
	padding: 0px 13px 10px 13px;
	margin-top: 10px;
}

#homesliderbox h2 {
	padding-top: 18px;
	padding-bottom: 9px;
	font-size: 22px;
	line-height: 22px;
	color: white;
}

#homesliderbox #slidersleft {
	width: 577px;
	display: block;
	float: left;
	margin: 0px;
}


#sliderboxes {
	height: 228px;
	background-image: url('/images/layout/sliders/singlesliderbg.jpg');
	background-repeat: no-repeat;
	background-position: top;
}

#homesliderbox #slidersleft #memory {
	height: 118px;
	padding-top: 0px;
	display: block;
	/*background-image: url('/images/layout/sliders/sliderboxtop.jpg');*/
	background-repeat: no-repeat;
	background-position: top left;
}


#fulltopbars {
	/*width: 564px;*/
	width: 46px;
	height: 181px;
	background-image: url('/images/layout/sliders/fullbars.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

#homesliderbox #slidersleft #diskspace {
	height: 118px;
	margin-top: 10px;
	/*background-image: url('/images/layout/sliders/sliderboxbottom.jpg');*/
	background-repeat: no-repeat;
	background-position: top;
}

#fullbottombars {
	/*width: 564px;*/
	width: 33px;
	height: 119px;
	background-image: url('/images/layout/sliders/fullbottombars.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
}


#memoryslider { 
	width: 520px;
	margin: 0px 15px 0 12px;
	padding: 0 0 0 0;
	height: 250px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: transparent;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border: 0px solid white;
}

#memoryslider.ui-slider .ui-slider-handle { 
	background-image: url('../images/layout/sliders/arrow.jpg');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-color: transparent;
	outline: none;
	/*width: 19px;*/
	width: 40px;
	margin-top: 4px;
	padding-top: 185px;
	height: 28px;
	border: 0px;
	cursor: pointer;
}


#memoryslider.ui-slider .ui-slider-handle:hover { 
	background-image: url('../images/layout/sliders/arrowover.jpg');
}



#diskslider { 
	width: 532px;
	margin: 5px 15px 0 12px;
	height: 120px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: top;
	background-color: transparent;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	border: 0px solid white;
}


#diskslider.ui-slider .ui-slider-handle { 
	background-image: url('../images/layout/sliders/arrowdown.jpg');
	background-repeat: no-repeat;
	background-position: top;
	background-color: transparent;
	/*width: 19px;*/
	width: 27px;
	margin-top: 5px;
	padding-bottom: 89px;
	height: 28px;
	border: 0px;
	cursor: pointer;
	outline: none;
}


#diskslider.ui-slider .ui-slider-handle:hover { 
	background-image: url('../images/layout/sliders/arrowdownhover.jpg');
}

#homesliderbox #slidersright {
	float: left;
	width: 172px;
	height: 295px;
	margin-left: 10px;
}

#homesliderbox #slidersright #speach {
	background-image: url('/images/layout/sliders/speachbubble.jpg');
	background-repeat: no-repeat;
	background-position: top;
	width: 152px;
	height: 31px;
	font-size: 11px;
	padding: 5px 10px;
	margin-top: 8px;
}

#homesliderbox #slidersright #results {
	background-color: white;
	
	width: 152px;
	height: 170px;
	margin: 48px 0 0 0;
	padding: 5px 10px;
	
	filter:alpha(opacity=60); 
	-moz-opacity: 0.6; 
	opacity: 0.6;
}

#homesliderbox #slidersright #results li {
	clear: both;
	list-style: none;
	padding: 5px 0 0 0;	
	display: block;
}

#homesliderbox #slidersright #results strong {
	display: block;
	float: left;
	text-align: right;
	padding: 9px 10px 9px 0px;
	height: 11px;
	font-size: 1.1em;
	line-height: 1.1em;
	width: 80px;
}

#homesliderbox #slidersright #results li span{
	display: block;
	float: left;
	text-align: center;
	width: 50px;
	height: 14px;
	font-size: 1.4em;
	line-height: 1.4em;
	background: black;
	color: #fff;
	
	padding: 5px 5px 7px 5px;
}

#homesliderbox #slidersright #results li#display_vm strong {
	padding-top: 2px;
}

#slidersright #buybutton {
	margin-top: 15px;
	float: right;
}

#main #signup h1 {
	padding: 15px 0 0 0;
	font-size: 26px;
}

/* Sign Up Page */
#main div div h2 {
	margin: 0px;
	padding: 14px 0px 0px 0;
}

#signup p {
	font-size: 12px;
	margin: 20px 0;
}

#rightfadeout {
	background-image: url(../images/layout/greyfadeout.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 92px;
}

/* home feature icons */
#homefooter .mountains {	background-image: url(../images/layout/icons/mountains.jpg); }
#homefooter .globe {	background-image: url(../images/layout/icons/globe.jpg); }
#homefooter .ctrl {	background-image: url(../images/layout/icons/ctrl.jpg); }
#homefooter .remote {	background-image: url(../images/layout/icons/remote.jpg); }
#homefooter .twin {	background-image: url(../images/layout/icons/twin.jpg); }
#homefooter .ctrlhouse { background-image: url(../images/layout/icons/ctrlhouse.jpg); }
#homefooter .camera { background-image: url(../images/layout/icons/camera.jpg); }
#homefooter .clock { background-image: url(../images/layout/icons/clock.jpg); }
#homefooter .no { background-image: url(../images/layout/icons/no.jpg); }
#homefooter .os { background-image: url(../images/layout/icons/os.jpg); }
#homefooter .shield { background-image: url(../images/layout/icons/shield.jpg); }
#homefooter .fallover { background-image: url(../images/layout/icons/fallover.jpg); }

#homefooter .narrow { background-image: url(../images/layout/icons/narrow.jpg); }
#homefooter .nearrow { background-image: url(../images/layout/icons/nearrow.jpg); }
#homefooter .earrow { background-image: url(../images/layout/icons/earrow.jpg); }
#homefooter .searrow { background-image: url(../images/layout/icons/searrow.jpg); }
#homefooter .sarrow { background-image: url(../images/layout/icons/sarrow.jpg); }
#homefooter .swarrow { background-image: url(../images/layout/icons/swarrow.jpg); }
#homefooter .warrow { background-image: url(../images/layout/icons/warrow.jpg); }
#homefooter .nwarrow { background-image: url(../images/layout/icons/nwarrow.jpg); }


#homefooter {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#homepagetext {
  width: 985px;
  height: 375px;
  margin: 0 auto 20px auto;
  position: relative;
  padding-top: 20px;
  padding-left: 15px;
  background-image: url('../images/layout/homepagetextleftbg.jpg');
  background-position: top left;
  background-repeat: repeat-y;
}

#homepagetextleft {
	width: 765px;
	float: left; 
}

.scroll {
  height: 360px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollcontainer {
}

.scrollcontainer div.section {
	margin-left: 20px;
  	padding: 20px;
  	width: 650px; /* change to 560px if not using JS to remove rh.scroll */
  	background-color: white;
}


.scrollcontainer div.section h3 {
	font-size: 20px;
}

.scrollcontainer div.section p {
	font-size: 12px;
	line-height: 18px;
	margin-top: 15px;
}

.hovernavigation {
	float: left;
	width: 200px;
	font-size: 14px;
	background: #96A191;
	/*margin: 0 0 0 15px;*/
	-webkit-box-shadow: 0px 0px 8px #000;
	-moz-box-shadow: 0px 0px 8px #000;
	box-shadow: 0px 0px 8px #000;
}

.hovernavigation li {
	padding: 8px 15px;
	display: block;
	list-style: none;
	background: #ebebeb;
	margin-bottom: 4px;
}

.hovernavigation li a {
	color: black;
	text-decoration: none;
}


.hovernavigation li a:hover {
	color: #5DA814;
}

.hovernavigation li.selected {
	background-image: url('../images/layout/greenarrow2.jpg');
	background-position: right;
	background-repeat: no-repeat;
	background-color: green;
	width: 190px;
	height: 33px;
	display: block;
	position: relative;
}