/*
Description:	CSS 2011
Author:			Visualcode Limited
Date: 			Sept 2012
Version:		1.0
*/

@import url('css/generalform.css');
@import url('/css/fancybox.css');
@import url('css/cookie.css');
@import url('css/coda-slider.css');

@import url('http://fonts.googleapis.com/css?family=PT+Sans:700,400');;

/*---------------------------Grid -----------------------------*/

#Grid div{
	width:60px;
	margin-right:20px;
	background:purple;
	height:100%;
	float:left;
	color:#3E3E3E;
	font-weight:bold;
	font-size:10px;
	}


/*---------------------------Global Start -----------------------------*/

body { 
	font:13px/20px 'PT Sans', Arial, Helvetica, sans-serif;
	font-weight:400;
	margin:0px;
	padding:0px;
	color:#3E3E3E;
	background:#FFF;
	text-align:center;
	}
	

input, 
button, 
select, 
textarea {
	font:13px/18px 'PT Sans', Arial,Helvetica,sans-serif;
	}

a:link {
	color: #6E235E; 
	text-decoration: none;
	}

a:visited {
	color:#6E235E;
	text-decoration: none;
	}

a:active {
	color: #CCC;
	text-decoration: none;
	}

a:hover {
	color: #CCC;
	text-decoration: none;
	}

a img{
	border:none;
	}


h1, h2, h3, h4{
	font-family: 'PT Sans', cursive !important;
	font-weight: bold;
	text-transform:uppercase;
	}

h1 {
	font-size:25px;
	margin-bottom:10px;
	color:#3E3E3E;
	line-height:28px;
	}

h2 {
	font-size:18px;
	margin-top:0px;
	color:#6E235E;
	}

h3 {
	font-size:18px;
	color:#3E3E3E;
	}

h4 {
	font-size:18px;
	color:#6E235E;
	font-weight:400;
	margin-top:0px;
}

h1 strong, h2 strong, h3 strong, h4 strong{
	font-size:140%;
	line-height:110%;
	}

hr {
	border: none;
	height: 2px;
	background:url(/images/dotted_horizon.png) repeat-x left bottom;
	margin: 20px auto;
	padding: 0px !important;
	color:#FFF;
	clear:both;
	}

p{
	margin:10px 0;
	}

.instruction{
	display:block;
	padding:5px 10px;
	margin:0px 0px 10px 0px;
	font-size:12px;
	background:#FFFFcc;
	border:#FFFF66 dotted 1px;
	}
	
div{position:relative; min-width:0px} /* IE 6/7 Picaboo bug fix */

pre {
    display: inline;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.thumbend{margin-right:0 !important;}
	
table{margin:0; border-collapse:collapse; width:100%;}	
table td{padding:5px; font:12px/20px 'PT Sans', Arial, Helvetica, sans-serif; border-bottom:#ECECEC solid 1px; vertical-align:top;}	
table td.five{padding:5px;}
table thead td{background:#6E235E; border-top:#FFF solid 1px; border-bottom:#FFF solid 1px; border-right:#FFF solid 1px; color:#FFF; padding-left:5px; font-weight:bold; }
table thead td.none{border-right:none;}	

form{font-family:'PT Sans', Arial, Helvetica, sans-serif;}

.clear{clear:both; text-align:center; padding-top:5px;}

a.button,
.clear a{
	padding:5px 10px !important;
	border:0;
	color:#FFF;
	font-weight:bold;
	background:#6E235E;
	border:#FFF solid 1px;
	}


a:hover.button,
.clear a:hover{
	background:#3e3e3e;
	color:#FFF;
	text-decoration:none;
	}
	
.end{margin-right:0px !important;}

.bold{font-weight:700 !important;}

#container{
	padding:0px 0px 0px 0px;
	margin:0px auto;
	border:none;
	position:relative;
	text-align:center;
	background:#F6F6F6;
	width:980px;
	
	}
	
#container_inner{background:transparent;}
	
#topBar{
	color:#FFF;
	padding:5px 0px
	}
	
#top_tile{
	width:980px;
	margin:0px auto;
	background:#F6F6F6;
	text-align:right;
	}	

#top_tile ul{
	list-style:none;
	padding-right:20px;
	color:#3e3e3e;
	font-weight:700;
	margin:0px;
	padding:0px;
	font-size:11px;
	}

#top_tile ul li{
	float:right;
	margin-right:20px;
	}

#top_tile ul li label{font-weight:400;}	
	
/*Header*/	
	
#header {
	width:940px;
	padding:0px 0px;
	margin:0px auto 0px auto;
	padding-top:0px;
	text-align:center;	
	position:relative;
	z-index:900/*IE7*/;
	}

#headerContainer{
	position:relative;
	margin-bottom:20px;
	background:#FFF;
	border-bottom:#E5E5E5 solid 1px;
	z-index:900/*IE7*/;
	}

