﻿/* CSS Document */

/*Profile*/
#profile{width:954px; margin:0 auto; position:relative; clear:both; border:5px solid #e1e1e1;}
#popular{
	width:56px;
	height:56px;
	background:url(../images/most-popular.gif) no-repeat 0 0;
	position:absolute;
	left:255px;
	top:11px;
	z-index:100;
	font-size:0px;
	text-indent:-2000px;
}
#popularLayout{
	width:56px;
	height:56px;
	background:url(../images/most-popular-layout.gif) no-repeat 0 0;
	position:absolute;
	left:260px;
	top:14px;
	z-index:100;
	font-size:0px;
	text-indent:-2000px;
}
#popularFlash{
	width:56px;
	height:56px;
	background:url(../images/most-popular-flash.gif) no-repeat 0 0;
	position:absolute;
	left:256px;
	top:14px;
	z-index:100;
	font-size:0px;
	text-indent:-2000px;
}
#popularHtml{
	width:56px;
	height:56px;
	background:url(../images/most-popular-html.gif) no-repeat 0 0;
	position:absolute;
	left:256px;
	top:13px;
	z-index:100;
	font-size:0px;
	text-indent:-2000px;
}
#popularAllRound{
	width:56px;
	height:56px;
	background:url(../images/most-popular-all-round.gif) no-repeat 0 0;
	position:absolute;
	right:9px;
	top:13px;
	z-index:100;
	font-size:0px;
	text-indent:-2000px;
}

