table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

html{background: #8f8f8f url(../images/backgrounds/fade-bg.jpg) top left repeat-x;}
	
div#doc2{ background-color: #fff; padding: 1em; margin-top: 0.7em; width: 72.076em;
}

div.clear{clear: both;}

/* content bg images */
#contentbackground{background: #C3E2A0 url(../images/int_aboutus_bg_gradient.png) top left no-repeat;}

/**
heqder
**/
#hd{padding: 2em 0 1em 1em; }

h1 a{
	color: #9A0B51;
	font-size: 4.5em;
	text-decoration: none;
	}
	
h1 a span{
	font-weight: bold;
}

p#strapline{
	color: #555;
	text-align: right;
	width: 470px;
}

/* aux nav - checkout and login */
#auxiliary{
	font-family: georgia, serif;
	width: 44%; float: left; 
	margin-left: 57%; margin-top: -3.5em;
	}
	
#auxiliary a{text-decoration: none;}
#auxiliary a:link{color: #555;}
#auxiliary a:visited{color: #5f5f5f;}
#auxiliary a:hover, #auxiliary a:active{color: #9A0B51;}
	
#checkout img{margin-top: -30px; margin-left: -30px;}
	
#checkout #itemcount{font-weight: bold;}

#checkout{
	position: relative;
	left: -2px;
	padding: 0.2em;
	padding-left: 20px;
	width: 130px;
	}
	
#checkout div{position: relative; top: -34px; left: 17px;}
#checkout a{ padding-left: 5px; border-left: solid 1px #5f5f5f;}

#checkout, #useroptions {background: transparent url(../images/hp_login_gradient.png) no-repeat top left;}

#useroptions{
	position: relative;
	top: -55px;
	left: -70px;
	padding: 0.2em 0.2em 0.2em 0.5em;
	float: right;
	width: 160px;
	}

#useroptions a{font-weight: bold;}
#useroptions a#createaccount{font-style: italic; font-weight: normal;}
#useroptions li a[href="create-accaount"]{font-weight: bold;}
#checkout a, #useroptions #createaccount{font-style: italic;}

/* top main nav */
#toplevelnavigation{
	xmargin-top: -20px;
		}

#toplevelnavigation ul li{
	display: block; 
	width: 24%; 
	float: left;
	text-align: right;
	}
	
#toplevelnavigation a, #toplevelnavigation a:visited, #toplevelnavigation a:active{
	font-family: Georgia, "Lucida Grande", "times new roman",serif;
	width: 198px;
	font-size: 1.3em;
	background-color: #9A0B51; 
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 3px 10px;
	}
	
#toplevelnavigation a:hover{
	background-color: #C3E2A0;
	color: #3a3a3a;
}
	
#toplevelnavigation a.current, #toplevelnavigation a.current:visited, #toplevelnavigation a.current:hover, #toplevelnavigation a.current:active{
	background-color: transparent;
	padding: 0;
	position: relative;
	top: -10px;
}

/* stop opera / IE showing the span behind the bg image */
div#toplevelnavigation a.current span{
	display: none;
}
	
#toplevelnavigation #shop-contact{
	padding-left: 14px;
}

/* -------------------------
  main nav & bg's
  --------------------------- */
#toplevelnavigation a.intmainnav{
	width: 215px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: top left;
}

#toplevelnavigation a.intmainnav span{color: transparent;}

a#about, a#about:hover{background-image: url(../images/int_aboutus_active.png); }
a#offer, a#offer:hover{background-image: url(../images/int_offer_active.png);}
a#shop, a#shop:hover{background-image: url(../images/int_shop_active.png);}
a#contact, a#contact:hover{background-image: url(../images/int_contact_active.png);}

/**
body
**/
#bd{padding-bottom: 3em; font-family: "Lucida Grande", Georgia, "times new roman",serif;}
div.yui-gf .yui-u {margin-top: 1em;}

/* 2nd level nav */
div.yui-gf .first ul{ 
	border-bottom: solid 1px #9A0B51;
	}
	div.yui-gf .first ul li{
		border-top: solid 1px #9A0B51;
		}
		div.yui-gf .first ul li a{
			display: block; 
			text-decoration: none; 
			padding: 0.35em 0.4em 0.35em 1em;
			color: #191919;
			}
			
		div.yui-gf .first ul li a:hover, div.yui-gf .first ul li a.current, div.yui-gf .first ul li.current{
			background-color: #C3E2A0;
			color: #9A0B51;
			}

/* content area */
#contentcontainer, #cshift, #staffcontent{
	position: relative;
	top: -20px;
}

#contentpadder{
	margin: 0 1em;
	background-color: #F0FFDF;
    background: #C3E2A1 url(../images/int_text_bg_gradient.gif) no-repeat top left;
}

#contentcontainer div#Breadcrumbs, #staffcontent div#Breadcrumbs{
	color: #5f5f5f;
}

#contentcontainer div#Breadcrumbs a, #staffcontent div#Breadcrumbs a{
	text-decoration: none;
	color: #5f5f5f;
}