.headCol1{width:320px;float:left;}
.headCol2{width:300px;float:left;margin-left:20px;}
.headCol3{width:320px;float:left;margin-left:20px;}

#Logo {
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:left;
	width:417px;
	text-align:left;
	float:left;
	margin-right:20px;
	}

#Logo img, #Logo a img{margin:0px; padding:0px;}

/* ______________________ Navigation ______________________ */

 #Nav{ 	
	clear:none;
	height:110px;
	margin:0px;
	text-align:left;
	/* width:700px; */
	position:absolute;
	z-index:300;
	top:0px;
	right:0px;
	}

#NavInner{
	height:109px;
	position:relative;
	}
	
 #Nav ul{
	clear:both;
	margin:0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	list-style:none;
	position:relative;
	}
	
#Nav ul li{
	float:left;
	display:block;
	position:relative;
	height:65px;
	text-align:center;
	}

#Nav ul li a{
 	display:block;
	color: #3e3e3e;
	position:relative;
	height:65px;
	padding:45px 10px 0px 10px;
	margin-right:10px;
	width:auto;
	text-align:center;
 	}
 	
 
#Nav ul li.end a { margin-right:0px !important; }
 	
#Nav ul li a .navline1 {
	text-transform:uppercase;
	font-weight:700;
	color:#6E235E;
}
#Nav ul li a .navline2 { color: #3e3e3e; font-size:11px;}

#Nav ul li a:hover{	
	border-bottom:#CCC solid 1px;
	background:#F6F6F6;
	}

#Nav ul li a.on{
	color:#6E235E;
	border-bottom:#6E235E solid 1px;
	/*background: url(/images/eye.png) no-repeat center 80px;*/
	}

#Nav ul li a:hover.on{
	color:#6E235E;
	border-bottom:#6E235E solid 1px;
	}

#Nav ul li:hover ul{display:block;}

#Nav ul ul{
	position:absolute;
	z-index:999;
	background:#F6F6F6;
	width:200px;
	display:none;
	top:110px;
	left:0px;
	border:none;
	border-top:#6E235E solid 1px;
	border-bottom:#3e3e3e solid 5px;
	padding:0px;
	text-align:left;
	height:auto;
}

#Nav ul ul li {
	background:transparent;
	border:none; 
	border-bottom:#E6E6E6 solid 1px;
	width:200px;
	padding:0; 
	display:block; 
	float:none; 
	text-align:left; 
	height:auto;
	margin:0px 0px;
	}
	
#Nav ul li ul li a {
	text-shadow:none;
	height:auto;
	width:180px;
	padding:5px 0px 5px 20px; 
	color:#3E3E3E; 
	background: url(images/arrow_right_purple.png) no-repeat 5px 12px !important;
	border:none !important;
	display:block;
	text-align:left;
	font-weight:400;
	text-shadow:none;
	}
	
#Nav ul li ul li a:hover {
	color:#FFF;
	background:#6E235E url(images/arrow_right_white.png) no-repeat 5px 12px !important;
	}
	

#Nav ul ul ul{
	position:relative;
	background:#F6F6F6;
	top:auto;
	left:auto;
	z-index:auto;
	border-bottom:0px;
	}
	
#Nav ul ul ul li{
	width:200px;
	
	}

#Nav ul ul ul li a{
	background: url(images/arrow_right_purple.png) no-repeat 20px 12px !important;
	padding:5px 5px 5px 35px; 
	width:160px;
	font-weight:400;
	}

#Nav ul ul ul li a:hover{
	background:#6E235E url(images/arrow_right_white.png) no-repeat 20px 12px !important;
	}	


/* ______________________ breadcrumb ______________________ */

#breadcrumb{
	clear:both;
	background:#FFF;
	border-top:#E5E5E5 solid 1px;
	text-align:left;
	padding:10px 20px;
	font-weight:bold;
	}

/* ______________________ Coda Slider ______________________ */

#bannerarea{
	width:940px;
	padding:0px 20px 0px 20px;
	height:365px;
	margin:0 auto;
	background:#F6F6F6 url(/images/dotted_horizon.png) repeat-x left bottom;
	}

#slideArea{
	height:325px;
	overflow:hidden;
	position:relative;
	}

.bannerItem h2.title{display:none;}

.bannerItem span.bcontainer{
	display:block;
	padding:20px;
	height:285px;
	overflow:hidden;
	}

.bannerItem span.bcontainer p{font:13px/17px 'DroidSansRegular', Arial, Helvetica, sans-serif; float:left; clear:left;padding:5px;}

.bannerItem span.bcontainer h1, .bannerItem span.bcontainer h2, .bannerItem span.bcontainer h3{
	margin:0px;
	padding:5px;
	display:inline;
	float:left;
	clear:left;
	}

