@charset "utf-8";
/* CSS Document */
body, ul, li, p, h1, h2, h3, h4, h5, h6,form, input, label {
margin:0px;
padding:0px;
}
body {
text-align:center;
background:url(images/1.jpg) repeat-x #FFFFFF;
}
a {
outline:none;
font:12px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#389edc;
}
a:hover{
text-decoration:underline;
}
.main {
margin:auto;
width:100%;
background:url(images/2.jpg) repeat-x bottom;
}
.maininner {
margin:auto;
width:970px;
}
.tophome {
position:absolute;
left:0px;
top:0px;
z-index:3000;
padding:10px 0px 0px 62px;
}

.homebut {
border:none;
outline:none;
}
.sitebut {
border:none;
outline:none;
margin:0px 0px 0px 5px;
}
.messagebut {
border:none;
outline:none;
margin:0px 0px 0px 5px;
}
.logo {
float:left;
width:296px;
}
.logoimage {
border:none;
outline:none;
}
.clear {
clear:both;
}
image {
border:none;
outline:none;
}
.right {
width:674px;
float:left;
}
.help  {
text-align:right;
padding:5px 24px 0px 0px;
font:lighter 12px Arial, Helvetica, sans-serif;
color:#999999;
}
.help2 {
text-align:right;
padding:15px 24px 5px 0px;
font:lighter 12px Arial, Helvetica, sans-serif;
color:#999999;
}
.helpnumber {
font:lighter 18px "Myriad Pro", Arial, Helvetica, sans-serif;
color:#38a0d0;
}
.nev {
width:674px;
position:relative;
padding:9px 0px 0px 0px;
text-align:center;
}
.nev ul{
list-style-type:none;
}
.nev li{
float:left;
background:url(images/4.jpg) no-repeat top center;
padding:74px 0px 0px 0px;
display:block;
}
.nev a{
background:url(images/12.jpg) repeat-x 0px 65px;
padding:74px 10px 0px 10px;
color:#999999;
font:bold 18px "Franklin Gothic Book", "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
text-decoration:none;
}
.nev a:hover{
background:url(images/11.jpg) repeat-x 0px 65px;
color:#3d9ed2;
}
.nev li.p{
float:left;
background:url(images/5.jpg) no-repeat top center;
padding:74px 0px 0px 0px;
display:block;
}
.nev li.p a{
background:url(images/11.jpg) repeat-x 0px 65px;
color:#AC9013;
}

.nev li.p a:hover{
background:url(images/11.jpg) repeat-x 0px 65px;
color:#3d9ed2;
}

.nev li.p a:active{
background:url(images/11.jpg) repeat-x 0px 65px;
color:#3d9ed2;
}

.nev li.po{
float:left;
background:url(images/6.jpg) no-repeat top center;
padding:74px 0px 0px 0px;
display:block;
}
.nev li.w{
float:left;
background:url(images/7.jpg) no-repeat top center;
padding:74px 0px 0px 0px;
display:block;
}
.nev li.h{
float:left;
background:url(images/8.jpg) no-repeat top center;
padding:74px 0px 0px 0px;
display:block;
}
.nev li.c{
float:left;
background:url(images/9.jpg) no-repeat top center;
padding:74px 0px 0px 0px;
display:block;
}
.nev li.b{
float:left;
background:url(images/10.jpg) no-repeat top center;
padding:74px 0px 0px 0px;
display:block;
}
.nev .act a{
background:url(images/11.jpg) repeat-x 0px 65px;
padding:74px 10px 0px 10px;
color:#3d9ed2;
font:bold 18px "Franklin Gothic Book", "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
text-decoration:none;
}


.header {
position:relative;
background:url(images/13.gif) repeat-x;
height:225px;
margin:7px 0px 0px 0px;
}

.headleft {
float:left;
width:6px;
}
.headcenter {
float:left;
width:958px;
}
.headright {
float:left;
width:6px;
}
.slide {
float:left;
background:url(images/border.png) no-repeat center 5px ;
width:329px;
height:195px;
margin:19px 0px 0px 0px;
}
.slidehead {
font:lighter 18px "Myriad Pro", Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
}

