/* @override 
	http://beautyandnails.com.au/css/basic/custom.css
	http://www.beautyandnails.com.au/css/basic/custom.css
*/

/* @group body */

html {
	float: left;
	width: 100%;
}

body {
	font-family: "Lucida Grande", "Trebuchets MS", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #ffffff url(/images/interface/page_bkg.gif) repeat-x 50% 0;
	color: #333;
	float: left;
	width: 100%;
}

body.s-4 #main{
	width: 680px;
	
}



a:link, a:visited {
	color: #1980e5;
	text-decoration: none;
}

a:hover, a:active {
	color: #ce169f;
	text-decoration: underline;
}
pre, tt, kbd, code, samp {
	font-family: "Lucida Grande", "Trebuchets MS", Verdana, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
	padding: 5px;
	border: 1px dotted #ddd;
	display: block;
	background-color: #eee;
}

acronym, abbr, dfn {
	font-style: normal;
}

acronym[title], abbr[title], dfn[title] {
	border-bottom: 1px dotted #999;
	cursor: help;
}

h1 {
	font-size: 24px;
	margin: 10px 0;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #CE169F;
	line-height: 1.2em;
}

h2 {
	font-size: 16px;
	margin: 20px 0 10px 0;
	font-weight: normal;
	color: #999;
}

h3 {
	font-size: 12px;
	margin: 10px 0 5px 0;
	padding: 0;
	font-weight: normal;
	color: #999;
}

h4 {
	font-size: 11px;
}

table {
	clear: both;
	margin: 10px 0;
	border-collapse: collapse;
}

th, td {
	font-size: 10px;
}

form {
	margin: 0;
	padding: 0;
	/* hide from mac ie \*/
	/*height: 1%; */
}

select, input, textarea {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 11px;
}

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

p, ul, ol, blockquote, address {
	margin-top: 10px;
	margin-bottom: 10px;
	font-style: normal;
}

p.error {
	font-size: 11px;
	line-height: 16px; 
	padding: 10px 10px 20px 10px;
	color: #fff;
	font-weight: bold;
	text-shadow: #f30 2px 2px 0;
	background: #f60 url(/images/interface/error_bkg.gif) repeat-x 0 100%;
	border: 1px solid #fff;
}

.clear {
	clear: left;
	font-size: 0;
	line-height: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

.hidden {
	/* used to hide accessibility items */
	position: absolute;
	left: -9999px;
}

div.nicetitle {
	background-color: #333;
	color: #fff;
	font: bold 13px "Trebuchet MS", Verdana, Arial, sans-serif;
	left: 0;
	padding: 4px;
	position: absolute;
	top: 0;
	width: 25em;
	z-index: 20;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity: 0.87;
}

div.nicetitle p {
    margin: 0;
	padding: 0 3px;
	-moz-opacity: 1;
	opacity: 1;
}

/* @end */

/* @group layout */

#wrapper {
	width: 920px;
	margin: 0 auto;
	text-align: left;
	position: relative; /* logo position relies on this */
}

#container {
	float: left;
	width: 100%;
	padding-bottom: 10px;
background: transparent url(/images/interface/trolley.gif) no-repeat 20px 76px;

}
body.s1 #header  {
	width: 920px;
	height: 335px;
	margin: 0;
	padding: 0;
	background: transparent url(/images/interface/girl_with_laptop.jpg) no-repeat 565px 31px ;
	}

#header {
	width: 920px;
	height: 208px;
	margin: 0;
	padding: 0;
	background: transparent url(/images/interface/girl_with_laptop.jpg) no-repeat 565px 31px ;
	}
	
/*body.s3 div#header{
	background: transparent url(/images/interface/nails_bg.jpg) no-repeat 31px right;

}
body.s3.p3.a21.l2 div#header{
	background: transparent url(/images/interface/open_hair.jpg) no-repeat 31px right;
}

body.s3.p3.a19.l2 div#blocknav li.nails a{
	background: transparent url(/images/interface/block_nav_hilite.gif.jpg) no-repeat 0px 0;

}

*/

#nav {
	float: left;
	width: 900px;
	background: transparent;
	margin:0 10px;
	display: inline; /* combat IE6 Doubled float-margin bug */
}

#header #blocknavwrapper{
	width: 720px;
	height: 185px;
	margin:121px 0 0 0 ;
	float: left;
	display: inline;
	padding: 0px;
	background: transparent url(/images/interface/blocknav_bkg.png) repeat-y top left;
	}

#header #blocknav{
	width: 710px;
	height: 185px;
	margin:0px 0 0 10px ;
	float: left;
	display: inline;
	padding: 0px;
}

#header #blocknav ul{
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0;
	}

#header #blocknav ul li{
	width: 233px;
	background: transparent url(/images/interface/menu_btm_bkg.png) no-repeat bottom left;
	display: inline;
	float: left;
	margin: 5px 0 0 0px;}
	
#header #blocknav ul li.hair{
	width: 233px;
	background: transparent url(/images/interface/menu_btm_bkg_hair.png) no-repeat bottom left;
	display: inline;
	float: left;
	margin: 5px 0 0 0px;}
	
