/*########################################################################## top slide section (plans) */
#topslidesection {
	background:url(images/slide_bg.jpg) center top repeat-y;
	position:relative;
	min-height: 1%; /* ie7 fix */
}

#topslidesectioncontent {
	width:960px;
	margin: auto;
	overflow:auto;
	padding:45px 0;
	position:relative;
	overflow:visible;
}


#pricingclose {
	position:absolute;
	right:-25px;
	top:20px;
	width:86px;
	height:16px;
	text-indent:-9999px;
	background: url(images/close.png) no-repeat 0 0;
	z-index:2;
}

#pricingclose:hover {
	background-position:0 bottom;
}

/*package comparision table*/
#pricing_box .col1 {
	background: #f6f6f6;
	float: left;
	width: 245px;
	margin-right: 2px;
}

.package {
	display: inline;
	display: inline;
	float: left;
	margin-right: 2px;
	width: 170px;
	position:relative;
}

.col1, .package {
	border-bottom:1px solid #efefef;
}

.custompackage {
	height:514px;
	position:relative;
}

#pricing_box .custompackage {
	margin-right:0;
	margin-left:3px;
}

#pricing_box h2 {
	background: url(images/packageheaders1.png) no-repeat 0px 0px;
	border-bottom: 1px solid #fff;
	color: #3B5998;
	float: left;
	font-size: 18px;
	font-weight: normal;
	height: 60px;
	line-height: 60px;
	text-align: center;
	width: 245px;
	margin:0;
}

#pricing_box .package h2 {
	width:170px;
	color:#fff;
	font-size:18px;
}

#pricing_box .package .packagetitle {
	color:#fff;
	font-size:18px;
	font-weight:normal;
}

#pricing_box .package .packagetitle:hover {
	color:#f4f4f4;
}

#pricing_box .packagemoreinfo, #pricing_box .packagecontactus {
	font-weight:bold;
	font-size:15px;
	padding-left:15px;
	background: url(images/info.png) no-repeat left 50%;
}

#pricing_box .basicpackage h2 {	background-position:-250px 0; }
#pricing_box .bespokepackage h2 {	background-position:-425px 0; }
#pricing_box .ecompackage h2 {	background-position:-600px 0; }
#pricing_box .custompackage h2 {	background-position:-790px 0; }

#pricing_box .packagecostrow, #pricing_box .packagecontactrow {
	background-image:none;
	background:#ececec;
	height:32px;
	line-height:32px;
}

#pricing_box .packagecontactrow {
	position:absolute;
	bottom:28px;
	left:0;
	float:none;
}

#pricing_box .col1 p {
	float: left;
	padding: 4px 25px 4px 0px;
	height:20px;
	text-align: right;
	width: 220px;
	margin:0;
}

#pricing_box .package p {
	float: left;
	padding: 4px 0px;
	height:20px;
	text-align: center;
	width: 170px;
	margin:0;
	font-size:15px;
}

#pricing_box .custompackage p {
	height:auto;
	text-align:left;
	padding: 4px 10px;
	width:150px;
	font-size:12px;
}

#pricing_box .custompackage ul {
	float:left;
	margin:20px 0 20px 0px;
	padding-left:30px;
}

#pricing_box p.light { background: white; }

#pricing_box .basicpackage { background: #e2f3ff; }
#pricing_box .bespokepackage { background: #d3e4ef; }
#pricing_box .ecompackage { background: #cddbe5; }
#pricing_box .custompackage { background: #f3f3f3 url(images/customblurb.png) no-repeat 0px 325px; }

.optional {
	font-style:italic;
	color:#666;
}

.packageprice {
	font-size:16px;
}

.bestsellerpackage {
	background: url(images/bestseller.png) no-repeat 0px 0px;
	height:70px;
	width:80px;
	position:absolute;
	top:-10px;
	left:-7px;
}


/* plans */

.top_plan {
	width:240px;
	height:410px;
	float:left;
	background:#fff url(images/plansbg.png) right top no-repeat;
	position:relative;
}

.top_plan h2 {
	background:#2b8ebb url(images/h_plans.png) right top no-repeat;
	margin-bottom:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top:15px;
	padding-left:20px;
	height:55px;
	line-height:24px;
}

