/* @override http://www.thoughtcrimeink.com/css/thoughtcrime2008.css */

/* @group *info */

/* thoughtcrimeink.com css */
/* Last update: Feb 3 2009 */

/* css released under Creative Commons License: 
/* http://creativecommons.org/licenses/by-nc-sa/1.0/
/* however, all associated graphics copyright 2001-09 thoughtcrime ink */

/* IMPORTANT */

/* This CSS is not a template. You may not reproduce it elsewhere without our written okay. However, feel free to study the CSS and use techniques you learn from it elsewhere. */

/* @end */

/* architecture----------- */

/* @group architecture */

body {
     background: #000;
     background-image: url(http://www.thoughtcrimeink.com/img/backgrounds/tci-background.gif);
	 padding:0px;
	 text-align: center;
	 color: #fff;
	 font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	 line-height: 1.6em;
	 font-size: small;
	 margin-top: 6px;
	 min-width: 790px;
      _min-width: 794px;
}
	  
#wrap { 
    margin:0 auto;
    width:790px;
	_width: 794px; /* width for IE */
	background-image: url(../img/backgrounds/walltexture2.gif);
	_background-image: url(../img/backgrounds/walltexture2_ie.gif);
	background-repeat: repeat-y;
}

#wrapparel { /* for  apparel detail page */ 
    margin:0 auto;
    width:790px;
	_width: 794px; /* width for IE */
}

#wrap960 { 
    margin:0 auto;
    width:960px;
	_width: 964px; /* width for IE */
	background-image: url(../img/backgrounds/walltexture2.gif);
	_background-image: url(../img/backgrounds/walltexture2_ie.gif);
	background-repeat: repeat-y;
}

#wrap_1 { /* contains background for 1-column text pages */
    margin:0 auto;
    width:790px;
	_width: 794px; /* width for IE */
	background-image: url(../img/backgrounds/walltexture1.gif);
	_background-image: url(../img/backgrounds/walltexture1_ie.gif);
	background-repeat: repeat-y;
}

#flexwrap { /* for popups (rare) */
    width:100%;
	background-image: url(../img/backgrounds/walltexture1.gif);
	background-repeat: repeat-y;
	overflow: hidden;
}

#flexwrapentry {
	text-align: center;
	color: #333;
}

#content, #content1, #content2 {
    padding:0px;
	clear:both;
	position: relative;
    }

#bigphoto {
	text-align: left;
	_width: 790px; /* for IE, width we want + border */
    padding:0px;
	border-left: 2px solid #333;
    border-right: 2px solid #333;
/*  border-top: 4px solid #333; */
/*	background-color: #cc9; */
	clear:both;
	height: 160px;
	position: relative;
	overflow: hidden;
	/* z-index: 95; */
	/* border: 1px solid #fff; */
    }
    
.bigphoto2 { background: url(../img/bigshirts/bigshirt2.jpg) no-repeat; overflow:hidden; }

#main { /* for one-column pages - shirts only */
    float:left;
    width:100%;
	text-align:left;
	background-color:#333;	
	/* padding-top: 1em; */
	margin: -2px 0px 0px 0px; padding: 0px;
	color: #fff;
	font-weight:bold;
    }
    
#mainbooks { /* for one-column pages - shirts only */
    float:left;
    width:100%;
	text-align:left;
	background-color:#333;	
	/* padding-top: 1em; */
	margin: -2px 0px 0px 0px; padding: 0px;
	color: #000;
	font-weight:bold;
	background-image: url(../img/backgrounds/walltexture1.gif);
	_background-image: url(../img/backgrounds/walltexture1_ie.gif);
    }
    
#mainbooks h2, #mainbooks p { 
	text-align: left;
	color: #000;
	margin-left: 8px;
}   
    
#mainmedia { /* for two-column pages - books and media */
    float: left;
	width: 787px; 
	text-align: left;
	background-color: #333;
	padding-left: 3px; 
	margin: -2px 0px 0px 0px; padding: 0px;
	color: #fff;
	font-weight: bold;
	background-image: url(../img/backgrounds/mediatexture.gif);
	_background-image: url(../img/backgrounds/mediatexture.gif);
	color: #333;
}

#maintext_one .left {
	float: left;
	width: 355px;
/*	border: 1px solid #000; */
}

#maintext_one .right {
	float: right;
	width: 355px;
/*	border: 1px solid #000; */    
}

#maintext_iframe {
	width: 355px;
	height: 650px;
	border: 1px solid #000;
}

#maindesign { /* another one column page -- text -- */ 
	background-image: url(../img/backgrounds/walltexture1.gif);
	float:left;
    width:750px;
    _width:785px;
    overflow: hidden;
	text-align:left;
	padding: 18px;
	color: #333;
	font-weight: normal;
}

#maindesign table {color: #333; }

#maindesign .nextprev {
	font-size: .8em;
	text-align: right;
	border-bottom: none;
	line-height: 1em;
}

#maindesign .leftcol {
	float: left;
	width: 400px;
/*	border: 1px solid #c00; */
	font-size: .8em;
	font-weight: normal;
	color: #333;
}

#maindesign .rightcol {
	float: right;
	width: 315px;
	_width: 315px;
	padding: 0px;
	margin: 0px 0px 25px 0px;
	_margin: 0px 0px 25px 0px;
	text-align: right;
}

#mainedit { /* another one column page -- text -- */ 
	background-image: url(../img/backgrounds/walltexture1.gif);
	_background-image: url(../img/backgrounds/walltexture1_ie.gif);
	float:left;
    width:737px;
    overflow: hidden;
	text-align:left;
	padding: 2em;
	color: #333;
	font-size: 1em;
}

#mainedit .formlabel {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #666;
}

#mainedit table {color: #666;}

#mainedit .formcaption {
	font-size: 0.8em;
	line-height: 1.5em;
	color: #666;
}

#leftedit {
	float: left;
	width: 350px;
/*	border: 1px solid #c00; */
	padding: 0px;
	font-size: 1em;
	font-weight: normal;
    margin-bottom: 25px;
	text-align: left;
}

#rightedit {
	float: right;
	width: 350px;
/*	border: 1px solid #c00; */
	padding: 0px;
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 25px;
	text-align: left;
}

#mainedit h5 {font-size: 1.5em; color: #006; font-size: 1.1em; margin: 0px; padding: 0px; text-align: left;}
#leftedit p.formcaption {font-size: 1em; color: #666;}

#maindesign .scorecomment, #maindesign .commment {
	text-align: right; 
}

#maindesign h5 {
	text-align: left;
	padding: 0px;
	margin: 0px;
}

#maindesign .rightcol h3 {
	font-size: 2em;
	line-height: 1.2em;
	text-align: right;
	margin-bottom: 0px;
	padding-bottom: 0px;
}    

#maindesign .rightcol p {
	font-size: 1em;
}

#maindesign .rank {
	height: 60px;
	width: 300px;
	text-align: right;
	margin-bottom: 10px;
	border: 1px solid #ddd;
}

#maindesign textarea {
	width: 313px;
	height: 150px;
}
	
#maindesign .preview {
	width: 313px;
	background-color: #ccffcc;
}	

#mainmedia .leftcol {
	float: left;
	width: 155px;
/*	border: 1px solid #c00; */
	font-size: .8em;
	font-weight: normal;
}

#mainmedia .rightcol {
	float: right;
	width: 620px;
/*	border: 1px solid #c00; */
	padding: 0px;
	margin-bottom: 25px;
	font-weight: normal;
}
    
#mainhome { /* for new home page */
    float:left;
    width:100%;
	text-align:left;
	background-color:#333;	
	/* padding-top: 1em; */
	margin: -2px 0px 0px 0px; padding: 0px;
	color: #fff;
	font-weight:bold;
	background-image: url(/img/backgrounds/homepagebackground.png);
	background-repeat: repeat-y;
    background-position: 0px 5px;
    }    
    
#main_apparel {
	width: 475px;
	_width: 480px;
	float: left;
}

#main_books {
	width: 154px;
	float: left;
	margin-left: 3px;
	_margin-left: 0px;
}

#main_weblog {
	width: 143px;
	_width: 136px;	
	float: left;
	font-size: .8em;
	line-height: 1.4em;
	font-weight: normal;
	color: #aaa;
	margin-left: 11px;
	_margin_left: 0px;
}
    
    	
#maindetail { /* one-column page - for merch detail page */
    float:left;
    width:100%;
	text-align:left;
	background-color:#333;
	margin: 0px; padding: 0px;
	color: #333;
    }	
		
#maintext { /* text-based main - for two-column pages */
    float:left;
    width:600px;
	text-align:left;
	padding-top: 2em;
	padding-left: 2em;
	color: #333;
    }
	
#maintext_one { /* text-based main - but for one-column pages (membership etc.) */
    float:left;
    width:742px;
	text-align:left;
	padding: 2em;
	color: #333;
    }

/* @end */

/* @group header */

