body {
	font:12px Arial, Helvetica, sans-serif;
	background:#fff; // url(../images/black_border.gif) no-repeat left 58px;
}

.container{
	width:955px;
	margin:0 auto;
	padding:58px 0 20px;
	position:relative;
	background:#fff;
	color:#000;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* -- $General / Typography ----------------------------------------- */

p{
	margin:0 0 16px;
	line-height:1.7;
}

a{
	color:#444;
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px solid #d5d5d5;
}

.WideImagePage #Content a{
	border:none; 
}

a:visited{
	color:#666;
}
a:hover{
	color:#000;
	border-color:#000;
}

a img{ 
	border:none; 
}

h1{
	font:20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0 0 8px;
}

h2{
	font-weight:bold;
	text-transform:uppercase;
	line-height:1.6;
}

.BlackHeadingPage h2{
	background:#000;
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:-1px;
	margin:0 0 12px -6px;
	padding:0 0 0 6px;
}

strong{
	font-weight:bold;
}

em{
	font-style:italic;
}

#Content ul, #Content ol{ 
	margin:0 0 12px 16px;
	line-height:1.7;
}

#Content ul li{
	list-style-type:disc;
}

#Content ol li{
	list-style-type:decimal;
}

blockquote{
	margin:0 18px 18px; 
}

/* -- $Header ------------------------------------------------------- */

#Logo{
	position:absolute;
	right:16px;
	top:3px;
	border:none;
}

#Header{
	position:relative;
	background:#000 url(../images/w_dot.gif) repeat-y 32px top;
	width:665px;
	height:24px;
	display:block;
}

#Header h1, #Header em{
	overflow:hidden;
	float:left;
	color:#000;
	background:#FFF;
	margin:0 0 0 36px;
	text-transform:uppercase;
	font:bold 28px Arial, Helvetica, sans-serif;
	padding:0 4px;
	line-height:1;
	height:24px;
}

/* -- $Navigation --------------------------------------------------- */

#Menu{
	position:absolute;
	right:6px;
	top:0;
}

#Menu li{
	float:left;
	margin:0 2px;
}

#Menu li.last{

}

#Menu li a{
	display:block;
	position:relative;
	background:url(../images/menu.gif) no-repeat left -3px;
	height:24px;
	border:none;
}

#Menu li a.orange{ width:33px; }
#Menu li a.pink{ width:28px; background-position:-36px -3px; }
#Menu li a.purple{ width:24px; background-position:-66px -3px; }
#Menu li a.blue{ width:27px; background-position:-92px -3px; }
#Menu li a.red{ width:21px; background-position:-122px -3px; }
#Menu li a.yellow{ width:26px; background-position:-146px -3px; }

#Menu li a.orange:hover, #Menu li.current a.orange, #Menu li.section a.orange{ background-position:left -36px; }
#Menu li a.pink:hover, #Menu li.current a.pink, #Menu li.section a.pink{ background-position:-36px -36px; }
#Menu li a.purple:hover, #Menu li.current a.purple, #Menu li.section a.purple{ background-position:-66px -36px; }
#Menu li a.blue:hover, #Menu li.current a.blue, #Menu li.section a.blue{ background-position:-92px -36px; }
#Menu li a.red:hover, #Menu li.current a.red, #Menu li.section a.red{ background-position:-122px -36px; }
#Menu li a.yellow:hover, #Menu li.current a.yellow, #Menu li.section a.yellow{ background-position:-146px -36px; }

#Menu a span{
	display:none;
	background:url(../images/bl_line.gif) no-repeat 11px bottom;
	position:absolute;
	padding:0 0 8px 0;
	top:-32px;
	left:2px;
	width:200px;
	font-size:18px;
	text-transform:lowercase;
	font-variant:small-caps;
	color:#999;
}

#Menu a:hover span{
	display:block;
}

/* -- $Content ------------------------------------------------------ */

#BreadCrumbs{
	position:absolute;
	left:42px;
	top:96px;
	font-size:11px;
	z-index:10000;
}

#Content{
	position:relative;
	width:460px;
	padding:68px 13px 0 42px;
	z-index:100;
}

.HomePage #Content{
	width:600px;
	padding:58px 0 0;
	margin:0 auto;
	text-align:center;
}

.HomePage #Content img{
	margin:0 0 20px;
}

.WideImagePage #Content{
	padding:68px 0 0;
	width:100%;
}

.ThreeColumnPage #Content, 
.ProductPage #Content{ 
	width:900px;
}

.StockistPage #Content{
	width:900px;
	padding-left:38px;
}

.ArticleHolderPage #Content,
.CollectionHolderPage #Content,
.CollectionPage #Content{
	width:900px;
	padding-left:36px;
}