#header #blocknav ul li a{
	width: 233px;
	height: 44px;
	margin: 0px 0 0 0;
	display: inline;
	padding: 135px 0 0 0;
	color: #FFFFFF;
	text-align: center;
	font-size: 28px;
	float: left;}
	
#header #blocknav ul li a:hover{
	color: #b299cc;
		text-decoration: none;
}


#header #blocknav ul li.beauty a{
	width: 233px;
	height: 44px;
	background: transparent url(/images/interface/beauty.jpg) no-repeat top left;
	margin: 0px 0 0 0;
	display: inline;
	padding: 135px 0 0 0;
	text-align: center;
	font-size: 28px;
	float: left;}

#header #blocknav ul li.beauty a:hover{
	color: #87075f;
	background: transparent url(/images/interface/beauty_over.jpg) no-repeat top left;
}

#header #blocknav ul li.nails a{
	width: 233px;
	height: 44px;
	background: transparent url(/images/interface/nails.jpg) no-repeat top left;
	margin: 0px 0 0 0;
	display: inline;
	padding: 135px 0 0 0;	text-align: center;
	font-size: 28px;
	float: left;}

#header #blocknav ul li.nails a:hover{
	color: #87075f;
	background: transparent url(/images/interface/nails_over.jpg) no-repeat top left;
}

#header #blocknav ul li.hair a{
	width: 233px;
	height: 44px;
	background: transparent url(/images/interface/hair.jpg) no-repeat top left;
	margin: 0px 0 0 0;
	display: inline;
	padding: 135px 0 0 0;
	text-align: center;
	font-size: 28px;
	float: left;}

#header #blocknav ul li.hair a:hover{
	color: #87075f;
	background: transparent url(/images/interface/hair_over.jpg) no-repeat top left;
}

	
#header #blocknav ul li.school{
	width: 233px;	
	background: transparent url(/images/interface/menu_btm_bkg_blue.png) no-repeat bottom left;
	display: inline;
	float: left;
	margin: 5px 0 0 0px;
}

#header #blocknav ul li.school a{
	width: 233px;
	height: 44px;
	background: transparent url(/images/interface/school.jpg) no-repeat top left;
	margin: 0px 0 0 0;
	display: inline;
	padding: 135px 0 0 0;
	color: #ffffff;
	text-align: center;
	font-size: 28px;
	float: left;}

#header #blocknav ul li.school a:hover{
	color: #87075f;
	background: transparent url(/images/interface/school_over.jpg) no-repeat top left;
}

/* @group Blocknav2 */

#header #blocknavwrapper2{
	width: 720px;
	height: 58px;
	margin:121px 0 0 0 ;
	float: left;
	display: inline;
	padding: 0px;
	background: transparent url(/images/interface/blocknav2_bkg.png) repeat-y top left;
	}

#header #blocknav2{
	width: 710px;
	height: 58px;
	margin:0px 0 0 0px ;
	float: left;
	display: inline;
	padding: 0px;


}

#header #blocknav2 ul{
	list-style-type: none;
	display: inline;
	margin: 0px 0 0 10px;
	padding: 0px;
	float: left;
	}

#header #blocknav2 ul li{
	width: 233px;	
	background: transparent url(/images/interface/menu_btm_bkg.png) no-repeat bottom left;
	display: inline;
	float: left;
	margin: 5px 0 0 0px;}
	

#header #blocknav2 ul li a{
	width: 233px;
	height: 37px;
	margin: 0px 0 0 0;
	display: inline;
	padding: 5px 0 ;
	color: #ffffff;
	text-align: center;
	font-size: 28px;
	float: left;}
	
#header #blocknav2 ul li a:hover{
	color: #b299cc;
	text-decoration: none;
}


#header #blocknav2 ul li.beauty a{
		width: 233px;
	height: 37px;
	margin: 0px 0 0 0;
	display: inline;
	padding: 10px 0 5px 0 ;
	color: #ffffff;
	text-align: center;
	font-size: 28px;
	float: left;}

#header #blocknav2 ul li.beauty a:hover{
	color: #87075f;

}

#header #blocknav2 ul li.nails a{
	width: 233px;
	height: 37px;
	margin: 0px 0 0 0;
	display: inline;
	padding: 10px 0 5px 0 ;
	color: #ffffff;
	text-align: center;
	font-size: 28px;
	float: left;
	}

#header #blocknav2 ul li.nails a:hover{
	color: #87075f;

}

#header #blocknav2 ul li.hair a{
		width: 233px;
	height: 37px;
	margin: 0px 0 0 0;
	display: inline;
	padding: 10px 0 5px 0 ;
	color: #ffffff;
	text-align: center;
	font-size: 28px;
	float: left;}

#header #blocknav2 ul li.hair a:hover{
	color: #87075f;

}

#header #blocknav2 ul li.school a{
	width: 233px;
	height: 37px;
	margin: 0px 0 0 0;
	display: inline;
	padding: 10px 0 5px 0;
	color: #ffffff;
	text-align: center;
	font-size: 28px;
	float: left;
	background: transparent url(/images/interface/menu_btm_bkg_blue.png) no-repeat bottom left;
	}

#header #blocknav2 ul li.school a:hover{
	color: #87075f;

}


/* @end */