.bannerItem span.bcontainer ul{
	display:block;
	list-style:none;
	padding:0px;
	margin-left:0px;
	}

.bannerItem span.bcontainer ul li{
	display:block;
	float:left;
	margin-left:20px;
	padding-left:20px;
	clear:left;
	background: url(/images/arrow_orange.png) no-repeat 0px 2px;
	}

/* ______________________ Layout of Content Areas ______________________ */

#page-title{
	background:#F6F6F6 url(/images/dotted_horizon.png) repeat-x left bottom;
	text-align:left;
	padding:0px 20px 20px 20px;
	margin-bottom:20px;
	}

#page-title h1{margin:0px; padding:0px;}

#wrapper {
	margin:0px auto;
	width:980px;
	position:relative;
	text-align:left;
	padding-bottom:20px;
	}
	
#wrapper ul{
	list-style:none;
	margin:20px 0px;
	padding:0px;
	}	

#wrapper ul li{
	background:url(/images/arrow_right_purple.png) no-repeat 0px 7px;
	padding-bottom:5px;
	padding-left:20px;
	}	

.content_490{
	float:left; 
	width:490px; 
	padding:0px 0px 0px 0px; 
	margin:0px 0px 20px 0px;
	}

.fullWidth{
	clear:both;
	padding:20px 20px;
	margin:20px 20px 0px 20px;
	background:#FFF;
	border:#E4E4E4 solid 1px;
	}
	
.halfWidth{
	float:left;
	padding:20px 20px;
	margin:0px 0px 0px 20px;
	background:#FFF;
	border:#E4E4E4 solid 1px;
	width:418px;
	}	
	
.restrict{
	height:75px;
	overflow:hidden;
	}
	
#mainContent{
	width:660px;
	float:right;
	margin-right:20px;
	margin-bottom:20px;
	background:#FFF;
	border:#E4E4E4 solid 1px;
	padding:20px 20px;
	}	
	
#leftnav{
	float:left;
	width:200px;
	margin-left:20px;
	padding-top:20px;
	border:#E4E4E4 solid 1px;
	padding:10px 10px;
	background:#FFF;
	}	

	
#leftnav .section h3{
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
	font-size:19px;
	position:relative;
	background:url(/images/dotted_horizon.png) repeat-x left bottom;
	font-size:15px;
	}
	
#leftnav .section ul{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px;
	}
	
#leftnav .section ul li{
	margin:0px;
	padding:0px;
	display:block;
	background:none;
	}

#leftnav .section ul li a{
	display:block;
	padding:5px 0px 5px 10px;
	background:url(/images/arrow_right_purple.png) no-repeat 0px 12px;
	border-bottom:#CCC dotted 1px;
	color:#5e5e5e;
	}

#leftnav .section ul li a:hover{
	background:#F6F6F6 url(/images/arrow_right_purple.png) no-repeat 0px 12px;
	text-decoration:none;
	}
	
#leftnav .section ul li a.on{
	background:#5872C2 url(/images/arrow_right_white.png) no-repeat 0px 12px;
	text-decoration:none;
	color:#FFF;
	border-bottom:#FFF solid 1px;
	}

#leftnav .section ul li ul li a{
	display:block;
	padding:5px 0px 5px 20px;
	background:url(/images/arrow_right_purple.png) no-repeat 10px 12px;
	border-bottom:#CCC dotted 1px;
	color:#5e5e5e;
	}

#leftnav .section ul li ul li a:hover{
	background:#F6F6F6 url(/images/arrow_right_purple.png) no-repeat 10px 12px;
	text-decoration:none;
	}
	
#leftnav .section ul li ul li a.on{
	background:#6e235e url(/images/arrow_right_white.png) no-repeat 10px 12px;
	text-decoration:none;
	color:#FFF;
	border-bottom:#FFF solid 1px;
	}
	
	

#twitter_feed{
	padding:10px 10px;
	background:#F0F0F0;
	border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	}

#twitter_feed ol{
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:11px;
	line-height:13px;
	color:#3e3e3e;
	}

#twitter_feed li{border-bottom:#CCC dotted 1px;}

#twitter_feed ol li p{}

#twitter_feed ol li p.time{margin:0px !important; padding:5px 0px 0px 0px; font-weight:bold; font-family: PT Sans, arial, sans;}

#twitter_feed ol li p.author{
	margin:0px;
	background:url(/images/twitter_colour.png) no-repeat 0px 0px;
	padding:0px; 
	padding-left:20px;
	padding-bottom:5px;
	}

#twitter_feed p.follow{text-align:center;}

#flyingTweet{
	width:60px;
	height:50px;
	position:absolute;
	top:-10px;
	right:0px;
	background:url(/images/flying_tweet.png) no-repeat;
	}	
	
.quote{
	background:url(/images/testimonial.png) no-repeat 0px 5px;
	padding-left:40px;
	}	