.slideleft {
float:left;
width:35px;
padding:90px 0px 0px 0px;
}
.slidecent {
float:left;
width:259px;
padding:13px 0px 0px 0px;
}
.slideright {
float:left;
width:35px;
padding:90px 0px 0px 0px;
}
.slidelink {
padding:5px 0px 0px 0px;
}
.slidelink a{
font:14px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}
.slidelink a:hover{
color:#cccccc;
}
.slidebottom {
font:bold 11px Arial, Helvetica, sans-serif;
color:#93dff2;
padding:0px 0px 17px 0px;
}
img.slideimage {
border:none;
outline:none;
}
.quality {
width:403px;
float:left;
text-align:left;
padding:25px 0px 0px 10px;
}
.qualityimg {
padding:0px 0px 0px 23px;
font:normal 26px "Myriad Pro", Arial, Helvetica, sans-serif;
color:#ffffff;
}
.qualityhead {
font:bold 14px Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:left;
padding:15px 0px 0px 23px;
}
.qualitycont {
font:12px Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:justify;
line-height:16px;
padding:3px 0px 12px 23px;
}
.quality ul {
list-style-type:none;
font:12px Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:left;
padding-left:12px;
}
.quality li {
background:url(images/bullet.png) no-repeat 10px 0px;
text-align:left;
margin:4px 3px 0px 0px;
padding-left:30px;
clear:both;
}
.quality a {
font:bold 12px Arial, Helvetica, sans-serif;
color:#93dff2;
text-decoration:none;
}
.quality a:hover {
color:#ffffff;
}
.offer {
float:left;
width:183px;
padding:20px 0px 0px 32px;
text-align:center;
}
.offercont {
font:lighter 18px "Myriad Pro", Arial, Helvetica, sans-serif;
color:#FFFFFF;
background:url(images/20.jpg) no-repeat;
background-position:left;
padding:0px;
margin:0px;
width:auto;
}
.offerbutton {
padding:10px 20px 10px 30px;
text-align:center;
margin:10px auto 0px 0px;
display:block;
}
.offerbutton a{
background:url(images/21.jpg) no-repeat center;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
padding:10px 20px 10px 50px;
}
.offerbottom {
font:9px Arial, Helvetica, sans-serif;
color:#93dff2;
padding:10px 0px 0px 0px;
}
.contentarea {
padding:5px 0px 0px 0px;
}
.contentleft {
float:left;
width:690px;
margin:0px 0px 0px 0px;
text-align:left;
}
h1 {
font:lighter 20px "Myriad Pro", Arial, Helvetica, sans-serif;
color:#3d9fd3;
padding:5px 0px 5px 18px;
}
.headinn {
font:lighter 20px "Myriad Pro", Arial, Helvetica, sans-serif;
color:#666666;
}
.text {
background:url(images/25.jpg) no-repeat;
padding:25px 25px 0px 38px;
}
.bodytext {
font:12px Arial, Helvetica, sans-serif;
color:#666666;
text-align:justify;
line-height:18px;
}
.bodytextb {
font:bold 12px Arial, Helvetica, sans-serif;
color:#666666;
text-align:justify;
line-height:18px;
}
.text ul {
list-style-type:none;
}
.text li {
float:left;
background:url(images/26.jpg) no-repeat 0px 3px;
margin:10px 50px 0px 30px;
padding:0px 0px 0px 30px;
}
.text a {
font:bold 11px Arial, Helvetica, sans-serif;
color:#3d9fd3;
text-decoration:none;
}
.text a:hover {
text-decoration:underline;
}
.plan {
margin:25px 0px 0px 20px;
}
.plan ul {
list-style-type:none;
}
.plan li {
float:left;
width:327px;
background:url(images/27.jpg) repeat-x;
margin:0px 10px 10px 0px;
}
.plan li.rli {
float:left;
width:327px;
background:url(images/27.jpg) repeat-x;
margin:0px 0px 10px 0px;
}
.planinl {
float:left;
width:7px;
}
.planinc {
float:left;
width:308px;
padding:3px 0px 0px 5px;
}
.planinr {
float:left;
width:7px;
}
.plancont {
float:left;
padding:0px 5px 0px 0px;
}
h2 {
font:bold 20px "Myriad Pro", Arial, Helvetica, sans-serif;
color:#666666;
padding:0px 0px 10px 0px;
}
h3 {
font:bold 20px "Myriad Pro", Arial, Helvetica, sans-serif;
color:#83a709;
padding:0px 0px 10px 0px;
}
h4 {
font:bold 20px "Myriad Pro", Arial, Helvetica, sans-serif;
color:#409dd4;
padding:0px 0px 10px 0px;
}
h5 {
font:bold 20px "Myriad Pro", Arial, Helvetica, sans-serif;
color:#dca124;
padding:0px 0px 10px 0px;
}
.plansub {
font:lighter 20px "Myriad Pro", Arial, Helvetica, sans-serif;
color:#999999;
}
.planul {
float:left;
width:180px;
}
.planul ul{
list-style-type:none;
}
.planul li{
background:url(images/26.jpg) no-repeat 0px 2px;
font:11px Arial, Helvetica, sans-serif;
color:#666666;
padding:2px 0px 2px 25px;
margin:0px;
}
.planulb {
font:bold 11px Arial, Helvetica, sans-serif;
color:#666666;
}
.planulc {
font:11px Arial, Helvetica, sans-serif;
color:#3aa2d1;
}
.planul li.link{
background:none;
padding:18px 0px 2px 100px;
}
.planul a {
font:bold 11px Arial, Helvetica, sans-serif;
color:#3aa2d1;
text-decoration:none;
}
.planul a:hover {
text-decoration:underline;
}
.contentright {
float:left;
width:263px;
text-align:left;
}
.support {
margin:3px 0px 0px 17px;
background:url(images/34.jpg) repeat-y;
width:262px;
}
.supportt {
position:relative;
height:7px;
}
.supportc {
position:relative;
padding:5px 0px 0px 30px;
}
.supportc ul {
list-style-type:none;
}
.supportc li {
background:url(images/37.jpg) no-repeat;
font: 16px "Myriad Pro", Arial, Helvetica, sans-serif;
color:#3d9fd3;
padding:5px 0px 10px 60px;
margin-top:5px;
}
.supportc li.sky {
/*background:url(images/38.jpg) no-repeat;*/
background:none;
font: 16px "Myriad Pro", Arial, Helvetica, sans-serif;
color:#3d9fd3;
padding:5px 0px 15px 0px;
margin-top:3px;
float:left;
}
.supportc li.cha {
background:url(images/39.jpg) no-repeat;
font: 16px "Myriad Pro", Arial, Helvetica, sans-serif;
color:#3d9fd3;
padding:5px 0px 10px 60px;
margin-top:5px;
clear:both;
}
.supportb {
position:relative;
}
.grey {
font:lighter 16px "Myriad Pro", Arial, Helvetica, sans-serif;
color:#999999;
}
.supportc a{
font:11px Arial, Helvetica, sans-serif;
color:#3aa2d1;
text-decoration:none;
vertical-align:top;
margin:5px 0px 0px 0px;
display:block;
}
.supportc a:hover{
text-decoration:underline;
}
.supportimg {
padding:5px 3px 0px 0px;
float:left;
}

