/*-----------------------------------------------------------------------------
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 62.5%/1.6  Verdana, Georgia, Arial, Tahoma, "Times New Roman";
	color: #000;
	background: #dfeef5 url(../img/bg.jpg) repeat-x;
}

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

h1, h2, h3 {
	font-weight: Bold; 		
}
h1 {
	margin: 0px;
	position: relative;
	top: 5px;
	left: 5px;

	width: 265px;
	height: 62px;
	background: url(../img/logo.gif) no-repeat;
	text-indent: -9000px;
}
h1 a {
	margin: 0px;display: block;
	height: 62px;
	background: url(../img/logo.gif) no-repeat;
}
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;
}

a[href^="http:"] {
	background: url(../img/externallink.png) no-repeat right top;
	padding-right: 10px;
}


/* =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;
}


/* =Bullets and Quotes
-----------------------------------------------------------------------------*/
code {
	margin: 5px 0;
	padding: 10px;
	text-align: left;
	display: block;
	overflow: auto;  
	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
	/* white-space: pre; */
	background: #FAFAFA;
	border: 1px solid #f2f2f2;  
}
acronym {
 	cursor: help;
 	border-bottom: 1px solid #777;
}
blockquote {
	margin: 10px;
 	padding: 0 0 0 28px;  
	border: 1px solid #f2f2f2; 
  	background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px;    
}

/* =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: 95%;
	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: #e34601 url(../img/search-bg.gif) repeat-x;
}
#searchbarleft {
	float: left;
	width: 212px;
	text-align: left;
	color: #fff;
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
	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;
	background: url(../img/arrow-start-shopping.gif) no-repeat;
	width: 208px;
	padding: 63px 0 0 0; 

}

#subnav h2 {
	font: normal 1.1em/1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	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;
	background: url(../img/subnavlioff.gif) no-repeat 3px 5px;
}
#subnav h2 a:hover{
	background:  #002f60 url(../img/subnavlion.gif) no-repeat 3px 5px;

}

#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
-----------------------------------------------------------------------------*/
#contentcontainer {
	clear: both;
	background: url(../img/horbg.gif) repeat-y 208px 0px;

}
#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  Verdana, Georgia, Arial, Tahoma, "Times New Roman";
	margin: 0 10px;
	clear:both;
	background: #fff url(../img/featurebox-top.jpg) repeat-x top;
	padding: 0px 10px;	
}

#featuretext p {
	margin: 0 0 1em 0;
	padding: 0px;
}
#featuretext h2 {
	font: normal 1.6em/1.6em Verdana, Arial, Helvetica, sans-serif;
	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 {
	background: #fff url(../img/featurebox-bottom.jpg) repeat-x scroll center bottom;
	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 Verdana, Arial, Helvetica, sans-serif;
	margin: 10px;
	margin-right: 210px;
	padding: 0 10px;
}
#featuredproducts h2 {
	font: normal 1.6em/1.6em Verdana, Arial, Helvetica, sans-serif;
	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;
}
#detailimage .enlarge {
	background: url(../img/expand.gif) no-repeat right top;
	padding-right: 13px;
}
#detaildesc {
	clear: both;
	font: 1.3em/1.6 Verdana, Arial, Helvetica, sans-serif;
}
#detaildesc h2 {
	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;
	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;
	font-size: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #e34601;
}
	
/* =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;
}
#footer a:hover {
	background-color: #0b2d5d;
}

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

table {
	width: 100%;
	margin: 10px 0px;
	padding: 0px;
}
td {
	margin: 0px;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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;
	font-size: 1.2em;
}
.newprod {
	color: #ff0000;
}
#nostock {
	float: left;
}
.feature_fade {
	position: relative;
	float: right;
	padding:1em;
	margin-bottom: 1em;
	width: 180px;
	height: 150px;
}
#hometel {
	float: right;
	width: 300px;
	color: #fff;
}
#hometel p {
	background: #E34601 url(../img/search-bg.gif) repeat-x hidden 0 0;
	font-size: 1.2em;
	text-align: right;
}
#hometel p a{
	color: #fff;
	background: none;
	padding-right: 0px;
}

/*Jquery.autocomplete styles */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('../img/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}
strike {
	color: #ff0000;
}
.relprodwrapper {
	width: 200px;
	height: 300px;
	overflow: hidden;
	float: left;
}
.error {
	color: #ff0000;
	font-weight: bold;
}
#contactform input.required,#contactform textarea.required {
	color: #000000;
}