#header, #header960 {
    padding:0px;
    margin:0px;
	background:#fff url(/img/common/header_back.jpg) no-repeat;
	border: 2px solid #333;
	border-bottom: 4px solid #333;
	clear:both;
	height: 98px; /* was 57 */
	position: relative;
	z-index: 1;
    }    
       
#header960 {
	height: 123px;
}       

#header .left, #header960 .left { 
	position: absolute; 
	background:url(/img/common/tci-logo-simple4.gif) no-repeat;
	width: 200px; 
/*	border-left: 2px solid #333; */
	left: 10px;
	top: 10px;
	height: 75px; /* was 57 */
	overflow: hidden;
	}
	
#header .left h1 span, #header960 .left h1 span {display: none; margin: 0px; padding: 0px;}
	 
#header .right, #header960 .right { 
	background-color: #500;
	position: absolute; 
	width: 546px; 
	left: 230px;
	top: 74px;
	_top: 67px;
    text-align: right;
	}
	
#header960 .right {
	left: 405px;
	top: 99px; 
}	
	
#header .coinfo, #header960 .coinfo { 
	position: absolute;
	width: 490px; 
	left: 285px; 
	top: 10px; 
	text-align: right;
	color: #333;
	font-size:.8em; 
	_font-size: .7em;
	line-height: 1.3em;
	_line-height: 1.2em; 
	font-weight: normal; 
	margin: 0px;
	_margin-bottom: -8px; 
	padding: 0px;
/*	border: 1px solid #eee; */ 	
}	

#header960 .coinfo {
	left: 460px; 
}	
	
#header .cartinfo { 
	color: #333;
	position: absolute; 
	width: 490px; 
	left: 285px; 
	top: 45px; 
	text-align: right;
	padding-right: 14px;
	font-size:0.8em;
}


.bigalert {background: #c00;}
.bigalert2 {background: #cc0; line-height: 1.2em; padding: 5px; font-weight: normal; }

#headerbar { background:#444; color: #999; }
.headerbarright { position: relative; float: right; width: 370px; text-align: right; }
.headerbarleft { position: relative; float: left; width: 370px; text-align: left; margin: 2px 0px 0px 5px; }

.bigalert2 { background:#c00; color: #fff; }
.bigalert3 { background:#444; color: #999; text-align: right; }

#headerbar, .bigalert, .bigalert2, .bigalert3,
#headerbar960, .bigalert_960, .bigalert2_960, .bigalert3_960 {
    padding:0px 0px 4px 0px;
    margin:0px 0px 6px 0px;
	clear:both;
	background:#666;
	height: 1.75em;
	_height: 1em;
	color:#fff;
	position: relative;
	width:790px;
	margin: 0px auto;
	font-size:.8em;
	_font-size: .7em;
	text-align:center;
}

#headerbar960, .bigalert_960, .bigalert2_960, .bigalert3_960 { width: 960px;}

.rowunderline {
	border-bottom: 1px solid #000;
}

/* @end */

/* @group footer */

#footer {
/*	padding:5px; */
	padding-top: 5px;
	background-color: #222;
    color: #777; 
    clear:both;
	height: 60px;
	_height: 65px;
	font-size: .8em;
	_font-size: .7em;	
	line-height: 1.2em;
	}
	
#footer .footerlogo { 
/*	background-color: #400; */
    float: left;
	width: 60px; 
	left: 5px; 
	height: 60px;
	_height: 65px;
	overflow:hidden;
	}

#footer .left { 
/*	background-color: #500; */
    float: left; 
	width: 228px; 
	height: 52px;
	_height: 55px;
	overflow:hidden;
	padding-top: 4px;
	padding-left: 10px;
	text-align: left;
	}
	
#footer .middle { 
/*	background-color: #655; */
    float: left;  
	width: 80px;
	_width: 140px; 
	height: 52px;
	overflow:hidden;
/*	padding-top: 10px; */
	padding-left: 60px;
	text-align: left;
    }
    
#footer .cc { margin-top: 4px; }    	
	 
#footer .right { 
/*	background-color: #550; */
    float: right;
    width: 300px;
	height: 52px;
	_height: 55px;
    padding-top: 4px; /* was 4px; */
	padding-right: 10px;
	text-align: right;
	overflow: hidden;
	}
	
#footer .footerlogo, #footer .right, #footer .left, #footer .middle {
	border: 0px solid #fff;
}

.cc {margin-top: 3px; }

/* @end */

/* @group tables general CSS */

.tablehead {background-color: #aaa; font-weight: bold; color: #000; }

.tablesubhead {background-color: #bbb; font-weight: normal; color: #c00;}

.paddedtable {padding: 5px; }

.noborder { border: 0; }

.formcaption {font-size: .8em; line-height: 1.5em; color: #999;}



/* @end */

/* @group forms general CSS */

td {padding: 0px;}

.select {margin-top: 13px; margin-bottom: 5px; padding-bottom: 0px; }

.input, .file, .textarea {margin-top: 13px; margin-bottom: 5px;}

.formbox  {
	width: 400px;
	padding: 0.5em;
	border: 1px solid #ccc;
	margin: 0px 0px 0px 90px;
}

.successbox {width: 500px; margin: 0px 100px; background-color: #999; color: #ddd; border: 1px solid #333; padding: 5px; text-align: center; margin-bottom: 10px;}

#calc {margin-top: 20px; margin-bottom: 20px; margin-left: 43px; padding: 5px; width: 500px;}

legend {border: 1px solid #ccc; font-weight: bold; }
fieldset {width: 400px; }

.button { font-weight: bold; padding: 3px 0px 3px 0px; margin-top: 3px; width: 150px; height: 2.2em; }

a.buttonlink { /* used in adding recordings walk-through -- */
  border: 1px outset;
  padding: 4px;
  text-decoration: none;
  background-color: #eee;
  line-height: 2.6em;
}

#commentform {
	text-align: left;
}

#commentform_right { /* for design feedback and commenting */
	text-align: right;
}



/* @end */

/* @group quotebox CSS */

.quotebox {
	float: left;
	width: 150px;
	font-size: 0.9em;
	line-height: 1.2em;
	border: 1px solid #600;
	padding: 10px; 
	margin: 0 1em 1em 0;
	clear: both;
}

.quotebox p {
	margin: 0;
}

.quotebox ul {
	margin-left: 1em;
	padding-left: 1em;
}


.quotebox .insettitle {font-weight: bold; padding-bottom: 5px;}

.quotebox blockquote {
	line-height: 1.3;
	font-weight: bold;
	padding: 0.5em;
	border-top: 2px solid #600;
	margin: 0;
}

.quotebox .by {
	padding: 0.5em;
}

/* @end */

#graphic_inspiro {
	border: 1px solid #666;
	background: #fff;
	font-size: .8em;
	line-height: 1.2em;
	padding: 5px;
}

/* @group orderlist CSS */

#orderlist { width:550px; }
#orderlist div.selected .title { /* font-weight: bold; */ }
#orderlist div div {
	border-left:8px solid #eee;
	padding: 5px;
}
#orderlist div.title {
	border: 1px solid #7a7a7a;
	background-color: #9a9a9a;
	cursor: pointer;
}
#orderlist div.selected {
	border-bottom: none;
}

