/*-----------------------------------------------------------------------------
Global Style Sheet (for Nude Sandals http://www.nudesandals.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
14. Miscellaneous

-----------------------------------------------------------------------------*/

/* =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 a {
	border: 0;
}

/* =Typography
-----------------------------------------------------------------------------*/

body {
	font: normal 62.5%/1.6 "Trebuchet MS", Verdana, Georgia, Arial, Tahoma, "Times New Roman";
	color: #fff;
	background-color: #000;
}

/* =Headings
-----------------------------------------------------------------------------*/

h1, h2, h3, h4 {
	font-weight: Bold; 		
}
h1 {
	margin: 0px;
	position: relative;
	top: 0px;
	left: 0px;
	width: 285px;
	height: 71px;
	background: url(../img/logo.gif) no-repeat;
	text-indent: -9000px;
}
h1 a {
	margin: 0px;display: block;
	height: 71px;
	background: url(../img/logo.gif) no-repeat;
}
h2 {
	font-size: 110%;

	color: #3e76cd;
}
h3 {
	font-size: 110%;
	color: #666666; 
}
h4 {
	font-size: 130%;
	color: #000; 
}

/* =Links
-----------------------------------------------------------------------------*/

a, a:visited {
	
	color: #000; 
	background: inherit;
}
a:hover {
	color: #cb7a0c;
	background: inherit;
}


/* =Show Current Page
-----------------------------------------------------------------------------*/
body.homepage #homepage, body.homepage #homepage a{background:#cb7a0c; color:#fff;}
body.about #about, body.about #about a{background:#cb7a0c; color:#fff;}
body.delivery #delivery, body.delivery #delivery a{background:#cb7a0c; color:#fff;}
body.faqs #faqs, body.faqs #faqs a{background:#cb7a0c; color:#fff;}
body.contact #contact, body.contact #contact a{background:#cb7a0c; color:#fff;}
body.links #links, body.links #links a{background:#cb7a0c; color:#fff;}

/* =Images
-----------------------------------------------------------------------------*/

img.float-rightminus {
  margin: -12px 0px 10px 0px; 
  float: right;
  padding: 0;
}
img.float-right {
  margin: 10px 0px 10px 0px; 
  float: right;
  padding: 0;
}
img.float-left {
  margin: 5px 10px 10px 0px;
  float: left;
}

h2, h3, h4, {
	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: 20px;
	margin: 0;
}
legend {
	font-size: 1.4em;
	font-weight: bold;
	background-color: #56aab7;
	color: #fff;
	padding: 5px;
	margin: 5px;
}

label {
	display:block;
	margin:0 15px;
	color: #000;
	font-size: 1.2em;
}

input {
	padding:4px;	margin:0 15px;
	font: normal 1em Verdana, sans-serif;
	color:#000;
}
textarea {
	width:600px;
	margin:0 15px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	display:block;
	color:#000;
}
.searchtextarea {
	width: 150px;
	height: 15px;
}
.updatefield {
	padding: 3px;
	margin: 0;
}

.price {
	margin: 20px 0;
	font-size: 24px;
	font-weight: bold;
}
.highlight {
	color: #e83263;
}


/* =Layout and Branding
-----------------------------------------------------------------------------*/
#container {
	width: 825px;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 107px;
	background: #000 url(../img/headerbg.gif) no-repeat;
}

#logo {
	float: left;
	margin: 33px 0 0 16px;
}
#slogan {
	text-align:right;
	float: right;
	margin: 10px 11px 0px 0px;
}
#slogan h2 {
	font: normal 1.8em Georgia, "Times New Roman", Times, serif;
	color: #14569f;
	margin: 0px;
	padding: 0px;
	text-transform: none;
	font-style:italic;
}

#sloganimg {
	float: right;
	width: 133px;
	height: 163px;
}

/* =Menu
-----------------------------------------------------------------------------*/
#menu {
	position: relative;
	float:left;
	padding: 4px 0 0 0; 
	margin: 0px;
	background-color: #fff;
	width: 799px;

}
#menu ul {

	padding: 0px 0;
	margin: 0 4px;
}
#menu li {
	margin: 0;display: inline;
	padding: 0;
}