.lastheader {
	background-position:left top;
}

.top_plan h2 a {
	display:block;
	width:220px;
	color:#f0f0f0;
}

.top_plan small {
	font-size:9px;
}

.top_plan ul {
	list-style: none;
	margin: 0px 32px 0px 16px;
}


.top_plan li {
	background: url(images/check.png) no-repeat 2px 50%;
	color: #666;
	font-size: 11px;
	padding: 0px 0px 0px 16px;
}

.hilight {
	color:#333;
	font-weight:bold;
}

.top_plan .notincluded {
	color:#999;
	text-decoration:line-through;
}

.planmoreinfo {
	position:absolute;
	bottom:32px;
	left:58px;
	display:block;
	height:27px;
	width:113px;
	text-align:center;
	text-indent:-9999px;
	background: url(images/button_moreinfo.png) no-repeat 0 bottom;
}

.planmoreinfo:hover {
	background: url(images/button_moreinfo.png) no-repeat 0 0;
}

/*############################################################################################### top section / box */

#topbox {
	min-height:250px;
	*height:250px; /*ie7 hack*/
	background:url(images/tb_bottom1.jpg) center bottom no-repeat;
	padding-bottom:20px;
}

.topboxleft {
	width:380px;
	margin-right:20px;
	float:left;
	text-align:justify;
	height:265px;
	/*background:url(images/left_bg.png) center 50px no-repeat;*/
}

.topboxleft h2 {
	font-size:1.4em;
	line-height:1.4em;
	color:#444;
	font-family:helvetica;
}

.topboxleft p {
	margin-bottom:10px;
}

#pricingbuttonp {
	margin-top:30px;
	margin-left:30px;
	height:50px;
	background: url(images/clicknow.png) no-repeat 90% 0;
}
	

#pricingbuttonp #pricingbutton {
	display:block;
	width: 173px;
	height: 31px;
	background: url(images/button_pricing.png) no-repeat 0 0;
	text-indent: -9999px;
}

#pricingbuttonp #pricingbutton:hover {
	background: url(images/button_pricing.png) no-repeat 0 bottom;
}



.topboxright {
	width:540px;
	float:right;
	min-height:350px;
	margin-top:-84px;
}
	

/*####################################################################################### middle box */

#middlebox {
	margin:20px 0;
	overflow:auto;
}

/*####################################################################################### what you get / what we have to offer */
#whatyouget {
	width:480px;
	margin-right:20px;
	overflow:auto;
	float:left;
}

#whatyouget h2 {
	text-indent:-9999px;
	width:210px;
	height:29px;
	background: url(images/h_wwhto.png) no-repeat 0 0;
}

#whatyougetbox1, #whatyougetbox2, #whatyougetbox3, #whatyougetbox4 {
	width:220px;
	margin:0 20px 20px 0px;
	float:left;
	display:inline;
	background: url(images/section.jpg) no-repeat 0 0;
	min-height:185px;
}

#whatyougetbox3 {
	clear:both;
}

#whatyougetbox1 h3, #whatyougetbox2 h3, #whatyougetbox3 h3, #whatyougetbox4 h3 {
	margin:0 0 10px;
	padding:10px 0 7px 65px;
	letter-spacing: -0.03em;
	line-height: 1.3em;
	font-size:1.2em;
}

#whatyougetbox1 h3 {
	background: url(images/wyg_1.png) no-repeat 18px 10px;
}
#whatyougetbox2 h3 {
	background: url(images/wyg_2.png) no-repeat 18px 10px;
}
#whatyougetbox3 h3 {
	background: url(images/wyg_3.png) no-repeat 18px 10px;
}
#whatyougetbox4 h3 {
	background: url(images/wyg_4.png) no-repeat 18px 10px;
}

#whatyougetbox1 p, #whatyougetbox2 p, #whatyougetbox3 p, #whatyougetbox4 p {
	padding: 0 20px 0 20px;
	text-align:justify;
}

/*######################################################################################## quick quote */

#quickquote {
	width:440px;
	float:right;
	margin-bottom:20px;
	background: url(images/postcard1.jpg) no-repeat 0 46px;
	border-bottom:1px solid #c6dae7;
}

