@charset "utf-8";

/* --------- Tag Resets ---------- */
html, body, p, ul, ol, li table, td, th, h1, h2, h3, h4, h5, h6, form, input, fieldset, blockquote{
 margin:0; padding:0;
}
html{
 background:url(../images/backgrounds/html.jpg) repeat-x #000;
}
body {
 background:url(../images/backgrounds/body.jpg) 50% 134px no-repeat;
 margin:0; padding:0;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#222;
}

a{ color:#222; }
a:hover{ text-decoration:none; }
a img{border:none; }

h1, h2, h3, h4, h5, h6{
 font-family:Georgia, "Times New Roman", Times, serif;
 margin:0 0 15px 0;
}
ul{ margin:0 0 15px 0; list-style:none; }
p{ margin:0 0 15px 0; }
fieldset{ padding:10px; border:1px solid #ffefb6; margin-bottom:15px; }
legend{ background-color:#fff; padding:0 3px; font-weight:bold; font-size:14px; color:#845eb8; }
.required{ color:#845eb8; }
hr{display:none; }
.hr, .hr-clear{ border-bottom:1px solid #000066; margin-bottom:15px; }
.hr-clear{ clear:both; }


/* --------- Title Tags ---------- */

h2{ color:#000066; font-size:22px; }
h3{ color:#000066; font-size:18px; }
h3 a, h2 a{ color:#000066; text-decoration:none; }
h4{color:#845eb8; font-size:16px;  }
h4 a{color:#845eb8; text-decoration:none;  }
/* --------- Global Classes ---------- */

.hidden{ display:none; }
.clearboth{ clear:both; font-size:1px; height:0px; }
.clearleft{ clear:left; font-size:1px; height:0px; }

/* --------- Layout Divs ---------- */

#page_cart{
 margin:0 auto;
 text-align:center;
}
#content{
 width:780px;
 margin:0 auto;
 min-height:400px;
 background-color:#fff;
 text-align:left;
 padding-bottom:20px;
}
#content.singlecolumn{
 padding:0 20px 20px 20px;
 width:740px;
}
/* Columns */
#right_col {
 width:466px;
 float:left;
}
#left_col {
 width: 233px;
 float: left;
 padding:0 20px 0 0;
 border-right:1px solid #ffefb6;
 margin:0 20px;
}

/* Stars Overlay */
.overlayflashwrap{
 margin:0 auto;
 position:relative;
 z-index: 0;
 text-align:left;
 }
div#overlayflash{
 position:absolute;
 display:block;
 left:0;
 top:0;
 width:100%;
 height:210px;
}

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

#header{
 width:780px; height:190px;
 position:relative;
 margin:0 auto 20px auto;
 background:url(../images/backgrounds/notes.gif) no-repeat 61px 13px;
 color:#fff;
 text-align:left;
}
	#header h1{
	 text-indent:-9999px;
	 font-size:10px;
	 position:absolute;
	 top:14px; left:-18px;
	 background:url(../images/company_logo.gif) no-repeat;
	 z-index:3;
	}
	#header h1 a{
	 display:block;
	 width:239px; height:99px;
	}
	#header .straplines{
	 position:absolute;
	 top:9px; right:-103px;
	 padding:51px 93px 10px 0;
	 text-align:right;
	 background:url(../images/backgrounds/fairy.gif) no-repeat 100% 0%;
	}
	#header h2{
	 font-size:22px;
	 margin:0 0 5px 0;
	 color:#fff;
	}
	#header h2 span{
	 font-size:12px;
	}	
	#header h3{ font-size:18px; color:#fff; }
	#header h3 span{ color:#845eb8; }
	#header ul.mainnav{
	 font-size:14px;
	 font-family:Georgia, "Times New Roman", Times, serif;
	 font-weight:bold;
	 position:absolute;
	 top:146px; left:0px;
	 z-index:1;
	}
		#header ul.mainnav li{
		 color:#fff;
		 text-align:center;
		 float:left;
		}	
		#header ul.mainnav li{
		 display:block;
		 width:130px; height:54px;		
		}
		#header ul.mainnav li a{
		 display:block;
		 width:130px; height:37px;
		 padding-top:17px;
		}		
		#header ul.mainnav li a{
		 color:#fff;
		 text-decoration:none;
		 background-repeat:no-repeat;
		 background-color:#081170;
		}
		#header ul.mainnav li.btn1 a{ background-image:url(../images/nav/main_1_off.gif); }
		#header ul.mainnav li.btn2 a{ background-image:url(../images/nav/main_2_off.gif); }
		#header ul.mainnav li.btn3 a{ background-image:url(../images/nav/main_3_off.gif); }
		#header ul.mainnav li.btn4 a{ background-image:url(../images/nav/main_4_off.gif); }
		#header ul.mainnav li.btn5 a{ background-image:url(../images/nav/main_5_off.gif); }
		#header ul.mainnav li.btn6 a{ background-image:url(../images/nav/main_6_off.gif); }
		#header ul.mainnav li.btn1 a:hover{ background-image:url(../images/nav/main_1_on.gif); }
		#header ul.mainnav li.btn2 a:hover{ background-image:url(../images/nav/main_2_on.gif); }
		#header ul.mainnav li.btn3 a:hover{ background-image:url(../images/nav/main_3_on.gif); }
		#header ul.mainnav li.btn4 a:hover{ background-image:url(../images/nav/main_4_on.gif); }
		#header ul.mainnav li.btn5 a:hover{ background-image:url(../images/nav/main_5_on.gif); }
		#header ul.mainnav li.btn6 a:hover{ background-image:url(../images/nav/main_6_on.gif); }

	#header ul.topnav{
	 color:#fff;
	 font-size:11px;
	 font-weight:bold;
	 position:absolute;
	 top:18px; right:-5px;
	 z-index:2;
	}
		#header ul.topnav li{
		 display:block;
		 background:url(../images/nav/topnav_left.gif) no-repeat;
		 padding:0 0 0 8px;
		 width:58px;
		 float:left;
		 margin:0 5px 0 0;
		}
		#header ul.topnav li a{
		 background:url(../images/nav/topnav_right.gif) no-repeat #000a50 100% 0%;
		 padding:0 8px 0 0;
		 text-decoration:none;
		 color:#fff;
		 line-height:19px;
		 height:19px; width:50px;
		 display:block;
		 text-align:center;
		}
		#header ul.topnav li a:hover{
		 color:#845eb8;
		}
		
