/* --------------------------------------------------------------------
                                                                      
  Warwick Davis Screen CSS
              
  Author: Joe Holdcroft
  Date: 5 March 2009
  Company: Message Digital Design
  
 -------------------------------------------------------------------- */
 













/* --------------------------------------------------------------------
    
  1. CSS Reset                                                                  
  
 -------------------------------------------------------------------- */

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-family: inherit;
		vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
		outline: 0;
}

body {
		color: black;
		background: white;
		font-size: 62.5%;
}

ol, ul {
		list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
		border-collapse: separate;
		border-spacing: 0;
}

caption, th, td {
		text-align: left;
		font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
		content: "";
}

blockquote, q {
		quotes: "" "";
}

 













/* --------------------------------------------------------------------
    
  2. Layout                                                                  
  
 -------------------------------------------------------------------- */

body {
		background: #232323;
}

	div#container {
			position: relative;
			display: block;
			width: 960px;
			margin: 0 auto;
	}
	
		div#container div#top {
				position: relative;
				display: block;
				float: left;
				width: 100%;
				padding: 0 0 10px 0;
				background: #363636;
		}
			
			div#container div#top div#header {
					position: relative;
					display: block;
					float: left;
					width: 100%;
					height: 191px;
					margin: 0 0 40px 0;
					background: url(../images/header.png);
			}
			
				div#container div#top div#header h1 {
						position: absolute;
						display: block;
						height: 100%;
						width: 152px;
						left: 404px;
						text-indent: -5000%;
						overflow: hidden;
				}
				
					div#container div#top div#header h1 a {
							position: absolute;
							display: block;
							top: 0;
							right: 0;
							bottom: 0;
							left: 0;
					}
			
			div#container div#top div.module_cookietrail {
					position: relative;
					display: block;
					float: left;
					width: 100%;
					margin: 0 0 10px;
			}
			
				div#container div#top div.module_cookietrail ul {
						position: relative;
						display: block;
						float: left;
						margin: 0;
				}
				
					div#container div#top div.module_cookietrail ul li {
							position: relative;
							display: block;
							float: left;
							margin: 0 10px 0 0;
					}
					
						div#container div#top div.module_cookietrail ul li a,
						div#container div#top div.module_cookietrail ul li span {
								position: relative;
								display: block;
								float: left;
								padding: 10px 20px 10px 10px;
						}
						
						div#container div#top div.module_cookietrail ul li.arrow a,
						div#container div#top div.module_cookietrail ul li.arrow span {
								background: url(../images/small-arrow.gif) no-repeat 50% right;
						}
			
			div#container div#top div#left {
					position: relative;
					display: block;
					float: left;
					width: 207px;
					margin: 0 0 0 -5px;
			}
			
				div#container div#top div#left div.module_main_menu {
						position: relative;
						display: block;
						float: left;
						width: 100%;
				}
				
					div#container div#top div#left div.module_main_menu ul {
							position: relative;
							display: block;
							float: left;
							width: 100%;
					}
					
						div#container div#top div#left div.module_main_menu ul li {
								position: relative;
								display: block;
								float: left;
								width: 100%;
								margin: 0 0 7px 0;
								background: url(../images/left-fold-off.gif) no-repeat;
						}
						
							div#container div#top div#left div.module_main_menu ul li a {
									position: relative;
									display: block;
									float: left;
									width: 100%;
									margin: 3px 0 0 0;
									padding: 0 0 12px 0;
									background: #555555;
							}
		
								div#container div#top div#left div.module_main_menu ul li a span {
										position: relative;
										display: block;
										float: left;
										margin: 12px 0 0 15px;
								}
					
								.ie div#container div#top div#left div.module_main_menu ul li a span { /* Fixed IE6 double-margin bug */
										display: inline;
								}
					
						div#container div#top div#left div.module_main_menu ul li.current {
								background-image: url(../images/left-fold-on.gif);
						}
						
							div#container div#top div#left div.module_main_menu ul li.current a {
									background: #fff200;
							}
			
			div#container div#top div#content {
					position: relative;
					display: block;
					float: left;
					width: 516px;
					margin: 0 20px;
			}
			
				div#container div#top div#content h2 {
						margin: 0 0 0.5em 0;
				}
				
				div#container div#top div#content p,
				div#container div#top div#content h3,
				div#container div#top div#content h4 {
						margin: 0.75em 0;
				}
				
				div#container div#top div#content ul {
						list-style: disc;
						margin-left: 20px;
				}
				
				div#container div#top div#content ol {
						list-style: decimal;
						margin-left: 20px;
				}
				
				div#container div#top div#content table {
						display: table;
						font-size: 1.0em;
				}
				
					div#container div#top div#content tr {
							display: table-row;
					}
				
						div#container div#top div#content table tr td {
								display: table-cell;
								padding: 5px;
								white-space: nowrap;
						}
				
				div#container div#top div#content ul#search_results {
						position: relative;
						display: block;
						float: left;
						width: 100%;
						margin-left: 0;
				}
				
					div#container div#top div#content ul#search_results li {
							position: relative;
							display: block;
							float: left;
							width: 100%;
							padding: 5px 0;
							border-bottom: 1px solid #fff200;
					}
					
						div#container div#top div#content ul#search_results li a,
						div#container div#top div#content ul#search_results li span {
								position: relative;
								display: block;
								float: left;
								clear: left;
								margin: 0 5px;
						}
							
			div#container div#top div#right {
					position: relative;
					display: block;
					float: left;
					width: 207px;
					margin: 0 -5px 0 0;
			}
				
			div#container div#top div#right-below {
					position: relative;
					display: block;
					float: right;
					width: 207px;
					margin: 0 -5px 0 0;
			}
			
			div#container div#top div#right-below .twtr-ft span {
					display: none;
			}
			
			div#container div#top div#right-below .twtr-hd {
					text-align: right;
			}
				
				div#right div {
						position: relative;
						display: block;
						float: left;
						width: 182px;
						margin-bottom: 7px;
						padding: 23px 15px 20px 10px;
						overflow: hidden;
						background: #555555 url(../images/right-fold-off.gif) no-repeat top right;
				}
				
					div#container div#top div#right div h2 {
							margin: 0 0 10px 0;
					}
					
					div#container div#top div#right div ul {
							position: relative;
							display: block;
							float: left;
							width: 100%;
							margin-bottom: -5px;
					}
						
						div#container div#top div#right div ul li {
								position: relative;
								display: block;
								float: left;
								width: 100%;
								margin-bottom: 5px;
						}
					
							div#container div#top div#right div ul li span {
									position: relative;
									display: block;
									float: left;
									width: 100%;
							}
							
					div#container div#top div#right div.module_gallery_navigation ul {
							width: 238px;
							margin-right: -56px;
					}
					
						div#container div#top div#right div.module_gallery_navigation ul li {
								width: 63px;
								margin-right: 56px;
								overflow: hidden;
								
								text-align: center;
						}
					
					div#container div#top div#right div.module_in_this_section p.pagination {
							position: relative;
							display: block;
							float: left;
							width: 100%;
							margin-top: 20px;
							
							text-align: left;
					}
						
						div#container div#top div#right div.module_in_this_section p.pagination a.previous {
								float: left;
						}
						
						div#container div#top div#right div.module_in_this_section p.pagination a.next {
								float: right;
								text-align: right;
						}
						
				div#container div#top div#right div.module_product_selector {
						background-color: #fff200;
						background-image: url(../images/right-fold-on.gif);
				}
				
						div#container div#top div#right div.module_product_selector p span.price {
								display: block;
								margin: 2px 0;
						}
					
							div#container div#top div#right div.module_product_selector form p.button {
									float: right;
									margin-top: 10px;
							}
					
					div#container div#top div#right div.module_basket ul {
							position: relative;
							display: block;
							float: left;
							width: 100%;
							margin: -10px 0 10px;
					}
						
					.ie7 div#container div#top div#right div.module_basket ul,
					.ie div#container div#top div#right div.module_basket ul {
							margin-bottom: 0;
					}
						
						div#container div#top div#right div.module_basket ul li {
								position: relative;
								display: block;
								float: left;
								width: 100%;
								padding: 10px 0;
								border-bottom: 1px solid #777444;
						}
							
							div#container div#top div#right div.module_basket ul li span,
							div#container div#top div#right div.module_basket ul li img {
									position: relative;
									display: block;
							}
							
								div#container div#top div#right div.module_basket ul li span {
										margin: 0 0 5px 0;
								}
								
							div#container div#top div#right div.module_basket ul li img {
									float: right;
									margin-left: 5px;
							}
					
					div#container div#top div#right div.module_basket p a.button {
							clear: left;
							float: right;
					}
					
					.ie7 div#container div#top div#right div.module_basket p a.button,
					.ie div#container div#top div#right div.module_basket p a.button {
							margin-bottom: -7px;
					}
			
		div#container div#bottom {
				position: relative;
				display: block;
				float: left;
				width: 100%;
				margin: 20px 0 0 0;
				background: #282828;
		}
			
			div#container div#bottom div {
					position: relative;
					display: block;
					float: left;
					width: 260px;
					margin: 20px;
			}
			
			.ie div#container div#bottom div { /* Fixes IE6 double-margin bug */
					display: inline;
			}
				
				div#container div#bottom div h2 {
						margin: 0 0 20px 0;
				}
				
				div#container div#bottom div.module_latest_news ul {
						position: relative;
						display: block;
						float: left;
						width: 100%;
						margin: -15px 0 0 0;
				}
				
					div#container div#bottom div.module_latest_news ul li {
							position: relative;
							display: block;
							float: left;
							width: 100%;
							padding: 15px 0;
							border-bottom: 1px solid #513e26;
					}
						
						div#container div#bottom div.module_latest_news ul li h3 {
								position: relative;
								display: block;
								float: left;
								width: 40%;
						}
						
						div#container div#bottom div.module_latest_news ul li ul {
								position: relative;
								display: block;
								float: left;
								width: 60%;
								margin: 0 0 -5px 0;
						}
						
							div#container div#bottom div.module_latest_news ul li ul li {
									margin: 0 0 5px 0;
									padding: 0;
									border: none;
							}
							
				div#container div#bottom div.module_latest_news p.links {
						position: relative;
						display: block;
						float: left;
						width: 100%;
						margin: 10px 0 0 0;
				}
				
					div#container div#bottom div.module_latest_news p.links a.rss {
							float: left;
					}
				
					div#container div#bottom div.module_latest_news p.links a.read_all {
							float: right;
					}
			
			div#container div#bottom div.module_featured_product {
					margin-left: 50px;
					margin-right: 50px;
			}
				
				div#container div#bottom div.module_featured_product img {
						float: left;
						margin-right: 5px;
				}
				
				div#container div#bottom div.module_featured_product p.price {
						margin: 10px 0;
				}
				
				div#container div#bottom div.module_featured_product select {
						position: relative;
						display: block;
						clear: left;
				}
			
				div#container div#bottom div.module_featured_product .button {
						margin-top: 20px;
				}
			
				div#container div#bottom div.module_search form {
						position: relative;
						display: block;
						float: left;
						width: 100%;
						padding: 0;
				}
			
					div#container div#bottom div.module_search form input {
							position: relative;
							display: block;
							float: left;
							width: 150px;
							margin: 0 20px 0 0;
							padding: 8px 5px;
							border: none;
							background: #ffffff;
					}
					
					div#container div#bottom div.module_search form input:focus,
					div#container div#bottom div.module_search form input.focus {
							background: #daf1ae;
					}
					
				div#container div#bottom div.module_search form .button {
						clear: none;
						float: right;
				}
			
					div#container div#bottom div.module_search form .button button {
							width: 60px;
					}
			
			div#container div#bottom div#footer {
					margin-top: -10px;
					padding: 10px 0 0 0;
					overflow: hidden;
					border-top: 1px solid #3c482d;
			}
			
			.ie7 div#container div#bottom div#footer,
			.ie div#container div#bottom div#footer {
					margin-top: -30px;
			}
			
				div#container div#bottom div#footer p {
						margin: 0 0 0.75em 0;
				}






 