#content {
	float: left;
	width: 100%;
	margin: 0 0 0 0px;
	padding: 0;
	background: transparent url(/images/interface/content_bkg.gif) repeat-y top left;
	display: inline;
}


#columns {
	float: left;
	width: 920px;
	margin: 0;
	padding: 0;
		background: transparent url(/images/interface/column_bkg.gif) no-repeat top left;
}



#main {
	float: left;
	width: 490px;
	margin: 0 0 10px 0;
	padding: 20px 0px 0 20px;
	background-color: transparent;

	
}
#columns.twocol #main{
	width: 640px;
	padding: 20px 30px 0 40px;
}
#sidebarL {	
	float: left;
	width: 151px;
	display: inline; /* combat IE6 Doubled float-margin bug */
	margin: 15px 0px 0 25px;
	padding: 0;
}

#sidebarL h1{
	background: #999;
	color: #fff;
	font-size: 18px;
	padding: 5px 10px;
	margin: 0px;
	text-transform: lowercase;
	font-family: "Lucida Grande", "Trebuchets MS", Verdana, Helvetica, sans-serif;
}
#sidebarL h1 a{
	display: block;
	color: #FFFFFF;
}

#sidebarL h1 a:hover{
	color: #ce169f;
}
/* @end */

#sidebarR {
	float: right;
	width: 190px;
	display: inline; /* combat IE6 Doubled float-margin bug */
	margin: 10px 10px 0 10px; /* top margin used to dodge dropped logo */
	padding: 0;
}

#footer {
	float: left;
	width: 900px;
	display: inline; /* combat IE6 Doubled float-margin bug */
	font-size: 10px;
	line-height: 14px;
	padding: 7px 0;
	margin: 0 10px;
	color: #999;
	text-transform: uppercase;
	/*clear: both; apparently redundant because of width */
	border-top:1px solid #CF1DA6;
	
}

/* @end */

/* @group header */

/* @group user links */

body.a1	#header #userlinks {
	position: absolute;
	top: 310px;
	left: 720px;
	margin: 0;
	width: 150px;
	padding: 0;
	
}

#header #userlinks li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 15px;
	list-style-type: none;
	white-space: nowrap;
	line-height: 20px;
	background: url(/images/interface/userarrow.gif) no-repeat 5px;
}



#sidebarR #userlinks {
	margin: 0 0 20px 0;
	width: 150px;
	padding: 0;
	height: 20px;
	
}
#sidebarR #userlinks li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 15px;
	list-style-type: none;
	white-space: nowrap;
	line-height: 20px;
	background:transparent url(/images/interface/userarrow.gif) no-repeat 5px;
}

/* @end */

#header h1 {
	padding: 0;
	margin: 0;
}

#header h1 a {
	width: 389px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(/images/interface/logo.gif) no-repeat 50% 50%;
	padding: 0;
	position: absolute;
	margin: 0px 0 0 0;
	top: 93px;
	left: 124px;
	z-index: 10; /* display above sidebarR margin-top */
}
div#article_812 {
position: absolute;
top: 133px;
left: 128px;
margin: 0;
}
div#article_812 p {
	font-family: Arial, Helvetica;
	margin: 0;
	font-size: 12px;
	color: #666;
}
/* @end */

/* @group nav */

/* @group lev1 */

.lev1 {
	float: right;
	text-align: left;
	padding: 0 0 0 10px;
	margin: 0 200px 0 0;
	list-style-type: none;
	font-size: 11px;
	font-family: "Lucida Grande", "Trebuchets MS", Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	display: inline;
}

.lev1 li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
	line-height: 30px;
}

.lev1 li a:link, .lev1 li a:visited {
	float: left;
	padding: 0 10px;
	text-decoration: none;
	color: #fff;
	margin: 0;
	font-weight: normal;
	/* hide from mac ie \*/
	height: 1%; /**/

}

.lev1 li a:hover, .lev1 li a:active {
	background: url(/images/interface/nav_hilite_arrow.gif) no-repeat 50% 80%;
}

.lev1 li.hilite a:link, .lev1 li.hilite a:visited {
	
	background: url(/images/interface/nav_hilite_arrow.gif) no-repeat 50% 80%;
}

.lev1 li.hilite, .lev1 li.hilite{
	background: transparent url(/images/interface/nav1_hilite.gif) repeat-x;
	}

.lev1 li.hilite a:hover, .lev1 li.hilite a:active {

}

/* @end */

/* @group lev2 */

.lev2 {
	text-align: left;
	padding: 0;
	margin: 0 0 10px 0;
	list-style-type: none;
	background: #f1f1f1 url(/images/interface/lh_mid.gif) repeat-y 50% 50%;
	font-size: 12px;
}

.lev2 li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*white-space: nowrap;*/
}

.lev2 li.first {
	
}

.lev2 li.last {

}

.lev2 li a:link, .lev2 li a:visited {
	display: block;
	line-height: 12px;
	padding: 10px 10px;
	text-decoration: none;
	color: #cc0099;
	margin: 0;
	border-top: 1px solid #fff;
	font-weight: normal;
	/* hide from mac ie \*/
	height: 1%; /**/
}
 .lev2 li a:hover{
	background:#ccc url(/images/interface/levproducts_arrow.gif) no-repeat 100% 50%;
	color: #cc0099;
}
.lev2 li.hilite,.lev2 li a:active {
background:#ccc url(/images/interface/levproducts_arrow.gif) no-repeat 100% 50%;
	color: #cc0099;
}

