/* General HTML elements */
form, p, h1, h2, h3, h4, h5, h6, div, img, ul, ol, li, blockquote { margin: 0; padding: 0; }
body { margin: 0; padding: 0; background: #000; color: #fff; font: 62.8% Arial, sans-serif; text-align: center; }
img { border: none; }
h1 { text-align: center; margin: 10px; padding: 0; font: 2.2em Century Gothic, Arial, sans-serif; color: #bbb; }
h2 { margin: 10px; padding: 0; font: bold 1.6em Century Gothic, Arial, sans-serif; }
h3 { margin: 10px; padding: 0; font: bold 1.5em Century Gothic, Arial, sans-serif; }
p { margin: 10px; font-size: 1.3em; }
address { margin: 10px; font-size: 1.3em; font-style: normal; }
ul, ol { margin: 10px; padding: 0 0 0 1.5em; font-size: 1.2em; font-style: normal; }
li { margin: 2px 0; }
ul ul, ul ol, ol ul, ol ol { font-size: 1em; }

/* Link Colours */
a { color: #fff; }
a:visited { color: #fff; }
a:focus { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
a:active { color: #fff; }

/* Useful Classes */
.error, .errors { color: #f00; }
.left { float: left !important; }
.right { float: right !important; }
img.left { margin: 0 10px 10px 0; }
img.right { margin: 0 0 10px 10px; }
.clear_left { clear: left; display: block; }
.clear_right { clear: right; display: block; }
.clear_both { clear: both; display: block; }
.hide { display: none; }
.center { text-align: center !important; }
p.clear_both { clear: both; display: block; height: 1px; font-size: 1px; margin: 0 !important; padding: 0 !important; }
.vcard { margin: 0 !important; padding: 1px 0 !important; }
.icon-border { border: solid 1px #aaa; }

/* General Forms */
form { display: inline; }
label { display: block; float: left; width: 100px; margin: 0 5px 0 0; }
label.inline { display: inline; float: none; width: auto; padding: 0; }
input.text, select, textarea { padding: 3px; vertical-align: middle; border: 1px #999 solid; background: #fff url("../gfx/layout/background-text-input.gif") top left no-repeat; }
input.required, select.required, textarea.required { border-color: #f00; }
select.country { font-size: 0.9em; }
input.button { cursor: pointer; vertical-align: middle; border-width: 0; background: #CCCCCC; border: 1px #999 solid; text-align: center; font: bold 1.1em Arial, Helvetica, sans-serif; padding: 3px 5px; padding: 2px 5px; border-radius: 10px; }
input.button:hover, input.button:focus { color: #ff0; background: #666; }
input.add_to_basket, input.checkout, input.pay { background: #c00; border: 1px #900 solid; color: #fff; }
input.add_to_basket:hover, input.checkout:hover, input.pay:hover, input.add_to_basket:focus, input.checkout:focus, input.pay:focus { color: #ff0; }
input.checkout { font-size: 1.3em; }
fieldset { padding: 1px 5px; margin: 10px; border: 2px solid #98191E; }
legend { padding: 5px 10px; margin: 0 0 0 5px; font-size: 1.4em; font-weight: bold; color: #fff; background: #98191E; }
input.checkbox { border: none; }
ul.errors label { display: inline; float: none; width: auto; padding: 0; }
input.special { visibility: hidden; }

/* Tables */
table { margin: 10px; border: none; clear: both; color: #fff; font-size: 1em; border-collapse: collapse; }
th, td { padding: 2px 5px; }
thead th { font-size: 1.2em; text-align: left; }
tbody th { font-size: 1.2em; text-align: left; }
tbody td { font-size: 1.2em; text-align: left; }
.price { font-weight: bold; }

table#prices { background: #fff; margin: 10px auto; }
table#prices tbody tr { background: #ccc; }
table#prices tbody tr.even { background: #fff; }

/* Container */
div#container { width: 1000px; padding: 1px 0; margin: 0 auto; clear: both; }

/* Header */
div#header { height: 130px; margin: 25px 0 0 0; }
div#header img.left { margin: 20px 0 0 23px; }
div#header img.right { margin: 40px 33px 0 0; }
img#motto { margin: 45px 0 0 0; }

/* Navigation */
div#navigation { width: 195px; float: left; margin: -10px 0 20px 20px; text-align: left; }
div#navigation h3 { width: 195px; float: left; margin: 10px 0 0 20px; text-align: left; }
ul#main_menu { padding: 0; font-size: 1em; margin: 0; }
ul#main_menu li { margin: 10px 0; list-style-type: none; }
ul#main_menu li ul { padding: 0; margin: 0 0 20px 0; font-size: 1em; }
ul#main_menu li a { background: #343434 url("../gfx/layout/navigation-bullet.gif") right center no-repeat; color: #fff; display: block; padding: 3px 0; width: 195px; text-indent: 20px; font-size: 1.2em; text-decoration: none; border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; }
ul#main_menu li a.main { background: #676767 url("../gfx/layout/navigation-bullet-main.gif") right center no-repeat; font: 1.5em Century Gothic, Arial, sans-serif; border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; letter-spacing: 3px; }
ul#main_menu li a:hover, ul#main_menu li a:focus { color: #ff0; }

/* Content */
div#content { width: 525px; float: left; margin: -9px 0 20px 30px; }
div#content div { margin: 10px 0; padding: 20px; text-align: left; background: #222; border-radius: 50px 0 0 0; -moz-border-radius: 50px 0 0 0; -webkit-border-radius: 50px 0 0 0; }
div#content.full { width: 735px; }
div#content div.column { width: 49%; float: left; margin: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; }
div#content div#optional_extras { background: #333; margin: 10px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 1px 5px; }
div#content div.column p { text-align: justify; }

/* Right Column */
div#right_column { width: 189px; float: right; margin: 0 20px 20px 0; padding: 1px 0; }
div#right_column img { margin: 5px auto; }
div#right_column div { text-align: left; padding: 1px 0 33px 0; background: #343434; border-radius: 50px 0 0 0; -moz-border-radius: 50px 0 0 0; -webkit-border-radius: 50px 0 0 0; margin-top: 10px; }
div#right_column div p { margin-top: 2px; }
div#right_column h3 { margin-bottom: 2px; }

/* Footer */
div#footer { clear: both; padding: 1px 0; background: #3f3f3f; margin: 0 20px 0 50px; border-radius: 50px 0 0 0; -moz-border-radius: 50px 0 0 0; -webkit-border-radius: 50px 0 0 0; }
div#footer address { margin: 10px; }
div#footer p { margin: 10px; font-size: 1.1em; }
div#footer a { }

/* Lightbox */
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}