/* core foundational styles... */

body {
	padding:	0 0 2em;
	margin:		0;
	background: 	#494949 url(../images/body.bg.jpg) top left repeat-x;
	font-family:	Georgia, "Times New Roman",serif;
	font-size:	0.8em;
}

a:hover {
	text-decoration: underline !important;
}

br.clear {
	clear: 		both;
}

div#header, 
/*div#body,*/
div#body__wrap,
div#footer {
	width:		924px;
	margin:		0 auto;
}

h2 {
	display:	none;
}

div#header {
	background-color:	#222220;
}

div#header p.takemehome {
	height:39px;
	margin:0 0 0 42px;
	padding:0;
	position:absolute;
	top:22px;
	width:450px;
	z-index: 8000;
}

div#header p.takemehome a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -1000em;
	overflow: hidden;
	background: transparent url(/assets/layout/images/transparent.gif) top left;
}

div#header form#search {
	padding-top:	22px;
	text-align:	right;
	background:	transparent url(../images/search.title.gif)
			583px 16px no-repeat;
}

div#header form#search p {
	padding:	0 25px 0 0;
	margin: 	0;
}

div#header form#search label {
	display:	none;
}

div#header form#search input#search_query {
	height:		15px;
	width:		156px;
	border:		1px solid #aaa;
}

div#header form#search input#search_submit {
	height:		19px;
	width:		29px;
	background:	transparent url(../images/search.perform.gif)
			center center no-repeat;
	border:		1px solid #aaa;
	text-indent:	-10000em;
}

body.interior div#navigation li a {
	display:	block;
	padding:	0.85em 0 0 1.2em;
	color:		#fff;
	text-decoration:	none;
}

div#navigation li li a {
	display:	inline;
	padding:	0;
}

div#navigation ul#products li.products li {
	list-style-image:	url(../images/arrow.yellow.gif);
}

div#navigation ul#products li.gallery li {
	list-style-image:	url(../images/arrow.orange.gif);
}

div#body {
	background-color:	#E3E3E3;
	border-bottom:	1px solid #fff;
}

div#body h2 {
	margin:		0;
	background-color:	#fff;
	border-bottom:	1px solid #E3E3E3;
	font-size:	19px;
}

/* webkit engines have a slight pixel difference on the main header
 * we need to add 1px to the size to get the image to line up... */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    div#body h2 {
		font-size: 20px;
	}
}

div#body div#copy {
	background:	#E3E3E3;
	border-top:	1px solid #fff;
}

div#footer {
	padding-top:	20px;
        background:     transparent url(../images/footer.band.gif)
                        top left no-repeat;
	border-top:	45px solid #222220;
	text-align:	right;
}

div#footer hr, div#min-footer hr {
	display:	none;
}

div#footer *, div#mini-footer * {
	display:	inline;
	margin:		0;
	padding:	0;
	color:		#fff;
	text-decoration:	none;
}

div#footer ul li, div#mini-footer ul li {
	margin-right:	1em;
	padding-left:	1em;
	border-left:	1px solid #fff;
}

div#footer p, div#mini-footer p{
	padding-right:	1em;
}

a {
	color: 		#FF4A01
}

a img {
	border: 1px solid #FF4A01;
}


ul.view_by_name li br {
clear: both;
}

ul.view_by_name li {
	padding-left: 10px;
}
ul.view_by_name li a {
float: left;
width: 10px;
text-align: center;
}
.cl{
clear      :both;
height     :0px;
font-size  :1px;
line-height:0;
border     :none;
margin     :0;
padding    :0;
}


ul.site_map { 
list-style-type: none;
padding: 0;
margin-left: 5px
}

ul.site_map ul {
  padding: 5px 0 0 0;
}
ul.site_map ul ul{
  padding: 2px 0 0 0;
  list-style-type: circle;
}

ul.site_map li
{
padding: 10px 0 0 0;
}

ul.site_map li a{
color:#FF4A01;
font-size: 15px;
text-decoration: none;
}

ul.site_map ul a{
color: #333;
font-size: 13px;
}
ul.site_map ul li{
padding: 4px 0 0 0;
margin-left: 20px;
list-style-type:disc;
}

ul.site_map ul ul li{
padding: 1px 0 0 0;
list-style-type:square;}

ul.site_map ul ul ul li{
list-style-type: circle;
}
/* doormat */

