/*-----------------------------------------------------------------------------
Global Style Sheet (for Imaginate http://www.imaginatedirect.co.uk)

version:   1.0
author:    Infotex
email:     enqs@infotex.co.uk
website:   http://www.infotex.co.uk/

/* Contents--------------------------------------------------------------

1.	General 
2.	Typography
3. 	Headings
4.  Links
5.  Images
6.  Bullets and Quotes
7.  Form Elements
8.  Layout and Branding
9.  Subnav
10. Content
11. Product Displays
12.	Footer
13.	Tables

-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
	margin: 0px;
	padding: 0px;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
 	margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Remove border around linked images */
img {
	border: 0;
}

/* =Typography
-----------------------------------------------------------------------------*/

body {
	font: normal 50%/1.4  Arial, Tahoma, "Times New Roman";
	color: #000;
}

/* =Headings
-----------------------------------------------------------------------------*/

h1, h2, h3 {
	font-weight: Bold; 		
}
h1 {
	margin: 0px;
	position: relative;
	top: 5px;
	left: 5px;
	width: 265px;
	height: 62px;
}
h1 a {
	margin: 0px;display: block;
}
h2 {
	font-size: 110%;
	color: #3e76cd;
}
h3 {
	font-size: 110%;
	color: #666666; 
}


/* =Links
-----------------------------------------------------------------------------*/

a, a:visited {
	
	color: #000; 
	background: inherit;
}
a:hover {
	color: #e34601;
	background: inherit;
}

/* =Show Current Page
-----------------------------------------------------------------------------*/
body.home #home, body.home #home a{background:#e34601; color:#fff;}
body.about #about, body.about #about a{background:#e34601; color:#fff;}
body.delivery #delivery, body.delivery #delivery a{background:#e34601; color:#fff;}
body.faqs #faqs, body.faqs #faqs a{background:#e34601; color:#fff;}
body.contact #contact, body.contact #contact a{background:#e34601; color:#fff;}

/* =Images
-----------------------------------------------------------------------------*/

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

h2, h3, p {
	padding: 10px;		
	margin: 0;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
	color: #000;	
}
ul span, ol span {
	color: #000;
}
li {
	margin: 1em 0;
}


/* =Form Elements
-----------------------------------------------------------------------------*/

form {
	padding: 0 5px;
}

label {
	display:block;
	margin:5px 0;
	color: #000
}

#searchbar label {
	display:block;
	margin:5px 0;
	font: 1.2em Verdana, sans-serif;
	color: #fff
}
input {
	padding:5px;
	font: normal 1em Verdana, sans-serif;
	color:#000;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	display:block;
	color:#000;
	margin: 0 0 10px 0;
}
.searchtextarea {
	width: 189px;
}
.updatefield {
	padding: 3px;
	margin: 0;
}
input.button {
	margin: 0;
	padding: 2px;
	background: #61a9db;
	color: #fff;
	border-top-width: 1px;border-top-style: solid;border-top-color: #a4cdeb;
	border-right-width: 1px;border-right-style: solid;border-right-color: #375f7c;
	border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #375f7c;
	border-left-width: 1px;border-left-style: solid;border-left-color: #a4cdeb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}
input.button:hover {
	background: #e34601;
	cursor:pointer;
}

input.smallbutton {
	margin: 0 3px;
	padding: 2px;
	background: #61a9db;
	color: #fff;
	border-top-width: 1px;border-top-style: solid;border-top-color: #a4cdeb;
	border-right-width: 1px;border-right-style: solid;border-right-color: #375f7c;
	border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #375f7c;
	border-left-width: 1px;border-left-style: solid;border-left-color: #a4cdeb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.0em;
}
input.smallbutton:hover {
	background: #e34601;
	cursor:pointer;
}

/* =Layout and Branding
-----------------------------------------------------------------------------*/
#container {
	width: 400px;
	margin: 10px auto;
	min-width: 880px;
	padding: 4px;
	background: #fff;
	text-align: left;
}
#topline {
	background: #197fb3;
	color: #fff;
	height: 20px;
	padding: 3px 15px;
}

#header {
	height: 100px;
}
#searchbar {
	clear: both;
	height: 48px;
	background-color: #E34601;
}
#searchbarleft {
	float: left;
	width: 212px;
	text-align: left;
	color: #fff;
	font: bold 1.3em auto;
	margin: 22px 0px 0px 10px;
}
#searchbarright {
	float: left;
	text-align: left;
}
#logo {
	float: left;
}
#slogan {
	text-align:right;
	float: right;
	margin: 10px 50px 0px 0px;
	width: 400px;
}
#shopbasket {
	font-size: 1.1em;
	margin-right: 95px;
}

/* =Subnav
-----------------------------------------------------------------------------*/

#subnav {
	float:left;
	clear: left;
	width: 208px;
	padding: 0 0 0 0; 

}

#subnav h2 {
	font: normal 1.1em/1em auto;
	color: #fff;
	margin: 5px 0px 5px 1em;
	width: 182px;
	padding: 0px;
	background: #197fb3;
	border-bottom: solid 1px #afb8c2;
}
#subnav h2:hover {
	background: #002f60;
}
#subnav h2 a{
	margin: 0;
	padding: 0px 10px 2px 20px;
	font-size: 1em;
	color: #fff;
	text-transform:none;
}

#subnav h2#selected {
	background-color: #E04F04;
}
.img-right{
	border: solid 1px #000;
	float: right;
	position: relative;
	margin: 10px;
	}

