/* universal style */
*{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#303030; margin:0; padding:0; outline:0;}

/* body style */
body{margin-bottom:10px; background:#1FAEB4}

/* genral classes */
.clearFloat{font-size:0; height:0; overflow:hidden; clear:both;}
.card-block{padding-top:80px; padding-bottom:20px;}
/* template style */
#wrapper{width:699px;  margin:0 auto;} 
#header{height:111px; position:relative; background:url(../../../../images/images/english/header-bg.gif) no-repeat}
#header h1#logo{position:absolute; left:-11px; top:0;}
#header h2{position:absolute; right:0; bottom:25px; font-size:24px; color:#fff}

#header ul{list-style-type:none; position:absolute; right:0; top:30px}
#header ul li{float:left}
#header ul li a{background:url(../../../../images/images/english/div.gif) no-repeat right; padding:0 10px; color:#fff; font-size:10px; text-decoration:none;}
#header ul li a:hover{text-decoration:underline}
#header ul li a.last-child{background:none; padding-right:0}
#middle{background:white;  min-height:540px; _height:540px;}
#middle h2{text-align:center; padding:36px 0 5px 0}
#middle h3{text-align:center; padding:0 0 10px 0; font-size:20px;}
#middle h4{text-align:center; padding:0 0 47px; font-size:16px; font-weight:normal}

#topMenu{background:url(../../../../images/images/english/top-menu-bg.gif) no-repeat; width:700px; height:38px; position:relative}
#topMenu h5{position:absolute; right:10px; font-weight:normal; font-family:"trebuchet MS"; font-size:11px; color:#ffffff; line-height:43px; background:url(../../../../images/images/english/cart.gif) no-repeat left; padding-left:20px}
#topMenu ul{list-style-type:none; position:absolute; bottom:-3px; left:-1px;}
#topMenu ul li{float:left; padding:0 4px;}
#topMenu ul li a{color:#fff; font-weight:bold; font-size:12px; font-family:"trebuchet MS"; padding-left:5px; text-decoration:none; line-height:38px; display:inline-block}
#topMenu ul li a:hover{background:url(../../../../images/images/english/menu-over-left.gif) no-repeat left;}

#topMenu ul li a span{display:inline-block; padding:0 5px 0 4px; color:#fff}
#topMenu ul li a span:hover{display:inline-block; background:url(../../../../images/images/english/menu-over-right.gif) no-repeat right; color:#0066CC;}

#topMenu ul li.selected a{background:url(../../../../images/images/english/menu-over-left.gif) no-repeat left;}
#topMenu ul li.selected a span{display:inline-block; background:url(../../../../images/images/english/menu-over-right.gif) no-repeat right; color:#0066CC;}

#bottomCorner{background:url(../../../../images/images/english/footer-corner.gif) no-repeat; width:699px; height:39px;}
#bottomCorner ul{list-style-type:none; text-align:center}
#bottomCorner ul li{display:inline}
#bottomCorner ul li a{font-size:12px; font-family:"trebuchet MS"; color:#000; text-decoration:none; background:url(../../../../images/images/english/div2.gif) no-repeat right; padding: 0 10px; line-height:20px}
#bottomCorner ul li a.last-child{background:none; padding-right:0;}
#bottomCorner ul li a:hover{text-decoration:underline}

#footer{color:#333333; margin:0 auto; margin:20px 0 40px; width:699px; }
#footer p{color:#333; font-family:"trebuchet MS"; font-size:11px; line-height:14px; text-align:center}

ul#productServices{list-style-type:none; width:545px; margin:0 auto}
ul#productServices li{}

ul#productServices li.repair{background:url(../../../../images/images/english/repair-services.gif) no-repeat; width:250px; height:371px; float:left; position:relative;}
ul#productServices li.repair ul{list-style-type:none; margin:206px 0px 0 12px;}
ul#productServices li.repair ul li{background:url(../../../../images/images/english/play.gif) no-repeat left 4px; padding-left:8px; padding-bottom:7px}
ul#productServices li.repair ul li a{font-size:13px; font-family:"trebuchet MS"; line-height:13px; color:#008A00; font-weight:
bold; text-decoration:none}
ul#productServices li.repair ul li a:hover{text-decoration:underline}
ul#productServices li.console{background:url(../../../../images/images/english/buy_console.gif) no-repeat; width:253px; height:371px; float:right; position:relative;}
ul#productServices li.console ul{list-style-type:none; margin:206px 0px 0 12px;}
ul#productServices li.console ul li{background:url(../../../../images/images/english/play.gif) no-repeat left 4px; padding-left:8px; padding-bottom:7px}
ul#productServices li.console ul li a{font-size:13px; font-family:"trebuchet MS"; line-height:13px; color:#008A00; font-weight:
bold; text-decoration:none}
ul#productServices li.console ul li a:hover{text-decoration:underline}