.lev2 li.hilite a:link, .lev2 li.hilite a:visited {
		color: #cc0099;
		}

.lev2 li.hilite a:hover, .lev2 li.hilite a:active {
	color: #000;
}
/* @end */

/* @group lev3 */

.lev3 {
	text-align: left;
	padding: 0;
	margin: 0 0 10px 0;
	list-style-type: none;
	background: #f1f1f1 url(/images/interface/lh_mid.gif) repeat-y 50% 50%;
	font-size: 12px;
}

.lev3 li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*white-space: nowrap;*/
}

.lev3 li.first {
	
}

.lev3 li.last {

}

.lev3 li a:link, .lev2 li a:visited {
	display: block;
	line-height: 12px;
	padding: 10px 10px;
	text-decoration: none;
	color: #cc0099;
	margin: 0;
	border-top: 1px solid #fff;
	font-weight: normal;
	/* hide from mac ie \*/
	height: 1%; /**/
	
}
 .lev3 li a:hover{
	background:#ccc url(/images/interface/levproducts_arrow.gif) no-repeat 100% 50%;
	color: #cc0099;
}
.lev3 li.hilite,.lev2 li a:active {
background:#ccc url(/images/interface/levproducts_arrow.gif) no-repeat 100% 50%;
	color: #cc0099;
}

.lev3 li.hilite a:link, .lev2 li.hilite a:visited {
		color: #cc0099;
		}

.lev3 li.hilite a:hover, .lev2 li.hilite a:active {
	color: #000;
}
/* @end */
/* @end */
/* @end */

/* @group main */
body.s1 #columns.twocol #main {
		line-height: 16px;
	padding: 0 0px 0 10px; /* 1px padding to prevent margin collapse */	border: 0px solid;
	margin: 0 0px 20px 0px;
	float: left; /* required to stop images escaping */
	width: 698px; /* required beause float collapses width */
	display: inline; /* combat IE6 Doubled float-margin bug */
}

body.s1 #main .article, #main .article .article {
	line-height: 16px;
	padding: 0 0px 0 10px; /* 1px padding to prevent margin collapse */
	margin: 0 0px 20px 0px;
	float: left; /* required to stop images escaping */
	width: 658px; /* required beause float collapses width */
	display: inline; /* combat IE6 Doubled float-margin bug */
}

#main .article, #main .article .article {
	line-height: 16px;
	padding: 0 0px 0 0px; /* 1px padding to prevent margin collapse */
	margin: 0 0px 15px 0px;
	float: left; /* required to stop images escaping */
	width: 100%; /* required beause float collapses width */
	display: inline; /* combat IE6 Doubled float-margin bug */

}

#main .home {
	padding: 0;
	margin: 0;
	background: none;
	width: 100%;
}

#main h1.pagetitle, #main h1.embedtitle {
	color: #CE169F;
	font-weight: normal;
	font-size: 32px;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	
	text-transform: lowercase;
}
#main h1.embedtitle {
	font-size: 24px;
	}
#main .body div {
	margin: 10px 0;
}

#main .body a:link, #main .body a:visited {
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}

#main .body a:hover, #main .body a:active {
	border-bottom: 1px solid #666;
	text-decoration: none;
}

#main .body ul {
	list-style: none;
	margin: 10px 0 10px 15px;
	padding: 0;
}

#main .body ol {
	margin: 10px 0 10px 30px;
	padding: 0;
}

#main .body ul li {
	margin: 0;
	padding: 0 0 0 15px;
	background-image: url(/images/interface/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

/* @group tables */

#main .body table {
	border: 1px solid #ccc;
	width: 100%;
}

#main .body table caption {
	display: none;
}

#main .body table td, #main .body table th {
	border: 1px solid #ccc;
	padding: 3px;
	font-size: 10px;
/* 	white-space: nowrap; */
}

#main .body table th {
	text-align: left;
	white-space: nowrap;
}

#main .body .right {
	float: right;
	padding: 0;
	margin: 0;
}
/* @end */
a img {
	border: none;
}
#main .body a.imgzoomer {
	border: none;
	padding: 10px 0 10px 10px;
}
* html a.imgzoomer {
	behavior: url(/js/iepngfix.htc);
}

#main .article {
	behavior: url(/js/iepngfix.htc);
}

#header #blocknavwrapper, #header #blocknavwrapper2{
	behavior: url(/js/iepngfix.htc);
}
/* @group children */

.children ul {
	margin-left: 0;
	padding-left: 0;
	border-top: 1px solid #ddd;
	background-image: url(/images/trans_pixel.gif); /* required because IE6 loses the border on LI with summary */
	clear: both;
}

.children li {
	position: relative;
	padding: 8px 0 8px 15px;
	margin: 0 0 0 0px;
	list-style-type: none;
	background: url(/images/interface/userarrow.gif) no-repeat 0 8px;
}

