html{
	height: 100%; 
	width: 100%; 
	margin: 0; 
	padding: 0;
}
body{
	margin: 0;
	padding: 0; 
	text-align: center; 
	background: #202020 url('pagebg.jpg') bottom left fixed; 
	font-size: 12px;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}
a{ 
	color: #003; 
	text-decoration: none; 
	font-weight: 500; 
	font: 12px Georgia;
}
b{
	font-weight: 600;
}
*{
	margin: 0; 
	padding: 0;
}

div#main a{text-decoration: underline;}
div#main .Task_Message a{text-decoration: none;}
div#main .task_project a{text-decoration: none;}
/*Core Elements*******************************************************************************/
div#sitetitle{
	background: transparent url(sitetitle-bg.gif) scroll; 
	width: 772px;
	height: 31px;
	margin: 0 auto 0 auto;
	color: #CCC6B6;
	font-size: 20px;
	padding-top: 10px;
}
div#masthead{
	width: 770px;
	height: 175px;
	background: #DDD;
	margin: 0 auto 0 auto;
	border-right: 1px solid #423B31;
	border-left: 1px solid #423B31;
}
div#page{ 
	width: 770px;
	min-height: 500px;
	background: white url('right.jpg') repeat-y;
	margin: auto;	padding: 0;	
	display: block;	
	text-align: left;	
	border-right: 1px solid #423B31;
	border-left: 1px solid #423B31;
}
div#footer{	
	background: transparent url(footer-bg.gif) scroll; 
	width: 772px; 
	height: 38px;
	background-position: left top;
	margin: 0px auto 100px auto;
	padding: 0; 
	text-align: center; 
	clear: both; 
	color: #999;
}
div#footer a {
	color: #999;
}

/*Column Elements****************************************************************************/
ul#nav{
	background: transparent url('mainnav-bg.jpg') scroll; 
	width: 770px; 
	height: 45px;
	text-align: center;
	margin-left: 0px;
}
div#container{
	background: transparent url(extra-container.jpg) scroll; 
	width: 770px; 
	height: 30px;
}
div#main{ 
	width: 550px;
	min-height: 300px; 
	margin: auto;
	border-color: #004;
	float: left;
	clear: left;
}
div#right {
	width: 200px; 
	float: right; 
	clear: right; 
	margin:  30px 8px 0 0px; 
	padding: 0; 
}
	
/*Content Elements****************************************************************************/

div.bodytext {
	text-align: left;
	width: 530px;
	color: #000;
	padding-bottom: 50px;
	float: left;
	font-size: 12px;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 50px;
	margin-left: 10px;
}
div#masthead img{
	position: relative;
	top: 0;
	left: 0;
	width: 770px;
	height: 175px;
}
h1{
	font-size: 18px;
	color: #312D22;
	margin-left: 0px;
	border-bottom: 2px solid #3C382D;
	margin-bottom: 10px;
}
h2 { 
	font-size: 15px;
	color: #312D22;
	margin-left: 0px;
	margin-bottom: 0px;
	clear: both;
}



/*Navigation Elements************************************************************************/
ul#nav li {
	height: 25px;
	float: left; 
	clear: none;
	margin-top: 5px;
	padding: 5px 10px 0px 10px;
	border-right: 1px solid #111;
	text-align: center;
	cursor: pointer;
}
ul#nav li a{
	display: block;
	color: #DDD;
	font-size: 12px;
	font-family: Georgia;
	text-align: center;
}
ul#nav li img{
	display: none;
	width: 8px;
	margin: 0px auto 0px auto;
}

ul#secnav{
	
	color: #111;
	width: 760px;
	height: 25px;
	margin: 0;
	text-align: center;
	
	/*
	background: transparent url('secnav-bg.jpg') scroll; 
	width: 770px; 
	height: 45px;
	text-align: center;
	margin-left: 0px;*/
}
ul#secnav li{

	height: 20px;
	float: left; 
	clear: none;
	margin-top: 3px;
	margin-left: 10px;
	margin-right: -10px;
	padding: 0px 10px 0px 10px;
	text-align: center;
	cursor: pointer;
	text-indent: 0px;
	list-style: none;
	list-style-position: inside;
	border-right:1px solid #111111;
	
	/*height: 25px;
	float: left; 
	clear: none;
	margin-top: 5px;
	padding: 5px 10px 0px 10px;
	border-right: 1px solid #111;
	text-align: center;
	cursor: pointer;*/
}

