/* Default CSS for Art Clay World */

body {
	background: #fff repeat-y top left;
	font-size: 75%; /* Resets 1em to 12px */
	font-family: Arial, Verdana, Sans-Serif;
	color: #333;
	margin: 0;
	}
	
#UserIsInstructor {
	background: #fff url(../images/backgroundInstructor.jpg) repeat-y top left;
	}
	
#UserIsWholesale {
	background: #fff url(../images/backgroundWholesale.jpg) repeat-y top left;
	}

/* Main Links */

a:link {
	color: #066;
}

a:visited {
	color: #066;
	}
	
a:hover, a:active {
	color: #066;
	text-decoration: none;
	}
	

/* Header */

.HeaderRow1 {
	background: #70928C url(../images/backgroundHeaderRow1.jpg) repeat-x top left;
	height: 13px;
	}
	
.HeaderRow2 {
	background: #fff url(../images/backgroundHeader.jpg) no-repeat top right;
	border-bottom: 1px solid #9DC2BB;
	height: 68px;
	padding: 0;
	margin: 0;
	}
	
#search {
	padding-right: 10px;
	color: #666;
	}
	
	/* #search .button {
		background: #fff url('../images/backgroundButton.gif') repeat-x bottom left;
		font-size: 1em;
		color: #355C54
		}
	*/	
	
	
/* Primary  Navigation */	
	
#primaryNavigation {
	width: 166px;
	margin-left: 10px;
	margin-top: 16px;
	}

/* this styles the left side nav links */

#primaryNavigation .nobullet li {
 list-style: none;
 margin-left: -8px;
}

#primaryNavigation .nobullet li a {
 list-style: none;
 margin-left: -14px;	
}
	
#primaryNavigation .nobullet li h4{
 margin-bottom: -5px;
  margin-left: -14px;
  border-bottom: none;	
}	
	
#primaryNavigation .menu, .menuHere {
	margin: 0;
	margin-left: -14px;
	padding: 5px 0 5px 0;
	border-bottom: 1px dotted #fff;	
	/*border-margin-left:*/
	
}

	
#primaryNavigation .menu li, .menuHere li {
	margin: 0;
	margin-left: -14px;
	padding: 5px 0 5px 0;
	border-bottom: 1px dotted #fff;	
	/*border-margin-left:*/
	
}

	#primaryNavigation .menu a,
	#primaryNavigation .menuHere a {
		font-weight: bold;
		color: #000;
		font-size: 1.1em;
		text-decoration: none;
	}
	
	#primaryNavigation .menu a:hover,
	#primaryNavigation .menuHere  a:hover {
		/*
		color: #fff;		
		*/
		color: #FFF302;
	
	}	
		
	#primaryNavigation .menuHere {
		background: transparent url(../images/notch.gif) no-repeat bottom right;
		}

		#primaryNavigation .menuHere a {
			color: #FFF302
			}
					
/* this styles the leftnav links with black line below the listing */
     #primaryNavigation .menu_break,
    #primaryNavigation .menu_breakHere {
	margin: 0;
	padding: 5px 0 5px 0;
    border-bottom: 3px solid #000;	
}

	#primaryNavigation .menu_break a,
	#primaryNavigation .menu_breakHere a {
		font-weight: bold;
		color: #000;
		font-size: 1.1em;
		text-decoration: none;
		}
	
	#primaryNavigation .menu_break a:hover,
	#primaryNavigation .menu_breakHere  a:hover {
		/*
		color: #fff;		
		*/
		color: #FFF302;
	}
		
	#primaryNavigation .menu_breakHere {
		background: transparent url(../images/notch.gif) no-repeat bottom right;
		}
		
		#primaryNavigation .menu_breakHere a {
			color: #FFF302
			}
			
		#primaryNavigation hr {	
		color:#4D7964;
		/*
		background-color: #4D7964;
		*/
		background-color: #4D7965;

height: 2px;
}
	
/* Non-Functional Area */

#nonFunctionalArea h3 {
	font-size: 1em;
	color: #345D55;
	margin-left: 10px;
	margin-top: 1.5em;
	margin-bottom:-1em;
	border-bottom: 1px solid #666;
}

#nonFunctionalArea .content {
	font-size: 1em;
	color: #345D55;
	}
	
	#nonFunctionalArea ul li {
		list-style-type: disc;
		list-style-image: url(../images/navBullet.gif);
		padding: 2px 10px 2px 0;
		}
		
/* Footer */

#footer {
	font-size: 0.90em;
	padding: 3em 10px 10px 10px;
	color: #345D55;
	vertical-align: bottom;
	}
	
#centerFooter {
	font-size: 0.90em;
	color: #999;
	vertical-align: bottom;
	}
	
	#centerFooter a,
	#topOfPage a {
		text-decoration: none;
		color: #329A99;
		}
		
	#centerFooter a:hover {
		text-decoration: underline;
		}
	
#topOfPage {
	vertical-align: bottom;
	color: #329A99;
	font-size: 0.90em;
	text-align: right;
	padding-right: 10px;
	}
	
	
/* User Summary */