body.home div#header {
	background-image:	url(../images/logo.gif);
	background-position:	45px 37px;
	background-repeat:	no-repeat;
}


body.home div#body p {
	padding: 1em;
	margin: 0;
}
/*
body.home div#navigation li {
	font-size:	1.4em;
}

body.home div#navigation li li {
	font-size:	0.75em;
}

body.home div#navigation ul#content,
body.home div#navigation ul#content li {
	padding:	0;
	margin:		0;
	list-style:	none;
}

body.home div#navigation ul#content {
	margin-top:	73px;
	height:		52px;
}

body.home div#navigation ul#content li {
	float:		left;
	width:		185px;
	height:		52px;
}

body.home div#navigation ul#content li.about {
	background:	url(../images/home.nav.grey.jpg) 
			top left no-repeat
}

body.home div#navigation ul#content li.contact {
	background:	url(../images/home.nav.blue.jpg) 
			top left no-repeat
}

body.home div#navigation ul#content li.whats_on {
	background:	url(../images/home.nav.green.jpg) 
			top left no-repeat
}

body.home div#navigation ul#products {
	position:	absolute;
	margin:		-40px 0 0 555px;
	padding:	0;
	width:		370px;
	list-style:	none;
}

body.home div#navigation ul#products li {
	padding:	0;
	margin:		0
}

body.home div#navigation ul#products li li {
	padding-top:	0.3em;
}

body.home div#navigation ul#products ul {
	margin-top:	16px;
}

body.home div#navigation ul#products li.products,
body.home div#navigation ul#products li.gallery {
	float:		left;
	width:		50%;
	/* height:		185px; */
	height: 138px;
}

body.home div#navigation ul#products li.products {
	background:	#ffa300 url(../images/home.nav.yellow.jpg)
			top left no-repeat;
}

body.home div#navigation ul#products li.gallery {
	background:	#ff4a01 url(../images/home.nav.orange.jpg)
			top left no-repeat;
}*/


/* this fixes IE7 */
body.home div#navigation {
margin-top: 73px;
}

body.home div#navigation {
margin: 0px; padding: 35px 0 0 0;
/*background-color: #222220;*/
height: 40px;
}

body.home div#navigation ul {
background: #222220 url(/assets/layout/images/menu.jpg) top left no-repeat;
list-style: none;
padding: 0;
margin: 0;
height:40px
}

body.home div#navigation ul a{
color: #fff;
width: 185px;
height: 40px;
margin: 0;
display: block;
text-align: center;
float: left;
line-height: 38px;
font-size: 1.4em;
text-decoration: none;
text-shadow: black 1px 1px 1px;
}

body.home div#navigation ul li:first-child a{
width: 184px;
}

body.home  div#navigation ul li {
display: inline;
padding: 0;
}



body.home div
{

border-bottom: 0 !important;
}




body.home .takemehome
{
padding-bottom: 35px;
}

body.home #footer
{
   border-top: 20px solid #222220 !important;
}

div.social
{
float: right;
margin: 20px 20px 0 10px;
}

body.home div.social
{
margin: 30px 20px 0 10px;
}


div.social a
{
display:block;
height: 37px;
width: 37px;
background-image: url(/assets/layout/images/fb_twitter.gif);
float: left;
}

div.social span
{
display: none;
}


div.social a.twitter
{
margin-top: 5px;
background-position: top right;
}



div#mini-footer {
text-align:	right;
padding-top: 3px;
background-color: #222220;
height: 17px;
}

body.interior div#body__wrap {
	border-left: 280px solid #fff;
	background-color: #e3e3e3;
	width: 644px;
}

body.interior div#body__wrap div#body {
	margin-left: -280px;
	width: 924px;
	background-color: transparent !important;
}

body.interior div#header {
	background-image:	url(../images/logo.interior.gif);
	background-position:	36px 43px;
	background-repeat:	no-repeat;
}

body.interior div#header p.takemehome {
	margin:0 0 0 32px;
	top:42px;
	width:350px;
}

body.interior div#header p.takemehome a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -1000em;
	overflow: hidden;
}

div#header form#search {
	padding-top:		40px;
	background-position:	583px 34px;
}

body.interior div#navigation ul#products {
	position:	absolute;
	margin:		-7px 0 0;
	padding:	0;
	width:		280px;
	list-style:	none;
}

body.interior div#navigation ul#products li {
	padding:	0;
	margin:		0
}

body.interior div#navigation ul#products li ul {
	width:		280px;
	margin-top:	9px !important;
}