/* ______________________ Straplines ______________________ */

#straplines{
	text-align:left;
	padding:0px;
	background:#F6F6F6 url(/images/dotted_horizon.png) repeat-x left top;
	width:940px;
	padding:20px;
	margin:0px auto;
	}

#straplines .strap_main{
	font-size:18px;
	padding:20px 20px;
	margin:0px auto;
	text-align:left;
	font:16px/21px PT Sans, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow:#FFF 0px 1px 1px;
	}

/* ______________________ Footer Navigation ______________________ */
	
#foot_navigation{
	clear:both;
	width:980px;
	margin:0px auto;
	padding:20px 0px 20px 0px;
	text-align:left;
	color:#FFF;
	}

#foot_navigation h3{
	margin:0px;
	padding:0px;
	font-size:15px;
	padding-bottom:5px;
	background:url(/images/dotted_horizon_white.png) repeat-x left bottom;
	color:#FFF;
	margin-bottom:20px;
	text-transform:uppercase;
	}

#foot_navigation .footerColumn{
	width:220px;
	float:left;
	margin-left:20px;
	}

#foot_navigation .footerColumn ul{
	list-style:none;
	margin:0px;
	padding:0px;
	padding-top:0px;
	}
	
#foot_navigation .footerColumn ul li{padding-left:20px; background: url(/images/arrow_white.png) no-repeat 0px 3px; height:17px; margin-bottom:5px;}

#foot_navigation .footerColumn ul li a, #foot_navigation .footerColumn a{color:#FFF; }
#foot_navigation .footerColumn ul li a:hover, #foot_navigation .footerColumn a:hover{color:#FFF; text-decoration:underline;}


#foot_navigation .footerColumn p{line-height:22px;}

#foot_navigation ul.social li{padding-left:20px; height:17px; margin-bottom:5px;}
#foot_navigation ul.social li.blog{background:url(/images/refocus_blog.png) no-repeat 0 0px;}
#foot_navigation ul.social li.twitter{background:url(/images/refocus_twitter.png) no-repeat 0 0px;}
#foot_navigation ul.social li.facebook{background:url(/images/refocus_facebook.png) no-repeat 0 0px;}
#foot_navigation ul.social li.linkedin{background:url(/images/refocus_linkedin.png) no-repeat 0 0px;}



/* ______________________ Footer ______________________ */

#footContainer {
	clear:both; 
	background:#1E5993;
	width:980px;
	margin:0px auto;
	}

#footer {
	color: #3e3e3e;
	margin:0 auto;
	width:980px;
	text-align:center;
	margin-bottom:20px;
	font-size:13px;
	line-height:22px;
	padding:10px 0px;
	background:#F4F4F4;
	}
	
#address{
	text-align:right;
	float:right;
	margin-right:20px;
	width:220px;
	font-size:10px;
	}	

#address a{color:#3e3e3e;}
#address a:hover{color:#000;}

#copyright{
	float:left;
	font-size:10px !important;
	width:720px;
	text-align:left;
	margin-left:20px;
	}
	
/* Home Page */

.fourCol{clear:both;}	
	
.fourCol .block{
	width:220px;
	float:left;
	margin-right:20px;
	}

.fourCol .block h3{
	margin:10px 0px;
	padding-bottom:10px;
	border-bottom:#CCC dotted 1px;
	background:url(/images/tab_down_green.png) no-repeat;
	padding-left:30px;
	}
	
#fourContent a{color:#de9d00;}
#fourContent a:hover{color:#88cd5f;}	

#fourContent ul{margin:0px;}

#fourContent h4.case, #fourContent h4.event{
	display:block;
	font-weight:700;
	font-size:13px;
	padding-left:20px;
	margin-bottom:5px;
	}

#fourContent h4.case {background:url(/images/star_icon.png) no-repeat;}
#fourContent h4.event {background:url(/images/event_icon.png) no-repeat;}

.fourCol .block a.button{
	display:block;
	text-align:center;
	width:180px;
	float:left;
	}
	
	
	
	
/* Gallery */

.thumbs { margin-top:0px; float:left; }
.thumbs a { float:left; margin:0px 20px 20px 0px; }
.thumbend a{margin:0px 0px 0px 0px !important;}


/* ______________________ Data Grid ______________________ */
	
table.datatable{
	width:100%;
	border-collapse:collapse;
	}

table.datatable thead td{
	background:#000;
	color:#FFF;
	font-weight:bold;
	}
	
table.datatable tbody td{
	font-size:12px;
	}

table.datatable tbody td h2{
	font-size:15px;
	color:#84b968;
	font-weight:bold;
	}

table.datatable tbody td a.button{
	display:block;
	margin-bottom:10px;
	text-align:center;
	}
	
/* Form */