.children li.thumbnail {
	list-style-type: none;
	margin-left: 0;
}

.children li a:link, .children li a:visited, .children li a:hover, .children li a:active {
	font: bold 12px/13px "Lucida Grande", Verdana, Helvetica, sans-serif;
}

.children li .summary  {
	font-size: 11px;
	line-height: 12px;
	color: #999;
	margin: 1px 0 5px 0;
	display: block;
}

.children li .arrows {
	position: absolute;
	right: 0;
	top: 0.95em;
	z-index: 10;
}

/* @group children table */

.children table {
	border-spacing: 5px;
}

.children table td .childtitle  {
	margin-top: 0;
}

.children table td.child {
	border-collapse: collapse;
	padding: 5px;
	vertical-align: top;
	background-color: #fff;
	border: 1px solid #eee;
	width:166px;
}

.children table td .summary  {
	clear: both;
	margin-bottom: 10px;
	color: #000;
	text-align: center;
	display: none;
}



.children table td {
	border: 1px solid #eee7d6;
	float: left;
	width: 152px;
	font-size: 12px;
	text-align: center;
	margin: 0px;
	padding: 5px;
	display: inline;

	
}

.children table.products tr td {
	float: left;
	width: 149px;
	font-size: 12px;
	text-align: center;
	margin: 5px 1px;
	padding: 5px;
	display: inline;
	border: 1px solid #ddd;
}

.children table.catalogs tr td {
	border: 1px solid #eee7d6;
	float: left;
	width: 149px;
	font-size: 12px;
	text-align: center;
	margin: 5px 1px;
	padding: 5px;
	display: inline;
}

#columns.twocol .children table.products tr td, #columns.twocol .children table.catalogs tr td  {
width:195px
}
.a1 #columns.twocol .children table.products tr td, .a1 #columns.twocol .children table.catalogs tr td  {
width:149px
}
.children table td .thumbnail {
	padding: 0 ;
	margin:0px; 

}

.children .title {
	font-size: 12px;
	line-height: 14px;
	margin: 0px 0px 0 0px;
	padding: 0;
/*	float: left;
	width: 152px;
	display: inline; */
	
}


.children .details {
	font-size: 12px;
	line-height: 14px;
	margin: 10px 0px 0px -1px;
	padding: 0;
	color: #ffffff;
	float: left;
	width: 152px;
	background: #999999;
	border-left: 1px solid #eee7d6;
	border-right: 1px solid #eee7d6;
	display: inline;

	
}

.children .details .price {
	float: left;
	margin: 5px;
	padding: 0;
	font-weight: bold;
	color: #fff;
	display: inline;
	font-size: 14px;
}

.children .details .options {
	float: right;
	margin: 6px 5px;
	padding: 0;
	display: inline;
}

.children .details .options a img {
	padding: 2px;
	margin: 0 0 0 5px;
	background: #eee;
	border: 1px solid #ccc;
	/*display: block;*/
	float: right;
	width: 12px;
	height: 12px;
	display: inline;
}

.children .details .options a img:hover {
	border: 1px solid #666;
}

/* @end */

/* @end */

/* @group files */

.files {
	border: 1px solid #eee;
	margin: 5px 0;
	padding: 5px;
}

.files dl {
	margin: 0;
	padding: 0 5px;
	background-color: #f8f0cb;
}

.files dl dt {
	border: 1px solid #f8f0cb;
	border-top: 2px solid #fff;
}

.files dl dt.first {
	border: 1px solid #f8f0cb;
}

.files dl span, .files dl strong {
	display: none;
}

.files dl span.s_size {
	display: inline;
	font-weight: normal;
}

.files dl dt {
	font-weight: bold;
	margin: 0;
	padding: 3px 0 0 0;
	background-image: url(/images/interface/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-left: 16px;
}

.files dl dd {
	border: 1px solid #f8f0cb;
	margin: 0;
	padding: 0 0 5px 0;
	padding-left: 16px;
	color: #f7b82c;
	position: relative;
}

.files dl dd p {
	margin: 0;
	padding: 0;
}

.files dl dd div.s_notes {
	color: #333;
}

.files dl dd div.s_notes p {
	margin: 5px 0 0 0;
}

.files dl dd p.s_toggle {
	position: absolute;
	right: 0;
	top: 0;
	font-weight: bold;
	cursor: pointer;
}

.files dl dt.forSale {
	background-image: url(/images/interface/forSale.gif);
}

.files dl dt.requireUser {
	background-image: url(/images/interface/locked.gif);
}

/* @end */

/* @end */

/* @group sidebar */

/* @group siderbar R */

/* @group sidebar article */

#sidebarR .article {
	margin: 15px 0 10px 0;
	padding: 1px 10px 1px 10px; /* 1px padding to prevent margin collapse */
	font-size: 10px;
	line-height: 13px;
	color: #666;
	float: left; /* required to stop images escaping */
	width: 169px; /* required beause float collapses width */
	display: inline; /* combat IE6 Doubled float-margin bug */
	border:1px solid #ddd;
	background-color: #fff;
}

#sidebarR h1.embedtitle {
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #D00381;
	padding: 0;
	margin: 10px 0;
}

#sidebarR .article p {
	padding: 0;
	margin: 10px 0;
}