body.interior div#navigation ul#products li li {
	padding-top:	0.3em;
	margin-left:	20px;
}

body.interior div#navigation ul#products ul {
	/*height:		260px;*/
	margin:		0;
	padding:	0;
}

body.interior div#navigation ul#products ul ul {
	height:		auto;
}

body.interior div#navigation ul#products li.products,
body.interior div#navigation ul#products li.gallery {
	float:		left;
	width:		140px;
	/*height:		300px;*/
}

body.interior div#navigation ul#products li.products ul,
body.interior div#navigation ul#products li.gallery ul {
	padding-bottom: 3em;
}

body.interior div#navigation ul#products li.products ul ul,
body.interior div#navigation ul#products li.gallery ul ul {
	padding-bottom: 0em;
}

body.interior div#navigation ul#products li.products {
	background:	#ffa300 url(../images/interior.yellow.corner.gif)
			top right no-repeat;
}

body.interior div#navigation ul#products li.gallery {
	background:	#ff4a01 url(../images/interior.orange.corner.gif)
			top right no-repeat;
}

body.interior div#navigation ul#products li.inactive {
	height:		45px;
	background-image: url(../images/interior.navigation.selected.gif) !important;
	background-repeat:	repeat-x;
}

body.interior div#navigation ul#products li.inactive ul {
	display:	none;
}

body.interior div#navigation ul#products li.products ul {
	background:	#ffa300;
}

body.interior div#navigation ul#products li.gallery ul {
	margin-left:	-140px;
	background:	#ff4a01;
}

body.interior div#navigation ul#products li ul ul {
	/*margin-left:	-50px !important; */
	margin-left:	-35px !important;
	margin-top:	0 !important;
}

body.interior div#navigation ul#products li ul ul ul {
	/* margin-left:	-55px !important; */
	margin-left:	-73px !important;
}

body.interior div#navigation ul#products li ul ul ul ul {
	/* margin-left:	-81px !important; */
	margin-left:	-105px !important;
}

body.interior div#navigation ul#products li ul,
body.interior div#navigation ul#products li li {
	margin:		0;
	padding:	0;
	list-style:	none;
}

body.interior div#navigation ul#products li li {
	/*padding:	0 0 0 50px;*/
	padding:	0 0 0 35px;
	background:	transparent url(../images/arrow.transparent.gif)
			22px 9px no-repeat; 
			/* 40px 9px no-repeat; */
	border-bottom:	1px solid #fff;

}

body.interior div#navigation ul#products li li li {
	border-top:	1px solid #fff;
	border-bottom:0;

}
body.interior div#navigation ul#products li li a {
	display:	block;
	padding:	5px 0;
}

body.interior div#navigation ul#products li li li a {
	padding-left: 5px;
}

body.interior div#navigation ul#products li li li li li a {
	padding-left: 15px;
}

body.interior div#navigation ul#products li ul ul li {
	padding-left:	5.5em;
	background:	transparent url(../images/arrow.transparent.gif)
			60px 9px no-repeat;
	background-color:	#DB7F00;
}

body.interior div#navigation ul#products li ul ul li ul li {
	/* padding-left:	6em; */
	padding-left:	7.8em;
	background:	transparent url(../images/arrow.transparent.gif)
			90px 9px no-repeat;
			/*70px 9px no-repeat;*/
	background-color:	#B56900;
}

body.interior div#navigation ul#products li ul ul li ul li ul li {
	/*padding-left:	6em;*/
	padding-left:	9.3em;
	background:	transparent url(../images/arrow.transparent.gif)
			120px 9px no-repeat;
			/*80px 9px no-repeat;*/
	background-color:	#8C5913;
}

body.interior div#navigation ul#products li.gallery ul ul li {
	background-color:	#C33801;
}

body.interior div#navigation ul#products li ul ul li {
	background-image:	url(../images/arrow.transparent.gif)
}

body.interior div#navigation ul#products li.gallery li {
	background-image:	url(../images/arrow.transparent.gif);
}

body.interior div#navigation li {
	font-size:	1.4em;
}

body.interior div#navigation li li {
	font-size:	0.75em;
}
body.interior div#navigation li li li {
	font-size:	1em;
}

body.interior div#navigation ul#content,
body.interior div#navigation ul#content li {
	padding:	0;
	margin:		0;
	list-style:	none;
}