.contact_form{
	padding:0px 0px;
	margin-bottom:0px;
	padding-top:20px;
	}
	
.contact_form .left{
	float:left;
	width:400px;
	}

.contact_form .right{
	float:right;
	width:220px;
	}

.contact_form .right h3{
	margin:0px;
	padding:0px 0px 10px 0px;
	}

.contact_form label{
	font-size:12px;
	width:70px;
	overflow:hidden;
	}	

.contact_form select, .contact_form input, .contact_form textarea{
	padding:3px 5px;
	margin:0px;
	margin-bottom:10px;
	float:left;
	border:#E5E5E5 soild 1px;
	background:#F4F4F4;
	}

.contact_form select{padding:0px; margin-top:5px;}

.contact_form input{width:200px;}
.contact_form textarea{width:400px !important; }

.contact_form .mailinglist{
	background:#F4F4F4;
	padding:5px;
	}

.contact_form .mailinglist input{width:auto; margin-top:7px; margin-bottom:0px;}

.contact_form input.button{
	margin-top:20px;
	width:auto;
	border:0;
	}

/*Meet the Owner*/

#meet_owner{
	background:#F4F4F4;
	width:220px;
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	padding:10px 0px;
	}

#meet_owner h3, #meet_owner p{ padding:0px 10px; margin:5px 0px 5px 0px;}

#meet_owner p{font-weight:700; font-size:11px;}
#meet_owner p label{font-weight:400; font-style:italic; float:left; display:block; width:60px; }

#meet_owner p b{font-size:15px;}


	
/* ______________________ Contact ______________________ */	

.greybox{
	background:#F4F4F4;
	padding:10px 20px;
	margin-bottom:10px;
	}
	
.greybox label._vcs__applicants_address{
	display:block;
	font-weight:normal;
	font-size:15px;
	float:none;
	display:none;
	}	

.greybox .left{
	float:left;
	width:320px;
	margin-right:20px;
	}

.greybox .right{
	clear:none;
	float:left;
	width:320px;
	}	
	
	
#contact #left{
	width:420px;
	float:left;
	margin-bottom:30px;
	}
	
#contact #right{
	width:400px;
	float:right;
	clear:none;
	text-align:right;
	}

#contact #right p.tel_mail{
	margin:0px;
	margin-bottom:10px;
	}

#contact #right p b.large{
	font-size:38px;
	display:block;
	padding-bottom:0px;
	}

#contact label{width:150px;}

#contact textarea{width:700px;}






/* Sort List */

.sortList{
	border:0;
	padding:5px;
	text-align:right;
	font-size:11px;
	margin:5px 0;
	clear:both;
	color:#5E5e5e;
	font-family:'PT Sans', Arial, Helvetica, sans-serif;
	}
	
.sortList a.current{
	color:#FFF;
	background:#88cd5f;
	padding:2px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-weight:700;
	}

/* Product Item Layout - Simple Version */

/* Product Description Layout */

#productItem {
	width:980px;
	}

#productItem #images{
	width:240px;
	float:left;
	text-align:center;
	}

#productItem #description{
	width:540px;
	float:left;
	margin-left:20px;
	}

#productItem #description h1{
	margin:0px;
	padding:0px;
	padding-bottom:5px;
	}
	
#productItem #description h2{
	font-size:17px;
	margin:0px;
	padding:0px;
	}

#productItem #description .details{padding-top:10px; padding-bottom:10px; margin-top:10px; margin-bottom:10px;   border-bottom:#CCC solid 1px;}	
	
#productItem #description .details label{
	clear:left;
	float:left;
	display:block;
	width:140px;
	}

#productItem #description .details span{
	float:left;
	display:block;
	width:380px;
	font-weight:bold;
	}

#productItem #description .details span a{
	background:url(/images/icon-information.png) no-repeat right top;
	padding-right:20px;
	
	}

#productItem #description .details span a img{float:right;}

#productItem #description .bookdesc h2{
	margin-bottom:10px;
	}
	
#productItem #buy{
	width:160px;
	float:left;
	margin-left:20px;
	}

#productItem #buy form{margin:0px; padding:0px;}	
#productItem #buy form input.buy{
	width:160px;
	border:0px;
	background:#009fb2 url(/images/shopping-basket-white.png) no-repeat 10px 8px;
	color:#FFF;
	font-weight:bold;
	padding:10px 0px;
	cursor:pointer;
	}
	
#productItem #buy label{
	width:80px;
	float:left;
	display:block;
	font-size:11px;
	}	

#productItem #buy span{
	font-weight:bold;
	font-size:17px;
	}
	
#productItem #buy .priceContainer, #productItem #buy .qty{
	height:25px;
	padding-top:10px;
	}
	
#productItem #buy .share{
	padding-top:40px;
	}

