/* Screen */

html {

	height: 100%;

	margin-bottom: 0.1em;
}

body {
	margin:0;
	padding:0;
	width:100%;
	background: url(images/site_bg.gif) center top #333333;
	min-width:1250px;		/* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
}

/* Site Fonts */

body {

	font-size:90%;
	font-family: "Century Gothic", Century, Arial, sans-serif;
	color:#333333;
}

h1 {

	font-weight:lighter;
	font-size:24px;
	color:#333333;
	text-shadow:#FFFFFF 0px 1px 1px;
	
	padding:0px;
	margin:0px;
	margin-bottom:-5px;
}

h2 {

	font-weight:lighter;
	font-size:22px;
	color:#333333;
	text-shadow:#FFFFFF 0px 1px 1px;
	
	padding:0px;
	margin:0px;
	margin-bottom:-5px;
}

/* General Site Layout */

#header {
	float:left;
	width:100%;
	height:140px;
	padding:0;
	margin:0;
	background:url(images/Purbeck_Logo.png) no-repeat;
	background-position: 200px 0px;
}

#header_logo {

	height:100px;
	background:none;
}

#header_home {

	width:550px;
	height:100px;
	position:relative;
	float:left;
	top:0px;
	left:200px;
	background:none;
}

#header_est {

	width:300px;
	height:100px;
	position:relative;
	float:right;
	top:0px;
	right:200px;
	background:none;
}

#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background:url(images/Purbeck_Left_Side.png) top repeat-y;		/* Left column background colour */
	background-position: 185px 0px;
}

#colmid {
	float:left;
	width:200%;
	position:relative;
	left:200px;
	background:none;    	/* Centre column background colour */
}

#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-415px;
	padding-left:15px;
	background: url(images/Purbeck_Right_Side.png) top repeat-y;    	/* Right column background colour */
	background-position: 0px 0px;
}

#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}

#col1pad {
	margin:0 15px 0 415px;
	overflow:hidden;
}

#top {

	background: url(images/Purbeck_Content_bg.gif) top left repeat-x;
	height:15px;
}

#col1 {
	width:100%;
	min-height:450px;
	overflow:hidden;
	background:#FFFFFF url(images/Purbeck_Content_bg.gif) repeat-x;
	background-position:0px -15px;
	
	padding-top:0px;
	margin-top:0px;
}

#col2 {
	float:left;
	width:200px;
	position:relative;
	margin-left:-50%;
	left:200px;
	overflow:hidden;
	background:none;
	padding-top:15px;
}

#col3 {
	float:left;
	width:170px;
	position:relative;
	left:15px;
	overflow:hidden;
	background:none;
	padding-bottom:10px;
}

#content {

	width:100%;
	overflow:hidden;
	background:none;
	
	padding-top:0px;
	margin-top:0px;
}

#canvas {

	padding:0px;
	padding-top:0px;
	margin-top:0px;
}

#footer {
	clear:both;
	float:left;
	width:100%;
	padding:0;
	margin:0;
}

#page_bottom {

	height:25px;
	padding:0px;
	background:none;
}

#bottom_left {

	background:url(images/Purbeck_Bottom_Left_bg.png) top right no-repeat;
	height:25px;
	width:215px;
}

#bottom {

	background:url(images/Purbeck_Bottom_bg.png) top left repeat-x;
	height:25px;
}

#bottom_right {

	background:url(images/Purbeck_Bottom_Right_bg.png) top left no-repeat;
	height:25px;
	width:214px;
}

#footer_content {

	height:110px;
	background:#000000;
	
	position:relative;
	top:-55px;
	margin-bottom:-55px;
}


#footer_header {

	height:30px;
	background:url(images/Purbeck_Footer_bg.png) repeat-x;
	background-position:top left;
}

#footer_left {

	position:relative;
	float:left;
	left:200px;
	top:0px;
	
	background:none;
	
	padding:0px;
	
	width:350px;
	height:90px;
	
	color:#FFFFFF;
}

#footer_right {

	position:relative;
	float:right;
	right:210px;
	top:0px;
	
	background:none;
	
	padding:0px;
	
	height:90px;
	
	color:#FFFFFF;
}

#footer_dandelion {

	position:relative;
	float:right;
	top:-65px;
	right:180px;
	
	width:155px;
	height:85px;
	
	background: url(images/Purbeck_Dandelion_bg.png) top right no-repeat;
}

/* Top Menu */

#menu {

	height:40px;
	width:640px;
	background:none;
	
	padding:0px;
	margin:0px;
	border:0px;
	
	position:relative;
	top:0px;
	float:right;
}

#menu ul {

	margin-left:0px;
	padding-left:0px;
	
	padding:0px;
	margin:0px;
	border:0px;
}

