/*******************************************************************************
* Reset stylesheet and basic sitewide css (Mainly HTML tags)
*******************************************************************************/

* {margin: 0; padding: 0;}

body {
	font-family: 'Times New Roman', Times, serif;
	font-size: 70%;
	background: #000;
	color: #CCC;
	word-spacing:0.1em;
}

a img{
	border:none;
}


a:link, a:visited {
	color: #999;
	text-decoration: none;
}

	a:hover, a:active, a:focus, .linkedpanel.hover a {
		color: #FFF;
	}

img {
	display: block;
}

p {
	padding: 0 0 1em 0;
	font-size: 1.1em;
}

	p.purple,
	p.purple a:link,
	p.purple a:visited {
		color: #993399;
	}
	p.purple a.stronglink:hover {
		font-weight: bold;
	}

ul, ol {
	margin: 0 0 0 1em;
	list-style-position: inside;
}

h1 {
	font-size: 3.1em;
	line-height:0.5em;
	font-weight:normal;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1em;
}

fieldset {
	border: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.hide {
	display: none;
}

.title{
	font-size:4em;
	color:#ffffff;
}

.white{
	color:#fff;
}


.topborder{
	border-top:1px solid #504f4f;
}

.floatL{
	float:left;
}

.floatR{
	float:right;
}

.clearAll{
	float:left;
	width:100%;
}

/*******************************************************************************
* Structure
*******************************************************************************/

.inner {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

/*******************************************************************************
* Top menu
*******************************************************************************/

#top-bar {
	background: transparent url(../images/top-bar/bg.gif) repeat-x 0 0;
}

	#top-bar .inner {
		height: 30px;
		overflow:hidden;
	}


#top-bar ul {
	list-style: none;
	float: left;
	margin: 0;
}

	#top-bar ul li {
		float: left;
		margin: 0 5px 0 0;
		padding: 0 10px 0 0;
		display: inline;
		background: transparent url(../images/top-bar/li-bg.gif) no-repeat right 12px;
	}
	
	#top-bar ul li.last {
		background: none;
		margin: 0;
	}
	
	#top-bar ul li.view-basket {
		width: 32px;
		height: 30px;
		text-indent: -9999px;
	}
	#top-bar ul li.view-basket a{
		width: 32px;
		height: 30px;
		background: transparent url(../images/top-bar/view-basket.gif) no-repeat 0 0;
		text-indent: -9999px;
	}
	
		#top-bar ul li a {
			display: block;
			padding: 8px 1px;
			font-size: 1.2em;
		}
		
		#top-bar ul li.white a{
			color:#fff;
		}
		
		#top-bar ul li.white a:hover{
			text-decoration:underline;
		}

	.basket_rule{
		width:135px;
		height:2px;
		background:url(../images/header/basket_rule.gif) top left no-repeat;
	}

#top-bar .right {
	/*width: 490px;*/
}

	#top-bar .right ul{
		float:right;
	}


#top-bar form {
	float: left;
	width: 100px;
	margin: 5px 10px 0 0;
}

/*******************************************************************************
* Header
*******************************************************************************/

#header {
	margin: 0;
	background: url(../images/header/logo-bg.jpg) no-repeat top center;
	float:left;
	width: 990px;
	position:relative;
	z-index:99999;
}

	#header.flash.homepage .inner {
		height: 420px;
	}
	
	#header.flash.face .inner {
		background: transparent url(../images/header/face.jpg) no-repeat 0 0;
		height: 420px;
	}

	#header .inner{
		overflow:visible;
	}

.logo {
	background: transparent url(../images/illamasqua-logo.png) no-repeat 0 0;
	width: 190px;
	text-indent: -9999px;
	overflow:hidden;
	float: left;
}

	.logo a {
		display: block;
		width: 190px;
		height: 100px;
		margin: 0 0 30px 0;
	}

.logo_professional {
	background: transparent url(../images/illamasqua-logo_professional.png) no-repeat 0 0;
	width: 406px;
	text-indent: -9999px;
	float: left;
}

	.logo_professional a {
		display: block;
		width: 406px;
		height: 101px;
		margin: 0 0 30px 0;
	}

#shopping-bag {
	position: absolute;
	top:0;
	right:0;
	z-index: 999999;
	float:right;
	width: 130px;
	padding: 15px 15px 10px 10px;
	background: #000 url(../images/shopping-bag/bg.gif) no-repeat left bottom;
}

	#shopping-bag h3 {
		text-transform: uppercase;
		margin: 0 0 5px 0;
		font-size: 1.2em;
		padding:0 0 0 5px;
	}
	
		#shopping-bag h3 a{
			color:#ccc;
		}
		
			#shopping-bag h3 a:hover{
				color:#fff;
			}
	
	#shopping-bag dl {
		margin: 0 0 3px 0;
		clear:left;
		padding:0 0 0 5px;
	}
	
		#shopping-bag dl dt {
			float: left;
			color: #9A9899;
			margin: 0 5px 0 0;
			display:inline;
		}
		
		#shopping-bag dl dd {
			float: left;
			color: #CCC;
		}
		
			#shopping-bag dl dd a {
				color: #CCC;
			}

/*******************************************************************************
* News ticker
*******************************************************************************/
#ticker {
	margin: 10px auto;
	font-size: 1.2em;
	color: #989898;
	position: relative;
	float:left;
	width:100%;
}

	#ticker span {
		color: #666;
		text-transform: uppercase;
	}
	
#tickerTextHolder {
	float: left;
	height: 32px;
	overflow: hidden !important;
	padding: 0 15px;
}
	
	#tickerTextHolder .tickerText {
		color:#333333;
	}

/*******************************************************************************
* Submenu
*******************************************************************************/

#content{
	float:left;
	width:100%;
	position:relative;
	margin:0 0 20px 0;
}

#submenu {
	margin: 0 0 20px 0;
	background: transparent url(../images/submenu/bg.gif) no-repeat 50% bottom;
	z-index:9;
	float:left;
	width:100%;
	position:relative;
}

#submenu ul {
	float: left;
	list-style: none;
}

	#submenu ul li {
		float: left;
		margin: 5px 5px 0 0;
		padding: 0 5px 0 0;
		display: inline;
		background: transparent url(../images/top-bar/li-bg.gif) no-repeat right 17px;
	}
	
	#submenu ul li.last {
		background: none;
	}
	
		#submenu ul li a {
			float: left;
			text-transform: uppercase;
			font-size: 1.3em;
			display: block;
			padding: 10px 5px;
			margin: 0;
			color: #CCC;
		}
		
		#submenu ul li.active a,
		#submenu ul li a:hover {
			color: #FFF;
		}

#submenu form {
	float: right;
	padding: 0 0 0 1px;
	margin: 10px;
	background: transparent url(../images/submenu/form-bg.gif) no-repeat 0 0;
	width:180px;
}

	#submenu form fieldset {
		height: 23px;
	}
	
	#submenu form label {
		float: left;
		margin: 5px 5px 0 0;
	}
	
	#submenu form input {
		float: left;
	}
	
	#submenu form select {
		float: left;
		margin: 4px;
		width: 60px;
		font-size:1.0em;
		border:0;
		background:#000;
		color:#999;
	}
	
	#submenu form .submit {
		float: right;
		margin: 1px 1px 0 0;
	}
	
	#submenu form input.text {
		background: transparent url(../images/submenu/text-bg.gif) repeat-x 0 0;
		margin: 1px 0 0 0;
		padding: 3px 3px 0 3px;
		font-size: 0.9em;
		width:85px;
	}

/*******************************************************************************
* Reusable
*******************************************************************************/

.pod, .proff_page_pod {
	float: left;
	margin: 0 10px 0 0;
	display: inline;
	text-indent: -9999px;
	position: relative;
}

	.proff_page_pod_large{
		text-indent:0;
	}

	.pod h3,
	.pod p {
		display: none;
	}

.shaded {
	xbackground: transparent url(../images/shaded.png) no-repeat 50% 0;
	xpadding: 60px 0 0 0;
}

#page{
	width:700px;
	float:left;
	font-size: 1.1em;
}


/*******************************************************************************
* Pods
*******************************************************************************/

#pods {
	float: left;
	margin: 0 0 20px 5px;
	display: inline;
	overflow: hidden;
}

	.proff_page_banner{
		margin:0 0 20px 0;
		float:left;
	}

	.pod, .proff_page_pod {
		width: 220px;
		height: 170px;
		padding: 10px;
		margin: 0 10px 0 0;
	}

		#split .proff_page_pod{
			height: 176px;
			padding:0;
			margin:0;
		}
	
		#split .proff_page_pod_large{
			height:303px;
		}
		
		#split .proff_page_login{
			height:528px;
		}
	
		#split .proff_page_pod{
			width:250px;
		}
	
		#split .proff_page_pod_large .info {
			padding:0;
			margin:60px 0 0 0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
		}
		
			#split .proff_page_pod_large .info p{
				font-style:normal;
				padding:0 0 7px 0;
			}
		
			#split .proff_page_pod_large .info .infotitle{
				color:#fff;
				font-weight:bold;
			}
	
		.proff_page_pod label{
			float:left;
			width:215px;
			font-size:14px;
			font-style:italic;
		}
		
		.proff_page_pod input{
			margin:0 0 10px 0;
		}
		
		.proff_page_pod input.input{
			font-size:14px;
			padding:3px;
			margin:2px 0 15px 0;
			width:200px;
			float:left;
		}
		
		.proff_page_pod table{
			width:205px;
			margin:30px 0 0 10px;
		}
		
		.proff_page_pod table tr td{
			padding:0 5px;
		}
		
	
	.pod.last {
		margin: 0;
	}
	
		.pod a, .proff_page_pod_large_a a {
			display: block;
			width: 240px;
			height: 220px;
			position: absolute;
			top: 0;
			left: 0;	
		}
		
			.proff_page_pod_large_a a {
				height: 176px;
			}

			.proff_page_pod{
				width: 245px;
				xheight: 220px;
			}
		
		.pod a:hover, .proff_page_pod a:hover{
			background:url(../images/button-tall-over.png);
		}
		
			.proff_page_pod a:hover{
				background:none;
			}
		
		.store-pod{
			height:168px !important;
		}
		
		.store-pod a {
			display: block;
			width: 240px;
			height: 168px;
			position: absolute;
			top: 0;
			left: 0;
			
		}
		.store-pod a:hover{
			background:url(../images/button-store-over.png);
		}
		
		.home-pod a {
			display: block;
			width: 240px;
			height: 190px;
			position: absolute;
			top: 0;
			left: 0;
			
		}
		.home-pod a:hover{
			background:url(../images/button-over.png);
		}
		
