/* Copyright (c) 2007 August Ash Inc. (http://www.augustash.com)
   Screen Style Sheet
   Version: $Id: screen.css 67 2009-01-13 19:52:17Z eanderson $
--------------------------------------------------------------- */

/* 	=============================
	Colors:
	
	=============================	*/

html {background:#d9d9d9;}

body {
	background:#d9d9d9 url(../img/tpl/bg_cwrap.jpg) repeat-y top center;
	text-align:center;
	color:#666;
	font:normal 13px/17px Arial, Helvetica, sans-serif;
}

p, table {margin:1em 0;}
p {line-height:1.6em;}
img {border:0;}
.access, hr {display:none;}
.clearer {clear:both; height:1%; line-height:1%; font-size:1%;}
.required, .error {font-weight:bold; color:#C30000;}
a:link, a:visited {color:#e73231; font-weight:bold; text-decoration:underline;}
a:hover, a:active {text-decoration:none; outline:none;}
p.nomargin {margin:0 5px 0 0; float:left; font-weight:bold;}

/* TYPE
----------------------------------------------- */
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
pre, code {white-space:pre; font-family:'andale mono','lucida console',monospace; line-height:1.5;}

/* HEADINGS
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 {font-size:30px;}
h2 {font-size:24px;}
h3 {font-size:17px;}
h4 {font-size:15px;}
h5 {font-size:13px;}
h6 {font-size:11px;}

/* LISTS
----------------------------------------------- */
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
ul, ol {list-style-position:outside; margin:1em 0; padding:0 0 0 2em;}
ul ul, ol ol, ul ol, ol ul{list-style-type:square; list-style-position:outside;}
ol, ol ol, ul ol{list-style-type:decimal;}
dl {margin:1em 0;}
dl dt {font-weight:bold;}
dl dd {margin:0 0 0 1.5em;}

/* BASE LAYOUT
----------------------------------------------- */
div#wrap {
	position:relative;
	width:100%;
	text-align:left;
	margin:0 auto;
	z-index: 2;
}
div#header {background: transparent url(../img/tpl/bg_header.jpg) no-repeat top center; position:relative; width:960px; height:180px; margin:0 auto; z-index:1000;}
div#cwrap {background:none; width:100%; position:relative; margin:0 auto; padding:0;}
div#content {position:relative; width:960px; margin:0 auto; background:#fff; padding:0;}
div#content-1col {position:relative; width:900px; margin:0 auto; background:#fff; padding:30px 30px 0; min-height:400px;}
div#cart-login {position:relative; width:900px; float:right; background:#fff; padding:30px 30px 0;}
div#side {float:right; display:inline; width:290px; padding:0 30px 0 0;}
div#side-left{float:left; display:inline; width:290px; padding:0 0 0 30px;}
div#side-cms {float:right; display:inline; width:220px; padding:10px 0 0;}
div#main {float:left; display:inline; width:590px; padding: 0 0 0 30px;}
div#main-cms {float:left; display:inline; width:620px; padding: 0; /*min-height:400px;*/}
div#main-right {float:left; display:inline; width:580px; padding: 30px 30px 0 20px;}
div#footer {clear:both; text-align:left; width:900px; padding:60px 30px 0; height:89px; position:relative; margin: 0 auto; background:url(../img/tpl/bg_footer.jpg) no-repeat top center; bottom: 0; z-index:1500;}

/* HEADER
----------------------------------------------- */
div#header h2 a:link, div#header h2 a:visited {
	background:url(../img/tpl/bg_h2_logo.png) no-repeat 30px 23px;
	display:block;
	position:relative;
	width:250px;
	height:0px;
	padding-top:119px;
	float:left;
	overflow:hidden;
	font-size:1%;
	line-height:1%;
	border:0;
	color:#2a2a2a;
	text-decoration:none;
	outline:none;
}
div#header h2 a:hover, div#header h1 a:active {border:0;text-decoration:none; outline:none;}

div#header p#slogan {float:right; position:relative; width:350px; font-size:17px; color:#550000; margin:40px 30px 0 0; text-align:right; line-height:24px;}

/*------------------------------------------
 Suckerfish Drop-Down Navigation */

ul#mainnav {
	position:relative;
	width:925px;
	padding:0px;
	z-index:1000;
	float:left;
	height:25px;
	margin:17px 0 0 10px;
	display:block;
}
ul#mainnav li {
	display:inline;
	padding-left:30px;
	float:left;
	margin:0px;
}
ul#mainnav li a {text-decoration:none; display:block; color:#666666; padding: 12px 10px 15px 10px; font-weight:bold;}
ul#mainnav li a:hover, ul#mainnav li a:active, ul#mainnav li.sfhover {background:#e1e9f2; text-decoration:none; display:block;}
ul#mainnav li a.menuactive {color:#592202; font-weight:bold; cursor:pointer;}
ul#mainnav li a.activeparent, ul#mainnav li a.menuparent {font-weight:bold; cursor:pointer;} /*Fixes a strange definition issue with a section header link*/

