/* Style Defaults */
a {outline: none;}
form, fieldset, dl {padding: 0; margin:0; border: none;}
img {border-style: none; color: #FFF;}
h1, h2, h3, h4, h5, h6 {margin: 0;  padding: 0; }
p {margin: 0 0 18px 0;  padding: 0; }
td, th {vertical-align: top;}



/* General */
body {
	background-color: #f3f4f4;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, Verdana;
	color: #464646;
	font-size: 0.62em;	
}

#pagemaster {
	width: 1000px;
	min-height: 666px;
	margin: 5px auto;
}

.Normal, .NormalDisabled  /* for dnn html module */
{
	font-family: Arial, Helvetica, Verdana;
	font-weight: normal;
}

form {
	margin: 0;
}

input[type=text] {
	font: 1.2em Arial, Helvetica;
}

.clear {
	clear: both;
}

.offscreen{
	display:none !important;
}

.smallfont{
	font-size: 0.62em;
}

.largefont{
	font-size:: 1.2em
}


/* Links */

a {
	color: #00aeef;
	font-size: 1em;
	text-decoration: none;
}

a:visited {
	color: #00aeef;
	text-decoration: none;
}

a:hover {
	color: #97be0d;
	text-decoration: underline;
}

h1 a,h2 a,h3 a {
	color: #97be0d;
}

h1 a:visited,h2 a:visited,h3 a:visited {
	color: #97be0d;
} 

h1 a:hover,h2 a:hover,h3 a:hover {
	color: #00aeef;
	text-decoration: none;
} 



/* Typography */

p {
	font-size: 1.2em;
	margin-top: 0;
	line-height: 1.6em;
}

h1,h2, h3 {
	color: #97be0d;
	font-family: Arial,Helvetica;
	font-weight:bold;
}

h1 {
	font-size: 2.4em;
	line-height: 1.8em;
	font-weight: bold;
}

h2 {
	font-size: 1.8em;
	line-height: 1.8em;
	font-weight: bold;
}

h3 {
	font-size: 1.6em;
	line-height: 1.6em;
	font-weight: bold;
}

h4 {
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: bold;
}

h5,h6 {
	font-size: 1.2em;
	line-height: 1.8em;
	font-family: Arial,Helvetica;
	font-weight:bold;
}	

h4,h5,h6 {	
	color: #464646;
}	

h6 {
	font-size: 1.1em;
	line-height: 1.8em;
}

h1.gray,h2.gray, h3.gray {
	color: #464646;
}

#panel li, #content li {
	font-size: 1.2em;
	padding: 2px 0;
}

.greybg{
	background-position: 0px 0px;
	background-image: url(images/grey_bg.gif);
	background-repeat: no-repeat;
	height: 29px;
	color: #fff;
	padding: 0.1em 0 0.3em 0.5em;
}

.greenbg{
	background-position: 0px 0px;
	background-image: url(images/green_bg.gif);
	background-repeat: no-repeat;
	width: 220px;
	height: 29px;
	color: #fff;
	padding: 0.1em 0 0.3em 0.5em;
}

#footer p {
	font-size: 1em;
	color:  #e1e1e1;
}

#footer a, #footer a:visited {
	color: #e1e1e1;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.darkgrey {
	color: #464646;
}

.white {
	color: #fff;
}


/* Layout */	

#header {	
	background-position: 0px 0px;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	padding: 50px 50px 0 30px;
	height: 108px;
	overflow: hidden;
}

#header img {
	float: left;
}

#header-details {
	text-align: right;
	float: right;
	width: 350px;
}

#header-details select {
	margin: 9px 0
}

#header-details img {
	float: right;
}
		
#wrap {
	background-position: 0px 0px;
	background-image: url(images/background.gif);
	background-repeat: repeat-y;
	padding: 0 40px 0 20px;
	}

#rightrail {
	width: 220px;
	float: right;
}

#footer {
	background-position: 0px 0px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	height: 44px;
	padding: 37px 30px 0 30px;
	clear: both;
}	

#login {
	font-size: 1.2em;
	color: #fff;
	margin: 0 30px 0 210px;
}

