/*-----------------------------------------------------------------------------
Global Style Sheet (for Steratape http://www.steratape.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: 0;
	padding: 0;
}

/* 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: #f7f9fa;
}

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

h1, h2, h3 {
	font-weight: Bold; 		
}
h1 {
	margin: 0px;
	position: relative;
	top: 10px;
	left: 0px;
	width: 217px;
	height: 73px;
	background: url(../img/logo.gif) no-repeat;
	text-indent: -9000px;
}
h1 a {
	margin: 0px;display: block;
	height: 73px;
	background: url(../img/logo.gif) no-repeat;
}
h2 {
	font-size: 110%;
	text-transform: uppercase;
	color: #3e76cd;
}
h3 {
	font-size: 110%;
	color: #666666; 
}


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

a, a:visited {
	color: #000; 
}
a:hover {
	color: #b8143b;
}

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

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

img.float-right {
  margin: 5px 0px 10px 10px;  
  background: #fff;
  float: right;
  border: solid 1px #ccc;
  padding: 3px;
}
img.float-left {
  margin: 5px 10px 10px 0px;
  float: left;
}

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;
}

/* =Main Menu
-----------------------------------------------------------------------------*/
#menu { 
	position: relative;
	float: right;
	top:30px;
	text-align: right;
}

#menu li, #menu-main a { 
	float: left;
	display: block;
	text-align: center;
}

#menu li { 
	font-size: 1.4em;
}

#menu a { 
	color: #000; 
	text-decoration: none;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Tahoma, "Times New Roman";
	padding: 0px 0px 0px 20px;
	margin: 0px;
}

#menu a:hover { 
	color: #008b98;
}

/* =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: 15px;  
	border: 1px solid #ccc; 
	font-style:italic;
	font-weight: bold;
	color: #cc0000;
	font-size: 1.3em;
}

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

form {
	padding: 0 5px;
}

label {
	display:block;
	margin:5px 0;
	color: #000;
	font-size: 1.2em;
}

#searchbar label {
	display:block;
	margin:5px 0;
	font: 1.2em Verdana, sans-serif;
	color: #fff
}

textarea {
	width:400px;
	padding:2px;
	font: normal 1.2em Verdana, sans-serif;
	display:block;
	margin: 0 0 10px 0;
}
.searchtextarea {
	width: 189px;
}
.updatefield {
	padding: 3px;
	margin: 0;
}


/* =Layout and Branding
-----------------------------------------------------------------------------*/
#container {
	width: 868px;
	margin: 0px auto;
	text-align: left;
	background: url(../img/bg.gif) repeat-y;
}
#innercontainer {
	padding: 0 44px;
}
#header {
	height: 86px;
	border-top: solid 5px #008b98;
	position: relative;
	padding: 0;
	margin: 0px;
}
#searchbar {
	clear: both;
	height: 48px;
	background: #e03288 url(../img/search-bg.gif) repeat-x;
}
#searchbarleft {
	float: left;
	width: 212px;
	text-align: left;
	color: #fff;
	font: bold 1.3em "Trebuchet MS", Arial, Tahoma, "Times New Roman";
	margin: 22px 0px 0px 10px;
}
#searchbarright {
	float: left;
	text-align: left;
}
#logo {
	float: left;
	width: 217px;
	height: 86px;
	position:relative;
	margin: 0px;
	padding: 0px;
}
#headerblock {
	clear:both;
	margin: 0px;
	padding: 0px;
	position: relative;
}
#headerimage {
	margin: 0px;
	padding: 0px;
	width: 780px;
}
#slogan {
	float: right;
	color: #008b98;
	font-size: 1.6em;
	font-weight: bold;
	width: 600px;
	text-align:right;
	margin: 0 0 10px 0;
}

/* =Subnav
-----------------------------------------------------------------------------*/
	
#subnav {
	float: left;
	padding: 0px;
	width: 259px;
	background-color: #000;
	height: 220px;
}
#subnav ul {
	list-style:none;
	padding: 0;
	margin: 13px;
}
#subnav li {
	background: url(../img/subnavbg-off.gif) no-repeat left;
	width: 233px;
	height: 28px;
}
#subnav a {
	font-size: 1.4em;
	margin: 15px;
	text-decoration: none;
	color: #fff;
	font-family: "Trebuchet MS", Arial, Tahoma, "Times New Roman";
}

#subnav li:hover {
	background: url(../img/subnavbg-on.gif) no-repeat left;
}
	

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

