/*-----------------------------------------------------------------------------
Global Style Sheet (for Top Dog Petwear http://www.Top Dog Petweardirect.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

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

/* =Reset
-----------------------------------------------------------------------------*/


/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: Tahoma, Arial, Verdana;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

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

body {

	background-color: #F5F5F5;
}
html {
	font: 62.5%/1.6 Tahoma, Arial, Verdana;
	color: #000;
}
p {
	font-size: 1.1em;
	line-height: 18px;
	font-family: Tahoma, Arial, Verdana;
}

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

h1, h2, h3, h4 {
	font-weight: Bold; 		
}
h1 {
	margin: 0px;
	position: relative;
	top: 0px;
	left: 0px;
	width: 213px;
	height: 83px;
	background: url(../img/logo.gif) no-repeat;
	text-indent: -9000px;
}
h1 a {
	margin: 0px;display: block;
	height: 83px;
	background: url(../img/logo.gif) no-repeat;
}
h2 {
	font-size: 110%;
	color: #000;
}
h3 {
	font-size: 120%;
	color: #666666; 
}
h4 {
	font-size: 120%;
	color: #000; 
}

/* =Links
-----------------------------------------------------------------------------*/
a:link {
	color: #A3214C;
}
a:visited {
	color: #A3214C;
}
a:hover {
	color: #000;
}
a:active {
	color: #CC9933;
}

/* =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.bookings #bookings, body.bookings #bookings a{background:#cb7a0c; color:#fff;}
body.area #area, body.area #area a{background:#cb7a0c; color:#fff;}
body.contact #contact, body.contact #contact a{background:#cb7a0c; color:#fff;}

body.homepage #homepage span, body.homepage #homepage span a {background-position:0 147px; color: #fff;}
body.about #about span, body.about #about span a {background-position:0 147px; color: #fff;}
body.bookings #bookings span, body.bookings #bookings span a {background-position:0 147px; color: #fff;}
body.area #area span, body.area #area span a {background-position:0 147px; color: #fff;}
body.contact #contact span, body.contact #contact span a {background-position:0 147px; color: #fff;}


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

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

img.small {
	padding: 2px;margin: 3px;
	border: solid 1px #000;
}
	

h2, h3, h4, 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:1px;
	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: 150px;
	height: 15px;
}
.updatefield {
	padding: 3px;
	margin: 0;
}
input.button {
	margin: 0;
	padding: 0;
	background: #000;
	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: "Trebuchet MS", Arial, Tahoma, "Times New Roman";
	font-weight: bold;
	font-size: 1.2em;
}
input.button:hover {
	background: #cc0000;
	cursor:pointer;
}

/* =Layout and Branding
-----------------------------------------------------------------------------*/
#container {
	width: 100%;
	margin: 0px auto;
	text-align: left;
}
#headercontainer {
	width: 100%;
	background:url(../img/header-bg.gif) repeat-x;
}
#header {
	width: 800px;
	margin: 0px auto;
	height: 114px;

}
#logo {
	float: left;
	position: relative;
	top: 5px;
	width: 192px;
}
#slogan {
	float: right;
	width: 507px;
}
#slogan h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 2em;
	line-height: 1.4em;
	color: #fff;
	position: relative;
	top: 35px;
}
#menu {
	float: right;
	position: relative;
	width: 500px;
}
#homepicture {
	clear: both;
}

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

#subnav {
	float:right;
	width: 218px;
	padding: 0; 
	margin: 0;
	padding: 0 0 0 10px;
}

#subnav h2 {
	font: 1.4em/1em Tahoma, Arial, Verdana;
	color: #9C402E;
	margin: 0;
	padding: 15px 0 0 0px;
	background: #fff url(../img/subnav-heading.gif) no-repeat;
	width: 217px;
	height: 34px;
}

#subnav h3 {
	background: #fff url(../img/button-brown.gif) no-repeat;
	width: 214px;
	height: 36px;
	color: #fff;
	padding: 12px 0 0 20px;
			margin: 0px;
}
#subnav h3 a {
	background: none;
	color: #fff;
	text-decoration: none;
}
#subnav h3 a:hover {
	text-decoration: underline;
}