#contentcontainer div#Breadcrumbs a:hover, #staffcontent div#Breadcrumbs a:hover{
	text-decoration: underline;
	color: #5f5f5f;
}

#cshift{
	top: 0;
}

.yui-u h2, body#contact h3{
	color: #1F1D1D;
	margin: 0.4em 0;
	font-size: 2em;
	font-family: georgia, serif;
	}
	
p.leadin{
	color: #9A0B51;
	font-weight: bold;
	margin-bottom: 1em;
	font-size: 1.1em;
	}
	
div.content{
	width: 70%;
}

body#contact div.content{width: 95%;}

div.contentimage{
	float: right; 
	margin-left: 5px;
	text-align: right;
	padding: 0;
}

/* testimonials */
body#testimonials div.content{
	width: 60%;
	font-weight: bold;
	color: #5f5f5f;
}

body#testimonials h3{
	color: #9A0B51;
	font-weight: bold;
    margin: 2em 0 1.5em 0;
}

body#testimonials h3+p{
	display: inline;
}

body#testimonials h4{
	font-weight: normal;
	font-size: 90%;
	margin: 0.6em 0 1.1em 0;
    font-style: italic;
}

/* news */
body#news h3, body#team h3{
	font-weight: bold;
	color: #9A0b51;
	font-size: 1.2em;
	margin-bottom: 1em;
}

body#news h4{
	font-style: italic;
	margin: 0.6em 0 2em 0;
	
}

p.newspaging{
	color: #6f6f6f;
	font-size: 90%;
	margin: 1em 0 ; 
}

p.newspaging strong{
	padding: 4px;
	background-color: #fff;
	border: solid 1px #eee;
}

p.newspaging a{
	text-decoration: none;
	color: #6f6f6f;
	padding: 5px;
}

p.newspaging a:hover{
	padding: 4px;
	border: solid 1px #ddd;
	background-color: #eee;
}


/* team */
body#team div.firstinrow{
	margin-left: 0;
}

div.staff{
	width: 214px;
	float: left;
	margin-left: 16.5px;
	
}

div.teammemberimage{
	overflow: hidden;
	margin-bottom: 1em;
}

div.staff p{
	padding: 0 5px;
}


/* contact us */
body#contact div.content p{
	margin-left: 64px;
}

body#contact div.field{
	margin-bottom: 1em;
}

label.left{
	display: block;
	float: left;
	width: 20%;
	text-align: right;
	margin-right: 1em;
}

input.text{
	width: 340px;
	height: 20px;
	font-size: 1.3em;
}

body#contact textarea{
	width: 344px;
	height: 200px;
}

body#contact #contentcontainer img{
	position: relative;
	top: -20px;
}

body#contact form{margin-top: 2em;}

input.action{
	color: #fff;
	background-color: #9A0B51;
	border: 0;
	float: right;
	padding: 2px;
	font-size: 1.1em;
	margin-right: 157px;
}

input.action:hover{
	background-color: #CF408C;
}

 span.message{
	display: block;
	margin: 0 1em 0.7em 141px;
	padding: 0.4em;
	background-color: #FF8FC8;
	color: #DF0D29;
	font-style: italic;
	width: 336px;
}

/* ------------------------
  admin / login form
  ------------------------- */
div#Account p.message{
	margin: 10px;
}

div#Account div.field, form#MemberLoginForm_LoginForm div.field{
	margin-bottom: 10px;
}

div#Account input.text{
	width: 200px;
}

div#Account p.field, div#Account div.Actions
, form#MemberLoginForm_LoginForm div.Actions
, p#Remember
{
	padding-left: 146px;
	margin-top: 10px;
}

form#MemberLoginForm_LoginForm input.action{
	float: none;
	margin-right: 0;
}

/* shop */
/* nested categories */
div.yui-gf .first ul.productMenu{
	border: 0;
}
div.yui-gf .first ul.productMenu li{
	border: 0;
	padding-left: 20px;
}

/* stock error messages */
p.error{
	border: solid 2px red;
	background-color: #FF8F99;
	padding: 1em;
}


/**
footer
**/
#ft{margin-top: 1.7em;}
#ft ul li{display: inline; border-left: solid 1px #191919; padding: 0 1%; }
#ft ul li.copyright{border: 0;}
#ft a{color: #191919; text-decoration: none;}
#ft a:hover{color: #fff;}


/*  reset the reset */
#contentcontainer p{margin: 1em 0}
#contentcontainer strong{font-weight: bold}
#contentcontainer em{font-style: italic}
#contentcontainer ul li{list-style: outside square; margin-left: 10px; padding: 5px 0;}
#contentcontainer .first ul li{list-style: none; padding: 0; margin-left: 0;}

/* shopping cart list items */
#contentcontainer ul li.productItem{margin-left: 0;}


/* webkit  tweaks */
@media screen and (-webkit-min-device-pixel-ratio:0){
	input.action{
		padding: 4px;
	}
}

/* ie 7 tweaks */
* + html #contentcontainer ul li{margin-left: 20px;}

/* ie 6 tweaks */