.pod.big {
	width: 300px;
	height: 130px;
}
	.pod.big a:hover{
		background:url(../images/button-big-over.png);
	}

.pod.small {
	width: 300px;
	margin: 0 0 10px 0;
	min-height:16px;
	
}
div.small {
	height: 52px;
}
	.pod.small a:hover{
			background:url(../images/button-small-over.png);
		}

	
/*******************************************************************************
* Sections
*******************************************************************************/

#sections {
	float: left;
	margin: 0 0 0 10px;
	display: inline;
}

#sections a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

	#sections .big a {
		width: 320px;
		height: 150px;
	}
	
	#sections .small a {
		width: 320px;
		height: 72px;
	}

/*******************************************************************************
* Categories
*******************************************************************************/

#categories .pod {
	width: 220px;
	height: 200px;
	margin: 0 10px 10px 0;
}

#quick-links {
	float: left;
	width: 980px;
	padding: 60px 0 0 20px;
}

	#quick-links .list {
		float: left;
		width: 150px;
		margin: 0 15px 0 0;
		padding:0 0 20px 0;
		display:inline;
	}
	#quick-links .list.last {
		margin: 0;
	}

	#quick-links h3 {
		margin: 0 0 5px 0;
		text-transform: uppercase;
	}

	#quick-links ul {
		margin: 0;
		list-style: none;
		padding:0;
		list-style-position:outside;
	}
	
		#quick-links ul li {
			padding: 0 0 0 10px;
			background: transparent url(../images/icons/list-li.gif) no-repeat 0 6px;
		}

/*******************************************************************************
* Split - sidebar
*******************************************************************************/

#sidebar {
	float: left;
	width: 250px;
	margin: 0 50px 0 0;
	display: inline;
}
    .bordered {
        border: 2px solid #222;
        padding: 8px;
        margin-top: 20px;
    }
    #sidebar .bordered ul {
        border-bottom: 0px solid #000;
        margin: 10px 0 0 0;
        padding: 0;
    }
	#sidebar span{
		font-size:1.4em;
		font-style:italic;
	}
	#sidebar h1 {
		width:250px;
		margin: 10px 0;
		font-size: 2.9em;
		line-height: 0.9em;
		text-transform: uppercase;
	}

	#sidebar h3 {
		color: #FFF;
		font-size: 1.3em;
		font-style: italic;
		margin: 0 0 10px 0;
	}
	
	#sidebar ul {
		list-style: none;
		font-size: 1.3em;
		margin:30px 0 20px 0;
		padding:0 0 10px 0;
		border-bottom:1px dotted #333;
		list-style-position:outside;
	}
	#sidebar ul li.current a ul.sub-nav li span, #sidebar ul li.current a{
		font-weight:bold;
		color:#fff;
		text-decoration:underline;
	}	
	
	#sidebar ul li.current ul.sub-nav li a{
		font-weight:normal;
		color:#999999;
		text-decoration:none;
	}
	
	#sidebar ul li ul.sub-nav{
		margin:10px 0 0 10px;
		font-size:1em;
	}
	
	#sidebar ul li span{
		font-size:1em;
		color:#FFF;
		font-style:italic;
	}
	
	#sidebar ul li span.new {
		padding-left: 5px;
		color: #993399;
	}
	

#sidebar form {
	margin: 20px 0 0 0;
	border: 1px solid #444444;
	padding: 10px;
}

	#sidebar form fieldset {
		padding: 5px 0;
	}

		#sidebar form fieldset.divide {
			border-bottom: 1px dotted #444444;
		}
	
	#sidebar form h3 {
		background: transparent url(../images/icons/arrow.gif) no-repeat 2px 4px;
		padding: 0 0 0 15px;
	}
	
	#sidebar form label {
		font-size: 1.2em;
		margin-top:10px;
		display:block;
	}
	#sidebar form input {
		border:1px solid #666666;
	}
	
		#sidebar form label span {
			color: #993598;
			font-size:1.0em;
		}
		
	#sidebar form .field {
		float: left;
		width: 110px;
		margin: 0 0 5px 0;
	}
	
	#sidebar form .field.submit {
		clear: left;
		display: none;
	}
	#sidebar input#search_bar{
		background:#fff;
		border:1px solid #999999;
		margin-bottom:10px;
		font-size:1.0em;
		padding:3px;
	}
	#sidebar input.button{
		margin-top:10px;
		border:none;
	}
	
#sidebar #section-title{
	padding-top:95px;
}
	#sidebar #section-title ul li{
		margin:0;
	}
	
	#sidebar #section-title a.cat_sel, #collectionmenu a.cat_sel{
		color:#fff;
		text-decoration:underline;
	}
	
	#sidebar #section-title h3{
		margin:0;
		line-height:1.0em;
		font-weight:normal;
	}



/*******************************************************************************
* Split - product sort
*******************************************************************************/

#product_breadcrumb{
	float:left;
	width:100%;
	border-bottom:1px solid #212121;
	padding:0;
	margin:0 0 10px 0;
}

	#product_breadcrumb p{
		font-size:14px!important;
	}

#products {
	float: left;
	width: 700px;
}

#main{
	width:700px;	
	clear:both;
	overflow:hidden;
	margin:30px 0;
}

.disclaimer {
    clear: both;
    padding-top: 40px;
    font-size: 0.9em;
}


#product_message{
	padding: 7px 5px 7px 5px;
	margin: 0;
	overflow: hidden;
	font-size: 1.2em;
	font-family: 'Times New Roman', Times, serif;
	font-size: 110%;
	color: #CCC;
}

	#item_added{
		margin:0 0 5px 0;
	}

		#item_added span{
			color:#c63e8a;
		}

	#product_info{
		color:#ccc;
	}

		#product_info span{
			color:#999;
		}

.product-sort {
	width: 690px;
	padding: 5px;
	margin: 0 0 30px 0;
	overflow: hidden;
	background: #212121;
	font-size: 1.2em;
}

	.product-navigation{
		width: 690px;
		padding: 5px;
		margin: 0 0 30px 0;
		overflow: hidden;
		background: #212121;
		font-size: 1.2em;
	}
	
		#page .product-navigation p.leftsort, #page .product-navigation p.rightsort{
			float:left; margin:0; padding:0; font-size:1em;
		}

			#page .product-navigation p.rightsort{
				float:right;
			}

			#page .product-navigation-bottom p.leftsort, #page .product-navigation-bottom p.rightsort{
				font-size:1.1em;
			}


.totop {
	clear: both;
	padding-top: 20px;
}

	.product-sort h3 {
		float: left;
		text-transform: uppercase;
		font-size: 0.9em;
		margin: 2px 0 0 0;
	}

	.product-sort ul {
		float: left;
		margin: 0 50px 0 10px;
		list-style: none;
	}
	
		.product-sort ul li {
			float: left;
			margin: 0 5px 0 0;
			border-right: 1px solid #999;
		}
		
		.product-sort ul li.last {
			border: 0;
			margin: 0;
		}
		
			.product-sort ul li a {
				padding: 0 5px 0 0;
			}
			
/* previous page */
.product-back {
	float: left;
	width: 690px;
	padding: 5px;
	margin: 0 0 30px 0;
	overflow: hidden;
	background: #212121;
	font-size: 1.2em;
}

/* total items */

.product-sort .total-products {
	float: left;
	margin: 0 30px 0 0;
}

/* pagiantion */

.product-sort .pagination {
	margin: 0;
	float: right;
}

	.product-sort .pagination li {
		border: 0;
		margin: 0 3px 0 0;
	}
	
	.product-sort .pagination li.of {
		margin: 0 8px 0 0;
	}

/* right hand side */

.product-sort .right h3 {
	margin: 2px 5px 0 0;
	font-size: 0.8em;
	color: #999;
}

/*******************************************************************************
* Courses - products
*******************************************************************************/

.course {
	float: left;
	width: 100%;
	margin: 0 20px 20px 0;
	font-size: 1.1em;
	overflow:hidden;
	display:inline;
}

	.course .img{
		float:left;
		width:200px
	}

	.course .info{
		float:left;
		width:500px;
	}

		.course .info .thetitle, .course .info .price{
			color:#fff;
			font-size:18px;
		}

/*******************************************************************************
* Split - products
*******************************************************************************/

.product {
	float: left;
	width: 160px;
	min-height: 280px;
	height: auto !important;
	height: 280px;
	margin: 0 20px 40px 0;
	font-size: 1.1em;
	overflow:hidden;
	display:inline;
	position:relative;
}

.product.last {
	margin: 0 0 20px 0 !important;
}

	.product img {
		display: block;
		border: 0;
		margin: 0 0 10px 0;  
		margin-left: 3px;
	}
	.product strong {
	   display: block;
	   margin-left: 3px;
	}
	.product h3 {
		color:#666;
		display: block;
		margin-left: 3px;
		font-weight: normal;
	}
	
	.product .price {
		font-size: 1.3em;
	}
	
	.product a.button {
		margin: 10px 0 0 0;
		width: 120px;
		font-size: 1em;
	}
	
	.product a.moreinfobutton{
		position:absolute;
		bottom:0;
		width:145px;
		height:30px;
		background:url(../images/more_information.jpg) top left;
		display:block;
	}
	
		.product a.moreinfobutton:hover{
			background:url(../images/more_information_more.jpg) top left;
		}

	.product .productlink{
		color:#999;
	}
	
		.product .productlink:hover{
			color:#fff;
		}

#deliverydetails_container, #termsandconditions_container{
	display:none;
}

#deliverydetailstoggle #page, #termsandconditionstoggle #page{
	width:100%;
}

	#deliverydetailstoggle #page #centre, #termsandconditionstoggle #page #centre{
		width:100%;
	}

		#deliverydetailstoggle #page #centre h2, #termsandconditionstoggle #page #centre h2{
			float:left;
			width:100%;
		}

#products .pod {
	margin: 0 60px 0 0;
}

#products .pod.last {
	margin: 0;
}

/*******************************************************************************
* Reusable button
*******************************************************************************/

a.button {
	display: block;
	height: 22px;
	padding: 8px 20px 0 5px;
	float: left;
	font-size: 1.2em;
	position: relative;
	background: transparent url(../images/button.gif) no-repeat 0 0;
}

	a.button span {
		position: absolute;
		top: 0;
		right: 0;
		width: 10px;
		height: 30px;
		background: transparent url(../images/button.gif) no-repeat right 0;
	}

/*******************************************************************************
* Product page - main image
*******************************************************************************/

