/* CSS Document */

div.dot_body div.dot_page div.tab_body div.topper.designtop {
	background: url(/images/dv7/webdesign/pro_site_top_bg.jpg) 2px 0 no-repeat;
}

div.designtop h1, div.designtop h2 {
	display: none;
}

div.designtop a.buytop {
	display: block;
	background: url(/images/dv7/webdesign/wd_pro_buy.jpg) 0 0 no-repeat;
	height: 46px;
	width: 104px;
	z-index: 50;
	position: relative;
	overflow: hidden;
	text-indent: -999%;
	top: 138px;
	left: 261px;
}

div.designtop a.buytop:hover {
	background-position: 0 -46px;
}

div.designtop ul.top {
	margin: 151px 0 0 239px;
	position: relative;
	padding: 0;
	list-style: none;
	z-index: 50;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}

div.designtop ul.top li {
	padding-left: 11px;
	background: url(/images/dv7/dot_check.gif) 0 6px no-repeat;
}

div.designtop p.top {
	font-size: 16px;
	line-height: 1.8em;
	position: relative;
	z-index: 50;
	padding: 15px 55px 10px 38px;
	margin: 0;
}

div.designtop p.topdagg {
	font-size: 9px;
	font-family: Arial,Helvetica,sans-serif;
	color: #999999;
	padding: 0px 55px 0px 38px;
	margin: 0;
}

div.designtop h3 {
	background: url(/images/dv7/webdesign/pro_site_steps.jpg) 12px 5px no-repeat;
	width: 117px;
	height: 117px;
	overflow: hidden;
	text-indent: -999%;
	float: left;
	margin: 0;
	padding: 5px 0 0 12px;
}

div.designtop ul.steps {
	float: left;
	margin: 0;
	list-style: none;
	display: block;
	padding: 10px 0 0 0;
	width: 504px;
}

div.designtop ul.steps li {
	display: block;
	float: left;
	height: 117px;
	text-indent: -999%;
	overflow: hidden;
}

div.designtop ul.steps li.step1 {
	background: url(/images/dv7/webdesign/pro_site_step1.jpg) 0 0 no-repeat;
	width: 167px;
}

div.designtop ul.steps li.step2 {
	background: url(/images/dv7/webdesign/pro_site_step2.jpg) 0 0 no-repeat;
	width: 169px;
}

div.designtop ul.steps li.step3 {
	background: url(/images/dv7/webdesign/pro_site_step3.jpg) 0 0 no-repeat;
	width: 168px;
}

div.designtop a.buymid {
	display: block;
	width: 103px;
	height: 43px;
	background: url(/images/dv7/webdesign/bn_basic.jpg) 0 0 no-repeat;
	overflow: hidden;
	margin: 48px 0 0 5px;
	text-indent: -999%;
	float: left;
}

div.designtop a.buymid:hover {
	background-position: 0 -43px;
}

div.designtop p.sub {
	font-size: 10px;
	color: #888;
	line-height: normal;
	padding: 20px 80px 0 30px;
	margin: 0;
}
div.designtop h4.free {
	margin: 0;
	padding: 10px 0 0 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	width: 650px;
	line-height: 1.6em;
}

div.designtop h4 strong {
	color: #669900;
}

div.expander {
	clear: both;
	background: url(/images/dv7/expand_bottom.jpg) 0 bottom no-repeat;
	padding-bottom: 11px;
	width: 693px;
	margin: 0 0 0 17px;
}

div.customtop div.expander {
	margin: 10px 0 10px 24px;
}

div.expander h4 {
	margin: 0;
	padding: 0;
	background: url(/images/dv7/expand_top.jpg) 0 0 no-repeat;
	height: 37px;
	line-height: 45px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666;
	text-indent: 31px;
	overflow: hidden;
}

div.customtop div.expander h4 {
	background: url(/images/dv7/webdesign/expand_top_custom.jpg) 0 0 no-repeat;
}

div.expander h4 a {
	display: block;
	height: 37px;
	color: #666;
	text-decoration: none;
}