/* --------- Featured Product (Homepage) ---------- */
.featuredprods{padding:0 0 0 20px; }
.featuredProd{ width:260px; float:left; margin:0 20px 0 0; }
#flashpreview{ float:left; width:470px;}

		
/* --------- Testimonials ---------- */
blockquote.testimonial{  background:url(../images/backgrounds/quote_left.gif) no-repeat; }
blockquote.testimonial p{  padding:0 17px; }
blockquote.testimonial p.endquote{  background:url(../images/backgrounds/quote_right.gif) no-repeat 100% 100%; }

#testimonallisting li{ border-bottom:1px solid #ffefb6; margin-bottom:15px; }
#testimonallisting p.endquote, #testimonial p.endquote{ font-size:11px; }




/* --------- Boxes ---------- */

.box1{ background:url(../images/backgrounds/columnbox1_top.gif) no-repeat #ffefb6; margin:0 0 20px 0;}
	.box1 .boxcontent{ background:url(../images/backgrounds/columnbox1_base.gif) no-repeat 0% 100%; padding:10px; }

.box2{ background:url(../images/backgrounds/columnbox2_top.gif) no-repeat; margin:0 0 20px 0;}
	.box2 .boxcontent{ background:url(../images/backgrounds/columnbox2_base.gif) no-repeat 0% 100%; padding:10px; }

/* --------- Buttons ---------- */

a.btn-type1, a.btn-type1b, a.btn-type2, a.btn-type3{
 color:#fff;
 font-weight:bold;
 font-size:10px;
 display:block;
 height:20px;
 text-decoration:none;
 line-height:20px;
 text-align:center;
}
a.btn-type1{ background:url(../images/buttons/btn1.gif) no-repeat #8660ba; width:41px; }
a.btn-type1b{ background:url(../images/buttons/btn1b.gif) no-repeat #8660ba; width:41px; }
a.btn-type2{ background:url(../images/buttons/btn2.gif) no-repeat #8660ba; width:98px; }
a.btn-type3{ background:url(../images/buttons/btn3.gif) no-repeat #8660ba; width:128px; }

/* --------- login box ---------- */

.loginbox { font-size:11px; }
.loginbox p{ margin:0; line-height:20px; }
.loginbox label{ display:block; font-weight:bold; font-size:11px; }
.loginbox input{
 width:208px;
 border:1px solid #000a56;
 height:16px;
 padding:2px;
 margin:0 0 10px 0;
}

/* --------- Forms ---------- */

ul.sitemap,ul.sitemap ul{ list-style:disc; padding:0 0 0 30px; margin:0 0 20px 0; }
ul.sitemap li{ margin:0 0 5px 0; }
ul.sitemap li a:hover{ text-decoration:none; }

/* --------- Forms ---------- */

textarea { width: 18em; height: 10em; }

body input.submit{ width:auto; height:auto; margin:0; border:none; padding:0; }

.contactform .floatleft{ width:225px; }
.contactform .floatleft fieldset{ margin:0 0 15px 0; }
.contactform .floatright{ width:225px; }
.contactform textarea{ width:433px; }
.contactform .floatright input, .contactform .floatleft input{ width:195px; }
.contactform label{ display:block;}

#frmRegister{}
#frmRegister label{ display:block;}
#frmRegister input{ display:block;}

#frmAccount{}
#frmAccount label{ display:block;}
#frmAccount input{ display:block;}

/* --------- Column Layouts ---------- */

.colwrap3{
 margin:20px 0 20px 20px;
}
	.colwrap3 .colA, .colwrap3 .colB, .colwrap3 .colC{
	 float:left;
	 width:233px;
	}
	.colwrap3 .colA{}
	.colwrap3 .colB{
	 margin:0 10px 0 11px; padding:0 10px;
	 border-left:1px solid #ffefb6;
	 border-right:1px solid #ffefb6;
	}
	.colwrap3 .colC{}
	
.colwrap2{
 margin:0 0 15px 0;
}
	.colwrap2 .colA, .colwrap2 .colB{

	 width:358px;
	}
	.colwrap2 .colA{ float:left;}
	.colwrap2 .colB{ float:right; margin:0 0 0 10px; }
	.colwrap2 fieldset{ margin:0 0 10px 0; }

.colwrap2b{
 margin:0 0 15px 0;
}
	.colwrap2b .colA, .colwrap2b .colB{

	 width:347px;
	}
	.colwrap2b .colA{ float:left;}
	.colwrap2b .colB{ float:right; margin:0 0 0 10px; }
	.colwrap2b fieldset{ margin:0 0 10px 0; }	 
		
/* --------- Footer ---------- */

#footer {
 background:url(../images/backgrounds/footer.gif) no-repeat 0% 0%;
 width:740px; margin:0 auto;
 padding:20px;
 font-weight:bold;
 font-size:10px;
 color:#999;
}
	#footer p.shopping{ margin:0 0 29px 0; }
	#footer .categories{
	 font-size:14px;
	 font-weight:bold;
	 color:#fff;
	 margin:0 0 30px 0;
	}
	#footer .categories a{
	 margin:0 10px;
	 color:#fff;
	}
	#footer .categories a:hover{ text-decoration:none; }
	#footer .footernav{ width:400px; margin:0 auto 20px auto; height:20px; text-align:center; }
	#footer .footernav li{
	 background:url(../images/backgrounds/listbreak.gif) no-repeat 100% 2px;
	 margin:0 9px 0 0;
	 height:15px;
	 padding:0 8px 5px 0; display:inline;
	}
	#footer .footernav li.btn6, #footer .footernav li.enditem{
	 background:none;
	}
	#footer .footernav li a, .copytext a{
	 color:#999; text-decoration:none;
	}
	