#userSummary {
	color: #345D55;
	padding: 5px 10px 5px 0;
	font-size: 0.90em;
}

	#userSummary a {
		color: #345D55;
		}
		
	#userSummary a:hover {
		text-decoration: none;
		}
		
/* Sidebar */

#sidebar {
	width: 180px;
	padding-right: 10px;
	}
	
	
#sidebar .island {
	background: #fff url(../images/backgroundIsland.gif) no-repeat top left;
	padding: 0;
	margin: 2em 0;
	color: #349998;
	/* font-size: 0.90em;  */
	}
	
	#sidebar .island h1 {
		font-size: 0.97em;
			/* 		font-size: 0.833em;  */
		text-transform: uppercase;
		font-weight: normal;
		color: #000;
		background-color: #BFBFBF;
		margin: 0;
		padding: 3px;
		border-top: 1px solid #EAEAEA;
		border-bottom: 2px solid #EAEAEA;
		}
		
#sidebar .island p {
	padding: 0 10px;
	margin: .5em 0;
	}
	
#sidebar .island ul li {
		list-style-type: disc;
		list-style-image: url(../images/sidebarBullet.gif);
		padding: 2px 10px 2px 0;
		}	
		
.discount {
	font-size: 3em;
	font-weight: bold;
	}
	
/* Content */

.content h1 {
	font-size: 1.5em;
	color: #000;
	}
	
.content h2 {
	font-size: 1.3em;
	color: #000;
	}
	
.content h3 {
	font-size: 1.2em;
	color: #000;
	}
	
.content h4 {
	font-size: 0.90em;
	color: #000;
	}

#content-home {
background-image: url(../images/art-clay-home-page-image-2.jpg);
background-repeat:no-repeat;	
	}
	
.text-25{
background-image: url(../images/opacity_25.png);
padding:12px;
	}
		
.text-33{
background-image: url(../images/opacity_33.png);
padding:12px;
	}
	
.text-41{
background-image: url(../images/opacity_41.png);
padding:12px;
	}
	
.text-60{
background-image: url(../images/opacity_60.png);
padding:12px;
	}	
	
.text-72{
background-image: url(../images/opacity_72.png);
padding:12px;
	}	
	
.image-right {
float:right;
padding-left:10px;
margin-left:6px;
padding-right:0px;
padding-top:10px;
padding-bottom:10px;
}	
	
.image-left {
float:left;
padding-left:0px;
padding-right:10px;
margin-right:6px;
padding-top:10px;
padding-bottom:10px;
}	

/* Sortable tables */
table.sortable th {
    background-color:#9CC3BD;
    color:#FFFFFF;
    font-weight: bold;
    cursor: default;
	height:34px;
}	

table.sortable tr.R1 td {
	background-color: #FCF6CF;
	
}
table.sortable tr.R0 td {
	background-color: #FEFEF2;
}	

.floatright {
float:right;
	padding: 2px 2px 2px 10px;
}	


.callout a{
font-size:18px;
padding: 12px 5px 2px 5px;
font-weight:600;
text-align:center;
float:left;
/*
color:#FFFFFF;
*/
color:#FFFFFE;
text-decoration:none; }	

.required {
color:#FF0000;
font-weight:700;
}	

.required a {
color:#FF0000;
font-weight:700;
}	

.helpful {
background-color:#FFFF99;
color:#000000;
font-weight:700;
}	

.helpful a {
color:#000000;
background-color:#FFFF99;
font-weight:200;
}	

#sidebar .new_stuff {
color:#FFCC00;
font-weight:200;
}	

#sidebar .new_stuff {
color:#FFCC00;
font-weight:700;
}	

/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#FFFFFF;
    font-weight: bold;
    cursor: default;
}	

table.sortable tr.R1 td {
	background-color: #FCF6CF;
}
table.sortable tr.R0 td {
	background-color: #FEFEF2;
}	

.clearboth {
clear:both;
}

.pquote {
	float: right;	
	width: 30em;
	font-weight: bold;
	padding: 2em 0.8em 0.8em 0.8em;
	vertical-align:top;
	margin: -2em 0.5em 0.8em 0.9em;
	color:#8A0000;
	background-color: #e7e7f2;
		}	
.highlight_sale {
border-color:#c0c0c0;
border-width:thin;
padding:1px; 
/*align:center;*/
}	

.content_spacing {
padding:15px;
}	

.content_headings a {
}

.content_headings h1 {
color:#CC3300;
font-weight:800;
padding:12px 0px 6px 0px;
}

.content_headings h2 {
color:#663366;
font-weight:800;
/*
font-size:1.4ems;
*/
font-size:1.4ems;


padding:16px 0px 4px 0px;
margin-top: 4px;
border-top:dotted;
border-color:#336633;
border-top-width:thin;
}

.content_headings h3 {
/*padding:9px 0px -3px 0px;*/
padding:9px 0px 3px 0px;
}

.instructor_highlight_link {
color:#009933;
font-weight:700;
}

.instructor_highlight_email {
color:#0000FF;
font-weight:700;
}

a.instructor_highlight_email {
color:#0000FF;
font-weight:700;
}