/* UI Bookstore CSS Document 
Page created: 3/13/07 Redesigned: 8/12/08
T.I.S. Group
Web Department
*/

/*---------- Layout styles ----------*/
/*html { background: url('../img/masthead_christmas_3.jpg') no-repeat top center; }*/
body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	
}
	
table.parentTable{width: 690px;}

#wrapper{width: 690px; margin-top: 0px;}/*margin new*/
		
	div#topnav { 
		position: absolute !important;
	    top: 0px !important; /*69px*/
	    right: 115px;
	    width: 480px;
	    height: 20px;
		text-align: right;
		display: none; /*block*/
	    z-index: 2000;
	}
		
	div#topnav a {
		margin: 0;
	    padding: 0 10px;
		background: url('http://tisbookui.com/StoreImages/183-divider_topnav.gif') no-repeat center left;
		font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
		font-size: 11px;
		font-weight: 500;
		color: #FFFFFF;
	}
	
	div#topnav a:link { color: #FFFFFF; font-weight: 500; text-decoration: none; }
	div#topnav a:visited { color: #FFFFFF; font-weight: 500; text-decoration: none; }
	div#topnav a:hover { color: #CCCCCC; font-weight: 500; text-decoration: none; }
	
	div#subhead {margin: 0px 0px 10px; float: left;}
			
	
	div#main {
		font-family: Verdana, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000000;  
		width: 625px; /*494px; */
		max-width: 800px; 
		margin-left: 5px; 
		float:left;
		margin-top: 0px; /*new*/
	}
	
		div#main.expanded { width: 800px;}
		
		div#main p{margin-left: 10px;}
		
		div#main a:link { color: #005EB2; font-size: 12px; font-weight: 500; text-decoration: underline; }
		div#main a:visited { color: #005EB2; font-size: 12px; font-weight: 500; text-decoration: underline; }
		div#main a:hover { color: #005EB2; font-size: 12px; font-weight: 500; text-decoration: none; }
						
		div#main div#rotatinglayer {
			margin-bottom: 12px;
			width: 473px;
			height: 163px;
			float: left;
		}
		
		div#main div#rotatinglayer_big {
			margin-bottom: 12px;
			width: 660px;
			height: 220px;
			float: left;
		}
		
		div#main div#buttonlayer {
			margin: 4px 0 0 0;
			width: 21px;
			height: 159px;
			float: left;
		}
		
			div#main div#buttonlayer a { width: 21px; height: 26px; display: block; visibility: hidden; }
				div#main div#buttonlayer a#lyr0 { background: url('http://tisbookui.com/StoreImages/183-button_rl0_on.gif') no-repeat top left; }
				div#main div#buttonlayer a#lyr1 { background: url('http://tisbookui.com/StoreImages/183-button_rl1_off.gif') no-repeat top left; }
				div#main div#buttonlayer a#lyr2 { background: url('http://tisbookui.com/StoreImages/183-button_rl2_off.gif') no-repeat top left; }
				div#main div#buttonlayer a#lyr3 { background: url('http://tisbookui.com/StoreImages/183-button_rl3_off.gif') no-repeat top left; }
				div#main div#buttonlayer a#lyr4 { background: url('http://tisbookui.com/StoreImages/183-button_rl4_off.gif') no-repeat top left; }
				div#main div#buttonlayer a#lyr5 { background: url('http://tisbookui.com/StoreImages/183-button_rl5_off.gif') no-repeat top left; }
		
		div#main div#ad {
			/*text-align: left;*/
			clear: both;
		}
		
		/*div#main div#ad a { width: 241px; height: 85px; padding-bottom: 10px; margin: 0px 10px 10px 0px;}*/
		/*div#main div#ad a { width: 241px; height: 75px; padding: 0px; margin: 0px 10px 0px 0px;}*/
		div#main div#ad a { width: 49%; height: 75px;}
		
		div#main div#ad a img { margin-bottom: 0px; }
			
		div#main div#catalog { 
			margin-left: 20px; 
			max-height: 100%; 
			display: block; 
			clear: both; 
		}
			div#main div#catalog div.onefourthcontent { 
				width: 23%; 
				min-width: 24%; 
				display: block; 
				float: left; 
			}
				div#main div#catalog div.onefourthcontent a img { text-decoration: none; }
				
		div#main .quartercontent { width: 24%; float: left; }
		div#main .threequartercontent { width: 74%; float: left; }
		
		div#main .halfcontent { padding: 0 5px; width: 45%; float: left; }
		div#main .halfcheckcontent { padding: 5px 7px 8px 7px; width: 45%; border: 1px dashed #CCC; float: left; }
		
		div#main div.featureditem { padding-left: 5px; }
		div#main div.featureditem a>img { text-decoration: none; }
		
		div#main div.itemimage { width: 62%; float: left; }
		div#main div.itemdetail { width: 38%; float: left; }
			div#main div.itemdetail blockquote { margin: 10px; }

	div#right {
		margin: 0px 0 10px 12px; /*0px top*/
		max-width: 155px;
		float: left;
	}
	
		div#right a:link { color: #005EB2; font-size: 11px; font-weight: 500; text-decoration: underline; }
		div#right a:visited { color: #005EB2; font-size: 11px; font-weight: 500; text-decoration: underline; }
		div#right a:hover { color: #005EB2; font-size: 11px; font-weight: 500; text-decoration: none; }
		
		div#right h3 { margin-bottom: 0; color: #e74d08; font-size: 14px; }
						
		div#right.categorylist ul { margin: 0; padding-left: 20px; list-style: disc outside url('http://tisbookui.com/StoreImages/183-link_bulletline.gif'); }
		div#right.categorylist ul a.external { padding-right: 12px; width: 97%; max-width: 100%; background:url('http://tisbookui.com/StoreImages/183-link_external.gif') no-repeat center right; }
		
		div#right div.box {
			margin: 0 0 12px 0;
			width: 155px;
			background: url('http://tisbookui.com/StoreImages/183-bg_right.gif') repeat-y top left;
			font-size: 11px;
			color: #333333;
		}
		
			div#right div.box div.header { 
				margin: 0 0 10px 0; 
				padding: 7px 0 0 0;
				background: url('http://tisbookui.com/StoreImages/183-bg_righttop.gif') no-repeat top left;
				font-size: 13px;
				color: #666666;
				text-align: center;
			}
			
			div#right div.box div.content { 
				padding: 0 9px 10px 9px; 
				max-width: 144px;
				background: url('http://tisbookui.com/StoreImages/183-bg_rightbottom.gif') no-repeat bottom left;
			}
			
				div#right div.box div.content p { margin: 0 0 5px 0; }
		
		/* Sub-page Navigation Box (Ex. Policies) */	
		div#right div.navbox {
			margin: 0 0 12px 0;
			width: 155px;
			background: url('http://tisbookui.com/StoreImages/183-bg_rightnav.gif') repeat-y top left;
			font-size: 11px;
			color: #333333;
		}
		
			div#right div.navbox div.header { 
				margin: 0 0 3px 0; 
				/*padding: 7px 0 0 0;*/
				height: 6px;
				background: url('http://tisbookui.com/StoreImages/183-bg_rightnavtop.gif') no-repeat top left;
				/*font-size: 13px;
				color: #666666;
				text-align: center;*/
				display: block;
			}
			
			div#right div.navbox div.content { 
				padding: 0 9px 10px 9px; 
				max-width: 144px;
				background: url('http://tisbookui.com/StoreImages/183-bg_rightnavbottom.gif') no-repeat bottom left;
				line-height: 14px;
			}
			
				div#right div.navbox div.content a:link { color: #333333; font-size: 11px; font-weight: bold; text-decoration: none; }
				div#right div.navbox div.content a:visited { color: #333333; font-size: 11px; font-weight: bold; text-decoration: none; }
				div#right div.navbox div.content a:hover { color: #999999; font-size: 11px; font-weight: bold; text-decoration: none; }
		
		div#right div.help_box {
			margin: 0 0 12px 0;
			width: 155px;
			background: url('http://tisbookui.com/StoreImages/183-bg_hright.gif') repeat-y top left;
			font-size: 10px;
			color: #333333;
		}
		
			div#right div.help_box div.header { 
				margin: 0 0 10px 0; 
				padding: 7px 0 0 0;
				background: url('http://tisbookui.com/StoreImages/183-bg_hrighttop.gif') no-repeat top left;
				font-size: 13px;
				color: #697486;
				text-align: center;
			}
			
			div#right div.help_box div.content { 
				padding: 0 9px 10px 9px; 
				max-width: 144px;
				background: url('http://tisbookui.com/StoreImages/183-bg_hrightbottom.gif') no-repeat bottom left;
			}
			
			div#right div.help_box div.content a { font-size: 10px; }
			div#right div.help_box div.content .specialbox { 
				padding: 5px 3px; 
				border-top: 1px solid #E7E0D1; 
				border-bottom: 1px solid #E7E0D1; 
			}
			
			
		
