/* vim: set expandtab tabstop=4 shiftwidth=4: */

@import url(/styles/shop/about_us.css);
@import url(/styles/shop/homepage.css);
@import url(/styles/shop/masthead.css);
@import url(/styles/shop/categories.css);
@import url(/styles/shop/products.css);
@import url(/styles/shop/order.css);
@import url(/styles/shop/search.css);

html
{
	height: 100%;
	margin: 0;
	padding: 0;
}

body
{
	background-color: #8C97A1;
	font-family: arial,helvetica,verdana,sans-serif;
	font-size: 9pt;
	font-style: none;
	color: #444;
	margin: 0 0 30px 0;
	padding: 0;
}

p
{
	margin: 0 0 .5em 0;
	padding: 0;
}

div#message
{
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	position: absolute;
	width: 300px;
	top: 35px;
	right: 30px;
}

div#message p { margin: 0; }

div#pageContent
{
	position: relative;
	width: 680px;
	background-color: #FFF;
	margin: 0 auto 0 auto;
	padding: 0 30px 20px 30px;
	min-height: 300px;
	overflow: visible;
}

/* commented backslash hack v2 -- hides from IE 5 Mac  \*/
div#pageContent { overflow: hidden; }

/* end hack */
/* IE ignores styles with [attributes], so it will skip the following. */
html[xmlns] div#pageContent { overflow: visible; }

div#footer
{
	width: 680px;
	clear: both;
	text-align: left;
	line-height: 150%;
	margin: 0 auto 90px auto;
	padding: 0 30px 30px 30px;
	background-color: #efefef;
	padding-top: 15px;
	overflow: hidden;
}

div#footer p
{
	padding: 1em 0 0 0;
	margin: 0 0 0 0;
}

div#footer ul,div#footer dl
{
	float: left;
	width: 130px;
	margin-right:6px;
}

div#footer dt ,div#footer dt a
{
	color: #000;
	font-weight: bold;
}

div#pageContent p { line-height: 145%; }

a
{
	text-decoration: none;
	color: #36C;
}

a:hover { color: #000; }
a img { border: 0; }

ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

/* breadcrumbs */
div#breadcrumbs
{
	margin: 0 0 0 0;
	padding: .5em 10px;
	background-color: #E6E6E6;
	position: relative;
}

div#breadcrumbs ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

div#breadcrumbs ul li
{
	font-style: normal;
	display: inline;
	list-style: none;
	margin: 0 .4em 0 0;
	padding: 0;
}

div#breadcrumbs ul li a
{
	background-image: url(/images/arrow_black.gif);
	background-repeat: no-repeat;
	background-position: 100% 55%;
	padding-right: 1em;
}

div#breadcrumbs ul li a:hover { color: #000; }

div#breadcrumbs ul li a.current
{
	background-image: none;
	color: #666;
}

h2
{
	margin: 0 0 1em 0;
	padding: 0;
	color: #000;
	font-family: "Helvetica Neue",helvetica, arial,verdana,sans-serif;
}

h2
{
	padding: .2em 0 0 0;
	font-size: 200%;
	color: #ccc;
	word-spacing: -.1em;
	letter-spacing: -.05em;
	margin: 0 0 15px 0;
	height: 1.1em;
	text-shadow: #FFF 0em 0em 0 ;
	/* improves legibility on Safari */
	text-transform: lowercase;
}

body div#search h2.framed { height:auto;}


div#feedback input, div#feedback textarea
{
	width: 400px;
	border: 1px #999 solid;
}

div#feedback textarea { height: 150px; }

div#feedback input.submit
{
	width: auto;
	background-color: #EEE;
	text-align: center;
}

.hidden { display: none; }
.notHidden { display: block; }

/* default colours */
body { background-color: #CCC; }
div.singleColumn p, div.singleColumn li { width: 450px; }

div.singleColumn ul
{
	list-style: disc default;
	margin-left: 1em;
	padding: auto;
	line-height: 130%;
}

div.singleColumn li { margin: 0 0 .5em 1em; }
div.discountOriginalPrice { text-decoration: line-through; }

div.discountSalePrice
{
	color: #F00;
	font-weight: bold;
}

div#wholesaleDisplay
{
	background-color: #785B3C;
	color: #DEB181;
	padding: 10px;
	overflow: visible;
	background-position: 0% 18%;
	/*text-shadow: 0em 0em 1em #000;*/
}

div#wholesaleDisplay a,div#wholesaleDisplay a:visited { color: #ffffff; }
div#wholesaleDisplay p { }

div#wholesaleDisplay p.lead
{
	font-size: 130%;
	line-height: 125%;
	word-spacing: -.05em;
}

div.colLayout
{
	overflow: hidden;
	width: 680px;
}

div.mainColumn
{
	width: 450px;
	border-right: 230px solid #fff;
	/* The width and color of the rail */
	margin-right: -230px;
	/* Hat tip to Ryan Brill */
	float: left;
}

div.sidebar
{
	background-color: #fff;
	width: 200px;
	margin: -1em 0 0 30px;
	float: left;
}

br.clear
{
	clear: both;
	border: 3px orange solid;
}

div#wholesaleDisplay li
{
	padding: .3em 0 .3em 0;
	border-top: 1px #AB865E solid;
	width: 90%;
}

h2.replaced
{
	display: block;
	overflow: hidden;
	text-indent: -1234em;
	background-image: url(../images/wholesale.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 50px;
	margin: 10px 0 10px 0;
	padding: 0;
}

h3
{
	margin: 1em 0 .0 0;
	padding: 0;
	font-size: 100%;
}

#mailingList
{
	width: 680px;
	margin: 0 auto;
	background-color: #C2E3ED;
	padding: 15px 30px;
	position:relative;
}

#mailingList input {
vertical-align:middle;
}

#mailingList .mailingListField {
width:120px;
margin:0 5px 0 0;
padding:3px;
border:0;
background-color:#fff;
	font-family: arial,helvetica,verdana,sans-serif;
	font-size: 9pt;
}

#mailingList div {
width:50%;
position:absolute;
top:12px;
right:30px;
text-align:right;
}

#mailingList p {
margin:0;
padding:0;
}

#mailingList form {
margin:0;
padding:0;
}

#credit
{
	width: 114px;
	height: 14px;
	overflow: hidden;
	text-indent: -1234em;
	background-image: url(/images/credit.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	float:right;
	text-align:left;
}

#credit:hover { background-position: 0 -14px; }

.caption {
font-size:90%;
padding:.5em 0;
float:right;
}