div.customtop div.expander h4 a {
	text-indent: -340px;
	overflow: hidden;
}

div.expander h4 a span {
	text-decoration: underline;
	margin-left: 10px;
}

div.customtop div.expander h4 a span {
	padding-left: 523px;
}

div.expander div {
	padding: 10px 0;
	background: url(/images/dv7/expand_mid.jpg) repeat-y;
}

div.expander div div {
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 15px;
	width: 622px;
	margin: 0 0 0 16px;
	-moz-box-shadow: #bbb 0 0 8px 5px;
	-webkit-box-shadow: #bbb 0 0 8px 5px;
}



/* Custom Design Pages */

div.dot_body div.dot_page div.tab_body div.topper.customtop {
	background: url(/images/dv7/webdesign/custom_top.jpg) 2px 0 no-repeat;
}

div.customtop h1, div.customtop h2 {
	display: none;
}

div.customtop p.first {
	padding: 107px 371px 0 24px;
	font-size: 16px;
	line-height: 1.3em;
}

div.customtop a.request {
	display: block;
	background: url(/images/dv7/webdesign/custom_starts_request.jpg) 0 0 no-repeat;
	height: 168px;
	width: 208px;
	overflow: hidden;
	text-indent: -999%;
	float: left;
	margin: 22px 0 0 22px;
}

div.customtop h4.include {
	font-size: 16px;
	font-weight: normal;
	padding: 55px 0 5px 10px;
	margin: 0;
	float: left;
}

div.customtop ul {
	font-size: 16px;
	line-height: 1.3em;
	float: left;
	margin: 0;
	padding: 0 0 29px 33px;
	list-style: none;
}

div.customtop ul li {
	background: url(/images/dv7/dot_check.gif) 0 6px no-repeat;
	padding-left: 15px;
}

div.customtop a.request:hover, div.customtop a.request:active, div.customtop a.request:focus {
	background-position: 0 -168px;
}

div.customtop div.quote {
	width: 694px;
	background: url(/images/dv7/shad_box_mid.jpg);
	clear: both;
	margin: 0 0 0 20px;
}

div.customtop div.quote blockquote p {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 1.5em;
  color:#333;
}

div.customtop div.quote blockquote {
	background: url(/images/dv7/shad_box_top.jpg) 0 0 no-repeat;
	padding: 9px 29px 0;
	margin: 0;
}

div.customtop div.quote span.tquote {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	width:24px;  
	height:24px;  
	display:block;
	position: absolute;
	margin: 15px 0 0 15px;
}  

div.customtop div.quote span.bquote {  
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	width:24px;  
	height:24px;  
	display:block;
	position: absolute;
	margin: -15px 0 20px 665px; 
}

div.customtop div.quote cite {
	display: block;
	margin: 0;
	padding: 0 0 15px 30px;
	background: url(/images/dv7/shad_box_bot.jpg) 0 bottom no-repeat;
}


/*** Portfolio Page ***/

div.dot_body div.dot_page div.tab_body div.topper.portfoliotop {
	background: url(/images/dv7/webdesign/portfoltio-top-bg.jpg) 2px 0 no-repeat;
}

div.portfoliotop h1, div.portfoliotop h2 {
	display: none;
}

div.portfoliotop p.top {
	padding: 123px 315px 20px 20px;
	font-size: 14px;
	line-height: 1.6em;
	margin: 0;
}

div.portfoliotop p.mid {
	padding: 0 0 40px 20px;
	font-size: 14px;
	line-height: 1.6em;
	display: block;
	float: left;
	width: 360px;
	margin: 0;
}

div.portfoliotop a.request {
	display: block;
	background: url(/images/dv7/webdesign/ecommerce_quote.jpg) 0 0 no-repeat;
	width: 159px;
	height: 44px;
	float: left;
	text-indent: -999%;
	overflow: hidden;
	margin: 2px 0 0 20px
}

div.portfoliotop a.request:hover {
	background-position: 0 -44px;
}