#login a, #login a:visited {
	text-decoration: none;
}

#login a:hover {
	color: #111;
	text-decoration: underline;
}

.left {
	float: left;
}

.right {
	float: right;
}



/* Main Navigation */
#navs {
    float:left;
    width:100%;
    background-position: 0px 0px;
	background-image: url(images/nav/background.gif);
	background-repeat: no-repeat;
    line-height:normal;
    margin: 0 0 20px 0;
    padding-right:50px;
    }

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

#navs li {
    float:left;
    margin:0;
    padding:0;
    }
    
#navs a {

    display:block;
    float: left;
	padding: 50px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:50px; /* for IE5/Win only */
    }

#navs a:hover {
	background-position: 0 -50px;
	}

#navs a:active {
	background-position: 0 50px;
	}   
	
#about  {
	width: 95px;
	height: 50px;
	background: url(images/nav/about-us.gif) top left no-repeat;
	background-position: 0 -50px;
	}

#about a  {
	width: 95px;
	background: url(images/nav/about-us.gif) top left no-repeat;
	}	 

#promotions  {
	width: 99px;
	height: 50px;
	background: url(images/nav/promotions.gif) top left no-repeat;
	background-position: 0 -50px;
	}
	
#promotions a  {
	width: 99px;
	background: url(images/nav/promotions.gif) top left no-repeat;
	}	

#products  {
	width: 160px;
	height:50px;
	background: url(images/nav/services.gif) top left no-repeat;
	background-position: 0 -50px;
	}		
	
#products a  {
	width: 160px;
	background: url(images/nav/services.gif) top left no-repeat;
	}		

#plans  {
	width: 62px;
	height: 50px;
	background: url(images/nav/plans.gif) top left no-repeat;
	background-position: 0 -50px;
	}

#plans a  {
	width: 62px;
	background: url(images/nav/plans.gif) top left no-repeat;
	}

#careers  {
	width: 75px;
	height: 50px;
	background: url(images/nav/careers.gif) top left no-repeat;
	background-position: 0 -50px;
	}

#careers a  {
	width: 75px;
	background: url(images/nav/careers.gif) top left no-repeat;
	}		
	
#contact  {
	width: 99px;
	height: 50px;
	background: url(images/nav/contactus.gif) top left no-repeat;
	background-position: 0 -50px;
	}

#contact a  {
	width: 99px;
	background: url(images/nav/contactus.gif) top left no-repeat;
	}	

#navs input {
    margin: 13px 0;
    float: right;
}

.searchwrap{
    padding-right:10px;
}

.searchbox {
	background:url(images/search_field.gif) no-repeat;
	width:131px;
	height:26px;
	padding: 5px 0 0 10px;
	display:block;
	border: 0;
}

.searchbtn
{
    display:block;
    width:71px;
    height:26px;
    border-width:0;
    text-indent:-9999px;
    background:url(images/search_btn.gif) no-repeat;
    margin-right:20px;
	text-align:left;
	text-indent:0;
	font-size:0;
	color: #B7B7B7;
}

/* Sub Navigation */
#subnav {
	width: 160px;
	float: left;
}

#subnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.1em;
	font-weight: bold;
}

#subnav li { 
	margin: 0;
}

#subnav li a {
	background: url(images/subnav_bg.gif) top left no-repeat;
	display: block;
	padding: 6px 4px 15px 10px;
	width: 160px;
}

#subnav li a:link, #subnav li a:visited {
	color: #7d7d7d;
	text-decoration: none;
}

#subnav li a:hover {
	background: url(images/subnav_over.gif) top left no-repeat;
	color: #fff;
}

#subnav li a.activesub {
	background: url(images/subnav_over.gif) top left no-repeat;
	color: #fff;
}

#subnav li a.activesub:visited {
	color: #fff;
}

#active {
	color: #fff;
	display: block;
	padding: 6px 4px 0 10px;
	width: 160px;
	height: 25px;
	background: url(images/subnav_over.gif) top left no-repeat;
}

#subnav ul li ul {
	margin: 0 10px 12px 10px;
	padding: 0;
}