.category{background-color:#fff; color:#000; float:left;}
.bg{background:url(../images/savings-bg.gif) repeat-y 100% 0;}
.width1{width:240px;}
.width2{width:239px;}
.width3{width:236px;}

.category h2{
	font:bold 24px/55px Helvetica, Arial, sans-serif;
	padding:0 0 0 17px;
	margin:0 2px 0 0;
	letter-spacing:-0.08ex;
}
.category h3{
	font:bold 15px/24px Verdana, Arial, Helvetica, sans-serif;
	padding:11px 0 0 17px;
	margin:0 2px 0 0;
}
.category p{
	font:bold 14px/19px Verdana, Arial, Helvetica, sans-serif;
	padding:10px 10px 15px 17px;
	margin:0 4px 0 0;
	height:60px;
}
.category p.layout{
	background:#FFFBCE;
	color:#D55F00;
	border-top:2px solid #FFDA82;
	border-bottom:2px solid #FFDA82;
}
.category p.flash{
	background:#DDEEFF;
	color:#1C67C2;
	border-top:2px solid #AFD5FB;
	border-bottom:2px solid #AFD5FB;
}
.category p.html{
	background:#E1FFD6;
	color:#258125;
	border-top:2px solid #A4E5A4;
	border-bottom:2px solid #A4E5A4;
	margin:0;
}
.category p.allRound{
	background:#F6F3CD;
	color:#966E37;
	border-top:2px solid #E2DB87;
	border-bottom:2px solid #E2DB87;
	margin:0;
}
.category p.padB{padding-bottom:34px;}
.category p.padB1{padding-bottom:53px;}

.category ul{padding:12px 10px 5px 15px; font:14px/16px Verdana, Arial, Helvetica, sans-serif;}
.category ul.allRound{background-color:#fff; color:#1D5A94; font-weight:bold;}
.category ul.border{border-bottom:1px dashed #CACACA;}
.category ul li{background:url(../images/green-check.gif) no-repeat 0 2px; padding:0 0 8px 21px;}
.category ul.height{height:168px;}
.category ul.height1{height:72px;}

.category ul.heightD{height:124px;}
.category ul.heightAR{height:144px;}

.category a{
	width:210px;
	height:25px;
	display:block;
	margin:18px auto 21px;
	background:url(../images/profile-button.gif) no-repeat 0 0;
	font-size:0px;
	text-indent:-2000px;
}
.category a:hover{background:url(../images/profile-button-up.gif) no-repeat 0 0;}
/*/Profile*/

/*Designer Category*/
.dCategory{background-color:#fff; color:#000; float:left;}
.dWidth1{width:320px;}
.dWidth2{width:317px;}
.dWidth3{width:479px;}
.dWidth4{width:475px;}
.dWidth5{width:320px;}

.dCategory h2{
	font:bold 24px/28px Helvetica, Arial, sans-serif;
	padding:9px 0 5px;
	margin:0 15px;
	letter-spacing:-0.08ex;
	color:#555;
	background:#fff;
}
.dCategory h3{
	background:url(../images/question.gif) no-repeat 0 0;
	font:bold 14px/20px Verdana, Arial, Helvetica;
	padding:7px 0 0 35px;
	margin:14px 15px 10px;
	text-transform:uppercase;
}
.dCategory h4{
	background:#fff;
	color:#0054A6;
	font:bold 12px/24px Verdana, Arial, Helvetica;
	margin:18px 15px 10px;
}
.dCategory p{
	font:bold 12px/19px Verdana, Arial, Helvetica;
	padding:0 15px 17px;
	background:url(../images/divider.gif) repeat-x 0 100%;
}
.dCategory p.des{border-top:1px solid #000; margin:0 15px; margin:0 4px 0 0; padding:11px 13px; font-size:14px; height:60px;}
.dCategory p.layout{
background:#efefef;
	color:#a0a0a0;
	padding-left:15px;
	border-top:2px solid #d2d2d2;
	border-left:2px solid #d2d2d2;
	border-bottom:2px solid #d2d2d2;
	border-right:2px solid #d2d2d2;
}
.dCategory p.layout1{
background:#efefef;
	color:#a0a0a0;
	padding-left:15px;
	border-top:2px solid #d2d2d2;
	border-left:2px solid #d2d2d2;
	border-bottom:2px solid #d2d2d2;
	border-right:2px solid #d2d2d2;

}
.dCategory p.layout2{
background:#efefef;
	color:#a0a0a0;
	padding-left:15px;
	border-top:2px solid #d2d2d2;
	border-left:2px solid #d2d2d2;
	border-bottom:2px solid #d2d2d2;
	border-right:2px solid #d2d2d2;

}
.dCategory p.flash{border-top:2px solid #9FCDFB; border-bottom:2px solid #9FCDFB; color:#3E81C0; background:#C2E6FC;}
.dCategory p.flash1{border-top:2px solid #AFD5FB; border-bottom:2px solid #AFD5FB; color:#3E81C0; background:#CFEDFF;}
.dCategory p.flash2{border-top:2px solid #BCDCFB; border-bottom:2px solid #BCDCFB; color:#3E81C0; background:#D9F0FE; margin:0;}
.dCategory p.html{border-top:2px solid #A1E8A1; border-bottom:2px solid #A1E8A1; color:#119D43; background:#D4FDC5;}
.dCategory p.html1{border-top:2px solid #A4E5A4; border-bottom:2px solid #A4E5A4; color:#119D43; background:#E1FFD6;}
.dCategory p.html2{border-top:2px solid #ADEAAD; border-bottom:2px solid #ADEAAD; color:#119D43; background:#E5FDDC; margin:0;}
.dCategory p.allRound{border-top:2px solid #E0D87D; border-bottom:2px solid #E0D87D; color:#967C00; background:#F5F1C0;}
.dCategory p.allRound1{border-top:2px solid #E2DB87; border-bottom:2px solid #E2DB87; color:#967C00; background:#F6F3CD; margin:0;}
.dCategory p.padB{padding-bottom:36px !important;}
.dCategory p.padB1{padding-bottom:30px !important;}
.dCategory p.padB2{padding-bottom:55px !important;}
.dCategory p.padT{padding-top:23px !important;}
.dCategory p.price{
	font:bold 24px/22px Helvetica, Arial, sans-serif;
	color:#707070;
	background:#fff;
	padding:0 15px;
	margin:0 4px;
}
.dCategory p.price span{font:bold 36px/22px Verdana, Arial, Helvetica; color:#000; background:#fff;}

.dCategory ul{padding:0 10px 19px 15px; font:11px/19px Verdana, Arial, Helvetica, sans-serif;}
.dCategory ul li{background:url(../images/green-check.gif) no-repeat 0 2px; padding:0 0 4px 21px;}

.dCategory a{
	width:222px;
	height:49px;
	display:block;
	margin:25px auto 25px;
	background:url(../images/contact-sales.gif) no-repeat 0 0;
	font-size:0px;
	text-indent:-2000px;
}
.dCategory a:hover{background:url(../images/contact-sales-up.gif) no-repeat 0 0;}
/*/Designer Category*/

/*comparision*/
#compareProfile{width:962px; height:25px; margin:29px auto; position:relative; clear:both; padding:0 2px 0 0;}
#compareProfile a.comparision{
	width:415px;
	height:25px;
	display:block;
	color:#E20263;
	background:url(../images/arrow.gif) no-repeat 0 5px #fff;
	text-decoration:underline;
	font:bold 16px/23px Verdana, Arial, Helvetica;
	padding:0 0 0 24px;
	float:left;
}
#compareProfile a.comparision:hover{
	color:#fff;
	background:url(../images/arrow-up.gif) no-repeat 0 5px #E20263;
	text-decoration:none;
}
#compareProfile a.comparisionactive{
	width:415px;
	display:block;
	color:#fff;
	background:url(../images/arrow-up.gif) no-repeat 0 5px #E20263;
	text-decoration:none;
	font:bold 16px/23px Verdana, Arial, Helvetica;
	padding:0 0 0 24px;
	float:left;

}
#compareProfile p a{
	width:210px;
	float:right;
	margin:5px 0 0;
	font:11px/18px Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	background:url(../images/small-arrow.gif) no-repeat 3px 6px #fff;
	_background:url(../images/small-arrow.gif) no-repeat 3px 7px #fff;
	color:#0054A6;
	padding:0 0 0 13px;
}
#compareProfile p a:hover{
	background:url(../images/small-arrow-up.gif) no-repeat 3px 6px #0054A6;
	_background:url(../images/small-arrow-up.gif) no-repeat 3px 7px #0054A6;
	color:#fff;
	text-decoration:none;
}
#compareProfile div#chart{
	width:540px;
	height:110px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	margin:-206px 0 0;
	_margin:-211px 0 0;
	border:5px solid #e1e1e1;
	background:#F6F5F5;
	color:#000;
	display:none;
	padding:28px 2px;
}
div#chart div#close{
	position:absolute;
	width:14px;
	height:13px;
	background:url(../images/close.gif) no-repeat 0 0;
	top:0;
	right:0;
	font-size:0px;
	text-indent:-14px;
	cursor:pointer;
}
#chart table{width:510px; border:2px solid #000; background:#fff; color:#000;}
#chart table td{
	border-right:2px solid #000;
	border-bottom:1px solid #CCC;
	padding:0 0 0 8px;
	font:12px/24px Verdana, Arial, Helvetica, sans-serif;
}
#chart table td.heading{
	background:#448CCB;
	color:#fff;
	font-size:12px;
	line-height:32px;
	font-weight:bold;
	border-bottom:2px solid #000 !important;
}
#chart table td.width{width:120px; background:#0054A6;}
#chart table td.width1{width:120px;}
#chart table td.bold{font-weight:bold;}

#chart table td.noBorR{border-right:0; border-bottom:1px solid #CCC;}
#chart table td.noBorB{border-right:2px solid #000; border-bottom:0;}
#chart table td.noBor{border:0;}

#chart a{
	font:12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#0054A6;
	margin:10px 0 0 14px;
	display:block;
	width:88px;
}
#chart a:hover{
	background:#0054A6;
	color:#fff;
	text-decoration:none;
}
/*/comparision*/

#packagesOuter{width:964px; margin:0 auto;}

#packages{width:605px; float:left; clear:both; border:5px solid #e1e1e1;}

#packages .pkgDetail{
	width:300px;
	float:left;
	border-right:5px solid #e1e1e1;
	padding-bottom:15px;
}

#packages .noborder{
	border-right:0;
}

img.none{
	border:0;
}


#packages .borBot{
	border-top:5px solid #e1e1e1;
}
#packages .pkgDetail h3{
	font:bold 19px/32px helvetica, verdana, sans-serif;
	background-color:#448CCB;
	color:#fff;
	height:32px;
	padding-left:15px;
	margin-bottom:8px;
}

