/**
 * ===========================================================================
 * Css Level 2 Stylesheet
 * ---------------------------------------------------------------------------
 * This stylesheet is used for setting css level 2 styles. These include div 
 * based layout and graphical effects and background/text colours.
 *
 * Formatting convention:
 *  - Rules that apply to one element: The rules are collapsed to one line
 *  - Rules that apply to multiple elements (i.e. comma separated list of 
 *    identifiers), rules on multiple lines
 * ===========================================================================
 */

/**
 * Styling for standard elements
 */
body{background:#FFFFFF url(../images/bgBody.jpg) repeat-x;margin:1%;}
h1{margin-top:0px;padding-top:10px;}
h2{color:Navy;}
h3{color:Red;}
legend{font-weight:bold;}
fieldset{border:1px solid #C0C0C0;margin:20px;}
label{display:block;float:left;width:100px;}
fieldset div{clear:both;margin-bottom:2px;}
/**
 * Main Container - sets width of site
 */
#main{background:#FFFFFF url(../images/bgSideNav.gif) repeat-y top left;border:1px solid Silver;margin-left:auto;margin-right:auto;width:950px;}
/**
 * Top Header strip styling
 */
#header{background:Red url(../images/bgHeader.jpg) no-repeat;height:133px;}
#header img.right{float:right;padding:9px 0px 10px 0px;}
/**
 * Top navigation bar styling
 */
#topnav{background-color:Red;clear:both;display:none;float:right;height:1.70em;}
#topnav ul{list-style-type:none;margin:0px;padding:0px;}
#topnav li{float:left;margin-left:1px;}
#topnav li a{color:White;display:block;padding:3px 9px 3px 9px;text-align:center;text-decoration:none;}
/* Hover styling and setting of the selected tab */
body.a #topnav li.a a,
body.b #topnav li.b a,
body.c #topnav li.c a,
body.d #topnav li.d a,
body.e #topnav li.e a,
body.f #topnav li.f a,
body.g #topnav li.g a,
body.h #topnav li.h a,
body.i #topnav li.i a,
body.j #topnav li.j a,
body.k #topnav li.k a,
body.l #topnav li.l a,
body.m #topnav li.m a,
body.n #topnav li.n a,
body.o #topnav li.o a,
body.p #topnav li.p a,
body.q #topnav li.q a,
body.r #topnav li.r a,
body.s #topnav li.s a,
body.t #topnav li.t a,
body.u #topnav li.u a,
body.v #topnav li.v a,
body.w #topnav li.w a,
body.x #topnav li.x a,
body.y #topnav li.y a,
body.z #topnav li.z a,
#topnav li a:hover{
	background-color:#FFFFFF;
	color:#FF0000;
	/* Mozilla specific eye-candy */
	-moz-border-radius:10px 10px 0px 0px;
}
/**
 * Left navigation column
 */
#left{background-color:#013C7E;clear:both;float:left;padding:5px 0px 5px 0px;width:160px;}
#left img{margin:5px;}
#left ul{list-style-type:none;margin:20px 0px 0px 0px;padding:0px;}
#left li{padding:1px;}
#left li a{background-color:#175BA8;color:White;display:block;padding:3px;text-decoration:none;}
body.a #left li.a a,
body.b #left li.b a,
body.c #left li.c a,
body.d #left li.d a,
body.e #left li.e a,
body.f #left li.f a,
body.g #left li.g a,
body.h #left li.h a,
body.i #left li.i a,
body.j #left li.j a,
body.k #left li.k a,
body.l #left li.l a,
body.m #left li.m a,
body.n #left li.n a,
body.o #left li.o a,
body.p #left li.p a,
body.q #left li.q a,
body.r #left li.r a,
body.s #left li.s a,
body.t #left li.t a,
body.u #left li.u a,
body.v #left li.v a,
body.w #left li.w a,
body.x #left li.x a,
body.y #left li.y a,
body.z #left li.z a,
#left li a:hover{background-color:#1B6FCE;color:#FFFFFF;}
/**
 * The main content area styling
 */
#right{
	background:url(../images/bgContentCorner.gif) no-repeat top left;
	margin:0px 0px -10px 160px;
	min-height:500px;
	padding:0px 5px 0px 10px;
}
#right #sidenavBorder{
	background:url(../images/bgCol2Border.gif) repeat-y top right;
}
/**
 * Two column layout
 */
#col_1{margin-right:260px;}
#col_2{float:right;margin:0px -5px 0px 0px;width:245px;}
#col_2 p{margin:0px 10px 0px 10px;}
/**
 * Custom styling for the col 2 Headers
 */
#col_2 h2{background:Silver;color:White;font-size:1em;margin:3px;padding:3px;}
/**
 * Override some rules for the slideshow class
 */
#col_2 ul.slideshow{margin:0px;padding:0px;width:100%;}
#col_2 ul.slideshow li{float:right;}
/**
 * Footer styling
 */
#footer{background-color:Silver;clear:both;color:#FFFFFF;height:1.75em;padding:0px;}
#footer div.copyright{padding:3px;}
#footer ul{float:right;list-style-type:none;margin:0px;padding:0px;}
#footer li{float:left;margin-left:1px;}
#footer li a{color:White;display:block;padding:3px 9px 3px 9px;text-align:center;text-decoration:none;}
/* Hover styling and setting of the selected tab */
body.a #footer li.a a,
body.b #footer li.b a,
body.c #footer li.c a,
body.d #footer li.d a,
body.e #footer li.e a,
body.f #footer li.f a,
body.g #footer li.g a,
body.h #footer li.h a,
body.i #footer li.i a,
body.j #footer li.j a,
body.k #footer li.k a,
body.l #footer li.l a,
#footer li a:hover{
	text-decoration:underline;
}
/**
 * General styles
 */
p.clearBoth{clear:both;}
/**
 * Other nice things
 */
ul.slideshow{display:block;margin:0px auto 0px auto;padding:0px;width:600px;}
ul.slideshow li{background:#FFFFFF;border:1px solid #CCCCCC;display:block;float:left;font-size:0.9em;height:150px;margin:3px 3px 3px 0px;padding:5px;text-align:center;width:105px;}
ul.slideshow img{border:1px solid #CCCCCC;display:block;padding:2px;}
/**
 * Search Styles Start
 */
#searchForm fieldset div{padding:3px;}
#searchForm fieldset div label{display:none;float:left;width:100px;}
#cat_1,
#cat_2,
#cat_3{
	clear:none;
	float:left;
	width:auto;
}
#cat_1 select,
#cat_2 select,
#cat_3 select{
	height:200px;
}
#cat_1 label,
#cat_2 label,
#cat_3 label{
	float:none;
}
table.searchResults{width:100%;}
table.searchResults td,
table.searchResults th{
	padding:3px;
	vertical-align:top;
}
table.searchResults th{background-color:#E0E0E0;}
table.searchResults td{background-color:#F9F9F9;}
table.searchResults td.thumb,
table.searchResults td.filesize,
table.searchResults td.filetime{
	width:100px;
}
table.searchResults td.price{width:75px;}
table.searchResults td.download{width:17px;}
table.searchResults img.icon{margin-right:3px;vertical-align:middle;}
/**
 * Message Box for validation errors
 */
div.messagebox{
	border:1px dotted red;
	margin-left:20px;
	width:250px;
}
div.messagebox h2{
	background:red;
	color:white;
	font-size:1.2em;	
	font-weight:bold;
	margin:0px;
	padding:2px;
}
div.messagebox p{
	padding:10px;
}