body.interior div#navigation ul#content {
	margin-top:	42px;
	height:		64px;
	background:	#fff;
}

body.interior div#navigation ul#content li {
	float:		left;
	width:		215px;
	height:		55px;
}

body.interior div#navigation ul#content li.about {
	margin-left:	279px;
	background:	#f00 url(../images/interior.nav.grey.jpg) 
			top left no-repeat
}

body.interior div#navigation ul#content li.contact {
	background:	#0f0 url(../images/interior.nav.blue.jpg) 
			top left no-repeat
}

body.interior div#navigation ul#content li.whats_on {
	background:	#0ff url(../images/interior.nav.green.jpg) 
			top left no-repeat
}

body.interior div#body {
        min-height: 560px;
        background: #E3E3E3 url(/assets/layout/images/bottom.left.jpg) bottom left no-repeat;
     
}
body.interior div#body div#copy {
        background: none;
}

body.interior div#body h1, body.interior div#body div#copy
{
	padding-left:	300px;
}

body.interior div#body div#copy {
	border-top:	0;
}

body.interior div#body div#copy p {
	margin-top: 0.8em;
}

body.interior div#body h1 {
margin: 0;
	padding-top:	0.5em;
	padding-bottom:	0.5em;
	border-top:	1px solid #fff;
	border-bottom:	0;
	background:	#EFEFEF;
	font-size:	1.7em;
	font-weight:	normal;
	color:		#494949;
}


body.interior div#categories {
	border-top:	1px solid #fff;
	padding-top:	10px;
}

body.interior div#categories div {
	float:		left;
	width:		169px;
	/* height:		197px; */
	min-height:		157px;
	margin-right:	28px;
	padding:	5px;
	background:	transparent url(../images/category.bg2.gif)
			top left no-repeat;
}

body.interior div#categories div.mod_3 {
	margin-right:	0;
}

body.interior div#categories div img {
	display:	block;
	width:		166px;
	height:		118px;
}

body.interior div#categories div h4 {
	margin:		0;
	padding:	9px 0 12px 0;
	font-weight:	normal;
	font-size:	1.2em;
}

body.interior div#categories div h4 span {
	font-size: 0.8em;
	display: block;
	color: #444;
}

body.interior div#categories div.pager {
	background: none;
	border-top: 1px solid #ccc;
	float:none;
	height:auto;
	margin-top:1em;
	text-align:center;
	width:auto;
}

body.interior ul.supplement,
body.interior ul.supplement li {
	/*margin:		0; */
	padding:	0;
	list-style:	none;
	text-align:     right;
}

body.interior ul.supplement li {
	display:	inline;
	font-size: 0.9em;
}

body.interior ul.supplement li a {
	padding-left:	0.6em;
	padding-right:	0.3em;
	border-left:	1px solid #9E9E9E;
	/* color: 		#BE3901; */
}

body.interior ul.supplement li a.more {
	padding-left:	0em;
	border-left: 	0;
}

/* these gallery styles will be overridden where javascript is used to 
 * implement a gallery style feature */
body.interior div#gallery {
	padding-top:	1em;
}

body.interior div#gallery div {
	float: 		left;
	margin:	3px;
	border:		1px solid #9E9E9E;
}

/* hide the forms for favourite additions */
body.interior form.fav_form {
	display:	none;
}

body.interior form.user_form {
	margin-top:	2.5em;
	width:		600px;
	border-top:	1px solid #666;
}

body.interior form.user_form fieldset {
	display:	block;
	padding:	0;
	margin:		0;
	border:		0;
}

body.interior form.user_form legend {
	margin-top:	-1.5em;
	font-size:	1.4em;
}

body.interior form.user_form div {
	padding:	7px;
	border-top:	1px solid #bbb;
}

body.interior form.user_form div.row {
	clear:		both;

}

body.interior form.user_form div.row label {
	display:	block;
	float:		left;
	width:		100px;
	padding-top:	5px;
}

body.interior form.user_form div.submit {
	padding-left:	107px;
}

body.interior form.user_form div.note {
	font-style:	italic;
	font-size:	0.8em;

}

body.interior form.user_form div.row input,
body.interior form.user_form div.row textarea {
	width:		280px;
}

body.interior form.user_form div.row textarea {
	height:		100px;
}

body.interior form.user_form div.error {
	margin-left:	107px;
	margin-bottom:	7px;
	width:		200px;
	color:		#fff;
	font-weight:	bold;
	background:	#f66;
	border:		1px solid #f00;
}