#sidebarR .article em {
	font-weight: bold;
	font-style: normal;
	color: #f60;
}

#sidebarR .article .children ul, #sidebarR .article .children li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#sidebarR .article ol li {
	list-style-type: decimal;
}

#sidebarR .article a:link, #sidebarR .article a:visited {
	color: #333;
	border-bottom: 0px solid #ddd;
	text-decoration: none;
}

#sidebarR .article a:hover, #sidebarR .article a:active {
	color: #0081c0;
	border-bottom: 1px solid #0081c0;
	text-decoration: none;
}

#sidebarR .article form table th {
	text-align: left;
}

#sidebarR .article form table td {
	width: 100%;
}

#sidebarR .article form table td input {
	width: 100%;
	margin-bottom: 4px;
}

/* @end */

/* @group sidebar cart */

#sidebarR p.error {
	margin: 0 0 10px 0;
	float: left; /* required to stop images escaping */
	width: 179px; /* required beause float collapses width */
	display: inline; /* combat IE6 Doubled float-margin bug */
}

#sidebarR .cart, #sidebarR .logon {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%;
}

#sidebarR .cart caption, #sidebarR .logon caption {
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size: 17px;
	line-height: 18px;
	font-weight: normal;
	color: #CE1BA5;
	padding: 10px 0;
	margin: 0;
	text-align: left;
	caption-side: top;
}

#sidebarR .cart caption span {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	text-transform: lowercase;
	
}

#sidebarR .cart th, #sidebarR .cart td {
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding: 3px 0;
	color: #333333;
}

#sidebarR .cart .col1 {
	text-align: left;
	white-space: nowrap;
}

#sidebarR .cart .col2, #sidebarR .cart .col3 {
	text-align: right;
	white-space: nowrap;
}

#sidebarR .cart .col3 {
	font-weight: bold;
}

#sidebarR .total span, #sidebarR .total {
	font-weight: bold;
	font-size: 11px;
	color: #333;
}

#sidebarR .total {
	font-weight: bold;
	font-size: 11px;
	color: #000;
	text-align: right;
}

#sidebarR form input {
	font-size: 11px;
}

#sidebarR .navsearch{
	font-size: 18px;
	color: #D00381;
	text-transform: lowercase;
	line-height: 24px;
}
#sidebarR .navsearch form input.q{
	background: #FFFFFF;
	border: 1px solid #ccc;
	width: 146px;
	height: 24px;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	display: inline;
	}

#sidebarR .navsearch form input.qs{
	background: transparent url(/images/interface/go.gif) no-repeat;
	}
/* @end */

/* @end */

/* @group siderbar L & R */

#sidebarL .article ul, #sidebarL .article ol, 
#sidebarR .article ul, #sidebarR .article ol {
	margin-left: 16px;
	padding: 0;
	list-style: square;
}

#sidebarL .article ol, #sidebarR .article ol {
	margin-left: 24px;
}

#sidebarL .article li, #sidebarR .article li {
	padding: 0;
	margin: 3px 0;
}

/* @end */

/* @end */

/* @group footer */

#footer .left {
	float: left;
	color: #999;
	margin: 0 10px;
}

#footer .right {
	float: right;
	color: #999;
	margin: 0 10px;
}

#footer .right .sitename {
	font-weight: normal;
	color: #ccc;
}

#footer a:link, #footer a:visited {
	color: #999;
	border-bottom: 1px dotted #666;
}

#footer a:hover, #footer a:active {
	text-decoration: none;
	border-bottom: 1px solid #000;
}

#footer a.hilite {
	border-bottom: 1px solid #000;
}

/* @end */

/* @group School */

body.s28 #header #blocknav2 ul li.school a {
	background: #1980e5 url(/images/interface/hover_arrow.gif) no-repeat center bottom;}

/* @end */

/* @group crumbs */



#crumbs {
	clear: both;
	float: left;/**/
	margin: 0px 10px 5px 10px;
	padding: 0;
	width: 900px;
background: #eee url(/images/interface/crumb2_bkg.gif) repeat-y top right;}

#crumbs li {
	list-style: none;
	float: left;
	background: #f1f1f1 url(/images/interface/crumb_arrow.gif) no-repeat 100% 50%;
	
	
}

#crumbs li a {
	float: left;
	display: block;
	padding: 0 18px 0 10px;
	line-height: 24px;
	color: #333;
	text-decoration: none;
	font-size: 11px;
}

#crumbs li.home a {
	padding-left: 18px;
}

#crumbs li a:hover {
	color: #333;
}

#crumbs li.hilite a {
	color: #cd1ba4;

}

/* @end */

/* @group shop */

/* @group shopitem */

#main .product h1.pagetitle {
	font-size: 24px;
}

.buynow {
	margin: 10px 0px 10px 0px;
	border: 1px solid #ccc;
	padding: 10px 10px;
	font-size: 11px;
}

.buynow p {
	margin: 5px 0;
}

.buynow label {
	color: #999;
	font-weight: bold;
}

.buynow .price span {
	padding-left: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #CE169F;
}

.buynow .light span {
	color: #666;
}

