/* CSS Document */

* {
	margin:0; padding:0;
	/* font-size:100%; */
}

body{
	text-align:center;
	padding-bottom:43px;
}
img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.813em;
		line-height:1.385em;
		color:#000000;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#cc0000; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:18px;}

/* ============================= main layout ====================== */

.header-bg {	background:#FFFFFF url(../images/tail-top.jpg) top center repeat-x;
}

li { padding-left:20px; line-height:1.846em; font-weight:bold;}
li a {color:#000; text-decoration:none;}
li a:hover {text-decoration:underline;}

h2 {font-size:1.461em; font-weight:normal; margin-bottom:30px;}

.imgindent {margin:0 20px 0 0; float:left;}

/* ============================= header ====================== */

.menu {float:right; padding-top:0px; margin-top:20px; display:inline;}
.menu li {float:left; padding:0 0 0 4px; background:none; line-height:1.385em; font-weight:normal;}
.menu li a {display:block; color:#fafbf3; text-decoration:none;}
.menu li a span {display:block;}
.menu li a span span {padding:5px 19px 5px 19px;}
.menu li a:hover, .menu .active a {background:url(../images/button-tail-bg.gif) top repeat-x; text-decoration:none;}
.menu li a:hover span, .menu .active a span {background:url(../images/button-right-bg.gif) right top no-repeat;}
.menu li a:hover span span, .menu .active a span span {background:url(../images/button-left-bg.gif) left top no-repeat;}

.logo {float:left; margin-top:0px;}


/* ============================= content ====================== */

.box {background:#fff url(../images/box-corner-right-top.gif) right top no-repeat;}
.box .corner-left-top {background:url(../images/box-corner-left-top.gif) left top no-repeat;}
.box .indent {padding:8px 8px 8px 8px; width: 963px;}

.box2 {background:#e2f1ce url(../images/box2-corner-right-bottom.gif) right bottom no-repeat;}
.box2 .corner-left-bottom {background:url(../images/box2-corner-left-bottom.gif) left bottom no-repeat;}
.box2 .corner-right-top {background:url(../images/box2-corner-right-top.gif) right top no-repeat;}
.box2 .corner-left-top {background:url(../images/box2-corner-left-top.gif) left top no-repeat; width:100%;}
.box2 .indent {padding:34px 15px 36px 25px;}
.box2 a {color:#000;}

.col-pad {padding-right:50px;}
.col-pad2 {padding-right:74px;}
.col-pad3 {padding-right:68px;}
.col-pad4 {padding-right:35px;}
.margin0 {margin-bottom:0;}
.margin1 {margin-top:20px;}
.text2 {color:#8c8c8c; font-size:0.846em;}
.text3 {color:#ff6a00;}
.text4 {line-height:1.846em;}
.text5 a, .text5 strong {color:#000000;}
.price {font-size:2em;}
.rating {color:#8c8c8c; font-weight:bold; padding:10px 0 10px 0;}
.rating img {vertical-align:middle; margin-left:1px;}
.button {margin:10px 12px 0 0;}
.zoom {zoom:1; overflow:hidden;}
.phone {display:inline-block; width:97px;}

.download-list li{background:none; padding:0 0 23px 0; line-height:1.385em; font-weight:normal;}
.download-list .download {display:block; float:right; width:158px; text-align:right;}
.download-list .size {display:block; float:right; width:186px; text-align:center; font-size:0.923em;}
.download-list .size span {font-size:1.5em;}

.banners {padding:3px 0 0 0;
width:500px;

}
.banner {margin-right:19px;


}
.taright {text-align:right;}

.block {padding:20px 20px 21px 24px;}

/* ============================= footer ====================== */

#footer {background:url(../images/footer-tail-bg.gif) top repeat-x; color:#5d5d5d; font-size:0.923em;width: 980px; float: left;}
#footer .right-bg {background:url(../images/footer-right-bg.gif) right top no-repeat;}
#footer .left-bg {background:url(../images/footer-left-bg.gif) left top no-repeat; width:100%;}
#footer .indent {padding:22px 0 10px 12px;}
#footer p {background:url(../images/footer-logo.gif) no-repeat 0 0; padding:6px 0 6px 40px;}
#footer a {color:#4fa0ee;}

/* ============================= forms ============================= */

#SearchForm {padding:15px 23px 0 0;}
#SearchForm .rowi {height:35px;}
#SearchForm .input {background:url(../images/input-bg.gif) no-repeat 0 0; width:248px; padding:4px 0 5px 9px;}

#ContactForm .rowi {height:35px;}
#ContactForm .taright {padding:10px 0 0 0;}
#ContactForm .taright input {margin-left:10px; padding-bottom:1px;}
.input {width:445px; border:none; background:url(../images/input-bg.jpg) no-repeat 0 0; padding:0 0 0 5px; font-size:1em; padding:4px 0 5px 9px;}
textarea {width:445px; height:95px; border:none; background:url(../images/textarea-bg.jpg) no-repeat 0 0; padding:0 0 0 9px; overflow:auto; font-size:1em;}


/***************************SAM STYLE ********************/
.table, tr, td{
	vertical-align:top;
}	
.txtStyle{
	width:232px;
	height:20px;
	border:1px solid #ccc;
}
.s_container p{
	padding:0;
	margin:0;
	padding-bottom:8px;
	line-height:16px;
	color:#333;
}
.s_container h1{
	padding:0;
	margin:0;
	font-size:24px;
	color:#74B327;
	padding-bottom:10px;
}
.s_container ul li{
	padding:0px;
}
.s_container h2{
	padding:0;
	margin:0;
	font-size:18px;
	color:#0099FF;
	padding-bottom:8px;
}
.s_container .msg{
	padding:8px;
	background-color:#ffffcc;
	border:1px solid #ccc;
	margin-bottom:8px;
	color:#FF6633;
	font-weight:bold;
	line-height:16px;
}
.btnStyle{
	background:#666666;
	color:#fff;
	padding:3px;
	border:1px solid #CCCCCC;
	cursor:pointer;
}
.new_login_container .login_left{
	float:left;
	width:334px;
	border:1px solid #ccc;
	background:url(../img/login-leftBg.jpg) repeat-x;
	background-color:#fff;
	padding:8px;
	padding-bottom:0px;
}
.new_login_container .login_right{
	float:left;
	width:279px;
	margin-left:16px;
}
.new_login_container .login_right .s_box{
	float:left;
	width:233px;
	padding:10px 23px 0 23px;
	background:url(../img/loginForm_Bg.jpg) repeat-y;
}
.new_login_container .login_right .s_box ul li{
	padding-bottom:10px;
	color:#fff;
}
.new_login_container .login_right .s_box a{
	color:#000;
}
.new_login_container .login_right .s_box a:hover{
	color:#fff;
}
.new_login_container .login_right .s_box ul .noPad{
	padding:0px;
	padding-bottom:3px;
}
.new_login_container .login_right .s_box ul li{
	padding-left:0;
}
/*-- REGIST --*/
.regist{
	float:left;
	width:500px;
}
.regist ul li{
	padding-bottom:10px;
	clear:both;
	float:left;
	width:500px;
}
.regist ul li span{
	width:200px;
	float:left;
	line-height:16px;
}
.regist h3{
	font-size:14px;
	text-decoration:underline;
	padding-bottom:10px;
}
/*-- REGIST ENDS--*/

/*-- demo slide --*/
.demo{
	float:left;
	width:900px;
	padding-bottom:10px;
}
.demo .box{
	float:left;
	width:882px;
	padding:8px 8px 0 8px;
	border:1px solid #ccc;
	margin-bottom:10px;
	background:none;
}

.demo .box span{
	width:250px;
	float:left;
}
.demo h3{
	float:left;
	width:884px;
	padding:8px;
	background-color:#107B9F;
	color:#fff;
	font-size:14px;
}
.demo .box ul li{
	float:left;
	width:882px;
	padding-bottom:8px;
}
/*-- demo slide ends--*/

/*--my-account--*/
.leftNav{
	float:left;
	width:228px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.leftNav ul li{
	float:left;
	width:228px;
	border-bottom:1px solid #ccc;
}
.s_container .leftNav ul li a{
	float:left;
	width:212px;
	padding:8px;
	color:#333;
	font-size:12px;
	font-weight:normal;
}
.s_container .leftNav ul li a:hover{
	text-decoration:none;
}
.leftNav ul li a:hover{
	background-color:#ccc;
}
.s_container .leftNav ul li .selected{
	background-color:#ccc;
}
.rightContainer{
	float:right;
	width:650px;
	padding-left:20px;
}
.myAcc{
	float:left;
	width:650px;
}
.myAcc tr td{
	padding:0 6px 10px 0;
}
.myAcc .col1{
	width:150px;
}
/*--my-account--*/

/*--my-scripts--*/
.myScripts{
	float:left;
	width:900px;
}
.myScripts table{
	border:1px solid #ccc;
}
s_container .myScripts a{
	color:#000;
	text-decoration:underline;
}
.myScripts a:hover{
	color:#0099FF;
}
.myScripts td{
	padding:8px;
	border-right:1px solid #ccc;
}
.myScripts .row_1 td{
	background-color:#10789D;
	color:#fff;
	font-weight:bold;
}
.myScripts .altRow td{
	background-color:#F4F4F4;
}
/*--my-scripts ends --*/
.new_menu{
	float:left;
	clear:both;
	width:900px;
	padding-bottom:10px;
}
.new_menu ul li{
	display:inline;
	float:left;
	padding:0;
	margin:0;
}		
.s_container .new_menu ul li a{
	padding:0 5px 0 5px;
	border-right:1px solid #333;
	color:#333;
	float:left;
	font-size:12px;
	height:24px;
}
.new_menu ul li a:hover{
	background-color:#CCCCCC;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	text-decoration:none;
	height:22px;
}
.new_block{
	padding:0;

}