/* ------ wow prints Stylesheet - primary colour scheme: dark blue: #, light blue: #DFDFFF, red: #, ------ */

* { margin: 0; padding: 0; border: 0 }

html { height: 100%; }

body { 
	min-height: 101%;
	font: 100%/1.4 verdana, arial, sans-serif;
	color: #000;
	background: #fff url(../images/bg.png) repeat-x;
}

#container { 
	position: relative;
	margin: 1px auto;
	width: 988px;
	text-align: left;
	font-size: 75%
}

/*------ general styles ------*/

a { text-decoration: underline; font-weight: bold; color: #0001FB; }
a:hover, a:active { color: #FE0000; }
h2, h3, h4, h5 { 
	margin: 1em 0 0.5em; 
	color: #00006D; 
	line-height: 1.2
}

h1 { 
	width: 100%;
	margin-bottom: 1em;
	padding-bottom: .2em;
	color: #00006D; 
	font: 200% "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	border-bottom: 6px double #00006D
}

h1:first-letter {  font-size: 150% }
h2 { font-size: 140% }
h3 { font-size: 120% }
p { margin-bottom: 1em }
img { border: 0 }

.centre-image {text-align: center; border: 2px solid #C4C4FF; padding: 2px; }

.float-right {float: right;}

blockquote {
	margin: 1em;
	font-style: italic;
	font-weight: bold;
	font-size: 100%;
	padding: 0.5em;
	background: #EFEFFF;
	color: #00006D
}

hr {border: 1px solid #00006D;}

.clear { 	
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
}

.float { 
	float: right; 
	border: 1px solid #fff; 
	margin: 5px 0 5px 10px; 
	width: 177px; 
	background: #EFEFFF;
}

.float p {padding: 2px;  text-align: left; color: #00006D; font-size: 90%; line-height: 130%;}

.float img {margin: 0.25em; border: 1px solid #fff;}

/*------ header ------*/

#header {
	position: relative;
	left: -22px;
	width: 988px;
	height: 220px;
	background: url(../images/logo_header.png) no-repeat
} 

#header img {
	position: relative;
	left: -20px;
}

#header p {
	position: absolute;
	top: 20px; right: 40px;
	text-align: right;
	color: #FF0;
	font: bold italic 230% "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px
}

#header span { display: block; font-size: 80% }


/* top level */


#top-nav {
	position: absolute;
	top: 190px; left: 15px;
	list-style: none;
	text-transform: uppercase;
	font-size: 90%
}

#top-nav li { 
	position: relative;
	float: left;
	padding-bottom: 2em;
}

#top-nav a { 
	margin-right: 16px;
	padding-right: 16px;
	color: #FFF;
	text-decoration: none;
	border-right: 1px solid #FFF	
}

#top-nav .last a { 
	margin: 0;
	padding: 0;
	border: none 
}

#top-nav a:hover { color: #FFFF00;}


/* submenu */


#top-nav li ul {
	position: absolute; 
	z-index: 20;
	top: 2.45em;
	left: -999em;
	width: 160px;
	list-style: none;
	border-top: 1px solid #fff;
}

#top-nav ul li { 
	width: 160px;
	padding: 0;
}

#top-nav li:hover ul, #top-nav li.sfhover ul { left: 0 }

#top-nav li ul a {
	display: block;
	float: none;
	width: 140px;
	margin: 0; 	
	padding: 1em 10px;
	background: #0000A5;
	border-bottom: 1px solid #fff;
	border-right: 0;
	font-size: 90%
}

#top-nav li ul a:hover { background: #0000F7; color: #FFFF00; }


/*------ main content area ------*/


#right { margin: 0 50px 0 260px }

#right table {border: 0;}

#right table img {border: 1px solid #fff; width: 250px;}

#right td {background: #E6EEFB; padding: 5px;}

table#colours img {width: 100px; border: none;}

.boxes {
	position: relative;
	float: left;
	width: 145px;
	min-height: 200px;	
	margin: 1em 10px 1em 0;
	padding: 8px;
	background: #DFDFFF;
}

.boxes h2 { 
	margin: 0 0 0.5em 0.25em;
	font: bold 120%/1.4 verdana, arial, sans-serif;
	background: #fff;
	padding: 5px;
}