ul#secnav li a {color: #111;}

/*Bodytext Elements************************************************************************/

div.bodytext ul#categorynav{
	list-style-position: inside;
	text-align: left;
	margin-left: -40px; 
}
div.bodytext ul#categorynav li{
	padding-top: 20px;
	font-size: 16px;
	height: 50px;
	width: 530px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	border-bottom-width: 1px;
	list-style-position: inside;
	text-align: left;
	margin-left: 40px; 
	background-position: center top;
	background-image: url(category.png);	
}
div.bodytext ul#categorynav li a{
	font-size: 16px;
	border-bottom-style: none;
	list-style-position: inside;
	text-align: left; 
}
div#topleft{
	width: 260px; 

	float: left; 
	clear: left;
	margin-right: 5px; 
	margin-bottom: 5px; 
}
div#topright{
	width: 260px; 
	float: right; 
	clear: right;
	margin-left: 5px; 
	margin-bottom: 5px; 
}
div.productblock{
float:left;
clear:none;	
padding:0;
width :165px;	
-moz-border-radius: 5px;
-webkit-border-radius: 5px;	
margin-bottom:5px;
border:1px solid #bdbc80;
background-color:#eee;	
margin:5px 4px 5px 5px;	
padding-top:3px;
}
div.displayproductblock span{
float:left;
}

div.productblock a{
	
float:left;
font-family: Arial, Helvetica, sans-serif;
line-height:1.4em;
}
div.displayproductblock{
float:left;	
margin-left:10px;
}
div.productblock a div.displayproductblock img{
text-decoration: none;
margin-top:10px;
width:145px;
border:0;
}
div.addproductblock{
padding-top:3px;
padding-bottom:3px;
float:left;
clear:left;
background-color:#ddd;
margin-top:2px;	
width:155px;
padding-left:10px;

}
span.productprice{
margin-left:55px;	
}
div.addproductblock span{
float:left;	
margin-left:35px;
margin-right:7px;
}
div.addproductblock img{
border:0;
height:15px;	
}
div.productname a.price{
margin-left:65px;	
}
div.links{
margin-left:40px;		
}

/* SHOPPING CART FULL */

div.shoppingfull{
float:left;
clear:none;	
width :528px;	
-moz-border-radius: 5px;
-webkit-border-radius: 5px;	
margin-bottom:5px;
border:1px solid #bdbc80;
background-color:#eee;		
}
div.shoppingfull div.title{
float:left;
clear:left;
width:520px;
background-color:#ddd;
height:23px;
padding-top:2px;
padding-left:8px;
}
div.shoppingfull div.title div.image{
float:left;
clear:none;
line-height:1.4em;
font-weight: bolder;
font-size: 14px;
margin-left:30px;
}
div.shoppingfull div.title div.name{
float:left;
clear: none;
line-height:1.4em;
font-weight: bolder;
font-size: 14px;
margin-left:130px;
}
div.shoppingfull div.title div.price{
float: left;
clear: none;
line-height:1.4em;
font-weight: bolder;
font-size: 14px;
margin-left:25px;
}
div.shoppingfull div.title div.quantity{
float: left;
clear: none;
line-height:1.4em;
font-weight: bolder;
font-size: 14px;
margin-left:110px;
}
div.shoppingfull div.item{
float:left;
clear:left;
margin:10px;
width:498px;
background-color:#ddd;
height:82px;	
padding:5px;
	
}

div.shoppingfull div.bottomcart{
float:left;clear:left;
width:520px;
}

div.shoppingfull div.priced{
float:right;
clear:none;
margin:0;
width:115px;
background-color:#eee;
height:50px;		
}