#packages .pkgDetail h3.green{
	background-color:#74C343;
}
#packages .pkgDetail h3.orange{
	background-color:#FFA000;
	border-top:5px solid #e1e1e1;
}
#packages .pkgDetail p.addons{
	color:#555555;
	font:bold 19px/32px helvetica, verdana, sans-serif;
	padding:5px 0 0 15px;
}


#packages .pkgDetail p{
	padding-left:15px;
}

#packages .pkgDetail .dollar{
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

#packages .pkgDetail .price{
	font:bold 36px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
#packages .pkgDetail .red{
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#ED1B23;
}
#packages .pkgDetail ul li{
	font:normal 12px/25px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/green-check.gif) no-repeat 15px 6px;
	padding-left:35px;
}

.Pkgbanner{
	position:relative;
	margin:25px auto;
	width:839px;
	height:97px;
	border-top:5px solid #F7E662;
	border-bottom:5px solid #F7E662;
	padding-left:127px;
	background:url(../images/new.jpg) #FFFAAD no-repeat 20px 6px;
	cursor:pointer;
}


.Pkgbanner .look{
	font:bold 28px helvetica, verdana, sans-serif;
	color:#D55F00;
	letter-spacing:-0.10ex;
	margin:18px 0 0;
}
.Pkgbanner .custom{
	font:bold 19px helvetica, verdana, sans-serif;
	color:#464646;
	letter-spacing:-0.10ex;
	padding-left:16px;
}