#quickquote h2 {
	text-indent:-9999px;
	width:112px;
	height:29px;
	background: url(images/h_quickquote.png) no-repeat 0 0;
}

#quickquote .quickquotetext {
	width:310px;
}

#qqform {
	position:relative;
	padding:10px;
}

#qqform .input {
	border:1px solid #ccc;
}

#qqfname, #qqfemail, #qqftelephone {
	width:180px;
	margin-bottom:5px;
}

#qqfname label, #qqfemail label, #qqftelephone label, #qqfquestion label {
	color:#2975A7;
}

#qqfquestion {
	position:absolute;
	top:10px;
	right:0;
	width:250px;
}

#qqfquestion .textarea {
	width:236px;
	height:106px;
	border:1px solid #ccc;
}

#qqfsubmit {
	width:100%;
	text-align:right;
	margin-bottom:0px;
}

#qqfsubmit .button {
	margin:15px 2px 1px 316px;
	display:block;
	border:none;
	width: 101px;
	height: 24px;
	background: url(images/button_quote.png) no-repeat 0 bottom;
	text-indent: -9999px;
	font-size:0;
	color:#5497C3;
	*text-align:right;
}

#qqfsubmit .button:hover {
	background: url(images/button_quote.png) no-repeat 0 top;
	cursor:pointer;
}

#qqformsent {
	height:120px;
}

#qqformsent p {
	background: url(images/quickquotesent.png) no-repeat 0 top;
	text-indent:-9999px;
	height:70px;
	width:355px;
	margin:36px 0 0 20px;
}


/*######################################################################################## testimonials */

#testimonials {
	float:right;
	width:440px;
}

#testimonials h2 {
	text-indent:-9999px;
	width:161px;
	height:29px;
	background: url(images/h_testimonials.png) no-repeat 0 0;
}

.testimonial {
	padding: 15px 30px 10px 30px;
	border: 1px dashed #CCDCFA;
	margin-bottom:20px;
	background: url(images/quotesmall.png) no-repeat 15px 10px;
}

.quote {
	font-style:italic;
	color:#333;
	text-indent:20px;
	font-size:0.9em;
}

.person {
	font-size: 0.9em;
	font-style: italic;
	text-align: right;
	padding-right:35px;
	background: url(images/quotesmallright.png) no-repeat right bottom;
	margin:0;
	padding-bottom:5px;
	color:#2975A7;
}

/*############################################################################################## package pages */

#packageleftside {
	width:240px;
	float:left;
}

#packagerightsite {
	float:left;
	width:680px;
	padding:0 0 20px 20px;
}

#h_starter, #h_standard, #h_premium, #h_ecommerce {
	display:none;
}

#plan_starter h2 {
	text-indent:-9999px;
	width:180px;
	background: url(images/h_starter.png) no-repeat 20px 10px;
}

#plan_standard h2 {
	text-indent:-9999px;
	width:180px;
	background: url(images/h_standard.png) no-repeat 20px 10px;
}

#plan_bespoke h2 {
	text-indent:-9999px;
	width:180px;
	background: url(images/h_bespokepackage.png) no-repeat 20px 10px;
}

#plan_ecom h2 {
	text-indent:-9999px;
	width:200px;
	background: url(images/h_ecom.png) no-repeat 20px 10px;
}

.packagejumplink, .activeplan, .pacakgecallnowside {
	width:210px;
	clear:left;
	padding:5px 5px 5px 5px;
	border:1px solid #ddd;
	margin-left:10px;
	background: url(images/bg_plans.png) repeat-y 0 0;
	text-align:center;
}

.activeplan {
	width:240px;
	border:none;
	border-bottom:1px solid #a0b6c3;
	margin:0 0 10px 0;
	padding:0;
	text-align:left;
	background: url(images/activeplan.png) no-repeat 0 0;
}

.activeplan h2 {
	margin-bottom:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top:15px;
	padding-left:20px;
	height:35px;
	color:#fff;
}

.activeplan ul {
	list-style: none;
	margin: 0px 32px 10px 20px;
}


.activeplan li {
	background: url(images/check1.png) no-repeat 2px 50%;
	color: #151515;
	font-size: 11px;
	padding: 0px 0px 0px 16px;
}