div.shoppingfull div.priced div.sub{float:left; clear:left; width:60px; font-weight: bolder; margin-right:15px; margin-bottom:3px;}
div.shoppingfull div.priced div.subdis{float:left; clear:none; width:40px;}
div.shoppingfull div.priced div.tax{float:left; clear:left; width:60px; font-weight: bolder; margin-right:15px; margin-bottom:3px;}
div.shoppingfull div.priced div.taxdis{float:left; clear:none; width:40px;}
.ie7 div.shoppingfull div.priced div.taxdis{float:left; clear:none; width:40px; margin-top:2px;}
div.shoppingfull div.priced div.ship{float:left; clear:left; width:60px; font-weight: bolder; margin-right:15px; margin-bottom:3px;}
div.shoppingfull div.priced div.shipdis{float:left; clear:none; width:40px;}
.ie7 div.shoppingfull div.priced div.shipdis{float:left; clear:none; width:40px; margin-top:2px;}
div.shoppingfull div.priced div.tot{float:left; clear:left; width:60px; font-weight: bolder; margin-right:15px; margin-bottom:3px;}
div.shoppingfull div.priced div.totdis{float:left; clear:none; width:40px;}
.ie7 div.shoppingfull div.priced div.totdis{margin-top:3px;}
div.shoppingfull div.item div.image img{float:left; clear:left; width:80px; height:80px; margin-right:5px;}
div.shoppingfull div.item div.name{float:left; clear:none; width:282px;text-align: center; height:25px;margin-top:10px; }
div.shoppingfull div.item div.quantity{float:left; clear:none; width:50px; height:25px;margin-left:10px;margin-top:10px;}
div.shoppingfull div.item div.amount{float:left; clear:none; width:55px; height:25px;margin-left:16px;margin-top:10px;}
div.shoppingfull div.item div.itemrow{float:left; clear:none; border-bottom:#bdbc80;}

div.shoppingfull div.buttons{
float:left;
clear:none;
width:150px;
background-color:#eee;
height:80px;	
margin:0 0 10px 10px;
}
div.shoppingfull div.buttons input{
background-color: #bdbc80;
border:1px solid black;
width:150px;
margin-bottom:5px;
}
.ie7 div.shoppingfull div.buttons input.updatecart{
margin-left:-10px;
}

div.shoppingsmall{
/* SMALL CART */
float:left;
clear:none;
width:200px;	
-moz-border-radius: 5px;
-webkit-border-radius: 5px;	
margin-bottom:5px;
border:1px solid #bdbc80;
background-color:#eee;	
}

div.shoppingsmall .shopping_head{
background-color:#ddd;
width: 192px;
height:23px;
padding-top:2px;
padding-left:8px;
}
/*
div.shoppingsmall .bottombar{
background-color:#ddd;
width: 192px;
height:23px;
padding-top:2px;
padding-left:8px;
}
*/
div.shoppingsmall .shopping_item{
float:left;
clear:left;
margin:5px;
width:180px;
background-color:#ddd;
padding:5px;
}

div.shoppingsmall b{
margin: 5px;
float: right;
}

div.shoppingsmall .bottombar a{
font-size: 10px;
}
/*PRODUCT DISPLAY INFO*/
div.productWithInfo{
float:left;
clear:none;	
width :528px;	
-moz-border-radius: 5px;
-webkit-border-radius: 5px;	
margin-bottom:5px;
border:1px solid #bdbc80;
background-color:#eee;	
}
div.productWithInfo img{float:left; clear:left; margin:5px;}
div.productWithInfo div.productDisplayInfo{
float:left;
clear:none;
width:350px;
margin-top:5px;
height: 100px;
padding:5px;
background-color: #ddd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #ddd;	
}
div.productWithInfo div.productDisplayInfo p{float:left;
clear:none;
margin-top:5px;
border-top:1px solid #bdbc80;
padding-top:8px;
width:347px;
}
div.productWithInfo div.footer{
float:left;
clear:none;
margin:5px;
width:340px;	
}
div.productWithInfo div.footer a{float:left; clear:none;}
div.productWithInfo div.footer img{
float:left;
clear:none;
border:0;	
}

/*CSS Hacks************************************************************************/

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

li {list-style: none;}

table.memberlogin { padding: 5px; float: left; clear: none;}
table input { width: 150px; border: 1px solid #000; background: #DDD;}
table input.submit {background: #bdbc80; color: #333; width:152px;}
  
div.membertab { width: 195px; text-align: center; padding: 5px; }
div.membertab a { display: block; background: #49453A; color: #DDDDDD; width: 186px; margin: 0 0 4px 3px; padding: 3px 0 3px 0; border: 1px solid #211D12; }
div.membertab p.title { font-size: 14px; color: #444; margin-bottom: 10px; }
div.membertab p.subtitle { font-size: 12px; color: #444;}


/*NON CORE METHOD CSS ::  METHOD CSS CREATED PRIMARILY FOR BEN BEVERIDGE DOMAIN - NOW SPREAD TO OTHER DOMAINS - ALSO CSS HACKS FOR IE 6*/


/*NEWS*/
div.newsblock {width: 520px; margin: 5px 0 20px 0;  border: 3px double #2f2f2f; background: #FFF; border-left: none; border-right: none;}
div.newsblock .headline {font-weight: 600; font-size: 14px; height: 20px; background: #F4F6F8; border-bottom: #1px solid #444; width: 520px;}
div.newsblock .body {width: 515px; padding-left: 5px; margin-top: 5px;  font-style: italic;}
div.newsblock .footer {font-weight: 500; font-size: 10px; height: 14px; background: #F4F6F8; width: 520px; margin-top: 10px; clear: both;}
div.newsblock .footer a {text-decoration: underline;}
div.newsblock .image {width: 185px; float: left; padding: 0; margin: 5px;}
div.newsblock .image img{width: 185px; margin: 0; padding: 0;}

/*RIGHT NEWS*/
div#right div.newsblock {float: left; width: 190px; margin: 5px 0 5px 0; padding: 5px; border: 3px double #2f2f2f; background: #FFF; border-left: none; border-right: none;}
div#right div.newsblock .headline { height: 30px; border-bottom: 1px solid #444; width: 190px; margin-top: 0px; font-size: 12px;}
div#right div.newsblock .body {width: 185px; margin-left: 5px; margin-top: 5px;  font-style: italic;}
div#right div.newsblock .image {width: 185px; float: left;}
div#right div.newsblock .image img{width: 185px;}
div#right div.newsblock .footer {width: 185px; clear: both; }
div.newsblock .footer a {text-decoration: underline;}

div#right div.newsblock .headline a{font-style: oblique;  color: #2F2F2f; font-size: 12px; cursor: pointer;}
div#right div.newsblock .date {font-weight: 600; font-size: 10px; height: 12px;  width: 160px; background: #FFF; border-top: 1px #2f2f2f solid; color: #2f2f2f; margin-top: 5px; }

/*FULL NEWS*/
div.newsarticle {width: 520px; margin: 5px 0 20px 0;}
div.newsarticle .headline {font-weight: 600; font-size: 14px; height: 20px; background: #F4F6F8; border-bottom: #1px solid #444; width: 525px; border-top: 1px solid #004;}
div.newsarticle .image {float: left;}
div.newsarticle .image img{float: left; margin-right: 5px; padding: 10px; background: #CCC;}
div.newsarticle .body {width: 515px; margin-left: 5px; margin-top: 5px;  font-style: italic;}
div.newsarticle .footer {font-weight: 500; font-size: 10px; height: 14px; background: #F4F6F8; width: 520px; border-top: 1px solid #000; margin-top: 20px;}

/*IMG ORIGINAL ASPECT*/
img.originalaspect {width: 240px; padding: 5px; float: left; margin: 5px; clear: none; }
a img.originalaspect {border: 1px solid #000; }

div#right img.originalaspect {width: 180px; padding: 5px; float: left; margin: 5px; clear: none; }
div#right a img.originalaspect {border: 1px solid #000; }

div.simpleAlbum{
cursor:pointer;
float:left;
clear:none;
width:232px;
border:1px solid black;
margin:5px;
background-color:#dddddd;
padding:10px;
}
div.simpleAlbum h3{
cursor:pointer;
float:left;
clear:left;
text-align:center;
width:232px;
}
div.simpleAlbum img{
float:left;
clear:left;
cursor:pointer;
width:230px;
height:230px;
border:1px solid black;
}

div.albumWithInfo{
float:left;
clear:left;
width:530px;
}
div.albumWithInfo div.displayAlbumArt{
float:left;
clear:left;
width:250px;
height:280px;
margin-bottom:10px;
}
div.albumWithInfo div.displayAlbumArt h3{
float:left;
clear:left;
height:30px;
}
div.albumWithInfo div.displayAlbumArt img{
float:left;
clear:left;
width:250px;
height:250px;
}

div.albumWithInfo div.displayAlbumInfo {
float:right;
clear:none;
margin:10px;
width:250px;
}

div.albumWithInfo div.displayTracks{
float:right;
clear:right;
width:260px;
margin-bottom: 30px;
}
div.albumWithInfo div.displayTracks div.trackBlock{
margin:3px;
}

div.trackBlock div.trackno {float: left; clear: left; width: 15px;}
div.trackBlock div.trackname {float: left; clear: none; width: 165px; padding-left: 5px;}
div.trackBlock div.tracklink {float: right; clear: right; width: auto;}

img.listenImg{
height:10px;
border:0;
}

div.albumWithInfo div.displayTracks div.trackBlock a{
float:right;
clear:none;
margin-right:20px;
}
div.albumWithInfo div.footer{
float:left;
clear:both;
}

/*FILES*/
div.balloonitem { display: block; width: 240px; float: left; height: 100px; padding: 5px; margin: 5px 5px 5px 10px; margin-bottom: 0; background: url(balloon.gif) no-repeat; text-align: center;}
div.balloonitem span{ font-size: 18px; margin-top: 5px; display: block; color: #333; width: 180px; text-align: left; padding-left: 10px;}
div.balloonitem A{ font-size: 16px; margin-top: 15px; display: block; font-style: oblique; color: #DDD; text-decoration: underline;}


div#right div.balloonitem { display: block; width: 200px; float: left; height: 100px; padding: 5px; margin: 5px 5px 5px 0; margin-bottom: 0; background: url(smallballoon.gif) no-repeat; }
div#right div.balloonitem span{ font-size: 18px; margin-top: 5px; display: block; color: #333; width: 180px; text-align: left; padding-left: 10px;}
div#right div.balloonitem A{ font-size: 16px; margin-top: 15px; display: block; font-style: oblique; color: #DDD; text-decoration: underline;}

div.filefolderlist {}
li.filelist { margin: 2PX 0 0 0; background: #DFDEA2; text-decoration: underline; list-style: none; padding: 2px 3px 2px 3px; border-bottom: 1px solid #BBB; width: 250px;}
div#right li.filelist { margin: 2PX 0 0 0; background: #DFDEA2; text-decoration: underline; list-style: none; padding: 2px 3px 2px 3px; border-bottom: 1px solid #BBB; width: 150px;}


div.captionmedia {}
img.thumb { width: 490px; padding: 5px; border: 1px solid #000; margin: 5px;}
div.caption { width: 490px; padding: 5px; border-bottom: 3px double #000; margin: 5px; background: url(greystripe.gif);}

/*IE 6 FIXES*/
*html img.originalaspect {width: 215px; padding: 5px; float: left; margin: 5px; }

*html li.filelist {margin-left: -20px;}

*html div.balloonitem {width: 235px; background-attachment: top left; MARGIN-LEFT: -5PX;}
*html div#right div.balloonitem {width: 200px; padding: 0; margin-left: 3px;}
*html div#right table.memberlogin {padding: 0;}
*html div#right div.newsblock {padding: 0; width: 170px; margin: 5px 2px 5px 5px;}
*html div#right div.newsblock .body {width: 150px;}
*html div#right div.newsblock .footer {width: 150px;}
*html div#right div.newsblock div.image  {width: 170px; margin: 2px 2px 2px -3px; }
*html div#right img {width: 150px;  float: left;}


/*PAYMENT*/
table.payment_method_selector {margin-bottom: 20px;}
table.credit_table td {padding: 5px;}

#right .captionmedia img.thumb { width: 93%; }
#right .captionmedia div.caption { width: 93%; }
div.productblock a div.displayproductblock img { width: 125px; }
div.newsarticle .footer { clear: both; }