/* --------------------------------------------------------------------
    
  3. Forms                                                                  
  
 -------------------------------------------------------------------- */

				div#container div#top div#content form {
						position: relative;
						display: block;
						float: left;
						width: 100%;
						overflow: hidden;
				}
				
					div#container div#top div#content form label {
							position: relative;
							display: block;
							clear: both;
							float: left;
							width: 45%;
							padding: 8px 0;
					}
					
					.ie7 div#container div#top div#content form label {
							margin-right: 3.1%;
					}
					
					.ie div#container div#top div#content form label {
							margin-right: 2.6%;
					}
					
					div#container div#top div#content form input,
					div#container div#top div#content form textarea {
							position: relative;
							display: block;
							float: right;
							width: 50%;
							margin: 0 0 10px;
							padding: 8px 5px;
							border: none;
							background: #ffffff;
					}
					
					.ie7 div#container div#top div#content form input,
					.ie7 div#container div#top div#content form textarea {
							float: none;
					}
					
					.ie div#container div#top div#content form input,
					.ie div#container div#top div#content form textarea {
							float: left;
					}
					
					div#container div#top div#content form select {
							position: relative;
							display: block;
							float: left;
							margin: 8px 0 18px 3%;
					}
					
					div#container div#top div#content form textarea {
							height: 6em;
					}
					
					div#container div#top div#content form input:focus,
					div#container div#top div#content form input.focus,
					div#container div#top div#content form textarea:focus,
					div#container div#top div#content form textarea.focus {
							background-color: #fff5b2;
					}
					
					div#container div#top div#content form input.checkbox {
							position: relative;
							display: block;
							float: left;
							width: auto;
							margin: 8px 0 18px 3%;
							background: none;
					}
					
					.ie7 div#container div#top div#content form select,
					.ie7 div#container div#top div#content form input.checkbox,
					.ie div#container div#top div#content form select,
					.ie div#container div#top div#content form input.checkbox {
							margin-left: 0;
					}
					
					.ie div#container div#top div#content form select {
							float: left;
							margin-top: 5px;
					}
					
					div#container div#top div#content form input[type=hidden] { /* Fixes display issue in FF */
							display: none;
					}
					
					div#container div#top div#content form p.error {
							position: relative;
							display: block;
							float: right;
							width: 50%;
							margin: 0 0 10px 0;
							padding: 0 5px;
					}
					
					.ie div#container div#top div#content form p.error,
					.ie7 div#container div#top div#content form p.error {
							float: none;
							margin-left: 48%;
					}
					
					div#container div#top div#content form .button {
							float: right;
					}






 