#product-image {
	float: left;
	margin: 0 10px 30px 0;
	display:inline;
}

	#product-image img {
		float: left;
	}

	#product-image ul {
		float: left;
		width: 90px;
		margin: 0;
		list-style: none;
	}
	
		#product-image ul li {
			float: left;
			margin: 0 0 10px 0;
		}
	
			#product-image ul li a {
				border: 1px solid #333;
				float: left;
			}
			
				#product-image ul li a:hover {
					border: 1px solid #FFF;
				}
				
	
				#product-image ul li a img {
					border: 0;
				}

/*******************************************************************************
* Product page - details
*******************************************************************************/

#product-detail {
	float: left;
	width: 320px;
	margin: 0 0 30px 0;
	display:inline;
}

	#product-detail h2 {
		font-style: italic;
		font-size: 2.3em;
		font-weight: normal;
		margin: 0 0 10px 0;
	}
	
	#product-detail p {
		font-size: 1.3em;
		line-height: 1.4em;
		color: #999;
	}

.prices_discount{
	font-size:16px;
	color:#fff!important;
}

.prices {
	float: left;
	clear: left;
	width: 320px;
	margin: 0 0 10px 0;
}

	.prices h3 {
		font-size: 2.0em;
		font-weight: normal;
		font-style: italic;
		float: left;
		margin: 0 10px 0 0;
	}

		.prices h3 small {
			font-size: 0.5em;
		}
	
	.prices .multiples {
		float: left;
		color: #FFF;
		margin: 10px 0 0 0;
		width:100%;
	}

#product-detail form {
	width: 330px;
	clear: left;
}

#product-detail .field {
	margin: 0 0 10px 0;
}

	#product-detail label {
		font-style: italic;
		font-size: 1.3em;
		margin: 7px 5px 0 0;
		float: left;
	}
	
	#product-detail .qty {
		width: 20px;
		height: 16px;
		padding: 7px 10px;
		font-size: 1.1em;
		color: #999;
		background: transparent url(../images/form/qty-bg.gif) no-repeat 0 0;
	}

#product-detail .buttons {
	margin: 0 0 10px 0;
}

	#product-detail .buttons input {
		margin: 0 10px 0 0;
	}

.product-forward {
	background: transparent url(../images/icons/box-arrow.gif) no-repeat 2px 3px;
	padding: 0 0 0 15px;
	font-style: italic;
	font-size: 1.3em;
}

.product-forward_sep{
	margin:0;
	padding:0;
	border-top:1px solid #ccc;
}

/*******************************************************************************
* Product page - tabs
*******************************************************************************/

#tabs, .tabs {
	float: left;
	width: 100%;
	clear: left;
	margin: 0 20px 0 0;
	font-size:0.8em;
}

	#tabs ul, .tabs ul {
		float: left;
		list-style: none;
		width: 100%;
		margin: 0;
		border-bottom: 1px solid #6A6A6A;
	}
	
		#tabs ul li, .tabs ul li {
			float: left;
			margin: 0 2px 0 0;
		}
		
			.tabs ul li span{
				display: block;
				padding: 6px 10px;
				border: 1px solid #000;
				border-bottom: 0;
				font-size: 1.3em;
				outline: none;
				color:#fff;
				background: transparent url(../images/tabs/bg.gif) repeat-x 0 0;
			}
		
			#tabs ul li a, .tabs ul li a {
				display: block;
				padding: 6px 10px;
				border: 1px solid #000;
				border-bottom: 0;
				font-size: 1.3em;
				outline: none;
				background: transparent url(../images/tabs/bg.gif) repeat-x 0 0;
			}
			
			#tabs ul li a:hover {
				display: block;
				border: 1px solid #6A6A6A;
				border-bottom: 1px solid #000;
				margin: 0 0 -1px 0;
			}
			
		#tabs ul li.ui-tabs-selected a {
			color: #FFF;
			display: block;
			border: 1px solid #6A6A6A;
			border-bottom: 1px solid #000;
			margin: 0 0 -1px 0;
		}

.ui-tabs .ui-tabs-hide {
     display: none;
}

.tab-panel {
	clear: left;
	overflow:hidden;
	width: 690px;
}
/*******************************************************************************
* Product page - Swatches
*******************************************************************************/

#swatches{
	margin-top:10px;
}
	
    .email-when-available {
        display: none;
        background-color: #000;
        border: 2px solid #333333;
        padding: 15px;
        vertical-align: middle;
		z-index:99999;
    } 
    .email-when-available .close {
        background-image: url(../images/icons/close.png);
        width: 28px;
        height: 28px;
        position: absolute;
        top: -10px;
        display: block;
        cursor: pointer;
        right: -10px;
    }
    .email-when-available-link,
    .email-when-available-link img {
        border: 0px solid #000;
    }
	
	.email-when-available-link{
		float:left;
		margin:0 0 0 111px;
	}
	
    .out-of-stock {
        font-size: 1.5em;
        display: block;
        color: #993399;
        margin-bottom: 10px;
    }
	.product .out-of-stock {
		font-size: 1.3em;
		font-style: italic;
	}
    
    
    .email-when-available input {
        vertical-align: middle;
    }
    .email-when-available input.txt {
        width: 250px;
        padding: 4px;
    }  
	#swatches .swatch{
		padding:15px 0 10px 0;
		float:left;
		border-bottom:1px dotted #666666;
		width:690px;
		overflow:hidden;
		position: relative;
		font-size: 1.1em;
	}
		#swatches .colour{
			float:left;
			margin-right:10px;
			display:inline;
			position: relative;
		}
		#swatches .colour span {
		    display: block;
            color: #fff;
            font-size: 1.3em;
        }
		#preview {
            background-color: #000;
            display: block;
            line-height: 0;
            padding: 0;
        }   
		#preview img {
		    margin: 5px;
            display: block;  
		}
		#swatches .colour img{
			border:0;
		}
		
		#swatches .swatch .desc{
			width:184px;
			float:left;
			margin-right:10px;
			display:inline;
		}
			#swatches .swatch .desc h3{
				font-size:1.3em;
				font-style:italic;
			}
			#swatches .swatch .desc a{
				font-size:1.2em;
				font-style:italic;
			}
			#swatches .swatch .desc p{
				margin-bottom:2px;
				padding:0;
			}
			#swatches .swatch .choices{
				float:left;
				width:400px;
			}
			
			#addtobasket{
				float:left;
			}
			
			#swatches .swatch .choices form.swatch-form{
				/*margin-top:10px;*/
			}
			
			#addtobasket{
				background:url(../images/form/addtobasket.gif) top left no-repeat;
				height:32px;
				width:118px;
				display:block;
				border:none;
				text-indent:-3000em;
				font-size:1px;
				line-height:1px;
				overflow:hidden;
				cursor:pointer;
				float:left;
			}
			
			#swatches .swatch .choices form input#addtobasket{
				margin:0 10px 0 20px;
			}
			
				#addtobasket:hover{
					background:url(../images/form/addtobasket.gif) bottom left no-repeat;
				}
			
			#swatches .swatch .choices form.swatch-form input.bag{
			}
			#swatches .swatch .choices form input{
				margin:0px;
			}
			
			#swatches .swatch .choices label.amount{
				float:left;
				margin:5px 10px 0 0;
				font-size: 1.1em;
			}
			
	#swatched form label{
		margin-right:0;
	}
	#swatches form .qty {
		width: 20px;
		height: 16px;
		padding: 7px 10px;
		margin-left:10px;
		font-size: 1.1em;
		color: #999;
		background: transparent url(../images/form/qty-bg.gif) no-repeat 0 0;
	}
	
#clause{
	clear:both;	
	padding-top:50px;
}

.clearswatch {
    clear: both;
}

/*******************************************************************************
* Product page - Info
*******************************************************************************/

#info{
	font-style:italic;
	margin:20px 0 0 0;
}
	#info h4{
		font-size:1.4em;
		color:#fff;
	}
	#info ul{
		border:0px;
		margin:5px 0 0 0;
	}
	
.tab-panel{
	font-style:italic;
	float:left;
	margin:20px 0 20px 0;
}

	.tab-panel h4{
		font-size:1.4em;
		color:#fff;
	}
	.tab-panel ul{
		border:0px;
		margin:5px 0 0 0;
	}

/*******************************************************************************
* Category page - Top Products
*******************************************************************************/
	#top_products{
		float:left;
		margin:10px 0;
		padding:10px 0 0 0;
	}

		#top_products .product{
			position:relative;
			min-height:270px;
		}

			#top_products .product .price{
				position:absolute;
				bottom:35px;
			}

			#top_products .product form{
				position:absolute;
				bottom:0;
			}

/*******************************************************************************
* Product page - Related Products (Suggestion)
*******************************************************************************/
#related{
	width:240px;
	float:right;
}
	#related h3{
		font-size:1.2em;	
		font-weight:normal;
	}
	#related h3.phone{
		font-size:2.0em;	
		font-weight:normal;
		margin-bottom:10px;
	}
	#related h4{
		font-size:1.3em;	
		font-weight:normal;
		margin-bottom:10px;
		font-style:italic;
		color:#fff;
		margin-top:10px;
	}
		#related img{
			margin-bottom:10px;
		}
	
	.related-list{
		margin:10px 0 30px 0;
		clear:both;
		border:1px solid #444444;
		padding:10px;
	}
		.related-list h3{
			font-size:1.3em; 
			font-style:italic;
		}
		.related-product{
			margin-top:15px;
			clear:both;
			overflow:hidden;
			zoom: 1;
		}
		.related-product img{
				float:left;
				margin-right:10px;
			}
		.related-product h4{
				font-size:1.3em;
				font-style:italic;
				color:#999999;
			}
		.related-product input{
				margin-top:5px;
			}
	
	#related ul{
		padding:0;
		margin:0;
		list-style:outside none;
		
	}
	#related ul#recruit li{
		width:169px;
		height:56px;
		margin:5px 0;
		font-size:1.2em;
		line-height:1em;
	}
	
	#related ul#recruit li a{
		width:149px;
		height:36px;
		display:block;
		background:url(../images/form/recruit-btn.gif) no-repeat;
		padding:10px;
		font-size: 0.9em;
		color:#fff;
	}
	#related ul#recruit li a span{
		font-size:0.8em;
		color:#666;
	}
	#related ul#recruit li a:hover{
		background-position:0 -59px;
	}



/*******************************************************************************
* Product page - Search Results
*******************************************************************************/
#search-item{
	font-size:1.2em;
	color:#666;
}
	#search-item span{
		color:#fff;
	}