.Pkgbanner a{
	position:absolute;
	top:52px;
	left:685px;
	width:181px;
	height:27px;
	padding-left:5px;
	display:block;
	color:#fff;
	text-decoration:none;
	font:bold 12px/27px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/pkgPricingBg.jpg) no-repeat 0 0;
}
.Pkgbanner a:hover{
	background:url(../images/pkgPricingBg.jpg) no-repeat 0 -27px;
}


.packageForm{
	width:340px;
	float:right;
	position:relative;
	top:-7px;
}

.packageForm fieldset{border:4px solid #68B7F6; padding:0 10px 10px; color:#006BC1; background:#fff;}

.packageForm fieldset legend{padding:0 10px; font:bold 16px/18px Helvetica, Arial, sans-serif;}


.packageForm h2{
	font:bold 14px/20px Helvetica, Arial, sans-serif;
	color:#0E9F66;padding-left:15px;
	background:url(../images/form-border.gif) no-repeat 0 100% #fff;
}

.packageForm h2 span{
	color:#0E9F66;
	background:url(../images/text-bg.gif) repeat-x 0 100% #fff;
	padding:0 5px;
}

.packageForm .gray{
	background-color:#f6f6f6;
}

.packageForm #pkgform .none{
	padding:0 !important;
}
.packageForm #pkgform p.required{
	background:url(../images/small-star.gif) no-repeat 197px 5px;
	font:bold 11px/23px Verdana, Arial, Helvetica;
}




.packageForm #pkgform td.white{
	background-color:#fff;padding:0;
}
.packageForm #pkgform td{
	background-color:#f6f6f6;
	padding:0 5px;
}
.packageForm p{
	font:normal 11px/20px Verdana, Arial, Helvetica;
	padding-left:12px;
	color:#000;
}

.packageForm label{
	font:normal 11px/12px Verdana, Arial, Helvetica;
	color:#000;
}
.packageForm .textBox{
	width:170px;
	margin:0;
	padding:0;
}

.packageForm .timez{
	width:170px;
	margin:0;
	padding:0;
}

.packageForm .msgBox{
	width:170px;
	height:100px;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.packageForm label span{
	background:url(../images/small-star.gif) no-repeat 0 0px;
	padding-left:15px;
}
.packageForm .pkgBtn{
	width:79px;
	height:24px;
	background:url(../images/pkg-submit.jpg) no-repeat 0 0;
	border:0;
	cursor:pointer;

}


 a.goBack{
	width:210px;
	float:right;
	margin:30px 0 0;
	font:11px/18px Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	background:url(../images/small-arrow.gif) no-repeat 3px 6px #fff;
	_background:url(../images/small-arrow.gif) no-repeat 3px 7px #fff;
	color:#0054A6;
	padding:0 0 0 13px;
}
  a.goBack:hover{
	background:url(../images/small-arrow-up.gif) no-repeat 3px 6px #0054A6;
	_background:url(../images/small-arrow-up.gif) no-repeat 3px 7px #0054A6;
	color:#fff;
	text-decoration:none;
}
.smallRedText {
	padding-top:5px;
}
.addonTable td {
	padding-right:0 !important;
}