.col{
	float:left;
	width:280px;
	margin:0 18px 0 0;
}

/* -- $ProductPage ----------------------------- */

.ProductPage .col{
	width:320px;
	margin:0;
}

.ProductPage .col p{
	width:300px;
}

#ProductInfo{
	min-height:300px;	
}

#ProductImage{
	margin:0 0 0 134px;
}

a#Buy{
	position:relative;
	display:block;
	background:url(../images/buy.gif) left top no-repeat;
	width:108px;
	height:29px;
	border:none;
	text-indent:-30000px;
	left:212px;
}

a#Buy:hover{
	background-position:left -40px;
}

#ProductImage a{
	border:none;
}

/* -- $Form ------------------------------------- */

.ProductPage legend{
	display:none;
}

.ProductPage div.field{
	margin:0 0 4px;
}

.ProductPage label, #MemberLoginForm_LoginForm { 
	font-weight:bold 
}

.ProductPage input.text,
	#MemberLoginForm_LoginForm_Email,
	#MemberLoginForm_LoginForm_Password { 
	width:200px; 
	padding:3px 2px;
}


.ProductPage textarea{
	width:300px;
	padding:3px 2px;
}

.ProductPage .Actions{
	margin:12px 0 0 0;
}

.message, .required{ color:#ff0000; }

/* -- $Items (collections, products) -------------------------------------------------- */

#Content ul.items{
	overflow:hidden;
	margin:0;
	padding:0;
}

#Content ul.items li{
	float:left;
	width:209px;
	height:240px;
	margin:0 16px 16px 0;
	list-style:none;
	text-align:center;
}

ul.items a{
	display:block;
	width:209px;
}

ul.items h2 a{
	border:none;
	display:inline;
}

ul.items h2{
	margin:4px 0 0;
	line-height:1.2;
	font-size:14px;
	text-transform:lowercase;
	font-variant:small-caps;
}

.ArticleHolderPage #Content ul.items{ margin:16px 0 0; }
.ArticleHolderPage #Content ul.items li{
	margin:0 16px 32px 0;
}

.ArticleHolderPage ul.items a{
	border:none;
	display:inline;
}

/* -- $Pagination -------------------------------------------------------------- */

.pagination{
	margin:0 8px 0 0;
	text-align:right;
	position:relative;
}

.top{
	margin-bottom:16px;
}

.ArticleHolderPage .pagination{
	margin:0 25px 0 0;
}

.ProductPage .pagination{
	margin:42px 0 0;
	text-align:left;
}

#Content .pagination ol, .pagination ol li{
	display:inline;
	margin:0;
}

.pagination ol li a{
	padding:0 2px;
}

.pagination .prev, .pagination .next{ 
	margin:0 3px;
}

.ProductPage .pagination .next{
	position:absolute;
	right:0;
}

/* -- $Slideshow --------------------------------------------------- */

#Content ul.slideshow{
	margin:0;
}

#Content ul.slideshow li{
	list-style:none;
	margin:0;
}

.HomePage #Content ul.slideshow{
	margin:0 auto;
	width:800px;
}

.SimplePage ul.slideshow,
.BlackHeadingPage ul.slideshow{
	position:absolute;
	top:140px;
	left:495px;
	z-index:90;
}

/* -- $StockistPage ------------------------------------------------- */

.StockistPage table{
	width:100%;
}

.StockistPage thead{
	display:none;
}

.StockistPage td{
	vertical-align:top;
	width:33%;
	padding:6px;
}

.StockistPage tr.even{
	background-color:#eee;
}

.StockistPage tr:hover{
	background-color:#ffffcc;
}

/* -- $Footer ------------------------------------------------------- */

#Footer{ 
	clear:both;
	margin:46px 0 0 42px; 
	text-transform:lowercase;
	font-variant:small-caps;
	color:#666;
}

/* TABLE STYLING 
-------------------------------------------- */
table {
	margin: 0 0 16px 0;
	border-collapse:collapse;
	border-color:#fff;
	line-height:1.7;
}
td {
	border-color:#fff;
}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}

/* IMAGES 
-------------------------------------------- */

 div.image.right,
 div.captionImage.right {
	float: right;
	margin-left: 20px;
}

 .captionImage {
	padding: 5px;
}

 div.image.left,
 div.captionImage.left {
	float: left;
}
 div.image.leftAlone,
 div.captionImage.leftAlone {
	float: left;
	margin-right: 100%;
}
 div.image.center,
 div.captionImage.center {
	float: none;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

 .caption {
	font-weight: bold;
	text-align: center;
	color: #546796;
}