/* --------------------------------------------------------------------
    
  4. Buttons                                                                  
  
 -------------------------------------------------------------------- */

	.button {
			position: relative;
			display: block;
			clear: both;
			float: left;
			height: 30px;
			padding: 0 10px 0 0;
			width: auto;
			overflow: hidden;
			background: url(../images/button-right.png) no-repeat top right;
	}
	
	.ie .button {
			background-image: url(../images/button-right.gif);
	}
	
		.button button,
		.button span {
				position: relative;
				display: block;
				float: left;
				height: inherit;
				margin: 0;
				padding: 0 0 0 10px;
				cursor: pointer;
				border: none;
				background: url(../images/button-left.png) no-repeat;
		}
		
		.ie .button button,
		.ie .button span {
				background-image: url(../images/button-left.gif);
		}
		
	.button:active,
	.js_enabled .button.active {
			background-position: -30px right;
	}
	
		.button:active span,
		.button:active button,
		.js_enabled .button.active span,
		.js_enabled .button.active button {
				background-position: -30px left;
		}





 













/* --------------------------------------------------------------------
    
  5. Checkout                                                                  
  
 -------------------------------------------------------------------- */

					div#container div#top div#content table.basket {
							clear: left;
							margin-bottom: 2em;
					}
						
						div#container div#top div#content table.basket tr th {
								padding: 5px;
								border-bottom: 1px solid #fff200;
						}
							
						div#container div#top div#content table.basket tr td {
								padding: 5px;
								border-bottom: 1px solid #ffffff;
						}
						
							div#container div#top div#content table.basket tr td input {
									display: inline;
									float: none;
									width: 2em;
									height: 1.5em;
									margin: 0;
									padding: 3px 5px;
							}
							
						div#container div#top div#content table.basket tr.total td {
								border: none;
						}
					
					div#container div#top div#content form#update-cart div.buttons {
							position: relative;
							display: block;
							float: right;
							clear: both;
					} 

						div#container div#top div#content form#update-cart div.buttons p {
								float: left;
								clear: none;
								margin: 0 0 0 10px;
						}
						
							div#container div#top div#content form#update-cart div.buttons p a {
									float: left;
							}
						
					div#container div#top div#content form#delivery fieldset {
							clear: both;
					}
					
					.js_enabled div#container div#top div#content form#delivery fieldset.delivery {
							display: none;
					}
					
					.js_enabled div#container div#top div#content form#delivery .toggle {
							cursor: pointer;
					}
					
					div#container div#top div#content form#confirm .billing,
					div#container div#top div#content form#confirm .delivery {
							position: relative;
							display: block;
							float: left;
							width: 50%;
							margin: 0 0 2em 0;
					}
					
						div#container div#top div#content form#confirm .billing p,
						div#container div#top div#content form#confirm .delivery p {
								margin: 0.25em 0;
						}





 