.member {
margin:15px 0px 0px 12px;
background:url(images/40.jpg) repeat-x 0px 25px;
width:267px;
}
h6 {
font:lighter 18px "Myriad Pro", Arial, Helvetica, sans-serif;
color:#3d9fd3;
padding:0px 0px 0px 25px;
}
.membsub {
color:#999999;
}
.memberdet {
padding:5px 40px 0px 0px;
text-align:right;
}
label {
font:11px Arial, Helvetica, sans-serif;
color:#666666;
display:block;
padding:0px !important;
}
form {
padding:12px 0px 0px 0px;
margin:0px;
}
input {
border:1px solid #d0d0d0;
font:11px Arial, Helvetica, sans-serif;
color:#666666;
padding:3px 0px;
}

.submitbut {
background:url(images/41.jpg) no-repeat;
border:none;
outline:none;
font:bold 11px Arial, Helvetica, sans-serif;
color:#FFFFFF;
cursor:pointer;
height:28px;
width:63px;
margin:2px 0px 0px 93px;
}

.header-loginbtn {
background:url(images/41.jpg) no-repeat;
border:none;
outline:none;
font:bold 11px Arial, Helvetica, sans-serif;
color:#FFFFFF;
cursor:pointer;
height:28px;
width:63px;
margin:2px 0px 0px 5px;
}