#activeplanprice {
	background: url(images/activeplan.png) no-repeat 0 -10px;
	padding:5px 0;
	text-align:center;
	color:#fff;
	font-size:1.4em;
	font-weight:bold;
}

/*active plan sale*/

#activeplanpricesale {
	background:#fff url(images/salebg.png) right top no-repeat;
	padding:5px 0 7px;
	margin:-10px 0 0 0;
}

#activeplanpricesale span {
	display:block;
	font-size:11px;
	color:#151515;
	padding-left:70px;
}

#activeplanpricesale span {
	display:inline-block;
	font-size:0.8em;
}

#activeplanpricesale .saletimeleft {
	font-weight:bolder;
}

#packagerightsite h3 {
	padding:0;
}

#pacakgeoverviewbox {
	width:49%;
	float:left;
	margin-right:2%;
	min-height:220px;
}

#pacakgeoverviewbox h3 {
	text-indent:-9999px;
	width:95px;
	height:29px;
	background: url(images/h_overview.png) no-repeat 0 0;
}

.packageintrotext {
	padding:0 10px;
	border-left:4px solid #4297D0;
	text-align:justify
}

#packageexamplebox {
	width:49%;
	float:left;
}

#packageexamplebox h3 {
	text-indent:-9999px;
	width:122px;
	height:29px;
	background: url(images/h_example.png) no-repeat 0 0;
}

#h_features {
	text-indent:-9999px;
	width:172px;
	height:29px;
	background: url(images/h_features.png) no-repeat 0 0;
}

.feature p {
	padding-left:100px;
	min-height:70px;
}

#bespokedesignfeature p {
	background: url(images/package_bespoke.jpg) no-repeat 24px 10px;
}

#webhostingfeature p {
	background: url(images/package_hosting.jpg) no-repeat 24px 10px;
}

#domainfeature p {
	background: url(images/package_url.jpg) no-repeat 24px 10px;
}

#madeinukfeature p {
	background: url(images/package_uk.jpg) no-repeat 24px 10px;
}

#emailfeature p {
	background: url(images/package_email.jpg) no-repeat 24px 10px;
}

#contentmanagementfeature p {
	background: url(images/package_cms.jpg) no-repeat 24px 10px;
}

#searchboostfeature p {
	background: url(images/package_search.jpg) no-repeat 24px 10px;
}

#statsfeature p {
	background: url(images/package_seo.jpg) no-repeat 24px 10px;
}


#supportfeature p {
	background: url(images/package_support.jpg) no-repeat 24px 10px;
}

#orderfeature p {
	background: url(images/package_order.jpg) no-repeat 24px 10px;
}

#paymentfeature p {
	background: url(images/package_payment.jpg) no-repeat 18px 10px;
}

#webshopfeature p {
	background: url(images/package_ecommerce.jpg) no-repeat 24px 10px;
}

#statsfeature ul {
	margin:0 0 10px 140px;
}

/*optional extras*/

#packageoptions h3 {
	text-indent:-9999px;
	width:150px;
	height:29px;
	background: url(images/h_extras.png) no-repeat 0 0;
}

#extralogo {
	width:250px;
	float:left;
	margin-right:15px;
	padding:10px;
	background: url(images/extralogobg.jpg) no-repeat 0 0;
}

#extraflash, #extracopy {
	float:left;
	width:370px;
	margin-bottom:15px;
	padding:10px;
	background: url(images/extraflashbg.jpg) no-repeat 0 0;
}

.optionaltitle {
	padding:0;
	font-size:1.2em;
	display:inline;
	color:#141414;
}

.optionalprice {
	font-size:1.2em;
	margin-left:10px;
	margin-top:5px;
	font-style:italic;
	color:#fff;
	display:inline-block;
	height:26px;
	line-height:25px;
	padding:0 10px 0 15px;
	background: url(images/pricetag.png) no-repeat 0 0;
}

.optionaltext {
	margin:0;
	padding-top:3px;
	border-top:1px solid #e5e5e5;
}

#testimonialspackagepage, .pacakgecallnow {
	clear:both;
}

.pacakgecallnow {
	font-weight:bold;
	font-size:1.2em;
	padding: 5px 10px;
	background:#2975A7;
	color:white;
	text-align:center;
}
.pacakgecallnow a{
	color:white;	
}