#productItem #buy .share h4{
	padding:0px;
	margin:0px;
	border-top:#CCC solid 3px;
	border-bottom:#CCC solid 1px;
	padding-bottom:10px;
	padding-top:10px;
	margin-bottom:10px;
	
	}

#productItem #buy .share span{
	margin-bottom:5px;
	}
	
	
#related{
	background:#F2F2F2;
	clear:both;
	padding:20px 0px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-bottom:20px;
	}

#related h3{padding-left:20px;}
	
#related .relatedItem{
	width:140px;
	height:180px;
	float:left;
	margin-left:20px;
	}	
	
#related .relatedItem a{
	float:left;
	border:#FFF solid 1px;
	}

#related .relatedItem a:hover{border:#009fb2 solid 1px;}
	
.clearProduct{
	clear:both;
	padding:10px 0px 20px 0px;
	}	
	
.clearProduct .button{
	border-top:#CCC solid 1px;
	height:20px;
	padding-top:20px;
	padding-left:260px;
	}

/*
Title:			Shopping Basket
CMS Version:	5.0
*/


/* ------- Quantity ------- */	

.basketQuantity{width:35px;text-align:center;}
.basketQuantity input{border:#EEF5E4 solid 1px;background:#fefdbb; padding:5px; font-size:11px;}

/* ------- Price ------- */

.basketSubtotal{width:75px; text-align:right; background:#F2F2F2; font-weight:bold;}

/* ------- Remove ------- */

.basketActions{width:75px;text-align:center;}
.basketActions a{text-decoration:underline !important;}

/* ------- Calculations ------- */

td.basketLabels{color:#333; background:transparent; border-bottom:#FFF solid 0px;text-align:right;padding-right:5px;}
td.basketSubtotal{font-weight:bold;}

/* ------- invoice details ------- */

.invoice_details{
	display:block;
	}

#invoiceHeader{
	text-align:right;
	height:110px;
	border-bottom:#ECECEC solid 1px;
	}

#invoiceHeader h2{
	padding-top:40px;
	font-size:30px;
	color:#3e3e3e;
	}

#invoiceHeader #print_logo{
	width:125px;
	height:101px;
	float:left;
	}

#invoice_date_etc{float:right; font-weight:bold;}
#invoice_date_etc p{margin:0px; padding:0px;}
#invoice_date_etc label{font-weight:400; font-style:italic; float:left; width:75px;}

#payment{border-bottom:#ECECEC solid 1px; padding-bottom:20px;}
#payment p.cheque{font-style:italic; text-align:center;}

#payment .bacs{font-weight:bold;}
#payment .bacs p{margin:0px; padding:0px;}
#payment .bacs label{font-weight:400; font-style:italic; float:left; width:90px;}

/* ------- Basket Register Options ------- */

#basket_Register #loginbox_basket{background:#F2F2F2;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px 10px;}
#basket_Register #loginbox_basket .loginLine{padding:5px 0px 0px 0px;}
#basket_Register #loginbox_basket .loginLine p{width:325px; display:block; float:left; padding-bottom:3px;}
#basket_Register #loginbox_basket .loginLine p.submit{width:90px;}
#basket_Register #loginbox_basket .loginLine p label{font-size:12px; font-weight:bold; width:100px;}

#basket_Register #accountbox_basket label{font-size:12px !important; width:150px !important;}
#basket_Register #accountbox_basket{background:#F2F2F2;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px 10px;}
#basket_Register #accountbox_basket .register{float:left; width:480px; background:none;}
#basket_Register #accountbox_basket .register #container_vcs__customers_billingaddress{width:480px; border:0px !important;}
#basket_Register #accountbox_basket .register label._vcs__customers_billingaddress{display:block !important; font-size:21px !important; width:400px !important; margin-bottom:10px; font-weight:normal !important;} 
#basket_Register #accountbox_basket .register label._vcs__customers_billingaddress span{width:100%; float:none;}

#basket_Register #accountbox_basket .terms {padding-top:10px;}
#basket_Register #accountbox_basket .terms label{margin-left:200px; width:250px !important;}

#basket_Register #accountbox_basket .email_password{width:400px; float:right;}
#basket_Register #accountbox_basket .email_password label, #basket_Register #accountbox_basket .register label{font-size:12px; font-weight:bold; width:100px;}
#basket_Register #accountbox_basket .email_password div, #basket_Register #accountbox_basket .register div{background:none; margin:0px;}
#basket_Register #accountbox_basket .email_password h3{clear:left; padding-top:12px; padding-bottom:10px; margin:0px;}

#basket_Register #accountbox_basket .submitCenter{text-align:center; padding-top:10px;}

#addressContainer{background:#FFF !important;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:10px; 
	-moz-box-shadow: inset -5px -5px 2px #888;
	-webkit-box-shadow: inset -1px -1px 2px #888;
	box-shadow: inset -1px -1px 2px #888;
	max-height:320px;
	overflow:auto;
}