#subnav ul li ul li {
	font-weight: bold;
	color: #464646;
	border-bottom: 1px dotted #b7b7b7;
	width: 140px;
}

#subnav ul li ul li a {
	background: url(images/subnav_sub.gif);
	color: #97be0d;
	font-weight: normal;
	text-decoration: none;
	width: 140px;
	padding: 6px 0;
}

#subnav ul li ul li a:hover, #subnav ul li ul li a.active {
	background: url(images/subnav_sub.gif) top left no-repeat;
	font-weight: bold;
	color: #464646;
	text-decoration: none;
}

.active {
	padding: 0 0 6px 0;
}
	
	
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */		

/* DNN MENU */
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	font-size: 11px; 
   white-space: nowrap;  /*Word wrapping menu item now optional*/
   padding: 1px 3px 3px 1px;	
}
.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}
.main_dnnmenu_itemhover {  
	background-color: #ECE9D8; 
}
.main_dnnmenu_itemhover td {  
	background-color: #ECE9D8; 
}
.main_dnnmenu_submenu {
	background-color: #F4F2E9;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
	text-align:left;
	border: 1px solid #ccc;
}

/* HTML Objects  Start */
.widget { 
	width: 220px; 
	background: url(images/widgets/bottom.gif) #FFFFFF no-repeat bottom left; 
	margin: 0 auto 10px auto; 
	padding-bottom: 5px; 
	} 
	
.widget .content { 
	background: url(images/widgets/middle.gif) repeat-y top left; 
	padding-top: 10px; 
	} 
	
.widget h4 { 
	background: url(images/widgets/top.gif) no-repeat top left;
	 min-height: 29px; 
	 margin: 0; 
	 padding: 10px 0 3px 10px;
	} 	
	
.widget p {
	padding: 0 10px;
	margin-bottom: 0;
}	

.widget img {
	padding: 0 10px 10px 10px;
}

.contactbox { 
	width: 220px; 
	background: url(images/widgets/bottom.gif) #FFFFFF no-repeat bottom left; 
	margin: 0 auto 10px auto;  
	padding-bottom: 5px; 
	} 
	
.contactbox .content { 
	background: url(images/widgets/middle.gif) repeat-y top left; 
	padding-top: 10px; 
	} 
	
.contactbox h4 { 
	padding-top: 29px; /* height of the replacement image */
    height: 0px;
    overflow: hidden;
    background: url(images/widgets/top_grey.gif) no-repeat top left; 

	} 	
	
.contactbox p {
	padding: 0 10px;
	margin-bottom: 0;
}	

.promotionsbox { 
	width: 220px; 
	background: url(images/widgets/bottom.gif) #FFFFFF no-repeat bottom left; 
	margin: 0 auto 10px auto; 
	padding-bottom: 5px; 
	} 
	
.promotionsbox .content { 
	background: url(images/widgets/middle.gif) repeat-y top left; 
	padding-top: 10px; 
	} 
	
.promotionsbox h4 { 
	padding-top: 29px; /* height of the replacement image */
    height: 0px;
    overflow: hidden;
    background: url(images/widgets/top_green.gif) no-repeat top left; 

	} 	
	
.promotionsbox p {
	padding: 0 10px;
	margin-bottom: 0;
}	

.promotionsbox img {
	padding: 10px 10px 0 10px;
}

.salesbox { 
	width: 165px; 
	background: url(images/widgets/sales-bottom.gif) #FFFFFF no-repeat bottom left; 
	margin: 0 6px 18px 0; 
	padding-bottom: 5px; 
	float: left;
	} 
	
.salesbox .content { 
	background: url(images/widgets/sales-mid.gif) repeat-y top left; 
	padding-top: 5px; 
	} 
	
.salesbox h4 { 
	background: url(images/widgets/sales-top.gif) no-repeat top left;
	 min-height: 20px; 
	 margin: 0; 
	 padding: 5px 0 0 10px;
	} 	
	
.salesbox p {
	padding: 0 10px;
	margin-bottom: 0;
}

.plansbox { 
	width: 220px; 
	background: url(images/widgets/plansbox-bottom.gif) #FFFFFF no-repeat bottom left; 
	margin: 0 6px 18px 0; 
	padding-bottom: 10px; 
	float: left;
	} 
	
