/*
================================
===== ORIGINAL BASE STYLES =====
================================
*/

fieldset,img{ border:0; }
a { /* get rid of link outlines in firefox */
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
}
a img { border: none; }
h1 { font-size: 18px; margin:0px; }
h2 { font-size: 14px; }
h3 { font-size: 13px; }
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin: 10px 0px 7px 0px;
}
.main-content {
	width:730px;
	color:#CCCCCC;
	margin:20px 0px;
}
.main-content p {
	color:#CCCCCC;
	font-size:13px;
	line-height:15px;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	color: #FFF;
	font-weight:bold; 
	margin:10px 0px 6px 0px;
	color:#CC6699;
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
}
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin: 18px; /* 1em */
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left: 18px; /* 2em */
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: square outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left: 18px; /* 1em */
}
th {
	/*distinguishing table headers from data cells*/
	font-weight: bold;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom: 9px; /* 0.5em */
	/*centered so it doesn't blend in to other content*/
	text-align: center;
}
hr {
	clear: both;
	height: 1px;
	color: #ccc;
	background: #ccc;
	border: none;
	margin: 18px 0 18px 0;
}
p {
	margin-bottom: 18px;
}
input {
	padding: 2px;
}

/*
===========================================
===== NEW BASE STYLES (Briars Styles) =====
===========================================
*/

body {
	font-family:Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	font-size:11px;
	background-color:#000 !important; /* overrides WYSIWYG */
    color:#fff !important; /* overrides WYSIWYG */
	line-height: 14px;
}

p {
	color:#FFFFFF;
	margin:2px 0px 8px 0px;
}

a {
	color:#CCCCCC;
	text-decoration:none
}

a:hover {
	color:#cc6699;
}

#main-container {
	width:737px;
	margin:0px auto;
	position:relative;
	background:transparent url(../Template-Images/header-ribbon.jpg) no-repeat scroll 560px 0px;
	height:90px;
}

#cart-info {
	margin:2px 0px 0px 600px;
	width:100px;
	position:relative;
}
#cart-info p { 	padding-top:5px; }

#header-centered {
	text-align:center;
	margin:0px 0px 0px 0px;
	width:737px;
	float:left;
}

#navigation {
	width:737px;
	float:left;
	position:relative;
	background:url(../Template-Images/navigation-bg.jpg) repeat-x;
	text-align:center;
}

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

#navigation ul li {
	list-style:none;
	float:left;
	}

#navigation li ul {
	position: absolute;
	left: 149px; /* Set 1px less than menu width */
	top: 25px;
	display: none;
	}

#navigation ul li a {
	display: block;
	float:left;
	padding:10px 10px;	
	text-align:center;
	text-decoration:none;
	height:20px;
	background:none;
	list-style:none
}

#navigation a {
	display:block;
}

#navigation li:hover ul { display: block; }

#navigation nav-start {
	float:left;
}

#navigation .nav-end {
	float:right;
}

#header-small {
	width:700px;
	margin:12px 0px 12px;
}
	
#page-content {
	width:735px;
	float:left;
	}
	
	
/*
===================================
========== CMS OVERRIDES ==========
===================================
*/

.shop-main div.productAttributes { height:42px !important; }
.shop-main div.productAttributes div { height:22px;position:relative;/*color:#c69;*/ }
.shop-main div.productAttributes div select { left:50px;position:absolute;top:0px;font-family:Trebuchet MS,Trebuchet,Verdana,Arial,Helvetica,sans-serif;font-size:11px; }
.shop-main select.productSelectInput { left:20px; line-height:11px; position:relative;top:0px;font-family:Trebuchet MS,Trebuchet,Verdana,Arial,Helvetica,sans-serif;font-size:11px; }

/** New Styles for the ecommerce products **/
.catProdAttributeItem div select { left:50px; line-height:11px; position:absolute;top:0px;font-family:Trebuchet MS,Trebuchet,Verdana,Arial,Helvetica,sans-serif;font-size:11px; }
.catProdAttributeTitle { float:left; width:2px;}
.catProdAttributeItem {width:100px; float:left;}
.catProductAttributeGroup {width:400px;}

select.shippingDropDown {font-size:11px;}

.shop-product-large .image { width:171px;height:251px;float:left;margin:0px 10px 0px 0px;overflow:hidden;}
.shop-product-large .image img { position:absolute; }
.shop-product-large .details { position:relative; }
.bottom-row { position:relative;float:left;width:530px;height:120px; }
.smallimage { position:absolute;bottom:0px; left:0px; }
/*.poplets  { width:120px; height:120px; margin:0px 0px 2px 0px; }*/
.poplets  { position:absolute;bottom:0px;left:0px; width:120px; }