#subnav ul {
	list-style:none;
	padding: 0;;
	margin: 0 0 0 12px;
}
.level3 ul {
	width: 100px;
	background-color:#ff0000;
}
#subnav li {
	margin: 0px;
	padding: 0 10px;
	border-bottom: dashed 1px #61a9db;
	background-color: #ececec;
}
#subnav a {
	display: block;
	font-size: 1.2em;
	text-decoration:none;
	line-height: 1.8em;
}
	

/* =Content
-----------------------------------------------------------------------------*/

#content {
	width: 70%;
	margin-left:50px;
	float: left;

}
#information {
	height: 20px;
	padding: 10px;
	margin: 0 10px;
	text-align: right;
	border-bottom: dashed 1px #0b2d5d;
}
#information a {
	font-size: 1.2em;
	text-decoration:none;
}
#featuretext {
	font: 1.3em/1.6  auto;
	margin: 0 10px;
	clear:both;
	padding: 0px 10px;	
}

#featuretext p {
	margin: 0 0 1em 0;
	padding: 0px;
}
#featuretext h2 {
	font: normal 1.6em/1.6em auto;
	margin: 0px;
	padding: 2px;
	color: #000;
	text-transform: none;	
}

#featuretext h3 {
	font: 1.3em/1.6 Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #e34601;
	border-top: dashed 1px #0b2d5d;
	border-bottom: dashed 1px #0b2d5d;
	padding: 2px 10px;
}
#featuretextfooter {
	padding-top: 0pt;
	padding-right: 255px;
	padding-bottom: 0;
	padding-left: 10px;
	color: #d50000;
	text-align: right;
	margin: 0;
}

/* =Product Displays
-----------------------------------------------------------------------------*/
#featuredproducts {
	clear: both;
	font: 1.2em/1.6 auto;
	margin: 10px;
	margin-right: 210px;
	padding: 0 10px;
}
#featuredproducts h2 {
	font: normal 1.6em/1.6em auto;
	margin: 0px;
	padding: 2px;
	color: #000;
	text-transform: none;	

}
.outerbox {
	float: left;
	position: relative;
	margin: 0px 30px 20px 0px;
	width: 184px;
	height: 250px;

}
.outerbox img {
	
}
.outerbox .smallimage {
	width: 184px;
	height: 166px;
	overflow: hidden;
	margin-right: 15px;
	border: solid 1px #717171;
}
.outerbox .desc a{
	margin: 3px 0px 0px 0px;
	padding: 2px;
	float:left;
	clear: left;
	color: #002f60;
}
.outerbox .desc a:hover{
	color: #000;
}
.outerbox .cat{
	margin: 0 0 0px 0;
	padding: 0px;
	float:left;
	clear: both;
	color: #000;
	text-decoration:none;
}
.outerbox .cat a{
	margin: 0px;
	padding: 0px;
	float:left;
	clear: both;
	color: #000;
	text-decoration:none;
	font-size: 0.9em;
}
.outerbox .price {
	margin: 0px;
	padding: 0px;
	float:left;
	clear: both;
	color: #e03489;
	font-weight: bold;
	font-size: 1.0em;
}
.outerbox .ourprice {
	color: #000;

}

.outerbox .buy a{
	margin: 0px;
	padding: 0 2px;
	float:left;
	background-color: #e34601;
	color: #fff;
	text-decoration:none;
}

.outerbox .buy a:hover{
	background-color: #0b2d5d;
}

#detailimage {
	width: 213px;
	margin: 5px 10px 10px 0px;
	float: left;
}
#detailimage img {
	border: solid 1px #717171;
}
#detailimage p {
	color: #0b2d5d;
	float:right;
}

#detaildesc {
	clear: both;
	font: 1.3em/1.6 auto;
}
#detaildesc h2 {
	font: 1.3em/1.6 auto;
	color: #000;
	margin: 2px 10px;
	padding: 2px 10px;
}
#detailprint {
	clear: both;
	float: right;
	font-size: 1.2em;
	padding: 0px 12px 0px 0px;
	margin: 10px 0px;
}
#detailprint a {
	color: #fff;
	padding: 2px;
	background-color: #e34601;
}
#detailprint a:hover {
	background-color: #0b2d5d
}
.price{
	margin: 0 0 0 10px;
	color: #000;
}
	
/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	clear: both;
	height: 87px;
	margin: 15px 0 0 0;
	background: #197fb3;
	color: #fff;
}
#footer .phone {
	padding: 10px;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
}
#footer a {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.6em;
}

/* =Tables
-----------------------------------------------------------------------------*/

table {
	width: 100%;
	margin: 10px 0px;
	padding: 0px;
}
td {
	margin: 0px;
	padding: 3px;
	border: solid 1px #000;
}
td.headings {
	background-color: #e34601;
	color: #fff;
	font-weight: bold;
}
td.subheadings {
	font-weight: bold;
}
td.right {
	text-align: right;
}


/* =Miscellaneous
-----------------------------------------------------------------------------*/
.required {
	color: #E33187;
}
.textright {
	float: right;
}
.yellownote {
	background-color: #FBF28F;
	border: 1px solid #000000;
	padding: 5px 5px 0px 5px;
	width: 75%;
}
.yellownote p{
	margin: 0px;
}
.newprod {
	color: #ff0000;
}
#footer .textright {
	display: none;
}