#content {
	clear: both;
}
#contentleft {
	width: 259px;
	float: left;
	position: relative;
}
#contentleft h2 {
	color: #343434;
	border-bottom: dotted 1px #989898;
	margin: 0px;
	padding: 0px;
	width: 239px;
	font-size: 1.4em;
}

#contentleft ul {
	margin: 0px;
	padding: 0px 5px 0px 5px;
}
#contentleft ul li {
	list-style: none;
	background: url(../img/bulletarrow.gif) 0px 13px no-repeat;
	padding: 10px 20px 0px 20px;
	color: #989898;
	margin: 0px;
	font-weight: bold;
	font-size: 1.3em;
}
#contentleft p {
	padding: 0px 20px;
	margin: 0 0 1em 0;
	color: #000;
	font-size: 1.1em;
}
#contentmain {
	float: right;
	width: 520px;
	position: relative;
}
#contentmain h2 {
	color: #343434;
	border-bottom: dotted 1px #989898;
	margin: 0px;
	padding: 0px;
	font-size: 1.4em;
}
#contentmain h3{
	color: #343434;
	margin: 0px;
	padding: 0px;
	font-size: 1.4em;
}
#contentmain h4{
	color: #fff;
	margin: 0px;
	padding: 5px;
	font-size: 1.4em;
	background: #008b98;
}
#contentmain p {
	color: #000;
	font-size: 1.2em;
	line-height: 18px;
	padding: 1em 0px;
}
#contentmain li {
	color: #000;
	font-size: 1.2em;
	line-height: 18px;
}
/* =Product Displays
-----------------------------------------------------------------------------*/

/* =Product Displays
-----------------------------------------------------------------------------*/
#featuredproducts {
	font: 1.2em/1.6 Georgia, "Times New Roman", Times, serif;
	background-color: #fff;
	margin: 0px 10px;
	padding: 10px;
}

#outerbox {
	float: left;
	position: relative;
	margin: 0px 25px 20px 0px;
	width: 172px;
	height: 250px;
}
#outerbox img {
	
}
#outerbox .smallimage {
	width: 170px;
	height: 170px;
	overflow: hidden;
	border: solid 1px #717171;
}
#outerbox .desc {
	height: 40px;
}
#outerbox .desc a{
	font: normal 1.0em "Trebuchet MS", Verdana, Georgia, Arial, Tahoma, "Times New Roman";
	margin: 3px 0px 0px 0px;
	padding: 2px;
	float:right;
	clear: left;
	background-color: #b8143b;
	color: #fff;
	text-decoration:none;
	text-transform: uppercase;
}
#outerbox .desc a:hover{
	background-color: #000;	
}
#outerbox .cat{
	margin: 0 0 6px 0;
	padding: 0px;
	height: 1.2em;
	float:right;
	clear: both;
	color: #000;
	text-transform:uppercase;
	text-decoration:none;
}
#outerbox .cat a{
	margin: 0px;
	padding: 0px;
	float:right;
	clear: both;
	color: #000;
	text-transform:uppercase;
	text-decoration:none;
}
#outerbox .price {
	margin: 0px;
	padding: 0px;
	float:left;
	clear: both;
	color: #000;
	font-size: 1.2em;
}
#outerbox #extra {
	clear: both;
}

#outerbox .buy a{
	margin: 0px;
	padding: 0 2px;
	font-size: 0.9em;
	float:right;
	background-color: #f7e8d4;
	color: #000;
	text-decoration:none;
}

#outerbox .buy a:hover{
	background-color: #cb7a0c;
	color: #fff;
}

	
/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	clear: both;
	height: 75px;
	background: url(../img/footerbg.gif) repeat-x;
	color: #000;
}
#footerlinks {
	padding: 18px;
}
#footer .phone {
	padding: 10px;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
}
#footerlinks a {
	color: #000;
	font-size: 1.1em;
}
#footerlinks a:hover {
	background-color: #b8143b;
	color: #fff;
	text-decoration: none;
}
#footerdisclaimer {
	padding: 10px;
	font-size: 1.2em;
}

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

table {
	width: 100%;
	margin: 10px 0px;
	font-size: 1.2em;
	padding: 0px;
}
td {
	margin: 0px;
	padding: 3px;
	font-family: "Trebuchet MS", Arial, Tahoma, "Times New Roman";
	border: solid 1px #000;
}
td.headings {
	background-color: #e03288;
	color: #fff;
	font-weight: bold;
}
td.subheadings {
	font-weight: bold;
}
td.right {
	text-align: right;
}