/*******************************************************************************
* Base Styles - DON'T CHANGE THESE!!!                                          *
*                                                                              *
* These rules are used to reset the CSS default properties so things render    *
* identically (or as close we we can get them) in different browsers.          *
*******************************************************************************/

body									{ margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 }
h1, h2, h3, h4, h5, h6, p,
ul, ol, dl, form, fieldset,
table, address, blockquote				{ margin: 0 0 1.22em 0; padding: 0; }
ul ul, ul ol, ol ol, ol ul				{ margin-bottom: 0 }
ul, ol, blockquote						{ margin-left: 1.75em }
blockquote								{ margin-right: 2.75em }
fieldset 								{ padding: 0.5em }
table									{ border-collapse: collapse; border-spacing:0 }
th										{ }
select,input,textarea					{ font: inherit }


/******************************************************************************* 
* Page Structure                                                               *
*******************************************************************************/

body									{ background:url("images/body-back.jpg") 0 0 repeat-x  #FEFACA;  margin:0; font-size:.9em; font-family:arial; line-height:160%; padding-top:20px;}

#container								{ width: 730px; margin: auto; background:#fff; padding:0 15px 0px 15px;  position:relative; }

#header									{ background:url("images/top-banner.jpg") 0 0 no-repeat; margin:0 -15px; height:70px;}

#navigation								{ margin:0 -15px 20px -15px; }

#breadcrumbs							{ margin: 0 0 20px 0; font-size:80%; color:#666;}

#footer									{ clear: both; text-align:center; font-size:80%; padding-top:10px; border-top:1px solid #ccc; line-height:120%; background:url("images/footer-back.png") bottom left no-repeat ; margin:0 -15px;  padding:15px 20px 20px 20px; }
#content								{ float: right; width: 510px; border-left:1px solid #ccc; padding-left: 20px; position: relative; left:-2px; margin-bottom:10px; }
#related								{ float: left; width: 177px; border-right:1px solid #ccc; padding-right:20px; padding-top:100px; margin-bottom:10px;}

form textarea							{ width:230px; }

/******************************************************************************* 
* Common Styles                                                                *
*******************************************************************************/

#content h1							{ color: #0018A8; font-size: 200%; margin-top: 0px; margin-bottom: 20px; display:block; line-height:110%}
#content h2							{ color: #0018A8; font-size: 140%; font-weight: normal; margin-bottom: 15px; }
#content h3							{  margin-bottom: 10px }
#related h2,						
#related h3							{ font-weight: bold; color: #02b; padding: 6px 10px; font-size: 110%; background: #F5B74D url("images/navback.png") 0 100% repeat-x;border-right: 2px solid #FCBB2B; border-left: 2px solid #FCBB2B }

#related fieldset					{ border:none; padding:0; margin:0; }


#header h1								{ margin: 0 }
#header img								{ position:absolute; top:20px; left:40px; }
#header em								{ display:none; }
#header a.donate						{ position: absolute; right: 20px; top: 15px; background:url("images/donate.png") no-repeat; padding: 0; border:none;  }
#header a.donate 						{ display: block; width: 163px; height: 46px; text-indent: -1000em; overflow: hidden;  }

#map									{ height:350px; width:500px; border:5px solid #ffbb33 }

#related ul								{ list-style:none; margin:0 0 30px 0; }
#related ul li							{ background:url("images/local-nav-bullets.jpg") 0 .5em no-repeat; padding-left:15px; margin-bottom:3px;}
#related ul ul							{ margin:5px 0 0 0; }
#navigation	a.skip						{ position: absolute; left:-1000em }
#navigation	ul							{ list-style: none; margin: 0; background: #F5B74D url("images/navback.png") 0 100% repeat-x; padding:7px 0; padding-left: 197px}

#navigation li			     		   { display: inline; padding: 0 5px 0 2px;  border-right: 1px solid #0018A8; margin:0; }
#navigation	li:last-child				{ border-right:none }
#navigation li a						{ color: #02b; text-decoration: none; font-size:90%; }
	
#footer	ul								{ list-style: none; margin-left: 0 }
#footer	li								{ display: inline; margin-right: 1em }

/********** Call to Actions */

#related .call-to-actions img			{ border:none; margin:0 auto 15px auto; display:block; }

/********** Table Styles */

#content img							{ margin:10px auto; display:block; border:5px solid #FFBB33; }
#content table							{ border-collapse: separate; border:none; }
#content th								{ border:none;  color:#0018A8; }	
#content tr								{  border:none; }
#content td								{ border:none; padding:5px; border-top:1px solid #FFBB33; }
#content th								{  padding:5px; }


/******************************************************************************* 
* Page Specific Styles                                                         *
*******************************************************************************/

.form form								{ border:none; }
.form fieldset							{ border-color: #0018A8;  }
.form dl								{ line-height: 1.5em }
.form dt								{ margin-bottom: -1.5em; font-weight:bold }
.form dd								{ margin-left:250px; padding-bottom:2px; margin-bottom:5px; }
.form dt.checkbox						{ padding-left:24px }
.form dd.checkbox						{ margin-left: 0 }

.form dd.checkbox-list					{ padding-left: 24px; position: relative; margin: 0;  }
.form dt.checkbox-list					{ margin-bottom:1em}
.form dd.checkbox-list input			{ position: absolute; left:0 }

.form .checkboxgroup dd.checkbox   		{ /*float:left;*/ clear:both}
.form .checkboxgroup dd.checkbox label 	{ margin-left:4px; float:right; width:464px; }
.form .checkboxgroup dt,
 .form .checkboxgroup dd.textareainput	{ clear:both}
.form .checkboxgroup dt#MiscInfo  		{ padding:0 0 25px 0; }


body.img-right #content img		   		{ float:right; margin:0 0 15px 15px; clear:right;}
body.img-right #content h2				{ clear:right; }



body.cor-supp #content	img					{ border:none; float:right;clear:right; margin:00px 0 20px 20px}
body.cor-supp #content  b					{ clear:right; }

div.error, div#form-error					{ border:3px double #c66; background:#fee; padding:10px; margin-bottom:1.5em }
div.error h1, div#form-error h1				{ color: #a00; font-size:1.4em; background: none }

div.success									{ border:3px double #6c6; background:#efe; padding:10px; margin-bottom:1.5em }
div.success h1								{ color: #0a0; font-size:1.4em; background: none }


/* Search Site */

#related .site-search input				{ width:130px; }
#related .site-search input.button				{ width:40px; }

/*******************************************************************************
* Boomerang - CSS															   *
*******************************************************************************/

/* Basket Summary */

div.shop-basket-summary						{ position: relative; margin-bottom:25px; }
div.shop-basket-summary	h2					{ margin: 0 0 0.5em 0 }
div.shop-basket-summary	p					{ font-size:88%; margin:0 }
div.shop-basket-summary	ul					{ display: inline; margin:0; padding:0;  }
div.shop-basket-summary	li					{  margin:0 0 0 0 ; padding:0 0 0 0.5em;  }

/* Product Categories */

div.shop-categories h2						{ display: none }

/* Product */

.product 									{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; position: relative; padding:10px 110px 10px 190px; min-height:186px; margin:-1px 0 0 0; _height:190px }
#content div.product h2						{ background: none; margin:0 0 0.5em 0; padding:0; font-size:140%; position: static }
.product h2	span							{ position: absolute; right:0; top:15px; width:85px; height:90px; background: no-repeat; overflow: hidden; text-indent:-1000em }
.product h2	span.promo-2					{ background-image: url("images/promo-sale.png") }
.product h2	span.promo-3					{ background-image: url("images/promo-new.png") }
.product h2	span.promo-4					{ background-image: url("images/promo-special.png") }
.product h2	span.promo-5					{ background-image: url("images/promo-intro.png") }
.product h2	span.promo-8					{ background-image: url("images/promo-3for2.png") }
.product h2	span.promo-9					{ background-image: url("images/promo-5for4.png") }
.product h2	span.promo-10					{ background-image: url("images/promo-2for1.png") }
.product span.image							{line-height:170px; text-align:center; display:block; position: absolute; left:0px; top:15px; height:150px; width:150px; }

#content .product img						{ margin:0; float: none }
.product ul.controls						{ position: absolute; right:10px; top:120px; width:90px; list-style: none; margin:0; padding: 0  }
.product ul.controls li a					{ display: block; width:100px; height:20px; text-indent:-1000em; overflow:hidden; margin-bottom:5px }
.product ul.controls li a.add-to-cart		{ background: url("images/btn-add-to-cart.png") no-repeat }
.product ul.controls li a.more-info			{ background: url("images/btn-more-info.png") no-repeat }
.product ul.controls li a.free-trial		{ background: url("images/btn-free-trial.png") no-repeat }

.product dl.pricing							{ line-height: -1.2em; padding:1em 0 0 0; }
.product dl.pricing dt						{ margin-bottom: -1.2em }
.product dl.pricing dd						{ margin-left:80px; font-weight: bold }
.product dl.pricing dd span					{ font-size:85%; vertical-align: bottom; }
.product dl.pricing dd em					{ font-size:75%; vertical-align: top; padding-left:0.15em }
.product dl.pricing .your-price				{ color: #060 }

.product dl.details							{ line-height: -1.2em; margin:0; }
.product dl.details dt						{ margin-bottom: -1.2em }


div.productlist .product								{ clear: both }
div.productlist-paging									{ float:left; clear:both; margin:0.5em 0 0 0 }

/* Product Details */									

div.productdetails .product 							{ margin-bottom:1em }
div.productdetails h1									{ position: relative; color:#fff; font-weight: normal;   }

/* Basket */

#content div.shop-basket table							{ border-collapse: separate; border: none }
#content div.shop-basket table td						{ border: none; border-bottom:1px solid #ccc  }
#content div.shop-basket table th						{ border: none; border-bottom:1px solid #ccc  }
#content div.shop-basket table input					{ text-align: center }
#content div.shop-basket div							{ text-align: center }

/* Checkout */

#content div.shop-checkout dd										{ padding:0; margin:0 0 3px 0; }
#content div.shop-checkout fieldset								{ border-color: #0018A8;  }
#content div.shop-checkout fieldset p								{ float: right; width:170px; clear: right; margin-bottom:3em; line-height:1.25; color:#555; font-size:90%}

/* Call to Actions */

#content .call-to-actions 	 							{ overflow:auto; float:left; margin: 0 -6px; }
#content .call-to-actions img							{ margin: 0 8px 12px 9px; display:block; float:left; border:none; _margin:0 5px 12px 7px  }
/*
#call-to-actions .call-to-actions 	 					{ margin: 0 -6px }
#call-to-actions .call-to-actions img					{ margin: 0 8px 12px 9px; border:none;  }
*/
/* Quick Login */


div.quick-login fieldset					{ margin:0; padding:0; border-color: #0018A8;  }
div.quick-login input						{ width:165px; margin-bottom:0.5em }
div.quick-login input.button				{ display: block; width:4em; }
div.quick-login a							{ font-size:85%; color:#000 }

/* Login */

div.login fieldset 									{ margin:0 0 15px 0;padding:0;border-color: #0018A8; padding:15px; }
div.login fieldset input							{ width:98%; }
div.login fieldset dd								{ margin-left:0;}
div.login fieldset dt								{ padding-top:10px; }
#page.login div.login								{ width:250px; float:left; background:#e8eeff;padding:10px; margin-right:2%   }

/* Login */

div.login-reminder fieldset							{ margin:0 0 15px 0;padding:15px;border-color: #0018A8;}
div.login-reminder fieldset input					{ width:98% }
#page.login div.login-reminder 						{ width:250px; float:left; background:#e8eeff; padding:10px  }
#page.login div.login-reminder h2,
#page.login div.login h2							{ margin:0 0 1em 0}
div.login-reminder fieldset dd								{ margin-left:0;}


.productlist-paging form 					{ float: right }
.productlist-paging p 						{ float: left }
.productlist-paging p strong 				{ padding:0 0.35em; border:1px solid #fff; font-weight: normal; }
.productlist-paging p a 					{ padding:0 0.35em; border:1px solid #ccc; text-decoration: none; color: #666 }

a.feed										{ display:block; width:24px; height:24px; overflow:hidden; background: url("images/feedicon-small.png") no-repeat; text-indent: -1000em }

.product dl.pricing							{ line-height: -1.2em; margin:0; }
.product dl.pricing dt						{ margin-bottom: -1.2em }
.product dl.pricing dd em					{ font-size:75%; vertical-align: top; padding-left:0.15em }
.product dl.pricing .your-price				{ color: #060 }

.product dl.details							{ line-height: -1.2em; margin:0; }
.product dl.details dt						{ margin-bottom: -1.2em }




/*
body.gallery #content ul				{ list-style:none; margin:0; }
body.gallery #content li				{ margin-bottom:15px; }
body.gallery #content img				{ border:none; }
*/


#gallery div#images 			{ border: 1px solid #ccc ; list-style: none; margin: 0; padding: 10px; overflow: hidden; line-height:0px; }
#gallery div#images img			{ margin: 0; padding: 0; position: static; float: none; border: none}

#gallery ul#thumbnails			{ list-style: none; margin: 0; }
#gallery ul#thumbnails li		{ float: left; margin:10px 10px 0 0; width:78px; height:62px; line-height:62px; border: 1px solid #ccc; padding: 6px; text-align:center; overflow: hidden; cursor: pointer; }
#gallery ul#thumbnails li img	{ margin: auto; padding: 0; position: static; float: none; border: none; display: inline-block; vertical-align:middle; }
#gallery ul#thumbnails li.active,
#gallery ul#thumbnails li:hover	{ padding: 5px; border-width:2px; border-color:#666 }