#addressContainer div{
	margin-bottom:5px;
	padding:5px 0px;
	border-bottom:#CCC solid 1px;
	}

#addressContainer div:hover{background:#dcf3fb !important; cursor:pointer;}
#addressContainer div a.button{padding:2px 5px !important; margin:10px 0px;}

#inputContainer_vcs__customers_billingaddress{clear:both; width:400px;}

label._vcs__customers_deliveryaddress span{
	display:block;
	width:400px !important;
	font-weight:normal;
	font-size:21px;
	margin-top:10px;
	color:#009FC2;
	font-family:georgia, times, serif;
	padding:0px 0px 20px 0px;
	}
	

.artwork{width:310px; float:left; clear:none; background:#F2F2F2 url(/images/thickLines.png) repeat-x; margin:5px; padding:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.artwork p{margin:10px 0px 20px 0px;}
.artwork span{display:block; text-align:center;}


#checkout_confirm{padding:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}	
#checkout_confirm #userBilling{border:0px; width:480px; float:left; font-weight:bold;}
#checkout_confirm #userDelivery{width:320px; float:left; font-weight:bold;}
#checkout_confirm #userOrders{border-top:0px;}

#checkout_confirm #userBilling span,
#checkout_confirm #userDelivery span{display:block; font-weight:normal; float:left; width:150px;}

#checkout_confirm #confirm_button{text-align:center;}
#checkout_confirm #confirm_button input.button{background:#99D25E url(/images/whiteGrad_35h.png) repeat-x left top; color:#000; text-shadow:#FFF 0px 1px 1px; font-size:13px;}

#basket_crumb, #basket_crumb a, #basket_crumb a b, #basket_crumb span{float:left;}

#basket_crumb span{text-align:center; width:15px; display:block;}
#basket_crumb a.none, #basket_crumb a:hover.none{color:#CCC; text-decoration:none; cursor:text;}
#basket_crumb a{color:#CCC; text-decoration:none;}
#basket_crumb a:hover{color:#EB028A;}
#basket_crumb a.on{font-weight:bold; color:#08ADEC;}
#basket_crumb a:hover.on{color:#EB028A;}
#basket_crumb a b{text-align:center; width:18px; display:block; height:18px; background:url(/images/crumb_no_off.png) no-repeat; margin-right:5px; font-size:10px;}
#basket_crumb a.on b{background:url(/images/crumb_no_on.png) no-repeat; color:#FFF;}

/* ACCOUNT OPTIONS */

/* ------- Status ------- */

tr.row_true td{background:#dcf3fb;}
td.action_required div{width:16px; height:16px;}
td.action_required div.false{background:url(/images/status/status_action_off.png) no-repeat;}	
td.action_required div.true{background:url(/images/status/status_action.png) no-repeat;}

td.order_status div{width:16px; height:16px;}
td.order_status div.status_0,td.order_status div.status_1,td.order_status div.status_2{background:url(/images/status/status_orange.png) no-repeat;}
td.order_status div.status_3{background:url(/images/status/status_green.png) no-repeat;}
td.order_status div.status_4{background:url(/images/status/status_tick.png) no-repeat;}
td.order_status div.status_5{background:url(/images/status/status_tick.png) no-repeat;}
td.order_status div.status_6{background:url(/images/status/status_cross.png) no-repeat;}


#customer_view{
	padding-bottom:0px;
	margin-bottom:0px;
	}

#customer_view .details{
	width:350px;
	float:left;
	font-weight:bold;
	}

#customer_view .details span{font-weight:400;}


/* ------- Messages ------- */

#messages{
	padding-top:10px;
	}

.ordermessage{
	padding:10px;
	background:#FFF;
	 border-radius:5px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	margin-bottom:10px;
	}
	
.user_admin{background:#dcf3fb;}
.user_customer{background:#FFF;}

.tickethead .ticketname{padding-left:25px; font-size:15px; float:left;}
.user_admin .tickethead .ticketname{background:url(/images/status/status_action.png) no-repeat;}
.user_customer .tickethead .ticketname{background:url(/images/status/status_action_off.png) no-repeat;}
.tickethead .ticketdate{float:right; font-size:11px;}
.tickethead .clear{clear:both;margin-bottom:10px; border-bottom:#CCC solid 1px;}
.user_admin .tickethead .clear{border-bottom:#08adec solid 1px;}

#updateTicket{
	padding:10px;
	background:#F2F2F2 url(/images/striped_bk_x.png) repeat-x left top;
	 border-radius:5px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	margin-bottom:10px;
	}

#updateTicket p.instruction{margin-bottom:10px;}

.further_info{
	padding:10px;
	background:#FFF;
	 border-radius:5px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	margin-bottom:10px;
	font-weight:bold;
	}

.further_info span.label{font-weight:normal; float:left; display:block; width:150px;}

#order_actions{
	clear:both;
	height:29px;
	padding:0px 0px;
	position:relative;
	border-bottom:#08ADEC solid 3px;
	}

#order_actions ul{
	position:absolute;
	left:0px;
	z-index:50;
	margin:0px;
	margin:0px auto;
	padding:0px 10px;
	list-style:none;
	height:30px;
	}

#order_actions ul li{
	padding:0px;
	margin:0px;
	float:left;
	margin-right:10px;
	text-align:center;
	position:relative;
	background:none;
	min-width:105px
	}