#search-products{
	width:500px;
	float:left;
	margin:0 20px 20px 0;
	display:inline;
	overflow:hidden;
}
	#search-products .product {
		margin: 0 10px 20px 0;
	}
	#search-products .last{
		margin: 0 0 20px 0;
	}

#category{
	border-bottom:1px dotted #666;
	margin:20px 20px 20px 0;
	font-size:1.4em;
	font-style:italic;
}
	
#site-results{
	float:right;
	width:180px;
}
	#site-results #category{
		margin:20px 0px 20px 0;	
	}
	
	#site-results .content{
		overflow:hidden;
		margin:0 0 10px 0;
		border-bottom:1px dotted #171717;
		padding:0 0 10px 0;
	}
		#site-results a img{
			border:0;
			float:left;
		}
		#site-results .content img{
			float:right
		}
		#site-results .content .type{
			font-size:1.0em;
			color:#666;
			font-style:italic;
		}
		#site-results .content h3{
			font-size:1.2em;
			color:#fff;
			font-style:italic;
		}
		#site-results .content .date{
			font-size:1.0em;
			color:#999;
			font-style:italic;
		}

#other-results{
	width:280px;
	float:right;
	overflow:hidden;
}
	#other-results .content{
		overflow:hidden;
		margin:0 0 10px 0;
		border-bottom:1px dotted #171717;
		padding:0 0 10px 0;
	}
		#other-results a img{
			border:0;
			float:left;
		}
		#other-results .content img{
			float:right
		}
		#other-results .content .type{
			font-size:1.0em;
			color:#666;
			font-style:italic;
		}
		#other-results .content h3{
			font-size:1.2em;
			color:#fff;
			font-style:italic;
		}
		#other-results .content .date{
			font-size:1.0em;
			color:#999;
			font-style:italic;
		}
	
.result{
	color:#999;
}
	
.result h3{
	font-size:1.4em;
	font-weight:normal;
	color:#fff;
}
.result h3 a{
	color:#fff;
}
.result h3 a:hover{
	color:#666;
}

.result .snippit{
	border-bottom:1px dotted #666;
	padding-bottom:10px;
	margin-bottom:10px;
}	
	
/*******************************************************************************
* FF
*******************************************************************************/	
	

	#ff a{
		text-decoration:underline;
	}
	#ff table{
		margin:30px 0 10px 0;
	}
	#ff table tr td{
		padding:0 0 5px 0;
	}
	
	#ff input{
		border:1px solid #666;
	}
	#ff textarea{
		border:1px solid #666;
	}
	#ff input.button{
		width:auto;
		border:0;
	}
	#ff textarea {
        width: 400px;
        height: 200px;   
    }


/*******************************************************************************
* Checkout
*******************************************************************************/

.login-register_wrapper{
	float:left;
	border:3px solid #333;
}

#sidebar .login-register{
	padding:0 0 10px 0;
	width:auto;
	border:1px solid #444;
}

	#sidebar .login-register form{
		border:none;
		margin:0;
	}

	#sidebar .login-register .info p, #sidebar .login-register .info p span{
		font-size:12px;
		font-style:normal;
	}
	
/*******************************************************************************
* Professional Login
*******************************************************************************/

#professional_login{
	font-style:italic;
	color:#999;
}

	#split #professional_login p{
		font-size:15px;
	}

	#professional_login .left{
		float:left;
		width:485px;
		margin:0 10px 0 0;
	}
	
	#professional_login .right{
		float:left;
		width:485px;
	}

	#professional_login .container{
		border:4px solid #303030;
		float:left;
	}
	
	#professional_login .container .left{
		margin:0;
	}

		#professional_login .last{
			border-left:4px solid #303030;
		}

		#professional_login .professional-login-register{
			float:left;
			padding:20px;
		}
		
			#professional_login .professional-login-register table{
				width:100%;
				float:left;
			}
		
			#professional_login .professional-login-register h2{
				font-style:italic;
				color:#fff;
				float:left;
				width:100%;
			}
			
			#split #professional_login .professional-login-register p{
				font-style:normal;
				font-family:Arial, Helvetica, sans-serif;
				float:left;
				width:100%;
				color:#999999;
			}
		
			#professional_login .professional-login-register label{
				float:left;
				width:100%;
				font-size:14px;
				font-style:italic;
			}
			
			#professional_login .professional-login-register input{
				margin:0 0 10px 0;
			}
			
			#professional_login .professional-login-register input.input{
				font-size:14px;
				padding:3px;
				margin:2px 0 20px 0;
				width:250px;
				float:left;
			}
		
			#professional_login .professional-login-register .register a{
				width:138px; height:24px; display:block; background:url(../images/form/register-checkout.gif) no-repeat;
			}
		
			#professional_login .professional-login-register .register a:hover{
				width:138px; height:24px; display:block; background:url(../images/form/register-checkout-over.gif) no-repeat;
			}
		
			#professional_login .professional-login-register .register a span{
				display:none;
			}
		
				#split #professional_login .professional-login-register .info{
					float:left;
					margin:10px 0 0 0;
					padding:10px;
					background:#333;
					width:295px;
				}
			
					#split #professional_login .professional-login-register .info p span{
						font-weight:bold;
						text-transform:uppercase;
					}
			
					#split #professional_login .professional-login-register .info p{
						font-size:13px;
						color:#999;
					}
			
					#split #professional_login .professional-login-register .info p.infotitle{
						color:#fff;
						text-transform:uppercase;
						font-weight:bold;
					}

/*******************************************************************************
* Login
*******************************************************************************/

.login-register{
	float:left;
	width:305px;
	padding:10px;
}

	#split .login-seperate{
		background:#444;
		height:500px;
		width:3px;
		float:left;
	}

	.login-register table{
		width:100%;
		float:left;
	}

	.login-register h2{
		font-style:italic;
		color:#fff;
		float:left;
		width:100%;
	}
	
	#split .login-register p{
		font-style:normal;
		font-family:Arial, Helvetica, sans-serif;
		float:left;
		width:100%;
		color:#999999;
	}

	.login-register label{
		float:left;
		width:100%;
		font-size:14px;
		font-style:italic;
	}
	
	.login-register input{
		margin:0 0 10px 0;
	}
	
	.login-register input.input{
		font-size:14px;
		padding:3px;
		margin:2px 0 20px 0;
		width:250px;
		float:left;
	}

	.login-register .register a{
		width:138px; height:24px; display:block; background:url(../images/form/register-checkout.gif) no-repeat;
	}

	.login-register .register a:hover{
		width:138px; height:24px; display:block; background:url(../images/form/register-checkout-over.gif) no-repeat;
	}

	.login-register .register a span{
		display:none;
	}
	
	#split .login-register p.white{
		color:#fff;
		margin:20px 0 0 0;
		width:100%;
		font-size:13px;
	}

	#split .login-register .info{
		float:left;
		margin:10px 0 0 0;
		padding:10px;
		background:#333;
	}

		#split .login-register .info p span{
			font-weight:bold;
			text-transform:uppercase;
		}

		#split .login-register .info p{
			font-size:13px;
			color:#999;
		}

		#split .login-register .info p.infotitle{
			color:#fff;
			text-transform:uppercase;
			font-weight:bold;
		}

/*
#login-register{
	width:994px;
	border:3px solid #333;
	overflow:hidden;
	font-size:1.2em;
	font-style:italic;
}
	#login-register a{
		text-decoration:underline;
	}
	#login-register .login{
		width:454px;
		float:left;
		padding:20px;
		
	}
	#login-register .login table{
		margin:0 0 10px 0;
	}
		#login-register .login table tr td.register{
			padding:10px 0 5px 0;
		}
			#login-register .login table tr td.register a{
				width:138px; height:24px; display:block; background:url(../images/form/register-checkout.gif) no-repeat;
			}
			#login-register .login table tr td.register a:hover{
				width:138px; height:24px; display:block; background:url(../images/form/register-checkout-over.gif) no-repeat;
			}
			
			#login-register .login table tr td.register a span{
				display:none;
			}
	
	#login-register .last{
		width:457px;
		float:left;
		padding:20px;
		border-left:3px solid #333;
	}
	#login-register .login input{
		border:1px solid #666;
	}
	#login-register .login input.button{
		width:auto;
		border:0;
	}
	
	#login-register .last .login-small{
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		color:#999999;
		margin:40px 0 0 0;
		padding:0;
		font-style:normal;
	}
	
		#login-register .last .login-small a{
			color:#fff;
			text-decoration:underline;
		}

			#login-register .last .login-small a:hover{
				text-decoration:none;
			}
*/
#checkout{
	width:954px;
	border:3px solid #333;
	padding:20px;
	overflow:hidden;
}	
	#checkout form{
		overflow:hidden;
		clear:both;
	}
	#checkout h2{
		margin-bottom:10px;
		float:left;
	}
	#checkout #mandatory{
		float:left;
		margin:8px 0 0 20px;
	}
	#checkout #mandatory span{
		color:#339933;
	}
	#checkout h3{
		background:#333333;
		padding:5px;
		font-weight:normal;
		clear:both;
		color:#ffffff;
	}
	
		#checkout h3 a{
			color:#ffffff;
		}
	
		#checkout form fieldset{
			xwidth:500px;
			float:left;
			margin:20px;
			clear:both;
		}
		#checkout form fieldset span.q{
			margin-left:60px;
			
		}
		
		#checkout form .save{
			width:310px;
			float:right;
			margin:20px 40px 0 0;
			font-size:0.8em;
			
		}
		#checkout form .save h4{
			font-size:1.2em;
			font-weight:normal;
			
		}
		#checkout form .save p{
			font-size:1.2em;
			font-weight:normal;
			padding:10px 0 10px 0;
			
		}
		#checkout form .save input{
			margin:0 10px 10px 0;
			float:left;
		}
		#checkout form .save span{
			clear:both;
			font-size:0.8em;
			color:#666;
		}
		#checkout form span.smalltext{
			font-size:0.7em;
			clear:left;
		}
		
		#checkout form input, #checkout form select{
			padding:2px;
		}
		
		#checkout form label{
			font-size:1.2em;
			font-style:italic;
			width:150px;
			display:block;
			float:left;
		}
		
		#checkout form#delivery_options label{
			width:auto;
			margin:0 20px 0 0;
		}
		
		#checkout form label.min{
			font-size:1.2em;
			font-style:italic;
			width:auto;
			display:block;
			float:left;
		}
		#checkout form input.radio{
			border:1px solid #666666;
			width:auto;
			float:left;
			margin:5px 10px 0 5px;
		}
		#checkout form input.quantity{
			width:30px;
		}
		#checkout form input.checkbox{
				width:auto;
				border:0;
				margin:0 10px 0 0 !important;
			}
		#checkout form input.small{
			width:30px;
			
		}
		#checkout form input.bill{
				width:auto;
				border:0;
				margin:15px 10px 0 0 !important;
			}
		#checkout form label.billing{
			float:left;
			margin:10px 0 0 
			
		}
		#checkout form select{
			font-size:1.0em;
		}
		#checkout form select.country {
			width:300px;
        }
	#checkout .required{
		color:#339933;
	}
	#checkout .error{
		color:#F00;
	}
		#checkout input.button{
			border:0;
			width:auto;
			margin:0 0 10px 150px;
		}
	#checkout textarea{
		width:300px;
		border:1px solid #666666;
	}
	#checkout .continue{
		float:left;
		width:954px;
		clear:both;
		border-top:1px dotted #333;
		border-bottom:1px dotted #333;
		padding:10px 0 10px 0;
		margin-bottom:30px;
		overflow:hidden;
	}
	
		#checkout .continue_message{
			float:right;
			width:950px;
			text-align:right;
			margin:0 4px 0 0;
		}
	
	#checkout .continue a.button {
		text-align: center;
		float: right;
		padding-left: 20px;
		padding-top: 7px;
		font-size: 1.3em;
		padding-bottom: 6px;
	}
	#checkout .continue input{
		float:right;
		margin:0 0 0 10px;
		
	}
	
	#nobackground a{
		background:none;
	}

	.delivery_left, .delivery_right{
		float:left;
		width:365px;
	}

		.delivery_right{
			margin:0 0 0 20px;
			width:565px;
		}

			.delivery_right input{
				width:295px;
			}

			#delivery_details_container{
				display:none;
			}

			#checkout form .delivery_same label{
				width:300px;
			}

			#checkout form a img{
				border:none;
			}

		#issue_container input, #cv2_container input{
			float:left;
		}

		#issue_container a, #cv2_container a{
			float:left;
			margin:0 0 0 10px;
		}
	