ul#mainnav li.shop {float:right;}
ul#mainnav li.shop a {color:#fff; background:#a21d20; line-height:1.4em;}
ul#mainnav li.shop a:hover {color:#fff; background:#a21d20; text-decoration:underline;}

ul#mainnav li ul { /* second-level lists */
	position:absolute;
	background:#e1e9f2;
	width:13em;
	padding:0;
	margin:0;
	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
ul#mainnav li ul li { display:block; width:13em; padding:0; border:0px; line-height:1.2em;}
ul#mainnav li ul li a { display:block; padding:5px 7px; margin:0px; color:#666666; cursor:pointer; font-size:11px; text-transform:uppercase;}
ul#mainnav li ul li a:hover, ul#mainnav li ul li a:active {color:#ffffff; background:#666666; cursor:pointer !important; text-decoration:none;}

ul#mainnav li ul ul { /* third-and-above-level lists */
	margin: -27px 0 0 168px;
	position:absolute;
	background:#e4e4d6;
	border-left:medium none;
	padding:0 0 5px;
	width:11em;
}
ul#mainnav li ul li ul li a {text-transform:none; padding:5px 7px 0; width:11em; background:none;}
ul#mainnav li:hover ul ul, ul#mainnav li:hover ul ul ul, ul#mainnav li.sfhover ul ul, ul#mainnav li.sfhover ul ul ul {
	left:-999em;
}
ul#mainnav li:hover ul, ul#mainnav li li:hover ul, ul#mainnav li li li:hover ul, ul#mainnav li.sfhover ul, ul#mainnav li li.sfhover ul, ul#mainnav li li li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
}
ul#mainnav li:hover, ul#mainnav li.hover {
    position: static;
}



/* SUB - Navigation
---------------------- */
body.store div#subnavwrap {background:url(../img/tpl/bg_subnav-red.jpg) repeat-x top left;}
body.store div#subnavwrap div.breadcrumbs ul {color:#fff;}
div#subnavwrap {width:960px; height:41px; position:relative; margin:0 auto; background:url(../img/tpl/bg_subnav.jpg) repeat-x top left; z-index:500; padding:0;}
div#subnavwrap div.breadcrumbs  {position:relative; padding:0;}
div#subnavwrap div.breadcrumbs ul {
	background:none;
	position:relative;
	height:32px;
	padding:8px 0 0 0;
	margin:0 0 0 27px;
	color:#979998;
	 z-index:1000;
}
div#subnavwrap div.breadcrumbs ul li {float:left;  margin:0; padding:5px .2em; display:inline;}
div#subnavwrap div.breadcrumbs ul li a, div#subnavwrap div.breadcrumbs ul li a:link { color:#979998; text-decoration:none; font-weight:normal; font-size:1em; outline:none;}
div#subnavwrap div.breadcrumbs ul li a:hover, div#subnavwrap div.breadcrumbs ul a:active {background:none; text-decoration:underline;}

span.lastitem {
	font-weight: bold;
}

div.accountlinks {
	position:relative;
	background: #FFF;
	width:900px;
	padding:5px 30px;
	margin:0 auto;
	font-size: 0.9em;
}


 
/* SPLAH - HOME
----------------------------------------------- */
div#splash {
	height:300px;
	width:961px;
	position:relative;
	margin: 0 auto;
	padding:0;
}
div#photo-shuffle {
	height: 300px;
	width: 961px;
	background-repeat: no-repeat;
	float:left;
	margin:0;
}
img#photoimg {
	background-color: #FFF;
}

div#splash ul#splashNav {
	background:url(../img/tpl/bg_splash-nav.png) no-repeat top center; 
	height:65px;
	clear:both;
}



/* MAIN
----------------------------------------------- */
div#main h1 {color:#554444;}
div#main h2 {font-weight:normal; line-height:28px;}
div#main h3{color:#00a0d1; font-weight:normal; line-height:20px;}
div#main-cms h1 {line-height:34px;}
div#main-cms h2 {color:#00a0d1; font-weight:normal; line-height:30px; padding:10px 0 0 0;}
div#main img {padding: 0 0 10px;}
div#main-cms img {margin:0; border:2px solid #ddd;}
div#main-cms img.left {margin:0 0 0 20px; border:2px solid #ddd;}
div#main p.blue {font-weight:bold; padding:20px 0 0 0; color:#00a0d1;}

