@import url("font/gothic.css");
@import url("font/arial.css");
@import url("font/TitilliumTitle20.css");

* {padding:0; margin:0;}
ul {list-style:none;}
a {color:#3e3e3e; text-decoration:none; outline:none;}/* #3e3e3e or #1b78a8 */
a img {border:none;}
.clear {clear:both;}
h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px;}
.fl {float:left;}
.fr {float:right;}
p{ font-size:12px; line-height:18px;}
.no-bg {background-image:none;}


section, header, footer, article, nav {display:block;}
body {background:url(images/top-bg.png) no-repeat center top; font-family:Verdana, Arial, Helvetica, sans-serif;}
#page {width:100%; height:100%;}
#bodywrap {width:100%; margin:0 auto;}

/* ========== Header Start ========== */
#top{ height:114px;  width:1000px; margin:0px auto;}
header { padding:36px;}
header h1 {width:233px; height:90px }

/* ========== Middle Start ========== */
#contentwrap {overflow:visible; width:950px; margin:0px auto; position:relative;}

/* Banner Sctyles */
#slider .thumbholder {float:right; width:597px; text-align:right;}
#slider h2 { font-family:'Conv_GOTHIC', Arial, Cambria, sans-serif, Vrinda; font-size: 2.2em; margin-bottom:10px; color:#fff;}
#slider {height:350px; width:940px; padding-top:45px; margin:0px auto;}
#slider .container {overflow:hidden; position:relative; cursor:pointer; color:#ddd; height:350px;  width:950px;}
#slider .slides li {display:block; height:350px; width:950px; position:absolute; overflow:hidden; left:0; top:0;}
#slider li .txtholder { float:left; width:550px; padding-top:25px; position:absolute; left:0px; }
.slides {position:relative;}
#slider .slides p {font-family:'Conv_GOTHIC'; font-size:30px; line-height:50px; color:#5d5d5d; text-transform:uppercase}
#slider .pagination { display:block; list-style:none; z-index:0; width:100px; text-align:center; position:absolute; bottom:0px; height:25px; left:50%; }
ul.pagination li {display:inline;}
ul.pagination li a { display:block; float:left; width:19px; height:19px; margin:3px; background:url(images/slidernav.png) no-repeat; text-indent:-9000px;}
 ul.pagination li.active a {background:url(images/slidernava.png) no-repeat!important; text-indent:-9000px;}