#menu ul li {

	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
	text-indent:none;
	
	padding:0px;
	margin:0px;
	border:0px;
	
	display:inline-block;
	width:100px;
	height:40px;
	
	text-align:center;
	
	background:none;
}

#menu ul li a {

	line-height: 50px;
	font-size:16px;
	font-weight:lighter;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	
	text-shadow:#000000 0px -2px 2px;
}

#menu ul li a:hover {

	text-shadow:#ffffff 0px 0px 4px;
}

#menu ul li.current {

	background:url(images/Purbeck_Menu_bg.png) bottom center no-repeat;
}

#menu ul li.current a {

	color:#333333;
	font-weight:bolder;
	text-shadow:#000000 0px 0px 0px;
}

/* Left Menu */
#left_menu h2 {

	text-align:right;
	padding-right:15px;
	color:white;
	font-weight:lighter;
	
	padding-bottom:15px;
	
	margin-bottom:-5px;
	
	width:185px;
}

#left_menu h2 a, #left_menu h2 a:visited {

	text-decoration:none;
	color:#FFFFFF;
	
	padding-bottom:0px;
}

#left_menu h2:hover {

	background:none;
	width:185px;
	
	text-shadow:#ffffff 0px 0px 5px;
}

#left_menu .products h3:hover {

	text-shadow:#ffffff 0px 0px 5px;
}


#left_menu .products h3 {

	color:#FFFFFF;
	text-align:right;
	text-decoration:none;
	
	padding-right:15px;
	
	font-weight:lighter;
	
	font-size:14px;
}

#left_menu .products h3 a {

	text-decoration:none;
	color:#FFFFFF;
}

#left_menu h2.current {

	background:url(images/Purbeck_Left_Current.png) bottom right no-repeat;
	padding-bottom:12px;
	padding-top:2px;
}

#left_menu h2.current a {

	text-shadow:#000000 0px -1px 1px;
}

#left_menu .products h3, #left_menu .products h3 a:visited {

	color:#FFFFFF;
	text-decoration:none;
}

/* Right Sidebar */

#search h2, #cart h2, #newsletter h2 {

	font-size:16px;
	color:#FFFFFF;
	padding:5px;
	padding-bottom:0px;
	margin-bottom:-2px;
}

#search, #cart, #newsletter {

	background:#000000;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
	-webkit-box-shadow: 0px  2px 5px  #000000;
	-moz-box-shadow: 0px 2px 5px #000000;
	box-shadow: 0px 2px 5px #000000;
	
	padding-right:15px;	
	margin-right:15px;
	
	padding-bottom:15px;
	margin-bottom:15px;
}

.col3_top {

	padding-top:0px;
	margin-top: -15px;
}

.col3_content form {

	padding:5px;
	padding-top:0px;
}

.col3_content .input  {

	font-size:16px;
	line-height:20px;
	color:#333333;
	
	padding:0px;
	display:block;
	width:140px;
	height:20px;
	
	border:none;
	background:url(images/Purbeck_Search_bg.gif) center top no-repeat;
	
}

.cart_contents a, .cart_contents {

	color:#FFFFFF;
	text-decoration:none;
}

/* Alert */

#message, .alert_message {

	width:100%;
	overflow:hidden;
	background:none;
}

/* Divider */
.divider {

	height:15px;
}

/*Cookie Crumb*/

#cookie_crumb {

	padding:2px;
	background-color:none;
	
	z-index:50;
	
	color:#FFFFFF;
}

#cookie_crumb span.cookie_sep, #cookie_crumb span {

	padding:5px;
	padding-right:30px;
	background:#000000 url(images/Purbeck_Cookie_bg.jpg) no-repeat right;
	background-position:right -1px;
	
	height:30px;
	line-height:30px;
	
	height:30px;
	
	color:#FFFFFF;
	
	text-decoration:none;
}

#cookie_crumb a {

text-decoration:none;
color:#FFFFFF;
}

#cookie_crumb span.cookie_sep a:visited, #cookie_crumb a:visited {

	text-decoration:none;
	color:#FFFFFF;
}

#cookie_crumb span.cookie_sep a:hover {

	text-shadow: 0px 0px 5px  #ffffff;
	color:#FFFFFF;
}

#cookie_crumb span {

	padding-left:5px;
}

/* Home Page */

#home_content {

	padding-bottom:15px;
	padding-top:0px;
	margin-top:0px;

	background:none;
}

#new_image {

	background:url(images/Purbeck_Home_Image_Featured.jpg) top left no-repeat;
	
	float:left;
	position:relative;
	top:0px;
	left:0px;
	
	width:23%;
	height:420px;
	
	overflow:hidden;
}

#art_image {

	background:url(images/Purbeck_Home_Image_Home.jpg) top left no-repeat;
	
	float:left;
	position:relative;
	top:0px;
	left:2%;
	
	width:75%;
	height:420px;
	
	overflow:hidden;
}