#innerPage{width:auto; padding:0 38px;}
#innerPage h2{font-size:18px; color:#009900; text-align:left;}
#innerPage h3{font-size:15px; text-align:left; text-transform:uppercase; padding:10px 0}
#innerPage p{padding:10px 0; font-size:14px}
#innerPage p strong,b{font-size:14px; font-weight:bold}

.card-01{background:#fff}

.click-now-01{width:auto}
.click-now-01 .sub_btn{background:none; border:none;bottom:14px;
height:24px;
left:7px;
position:absolute;
width:240px; cursor:pointer;
font-size:0;
}

.pro_btn-01{background:none; border:none; bottom:14px;
height:24px;
left:7px;
position:absolute;
width:240px; cursor:pointer}






/** FORMS										**/

/**NEW FORM STYLES**/



.formFieldSet{

	border:1px solid #89a8ad;

	margin-top:0px;

	margin-bottom:0px;

	margin-left:5px;

	margin-right:5px;

	/*border-style: outset;*/

	padding-bottom:10px;



}



.formContent{

	clear:both;

	float:left;

	padding-left:0px;

	width:99%;

}



.formSeparator{

	font-family:verdana;

	font-size:12px;

	font-style:normal;

	font-weight:normal;

	background-color:#F0F0F0;

	padding:6px;

	color:#000000;

}



.formHeader{

	clear:both;

	font-family:verdana;

	font-size:12px;

	font-style:normal;

	font-weight:bold;

	background-color:#FFFFFF;

	color:#000000;

	padding:5px;

}



.formLine{

	clear:both;

	float:left;

	width:100%;

}



.formCaption{

	font-family:verdana;

	font-size:11px;

	font-style:normal;

	font-weight:normal;

	color:#333333;

	float:left;

	padding:5px;

	margin-top:3px;

	text-align:right;

	width:40%;

}



.formControl{

	font-family:verdana;

	font-size:11px;

	font-style:normal;

	font-weight:normal;

	color:#333333;

	float:left;

	padding:5px;

}



.formSpace{

	font-family:verdana;

	font-size:11px;

	font-style:normal;

	font-weight:normal;

	color:#333333;

	float:left;

	padding:5px;

	padding-left:15px;

}



.formControlText{

	font-family:arial;

	font-size:11px;

	font-style:normal;

	font-weight:normal;

	width:144px;color:#666666;

}



.formControlSelect{

	font-family:arial;

	#font-size:11px;

	font-style:normal;

	font-weight:normal;

	width:150px;color:#666666;

}



.formButtons{

	text-align:center;

	padding-top:15px;

	padding-bottom:15px;

	clear:both;

	float:left;

	width:99%;

}

/**NEW FORM END**/



.FormItems{

	font-family:verdana;

	font-size:11px;

	font-style:normal;

	font-weight:normal;

	padding:2px;

	color:#333333;

}



.formRemark{

	font-family:verdana;

	font-size:9px;

	font-style:normal;

	font-weight:normal;

	color:#999999;	

}



.ProductSubtitle{

	font-family:verdana;

	font-size:14px;

	font-style:normal;

	font-weight:bold;

	border-bottom:1px solid #CCCCCC;

	padding:5px;

	margin:0px;

}

code {

	margin: 5px 0;

	padding: 10px;

	text-align: left;

	display: block;

	overflow: auto;

	font: 500 1em/ 1.5em 'Lucida Console', 'courier new', monospace;

	/* white-space: pre; */

	background: #FAFAFA;

	border: 1px solid #EAEAEA;

	border-left: 5px solid #72A545;

}



acronym {

	cursor: help;

	border-bottom: 1px solid #777;

}



blockquote {

	margin: 15px;

	padding: 0 0 0 32px;

	background: #FAFAFA url(quote.gif) no-repeat 5px 10px !important;

	background-position: 8px 10px;

	border: 1px solid #EAEAEA;

	border-left: 5px solid #72A545;

	font-weight: bold;

}



/* form elements */

fieldset {

	margin: 12px 12px 18px;

	padding-left: 6px;

	border: 1px solid #004080;

	color: #006699;

}



fieldset fieldset {

	border: 1px solid #9ea190;

	margin: 17px 14px;

}





label {

	font-weight: bold;

	margin: 5px 3px 0 0;

	width: 230px;

	text-align: right;

	

}



legend {

	font-size: 1.2em;

	padding: 0 12px;

	font-weight: 900;

	background-color: #F9F9F9;

}



fieldset fieldset legend {

	font-size: 1em;

	color: #1a2129;

	padding: 0 18px;

	margin-left: 75px;

}



input {

	padding: 3px;

	margin: 4px 0;

	border: 1px solid #CFCED3;

	font: normal 1em Verdana, sans-serif;

	color: #777;

}



textarea {

	width: 400px;

	padding: 4px;

	font: normal 1em Verdana, sans-serif;

	border: 1px solid #eee;

	height: 100px;

	display: block;

	color: #777;

}



/*****************************

      LAYOUT 

******************************/

#wrap {

	margin: 0 auto;

	padding: 0;

	text-align: left;

	background-color: #FFF;

}