.buynow p.buy .shop_addshopitem{
	background: #FFF url(/images/interface/add_to_cart.gif) no-repeat 0 0px;
	border: 0px;
	width: 100px;
	height: 28px;
	cursor: pointer;
	text-indent: -9999px;
line-height:0;
}

.buynow p.buy .view_cart{
	background: transparent url(/images/interface/view_cart.gif) no-repeat 0 0px;
	border: 0px;
	width: 100px;
	height: 28px;
	cursor: pointer;
	text-indent: -9999px;
	line-height:0;
}

/* @end */

/* @group items */

.shop table.items caption {
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	padding: 5px 0;
	color: #666;
}

.shop table.items {
	border: 1px solid #ccc;
	border-width: 1px 0;
	background: #fff;
	width: 100%;
}

.shop table.items tr {
	/* vertical-align: top; */
}

.shop table.items th {
	border: 2px solid #ccc;
	border-width: 0 0 2px 0;
	padding: 4px;
}

.shop table.items tr.item td {
	border: 1px solid #ccc;
	border-width: 1px 0 0 0;
	background: #fff url(/images/interface/checkout_item_bkg.gif) repeat-x 0 0px; /* background position 0 -7px using original image */
	padding: 4px;
}

.shop table.items .i_description {
	padding-top: 4px;
	display: none; /* re-instate when we have meaningful descriptions */
}

.shop .items .col1 {
	width: 75%;
	text-align: left;
	

}

.shop .items .col1 a {
	background: transparent url(/images/interface/arrow.gif) no-repeat 0 0px;	padding-left: 17px;
	float: left;
	
}

.shop .items .col2, .shop .items .col3, .shop .items .col4 {
	text-align: right;
}

.shop .items .col3 {
	font-weight: bold;
	white-space: nowrap;
}

.shop .items .col4 {
	white-space: nowrap;
}

/* @end */

/* @group checkout */

.shop h2 {
	font-size: 14px;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #f30;
	padding-bottom: 5px;
	border: 1px solid #ccc;
	border-width: 0 0 1px 0;
}

.shop h2 label {
	font-weight: bold;
}

.shop th, .shop label {
	font-weight: bold;
	text-align: left;
}

.shop th, .shop td {
	font-size: 11px;
}

.shop p.alert {
	margin: 40px 0 20px 0;
	padding: 5px 10px;
	background: #eee;
	border: 1px solid #ccc;
	border-width: 2px 0;
}

/* @group payments */

.shop dl, .shop dt, .shop dd {
	margin-top: 10px;
	margin-bottom: 10px;
}

.shop dd {
	margin-left: 40px;
	border-left: 5px solid #ffb27f;
	padding-left: 10px;
}

.shop dd table caption {
	display: none;
}

.shop dd table th, .shop dd table td {
	padding: 0 5px;
}

.shop dd table th {
	text-align: right;
	border-right: 1px solid #ccc;
	white-space: nowrap;
	padding-left: 0;
}

.shop dd table td img {
	margin-bottom: -3px;
}

/* @end */

/* @end */

/* @group checkout & cart */

.shop .totals {
	border-bottom: 2px solid #ccc;
	text-align: right;
	margin-bottom: 10px;
}

.shop .totals p {
	margin: 10px 4px;
	font-weight: bold;
}

.shop .totals span {
	color: #999;
}

.shop .noitems {
	padding: 10px;
	text-align: center;
}

/* @end */

/* @group users */

.shop table.orders {
	position: relative;
	width: 100%;
}

.shop table.orders th, .shop table.orders td {
	width: 25%;/**/
	white-space: nowrap;
}

.shop .orders .col1 {
	width: 25%;
	font-weight: bold;
}

.shop .orders td.col4 {
	font-weight: bold;
	text-align: right;
}

/* @end */

/* @end */

/* @group search */

/* @group request */

.search table  {
	margin: 0;
	padding: 10px 0;
}

.search th, .search td {
	font-size: 10px;
	text-align: left;
}

.search th {
	padding: 5px 3px 5px 0;
}

.search .help {
	color: #666;
	line-height: 13px;
}

/* @end */

/* @group results */

/* @group title */

.search dt {
	font-weight: bold;
	margin: 5px 0;
}

.search dt a {
	color: #f30;
	text-decoration: none;
}

.search dt a:hover {
	text-decoration: none;
	border-bottom: 1px solid #333;
}

/* @end */

.search dd {
	margin-left: 20px;
}

.search dd .s_excerpt {
	font-size: 10px;
	color: #666;
	line-height: 13px;
}

.search dd strong, .search dd b, .search dt b {
	font-weight: bold;
	color: #333;
	border-bottom: 1px dotted #666;
	background-color: #fe9;
}

/* @group score */

.search p.s_scoreC, .search span.s_scoreB {
	font-size: 1px;
	height: 8px;
	display: block;
}

.search p.s_scoreC {
	position: absolute;
	right: 15px; /* pc ie workaround */
	top: 5px;
	width: 50px;
	border: 1px solid #ccc;
	background-color: #fff;
}

html>body .search p.s_scoreC {
	right: 0; /* override for everything but ie */
}

.search span.s_scoreB {
	/*background: #f60 url(/images/interface/score.gif) repeat-x 0px 50%;*/
	background-color: #f60;
	border-right: 1px solid #f30;/**/
}