div.portfoliotop ul.web_portfolio {
	clear: both;
	margin: 0;
	padding: 10px 0 25px 19px;
	display: block;
	list-style: none;
}

div.portfoliotop ul.web_portfolio li {
	margin: 0;
	padding: 10px 0 24px 31px;
	float: left;
}

div.portfoliotop ul.web_portfolio a {
	display: block;
	height: 118px;
	width: 195px;
	text-indent: -999%;
	overflow: hidden;
}

div.portfoliotop ul.web_portfolio a.proweb{
	background: url(/images/dv7/webdesign/proweb-portfolio-1-thb.jpg) 0 0 no-repeat;
}

div.portfoliotop ul.web_portfolio a.proweb2{
	background: url(/images/dv7/webdesign/proweb-portfolio-2-thb.jpg) 0 0 no-repeat;
}

div.portfoliotop ul.web_portfolio a.proweb3{
	background: url(/images/dv7/webdesign/proweb-portfolio-3-thb.jpg) 0 0 no-repeat;
}

div.portfoliotop ul.web_portfolio a.proweb4{
	background: url(/images/dv7/webdesign/proweb-portfolio-4-thb.jpg) 0 0 no-repeat;
}

div.portfoliotop ul.web_portfolio a.proweb5{
	background: url(/images/dv7/webdesign/proweb-portfolio-5-thb.jpg) 0 0 no-repeat;
}

div.portfoliotop ul.web_portfolio a.proweb6{
	background: url(/images/dv7/webdesign/proweb-portfolio-6-thb.jpg) 0 0 no-repeat;
}


div.portfoliotop ul.web_portfolio a.dproweb{
	background: url(/images/dv7/webdesign/proweb-design-portfolio-1-thb.jpg) 0 0 no-repeat;
}

div.portfoliotop ul.web_portfolio a.dproweb2{
	background: url(/images/dv7/webdesign/proweb-design-portfolio-2-thb.jpg) 0 0 no-repeat;
}

div.portfoliotop ul.web_portfolio a.dproweb3{
	background: url(/images/dv7/webdesign/proweb-design-portfolio-3-thb.jpg) 0 0 no-repeat;
}

div.portfoliotop ul.web_portfolio a.dproweb4{
	background: url(/images/dv7/webdesign/proweb-design-portfolio-4-thb.jpg) 0 0 no-repeat;
}

div.portfoliotop ul.web_portfolio a.dproweb5{
	background: url(/images/dv7/webdesign/proweb-design-portfolio-5-thb.jpg) 0 0 no-repeat;
}

div.portfoliotop ul.web_portfolio a.dproweb6{
	background: url(/images/dv7/webdesign/proweb-design-portfolio-6-thb.jpg) 0 0 no-repeat;
}

div.portfoliotop h3 {
	clear: both;
	display: block;
	text-indent: -999%;
	overflow: hidden;
}

div.portfoliotop h3.proweb_title {
	height: 33px;
	width: 473px;
	background: url(/images/dv7/webdesign/professional-website-portfo.jpg) 0 0 no-repeat;
	margin: 0 0 0 50px;
}

div.portfoliotop h3.design_title {
	height: 36px;
	width: 462px;
	background: url(/images/dv7/webdesign/desing-portfolio-title.jpg) 0 20px no-repeat;
	margin: 0 0 0 50px;
	padding: 20px 0 0;
}


/**** eCommerce Page ****/

div.dot_body div.dot_page div.tab_body div.topper.ecommercetop {
	background: url(/images/dv7/webdesign/ecommerce_top.jpg) 0 0 no-repeat;
}

div.ecommercetop h1, div.ecommercetop h2 {
	display: none;
}

div.ecommercetop p.top {
	font-size: 16px;
	padding: 124px 415px 0 15px;
	margin: 0;
	line-height: 1.4em;
}

div.ecommercetop a.request {
	text-indent: -999%;
	overflow: hidden;
	display: block;
	background: url(/images/dv7/webdesign/ecommerce_quote.jpg) 0 0 no-repeat;
	width: 159px;
	height: 44px;
	margin: 15px 0 30px 103px;
	cursor: pointer;
}