.loreal {
padding:15px 0px 0px 25px;
}
.lorealcont {
background:url(images/43.jpg) no-repeat 0px 0px;
padding:0px 0px 0px 30px;
font:11px Arial, Helvetica, sans-serif;
color:#676767;
text-align:justify;
line-height:16px;
}
.loralb {
font:bold 11px Arial, Helvetica, sans-serif;
color:#676767;
}
.lorallink {
padding:7px 0px 0px 0px;
}
.lorallink ul {
list-style-type:none;
}
.lorallink li {
background:url(images/26.jpg) no-repeat 0px 5px;
padding:5px 0px 0px 20px;
}

.testimonial {
padding:7px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#676767;
font-weight:600;
}
.testimonial ul {
list-style-type:none;
}
.testimonial li {
padding:5px 0px 0px 30px;
}

.footer {
background:url(images/44.jpg) repeat-x;
height:56px;
margin:10px 0px 10px 0px;
text-align:left;
}
.footerleft {
float:left;
width:13px;
}
.footerc {
float:left;
width:944px;
}
.footerr {
float:left;
width:13px;
}
.footerlogo {
width:142px;
float:left;
margin:8px 0px 0px 20px;

}
.footerlogoimg {
outline:none;
border:none;
}
.footermenu {
width:465px;
float:left;
margin:20px 0px 0px 25px;
}
.footermenu ul {
list-style-type:none;
}
.footermenu li {
float:left;
display:block;
}
.footermenu a {
font:11px Arial, Helvetica, sans-serif;
color:#666666;
background:url(images/48.jpg) no-repeat right;
text-decoration:none;
padding:3px 5px;
}
.footermenu a:hover {
color:#666666;
text-decoration:underline;
}
.close a {
background:none;
}
.footerbut {
float:left;
width:64px;
padding:20px 0px 0px 37px;
}
.footertotop {
float:left;
width:104px;
padding:20px 0px 0px 87px;
}
.footertotop a{
color:#666666;
font:11px Arial, Helvetica, sans-serif;
text-decoration:none;
background:url(images/52.jpg) no-repeat;
padding:0px 0px 0px 25px;
}
.footertotop a:hover{
text-decoration:underline;
}
.popular {
width:962px;
margin:auto;
background:url(images/55.jpg) repeat-y;
}
.poptop {
position:relative;
}
.popmid {
position:relative;
}
.popbot {
position:relative;
}
.popularblog {
float:left;
width:675px;
text-align:left;
padding:0px 0px 0px 27px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#3d9fd3;
}
.popularblog ul {
list-style-type:none;
margin:10px 0px 0px 0px;
}
.popularblog li {
float:left;
background:url(images/26.jpg) no-repeat 0px 3px;
font:11px Arial, Helvetica, sans-serif;
color:#666666;
margin:0px 10px 0px 10px;
padding:3px 0px 3px 25px;
width:285px;
}
.payment {
float:left;
width:250px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#3d9fd3;
text-align:left;
}
.paymentlogo {
padding:15px 0px 0px 5px;
}
.copyright {
position:relative;
width:916px;
margin:auto;
text-align:left;
padding:0px 0px 55px 0px;
}
.copyleft {
margin:10px 0px 0px 0px;
float:left;
width:300px;
font:9px Arial, Helvetica, sans-serif;
color:#999999;
}
.copyr {
margin:10px 0px 0px 0px;
float:right;
width:300px;
font:9px Arial, Helvetica, sans-serif;
color:#999999;
text-align:right;
}
.copyr a {
font:9px Arial, Helvetica, sans-serif;
color:#999999;
text-decoration:none;
}
.copyr a:hover {
text-decoration:underline;
}


/* homepage gallery */
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 259px; /*Width of Carousel Viewer itself*/
height: 259px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
width: 259px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-top: 10px; /*margin around each panel*/
width: 259px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}



/* testimonial related css */
#ajaxticker1{
width: 240px;
height: auto;
border: none;
padding: 5px 10px 0px 15px;
margin-top:20px;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
}


/* Portfolio page related css */
.portfolio-block {
	width:202px;
	height:215px;
	float:left;
	padding-right:13px;
	padding-bottom:15px;
}