ul.error {
background-color:#990000;
margin:0 0 20px 0;
}
ul.success {
background-color:#845eb8;
margin:0 0 20px 0;
}
ul.success li{
padding:5px;
color:#fff;
font-weight:bold;
}
.error {
	background-color:#990000;
	color:#fff;
	margin:5px 0 10px 0;
	padding:5px;
	font-weight:bold;
}
.error p {
	margin	: 0;
	padding	: 0;
}

.contactDetails, .categorydesc { background:url(../images/backgrounds/2-3rd_bgtop.jpg) no-repeat; padding:30px 30px 10px 30px; margin:0 0 20px 0;}
.categorydesc{ font-weight:bold; }
.contactDetails p{ width:180px; line-height:20px; } 

/* =minicart
	----------------------------------------------- */

.minicart{ border:none; }
	.minicart th, .minicart td{ padding:6px; font-size:12px; }
	.minicart th{ text-align:left; }
	.minicart a{ text-decoration: none;}
	.minicart tr.details td{ border-bottom:1px solid #000066; line-height:20px; vertical-align:top;}
	
	span.price{ float:right; color:#8963bd; font-weight:bold; }
	.minicart th.total{ text-align:right; }
	th.total span{ color:#000066; }
	
	a.checkout{ float:right; }
	a.remove { background:url(../images/removeitemx.gif) no-repeat 2px; padding:0 0 0 13px; font-size:10px; }
	input.qty {
	 width:28px;
	 border:1px solid #000a56;
	 height:16px;
	 padding:2px;
	}


/* =Misc
	----------------------------------------------- */

.floatleft { float:left; }
.floatright { float:right; }

/* =Navigation
	----------------------------------------------- */
#category_list {
	margin: 0 0 20px 0;
}
	#category_list ul li{
		margin: 0 0 10px 0;
		background:url(../images/backgrounds/category.gif) no-repeat;
		display:block;
		width:203px;
		height:32px;
		padding:0 0 0 30px;
		line-height:29px;
		font-size:14px;
		font-weight:bold;
	}
	#category_list ul li a{ text-decoration:none; }
	#category_list ul li a:hover{ text-decoration:underline; }	
		#category_list ul li ul li{
			margin: 0 0 5px 0;
			background:none;
			display:block;
			width:163px;
			height:16px;
			padding:0 0 0 10px;
			line-height:16px;
			font-size:11px;
			font-weight:bold;
		}
		#category_list ul li ul li a{ text-decoration:underline; }
		#category_list ul li ul li a:hover{ text-decoration:none; }	