/* --------------------------------------------------------------------
    
  6. Typography                                                                  
  
 -------------------------------------------------------------------- */

body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
}

	a {
			color: #ffffff;
			text-decoration: none;
	}

		a:hover {
				text-decoration: underline;
		}
	
	div#top .button:hover button,
	div#top .button:hover span,
	div#top .button.hover button {
			color: #fff200;
	}
	
	div.module_main_menu ul li a,
	div.module_cookietrail ul li a,
	div#right div h2,
	div#content table.basket thead tr th,
	div#content form#delivery legend,
	div#content h3,
	div#content h4,
	div#content ul#search_results li a {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: 800;
			font-size: 1.1em;
			letter-spacing: 1px;
			text-transform: uppercase;
			text-decoration: none;
			color: #fff200;
	}
	
	div#content h3 {
			font-size: 1.6em;
	}
	
	div#content a {
			color: #fff200;
	}
	
	div.module_cookietrail ul li a:hover {
			color: #ffffff;
			text-decoration: none;
	}
	
	div.module_cookietrail ul li span {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: 800;
			font-size: 1.1em;
			letter-spacing: 1px;
			text-transform: uppercase;
			text-decoration: none;
			color: #ffffff;
	}
	
	div.module_main_menu ul li a:hover {
			color: #ffffff;
			text-decoration: none;
	}
	
	div.module_main_menu ul li.current a,
	div.module_main_menu ul li.current a:hover {
			color: #232323;
	}
	
	div#content h2 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: 800;
			font-size: 2.6em;
			letter-spacing: 1px;
			text-decoration: none;
			color: #fff200;
	}
	
	div#content p,
	div#content li,
	div#content td,
	div#content table.basket tbody tr td {
			font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.2em;
			line-height: 1.7;
			color: #ffffff;
	}
	
	div#container em {
			font-style: italic;
	}
	
	div#container strong {
			font-weight: 800;
	}
	
	div#content form label {
			font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			color: #ffffff;
			text-align: right;
	}
	
	div#content form p.error {
			font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
			font-weight: 800;
			font-size: 1em;
			color: #fff200;
	}
	
	div#content form p.button {
			font-size: 1em;
	}
	
	div#content form p a.button {
			font-size: 0.85em;
	}
	
	div#content table.basket tr td input {
			font-size: 0.9em;
	}
	
	div#content table.basket tr.total td {
			color: #fff200;
	}
	
	div#content ul#search_results li a {
			font-size: 0.9em;
	}
	
	div#content ul#search_results li a:hover {
			color: #ffffff;
	}
	
	div#right div {
			text-align: right;
	}
	
	div#right div p,
	div#right div li {
			font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			color: #ffffff;
	}
	
	div#right div#secondary p {
			margin-bottom: 1em;
	}
	
	div#right div a {
			color: #ffffff;
	}
	
	div#right div.module_in_this_section ul li span {
			color: #c0c0c0;
	}
	
	div#right div.module_product_selector {
			color: #232323;
	}
	
	div#right div.module_basket ul li span.price {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: 800;
			font-size: 1.1em;
			color: #fff200;
	}
	
	div#right div.module_basket p {
			font-size: 1em;
	}
	
	div#right div.module_product_selector h2,
	div#right div.module_product_selector p {
			color: #232323;
	}
	
	div#right div.module_product_selector p span.price {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: 800;
			font-size: 1.1em;
	}
	
	div#right div.module_product_selector p.button {
			font-size: 1em;
	}
	
	div#bottom div h2 {
			font-weight: 800;
			font-size: 1em;
			letter-spacing: 1px;
			text-transform: uppercase;
	}
	
	div.module_latest_news h2,
	div.module_latest_news p.links a {
			color: #f7941e;
	}
	
	div.module_latest_news ul li h3 {
			font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
			font-size: 1em;
			color: #ffffff;
	}
	
	div.module_latest_news ul li a {
			font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			color: #ffffff;
	}
	
	div.module_latest_news ul li a:hover {
			text-decoration: underline;
	}
	
	div.module_latest_news p.links a {
			font-size: 1.1em;
	}
	
	div.module_latest_news p.links a:hover {
			text-decoration: underline;
	}
	
	div.module_featured_product p {
			font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.2em;
			color: #ffffff;
	}
	
	div.module_featured_product h2,
	div.module_featured_product p.price {
			color: #00aeef;
	}
	
	div.module_featured_product p.price {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: 800;
	}
	
	div.module_featured_product p.button {
			font-size: 1em;
	}
	
	div.module_featured_product .button:hover button,
	div.module_featured_product .button.hover button {
			color: #00aeef;
	}
	
	div.module_search h2,
	div#footer p a:hover {
			color: #8cc63f;
	}
	
	div.module_search form .button:hover button,
	div.module_search form .button.hover button {
			color: #8cc63f;
	}
	
	div#footer p {
			font-size: 0.8em;
			text-transform: uppercase;
			line-height: 1.9;
			color: #a9a9a9;
	}
	
	div#footer p a {
			color: #648736;
	}
	
	form input,
	form textarea {
			font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			color: #232323;
	}
	
	.button span,
	.button button {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: 800;
			font-size: 1.1em;
			letter-spacing: 1px;
			text-transform: uppercase;
			text-align: center;
			color: #ffffff;
			line-height: 30px;
	}
	
	a.button:hover {
			text-decoration: none;
	}
	
p.small {
	margin: 20px 0 !important;
	font-size: 10px !important;
	float: left;
}

span.small {
	font-size: 10px !important;
}

div.module_featured_product span.small {
	font-size: 10px !important;
	color: #fff;
}