#menu a {
	background-color: #e8326;
	background: #e83263 url(../img/arrow-off.gif) no-repeat 10px 10px;
	font-family: "Trebuchet MS", Arial, Tahoma, "Times New Roman";
	font-size:2em;
	color: #fff;
	padding: 5px 21px 10px 35px;
	text-decoration:none;
	text-transform: uppercase;
	margin-bottom: 1px;

}
#menu a:hover {
	background: #000 url(../img/arrow-on.gif) no-repeat 10px 10px;
	
}

/* =Subnav
-----------------------------------------------------------------------------*/

#subnav {
	position: relative;
	float:left;
	width: 257px;
	padding: 4px 0 0 0; 
	background-color: #efb43a;
	margin: 0 2px;
	height: 346px;

}
#subnav ul {
	list-style-type:none;
	padding: 0px 0;
	margin: 0;
}
#subnav li {
	margin: 0;
	padding: 0;
	width: 257px;
}

#subnav a {
	background-color: #e8326;
	background: #e83263 url(../img/arrow-off.gif) no-repeat 10px 14px;
	display: block;
	font-family: "Trebuchet MS", Arial, Tahoma, "Times New Roman";
	font-size:2em;
	color: #fff;
	padding: 5px 5px 10px 35px;
	text-decoration:none;
	text-transform: uppercase;
	margin-bottom: 1px;

}
#subnav a:hover {
	background: #000 url(../img/arrow-on.gif) no-repeat 10px 14px;
	
}
#contentmiddle {
	position: relative;
	width: 265px;
	float: left;
}

#contentright {
	position: relative;
	width: 267px;
	float: left;
	background-color: #56aab7;
	margin: 0 2px;
	height: 350px;
}
#contentright h2 {
	background-color: #efb43a;
	line-height: 42px;
	height: 42px;
	padding: 0 10px;
	margin:0;
	color:  #e83263;
	font-size: 1.6em;
}
#contentright p {
	color: #fff;
	font-size: 1.2em;
	padding: 0 10px;
}
#contentright img {
	border: none;
	padding: 0;
	margin: 0;
}

/* =Content
-----------------------------------------------------------------------------*/

#contentcontainer {
	float: left;
	clear: both;
	background-color: #fff;
	width: 799px;
	padding: 0;
	margin: 0 0 20px 0;
}
#content {
	padding: 24px;
	color: #000;
}
#content h2{
	clear: both;
	font-size: 1.8em;
	text-transform: uppercase;
	color: #e83263;
	border-bottom: solid 1px #e83263;
	margin: 0;
	padding: 0;
}

#content h2.designsheading { 
	border-bottom: 0;
	border-top: solid 1px #e83263;
	font-size: 2.5em;
}


#content h3{
	font-size: 1.6em;

	color: #181818;
	margin: 0;
	padding: 0;
}
#content p {
	font-size: 1.2em;
	color: #2e2e2e;
}
/* =Product Displays
-----------------------------------------------------------------------------*/


/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	clear: both;
	height: 73px;
	margin: 15px 0 0 0;
	padding: 20px 0 0 0;
	background: url(../img/footerbg.gif) no-repeat bottom;
	color: #000;
	border-top: solid 1px #e83263;
}
#footerhome {
	clear: both;
	height: 150px;
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	background: url(../img/footerbg.gif) no-repeat bottom;
}
#footerhome p {
	font-size: 1.6em;
	color: #e83263;
	margin: 20px;
}
#footer p {
	font-size: 1.2em;
}
/* =Disclaimer
-----------------------------------------------------------------------------*/
#disclaimer {
	clear: both;
	color: #fff;
	width: 799px;
	margin: 0 auto;
	text-align: center;
	font-size: 1.2em;
}
#disclaimer a {
	color: #fff;
}
#disclaimer a:hover {
	color: #e83263;
}


/* =Tables
-----------------------------------------------------------------------------*/

table {
	width: 100%;
	margin: 10px 0px;
	padding: 0px;
}
td {
	margin: 0px;
	padding: 3px;
	font-family: "Trebuchet MS", Arial, Tahoma, "Times New Roman";
	border: solid 1px #000;
}
td.headings {
	background-color: #cb7a0c;
	color: #fff;
	font-weight: bold;
}
td.subheadings {
	font-weight: bold;
}
td.right {
	text-align: right;
}

/* =Miscellaneous
-----------------------------------------------------------------------------*/

.blue {
	font-size: 1.6em;
	color: #000;
}