#bestsellers li { margin-left:10px; }

/* =Quicksearch
	----------------------------------------------- */

div#quick_search {
	background: #bb7c4a; border-bottom:.3em solid #8a5932;
	width: 52em; padding: 8px;
	position:absolute; right: 0;
	text-align: right;
}


div#quick_search input  { width:auto; }
div#quick_search label {
	color: #fff;
	margin-right: 1.2em;
	float:none;
}


/* =search results
	----------------------------------------------- */
ol.search-product-list { margin:0 0 0 2em; padding: 0; }

ol.search-product-list li { margin-bottom: .8em; border-bottom: 1px solid #f3f3f3; padding-bottom: .8em; }
.result-image {
  float: right;
  margin-right: 7px;
  clear:right;
}
ul#paging-top { margin: 0 .5em 0 0; padding: 0; }
ul#paging-top li { margin: 0 .5em 0 0; list-style: none; float:left; }

#paging ul { margin:0 0 1em 0; padding: 0;  border:1px solid #ccc; padding: .3em; height: 2em;}
#paging li { list-style: none; float:left; margin: 3px; text-align:center;}
#paging ul a {  background:#CCCCCC; text-decoration: none; padding:2px 5px 2px 5px;  }
#paging ul a:hover { background: #999999; }

.paging{ margin:0 0 20px 0; padding:10px 0; border-bottom:1px #000066 solid; border-top:1px #000066 solid; }

#advance_search label{ display:block; width:150px; margin-bottom:10px; }

#advance_search .filters { margin:10px 0 0 0; }
#advance_search .filters td{ vertical-align:bottom; }

/* =customer order filter
	----------------------------------------------- */

#filter { margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:1px #000066 solid; }	
#filter td{ padding:0 10px 0 0;}
	
	
/* =product details
	----------------------------------------------- */

#details h4 { }

#details p.prodPrice span{ font-size:22px; color:#7953ad; }

#details .total { text-align: left; }
#details .subtotal { text-align: left; }

#details .buybuttons { margin:0 0 20px 0;}
#details .buybuttons td{ padding:0 10px 0 0; }

#details .prodImage { position: relative; text-align:right; float:right; margin:0 0 10px 15px;  }
#details .prodImage img {}

#details .discount { position:relative; top:0; left:0; }

/* = Wrap fixes for floating section dropping underneath due to sIFR rewrite */
.wrapfix1{ float:left; width:346px; }
.wrapfix2{ float:left; width:185px; }
.wrapfix3{ float:left; width:162px; }
/* =Categories{shop.php}
	----------------.------------------------------- */
.category{ margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ffefb6; }
.category img{ width:auto; height:auto; margin:0 20px 10px 0; float:left; }
.category h4{}
.category p{}


/* =Product Lists
	----------------.------------------------------- */
.prodlist{ margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ffefb6; }
.prodlist img{ width:auto; height:auto; margin:0 20px 10px 0; float:left; }
.prodlist h4{}
.prodlist p{}


/* =Products{homepage}
	----------------------------------------------- */



.prodImage { position: relative; }
.discount { position:absolute; top:0; left:0; }
div.products, div.productsInt, ul.products li {
	width: 17em; float: left;
	text-align: center; border:1px solid #ccc;
	margin-right: .4em; padding: .4em;
	height:25em; margin-bottom: 1em; min-height: 30em;
}

div.productsInt { height:auto; }


ul.attributes { margin: 0 0 20px 0; padding: 0 0 0 30px; }
ul.attributes li { list-style:disc; margin:0 0 5px 0; }
span.money { font-weight:bold; color:#845eb8; }
span.vat { font-size: .8em; }



ul.products { padding:0; margin:0; list-style: none; }
ul.products li { padding:0; width:179px; height:auto;}






/* =Sidepanel {class}
	----------------------------------------------- */
div#extra { height: auto; }
div.sidepanel { width: 33%; float: left; }

div.sidepanel ol { margin:0 0 0 25px;  padding: 0; }



/* =Carts
	----------------------------------------------- */

div#microcart {
	position: absolute; bottom: 0; right: 0;
	background:#839a41; margin-bottom: 6px;
	border-bottom: 3px solid #4f5e24;
	color: #fff;
}

div#microcart a { color: #fff; }


div#microcart .total {
	text-align: right;
	background: #ffffdd; padding: 10px 5px;
	border:1px solid #c00;
	border-width: 1px 0;
	color: #c00;
	margin-bottom: 10px;
}

div#microcart .subtotal {
	text-align: right;
	padding: 10px 5px;
	border:1px solid #ccc;
	border-width: 1px 0;
	color: #c00;
	margin-bottom: 10px;
}