/* SIDE
----------------------------------------------- */
div#side h2, div#side-cms h2, div#side-left h2 {color:#00a0d1; font-weight:normal; line-height:20px;}


/* FOOTER
----------------------------------------------- */
div#footer div.footer-left {float:left; position:relative; width:400px; margin:0; padding:0;}
div#footer div.footer-right {float:right; position:relative; width:500px; padding:0; margin:0; text-align:right;}
p#getincontact {
	display: block;
	width: 366px;
	height: 37px;
	font-size:15px; padding: 17px 0 0 15px; margin:0; color:#666; background:url(../img/tpl/bg_get_in_contact.png) no-repeat;
}
p#getincontact a {color:#E73231; text-decoration:underline; font-weight:normal;}
p#getincontact a:hover, p#getincontact a:active {text-decoration:none;}

p#copyright {font-size:15px; padding:10px 0 0 0; margin:0; color:#6a6a6a;}
p#credits {font-size:11px; padding:10px 0 0 0; margin:0; color:#6a6a6a; clear:both;}
p#credits a {color:#6a6a6a; text-decoration:underline;}
p#credits a:hover, p#credits a:active {text-decoration:none;}

/* Backgrounds
----------------------------------------------- */
div#bgwrap {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index:1;
}
div#header-background {
	background:url(../img/tpl/bg_header_wrap.jpg) no-repeat top center;
	width:100%;
	height:634px;
	position:absolute;
	top:0;
	left:0;
}
div#footer-background {
	background: url(../img/tpl/bg_body.jpg) no-repeat bottom center;
	width:100%;
	height:225px;
	position:absolute;
	bottom:0;
	left:0;
}

/*Form styling
-----------------------------------------------
*/
/*
-----------------------------------------------
Copyright (c) 2007 August Ash Inc. (http://www.augustash.com)

Forms Style Sheet
Version: $Id: screen.css 24 2008-11-14 22:40:32Z jtower $
-----------------------------------------------
*/

/* =Contact Form
-----------------------------------------------
*/
/* 	================================
		FORMS
		================================	*/
div#main-cms form { margin:0; clear:both;}
div#main-cms form h2 {width:60%; float:left;}
div#main-cms form p { clear:both; }
div#main-cms fieldset { position:relative; float:left; clear:both; margin:10px 0; padding-bottom:20px; border-bottom:1px dotted #ccc; width:100%;}
div#main-cms legend { float:left; display:block; padding:0 0 15px; background:none; font-size:1.75em; color:#666666; margin:0; position:relative; text-align:left;}
div#main-cms label { font-weight:bold; display:block; float:left; width:200px; padding:0 1em 0 0; margin:0 0 0 5px; text-align:right;}
div#main-cms input { font-weight: normal; width:200px; margin:.3em 0 .5em 0; padding:.2em .5em; border:1px solid #ccc; float:left; outline:none; }
div#main-cms select { font-weight: normal; width:215px; margin:.3em 0 .5em 0; border:1px solid #ccc;}
div#main-cms textarea { font-weight: normal; width:300px; height: 100px; padding:.5em; }
div#main-cms option { padding:0 .5em; }
div#main-cms selected {font-weight:bold; background:#ccc;}

div#main-cms textarea {
	border: none;
	border: 1px solid #ccc;
	width:200px;
}
div#main-cms input:focus, div#main-cms textarea:focus {
	background: #EFEFEF;
	border:1px solid #cBFBFBF;
}


div#main-cms form div {
	margin-bottom: .5em;
	clear: both;
	width:100%;
	padding:0;
}

div#main-cms form div div {padding:10px 0;}

div#main-cms input.fbsubmit {
	cursor: pointer;
}


div#main-cms div.submit, div#main-cms form div.appointment-form div.submit {width:100%; margin:0 auto; clear:both; padding:10px 0 0 0;}
div#main-cms div.submit input, div#main-cms form div.appointment-form div.submit input {
		position: relative;
		display: block;
		width: 134px;
		height: 40px;
		padding-top: 40px;
		float:left;
		overflow: hidden;
		font-size: 1%;
		line-height: 1%;
		color: #2d2d2d;
		border: 0;
		text-decoration: none;
		background: transparent url(/img/tpl/btn_submit.jpg) no-repeat;
		margin:0 0 0 220px;
		clear:right;
	}
	
	
div#main-cms input.sub-contact {margin-left:225px;}