div.ecommercetop a.request:hover, div.ecommercetop a.request:active, div.ecommercetop a.request:focus {
	background-position: 0 -44px;
}

div.ecommercetop div.expander {
	margin: 0 0 6px 30px;
}

div.ecommercetop div.expander h4 {
	text-indent: -190px;
}

div.ecommercetop div.expander h4.simple {
	background: url(/images/dv7/webdesign/ecommerce-made-simple.jpg) 0 0 no-repeat;
}

div.ecommercetop div.expander h4.simple a span {
	padding-left: 340px;
}

div.ecommercetop div.expander h4.robust {
	background: url(/images/dv7/webdesign/ecommerce-robust-online.jpg) 0 0 no-repeat;
}

div.ecommercetop div.expander h4.robust a span {
	padding-left: 336px;
}


div.ecommercetop div.expander h4.solution {
	background: url(/images/dv7/webdesign/ecommerce-self-managed.jpg) 0 0 no-repeat;
}

div.ecommercetop div.expander h4.solution a span {
	padding-left: 321px;
}




/*** Custom Design Request Form ***/

form.df_request {
	border: 0;
	padding: 0;
	margin: 0;
}

form.df_request fieldset {
	border: 0;
	margin: 15px 0 15px 42px;
	padding: 0;
}

p.note {
	color: #999;
	font-size: 14px;
}

form.df_request ul {
	margin: 0;
	padding: 0 30px 0 0;
	float: left;
	width: auto;
	list-style: none;
}

form.df_request ul li {
	background: none;
	padding: 0 0 15px 0;
	margin: 0;
}

form.df_request ul li label {
	display: block;
	font-size: 14px;
	color: #666;
}

form.df_request ul li input {
	background: url(/images/dv7/webdesign/request_input.jpg) 0 0 no-repeat;
	height: 27px;
	width: 233px;
	padding: 7px 5px 0;
	border: 0;
	overflow: hidden;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666;
}

form.df_request fieldset.lower label {
	display: block;
	font-size: 14px;
	color: #666;
}

form.df_request fieldset.lower textarea {
	background: url(/images/dv7/webdesign/request_textarea.jpg) 0 0 no-repeat;
	width: 440px;
	height: 73px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666;
	line-height: 1.2em;
	margin: 0;
	padding: 5px 2px 5px 5px;
	resize: none;
}

form.df_request fieldset.lower label.none {
	display: none;
}

form.df_request fieldset.lower input {
	display: block;
	height: 44px;
	width: 104px;
	background: url(/images/dv7/webdesign/request_submit.jpg) 0 0 no-repeat;
	margin: 20px 0 0 20px;
	padding: 0;
	border: 0;
	cursor: pointer;
}


form.df_request label.error {
	display: block;
	background: #ddd;
	color: #990000;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	width: 242px;
	margin: 0;
	font-size: 13px;
	line-height: normal;
	height: 20px;
	text-indent: 10px;
}

form.df_request fieldset.lower label.error {
	width: 447px;
}

div.quotesent {
	padding: 77px 115px 110px 60px;
}

div.quotesent h1 {
	font-size: 32px;
	line-height: normal;
	font-weight: normal;
	margin: 0;
	padding: 0 0 20px 0;
	color: #444;
}

div.quotesent p {
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 14px;
	color: #666;
}


/***Request a Quote Page ***/

div.requestquote {
	background: url(/images/dv7/webdesign/request_background.jpg) 460px 6px no-repeat;
}

div.requestquote h1 {
	display: block;
	background: url(/images/dv7/webdesign/request_title.jpg) 20px 40px no-repeat;
	margin: 0;
	padding: 40px 0 0 20px;
	height: 41px;
	width: 313px;
	text-indent: -999%;
	overflow: hidden;
}

div.requestquote p {
	padding: 10px 320px 10px 21px;
	margin: 0;
}