#subnav h4 {
	background: #fff url(../img/button-green.gif) no-repeat;
	width: 214px;
	height: 36px;
	color: #fff;
	padding: 12px 0 0 20px;
	margin: 0px;
}
#subnav h4 a {
	background: none;
	color: #fff;
	text-decoration: none;

}
#subnav h4 a:hover {
	text-decoration: underline;
}
	

/* =Content
-----------------------------------------------------------------------------*/
#contentcontainer {
	clear: both;
	padding: 10px 0 0 0;
	width: 100%;
	margin: 0 auto;
	background-color: #E9C9CB;
}

#innercontainer{
	clear: both;
	padding: 10px 0 0 0;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
}
#content {
	width: 800px;
	margin: 12px auto;
	height: 265px;
	padding: 0;
	background: #fff url(../img/content-bg.gif) repeat-y right;
	border: solid 1px #C4C4C4;
}

#innercontent {
	width: 800px;
	margin: 12px auto;
	font-size: 1.2em;
	padding: 0;
}
#innercontent {
	width: 800px;
	margin: 12px auto;
	padding: 0;
}
#innercontentleft {
	float: left;
	padding: 0;
	width: 520px;
}
#innercontentright {
	float: right;
	padding: 0;
	width: 280px;

}

#innercontent h2{
	padding: 0px;
	margin: 10px 0px;
	font-size: 1.8em;
	color: #A2214C;

}
#homepicture {
	float: right;
	width: 581px;


}
#nav {
	width: 217px;
	height: 265px;
	padding: 0;
	margin: 0;
	float: left;
	border-right: solid 1px #C4C4C4;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav ul a {
	display: block;
	width: 207px;
	text-decoration: none;
	padding: 11px 5px;
	margin: 0;
	border-bottom: solid 1px #C4C4C4;
}
#nav li a.last{
	border-bottom: none;
	height: 42px;
}
#nav ul a:hover {
	text-decoration: none;
	background-color: #EDD5D6;
}
#nav ul a.current {
	text-decoration: none;
	background-color: #EDD5D6;
}
#nav li {
	padding: 0px;
	margin: 0px;
}
#nav .title {
	font: bold 1.3em/1.6 Georgia, "Times New Roman", Times, serif;
	color: #A3214C;

}
#nav .desc {

	font-size: 1.1em;
}
	
#content h2{
	font: bold 1.6em/1.4em  "Trebuchet MS", Arial, Tahoma, "Times New Roman";
}
/* =Footer
-----------------------------------------------------------------------------*/
#footercontainer {
	background: #F5F5F5 url(../img/footer-bg.gif) repeat-x;
	width: 100%;
	clear: both;
}

#footer {
	width: 800px;
	height: 66px;
	margin: 0px auto;
	padding: 18px 0 0 0;
	color: #A3214C;
	font-size: 1.2em;
}
#footerleft {
	float: left;

}
#footer p{

}
#footeraddress {
	float: right;
	width: 400px;
	color: #505050;
	font-size: 0.9em;
	line-height: 18px;
	text-align: right;
	margin-top: 80px;
}



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

table {
	width: 250px;
	margin: 10px 0 10px 30px;
	float: right;
	padding: 0px;
	background-color: #A2214C;
}
td {
	margin: 0px;
	padding: 3px;
	border: solid 1px #fff;
	color: #fff;
	font-size: 1.2em;
}
tr.headings {
	background-color: #A2214C;
	color: #fff;
	font-weight: bold;
}
tr.sold {
	background-color: #000;
	color: #fff;
	font-weight: bold;
}
td.subheadings {
	font-weight: bold;
}
td.right {
	text-align: right;
}

/* =Miscellaneous
-----------------------------------------------------------------------------*/
.required {
	color: #CC0000;
}
.brochure {
	margin: 0 0 0 30px;
}

/* =Fitted Doors Menu
-----------------------------------------------------------------------------*/

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

form {
	padding: 0 5px;
}
legend {
	font-size: 1.2em;
	font-weight: bold;
	background-color: #990000;
	color: #fff;
	padding: 2px 5px;
	margin: 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:1px;
	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: 150px;
	height: 15px;
}
.updatefield {
	padding: 3px;
	margin: 0;
}