.orderlabel {font-weight:bold;}
.memberlabel {font-size: x-small; font-weight:bold;}
.orderfield {font-weight:bold; color: #c00;}
.fieldindent {padding-left: 10px; color: #333; font-weight: bold; }
.alert {color: #c00; font-weight:bold; }

.needs_shipping_costs {font-weight:bold;color:#f00;}
.shipped {font-weight:bold; color:#0c0;}
.good_to_go {font-weight:bold;color:#9f3;}
.processing, .processed {font-weight:bold;color:#cc0;}
.hold_for_pickup {font-weight:bold; color: #f3c;}
.cancelled {font-weight:bold; color: #666;}
.delivered {font-weight:bold; color: #99F;}

.needs_shipping_costs_box {background-color:#f00; margin-right: 5px; float: left; width:10px; height:10px; border: 1px solid #000; }
.shipped_box {background-color:#0c0; margin-right: 5px; float: left; width:10px; height:10px; border: 1px solid #000;}
.good_to_go_box {background-color:#9f3; margin-right: 5px; float: left; width:10px; height:10px; border: 1px solid #000;}
.processing_box, .processed_box {background-color:#cc0; margin-right: 5px; float: left; width:10px; height:10px; border: 1px solid #000; padding: 0px; }
.hold_for_pickup_box {background-color: #f3c; margin-right: 5px; float: left; width:10px; height:10px; border: 1px solid #000;}
.cancelled_box {background-color: #666; margin-right: 5px; float: left; width:10px; height:10px; border: 1px solid #000;}
.delivered_box {background-color: #99F; margin-right: 5px; float: left; width:10px; height:10px; border: 1px solid #000;}

#calendar_1, #calendar_2 {
    position:relative;
	display:none;
	width:170px;
	background-color: #fff;
	height:242px;
	z-index:1;
	overflow:hidden;
}

/* @end */
	
.spacer2 { position: relative; left: 220px; border: 0;}

/* @group product detail page CSS */

#swap_thumbnails { /* position: absolute; top: 0; left: 0; */ border: 0px solid #ff0; height: 403px; width: 506px; }
#swap_bigimage { /* position: absolute; top: 0; left: 0; */ border: 0px solid #ffc; height: 403px; width: 506px; }

.mainphoto {
	padding: 0px;
	border: 1px;
	margin: 2px;
    float: left;
	text-align: center;
    width: 300px;
	height: 403px; 
	overflow: hidden;
	_padding: 5px;
	_background: #fff;
}

.bigproof {
	padding: 0px;
	border: 1px;
	margin: 2px;
    float: left;
	text-align: center;
	overflow: hidden;
}

.bigproof img{
margin:0px;
border:1px solid #a9a9a9;
padding: 5px;
background:#fff;
}


.mainphoto img {
	margin: 0px;
	border: 1px solid #a9a9a9;
	padding: 5px;
	background: #fff;
}

.detailsection {
	float: left;
	text-align: center;
	left: 304px;
	width: 202px;  
/*	background-color: #99FF00; */
	margin: 0px; padding: 0px;  
}

.detailphoto {
	padding: 0px;
	border: 1px;
	margin: 2px 0px 1px 1px;
	float: left;
	text-align: center;
	width: 200px;
	height: 200px;
	overflow: hidden;
	_padding: 5px;
	_background: #fff;
}

.detailphoto img{
margin:0px;
border:1px solid #a9a9a9;
padding: 5px;
background:#fff;
}	

.descriptionsection {
	float: left;
	_float: right;
	text-align: center;
	left: 494px;
	width: 260px;
	_width: 258px;  
/*	background-color: #99FF00; */
	margin: 0px; padding: 0px;  
}

.descriptionsection960 {
	float: left;
	text-align: center;
	width: 245px;
	height: 403px;
	padding: 0px;
	margin: 2px;
	overflow: hidden;
	background-image: url(../img/backgrounds/description.gif);
	background-repeat: repeat-y;
}

.description960 {
	text-align: left;
	font-size: .8em;
	line-height: 1.3em;
	width: 220px;
	height: 401px;
/*	background-color: #99FF00; */
	padding: 5px 10px 10px 10px;
	overflow: hidden;
}

.description, .saledescription {
	float: left;
	text-align: left;
	font-size: .8em;
	line-height: 1.3em;
	width: 260px;
	_width: 270px;
	height: 328px;  
/*	background-color: #99FF00; */
	margin: 2px; 
	padding: 5px 10px 10px 10px;
	_padding: 5px 10px 0px 10px;
	background-image: url(../img/backgrounds/description.gif);
	background-repeat: repeat-y;
	overflow: hidden;
}

.saledescription {
	height: 426px;
}

.description h3 {
	font-size: 2.5em;
	font-weight: bold; 
	text-align: right; 
	margin: 0px; 
	padding: 8px 4px 4px 4px;
}

.description p {
	font-size: 1.2em;
	_font-size: 1em; 
}

.description p.descriptfine, .description p.explanation {
	font-size: 1em;
	_font-size: .8em; 
	line-height: 1.3em; 
	font-weight:normal; 
	color: #666; }
	
.explanation {padding-bottom: 1em; }
.explanation2 {padding-bottom: 3em; }

.pricebox {
	float: left;
	text-align: left;
	font-size: 1em;
	left: 494px;
	top: 252px;
	width: 270px;
    _width: 268px;
	height: 46px;
	_height: 52px;  
/*	background-color: #99FF00; */
	margin: 2px; padding: 4px;
	background-color: #ccc;
	border: 1px solid #a9a9a9;
	overflow: hidden;
}

table.priceboxtable {
	font-size: .9em; 
	line-height: 5px; 
	padding: 0px;
}

td.priceboxcell {
	font-size: .9em; 
	_font-size: .8em;
	line-height: 5px; 
	padding: 0px;
}

td.buttoncontrols {
	font-size: .9em; 
	line-height: 5px; 
	padding: 0px;
}

.salephoto {
	padding: 0px;
	border: 1px;
	margin: 2px;
    float: left;
	text-align: center;
    width: 502px;
	height: 502px; 
	overflow: hidden;
}

.salephoto img{
	margin:0px;
/*	border:1px solid #a9a9a9; */
	padding:0px;
	background:#fff;
}

.order { border: 0px; padding: 0px;}
.memberInfoTable { width: 550px; padding: 15px 0px 25px 10px; }

.pricebox h3 {
	font-size: 2em; 
	font-weight: normal; 
	letter-spacing:-2px; 
	margin: 0px; 
	padding: 0px 5px 0px 0px;
	color: #000;
}

/* @end */

/* @group optionsbar */

/*----------------------------------------------------- =options------ */	

#options, #optionsdetail, #optionsnopic {
	font-size: .8em;
	_font-size: .7em;
	color: #333;
	text-align: left;
	border-left: 2px solid #333;
    border-right: 2px solid #333;
    border-bottom: 4px solid #333;
	background-color: #ccc;
	clear:both;
	height: 50px;
	_height: 59px;
	position: relative;
/*	z-index: 1; */
	/* border: 1px solid #fff; */
    }
	
#options {border-top: 4px solid #333; }
#optionsdetail {border-top: 1px solid #333; }
#optionsnopic {margin-top: 0px; padding-top: 0px; }	
	
#options .left, #optionsdetail .left, #optionsnopic .left { 
/*	background-color: #500; */ 
	position: absolute; 
	width: 223px; 
	left: 10px; 
	height: 50px;
	overflow:hidden;
	text-align: left;
	}

#options .middle, #optionsdetail .middle, #optionsnopic .middle { 
/*	background-color: #400; */
	position: absolute; 
	width: 340px; 
	left: 225px; 
	height: 50px;
	overflow:hidden;
	}
	 
#options .right, #optionsdetail .right, #optionsnopic .right { 
/*	background-color: #550; */
	position: absolute; 
	width: 220px;
	right: 10px;
	height: 50px;
	text-align: right;
	overflow: hidden;
	}	

#options .news, #optionsdetail .news, #optionsnopic .news { 
/*	background-color: #500; */ 
	position: absolute; 
	line-height: 1.3em;
	width: 500px; 
	left: 10px; 
	top: 20px;
	height: 25px;
	text-align: left;
	overflow:hidden;
	}
	
#options .banner, #optionsdetail .banner, #optionsnopic .banner { 
/*	background-color: #500; */ 
	position: absolute; 
	line-height: 1.3em;
	width: 300px; 
	left: 6px; 
	top: 6px;
	height: 39px;
	text-align: left;
	overflow:hidden;
	}	
	
#options .news2, #optionsdetail .news2, #optionsnopic .news2 { 
/*	background-color: #500; */ 
	position: absolute; 
	line-height: 1.3em;
	width: 195px; 
	left: 323px; 
	top: 12px;
	height: 28px;
	text-align: left;
	overflow:hidden;
	}	
	
#options .cartinfo, #optionsdetail .cartinfo, #optionsnopic .cartinfo { 
/*	background-color: #550; */
	position: absolute; 
	line-height: 1.3em;
	width: 240px;
	top: 12px;
	right: 15px;
	height: 28px;
	text-align: right;
	overflow: hidden;
/*	border: 1px solid #bbb; */
	}		


/* -------------------------------=new shopping controls -----------*/

/* @end */

/* @group photo gallery and shipping bar (cranberry) */

#photoshipbar { /* soon to be deprecated */
    border-left: 2px solid #333;
    border-right: 2px solid #333;
	border-top: 1px solid #333;
    border-bottom: 2px solid #333; /*was 5px */
	background-color: #550000;
	_background-color: #770000;
	clear: both;
	height: 35px;
	position: relative;
	z-index: 1;
	font-size: .8em;
	_font-size: .6em;
	line-height: 1.1em;
	color: #c00;
	/* border: 1px solid #fff; */
    }
    
#purchasebar {
    border-left: 2px solid #333;
    border-right: 2px solid #333;
	border-top: 1px solid #333;
    border-bottom: 2px solid #333; /*was 5px */
	background-color: #fff;
	clear: both;
	position: relative;
	z-index: 1;
	/* border: 1px solid #fff; */
    }
    
#sizechoices {
	padding: 5px;
	width: 600px;
	margin-left: 140px;
}

#sizechoices h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	text-transform: capitalize;
}

.fineprintpurchase {
	float: left;
	width: 120px;
	color: #000;
	text-align: left;
	font-size: .7em;
	line-height: 1em;
	padding: 6px;
}

.teebox {
	position: relative;
	width: 635px;
	border: 1px solid #ddd;
	height: 70px;
}

.teedetails {
	position: absolute;
	width: 250px;
	height: 75px;
	text-align: left;
	margin-left: 10px;
}

.teedetails p {
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 1.1px;	text-transform: uppercase;
	text-align: left;
	margin: 0px;
}

.sizevariants { /* block of size buttons */
	position: absolute;
	top: 10px; right: 10px;
}

.sizevariant {
	float: left;
	margin-right: 10px;
}

.sizevariant a {
	display: block;
	text-align: center;
	width: 3em;
	padding: .25em;
	background-color: white;
	font-size: 20px;
}

.sizevariant p.lazycount {
	font-size: 10px;
	text-align: center;
	margin-top: 0px;
}

/* backgrounds for size boxes - used by stock area and in shirt select */
#stocklist {margin: 0px auto important!; width: 500px;}
.tb_asphalt { background-color: #8696A6; color: #fff;}
.tb_black { background-color: #222; color: #fff;}
.tb_red { background-color: #c00; color: #fff;}
.tb_cranberry { background-color: #800; color: #fff;}
.tb_army { background-color: #353432; color: #fff;}
.tb_olive { background-color: #517218; color: #fff;}
.tb_white { background-color: #eee; color: #000;}
.tb_brown { background-color: #4a2f28; color: #fff;}
.tb_baby { background-color: #a5c1cf; color: #fff;}
.tb_ash_grey { background-color: #dbdbdb; color: #000;}
.tb_royal_blue { background-color: #0033ab; color: #fff;}
.tb_baby_blue { background-color: #92bfeb; color: #000;}

#photoshipbar .shipform { 
/*	background-color: #550; */
	position: absolute; 
	width: 580px;
	top: 0px;
	_top: 0px;
	right: 5px;
/*	height: 25px; */
	overflow: hidden;
	/* border: 1px solid #fff; */
	}
	
.photoshipbar {
	font-size: .8em;
	_font-size: .6em;
	line-height: 1.1em;
	color: #c00;
	text-align: right;
}

/* @end */

/* @group headlines */

#main h2, #maintext h2, #maintext_one h2 {
    font-size: 1.5em;
	padding:0 10px;
	margin:0;
}

h5 .mediatitle {
	width: 498px; 
	font-size: 1.5em; 
	font-weight: bold; 
	background-color:#eee; 
	padding-bottom: 10px;
}

#main h3, #maintext h3, #maintext_one h3 {
    font-size: 1.25em;
	padding:0 10px;
	margin:0;
}

#main h4, #maintext h4, #maintext_one h4 {
    font-size: 1em;
	color: #339;
	padding:10px 10px 0px 10px;
	margin:0;
}

#main h5, #maintext h5, #maintext_one h5 {
    font-size: 1.25em;
	color: #339;
	padding:10px 10px 0px 10px;
	margin:0;
}

#maindesign h5 {
    font-size: 1.25em;
	color: #339;
	padding:10px 10px 0px 0px;
	margin:0;
}

#maindesign h5.right {
    font-size: 1.25em;
	color: #339;
	padding:10px 10px 0px 0px;
	margin:0;
}

h6 { /* used for dates & pageup */
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding:0 20px 0 10px;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-align: right;
    margin-bottom: 15px;
	margin-top: 7px;
}

.comment h6	{text-align: right; padding: 0px 0px 0px 0px;}



/* @end */

/* @group paragraph styles */

.explanation p {font-size: .7em; line-height: 1.5em;}

.mediadescription p {font-size: 1em; line-height: 1.5em; }

#main p, #maintext p, #maintext_one p, #mainmedia p {
    padding:0px 10px 0px 10px;
    }
    
#mainmedia h3, #mainmedia h4, #mainmedia h5, #mainmedia table {
    padding:0px 10px 0px 10px;
}

#mainmedia h3 {font-size: 1.3em; font-weight: bold; margin-top: 10px;
}
#mainmedia h4 {font-size: 1.6em; font-weight: bold; margin-top: 0px;}
#mainmedia h5 {font-size: 1.2em; font-weight: bold;}


.mediapreview {
       margin: 0; padding: 6px 0px 0px 6px; 
	   }

.maindivider { /* background: #222; */ color: #fff; font-weight: normal; margin: 3px 0px 3px 0px; }

.subsubheader {color: #339; font-weight: bold;}

.maindivider p { padding:0px 10px 0px 10px;	margin: 0px; }

#chapters { 
	background:#fff; 
	width:375px;
	border-collapse:collapse;
	text-align:left;
	margin: 20px 0px 20px 10px;
}

#tracks { 
	background:#fff; 
	width:600px;
	border-collapse:collapse;
	text-align:left;
	margin: 20px 0px 20px 10px;
}
	
#tracks th, #chapters th {
	font-size:14px;
	font-weight:normal;
	color:#300;
	border-bottom:2px solid #555;
	padding:10px 8px;
}

#tracks td, #chapters td {
	border-bottom:1px solid #555;
	color:#300;
	padding:6px 8px;
}

#tracks tbody tr:hover td,
#chapters tbody tr:hover td {color:#900;}


/* @end */

/* specific sections ------------ */

/* @group section headers */

/*---- these are for the sections of product -- */

#sectionheader, #sectionheader_overview, #sectionheader_new {
	border-left: 2px solid #333;
    border-right: 2px solid #333;
	border-bottom: 2px solid #333;
    /* border-top: 2px solid #333; */
	padding: 4px;
	background-color:#ccc;
	clear: both;
	position: relative;
	height: 1.5em;
	text-align: left;
    }
    
#sectionheader_overview { border-bottom: 4px solid #333; } 

#sectionheader_new {
	height:50px;
	text-align: right;
}    
    
#sectionheader .left, #sectionheader_overview .left {
    float: left;
	color: #333;
	text-align: left;
    font-size: 1.5em;
    _font-size: 1em;
	font-weight: bold;
	height: 1.2em;
	}
	    
#sectionheader .right, #sectionheader_overview .right { 
	position: absolute;
	left: 550px;
    width: 200px;
	padding-top: 0; /* was 4px; */
	padding-right: 10px;
	text-align: right;
	overflow: hidden;
	font-size: small; 
	}
	
#cartinfonew { 
	color: #333;
	font-size:1em;
	line-height: 1.2em;
	height: 50px;
	margin-right: 10px;
}