.home_image_title {

	position:relative;
	top:320px;
	left:0px;
	height:100px;
	background:url(images/Purbeck_Home_Image_Title_bg.png) bottom left repeat-x;
}

.home_image_title h2, .home_image_title h2 a, .home_image_title h2 a:visited {

	font-weight:lighter;
	color:#FFFFFF;
	text-shadow:#ffffff 0px 0px 2px;
	text-decoration:none;
	padding:5px;
}

.home_image_title h2 a, .home_image_title h2 a:visited {

	padding:0px;
}

.home_image_title h2 a:hover {

	text-shadow:#ffffff 0px 0px 4px;
}

.list_tile_item_title {

	/*background:url(images/Purbeck_Home_Image_Title_bg.png) bottom left repeat-x;*/
	background:none;
	
	height:30px;
	
	position:relative;
	top:150px;
	left:0px;
}

.list_tile_item_title h3, .list_tile_item_title h3 a, .list_tile_item_title h3 a:visited, .list_tile_item_title h3 a:hover {

	line-height:30px;
	color:#FFFFFF;
	
	font-weight:normal;
	text-decoration:none;
}

.list_tile_item_title h3 a:hover {

	text-shadow:#FFFFFF 0px 0px 4px;
}

/* simple css-based tooltip */
.tooltip {
	background:url(images/Purbeck_Tooltip_bg.png) right top no-repeat;
	padding:20px 15px;
	width:200px;
	height:50px;
	display:none;
	color:#666666;
	text-align:center;
	font-size:12px;
}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background:#FFFFFF url(images/LED_Section_Background.gif) bottom left repeat-x;
     
    width:400px;     
    min-height:200px; 
	
	padding:20px;
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000; 
	
	-moz-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-webkit-border-radius:10px; 
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(http://static.flowplayer.org/tools/img/overlay/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px;
}

.cart_link {

	width:130px;
	padding:5px;
		
	display:block;
	
	text-decoration:none;
	text-align:center;
	
	position:relative;
	left:5px;
	
	color:#FFFFFF;
	
	background:#000000;
}

.cart_link:hover {

	text-shadow:#FFFFFF 0px 0px 5px;
	background:url(images/Purbeck_Button_Hover_bg.jpg) bottom left repeat-x;
}

.add_to_cart {

	display:block;
	height:40px;
	line-height:40px;
	color:#FFFFFF;
	background:#000000;
	border:none;
	text-align:center;
	
	margin:2px;
	
	text-decoration:none;
}

.add_to_cart:hover {

	text-shadow:#FFFFFF 0px 0px 5px;
	background:url(images/Purbeck_Button_Hover_bg.jpg) bottom left repeat-x;
}

.product_desc {

	padding-bottom:10px;
}

/* Product Additional Images */
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 600px;
	height:120px;
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:600px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin-right:5px;
	margin-top:5px;
	padding:1px;
	width:142px;	
}

/* active item */
.scrollable .active {
	position:relative;
	cursor:default;
	
	width:135px;
	margin-right:10px;
	margin-top:10px;
	margin-left:5px;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	cursor:pointer;
	font-size:1px;
}

a.right {

	float:right;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 

/* Checkout Steps */
#order_steps td {

	background:#000000 url(images/Purbeck_Cookie_bg.jpg) no-repeat right;
	background-position:right -1px;
	
	height:27px;
	line-height:30px;
	text-align:center;
	
	color:#FFFFFF;
	
	text-decoration:none;
	
	display:inline-block;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#order_steps td a, #order_steps td a:visited, #order_steps td a:hover {

	color:#FFFFFF;
	text-decoration:none;
}

#order_steps td a:hover {

	text-shadow:#ffffff 0px 0px 5px;
}

#order_steps td.current {

	background:#009966 url(images/Purbeck_Cookie_bg.jpg) no-repeat right;
}

#order_steps td.next {

	background:#999999 url(images/Purbeck_Cookie_next_bg.jpg) no-repeat right;
}

#footer_left h3, #footer_right h3 {

	font-size:24px;
	font-weight:lighter;
	padding:2px;
	margin:2px;
	line-height:24px;
}

#footer_left p, #footer_right p {

	padding:2px;
	margin:2px;
	font-size:16px;
	line-height:16px;
}

#footer_right p {

	font-size:12px;
	line-height:12px;
}

#footer_right p a, #footer_right p a:visited, #footer_right p a:hover {

	text-decoration:none;
	color:#FFFFFF;
}

#footer_right p a:hover {

	text-shadow:#ffffff 0px 0px 5px;
}

#footer_right table td {

	text-align:right;
}

#content_filler {

	height:auto;
}

td.navpage a {

	text-decoration:none;
	color:#FFFFFF;
}

td.navpage a:visited, td.navpage a:current, td.navpage a:hover {

	text-decoration:none;
	color:#FFFFFF;
	
}