#basket{
	margin-top:20px;
	font-size:1.3em;
	color:#999999;
}
	#basket table tr td{
		padding:10px 0 10px 0;
	}
	#basket table tr td img {
        margin-right: 10px;
    }
		#basket table tr td span{
			color:#fff;
		}
			#basket table tr td span.stock{
				color:#339933;
			}
			#basket table tr td span.vat{
				color:#999999;
				font-size:0.8em;
			}
				#basket table tr td span.remove a{
					color:#F00;
					text-decoration:underline;
				}
				#basket table tr td span.remove a:hover{
					color:#666;
					text-decoration:underline;
				}
				
		#basket table tr td.divider{
			border-bottom:1px dotted #666;
			padding:2px;
			font-size:0px;
		}
		#basket table tr td table{
			width:291px;
		}
	
		#basket table tr td table tr td{
			padding:5px;
			text-align:right;
		}
		#basket table tr td table tr td.space{
			padding:0;
			font-size:0;
			margin:0;
			height:2px;
		}
		#basket table tr td table tr td.add{
			padding:10px 0 10px 0;
			font-size: 0.9em;
		}
		/*
		   switched the button to an anchor and fleshed it out slightly
		*/
		#basket table tr td table tr td.add a.button{
		    float: right;
		    padding-left: 16px;
		}

			#basket a.product_link{
				color:#fff;
				text-decoration:underline;
			}
			
				#basket a.product_link:hover{
					text-decoration:none;
				}

.recommend{
	margin:0 auto;
}

#checkout .recommend input {
	border:none !important;
	width:auto !important;
}

	.recommend .product{
		margin:0 30px 0 0;
	}
		.recommend .product h3{
			background:none !important;
		}
		
#additional{
	margin-top:10px;
}
	#additional span{
		color:#fff;
	}

#checkout{float:left;}

#progress{
	width:1000px;
	margin-bottom:30px;
	float:left;
	clear:both;
}
	#progress ul{
		list-style:none;
		width:425px;
		float:left;
		background:url(../images/form/progress-bar.gif) no-repeat 45px 26px;
	}
		#progress ul li{
			float:left;
			width:170px;
			color:#666;
			font-size:1.2em;
		}
			#progress ul li img{
				margin:5px 0 0 35px;
			}
			
			#progress ul li.steptwo{
				width:170px;
			}
	
			#progress ul li.steptwo img{
				margin:5px 0 0 70px;
			}
	
			#progress ul li.stepthree{
				text-align:right;
				width:85px;
			}
			
				#progress ul li.stepthree img{
					margin:5px 0 0 75px;
				}

				#progress ul li .complete{
					color:#FFF;
				}

			#progress ul li.complete span{
				color:#fff;
			}

	#checkout_register #email{
		width:140px;
	}

#loginarea{
	float:right;
	border:3px solid #333;
	padding:5px 10px;
}

	.checkout_customer{
		padding:0;
		border:none;
	}
	
		#split .checkout_customer .returning p{
			padding:2px 0 0 0;
			font-weight:bold;
			font-size:1.6em;
		}
	
		.checkout_customer label{
			font-family:"Times New Roman", Times, serif;
			font-size:16px;
			font-style:italic;
			float:left;
			padding:3px 0 0 0;
			margin:0 5px 0 0;
		}
	
			.checkout_customer input{
				padding:4px 4px 5px 4px;
				font-size:10px;
				margin:0;
				width:119px;
				float:left;
				margin:0 0 5px 0;
			}
			
				.checkout_customer input#login{
					padding:0;
					width:69px;
					height:24px;
					margin:0 0 5px 0;
				}
	
			#checkout_register .login-small{
				font-size:11px;
			}

#small_login{
	float:right;
	width:610px;
	border:3px solid #333;
}

	#small_login h2{
		font-style:italic;
	}

	#small_login table{
		float:left;
		padding:4px;
	}
	
	
	#returning_customer{
			border-left:3px solid #333;
			border-right:3px solid #333333;
		}

	#checkout_register{
		border-left:3px solid #333333;
		
	}

	#new_customer_hurry{
		width:150px;
	}
	
		#new_customer_hurry p{
			 font-size:13px;
			 font-weight:bold;
		}

.password_choice, .terms_and_conditions_choice{
	float:left;
	width:90%;
	margin:0 0 0 20px;
}

	#checkout form .password_choice label, #checkout form .terms_and_conditions_choice label{
		width:400px;
	}

		#checkout form .terms_and_conditions_choice label{
			width:360px;
		}

#password_choice .password_choice{
	margin:0 0 20px 0;
	background:#333;
	padding:20px;
	width:100%;
}

.password_choice label span{
	font-size:1.8em;
}

	.password_choice input{
		margin:32px 0 0 0;
	}

#payment{
	float:left;
	position:relative;
	width:100%;
}

	#payment_SSL{
		position:absolute;
		bottom:0;
		right:0;
		width:80px;
		height:80px;
	}

#howToPay{
	float:left;
	width:100%;
	margin:10px 0 10px 10px;
}

	#howToPay .waysToPay{
		float:left;
		margin:0 20px 0 0 0;
		width:410px;
	}

		#howToPay .waysToPay input{
			float:left;
			margin:6px 10px 0 0;
		}

		#howToPay .waysToPay img{
			float:left;
			margin:0 10px 0 0;
		}

#deliveryChoice{
	float:left;
	margin:10px 0;
}

	#deliveryChoice label{
		font-size:14px;
		font-style:normal;
	}

	#deliveryChoice #selectBox{
		float:left;
	}

	#deliveryChoice #selectBox select{
		padding:2px;
		font-size:1em;
	}


	.toggles{display:block;}

/*******************************************************************************
* Account
*******************************************************************************/
#more #account{
	width:904px;
}

#more #account .section{
	width:900px;
}

#account{
	width:654px;
	float:left;
	border:3px solid #333;
	padding:20px;
	overflow:hidden;
}

	#account h2{
		margin-bottom:10px;
		float:left;
	}
	#account h3{
		font-weight:normal;
		float:left;
	}
	#account .section{
		clear:left;
		background:#333333;
		padding:5px;
		font-weight:normal;
		float:left;
		overflow:hidden;
		margin-bottom:10px;
		width:644px;
		display:inline;
	}
	
	#account .section .remove{
		float:right;
		
	}
		#account .section .remove a{
			color:#F00;
		}
		#account .section .remove input{
			margin:0 10px !important;
			width:auto;
		}
		#account .section .remove label{
			width:auto !important;
		}
	#account #mandatory{
		float:left;
		margin:8px 0 0 20px;
	}
	#account #mandatory span{
		color:#339933;
	}
	#account form fieldset{
		margin:20px 0 20px 0;	
		clear:both;
	}
	#account form label{
			font-size:1.2em;
			font-style:italic;
			width:200px;
			display:block;
			float:left;
		}
		#account form input{
			width:300px;
			border:1px solid #666666;
		}
			#account form input.checkbox{
				width:auto;
				border:0;
				margin:0 10px 0 0 !important;
			}
			#account form input.small{
				width:80px;
			}
			#account input.button{
				border:0;
				width:auto;
				margin:0 0 10px 150px;
			}
		#account form textarea{
			width:530px;
		}
		#account form textarea.text-area{
			width:300px;
		}
			#account form label.check{
				width:110px;
				float:left;
			}
			#account form input.checkbox{
				width:auto;
				margin:3px 10px 0 10px;
				float:left;
			}
			#account form p{
				clear:both;
				overflow:hidden;
			}
			div.fileinputs {
				position: relative;
				float:left;
				overflow:hidden;
				margin-bottom:10px;
			}
			
			div.fakefile {
				position: absolute;
				top: 0px;
				left: 0px;
				z-index: 1;
				height:29px;
			}
			div.fakefile img {
				position: absolute;
				top: -1px;
				left: 204px;
				z-index: 1;
			}
			
			input.file {
				position: relative;
				text-align: right;
				-moz-opacity:0 ;
				filter:alpha(opacity: 0);
				opacity: 0;
				z-index: 2;
			}



	#account .required{
		color:#339933;
	}
	#account textarea{
		width:300px;
		border:1px solid #666666;
	}
	
			#account form fieldset#terms textarea{
				height:150px;
				font-size:1.1em;
			}
			#account form fieldset#terms input.checkbox{
				float:left;
				margin:0 10px 0 0;
				border:0px;
			}
			#account form fieldset#terms label{
				width:350px;
			}
			#account form fieldset#terms select{
				width:250px;
			}
			#account form fieldset#terms .reset_width{
				width:250px;
			}
			
			#account form fieldset#terms p{
				clear:both;
				overflow:hidden;
			}
			
			#account form fieldset#terms #read_tandc{
				font-size:1.2em;
				float:left;
			}
			
			.login #why_register p{
				font-size:14px;
			}
			
	#account form .button{
		width:auto;
		margin:10px 0 0 260px;
	}
	
	#account .product-sort{
		background:none;
		width:auto;
		float:right;
	}
	#account .product-sort ul{
		margin:0 0 0 10px;
	}
	
	#account #basket{
		margin:0;
		clear:both;
	}
		#account #basket table tr td input.button{
			margin:0;
			width:auto;
		}
		#account #basket table tr td input.checkbox{
			margin:0;
			width:auto;
		}

	#email-address{border:1px solid #666; width:150px;}