.portfolio-img {
	margin:0px; 
	padding:0px;
	float:left;
}

.portfolio-link-bg {
	width:202px;
	height:35px;
	float:left;
	background:url(images/portfolio-url-bg.gif) no-repeat;
	text-align:center;
	padding-top:5px;
}

.photogallery{ /*CSS for TABLE containing a photo album*/
	font: bold 11px verdana;
	text-align:center;
}

.photogallery img{ /*CSS for images within an album*/
	border:none;
	padding-bottom:10px;
	padding-top:10px;
}

.photonavlinks{ /*CSS for pagination DIV*/
	font: bold 12px verdana;
	padding-top:20px;
}

.photonavlinks a{ /*CSS for each navigational link*/
	margin-right: 2px;
	margin-bottom: 3px;
	padding: 1px 5px;
	border:1px solid gray;
	text-decoration: none;
	background-color: white;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}

.photonavlinks a.current{ /*CSS for currently selected navigational link*/
	background-color: gray;
	color:#FFFFFF;
}

.contactus-toptext {
font:12px Arial, Helvetica, sans-serif;
color:#666666;
text-align:justify;
line-height:18px;
width:400px;
float:left;
}


/* order page css */

.ordercontent {
	background:url(images/25.jpg) no-repeat;
	padding:35px 25px 0px 20px;
	margin:auto;
}

.ordertable-head {
	width:652px;
	height:54px;
	background:url(images/orderpage-table-head.jpg) no-repeat;
}

.orderplan-name {
	padding:20px 0px 0px 20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#666666;
}

.plannamegray {
	color:#999999;
}

.orderplan-cost {
	padding:20px 20px 0px 0px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#21afd3;
	font-weight:bold;
}

.planitem-listing {
	width:614px;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	background:url(images/planitem-listing-bg.jpg) repeat-x;
	background-color:#FFFFFF;
	padding:18px 18px 0px 18px;
	float:left;
}

.ordertable-bottom {
	width:652px;
	height:18px;
	background:url(images/ordertable-bottom.gif) no-repeat;
	float:left;
}

.handcursor{
	cursor:pointer;
}

.btn-open {
	background:url(images/button-open.gif) no-repeat;
	height:23px;
	width:23px;
	padding-top:2px;
	float:left;
	display:block;
	text-indent:1000px;
	overflow:hidden
}

.btn-close {
	background:url(images/button-close.gif) no-repeat;
	width:23px;
	height:23px;
	padding-top:2px;
	float:left;
	display:block;
	text-indent:1000px;
	overflow:hidden
}

.content-title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:600;
	width:400px;
	height:22px;
	padding-top:5px;
	padding-left:10px;
	float:left;
}

.content-title-blue{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:600;
	width:370px;
	height:22px;
	padding-top:5px;
	padding-left:10px;
	float:left;
	color:#1f91ae;
}

.cost-included {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:600;
	width:65px;
	height:22px;
	padding-top:5px;
	padding-right:5px;
	color:#515151;
	float:left;
	text-align:right;
}

.addtocart {
	width:100px;
	height:27px;
	float:right;
	text-align:right;
	padding-bottom:10px;
}

.switchgroup1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	text-align:justify;
	padding-bottom:10px;
	color:#676767;
	line-height:16px;
	float:left;
}

.hr {
	border-top:1px solid #cccccc;
	height:5px;
	width:100%;
	float:left;
}

.contenttitle {
	padding-bottom:5px;
	float:left;
	width:100%;
}

.status {
	float:left;
	width:23px;
	height:23px;
	cursor:pointer;
}

.totalcost-display {
	width:598px;
	height:48px;
	line-height:22px;
	background-color:#eeeeee;
	border:1px solid #dbdbdb;
	padding:8px;
	text-align:right;
	float:left;
}

.textgray {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:600;
	color:#373737;
	padding-bottom:10px;
}

.textblue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:600;
	color:#1f91ae;
}

.checkoutbtn {
	width:100px;
	height:27px;
	float:right;
}


/* Login page */
.loginform {
	width:329px;
	margin:auto;
}

.emailpassword {
	width:94px;
	padding:9px 5px 0px 0px;
	float:left;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#515151;
}