#order_actions ul li a{
	font-weight:bold;
	font-size:13px;
	display:block;
	color:#000;
	text-shadow:#FFF 0px 1px 1px;
	padding:7px 10px 0px 10px;
	text-decoration:none;
	
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	height:25px;
	}

#order_actions ul li a:hover{
	color:#000;
	text-shadow:#FFF 0px 1px 1px;
	background:#CCCCCC url(/images/nav_grey.png) repeat-x left bottom;
	}

#order_actions ul li a.on{
	color:#FFF;
	text-shadow:#08ADEC 1px 1px 1px;
	background:#08ADEC url(/images/nav_blue.png) repeat-x left bottom;
	}	
	
#order_actions ul li a.on:hover{
	color:#FFF;
	text-shadow:#EB028A 1px 1px 1px;
	background:#EB028A url(/images/nav_pink.png) repeat-x left bottom;
	}
	
	
/* order Details*/


/* PDF Invoice */

#PDF{text-align:left; padding:10px; margin:0 auto; background:#FFF; color:#333;}
#PDF h4 {font-weight:bold; margin-bottom:5px;}

#OrderDetails{color:#333;}
#OrderDetails h4{font-weight:normal; margin-bottom:5px;}

#PDF #head{padding-bottom:20px;}
#PDF #head .paid{float:right; margin-right:20px;}

#PDF .order, #OrderDetails .order{background:#F2F2F2;padding:15px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-weight:bold;margin-bottom:20px;}

#PDF .order span, #OrderDetails .order span{float:left; width:120px; font-weight:normal;}

.inLeft, .inRight {width:390px;float:left;padding:0px;font-weight:bold; margin-bottom:20px;}
.inLeft h4, .inRight h4{font-weight:bold;}
.inLeft span, .inRight span{clear:left;font-weight:normal;display:block;width:95px;float:left;color:#666;}

#OrderDetails .inLeft, #OrderDetails .inRight{width:350px;}

#userOrders{clear:both; margin-bottom:20px;}
#userOrders table thead td{font-weight:bold;}
#userOrders table td{font-size:13px;}

#OrderDetails #userOrders table thead td{font-weight:normal}

/* Featured */

#featured .featuredListItem{
	width:200px;
	padding:10px;
	margin-right:20px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float:left;
    background:#fef1ff url(/images/grey_swirl.png) no-repeat right bottom;
	position:relative;
	text-shadow:#FFF 0px 1px 1px;
	}
	

#featured .featuredListItem img{
	border:#FFF solid 1px;
	}
	
#featured .featuredListItem .priceContainer	{
	position:absolute;
	top:10px;
	right:0px;
	text-align:right;
	}

#featured .featuredListItem a .priceContainer .view{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px;
	border:#FFF solid 2px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	background:#5F7EA8 url(/images/white_grad_45.png) repeat-x;
	color:#FFF;
	text-shadow:none;
	width:60px;
	margin-top:63px;
	}
	
	
	
/*--------------------------- Image Resizer -----------------------------*/	
	
.zoom {
	display:block;
	margin:auto;
	overflow:hidden;
	position:relative;
	width:460px;
	height:460px;
	border:#ECECEC solid 1px;
	}

.zoom img {
	display: block;
	position:absolute;
	left:0px;
	top:0px;
	}	
	
#ccontainer{text-align:center;}

#ccontainer #controls{
	background:#CCC url(/images/white_grad_45.png) repeat-x;
	margin:5px auto;
	width:200px;
	height:30px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}	

#ccontainer #controls a{
	display:block;
	width:100px;
	float:left;
	padding-top:5px;
	color:#000;
	font-weight:bold;
	font-size:11px;
	text-shadow:#FFF 0px 1px 1px;
	}
	
#ccontainer #controls a#zoomIn{
	background:url(/images/mag_plus.png) no-repeat;
	padding-left:35px;
	text-align:left;
	width:65px;
	border-right:#FFF solid 1px;
	height:25px;
	}

#ccontainer #controls a#zoomOut{
	background:url(/images/mag_minus.png) no-repeat;
	padding-left:35px;
	text-align:left;
	width:60px;
	border-left:#CCC solid 1px;
	height:25px;
	}

#ccontainer #controls a:hover{color:#009FC2;}