/*******************************************************************************
* Alter Ego - Gallery
*******************************************************************************/
.albums{
	width:340px; 
	background:url(../images/gallery/photo-top.gif) 0 50px no-repeat;
	float:left;
	margin-right:20px;
	display:inline;
	text-align:center;
	
}

.albums h2{
		font-size:3em;
		font-style:italic;
		text-align:center;
	}
	.albums a{
		color:#fff;	
		font-size:1.2em;
		text-decoration:underline;
		font-style:italic;
	}
	.albums .spacer{
		width:20px; 
		height:20px;
	}
	.albums .spacer_more{
		width:20px;
		height:80px;
	}
	.albums .images-details{
		width:315px;
		margin:0 auto;
	}
	
	.albums .last{
		margin:0 0 10px 0;	
	}
	
	.albums .images-details img{
		border:none;
		margin-bottom:5px;
	}
		
		
#album_details{
	width:230px;
	clear:both;
	margin-right:40px;
	float:left;
}
	#album_details span{
		font-size:1.4em;
		font-style:italic;
		color:#fff;
	}
	#album_details span.date{
		font-size:1.0em;
		font-style:italic;
		color:#666;
	}
	#album_details ul{
		list-style:none;
		padding-bottom:40px;
		margin:10px 0 10px 0;
		border-bottom:1px dotted #333;
		font-size:1.2em;
	}
	
.archive{
	width:700px;
	background:none;
	overflow:hidden;
	margin:0;
	padding:0;
}
	.archive .images-details{
		width:315px;
		float:left;
		margin-right:20px;
	}
	.archive .last{
		margin:0 0 10px 0;	
	}	
	
.row {
        overflow: hidden;
        zoom: 1;
}

	.photo ul.howtofilm li{
		width:auto;
	}

	.collection ul li img.howtofilm_image{
		border: 1px solid #333;
	}

.photo{
	float:left;
	width:700px;
}
	.photo h4{
		font-weight:normal;
	}
	.photo ul{
		list-style:none;
		margin:0;
		float:left;
	}
		.photo .row ul {
			width:700px;
			margin-bottom:8px;
			float:left;
		}
			.photo  ul .row h3{
				text-transform:uppercase;
				color:#ffffff;
				padding-top:3px;
				font-weight:normal;
				margin-bottom:3px;
			}
				.photo ul .row h3 a{
					color:#ffffff;
				}
				.photo ul .row h3 a:hover{
					color:#666666;
				}
			
			.photo ul .row .user{
				color:#ffffff;
			}
			
		.photo ul li{
			float:left;
			margin-right:8px;
			width:169px;
		}
		.photo ul li.last{
			margin-right:0;
		}
			.photo ul li img{
				border:0;
				
			}
		
.video{
	width:700px;
	float:left;
	overflow:hidden;
}

	.video #tabs {
		float: left;
		width: 700px;
		clear: left;
		margin: 0 20px 0 0;
	}
	.video #player {
		width:699px;
		margin:0 0 20px 0;
		float:left;
		display:inline;
	}
	.video #youtube_player{
		width:425px;
		margin:0 auto 20px ;	
	}
	.video img{
		margin-bottom:20px;
		float:left;
		display:inline;
	}

	.video #tabs ul {
		float: left;
		list-style: none;
		width: 700px;
		margin: 0;
	}
	
		.video #tabs ul li {
			float: left;
			margin: 0 2px 0 0;
		}
		
			.video #tabs ul li a {
				display: block;
				padding: 6px 10px;
				border: 1px solid #000;
				border-bottom: 0;
				font-size: 1.3em;
				outline: none;
				background: transparent url(../images/tabs/bg.gif) repeat-x 0 0;
			}
			
			.video #tabs ul li a:hover {
				display: block;
				border: 1px solid #6A6A6A;
				border-bottom: 1px solid #000;
				margin: 0 0 -1px 0;
			}
			
			.video #tabs ul li.ui-tabs-selected a {
			color: #FFF;
			display: block;
			border: 1px solid #6A6A6A;
			border-bottom: 1px solid #000;
			margin: 0 0 -1px 0;
		}


		
		.video #tabs #featured {
			margin-top:20px;
		}
		
		.video #tabs #comments {
			margin-top:20px;
			color:#999;
		}
			.video #tabs #comments a{
				margin-top:20px;
				color:#ffffff;
			}
			.video #tabs #comments h3{
					color:#ffffff;
				}
			.video #tabs #comments .comment{
				margin-bottom:20px;
				border-bottom:1px dotted #333;
				padding-bottom:10px;
			}
				.video #tabs #comments span{
					font-size:1.3em;
					font-style:italic;
				}
				
				.video #tabs #comments ul.social {
					overflow:hidden;
					border:0;
					margin-bottom:10px;
				}
					.video #tabs #comments ul.social li{
							padding:0;
						}
						.video #tabs #comments ul.social li a{
							background:none;
							margin-bottom:10px;
							width:19px;
							height:19px;
							padding:0;
							border:0;
						}
						.video #tabs #comments ul.social li a:hover{
							background:none;
							width:19px;
							height:19px;
							border:0;
						}
							.video #tabs #comments ul.social li a:hover img{
								border:0;
							}
						
							.video #tabs #comments ul.social li a img{
								border:0;
							}
				
				
				.video #tabs #comments ul.vote {
					overflow:hidden;
					border:0;
					margin-bottom:10px;
				}
					.video #tabs #comments ul.vote lu{
						float:left;
					}
			.video #tabs #step{
				clear:both;
				overflow:hidden;
				padding:20px 0;
				
			}
				.video #tabs #step ol{
					list-style-type:none;
					margin:20px 0;
				}
					.video #tabs #step ol li{
						margin:20px 0;
					}
						.video #tabs #step ol li img{
							float:left;
							margin-right:10px;
						}
		

.video .ui-tabs .ui-tabs-hide {
     display: none;
}

.video .tab-panel {
	float: left;
	clear: left;
	width: 700px;
}

#faq ul{
	border:0;
	float:left;
	margin-top:10px !important;
}

#faq ul li{
	border:0 !important;	
	float:none;
	clear:both;
}
#faq ul li.q{
	font-size:1.2em;
	margin-bottom:5px;
	color:#fff;
}
#faq ul li.a{
	font-size:1.2em;
	margin-bottom:5px;

}

.video #tabs #faq ul{
    margin: 0 0 0.5em 0;
    width:680px;
    list-style: none;
}
.video #tabs #faq ul li{
    float:none;
    width:680px;
    vertical-align: top;
   
}
.video #tabs #faq ul li ul{
    float: left;
    margin: 0;
    padding:0 0 2em 20px;
    list-style: circle;
}


/*******************************************************************************
* Stores
*******************************************************************************/

.photo .row ul.stores {
	margin-bottom: 40px;
}

/*
  adding the left and right border using CSS - i think the image resizing is stripping them off
*/
.photo .row ul.stores img {
	border-left: 1px solid #646664;
	border-right: 1px solid #646664;
}
.photo .row ul.stores h3 {
	margin: 10px 0;
	text-transform: uppercase;
	display: block;
	width: 80%;
}



/*******************************************************************************
* Locations
*******************************************************************************/



.location-details{
	width:700px;
	overflow:hidden;
	margin-bottom:20px;
}
	.location-details .main{
		overflow:hidden;
		font-size:1.2em;
	}
	.location-details div.store-logo {
		display: block;
		margin-bottom: 10px;
	}	
		.location-details .main div.store-logo img {
			float: none;
		}
	.location-details .main .details {
		margin-left: 280px;
	}
	.location-details .main img{
		float:left;
		margin-right:20px;
	}
	.location-details .main address{
		margin-top:10px;
	}


	.location-details #tabs {
		width: 700px;
		clear: left;
		margin: 30px 20px 0 0;
	}
	.location-details #player {
		width:600px;
		margin:0 auto;
	}

	.location-details #tabs ul {
		float: left;
		list-style: none;
		width: 700px;
		margin: 0;
	}
	
		.location-details #tabs ul li {
			float: left;
			margin: 0 2px 0 0;
		}
		
			.location-details #tabs ul li a {
				display: block;
				padding: 6px 10px;
				border: 1px solid #000;
				border-bottom: 0;
				font-size: 1.3em;
				outline: none;
				background: transparent url(../images/tabs/bg.gif) repeat-x 0 0;
			}
			
			.location-details #tabs ul li a:hover {
				display: block;
				border: 1px solid #6A6A6A;
				border-bottom: 1px solid #000;
				margin: 0 0 -1px 0;
			}
			
			.location-details #tabs ul li.ui-tabs-selected a {
				color: #FFF;
				display: block;
				border: 1px solid #6A6A6A;
				border-bottom: 1px solid #000;
				margin: 0 0 -1px 0;
			}
			.location-details #tabs .tab-panel {
				padding-top:20px;
			}
	
	#location {
		width: 600px;
	}
	
	#google-map-holder {
		float: left;	
		width: 400px;
	}
	
	.map-options {
		float: left;
		width: 150px;	
		margin-left: 20px;
		font-size: 1.2em;
	}
	
	.map-options a {
		text-decoration: underline;
	}