/*############################################################################################## contact us page */

#h_contact {
	text-indent:-9999px;
	width:186px;
	height:29px;
	background: url(images/h_contact.png) no-repeat 0 0;
}

#contactdetails {
	float: left;
	width: 275px;
	margin-top: 10px;
}
#contactdetails h3 {
	border-bottom: 1px solid #ddd;
	height: 26px;
}
#contactdetails p {
	font-size:13px;
	line-height:110%;
}
#contactform {
	float: left;
	margin: 10px 0 0 50px;
	width: 600px;
}
#contactform h3 {
	border-bottom: 1px solid #ddd;
	height: 26px;
}

#contactform .input, #contactform #howfound {
	width:250px;
}

#contactform .textarea {
	width:527px;
	height:150px;
}

#fname, #femail, #ffound, #ftelephone, #fcode, #fsubmit{
	width:275px;
	float:left;
}
#fquestion{
	clear:both;
}
#fsubmit input {
	margin: 1.1em 25px 0 auto;
}

#contactform #contactbutton {
	margin:0 2px 0 0;
	display:block;
	border:none;
	width: 101px;
	height: 24px;
	background: url(images/button_send.png) no-repeat 0 bottom;
	text-indent: -9999px;
	font-size:0;
	color:#5497C3;
	*text-align:right;
}

#contactform #contactbutton:hover {
	background: url(images/button_send.png) no-repeat 0 top;
	cursor:pointer;
}

/* #################################################################################################### about us */

#h_aboutconcept, #h_aboutcompany {
	text-indent:-9999px;
	height:29px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	margin-right: 25px;
}

#h_aboutconcept {
	background: url(images/h_aboutconcept.png) no-repeat 0 0;
}

#h_aboutcompany {
	background: url(images/h_aboutcompany.png) no-repeat 0 0;
}

#pageaboutus #pagecontent ul {
	margin-right: 25px;
}


/*###################################################################################################### vacancies page*/

#h_vacancies {
	text-indent:-9999px;
	width:263px;
	height:29px;
	background: url(images/h_vacancies.png) no-repeat 0 0;
}

/*######################################################################################################## reserve price*/

#h_reserveprice {
	text-indent:-9999px;
	width:210px;
	height:29px;
	background: url(images/h_reserveprice.png) no-repeat 0 0;
}

#contactform #reservetbutton {
	margin:0 2px 0 0;
	display:block;
	border:none;
	width: 101px;
	height: 24px;
	background: url(images/button_send.png) no-repeat 0 bottom;
	text-indent: -9999px;
	font-size:0;
	color:#5497C3;
	*text-align:right;
	margin:5px 0 0 0;
}

#contactform #reservetbutton:hover {
	background: url(images/button_send.png) no-repeat 0 top;
	cursor:pointer;
}

/*###################################################################################################### f&q's */

#h_faq {
	text-indent:-9999px;
	width:263px;
	height:29px;
	background: url(images/h_faq.png) no-repeat 0 0;
}

.answer {
	padding-left:40px;
	background: url(images/a.png) no-repeat 10px 0;
}

/*###################################################################################################### portfolio */

#h_portfolio {
	text-indent:-9999px;
	width:126px;
	height:29px;
	background: url(images/h_portfolio.png) no-repeat 0 0;
}

.portfolio_site {
	width:100%;
	margin-top:30px;
}

.portfolio_image {
	float:left;
	width:620px;
	position:relative;
}

.new_site {
	position:absolute;
	top:-15px;
	right:-25px;
	z-index:1;
	width:48px;
	height:48px;
	background: url(images/newstar.png) no-repeat 0 0;
}

.portfolio_mainimage {
	border:1px solid #ddd;
	background:#fff;
	padding:5px;
}

.portfolio_morelink, .portfolio_visitlink {
	display:inline-block;
	margin:5px 0 0 15px;
	float:right;
}

.portfolio_morelink {
	width:102px;
	height:16px;
	text-indent:-9999px;
	display:block;
	background: url(images/moreinfo.png) no-repeat 0 0;
}