.cartaccount {
	text-align: right;
	height: 50px;
	padding-right: 10px;
} 

.cartitemcount {
	color: #666;
	font-size: 48px;
	font-family: Arial;
	font-weight: bold;
	text-align: left;
	height: 50px;
}

.carticon {
	width: 40px;
	height: 50px;
	background-image: url(/img/common/bigcart45.png);
	background-repeat: no-repeat;
}

.cartdetails {
	text-align: left;
	line-height: .5em;
}

.breadcrumbs {
	position: absolute;
	left: 10px;
	top: 3px;
	color: #333;
	text-align: left;
    font-size: 13px;
	font-weight: bold;
	height: 1.2em;
	font-family: "Trebuchet MS", Arial, sans-serif;
	clear: both;
}

#sectionheader_new h2 {
	position: absolute;
	left: 8px;
	top: 5px;
	color: #000;
	text-transform: uppercase;
	font-size: 24px;
}

/* @end */

/* @group product page thumbs */

.albfiller img {
	margin: 0px;
	border: 1px solid #333;
	padding: 6px;
	background: #333;
}

.catthumbs{
padding:0px;
border:1px;
width:140px;
w\idth: 120px;
margin:15px 15px 0px 15px;
float:left;
text-align:center;
}

.catthumbs img{
margin:0px;
border:1px solid #a9a9a9;
padding:6px;
background:#fff;
} */


/*----------------------------------------------------- =weblog/comments ------ */

#gallery .categories {
 padding:           5px 10px 5px 12px;
 background-color:  #E9E9F2;  
}

#gallery .breadcrumbtable {
 margin: 0px 9px 0px 9px;
 width: 775px;
}

#gallery .tableBorder {
 border: 1px solid #73737E;
}

#gallery th {
 font-family:       "Lucida Sans", Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         12px;
 color:             #fff;
 font-weight:		bold;
 text-align:			left;
 padding:           5px 4px 5px 12px;
 background-color:  #7378A7;  
}

#gallery td {
 font-family:       "Lucida Sans", Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #000;
}

#gallery .title {
 margin:            3px 0 0 0;
 font-family:       "Lucida Sans", Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 text-align: 		center;
 color:             #000;
}

/* @end */

/* @group home page layout */

.homedivider { color: #fff; font-weight: normal; margin: 3px 0px 3px 0px; }
.homedivider .apparel { float: left; width: 472px; padding:0px 0px 0px 10px;	margin: 0px; }
.homedivider .books { float: left; width: 160px; padding:0px; margin: 0px;}
.homedivider .weblog { float: left; width: 130px; padding:0px; margin: 0px;}

/* @end */

/* @group mailing list CSS */

#mailinglist_form {padding: 0px; margin: 5px 0px 0px 0px; }

#button_ml {
	font-size: 1em; font-weight: bold;
	border: 1px solid #c00;
	height: 22px;
	padding: 2px 0px 6px 0px;
	_padding: 0px 0px 6px 0px;
	width: 4em;
	height: 2em;
	_height: 1.7em;
}