.delivery { border-top:1px solid #ccc; padding: 10px 5px; }

span.prodTitle {
}

span.prodPrice { }


/* Lists */
ul.listinline {
	list-style: none;
	margin:0 0 1.5em 0; padding:0;
}

ul.listinline li { display: inline; margin-right:1em; border-right:1px solid #ccc; padding-right: 1em; }
ul.listinline  .killborder { border:0; }

ul.customernav { margin:0 0 15px 0; padding:6px 0 0 10px; min-height:23px; background:url(../images/backgrounds/navbg_fulllength.gif) no-repeat; }
ul.customernav li { display: inline; margin-right:10px; border-right:1px solid #fff; padding-right: 10px; }
ul.customernav a { text-decoration:none; }
ul.customernav a:hover { text-decoration:underline; }
ul.customernav  .killborder { border:0; }


ul.list-type1{}
ul.list-type1 li{
 background:url(../images/note_bullet2.gif) no-repeat 0 3px;
 padding:0 0 0 20px;
 margin:0 0 5px 0;
}

ul.list-type2{ margin:0 0 15px 0; }
ul.list-type2 li{
 background:url(../images/bullet.gif) no-repeat 0 2px;
 padding:0 0 0 20px;
 margin:0 0 5px 0;
}

.selected a {
	border: 1px #ccc solid;
	padding: 2px;
}

#promText {
	margin: 2px;
	padding: 0;
	text-align: right;
}
#promText input {
}
.odd {
	background: #f5f5f5;
}
.even {
	background: #fff;
}
.isGift {
	background: #D8E7F5;
}
table#email_list {
	margin: 10px 5px;
}