.portfolio_lesslink {
	display:block;
	width:102px;
	height:16px;
	text-indent:-9999px;
	background: url(images/lessinfo.png) no-repeat 0 0;
}

.portfolio_visitlink {
	width:102px;
	height:16px;
	text-indent:-9999px;
	background: url(images/visitsite.png) no-repeat 0 0;
}

.portfolio_morelink:hover, .portfolio_visitlink:hover {
	background-position: 0 bottom;
}

.portfolio_discription {
	float:right;
	margin-left:20px;
	width:290px;
}

.portfolio_discription h3 {
	padding:0;
	margin-bottom:0;
}

.portfolio_discription h4 {
	font-weight:bold;
	padding:0;
	font-size:0.9em;
}

.description_more {
	clear:both;
	padding-top:10px;
}

.portfolio_discription ul {
	margin:0 0 18px 4px;
}

.portfolio_site .standardlist li {
	float:left;
	width:132px;
	padding-bottom:0;
	padding-left:11px;
}

/*portfolio smaller images*/
#portfoliogal {
	margin-top:40px;
}

#h_portfoliotherest {
	text-indent:-9999px;
	width:230px;
	height:29px;
	background: url(images/h_therest.png) no-repeat 0 0;
}

.portfoliogalitem {
	width:300px;
	margin:15px 3px;
	float:left;
	height:150px;
	border:1px solid #ddd;
	background:#fff;
	padding:2px;
}

/*terms */
#h_terms {
	text-indent:-9999px;
	width:300px;
	height:29px;
	background: url(images/h_terms.png) no-repeat 0 0;
}

/*######################################################################################################### package sign up */

#h_signup {
	text-indent:-9999px;
	width:200px;
	height:29px;
	background: url(images/h_signup.png) no-repeat 0 0;
}

#signupsummary {
	background: url(images/bb2.png) no-repeat 0 100%;
	width:400px;
	padding-bottom:8px;
	float:left;
}

#signupsummary h3 {
	background: url(images/bt2.png) no-repeat 0 0;
	padding:3px 10px;
	font-size:12px;
}

#signupsummary p {
	padding:0 10px;
}

#paymentsystem {
	width:175px;
	float:left;
	margin-left:40px;
}

#singupcontactdetails {
	clear:both;
}

#singupcontactdetails h3 {
	font-size:12px;
	padding-bottom:3px;
	border-bottom:1px solid #e5e5e5;
	width:800px;
}

#customleft, #customright {
	width:49%;
	float:left;
	margin-right:1%;
}

#customleft .inputbox, #customright .inputbox {
	width:50%;
	padding:2px;
}

#address1, #address2 {
	margin-bottom:5px;
}

#custombutton {
	clear:both;
	margin:10px 2px 0 0;
	border:none;
	width: 101px;
	display:block;
	height: 24px;
	background: url(images/button_checkout.png) no-repeat 0 bottom;
	text-indent: -9999px;
	font-size:0;
	color:#000;
	*text-align:right;
}

#custombutton:hover {
	background-position:0 0;
	cursor:pointer;
}

.mini {
	margin-top:10px;
	clear:both;
}

/*######################################################################################################### content management page*/

.contenttext {
	width:550px;
	float:left;
	margin-right:20px;
}

.contentscreenshots {
	float:left;
	width:350px;
}
.contentscreenshots img {
	padding:4px;
	border:1px solid #e5e5e5;
}

.contentscreenshots .contentscreendesc {
	text-align:right;
	display:block;
	font-style:italic;
	font-size:11px;
	color:#666;
}


#h_cm {
	text-indent:-9999px;
	width:200px;
	height:29px;
	background: url(images/h_cm.png) no-repeat 0 0;
}

.cmstep {
	padding:10px;
	border:1px solid #e5e5e5;
	margin-bottom:20px;
}

/*######################################################################################################### seo page*/

#h_seo {
	text-indent:-9999px;
	width:224px;
	height:29px;
	background: url(images/h_seo.png) no-repeat 0 0;
}

/*######################################################################################################### bespoke design page*/

#h_bespoke {
	text-indent:-9999px;
	width:152px;
	height:29px;
	background: url(images/h_bespoke.png) no-repeat 0 0;
}


.addressbox{
float:left;	
margin-right:15px;
margin-left:15px;
}