body.interior table.data.full {
	width:		600px;
}

body.interior table.data.full td {
	margin:		0;
	padding:	7px;
	border-top:	1px solid #bbb;
}

body.interior table.data.full td.action,
body.interior table.data.full td.value {
	text-align: center;
	width:		80px;
}

body.interior div#body div#copy table td {
    padding: 5px 0;
    vertical-align:top;
}

/*
body.interior div.search_results
*/

body.interior div.search_results {
	border-top:	1px solid #bbb;
}



a img {
border: 0;
}


/* search results image borders */
div#copy.search img {
    border: 1px solid #bababa;
    vertical-align:middle;
    margin: 0.3em;
}


form#product_page_search p
{
	text-align: center;
}
ul.breadcrumbs {
padding: 0 0 10px 300px;
margin:0;
background-color: #fff;
}

ul.category_crumbs {
padding-left: 300px;
padding: 0;
margin:0;
}

ul.breadcrumbs li, ul.category_crumbs li {
display: inline;
}

ul.breadcrumbs li:before, ul.category_crumbs li:before {
 content: ' > ';
}

ul.breadcrumbs li:first-child:before {
 content: "You are here: ";
}

ul.category_crumbs li:first-child:before {
 content: "";
}



div#features {
    background: #fff; 
    margin: 0px; 
    padding: 0px;
    font-family:Arial, Helvetica, sans-serif;
}

div#features ul {
    list-style: none;
    padding: 0 0 10px 0;
    margin: 0;
}



div#features ul li{
    color: #222220;
    width: 185px;
    float: left;
    display: inline;
    padding-bottom: 10px;
}

div#features ul li:first-child{
    width: 184px;
}

div#features img {
margin: 5px 10px 0 10px;
}

div#features ul li p {
margin: 0 !important;
padding: 0 10px 10px 10px !important;
}

div#features ul li h3 {
margin: 0 !important;
padding: 10px !important;
font-weight: normal;
text-align: center;
}

div#primary {
background-color: #fff;
color: #222220;
}

div#primary h2 {
   font-size: 1.2em;
   padding: 10px;
display: block;
border: 0;
}

div#body div#primary p {
  padding-top: 0px;
}

div#primary div.line {
    width: 75%; 
    border-top: 1px solid #999; 
    font-size: 1px;
    margin: 0 auto;
}

div#primary img {
    display: block;
/*    height: 350px;*/
    width: 924px;
}
div.home div#footer {
border-top: 0;
}


div#carousel {
margin: 10px 20px 10px 0;
overflow: hidden;
background-color: #fff;
padding: 0 0 0 0;
border: 1px solid #999;
}


div#carousel ul.reel {
height: 120px;
width: 10000px;
padding: 0;
margin: 0;
    list-style-type: none;

}


div#carousel ul.reel li {
margin: 0;
padding: 10px 10px 0 10px;
float: left;

}



div#status{
float:right;
position:relative;
left:-50%;
text-align:left;
margin: 0 0 10px 0;
padding: 0;
}
div#status ul{
list-style:none; 
position:relative;
left:50%;
}

div#status li{float:left;position:relative;}



div#carousel #status ul {
margin: 0;
padding: 0;
text-align: center;
list-style-type: none;
background-color: green;
}


div#carousel #status ul li{
  background: url(/assets/layout/images/carousel-status.png) no-repeat;
  display: block; 
  float: left;
  height: 15px;
  width: 14px; 
  margin: 0px 5px 0 5px;
}

div#carousel #status ul li.selected{
    background-position: -14px;
}

div#carousel #status ul li.prev{
    background-position: -28px 0;
cursor:pointer;
}

div#carousel #status ul li.next{
    background-position: -42px 0;
cursor:pointer;
}

p.subpages {
text-align: center;
font-size: 1.1em;
}


#gallery-matrix {
margin-top: 35px;
}
#gallery-matrix .row {
    overflow: hidden;
    margin-bottom: 20px;
}
#gallery-matrix div.left { float:left }
#gallery-matrix div.right { float:right }
 
#gallery-matrix .row div {
    height: 310px;
    width: 300px;
}
#gallery-matrix .row img {
width: 280px;
height: 280px;
    margin: 0 0 10px 10px;
}
 
#gallery-matrix .row h3 {
margin: 0;
text-align: center;
font-weight: normal;
}