/*---------- Extra styles (presentation) ----------*/

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";		/* the period is placed on the page as the last thing before the div closes */
	display: block;		/* inline elements don't respond to the clear property */ 
    height: 0;			/* ensure the period is not visible */
    clear: both;		/* make the container clear the period */
    visibility: hidden;	/* further ensures the period is not visible */
}

.clearfix { display: inline-block; }   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

div#main table.shippingtable { 
	margin: 0 10px 10px 10px; 
	padding: 2px; 
	border: 1px solid #333; 
	line-height: 1.7em; 
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 13px;
}
	
	div#main table.shippingtable tr.header { background-color: #039; font-weight: bold; color: #FFFFFF; }
	div#main table.shippingtable tr th.maroon { background-color: #603; color: #FFF; }
	div#main table.shippingtable tr th.gray { background-color: #EEE; border-right: 1px solid #CCC; }
	div#main table.shippingtable tr td,th { padding: 3px 4px; }
	div#main table.shippingtable tr td, table.shippingtable tr th { border-bottom: 1px solid #CCC; text-align: right; }
	div#main table.shippingtable tr td { border-right: 1px solid #CCC; }
	div#main table.shippingtable tr td.yellow { background-color: #FC0; white-space: nowrap; border-bottom: 1px solid #FFFFFF; }