/* @end */

.search dd p {
	color: #333;
}

.search dd div {
	border: 1px solid #eee;
	margin-top: 5px;
}

.search dd div div {
	background-color: #eee;
	border: 1px solid #eee;
	margin: 5px;
	padding: 2px 0;
	position: relative;
}

.search dd div p, .search dd div div p {
	margin: 5px;
}

.search dd div div div {
	border-top: 2px solid #fff;
	margin: 5px 5px 0 5px;
}

.search dd div div p {
	font-size: 10px;
	margin: 0 5px;
	color: #000;
}

.search dd div div p span {
	font-weight: bold;
	color: #545e6b;
}

/* @group files */

.search dd div div div p {
	color: #000;
	margin: 0;
	background: url(/images/interface/arrow_right.gif) no-repeat 0px 50%;
	padding-left: 16px;
}

.search dd div div div p.s_notes, .search dd div div div p.s_filename {
	background: 0;
}

.search dd div div div p a {
	text-decoration: none;
	border-bottom: 0;
	font-weight: bold;
}

.search dd div div div p a:hover {
	text-decoration: none;
	border-bottom: 1px solid #333;
}

.search dd div div div p span {
	font-weight: bold;
	color: #48146a;
	display: none;
}

.search dd div p.s_description {
	font-weight: bold;
	color: #333;
}

.search dd div p.s_description span.s_size {
	font-weight: normal;
	display: inline;
	color: #000;
}

.search dd div div div p.s_filename {
	color: #f7b82c;
	font-weight: normal;
}

/* @end */

/* @end */

/* @group pagination */

.search .pages {
	padding: 10px 0;
	border-top: 1px solid #ddd;
}

.search p.pages a {
	font-weight: bold;
}

.search p.pages strong {
	color: #666;
}

/* @end */

/* @end */

/* @group sitemap */

.sitemap {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.sitemap li {
	padding: .2em 0;
	margin: 0;
}

.sitemap li li {
	padding: 0;
	margin: 0;
}

.sitemap ul ul {
	list-style: inherit;
}

/* @end */

/* @group formmail */

.formmail table {
	border-top: 1px solid #eee;
	border-collapse: collapse;
	width: 100%;
}

.formmail th, .formmail td {
	font-size: 11px;
	padding: 3px;
	border-bottom: 1px solid #eee;
	text-align: left;
	border-collapse: collapse;
}

.formmail th {
	padding-top: 7px;
	font-size: 10px;
	color: #999;
	border-right: 1px solid #eee;
	vertical-align: top;
	white-space: nowrap;
}

/* @end */

/* @group gallery */

.gallery div {
	float: left;
	/*margin: 0 28px 28px 0;*/
	margin: 0 10px 10px 0;
}
.gallery div.row_end {
	/*margin: 0 0 28px 0;*/
	margin: 0 0 10px 0;
}

/* @end */

/* @group InPlaceEditor */

/* @group common */

.editor_control {
	width: 24px;
	height: 17px;
	text-indent: -9999px;
	background: transparent url(/images/admin/vtc/buttons/inplace.gif) no-repeat 100% 50%;
	z-index: 1000;
	margin: 0;
	padding: 0;
	left: -29px;
}

.editor_control_hilite {
	width: 48px;
	background-image: url(/images/admin/vtc/buttons/inplaceH.gif);
	left: -53px;
}

.inplaceeditor-form {
	margin-bottom: 10px;
	clear: both;
}

.inplaceeditor-form .editor_field {
	width: 100%;
	/*width: 461px;*/
	margin: 0;
	padding: 0;
	border: 0;
}

.inplaceeditor-form .editor_cancel {
	font-weight: bold;
}

.inplaceeditor-form .editor_ok_button {
	margin-right: 5px;
}

/* @end */

/* @group main */

#main .body .editor_control, #main .body .editor_container {
	margin: 0;
	padding: 0;
}

#main .inplaceeditor-form input.editor_field {
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #f60;
	background-color: #fff;
	margin: 10px 0;
}

#main .inplaceeditor-form textarea.editor_field {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	line-height: 16px;
	background-color: #fff;
	margin-bottom: 10px;
}

/* @end */

/* @group sidebar */

#sidebarR .inplaceeditor-form input.editor_field {
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #f30;
	background-color: #eee;
	margin: 10px 0;
}

#sidebarR .inplaceeditor-form textarea.editor_field {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	line-height: 13px;
	color: #666;
	background-color: #eee;
	margin-bottom: 10px;
}

/* @end */

/* @end */

/* @group MobileWebKit */

html {
	-webkit-text-size-adjust: none;
}

#main .article {
	-webkit-text-size-adjust: auto;
}

#main .home .body {
	/*-webkit-text-size-adjust: none;*/
}

/* @end */




/* @group billboard */


#billboard p.imgbillboard {
	margin:20px 0 0 0;
	padding: 0;
	float: left;
	width: 190px;
	height: 130px;
	border: 1px solid #ccc;
	background-color: #fff;
	text-align: center;
}
p.imgbillboard img {
	margin: 0;
	padding: 0;
	border: none;

}

/* @end */