.plansbox .content { 
	background: url(images/widgets/plansbox-middle.gif) no-repeat top; 
	padding-top: 5px; 
	} 
	
.plansbox h4 { 
	background: url(images/widgets/plansbox-top.gif) no-repeat top left;
	 min-height: 20px; 
	 margin: 0; 
	 padding: 10px 5px 0 18px;
	} 	
	
.plansbox p {
	padding: 0 10px;
	margin-bottom: 0;
}

.plansbox ul{
	margin: -6px 0 0 20px;
}
.plansbox ul li{
  display: block; 
  margin: 9px 0;
  padding: 5px 0 0 24px;
  text-align:left;
  line-height:1.2em;
  list-style-type:none;
  background:url(http://www.fscommand.com.cn/blog/wp-filez/dot.gif) 8px 12px no-repeat;
  font-size:1.2em;
}

#promo {
	background: url(images/promo_bg.gif) top right no-repeat;
	width: 680px;
	height: 266px;
	padding: 18px 0 10px 0;
}

#promo h1 {
	font-size: 2.8em;
	line-height: 1em;
}

#promo h3 {

	margin-top: 9px;
}

#modulerow {
	width: 680px;
	border-bottom: 1px dotted #9c9d9f;	
}

.module {
	width: 205px;
	padding: 0 10px;
	border-right: 1px dotted #9c9d9f; 
	float: left;
}

.modulelast {
	width: 205px;
	padding: 0 10px; 
	float: left;
}

.module img, .modulelast img {
	float: left;
	margin: 18px 10px 80px 0;
	clear: left;
}

.module p, .modulelast p {
	clear: right;
}

.module h2, .modulelast h2 {
	color: #464646;
	line-height: 1.2em;
	padding: 18px 0 0 0;
}

#modulerow2 {
	width: 520px;
	border-bottom: 1px dotted #9c9d9f;	
}

#modulerow2 .module {
	width: 239px;
}

#modulerow2 .modulelast {
	width: 239px;
}

#modulerow3 {
	width: 520px;
	border-bottom: 1px dotted #9c9d9f;	
}

#modulerow3 .module {
	width: 239px;
}

#modulerow3 .modulelast {
	width: 239px;
}

#modulerow3 .module img, #modulerow3 .modulelast img {
	margin: 18px 10px 10px 0;
}

.modulerow4 {
	width: 520px;
	margin: 18px 0 0 0;	
	border-bottom: 1px dotted #9c9d9f;
	overflow: hidden;
}

.modulerow4 .productpic {
	width: 110px;
	float: left;
	margin: 0 10px 0 0;
}

.modulerow4 .productdescription {
	width: 320px;
	float: left;
	padding: 0 10px 0 0;
}

.modulerow4 .productprice {
	width: 70px;
	float: right;
}

.modulerow4 .productprice p {
	margin: 0 0 -5px 0;
}

#phonepic {
	width: 250px;
	float: left;
	margin: 0 10px 0 0;
}

#phonepic img {
	margin: 0 0 18px 0;
}

#description{
	width: 260px
	float: right;
	
}

#adverts {
	width: 520px;
	margin: 24px 0 9px 0;
	float: left;
	overflow: hidden;
}

#specs {
	width: 510px;
	margin: 0;
	float: left;
	overflow: hidden;
}

#specs td {
	font-size: 1.2em;
	padding: 5px 10px;
}

.greyrow {
	background-color: #ebebeb;
}

.greyborder {
	border-bottom: 1px solid #959595;
}

.disclaimer {
	font-size: 10px;
	margin: 10px 0;
}

.demo {
	background-position: 0px 0px;
	background-image: url(images/360-icon.gif);
	background-repeat: no-repeat;
	padding: 4px 18px 23px 22px;
	margin: 0 10px;
	display: inline;
	}
	
.email {
	background-position: 0px 1px;
	background-image: url(images/email-icon.gif);
	background-repeat: no-repeat;
	height: 23px;
	padding: 0 0 0 22px;
	display: inline;
	}

/* HTML Objects  End */