.boxes p { margin: 0 0.25em 0.25em; }

.boxes img {border: 1px solid #fff;}

.faqs dt { font-weight: bold }

.faqs dd { margin-bottom: 1em }

.img-left { 
	float: right;
	margin: 0 15px 5px 0
}

.img-right { 
	float: left;
	margin: 0 0 5px 15px
}

#content { 
	padding: 1em;
	min-height: 0;
	background: url(../images/body_bg.png) repeat-y;
}

#content ul {
	margin: 0 0 1em 15px; 
	padding-left: 0; 
	list-style-image: url(/images/arrows.png)
}


/* gallery */


#content .gallery {
	width: 570px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none
}

.gallery li {
	float: left;
	display: inline;
	margin-right: 10px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	width: 127px;
	height: 150px;
}

.gallery img { 
	display: block; 
	width: 120px; 
	margin: 1em 0; 
	border: 2px solid #0000A5; 
	padding: 1px; 
}

.gallery a:hover img { border-color: #F00 }


/* store */


#content .store {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#content .store li {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 2px solid #959796;
	overflow: hidden;
}

.store-pic {
	float: right;
	margin: 0 0 5px 15px;
	text-align: center
}

.desc h2 { margin-top: 0 }


* html .store, * html .store li { display: inline-block }

.store form {
	background: none;
	padding: 0;
}

.store label { display: inline }

.store select { 
	margin: 0;
	border: 1px solid #959796;
}

.store .btn {
	width: 8em;
	margin: 1em 1em .5em 0;
	padding: .2em 5px;
	color: #000;
	background-color: #DFDFFF;
	border: 2px solid #959796;
}

.store .btn:hover {
	color: #FFF;
	background-color: #AAAAFF;
}

#content .links {
	height: 6em;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden
}

.links li { float: left; margin-right: 10px }

.links a { display: block; padding: 20px 0 20px 40px }

.prints a { background: url(../images/gallery.png) 0 50% no-repeat }	

.cart a { background: url(../images/cart.png) 0 50% no-repeat }


/* left column */


#left {
	float: left;
	display: inline;
	width: 225px;
	background: #DFDFFF;
	padding: 10px;
	margin: 0 0 1em;
}


#left h2 { 
	margin: 1em 0;
	font-size: 120%; 
	line-height: 1.2%;
	text-transform: uppercase;
	background: #fff;
	padding: 1em;
}

#left form{
	width: 150px;
	padding: 0; 
	background: #D6E4F8;
}

#left form p{
	font-weight: bold; padding: 0.25em; margin: 0;
}

#left input { 
	width: 152px;
	border: 1px solid #fff;
	padding: 0.25em;
	margin: 0;
}

#left img { border: 1px solid #fff; }


/*------ footer ------*/


#footer { 
	position: relative;
	left: -20px;
	clear: both;
	min-height: 40px;	
	background: #0000A5 url(../images/footer_bg.png) no-repeat;
	color: #fff;
	font-size: 90%
}

#footer p { 
	position: absolute;
	bottom: 18px;
	left: 50px;
	margin: 0
}

#footer a { color: #fff; text-decoration: underline;}

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


/*------ form ------*/


address { margin-bottom: 1em; font-style: normal; }

form { 
	padding: 1em; 
	background: #EFEFFF;
	width: 420px;
}

form h4 {font-size: 110%; color: #000; border-bottom: 1px dashed #000; padding-bottom: 2px; margin: 3em 0 2em 0;}

fieldset { border: none; padding: 1px; }

label { 
	display: block; 
	margin: 1em 0 .2em; 
	font-weight: bold;
}

input, textarea { 
	padding: 0.2em;
	width: 30em;
	font-size: 12px;
	background: #FFF;
	vertical-align: middle;
	border: 1px solid #fff;
}

input:focus, textarea:focus, input:hover, textarea:hover { background: #F4F4F4; }

select { margin: 0 0 0.5em; }

select, option { font-size: 12px; }

option { border: 0; }

button { 
	width: auto; 
	margin-top: 1em;
	padding: .5em 1em;
	font-weight: bold; 
	background: #0000A5; 
	color: #fff;
	border: none;
}

button:hover, button:focus { background: #F00 }