.buttonContainer { position:relative;bottom:0px;left:138px;width:220px;height:127px; }
.buttons { /*float:left;*/margin:0px;padding:0px;width:110px;}
.buttonContainer .left { position:absolute;bottom:0px;left:0px; }
.buttonContainer .right { position:absolute;bottom:0px;right:0px; }
/* add white borders */
.shop-product-large .image img, .smallimage img { border:2px solid #CCCCCC; }

/* converted over from ModuleStyleSheet - did not get a chance move all the customer changes over */

.ok { border-color: 6px solid #CFFBC2; }
.error { border-color: 6px solid #FBC2C4; }

/*table.productTable td { padding:3px; }*/
table.productPoplets {
	border-collapse:separate;
	margin:0px auto;
}
table.productPoplets td { padding:0px; }
table.productPoplets td a { border:2px solid #CCC; margin:0px 5px; display:block; }

.shop-catalogue {
	background:none;
	border:0px none;
	width: 180px;
	margin:15px 0px 0px 0px;
}
.shop-catalogue h4 {
	height:none;
	line-height:none;;
	font-weight:normal;
	text-indent: 0px;
}
.shop-catalogue h4 a,
.shop-product-small h5 a {
	color: #CC6699;
}
.shop-catalogue h4 a:hover,
.shop-product-small h5 a:hover {
	color: #CCC;
	text-decoration: none;
}
.shop-catalogue .image,
.shop-product-small h5 .image {
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	text-align:left;
	width:124px;
	height:124px;
}
.shop-catalogue .image img { border:#CCCCCC 2px solid; }

.shop-main {
	text-align:left;
	color:#999999;
}
.shop-main .header { border-bottom:none; margin:0px; padding:10px 0px 0px; }
.shop-main .breadcrumbs {
	float: none;
	width:none;
	margin:6px 0px 0px 0px;
	background:url(/Template-Images/you-are-here.gif) no-repeat left bottom;
	padding:0px 0px 0px 110px;
	color:#666;
	white-space:nowrap;
}
.shop-main .breadcrumbs a {
	color:#666;
}
.shop-main .breadcrumbs a:hover {
	color:#CCC;
}
table.catalogueTable {
	width: 600px;
	margin:0px 0px 0px 0px;
}
td.catalogueItem {
	width:140px;
}
table.productPoplets tr td a img {
}
.shop-product-small {
	width:124px;
	background:none;
	border:0px none;
}
.shop-product-small h5 {
	height:none;
	line-height:none;
	text-indent: 0px;
	font-size: 12px;
	font-weight: normal;
	padding:0px;
	margin:0px;
	min-height:15px;
	height:27px;
	line-height:27px;
}
.shop-product-small .image {
	margin: 0px;
	border:#CCCCCC 2px solid;
}
.shop-product-small li.quantity {
	width:105px;
}
li.quantity img {
	position: relative;
	/*top:auto;*/
}
.shop-product-large {
	background:none;
	border:0px none;
	color: #ccc;
	margin: 0px;
	/*min-width: 640px;
	overflow: hidden;*/
}
.shop-product-large h1 {
	color:#ccc;
	font-size: 15px;
	margin:0px;
	padding:0px;
}
.shop-product-large li.price { margin:0px; }

.shop-cart {
	text-align:center;
}

table.cart {
	width:700px;
	}

table.cart, tabl.cart th {
	background:#111;
	margin:20px auto 0px auto;
}

.productitemcell {height:auto;}


.top-row {
	float:left;
	width:300px;
}


table.cart th, table.cart td {
	text-align:right;
}

table.cart th.left, table.cart td.left {
	text-align:left;
}

table.cart th.left a, table.cart td.left a {
	color:#FF66CC;
	font-size:12px;
}

table.sizing {
	border:1px solid #666666;
	padding:0px;
	margin:0px auto 20px auto;
	width:300px;
}

table.sizing tr td {
	font-size:13px;
	line-height:15px;
	margin:2px 0 8px;
	margin-bottom:18px;
}

table.sizing tr td p {
	line-height:13px;
	margin:0px;
}

.form input, .webform input {
	width:auto;
}

input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox {
	width:auto;
}

.shop-form textarea.cat_listbox {
	width:200px;
}

#customerdetails {
	width:300px;
	background:#333;
	float:left;
	text-align:left;
	margin:0px 20px 0px 40px;
	padding:10px 0px 10px 10px;
}

#delivery {
	width:300px;
	background:#333;
	float:left;
	text-align:left;
	margin:0px 0px 155px 0px;
	padding:10px 0px 10px 10px;
}

#payment {
	width:300px;
	background:#333;
	float:left;
	text-align:left;
	margin:0px 20px 0px 40px;
	padding:10px 0px 10px 10px;
}

#customerdetails h2, #delivery h2, #payment h2 {
	margin:0px;
}

.cat_dropdown_smaller {
	width:100px;
}

.shop-form label{
	line-height:30px
}

table.cart a {
	color:#FF66CC;
}

.poplets img {
	border:none 0px;
}

table.cartSummaryTable {
	width:128px;}
	
a.cartSummaryLink {
	color:#FFF;
}

/** FAQ SECTION **/

.answer {
	background:#111;
	color:#999999;
	margin:10px auto;
	padding:10px;
	width:450px;
}

/** ERROR MESSAGES **/

.system-message, .system-error-message {
	background:#000000;
	padding:40px;
	border:none;
}

.system-message a:link, .system-error-message a:link {
	color:#C69;
}

.shop-receipt, .shop-quote-receipt {
	background:#000 none repeat scroll 0% 50%;
	border:1px solid #000;
}

.tell-a-friend {
	background-color:#000;
	border:2px solid #000;
	color:#CCC;
	padding:18px;
	margin:10px 0px 0px 0px;
}

.tell-a-friend h2 {
border-bottom:1px dotted #CCCCCC;
color:#CCCCCC;
font-size:12px;
margin:18px 0pt 9px;}

.tell-a-friend h1 {
	border-bottom:none;
	color:#F39;
	font-size:18px;
	margin:10px 0px 0px 0px;
	padding:0pt 0pt 6px;}
	
.grey {
	color:#666666;
	margin:100px 0px 0px 0px;
	text-align:center;
}

.price-hide-0 {
	text-decoration:line-through;
}

.facebook-inside {
	position:absolute;
	top:159px;
	right:29px;
}

.facebook-home {
	position:absolute;
	top:47px;
	right:64px;
}