/*------------------ Other Link Styles -----------------*/
/*a#memberuta { width: 155px; height: 81px; background: url('../img/link_memberuta.gif') no-repeat top left; display: block; }
a#classwatch { width: 155px; height: 200px; max-height: 205px; background: url('../img/link_uiclasswatch.gif') no-repeat top left; display: block; }*/


/*------------------  Additional Styles ----------------*/
.clear { clear: both; }
.nomargins { margin: 0; }
.center { text-align: center; }

h1 { margin-bottom: 0; margin-top:0px; font-size: 18px; font-weight: normal; color: #e74d08; }
h2 { padding-top: 10px; font-size: 16px; color: #e74d08; }
h3 { margin-bottom: 0; font-family: Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; font-size: 14px; color: #e74d08; }
h3.steps { 
	font-family: Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; 
	font-size: 13px; 
	color: #4B5B6B; 
}
h4 { margin: 0 auto; color: #e74d08; font-size: 13px; }

hr {width: 45%;}

.xxsmall { font-size: 9px; }
.small { font-size: 10px; }
.underline { text-decoration: underline; }
.strike { text-decoration: line-through; }

.bold { font-weight: bold; }
.nobold { font-weight: normal; }
.red { color: #FF0000; }
.bad { color: #FF0000; }
.black { color: #000000; }
.blue { color: #0053AF; }
.green { color: #008000; }
.gray { color: #4E4E4E; }
.teal { color: #005EA1; }
.title { color: #593939; }
.importantinfo { font-weight: bold; color: #005EA1; }
.importantinfo2 { font-weight: bold; color: #4B5B6B; }
.detailred { color: #CC0001; }

.title_featured { width: 100%; height: 14px; background: url('http://tisbookui.com/StoreImages/183-title_featured_1.gif') no-repeat bottom center; display: block; }

#FooterLinks {padding-left: 195px; width: 780px; display:block;}