#field_ml {
	width: 100px;
	font-size: 1em; font-weight: normal;
	margin-right: 4px;
	color: #999;
}



/* @end */

/* @group item stock CSS */

.black {background-color: #000; color: #fff; }
.white {background-color: #fff; color: #000; }
.creme {background-color: #fff2d5; color: #000; }
.red {background-color: #d70024; color: #fff; }
.cranberry {background-color: #9a0032; color: #fff; }
.asphalt {background-color: #353148; color: #fff; }
.army {background-color: #746547; color: #fff; }
.olive {background-color: #637656; color: #fff; }
.brown {background-color: #763819; color: #fff; }
.navy {background-color: #0A1849; color: #fff; }
.baby_blue {background-color: #93bfec; color: #000; }

.female {background-color: #770066; color: #fff;}
.male {background-color: #110066; color: #fff;}

.light {background-color: none; color: #666; }
.lighter {background-color: none; color: #ccc; }

/*----------------------------------------------------- =graphs ------ */

#graphs {margin: 0px auto; }

				.graph { 
					position: relative; /* for IE */
					width: 200px; 
					padding: 2px; 
					margin-bottom: .5em;					
				}
				.graph .bar { 
					display: block;	
					position: relative;
					background: #B1D632; 
					text-align: center; 
					color: #333; 
					height: 2em; 
					line-height: 2em;									
				}
				.graph .bar span { position: absolute; left: 1em; } /* This extra markup is necessary because IE doesn't want to follow the rules for overflow: visible */
				
				.graph .black {border: 1px solid #666;}
				.graph .bar .black {background: #666;}
				.graph .white {border: 1px solid #fff;}
				.graph .bar	.white {background: #fff;}
				.graph .creme {border: 1px solid #fff2d5;}
				.graph .bar	.creme {background: #fff2d5;}
				.graph .red {border: 1px solid #d70024;}
				.graph .bar	.red {background: #d70024;}
				.graph .asphalt {border: 1px solid #353148;}
				.graph .bar	.asphalt {background: #353148;}
				.graph .cranberry {border: 1px solid #9a0032;}
				.graph .bar	.cranberry {background: #9a0032;}
				.graph .army {border: 1px solid #746547;}
				.graph .bar	.army {background: #746547;}
				.graph .olive {border: 1px solid #637656;}
				.graph .bar	.olive {background: #637656;}
				.graph .brown {border: 1px solid #763819;}
				.graph .bar	.brown {background: #763819;}
				.graph .navy {border: 1px solid #0A1849;}
				.graph .bar	.navy {background: #0A1849;}
				.graph .baby_blue {border: 1px solid #93bfec;}
				.graph .bar	.baby_blue {background: #93bfec;}



/* @end */

/* @group navigation, main (jquery) */

.jnav2, .jnav2 * {
	margin:0;
	padding:0;
	list-style:none;
}
.jnav2 {
	line-height:1.0;
}
.jnav2 ul {
	position:absolute;
	top:-999em;
	/* 	took out width:75px; ie OK? */
}

.jnav2 ul li,
.jnav2 a {
	width: 100%;
}

.jnav2 li {
	float:left;
	position:relative;
	z-index:99;
}
.jnav2 a {
	display:block;
}
.jnav2 li:hover ul,
ul.jnav2 li.sfHover ul {
	left:-1px;
	top:1.8em;
}
.jnav2 li:hover li ul,
.jnav2 li.sfHover li ul {
	top:-999em;
}
.jnav2 li li:hover ul,
ul.jnav2 li li.sfHover ul {
	left:75px;
	top:-1px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

/*** ORIGINAL SKIN ***/
.jnav2 {
	float:left;
	text-align: center;
}
.jnav2 li {
	border-right:1px solid #333;
	border-top:1px solid #333;
	width:75px;
}

.jnav2 li.home {background:#500; width: 56px;}
.jnav2 li.about {background:#500; width: 75px;}
.jnav2 li.merch {background:#500; width: 70px;}
.jnav2 li.books {background:#500; width: 60px;}
.jnav2 li.music {background:#500; width: 60px;}
.jnav2 li.design {background:#F88; width: 132px;}
.jnav2 li.weblog {background:#500; width: 70px;}
.jnav2 li.account {background:#500; width: 70px;}

li.currenthome a:link { color: #fff; width: 56px;}
li.currentabout a:link { color: #fff; width: 75px;}
li.currentmerch a:link { color: #fff; width: 70px;}
li.currentbooks a:link { color: #fff; width: 60px;}
li.currentmusic a:link { color: #fff; width: 60px;}
li.currentdesign a:link { color: #fff; width: 132px;}
li.currentweblog a:link { color: #fff; width: 70px;}
li.currentaccount a:link { color: #fff; width: 70px;}


.jnav2 a {
	color: #C00;
	padding: .6em 0;
	text-decoration:none;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-weight: bold;
    font-size: 11px; 
    letter-spacing: 1.1px; /*was 1.3px; */
    text-transform: uppercase; 
/*	text-indent: 2em; */
}

a.current { color: #fff; }

.jnav2 li:hover, .jnav2 li.sfHover,
.jnav2 a:focus, .jnav2 a:hover, .jnav2 a:active {
	background:#999;
	color: #fff;
}
.jnav2 li li {
	background:#000;
}

.jnav2 li li.merchsub { background:#000; width: 70px; }
.jnav2 li li.weblogsub { background:#000; width: 70px; }
.jnav2 li li.aboutsub { background:#000; width: 75px; }
.jnav2 li li.designsub { background:#000; width: 132px; }
.jnav2 li li.accountsub { background:#000; width: 70px; }
.jnav2 li li.bookssub { background:#000; width: 60px; }

.jnav2 li li li {
	background:#000;
}

.jnav2 li li a {
	color: #fff;
	font-weight: normal;
	font-size: 11px; 
    text-transform: lowercase; 
}

/* @end */

/* @group books section */

#mainmedia .leftcol {

}
				
#mainmedia h2 {
	color:#000; 
	padding-left: 9px;
	padding-top: 10px;
	}				
	
#mainedit h6 {
	color:#000; 
	text-align: left;
	padding:0px;
	}

#mediatitlebar {
	font-size: .8em;
	_font-size: .7em;
	color: #eee;
	text-align: left;
	border-left: 2px solid #333;
    border-right: 2px solid #333;
    border-bottom: 6px solid #333;
    border-top: 4px solid #333;
	background-color: #555;
	clear:both;
	height: 50px;
	_height: 59px;
	position: relative;
/*	z-index: 1; */
	/* border: 1px solid #fff; */
    }
	
#mediatitlebar h2 {
	margin: 0px; padding: 0px;
	font-size: 2em;
}

.inside {padding: 12px 4px 4px 8px; }

.leftinside {
	width: 330px; 
	float: left; 
	padding: 14px 4px 4px 8px; 
/*	border: 1px solid #cec; */
}

#mediatitlebar .cartinfo { 
/*	border: 1px solid #fff; */
	float: right;
	line-height: 1.3em;
	width: 200px;
	top: 12px;
	right: 10px;
	height: 28px;
	text-align: right;
	overflow: hidden;
	padding: 12px 8px 4px 4px;
}		

.media_titleblock {
	width: 100%;
	text-align: center;
}

#musichome_titleblock {
	width: 100%;
	height: 100px;
	text-align: center;
	margin-bottom: 10px;
    margin-top: 10px;
}

#musichome_titleblock .left {
	float: left;
	height: 59px;
	width: 200px; 
}

#musichome_titleblock .right { /* for the media player */
	float: right;
	height: 59px;
	width: 475px;
	overflow: hidden;
}

.book {border: 1px solid #000; margin-top: 13px; }

.bookthumbs {
	padding:6px;
	border:1px solid #eee;
	margin:2px;
	float:left;
	width: 290px;
	height: 240px; 
	overflow: hidden;
	text-align:left;
	background-color: #fff;
}

.mediathumbs_large {
	padding:6px;
	border:1px solid #eee;
	margin:2px;
	float:left;
	width: 580px;
	height: 340px; 
	overflow: hidden;
	text-align:left;
	background-color: #fff;
}

.mediathumbs_large_info {
	margin-left: 10px;
	font-weight: normal; font-size: .9em; 
	line-height: 1.2em; text-align: left; 
	padding: 0px 6px 0px 0px; 
	color: #000;
}

.bookthumbs form, .mediathumbs_large form {margin: 10px 0px 10px 0px; padding: 0px;}

.bookthumbs img, .mediathumbs_large img {
	margin:0px 6px 0px 0px;
	border:1px solid #a9a9a9;
	padding:0px;
	background:#fff;
}

.bookprice {
	padding-top: 5px;
   _padding: 0px; _margin: 0px; }

.bookinfo {font-weight: normal; font-size: .9em; line-height: 1.2em; text-align: left; padding: 0px 6px 0px 0px; color: #000;}

.bookauthorinfo {padding-bottom: 5px; }

#mainmedia .artistinfo h4 {font-size: 1.2em; line-height: 1em; padding: 0px 0px .7em 0px; margin: 0px; }

.bookdetails {font-size: 1em; }

.bookthumbs a:link {color: #c00 !important; text-decoration:none; }
.bookthumbs a:visited {color: #c00 !important; text-decoration:none; }
.bookthumbs a:hover {color: #000 !important; text-decoration:underline; }
.bookthumbs a:active {color: #000 !important; text-decoration:underline; }

.bookthumbs .b_xsmall, .mediathumbs_large .b_xsmall { 
				font-size: 1em;
				_font-size: .8em;
				border: 1px solid #a9a9a9;
				height: 1.6em;
				background-color: #eee;
				margin: 0px; padding: 0px; 
				width: 75px; }

.mediaimage { 
	float: left; 
	width: 125px; 
	height: 220px;
/*	border: 1px solid #eee; */
}
	
.mediaimage_large { 
	float: left; 
	width: 250px; 
	height: 220px;
/*	border: 1px solid #eee;  */
}

/* @end */

/* @group weblog CSS */

.weblogimage {
	float: left;
	margin-right: 10px;
	margin-bottom: 3px;
	border: 1px solid #ccc;	
}



/* @end */

/* @group members CSS */

#contentheader {
	width: 740px; 
	font-size: 1em; 
	height: 100px; 
/*	border-bottom: 1px dotted #ccc; */
	margin-bottom: 20px;
}

#contentheader .left {float: left; height: 100px; width: 450px;}

#contentheader .right {float: right; height: 100px; width: 290px; text-align: right;}

h2 .messagealert { font-size: .7em; }

.contactlabel {font-size: .8em; padding: 5px; color: #93bfec; border: 1px solid #639fac; }

.bigname {color: maroon; font-size: 2em; font-weight: bold; }

.username { color: #00c; font-size: larger; }

#updatebutton {
	background: transparent url(/img/common/button_red.png) no-repeat center center;
	width: 180px; height: 40px;
	border:  0px; cursor: pointer;
	color: #ffffff;
	font-size: 1em;
	margin: 0px auto;
}



/* @end */

/* @group sidebar for pages with sidebar */

#sidebar {
    float:right;
    width:160px;
	_width:162px;
	text-align: left;
	margin: 0px; padding: 0px;
	/* border: 1px solid #c00; */
	}

#sidebar2 {
    float:right;
    width:148px;
	text-align: left;
    padding-top: 1em;
	}
	
#sidebar ul {
    margin-bottom:0;
    }
	
#sidebar h3, #sidebar p {
    padding:0 10px 0 0;
    }
	
#sidebar h4 {
    padding:0 0 0 14px;
	margin: 15px 0 0 0;
	font-size: 1em;
	color: #333;
	line-height: 1.2em;
}

#sidebar ul {
    padding: 0 5px 0 25px;
	color: #333;
	margin: 5px 0 0 0;
}

#sidebar li {
    padding:0 0px 0 0;
	font-size: x-small;
	color: #333;
	line-height: 1.5em;
}

/* @end */

/* @group memberInfoTable / PriceBoxTable (still in use??) */

.memberInfoTable td p {
	font-size: x-small; 
	font-weight: normal; 
	margin:0px 0px 1em 0px; 
	padding:0px;
}

.memberInfoTable .i_xsmall { 
				font-size: 1em;
				_font-size: .8em;
				border: 1px solid #a9a9a9;
				height: 1.5em;
				background-color: #eee;
				margin: 0px; padding: 0px; }

.memberInfoTable .s_xsmall { 
				font-size: 1em;
				_font-size: .8em;
				border: 1px solid #a9a9a9;
				height: 1.5em;
				background-color: #eee;
				margin: 0px; padding: 0px; 
				width: 80px; }
				
.memberInfoTable .s_longer { 
				font-size: 1em;
				_font-size: .8em;
				border: 1px solid #a9a9a9;
				height: 1.5em;
				background-color: #eee;
				margin: 0px; padding: 0px; 
				width: 110px; }				
				
.memberInfoTable .b_xsmall { 
				font-size: 1em;
				_font-size: .8em;
				border: 1px solid #a9a9a9;
				height: 1.6em;
				background-color: #eee;
				margin: 0px; padding: 0px; 
				width: 75px; }
	
.memberInfoTable .b_shipping { 
				font-size: 1em;
				_font-size: .8em;
				border: 1px solid #a9a9a9;
				height: 1.6em;
				background-color: #eee;
				margin: 0px; padding: 0px; 
				width: 110px; }					
				
.memberInfoTable .b_longer { 
				font-size: 1em;
				_font-size: .8em;
				border: 1px solid #a9a9a9;
				height: 1.6em;
				background-color: #eee;
				margin: 0px; padding: 0px; 
				width: 160px; }				

.memberInfoTable textarea { 
				font-size: 1em;
				_font-size: .8em;
				border: 1px solid #a9a9a9;
				background-color: #eee;
				margin: 0px; padding: 0px;			 
}

.priceboxtable .i_xsmall { 
				font-size: 1em;
				_font-size: .8em;
				border: 1px solid #a9a9a9;
				height: 1.5em;
				background-color: #eee;
				margin: 0px; padding: 0px; }

.priceboxtable .s_xsmall { 
				font-size: 1em;
				_font-size: .8em;
				border: 1px solid #a9a9a9;
				height: 1.5em;
				background-color: #eee;
				margin: 0px; padding: 0px; 
				width: 80px;
				_width: 60px; }
				
.priceboxtable .s_longer { 
				font-size: 1em;
				_font-size: .8em;
				border: 1px solid #a9a9a9;
				height: 1.5em;
				background-color: #eee;
				margin: 0px; padding: 0px; 
				width: 110px; }				
				
.priceboxtable .b_xsmall { 
				font-size: 1em;
				_font-size: .8em;
				border: 1px solid #a9a9a9;
				height: 1.6em;
				background-color: #eee;
				margin: 0px; padding: 0px; 
				width: 75px; }
	
.priceboxtable .b_shipping { 
				font-size: 1em;
				_font-size: .8em;
				border: 1px solid #a9a9a9;
				height: 1.6em;
				background-color: #eee;
				margin: 0px; padding: 0px; 
				width: 110px; }					
				
.priceboxtable .b_longer { 
				font-size: 1em;
				_font-size: .8em;
				border: 1px solid #a9a9a9;
				height: 1.6em;
				background-color: #eee;
				margin: 0px; padding: 0px; 
				width: 160px; }				

.priceboxtable textarea { 
				font-size: 1em;
				_font-size: .8em;
				border: 1px solid #a9a9a9;
				background-color: #eee;
				margin: 0px; padding: 0px;			 
}

/* @end */

/* @group alerts */

.commentpreview { width: 500px; padding: 6px; font-size: 80%; background-color:#ffc; border: 1px solid #666; font-weight: normal; }

.designcommentpreview { 
	width: 300px; 
	padding: 8px; 
	font-size: .8em; 
	background-color:#ffc; 
	border: 1px solid #666; 
	font-weight: normal;
	line-height: 1.2em;
	text-align: left;
}

.alertbox { width: 500px; padding: 1px; font-size: 80%; background-color:#ffc; border: 1px solid #666; }
.alertboxwide { width: 725px; padding: 5px; font-size: 90%; background-color:#ffc; border: 1px solid #666; }

/* @end */

/* @group tooltips */

.tipheader, .tipbody {
            background:#eee;
            font-family:"Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
            font-size: x-small;
			line-height: 1.2em;
            border-left:3px solid #ccc;
            border-right:3px solid #ccc;
            padding:5px;
            width:100px;
			color: #333;
			text-align: left;
			}
			
.tipheader {font-weight:bold; border-top:3px solid #ccc; }
.tipbody {font-weight: normal; border-bottom:3px solid #ccc; }

/* @end */

/* @group about popup */

.aboutheader, .aboutbody {
            background:#00c;
            font-family:"Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
            font-size: x-small;
			line-height: 1.2em;
            padding:5px;
            width:400px;
			height:400px;
			color: #333;
			text-align: left;
			}
	
.aboutheader {font-weight:bold; }
.aboutbody {font-weight: normal; }



/* @end */

/* @group merch galleries */

.albthumbs, .buttonthumbs, .albfiller {
	padding: 0px;
	margin: 2px;
	float: left;
	text-align: center;
	_padding: 6px 6px 2px 6px;
	_background: #fff;
}


.designpad { /*outer image frame */
	float: left;
	width: 124px;
	height: 124px;
	background: #fff;
	margin: 2px;
	border: 1px solid #ccc;
	position: relative;
}

.designthumbs {
	padding-left:3px;
	padding-top:3px;
	width: 118px;
	height: 118px;
	overflow: hidden;
}

.albthumbs img {
	background: #fff;
	padding: 6px;
	border: 1px solid #a9a9a9;
}

.designthumbs a {
	background: #fff;
	border: none;
	margin: 0px;
	padding: 0px;
}

.designthumbs img {
	border: none;
}


.buttonthumbs img {
	margin: 0px;
	border: 1px solid #333;
	padding: 6px;
	background: #333;
}

.bookthumbs_home {
	padding:0px;
	border:1px;
	margin:2px;
	float:left;
	text-align:center;
}

.bookthumbs_home img {
	margin:0px;
	border:1px solid #a9a9a9;
	padding:0px;
	background:#fff;
}

/* @end */

/* @group stencils */

.table-base {
  color: #000;
  text-align: center; width: 708px; margin-left: 10px;
}

.table-row {
  color: #000; background-color: #CC0;
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 708px; height: 194px;
}

.table-row2 {
  color: #000; background-color: #CC0;
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 708px; height: 280px;
}

.table-bottom {
  color: #000; background-color: #CC0; 
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 708px; height: 6px;
}

.stenciltitle {
	width: 498px; 
	font-weight: bold; 
	background-color:#666; 
	padding-left: 10px;
}

.stencilpreview {
       float: left;
       width: 188px; 
       height:188px; 
       background-color: #cc0;
       margin: 0; 
       padding: 6px 0px 0px 6px; 
}
	   
.stencildescription {
       height: 188px; 
       background-color: #990;
       float: right;
	   width: 508px;
	   margin: 6px 6px 0px 0px; 
	   padding-left: 0px;
	   text-align: left;
}
	   
.stencildescription p { padding: 10px; }

.subdivider {
	width: 608px; 
	margin-top: 10px; 
	color: #000; 
	font-weight: bold; 
	background-color: #990;
}

table.mediaitems { font-size: 1em; }
	   
.stencildescription {
       height:188px; background-color: #990;
       float: right;
	   width: 508px;
	   margin: 6px 6px 0px 0px; padding-left: 0px;
	   text-align: left;
       }
	   
.stencildescription p { padding: 10px; }


.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}

/* @end */

/* @group rating pages CSS */

#ratingform {
	width: 300px;
	padding: 5px; 
	background: #eee;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: .9em;
    font-family: Georgia, "Times New Roman", Times, serif;
}


#ratingform select .huge {
	font-size: 2em;
}

#ratingform select .normal {
	font-size: 1em;
}

.ratingform_caption { 
	margin-top: 5px; 
	font-size: .8em;
	line-height: 1.2em;
}

.submitbutton {
	clear: right;
}

.smalltext {
	font-size: .8em; 
	line-height: 1em;
	margin-top: 5px;
	padding:0px 0px 0px 0px; clear:both;
}

.designimage {padding: 2px; border: 2px solid #ddd; margin-bottom: 4px; }
h3.designtitle {font-size: 1em; font-weight: normal;}
.huge {font-size: 2em; font-weight: bold; }

.designercomment {font-size: .8em; font-family: Georgia, "Times New Roman", Times, serif; }
.designsmalltext {font-size: .8em; padding:5px 0px 5px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; clear:both;}
.yourated {font-size: 1em; padding:0px 0px 5px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; clear:both;}
.spectatorcomment {font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif; }
.submitdate {font-size: .8em; color: #999; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic;}
#authorcomment {font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif;}
#designplacementbox {width: 391px; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif;}


.home_weblog_column {
	padding-top: 20px;
	padding-bottom: 0px;
	margin: 0px;
	margin-bottom: 0px;
	color: #fff;
	font-weight: bold;
	font-size:1.2em;
	text-align: center;
	text-transform: uppercase;
}


/* --- later ajax stuff ----- to implement */

form.profile-rating {
	height: 60px;
	width: 300px;
	text-align: right;
	margin-bottom: 10px;
	border: 1px solid #ddd;
}

form.profile-rating fieldset{border: none; margin: 0; padding: 0;}
form.profile-rating legend,
form.profile-rating select,
form.profile-rating input[type=submit],
form.profile-rating label{display: none;}

ul.star-rating{
  background:url(/img/ratingstar.png) 0 -16px;
  height:16px;
  list-style-type:none;
  margin:5px auto 7px auto;
  overflow:hidden;
  padding:0;
  position:relative;
  width:80px;
}
.not-submitted ul.star-rating{margin-bottom: 9px;}

ul.star-rating li{
  left:0;
  margin:0;
  padding:0;
  position:absolute;
  top:0;
}

ul.star-rating a,
ul.star-rating li{
  background:url(/img/ratingstar.png);
  display:block;
  text-indent:-999em;
  width:100%;
}
ul.star-rating a{background-position:left top;}
ul.star-rating a:hover,
ul.star-rating a.active{background-position:0 -32px;}
ul.star-rating .current-rating{background-position: 0 -48px; text-indent:-999em; z-index:1; }
ul.star-rating li.star-1{ width:20%; z-index:6; }
ul.star-rating li.star-2{ width:40%; z-index:5; }
ul.star-rating li.star-3{ width:60%; z-index:4; }
ul.star-rating li.star-4{ width:80%; z-index:3; }
ul.star-rating li.star-5{ width:100%; z-index:2; }

/* @end */

/* navigation---------- */

/* @group subnavigation - tabs */

.basictab {
width: 750px;
padding: 27px 0px 3px 0px;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left; /* set to left, center, or right to align the menu as desired */
}

.basictab li {
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: 1px solid gray;
background-color: #f6ffd5;
color: #2d2b2b;
}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover{
background-color: #DBFF6C;
color: black;
}

.basictab li a:active{
color: black;
}

.basictab li a.current { /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #fff;
color: black;
border-bottom: 0px;
}

#yourprofilearrow {
	background-image: url(/img/common/yourprofilearrow.gif);
	background-color: #fff;
	width: 250px;
	height: 51px;
	float: right;
	clear: left;
	margin-bottom: 10px;
	color: #fff;
}

/* @end */

/* @group shopping cart */

.cart {
	border: 1px dotted #666;
	padding: 0px;
	margin: 0px;
	background: #444;
}

.cart td {
	border-right: 1px dotted #666;
	border-bottom: 1px dotted #666;
}

.cart th {
	border-right: 1px dotted #666;
	border-bottom: 1px dotted #666;
	background-color: #555;
}

.cart td.controls, .cart th.controls {
	border-right: 0px;
}

.cart th.totals {
	border-bottom: 0px;
}

.cartdim { color: #888; }

.sizevariants button, .cart button, .cart a.checkout {
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:20px;
    line-height:20px;
    text-decoration:none;
    font-weight:bold;
    color:#c00;
    cursor:pointer;
/*    padding:5px 10px 6px 7px; */ /* Links */
}
.sizevariants button{
    width:70px;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}

.cart button, .cart a.checkout {
	font-size: 12px; line-height: 14px;
	color: #666;
}

.sizevariants button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

/* standard hover over a button element */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* hover over a positive (go!) button element */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* hover over a negative (stop!) button element */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

#cartview {
	background-color: #333;
	color: #fff;
	padding: 12px;
	text-align: left;
	font-weight: normal;
}

#cartview a:link, #cartview a:visited {
	color: #fff;
	font-weight: normal;
}

#cartview a:hover, #cartview a:active {
	color: #c00;
	font-weight: normal;
}

#cartview td, #cartview th {
	padding: 10px;
	font-weight: normal;
}

.cartrow_normal, .cartrow_alt {
}

.cartrow_normal {
	background-color: #eee;
	border-top: 1px dotted #ccc;
}

.cartrow_alt {
	background-color: #ddd;
	border-top: 1px dotted #bbb;
}

/* @end */

/* @group links styling */

a:link {color: #c00; font-weight: bold; text-decoration:none; }
a:visited {color: #b00; font-weight: bold; text-decoration:none; }
a:hover {color: #c00; font-weight: bold; text-decoration:none; }
a:active {color: #ddd; font-weight: bold; text-decoration:underline; }	

#photoshipbar .extraphotos a:link, #photoshipbar .shipform a:link {color: #c00; font-weight: bold; text-decoration:none; }
#photoshipbar .extraphotos a:hover,  #photoshipbar .shipform a:hover {color: #fff; text-decoration:underline; }
#photoshipbar .extraphotos a:visited, #photoshipbar .shipform a:visited {color: #c00; font-weight: bold; text-decoration:none; }
#photoshipbar .extraphotos a:active, #photoshipbar .shipform a:active {color: #fff; text-decoration:underline; }

#header .coinfo a:link {color: #666; font-weight: bold; text-decoration:none; }
#header .coinfo a:visited {color: #666; font-weight: bold; text-decoration:none; }
#header .coinfo a:hover {color: #000; font-weight: bold; text-decoration:underline; }
#header .coinfo a:active {color: #000; font-weight: bold; text-decoration:underline; }

#aboutlayer a:link {color: #c00; text-decoration:none; }
#aboutlayer a:visited {color: #c00; text-decoration:none; }
#aboutlayer a:hover {color: #c00; text-decoration:underline; }
#aboutlayer a:active {color: #fff; text-decoration:underline; }

#main a:link, #maindesign a:link {color: #c00; text-decoration:none; }
#main a:hover, #maindesign a:hover {color: #c00; text-decoration:underline; }
#main a:visited, #maindesign a:visited {color: #c00; text-decoration:none; }
#main a:active, #maindesign a:active {color: #fff; text-decoration:underline; }

#gallery a:link {color: #c00; text-decoration:none; }
#gallery a:hover {color: #c00; text-decoration:underline; }
#gallery a:visited {color: #c00; text-decoration:none; }
#gallery a:active {color: #fff; text-decoration:underline; }

#optionsdetail a:link, .pricebox a:link {color: #c00; font-weight: bold; text-decoration:none; }
#optionsdetail a:hover, .pricebox a:hover {color: #c00; text-decoration:underline; }
#optionsdetail a:visited, .pricebox a:visited {color: #c00; font-weight: bold; text-decoration:none; }
#optionsdetail a:active, .pricebox a:active {color: #fff; text-decoration:underline; }

#options a:link, #options .news a:link, #optionsnopic a:link, .pricebox a:link {color: #c00; font-weight: bold; text-decoration:none; }
#options a:hover,  #options .news a:hover, #optionsnopic a:hover, .pricebox a:hover {color: #c00; text-decoration:underline; }
#options a:visited, #options .news a:visited, #optionsnopic a:visited, .pricebox a:visited {color: #c00; font-weight: bold; text-decoration:none; }
#options a:active, #options .news a:active, #optionsnopic a:active, .pricebox a:active {color: #fff; text-decoration:underline; }

#winston a:link {color: #c00; font-weight: bold; text-decoration:none; }
#winston a:hover {color: #c00; text-decoration:underline; }
#winston a:visited {color: #c00; font-weight: bold; text-decoration:none; }
#winston a:active {color: #fff; text-decoration:underline; }

#maintext a:link, #maintext_one a:link, #mainmedia a:link {color: #c00; font-weight: bold; text-decoration:none; }
#maintext a:hover, #maintext_one a:hover, #mainmedia a:hover {color: #c00; text-decoration:underline; }
#maintext a:visited, #maintext_one a:visited, #mainmedia a:visited {color: #c00; font-weight: bold; text-decoration:none; }
#maintext a:active, #maintext_one a:active, #mainmedia a:active {color: #ddd; text-decoration:underline; }

#sidebar a:link {color: #c00; font-weight: bold; text-decoration:none; }
#sidebar a:hover {color: #c00; text-decoration:underline; }
#sidebar a:visited {color: #c00; font-weight: bold; text-decoration:none; }
#sidebar a:active {color: #fff; text-decoration:underline; }

.splash a:link {color: #c00; font-weight: bold; text-decoration:none; }
.splash a:hover {color: #c00; text-decoration:underline; }
.splash a:visited {color: #c00; font-weight: bold; text-decoration:none; }
.splash a:active {color: #fff; text-decoration:underline; }

#sectionheader a:link, #sectionheader_overview a:link {color: #a9a9a9; font-weight: bold; text-decoration:none; }
#sectionheader a:hover, #sectionheader_overview a:hover {color: #a9a9a9; font-weight: bold; text-decoration:underline; }
#sectionheader a:visited, #sectionheader_overview a:visited {color: #a9a9a9; font-weight: bold; text-decoration:none; }
#sectionheader a:active, #sectionheader_overview a:active {color: #a9a9a9; font-weight: bold; text-decoration:underline; }

.breadcrumbs a:link {color: #a9a9a9; font-weight: bold; text-decoration:none; }
.breadcrumbs a:hover {color: #a9a9a9; font-weight: bold; text-decoration:underline; }
.breadcrumbs a:visited {color: #a9a9a9; font-weight: bold; text-decoration:none; }
.breadcrumbs a:active {color: #a9a9a9; font-weight: bold; text-decoration:underline; }

	
#footer a:link {color: #c00; font-weight: bold; text-decoration:none; }
#footer a:hover {color: #c00; text-decoration:underline; }
#footer a:visited {color: #c00; text-decoration:none; }
#footer a:active {color: #fff; text-decoration:underline; }

.description a:link {color: #c00; font-weight: bold; text-decoration:none; }
.description a:hover {color: #c00; text-decoration:underline; }
.description a:visited {color: #c00; text-decoration:none; }
.description a:active {color: #fff; text-decoration:underline; }
	
.bigalert3 a:link {color: #bbb; font-weight: normal; text-decoration:none; }
.bigalert3 a:hover {color: #fff; text-decoration:underline; }
.bigalert3 a:visited {color: #bbb; text-decoration:none; }
.bigalert3 a:active {color: #fff; text-decoration:underline; }

.bigalert2 a:link {color: #fff; font-weight: normal; text-decoration:underline; }
.bigalert2 a:hover {color: #fff; text-decoration:underline; }
.bigalert2 a:visited {color: #fff; text-decoration:underline; }
.bigalert2 a:active {color: #fff; text-decoration:underline; }

#headerbar a:link {color: #bbb; font-weight: normal; text-decoration:none; }
#headerbar a:hover {color: #fff; text-decoration:underline; }
#headerbar a:visited {color: #bbb; text-decoration:none; }
#headerbar a:active {color: #fff; text-decoration:underline; }

#headerbar960 a:link {color: #bbb; font-weight: normal; text-decoration:none; }
#headerbar960 a:hover {color: #fff; text-decoration:underline; }
#headerbar960 a:visited {color: #bbb; text-decoration:none; }
#headerbar960 a:active {color: #fff; text-decoration:underline; }
		
.homedivider a:link { color: #fff; font-weight: bold; text-decoration: none;}
.homedivider a:visited { color: #fff; font-weight: bold; text-decoration: none;}
.homedivider a:hover { color: #fff; font-weight: bold; text-decoration: underline;}
.homedivider a:active { color: #fff; font-weight: bold; text-decoration: underline;}
				
#mainbooks a:link, #main_weblog a:link, #mainedit a:link {color: #c00; font-weight: bold; text-decoration:none; }
#mainbooks a:visited, #main_weblog a:visited, #mainedit a:visited {color: #b00; font-weight: bold; text-decoration:none; }
#mainbooks a:hover, #main_weblog a:hover, #mainedit a:hover {color: #c00; font-weight: bold; text-decoration:underline; }
#mainbooks a:active, #main_weblog a:active, #mainedit a:active {color: #ddd; font-weight: bold; text-decoration:underline; }

#main_weblog a:link {color: #fff; font-weight: bold; text-decoration:none; }
#main_weblog a:visited {color: #eee; font-weight: bold; text-decoration:none; }
#main_weblog a:hover {color: #fff; font-weight: bold; text-decoration:underline; }
#main_weblog a:active {color: #fff; font-weight: bold; text-decoration:underline; }

#yourprofilearrow a:link {
	color: #fff; font-weight: bold;
}


.sizevariant a:link, .sizevariant a:visited {color: #c00; font-weight: bold; text-decoration: none; }
.sizevariant a:hover, .sizevariant a:active {color: #c00; background-color: #aaa; font-weight: bold; text-decoration: none; }

#mediatitlebar a:link {color: #eee; text-decoration: none; }
#mediatitlebar a:visited {color: #eee; text-decoration: none; }
#mediatitlebar a:hover {color: #eee; text-decoration: underline; }
#mediatitlebar a:active {color: #eee; text-decoration: underline; }

.cartaccount a:link {color: #c00; font-weight: bold; text-decoration:none; }
.cartaccount a:hover {color: #c00; text-decoration:underline; }
.cartaccount a:visited {color: #c00; font-weight: bold; text-decoration:none; }
.cartaccount a:active {color: #fff; text-decoration:underline; }

.cartitemcount a:link, .cartdetails a:link {color: #666; font-weight: bold; text-decoration: none;}
.cartitemcount a:visited, .cartdetails a:visited {color: #666; font-weight: bold; text-decoration: none;}
.cartitemcount a:hover, .cartdetails a:hover {color: #c00; font-weight: bold; text-decoration: none;}
.cartitemcount a:active, .cartdetails a:active {color: #c00; font-weight: bold; text-decoration: none;}

.editlink a:link {color: #999; font-weight: bold; text-decoration: none;}
.editlink a:visited {color: #999; font-weight: bold; text-decoration: none;}
.editlink a:hover {color: #bbb; font-weight: bold; text-decoration: none;}
.editlink a:active {color: #bbb; font-weight: bold; text-decoration: none;}
				
/* @end */