.login-inputbox {
	width:200px;
	height:14px;
	padding:3px;
	margin-top:7px;
	border:1px solid #1ea7c8;
	background-color:#FFFFFF;
	float:left;
}

.login-checkbox {
	border:none;
	margin:0px 5px 0px 0px;
	float:left;
}

.formcontent {
	padding:9px 0px 0px 100px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#515151;
	clear:both;
}

.formcontent a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1ea7c8;
	font-weight:bold;
}

.formcontent a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#515151;
	font-weight:bold;
}

.loginbtn {
	margin:9px 0px 0px 100px;
	float:left;
}

.newcustomer-form{
	width:100%;
	margin:auto;
}

.newcustomer-formcontent {
	width:100%;
	padding:8px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#515151;
	clear:both;
}

.starmark {
	width:10px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#515151;
	padding-top:5px;
}

.newcustomer-text {
	width:250px;
	padding:9px 5px 0px 0px;
	float:left;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#515151;
}

.yourpassword {
	width:100%;
	padding:20px 0px 0px 0px;
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#515151;
	clear:both;
}

.continuebtn {
	width:100%;
	margin:auto;
	text-align:center;
	clear:both;
}


/* checkout page CSS */

.chkoutblock{
	background:url(images/25.jpg) no-repeat;
	padding:35px 25px 0px 20px;
	padding-left:100px;
}

.chkouttable-head {
	width:474px;
	height:32px;
	background:url(images/checkout-tabletop.jpg) no-repeat;
}

.chkoutitems-list {
	width:436px;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	background-color:#FFFFFF;
	padding:0px 18px 0px 18px;
	float:left;
}

.chkout-content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:600;
	width:235px;
	padding-top:5px;
	padding-left:10px;
	float:left;
	color:#666666;
}

.chkout-content2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:600;
	width:235px;
	padding-top:5px;
	padding-left:30px;
	float:left;
	color:#666666;
}

.chkout-content2-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:600;
	width:235px;
	padding-top:5px;
	padding-left:30px;
	float:left;
	color:#21afd3;
}

.plancost {
	padding:5px 10px 0px 10px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#515151;
	font-weight:bold;
}

.removebtn {
	padding:0px;
	float:left;
}

.addonsicon {
	background:url(images/addons-icon.jpg) no-repeat;
	width:20px;
	height:20px;
	margin-top:3px;
	float:left;
}

.paycost {
	width:100%;
	height:26px;
	background-color:#eeeeee;
	border:1px solid #dbdbdb;
	padding:8px 0px 8px 0px;
	margin-bottom:15px;
	float:left;
}

.radiobtn {
	float:left;
	padding-top:8px;
}

.MakePayment {
	margin-left:270px;
	float:left;
}

.select-chkout-option {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:600;
	width:255px;
	padding-top:5px;
	padding-left:10px;
	float:left;
	color:#666666;
}

.chkouttable-bottom {
	width:474px;
	height:15px;
	background:url(images/chkouttable-bottom.jpg) no-repeat;
	float:left;
}


/* my account page CSS */

.myaccount-links {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	width:100%;
	padding-bottom:15px;
}

.myaccount-links a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#21afd3;
	font-weight:bold;
	text-decoration:none;
}

.myaccount-links a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#696969;
	font-weight:bold;
	text-decoration:none;
}

.myaccount-links a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#21afd3;
	font-weight:bold;
	text-decoration:none;
}

.order-listing {
	width:614px;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	background-color:#FFFFFF;
	padding:18px 18px 0px 18px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#696969;
}

.orderblock {
	width:100px;
	float:left;
	height:25px;
	padding:5px 0px 0px 0px;
	border:1px solid #dbdbdb;
}

.statusblock{
	width:200px;
	float:left;
	height:25px;
	padding:5px 0px 0px 0px;
	border:1px solid #dbdbdb;
}

.viewdetailsblock{
	width:188px;
	float:left;
	height:25px;
	padding:5px 0px 0px 0px;
	border:1px solid #dbdbdb;
}

.actionsblock{
	width:105px;
	float:left;
	height:25px;
	padding:5px 0px 0px 0px;
	border:1px solid #dbdbdb;
}

.titlebg {
	background-color:#eeeeee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.itemlist {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

.orderdetails {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:190px;
}