/* Customer Account "continue shopping" buttons */
.cart-return{ float:right; text-align:right; padding:10px; }
.cart-return a{ margin:0 0 0 10px; }

#prodGallery { float:left; padding-left:10px; }

#prodGallery li{ border:1px solid #ccc; padding: .5em; margin-left:10px; margin-bottom:10px;}

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


#page_slugs { list-style: none; padding:0; margin:0 0 15px 0; font-size:1em  }
	#page_slugs li { display:inline; }

#files { margin:0 0 15px 0; }
#files ul li {
	list-style-position : inside;
	list-style-image: url('/images/file_icons/txt.gif');
	line-height: 20px;
}
	#files ul li.exe {
		list-style-image: url('/images/file_icons/exe.gif');
	}
	#files ul li.pdf {
		list-style-image: url('/images/file_icons/pdf.gif');
	}
	#files ul li.ai, #files ul li.eps {
		list-style-image: url('/images/file_icons/ai.gif');
	}
	#files ul li.tiff, #files ul li.tif {
		list-style-image: url('/images/file_icons/tiff.gif');
	}
	#files ul li.gif {
		list-style-image: url('/images/file_icons/gif.gif');
	}
	#files ul li.jpeg, #files ul li.jpg {
		list-style-image: url('/images/file_icons/jpg.gif');
	}
	#files ul li.psd {
		list-style-image: url('/images/file_icons/psd.gif');
	}
	#files ul li.csv, #files ul li.xls, #files ul li.xlb {
		list-style-image: url('/images/file_icons/excel.gif');
	}
	#files ul li.doc, #files ul li.docx {
		list-style-image: url('/images/file_icons/doc.gif');
	}

#questions{list-style:decimal; margin: 0 0 15px 25px;}
#questions li{ margin:0 0 10px 0;}

.answer{ margin:0 0 15px 0; border-bottom:1px solid #ffefb6;}

#frmCart table{ border-collapse:collapse; margin:0 0 15px 0; } 
#frmCart td, #frmCart th{ padding:5px; border:1px solid #ffefb6;  }

table.tbl1{ border-collapse:collapse; margin:0 0 15px 0; } 
.tbl1 td, .tbl1 th{ padding:5px; border:1px solid #ffefb6;  }

#frmCart .cartbuttons td{ padding-right:10px; border:none; }

.portrait{ float:right; margin:0 0 15px 20px; }