#content-wrap {

	clear: both;

	margin: 0;

	padding: 0;

}



/* main content */

#main {

	
	margin: 0;

	padding: 8px 16px;

	background-color: #F9F9F9;

}



/* alignment classes */

.float-left {

	float: left;

}



.float-right {

	float: right;

}



.align-left {

	text-align: left;

}



.align-right {

	text-align: right;

}



/* additional classes */

.clear {

	clear: both;

}



.hide {

	display: none;

}



.gray {

	color: #CCC;

}



.comments {

	color: #333;

	background: #FFF;

	text-align: right;

	border-top: 1px dashed #EFF0F1;

	border-bottom: 1px dashed #EFF0F1;

	padding: 5px 0;

	margin-top: 20px;

}



/* ------------- form specific styles are here  -------------- */

fieldset {

	margin: 0;

	border: 1px solid #C3DE00;

	padding: 10px;

	/*border:none;

padding:0;*/

	color: #7563A5;

}



legend {

	background-color: #FFFFFF;

	text-align: center;

	color: #097981;

	padding: 0 12px;

}



label {

	text-align: right;

	border-right: 1px dotted #099;

	padding-right: 5px;

	margin: 0 0 8px 0;

	float: left;

	clear: left;

	display: block;

	color: #7563A5;

}



label.checkbox,label.textarea {

	border: none;

}



label.lgfield {

	border: none;

	text-align: center;

	clear: both;

	float: none;

	width: 100%;

}



fieldset input,fieldset select,fieldset textarea {

	margin-left: 10px;

	margin-bottom: 8px;

}



select.longfield {

	margin: 0 0 0 115px;

}



input [type="radio"],input [type="checkbox"] {

	margin: 2px 0 0 4px;

}



textarea {

	width: 250px;

	float: left;

}



/*Get Help Form Styles*/

p.formDisclaimer {

	text-align: center;

	margin: 32px 24px 12px 0;

	font-style: italic;

}



div.buttonWrapper {

	margin: 28px 0 14px 0;

	clear: both;

	text-align: center;

}



.formspacer {

	height: 1em;

	clear: both;

}



.hideField {

	display: none;

}



.pushOpen {

	height: 18em;

}



/* ----- error message for field validation ----- */

#stepForm label.warning {

	text-align: left;

	width: auto;

	padding: 0;

	margin: 0 0 0 10px;

	float: none;

	clear: none;

	display: inline;

	color: #CC3366;

	font-size: 10px;

	border: none;

	border-top: 1px dotted #CC3366;

}



div.requiredNotice {

	width: 140px;

	float: right;

	margin: 0 24px 0 0;

	padding: 0;

}



h3.stepHeader {

	text-align: left;

	font-size: 16px;

	font-weight: bold;

	margin: 0 0 24px 24px;

	color: #676cac;

}



ul#stepForm,ul#stepForm li {

	margin: 0;

	padding: 0;

}



ul#stepForm li {

	list-style: none;

}

.left-col-bg{background:url(../../../../images/images/english/left-img-bg.jpg) repeat-x top;}
.right-col-bg{background:url(../../../../images/images/english/right-img-bg.jpg) repeat-x top;}

.mar-left-01{margin-right:15px;}
.link em{ margin-bottom:10px; display:block; font-weight:bold; padding-left:10px; cursor:pointer;background:url(../../../../images/images/english/bullet_new.gif) no-repeat left 4px;}
.login-div {display:none; font-family:"trebuchet MS"!important; font-size:12px!important; font-weight:normal; margin-bottom:10px; color:#FFFFFF!important; background-color:#000000!important;}
.login-div a{color:#FFFFFF!important; text-decoration:underline;}
.login-div u{color:#FFFFFF!important; text-decoration:underline;}
.login-div li{color:#FFFFFF!important; }