/*******************************************************************************
* SURVEYS
*******************************************************************************/

	#survey{}
	
	#survey td{
		font-size:18px;
	}
	
	#survey select{
		padding:3px;
	}

	#emptyBar{
		width:100%;
		height:10px;
		background:#3a3737;
		position:relative;
		margin:0 0 10px 0;
	}

	#fullBar{
		height:10px;
		background:#fff;
		position:absolute;
		top:0;
		left:0;
	}

	label.question, #survey p.label{
		font-size:34px!important;
		color:#fff;
		text-transform:uppercase;
		font-style:normal;
	}
	
	label.question .numbering, .numbering{
		background: transparent url(../images/survey_numbering.png) no-repeat 0 0;
		font-size:17px;
		color:#000;
		text-align:center;
		padding:4px 0 6px 0;
		margin:6px 10px 0 0;
		float:left;
		width:28px;
		text-transform:lowercase;
	}
	
	#page span.wording{
		font-size:24px!important;
		color:#fff;
		font-style:normal;
	}

	#page p.question_helper{
		color:#c9c9c9;
		font-style:normal;
		font-size:16px;
	}

		#survey textarea{
			padding:5px;
			width:660px;
			height:50px;
		}

		#survey tr.question_border td{
			padding:0 0 10px 0;
			border-bottom:1px solid #202020;
		}
		
			#survey tr.question_border td tr td{
				border-bottom:none;
				padding:0;
			}

		#survey #login{
			padding:15px 35px;
			border:1px solid #1f1f1f;
		}

			#survey #login label{
				width:150px;
				float:left;
				margin:5px 0 10px 0;
				font-size:14px;
			}

			#survey #login input.input{
				padding:2px;
				width:152px;
			}

			#termsandcond{
				float:left;
				width:100%;
				border-top:1px solid #202020;
				padding:10px 0 0 0;
				margin:10px 0 0 0;
				font-size:12px;
				font-style:normal;
				color:#c9c9c9;
			}

	#page .survey_intro p{
		font-size:14px;
		font-style:normal;
		padding:0 0 5px 0;
	}

	#page .survey_intro p.survey_title{
		font-size:34px;
		color:#fff;
		font-family:"Times New Roman", Times, serif;
		font-style:normal;
		padding:0 0 5px 0;
	}

	.question_hidden{display:none;}

/*******************************************************************************
* Tutorials
*******************************************************************************/
.tutorials{
	background:url(../images/grad-320.gif) 0 50px no-repeat;
	width:290px;
	float:left;
	margin-right:20px;
	display:inline;
	padding:15px;
}

.end{
	margin:0;
	
}

	.tutorials h2{
			font-size:2.0em;
			font-style:italic;
			text-align:center;
		}
		.tutorials a{
			color:#fff;	
			font-size:1.2em;
			text-decoration:underline;
			font-style:italic;
		}
		.tutorials .spacer{
			width:20px; 
			height:40px;
		}
		.tutorials ul{
			margin:20px 0 20px 0;
			list-style:none;
			overflow:hidden;
		}
		.tutorials .author{
			color:#fff;
		}
			.tutorials ul li{
				border-top:1px dotted #3b3b3b;
				padding:8px 0 5px 0;
				clear:both;
				overflow:hidden;
			}
			.tutorials ul li img{
				float:left;
				margin-right:10px;
			}
			.tutorials ul li a img{
				border:0;
			}
			.tutorials ul li a{
				text-decoration:none;
			}

#page #nonitalic p{
	font-style:normal;
	margin:10px 0 0 0;
}

/*******************************************************************************
* Template -Page
*******************************************************************************/
#centre{
	width:500px;
	margin-right:20px;
	float:left;
	display:inline;
	position:relative;
}

#centre h2 {
	margin:10px 0 10px 0;
	color:#FFF;
}
#full{
	width:700px;
}

	#centre img{
		margin-bottom:20px;
	}
		#centre h3{
			font-size:1.5em;
			font-weight:normal;
			font-style:italic;
			color:#FFF;
			margin-bottom:10px;
		}
		#centre h4{
			font-size:1.2em;
			font-weight:normal;
			font-style:italic;
			color:#FFF;
			margin:0;
		}
		
		
		#centre p img{
			float:right;
			margin:0 0px 10px 20px;
		}
		#centre p strong{
		/*	font-size:1.4em;*/
		}
		#centre a{
			color:#FFF;
			text-decoration:underline;
		}
		#centre a:hover{
			color:#666;
		}
		
	.article{
		border-bottom:1px dotted #666666;
		padding-bottom:10px;
		margin-bottom:10px;
		overflow:hidden;
		
	}
		.article img{
			float:left;
			margin-right:10px;
		}
		.article a img{
			border:0;
		}
		
		.article .date{
			font-size:1.4em;
			color:#ffffff;
			font-style:italic;
		}
		.article h3{
			font-size:1.4em;
			color:#ffffff;
			font-weight:normal;
			font-style:italic;
		}
			.article h3 a{
				font-size:1.0em;
				color:#ffffff;
				font-weight:normal;
				font-style:italic;
			}
		
	.press-item	 {
		border-bottom:1px dotted #666666;
		padding-bottom: 15px;
	}
	.clear {
		clear: both;
	}
		.press-item	img {
			float: left;
			margin-right: 15px;
		}
		.press-item	.press-title {
			font-size: 1.4em;
			font-style: italic;
			margin: 10px 0;
		}
		.press-item	.press-title h3 {
				display: inline;
				font-size: 1em;
		}
		
	#page .last{margin:0;}
	
    #page p,
    #split p,
    #look p {
        font-size: 1.2em;
        font-style: italic;
    }
	#page #related{
		width:169px;
		overflow:hidden;
		float:right;
	}
		#page #related .product{
			margin-bottom:10px;
			float:none;
			position:relative;
		}
		
			#page #related .product a.moreinfobutton{
				position:relative;
			}
		
			#page #related img{
				border:1px solid #666;
			}

			#page #related a{
				clear:both;
				display:block;
			}
			#page #related a img{
				border:0;
			}
			#page #related ul{
				list-style:none;
				overflow:hidden;
				margin:10px 0;
			}
			#page #related ul li{
				float:left;
				margin:0 5px 5px 0;
			}
			#page #related ul li.last{
				margin:0 0 5px 0;
			}
			#page #related ul li a img{
				border:1px solid #666;
			}
			#page #related ul li a:hover img{
				border:1px solid #CCC;
			}
			#page #related #google-map{
				position:relative !important;
				width:169px;
				height:200px;
				margin-bottom:10px;
			}
			#page #related address{
				clear:both;
			}
	
	#centre .copy{
		margin-top:20px;
		}

		
/*******************************************************************************
* Art team
*******************************************************************************/
ul.art-team, ul.makeupart-team{
	list-style:none;
	float:left;
	width:500px;
	margin: 0 0 20px 0;
}

	ul.makeupart-team{
		width:680px;
	}

	ul.art-team li, ul.makeupart-team li{
		float:left;
		width:166px;
		text-align:center;
		position:relative;
	}

	ul.makeupart-team li p{
		text-align:left;
		font-size:12px;
		font-style:normal;
	}

		ul.makeupart-team li{
			margin:0 0 20px 0;
		}
	
		ul.art-team li img, ul.makeupart-team li img{
			border:1px solid #525252;
			margin:0 auto 0 auto !important;
		}
		
		ul.art-team li div.caption, ul.makeupart-team li div.caption{
			background:url(../images/caption.png) repeat-x 0 0;
			position:absolute;
			top:154px;
			left:4px;
			width:158px;
			height:37px;
			font-weight:bold;
			font-size:1.2em;
			font-style:italic;
			line-height:2.5em;
		}
		
div.team-member {
	margin-top:70px;
}

/*******************************************************************************
* Collectons
*******************************************************************************/
#collections{
	min-height:245px;
	height:auto !important;
	height:245px;
	margin-bottom:20px;
}
	#look{
		width:300px;
		padding-top:100px;
	}
		#look h3{
			font-weight:normal;
			padding:0 0 5px 0;
		}
		#look span{
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.2em;
		}
		#look p{
			margin-top:10px;
		}
        #overlay { 
            color:#efefef; 
            height:450px; 
            display: none;
        } 
        div.contentWrap { 
            height:441px; 
            overflow-y:auto; 
        }
		
.collection{
	clear:both;	
	overflow:hidden;
}
	.collection h4{
		font-size:1.5em;
		border-bottom:1px dotted #333;
		margin:10px 0 10px 0;
		padding-bottom:5px;
	}

			.collection ul li img{
				border:0;
			}
	
	#born_again_videos{
		width:100%;
		float:left;
		margin:0;
		padding:0;
	}
	
		#born_again_videos li{
			float:left;
			margin:0 15px 15px 0;
			padding:0;
			width:auto;
			list-style:none;
			font-family:"Times New Roman", Times, serif;
			font-size:15px;
		}

			#born_again_videos li.last{
				margin:0 0 15px 0;
				padding:0;
			}
	
	#wallpapers{
		width:100%;
		float:left;
		margin:0;
		padding:0;
	}
	
		#wallpapers li{
			float:left;
			margin:0 17px 20px 0;
			padding:0;
			width:auto;
			list-style:none;
			font-family:"Times New Roman", Times, serif;
			font-size:15px;
		}
		
			#wallpapers li.last{
				margin:0;
			}
	
	
/*******************************************************************************
* Footer - blog
*******************************************************************************/
	
#footer #blog {
	float: left;
	width: 175px;
	margin: 0 20px 0 0;
	display: inline;
}

	a.blogger {
		float: left;
		display: inline;
		width: 43px;
		height: 45px;
		text-indent: -9999px;
		margin: 0 10px 0 0;
		background: transparent url(../images/logos/blogger.gif) no-repeat 0 0;
	}
	
	#footer #blog p {
		font-style: italic;
	}

/*******************************************************************************
* Footer
*******************************************************************************/

#footer {
	padding: 120px 0 0 0;
	margin: 20px 0 0 0;
	background: transparent url(../images/footer/bg.jpg) no-repeat 50% 0;
}

	#footer h3,
	#footer h3 a {
		color: #CBCBCB;
		margin: 0 0 5px 0;
		text-transform: uppercase;
	}

#footer #get-involved {
	float: left;
	border-bottom: 1px dotted #FFF;
	margin: 0 0 10px 0;
}

/*******************************************************************************
* Footer - mailing list
*******************************************************************************/

#footer #mail-actions {
	float: left;
	width: 330px;
	margin: 0 20px 0 0;
	display: inline;
}

#mail-actions form {
	margin: 0 0 10px 0;
}