.red { color:#c30000; font-weight:bold;}
.blue { color:#0072c9; font-weight:bold;}

#contentwrap {width:100%;}
#contentwrap h1 { width:950px; font-size:25px; color:#006493; border-bottom:2px dashed #a2a2a2; height:40px; font-weight:normal; margin:0px auto;}
#box-wrap{ width:950px; overflow:visible; height:230px; margin:30px auto 0px;}
#box { width:225px; height:190px; float:left; margin:0px 40px;}
#box .img { height:145px; text-align:center;}
#box .title-bg{ background:#3d3d3d; height:28px; padding:5px 11px; font-weight:bold;}
#box .title-bg:hover{ background:#0082c0;}
#box .title {float:left; width:175px; margin-top:3px;}
#box .title a  {color:#FFFFFF;}
#box .title a:hover {color:#FFFFFF;}
#box .title-bg .plus {width:16px; height:16px; float:right; margin-top:8px;}

#mid-bg {background:url(images/mid-bg.jpg) repeat-x; padding:15px 10px; overflow:auto; z-index:0; position:relative;}
#mid-bg #wrap { width:950px; margin:0px auto;}
#mid-conent { width:500px; float:left; background:url(images/menu-devider.gif) repeat-y right;}
#mid-conent p { width:470px; text-align:left; padding:10px; line-height:22px;}
#mid-conent .img { float:right; width:169px; height:158px; margin:5px 0px 0px 5px;}

/* Home page Rounded Menus */
#mid-bg #right-img { width:310px; height:310px; float:left; margin:30px 50px; position:relative;}

#circle-outer {  background-color: #d0d0d0; border: 8px solid #fff; height: 300px; width: 300px; -moz-box-shadow:  0 0 5px #dfdfdf;
-webkit-box-shadow:  0 0 5px #dfdfdf;  box-shadow:  0 0 5px #dfdfdf; border-radius:160px 160px 160px 160px; -moz-border-radius:160px 160px 160px 160px; -webkit-border-radius: 160px 160px 160px 160px; behavior:url(PIE.htc); z-index:100; }
	
#circle-outer #circle-inner {  background-color: #fdfdfd; height: 280px; width: 280px; margin:10px; -moz-box-shadow: inset 0 0 5px #717171; -webkit-box-shadow: inset 0 0 5px #717171; box-shadow: inset 0 0 5px #717171; border-radius:160px 160px 160px 160px; -moz-border-radius:160px 160px 160px 160px; -webkit-border-radius: 160px 160px 160px 150px; behavior:url(PIE.htc); }

#point1-wrap, #point2-wrap, #point3-wrap, #point4-wrap, #point5-wrap, #point5-wrap, #point6-wrap, #point6-wrap, #point7-wrap { width:125px; height:80px; position:absolute; }

#point1-wrap{ left: 100px; top: -16px; }
#point2-wrap { left: 205px; top: 43px; } 
#point3-wrap { left: 236px; top: 147px; }
#point4-wrap { left: 166px; top: 251px; }
#point5-wrap { left: 23px; top: 251px; }
#point6-wrap { left: -45px; top: 150px; }
#point7-wrap { left: -15px; top: 42px; }

.point { width:47px; height:47px; border-radius:40px 40px 40px 40px; -moz-border-radius:40px 40px 40px 40px; -webkit-border-radius: 40px 40px 40px 40px; behavior:url(PIE.htc); background-color:#7bb2db;  font-size:24px; color:#FFFFFF; text-align:center; font-weight:bold; line-height:47px; margin:10px; -moz-box-shadow: 0 0 3px none; -webkit-box-shadow: 0 0 3px none; box-shadow: 0 0 3px none; cursor:pointer; margin:0px auto;}
.point-text { font-size:11px; text-align:center;}

.point:hover { background-color:#c30000; width:50px; height:50px; margin:10px; -moz-box-shadow: 0 0 3px #717171; -webkit-box-shadow: 0 0 3px #717171; box-shadow: 0 0 3px #717171; behavior:url(PIE.htc); margin:0px auto; }

.points-title { width:150px; height:105px; position:absolute; left: 85px; top: 110px; }

/* ========== Footer Start ========== */
footer {clear:both;}
#points-box-bg { background:url(images/mid-botm-bg.jpg); overflow:auto;}
#points-box-innerpg {overflow:auto; border-top:#e9e9e7 2px solid;}
#points-box-line { background:url(images/footer-top-bg.jpg) repeat-x; height:3px;}
#points-box-wrap { width:950px; margin:0px auto; padding:15px 0px;}
#points-box-wrap #base { width:207px; height:250px; margin:0px 15px; float:left; }
#points-box-wrap #base h2 { font-size:16px; color:#5e5e5e; font-family:'Conv_GOTHIC';}
#points-box-wrap #base ul { list-style:none;}
#points-box-wrap #base ul li { clear:both; padding:3px;}
#points-box-wrap #base ul li a { font-size:12px;}
#points-box-wrap #base ul li a:hover { text-decoration:underline;}

#social-icons-bg {width:950px; height:50px; background-color:#FFFFFF; overflow:hidden; padding:8px 0px;}
#scoial-wrap { width:950px; margin:0px auto; padding:5px 0px;}
#scoial-wrap  h3 { font-family:'Conv_GOTHIC'; width:260px; font-size:18px; color:#7d7d7d; text-transform:uppercase; float:left; line-height:36px; background:url(images/dotted-arrow.png) no-repeat right center; padding-left:110px; margin-right:15px;}
#icons { width:240px; height:36px; float:left; margin:0 15px;}
#icons ul li{ float:left; padding:0px; margin:0px; }
#icons ul li a{ display:block; float:left; height:36px; text-indent:-9999999px; outline-style:none; }

#icons ul li a#fb{ width:36px; background:url(images/icons.png) 0px 0px no-repeat;}
#icons ul li a#fb:hover{background:url(images/icons.png) 0px -36px no-repeat;}
#icons ul li.selected a#fb{background:url(images/icons.png) 0px -36px no-repeat;}

#icons ul li a#twit{ width:75px; background:url(images/icons.png) -36px 0px no-repeat; }
#icons ul li a#twit:hover{background:url(images/icons.png) -36px -36px no-repeat;}
#icons ul li.selected a#twit{background:url(images/icons.png) -36px -36px no-repeat;}

#icons ul li a#myspace{ width:55px; background:url(images/icons.png) -111px 0px no-repeat; }
#icons ul li a#myspace:hover{background:url(images/icons.png) -111px -36px no-repeat;}
#icons ul li.selected a#myspace{background:url(images/icons.png) -111px -36px no-repeat;}

#icons ul li a#rss{ width:55px; background:url(images/icons.png) -168px 0px no-repeat; }
#icons ul li a#rss:hover{background:url(images/icons.png) -168px -36px no-repeat;}
#icons ul li.selected a#rss{background:url(images/icons.png) -168px -36px no-repeat;}

#footer-wht-bg { background-color:#ff0000; overflow: auto; }
#footer-gray-bg { background-color:#5b5b5b; overflow: auto; }
#footer-wrap { width:950px; margin:0px auto; padding:20px 0px;}
#footer-wrap .tips-title { height:45px;}
#footer-wrap p {color:#c0c0c0;}

.line {border-top:1px solid #4c4c4c; height:2px;}

#footer-links-wrap {width:950px; margin:10px auto; overflow:auto; }
#footer-links-box {width:230px; margin:15px 0px 15px 0px; float:left; }
#footer-links-box h2 { font-size:14px; color:#fff; }
#footer-links-box ul { list-style:none;}
#footer-links-box ul li { clear:both; padding:3px;}
#footer-links-box li a { font-size:12px; color:#c0c0c0;}
#footer-links-box li a:hover { text-decoration:underline;}

.copyrights { font-size:12px; color:#ffffff; text-align:center; height:40px; line-height:40px; background-color:#303030}

.contetbox{width:950px; margin:0px auto;}

/* Left Table Start */
.left-nav{width:220px; margin:0px; float:left;}
#menu-outer, #form {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior:url(PIE.htc); border:#bebebe 1px solid; background-image:url(images/left-nav-bg.png); background-position:bottom center; background-repeat:no-repeat;}
#form{background:none;}
.left-nav h3{height:23px; background-image:url(images/menu-bg-hover.gif); background-repeat:repeat-x; border-radius:4px 4px 0px 0px; font-family:Arial, Cambria, sans-serif, Vrinda; font-size:12px; font-weight:bold; color:#fff; padding-left:10px; line-height:23px;}

.form-head{height:40px; background-image:url(images/menu-bg-hover.gif); background-repeat:repeat-x; border-radius:4px 4px 0px 0px; font-family:Arial, Cambria, sans-serif, Vrinda; font-size:16px; font-weight:bold; color:#fff; line-height:40px;}

#inner ul.bullet{ list-style-type:none; padding:10px 0 10px 0px;}
#inner ul.bullet li{background:url(images/menu-line-bottom.png) no-repeat scroll center bottom;}
#inner a{ background:url(images/bullet.png) no-repeat scroll; margin-left:10px; padding-left:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:22px; color:#666666;}
#inner a:hover{color:#1B78A8;} /* #c30000 or #1B78A8 */


/* Plan Table Start */
.right{ width:690px; margin:0px 0px 0px 30px; z-index:0px; float:left;}
.plan-wrap{ margin:0px;}
.planBox div {float:left;line-height:18px; margin:0 0 -1px 0px;}
.planBox div.layout {color:#D55F00;color:#626262;}
.planBox div.attributes { height: 32px; line-height: 14px; text-align: right; padding-right: 3px; font-weight: normal; padding-top: 11px; }
.newplan { width:110px;height:40px;text-align:center;color:#FFFFFF;padding-top:23px;;font-size:18px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;}

.pricesBox div {float:left;line-height:21px; margin:0 0 -1px 0px; ; font-size:18px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold; position:relative; line-height:40px;}
.pricesBox div.layout {color:#D55F00;color:#626262;}
.pricesBox div.attributes { height: 32px; line-height: 14px; text-align: right; padding-right: 3px; font-weight: normal; padding-top: 11px; }
.newprices { width:110px;height:44px;}


.cBox div {float:left;;font-size:13px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;line-height:30px;padding:0px; margin:0 0 -1px 0px;}
.cBox div.layout {color:#D55F00;color:#626262;}
.cBox div.attributes { height: 32px; line-height: 14px; text-align: right; padding-right: 3px; font-weight: normal; padding-top: 11px; }


.buynowBox div {float:left;line-height:21px; margin:0 0 -1px 0px; text-align:center;}
.buynowBox div.layout {color:#D55F00;color:#626262;}
.buynowBox div.attributes { height: 32px; line-height: 14px; text-align: right; padding-right: 3px; font-weight: normal; padding-top: 11px; }
.buynow { width:110px;height:79px;}
.buynowbtn { padding-top:15px;padding-left:10px; }
.buynowbtn_special { padding-top:15px; }


.dBox div {float:left;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;line-height:18px;padding:5px 5px 5px 5px;}

.rightboarder{ width:111px; float:left; height:79px;color:#D55F00;text-align:center;padding-left:4px; }
		
.leftboarder{width:180; height:18px;color:#D55F00;}	
.midtext{width:70;text-align:center;height:18px;}
.firstcolumwidth{ width:129px; height:43px; text-align:center;}
.firstcolumheight{ height:30px;}
#headerIn {float:left;font-family:Helvetica,Arial,sans-serif;background:#FFFFFF none repeat scroll 0 0;color:#3CA6D6;font-size:30px;font-weight:bold;width:520px;}		
#headerexit {font-family:Helvetica,Arial,sans-serif;background:#FFFFFF none repeat scroll 0 0;color:#3CA6D6;font-size:30px;font-weight:bold;}		
#headerIndex {float:left;font-family:Helvetica,Arial,sans-serif;background:#FFFFFF none repeat scroll 0 0;color:#3CA6D6;font-size:18px;font-weight:bold;width:580px;}		
.pading8px{padding:8px;}
.btn_checkout { background-color: red; }
.btn {
	float: left;
	clear: both;
	background: url(../images/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;
}
.btn a{
	float: left;
	height: 40px;
	background: url(../images/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #AA0000;
	font-size: 1em;
	text-decoration: none;
}
.btn span {
	background: url(../images/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}
.liveBlueSeparator  {	
	clear:both;
	border-top:1px dashed #000000; 
	height:2px;
	width:588px;}

/* Plan Information */

#planinfo {width:690px; margin:0px 0px 20px 0px; float:left;}
#planinfo h1 { width:100%; font-family:TitilliumTitle20, Arial; font-size:22px; font-weight:bold; color:#c30000; border-bottom:1px dashed #d4d4d4; height:30px; margin-bottom:10px; }
#planinfo h2 {width:690px; font-family:TitilliumTitle20, Arial; font-size:16px; font-weight:bold; color:#487388; height:20px; margin-bottom:5px; }
#planinfo img {margin:5px;}
#planinfo ul { list-style:none;}
#planinfo ul li {clear:both; background:url(images/bullet-1.png) no-repeat scroll; padding-left:20px; font-size:12px; font-family:Verdana,Arial,Helvetica,sans-serif; line-height:22px;}
#planinfo #bullet-wrap{background-color:#eff6fe; border:#c3d1de 1px solid; padding:10px;}
#planinfo ul li a:hover{text-decoration:underline;}

.text-box {
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    color: #636363;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    padding-left: 4px;
    width: 190px;
}

.drop {
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    color: #636363;
    font-size: 12px;
    height: 22px;
    width: 130px;
}

.add-box {
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    color: #636363;
    font-size: 12px;
    height: 40px;
    line-height: 18px;
    padding-left: 4px;
    width: 190px;
}

.form-tick{font-size:12px;}