#mail-actions label {
	text-transform: uppercase;
	margin: 3px 10px 0 0;
	width: 135px;
	float: left;
	display: inline;
}

	#mail-actions input {
		float: left;
	}
	
	#mail-actions select {
		background: transparent url(../images/form/text-bg.gif) repeat-x scroll 0 0;
		border: 0 none;
		color: #CCCCCC;
		font-size: 1em;
		height: 19px;
		margin-top: 2px;
		padding: 1px 0;
	}
	
	* html #mail-actions select {
		background: #000000 url(../images/form/text-bg.gif) repeat-x scroll 0 0;
	}
	
	*+html #mail-actions select {
		background: #000000 url(../images/form/text-bg.gif) repeat-x scroll 0 0;
	}
	
		#mail-actions select option {
			padding-right: 10px;
		}

	input.text {
		background: transparent url(../images/form/text-bg.gif) repeat-x 0 0;
		width: 115px;
		height: 13px;
		padding: 3px;
		border: 0;
		color: #FFF;
		font-size: 1em;
	}
	

/*******************************************************************************
* Footer - follow us
*******************************************************************************/

#footer #follow-us {
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
	display: inline;
}

#follow-us ul {
	float: left;
	list-style: none;
	margin: 10px 0 0 0;
	display: inline;
}

	#follow-us ul li {
		float: left;
		margin: 0 7px 0 0;
	}
	
		#follow-us ul li a {
			display: block;
		}
		
			#follow-us ul li a.facebook {
				width: 60px;
				height: 15px;
				margin: 2px 0 0 0;
				text-indent: -9999px;
				background: transparent url(../images/logos/facebook.gif) no-repeat 0 0;
			}
			
			#follow-us ul li a.youtube {
				width: 55px;
				height: 20px;
				text-indent: -9999px;
				background: transparent url(../images/logos/youtube.gif) no-repeat 0 0;
			}
			
			#follow-us ul li a.twitter {
				width: 30px;
				height: 25px;
				text-indent: -9999px;
				background: transparent url(../images/logos/twitter.gif) no-repeat 0 0;
			}
			
			#follow-us ul li a.myspace {
				width: 25px;
				height: 25px;
				text-indent: -9999px;
				background: transparent url(../images/logos/myspace.gif) no-repeat 0 0;
			}

/*******************************************************************************
* Footer - contact us
*******************************************************************************/

#footer #contact-us {
	float: left;
	width: 230px;
}

	#footer #contact-us a {
		color: #CBCBCB;
	}

/*******************************************************************************
* Footer - details
*******************************************************************************/

#footer #details {
	float: left;
	width: 660px;
	height: 100px;
	padding: 0 0 0 340px;
	font-size: 1.1em;
	background: transparent url(../images/small-logo.gif) no-repeat 10px 10px;
}

	#footer #details a {
		color: #CCCCCC;
	}

#footer #details span {
	display: block;
	
}

#footer #details ul {
	list-style: none;
	margin: 5px 0 0 0;
	overflow: hidden;
	height: 1%;
}

	#footer #details ul li {
		float: left;
		margin: 0 4px 0 0;
		padding: 0 6px 0 0;
		display: block;
		background: transparent url(../images/top-bar/li-bg.gif) no-repeat scroll right center;
	}
	
	#footer #details ul li.last {
		background: none;
	}

#footer #details p {
	float: right;
	clear: right;
	padding: 0 0 5px 0;
	font-size: 1em;
	width: 235px;
}

#footer #details #company-info {
	display: block;
	width: 360px;
	float: left;
}


#footer #details #contact-details {
	float: right;
	width: 235px; 
}

/*******************************************************************************
* Sitemap
*******************************************************************************/
#sitemap{
	overflow:hidden;
	font-size:1.2em;
}

	#sitemap #site-map{
		width:235px;
		margin:20px 20px 0 0;
		float:left;
		display:inline;
	}
		#sitemap #site-map ul{
			margin-top:10px;
		}
			#sitemap #site-map ul li ul{
				margin-bottom:10px;
			}

/*******************************************************************************
* Calendar
*******************************************************************************/
#calendar table{
	width:700px;
	float:left;
	background:#181818;
	border-collapse:collapse;
}

	#calendar .calendar-month{
		background:url(../images/calendar/month_banner.jpg) repeat-x 0 0 #000;
		height:34px;
		text-align:center;
		color:#000;
		padding:5px 0 0 0;
		font-family:"Times New Roman", Times, serif;
		font-size:18px;
		font-weight:bold;
		margin:0 0 10px 0;
		width:100%;
	}
	
		#calendar .calendar-month a{
			color:#000;
		}
	
		#calendar .calendar-month .calendar-prev{
			float:left;
			margin:0 0 0 10px;
		}
		
		#calendar .calendar-month .calendar-next{
			float:right;
			margin:0 25px 0 0;
		}

	#calendar table th{
		background:url(../images/calendar/heading.jpg) repeat-x 0 0 #000;
		height:35px;
		color:#000;
		font-family:"Times New Roman", Times, serif;
		font-size:14px;
		font-weight:bold;
		border:1px #b7b8b8 solid;
	}

		#calendar table .dark{
			background:#111111;
		}

		#calendar table tr td{
			padding:5px;
			width:80px;
			height:80px;
			border:1px solid #292929;
			vertical-align:top;
			font-family:Tahoma, Geneva, sans-serif;
		}

			#calendar table tr td span{
				float:left;
				width:100%;
				color:#fff;
			}
			
			#calendar table tr td .item{
				float:left;
				width:84px;
				margin:3px 0 0 0;
				color:#fff;
				font-size:10px;
				text-align:center;
			}

				#calendar table tr td .item_left_rounded{
					background:url(../images/calendar/rounded_left.png) no-repeat;
					width:5px;
					height:19px;
					float:left;
				}

				#calendar table tr td .item_center{
					float:left;
					padding:3px 0 0 0;
				}

				#calendar table tr td .item_right_rounded{
					background:url(../images/calendar/rounded_right.png) no-repeat;
					width:5px;
					height:19px;
					float:right;
				}
				

		.course_info{
			float:left;
			width:100%;
			margin:0 0 20px 0;
		}

/*******************************************************************************
* POPUP
*******************************************************************************/
.largepopup{
	background-color:#000;
	border:2px solid #333333;
	display:none;
	opacity:0.9;
	padding:15px;
	text-align:left;
	width:750px;
	z-index:99999;
}

.popup {
	background-color:#000;
	border:2px solid #333333;
	display:none;
	opacity:0.9;
	padding:15px;
	text-align:left;
	width:350px;
}
#email-popup div.close { 
    background:url(../images/icons/close.png) no-repeat 0 0; 
    position:absolute; 
    right:-10px; top:-10px; 
    cursor:pointer; 
    height:28px; 
    width:28px; 
}

#cv2_prompt div.close, #issue_prompt div.close, #why_register_prompt div.close, #termsandconditions_prompt div.close, #deliverydetails_prompt div.close { 
    background:url(../images/icons/close.png) no-repeat 0 0 #000; 
    position:absolute; 
    right:-10px; top:-10px; 
    cursor:pointer; 
    height:28px; 
    width:28px;
	z-index:9999999;
}


	#prompt{
		z-index:9999999;
	}

	#email-popup .intro{ 
		margin-top:10px;
	}
	
	#email-popup h1{ 
		font-weight:normal;
		font-size:1.5em;
		font-style:italic;
		color:#fff;
	}
	#email-popup #content_msg,
	#email-popup #errors {
		margin-top: 15px;
                font-size: 16px !important;
                color: #FF0000;
                font-style: italic !important;
	}
	#email-popup .button{ 
		clear:both;
	}
	#email-popup .field{ 
		padding-top:10px;
	}

.video_overlay { 
    display:none; 
    z-index:10000; 
    background-color:#333; 
    width:560px;     
    min-height:200px; 
    border:1px solid #666; 
}

#play-video{
	background:url(../images/play-video.png) no-repeat 0 0; 
	position:absolute;
	top:30px;
	width:177px;
	height:168px;
	left:155px;
}

.inner h1 {
    line-height: 1.5em;
}

#delivery-messages {
	font-size: 1.3em;
	font-weight: bold;
	border: 3px solid #333;
	margin-bottom: 10px;
	background-color: #111;
	text-align: center;
	padding: 5px;
	float:left;
	width:980px;
}
.error-msg,.errors {
	font-size: 16px !important;
	color: #FF0000;
	padding: 10px 0;
	font-style: italic !important;
}

#checkout .info {
	font-size: 16px !important;
	color: #339933;
	padding: 10px 0;
	font-style: italic !important;
}

#bannerContainer{
	width:980px; height:410px; overflow:hidden; position:relative;
}

#homePageBannerImages{
	margin:0 auto; width:980px; position:relative; clear:both;
}

#homePageBannerImages img{
	border:none;
}

div.slides { position:absolute; top:0; left:0; }
div.slides > div{ position:absolute; top:0; width:980px; display:none; padding:0; margin:0; }


.slides div{
	position:absolute;
	top:0;
	width:410px;
	display:none;
	padding:0;
	margin:0;
}

#pagination{
	position:absolute;
	bottom:0;
	left:0;
	z-index:9999;
}

	.prev_button, .next_button{ float:left; margin:0 20px;}
	.prev_button{margin: 0 15px 0 20px;}

	ul.pagination, ul.pagination li{ list-style:none;  float:left; margin:1px 0 0 0; padding:0;}
	ul.pagination{ margin:1px 0 0 0; padding:0;}
	ul.pagination li{ margin:2px 0 0 5px; }

	ul.pagination li a{ background:url(../images/slider_off.jpg) top left no-repeat; width:7px; height:7px; float:left;}
	ul.pagination li.active a { background:url(../images/slider_on.jpg) top left no-repeat;}

	#products ul.pagination li a{ background:none;}

	#competizione td{
		padding:5px 0;
		font-size:14px;
	}

		#competizione td input.inputbox, #competizione td select.inputbox{
			padding:2px;
			width:237px;
		}
		
			#competizione td input.inputbox_short{
				padding:2px;
				width:100px;
				float:left;
			}
		
			#competizione td select.inputbox{
				width:205px;
			}


	#newface td{
		padding:5px 0;
		font-size:14px;
	}

	#newface td input.inputbox, #newface td select.inputbox{
		padding:2px;
		width:200px;
	}

		#newface td select.inputbox{
			width:205px;
		}

	#promotion_code_form{
		float:right;
	}

	#promotion_code_area{
		float:right;
		margin:10px 0 0 0;
	}

		#promotion_code_area p, #promotion_code_area input{
			float:left;
		}
		
			#promotion_code_area p{
				font-size:15px;
				font-family:"Times New Roman", Times, serif;
			}
	
			#promotion_code_area #promotion_code{
				margin:0 0 0 10px;
				width:100px;
				padding:3px;
				font-size:10px;
			}
	
				#promotion_code_area input.button{
					float:right;
					margin:0 0 0 10px;
				}



.required{
	color:#339933;
}