body {
	
	font-size:12px;
	font-family:"Lucida Grande", Lucida,verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	margin:0;
	padding:0;
	/*background: #f9f9f3;*/
	background:#ffffff;
	background: -moz-linear-gradient(top, rgba(249,249,243,0.65) 0%, rgba(249,249,243,0) 36%, rgba(249,249,243,0) 40%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,243,0.65)), color-stop(36%,rgba(249,249,243,0)), color-stop(40%,rgba(249,249,243,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(249,249,243,0.65) 0%,rgba(249,249,243,0) 36%,rgba(249,249,243,0) 40%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(249,249,243,0.65) 0%,rgba(249,249,243,0) 36%,rgba(249,249,243,0) 40%,rgba(0,0,0,0) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(249,249,243,0.65) 0%,rgba(249,249,243,0) 36%,rgba(249,249,243,0) 40%,rgba(0,0,0,0) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6f9f9f3', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(249,249,243,0.65) 0%,rgba(249,249,243,0) 36%,rgba(249,249,243,0) 40%,rgba(0,0,0,0) 100%); /* W3C */
	}


#page_holder {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	padding:0;
	background: #ffffff;
	/*
	-webkit-box-shadow: 1px 1px 8px #050505;
	-moz-box-shadow: 1px 1px 8px #050505;
	box-shadow: 1px 1px 8px #050505;
	*/
	border: 1px solid #dddddd;
	margin-top:10px;
	margin-bottom:10px;
}

#masthead {
}

#navBar {
	padding-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	width:190px;
	padding-left:5px;
}

#header {
	text-align:right;
	padding-right:9px;
}

#flashcontent {
	text-align:center;
}


#content {
	float:right;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	margin:0;
	padding:0 15px 0 0;
	width:750px;
	margin-top:5px;
	padding-top:10px;
}




#content_single_column {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	margin-left:15px;
	width:924px;
	margin-top:5px;
	padding-top:10px;
}


#siteInfo {
	clear:both;
	font-size:11px;
	
	
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	padding:0px 0px 0px 0px;
	border-top:1px solid #dddddd;
	margin-top:40px ;
	margin-left:15px;
	margin-bottom:10px;
	margin-right: 15px;
	padding-top:20px;
}

#title_box {
	border-bottom:1px solid #dcdcdc;
	margin-left:15px;
	width:924px;
	padding-bottom:5px;
	
	
}

#title_box h1 {
	color:#626250;
	margin:5px 15px 0px 0px;
	padding:0 0 0px;
	font-size: 26px;
	font-family: 'Cabin', Arial, sans-serif;
  
}


.side_spacer {
	clear:left;
	height:1px;
	*display:none;
}


h1 {
	font-family:Verdana,sans-serif;
	color:#525054;
 	font-size: 26px;
	font-family: 'Cabin', Arial, sans-serif;
  	text-transform: none;
  	letter-spacing: 0.042em;
  	word-spacing: 0.010em;
  	margin-bottom:10px;
}

h2,h3,h4,h5,h6 {
	font-family: 'Cabin', Arial, sans-serif;
	margin-top:0;
	padding-top:0;
	color:#525054;
	letter-spacing: 0.042em;
  	word-spacing: 0.010em;
  	margin-bottom:10px;
	

}

h2 a:link,h2 a:visited,h3 a:link,h3 a:visited,h4 a:link,h4 a:visited,h5 a:link,h5 a:visited,h6 a:link,h6 a:visited {
	color:#525054;
}

h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
	color:#4C6CC4;
	text-decoration:none;
}

h2 {
	 font-size: 20px;
 	 font-style: normal;
  	font-weight: 500;
  	padding-bottom:0;
	margin-bottom:0;
}
h3{
	font-size: 14px;
 	 font-style: normal;
  	font-weight: 300;
}

h4{
	font-size: 12px;
 	 font-style: normal;
  	font-weight: 300;
}


h5{
	font-size: 11px;
 	 font-style: normal;
  	font-weight: 200;
}



a:link,a:visited {
	color:#4C6CC4;
	text-decoration:none;
}

a:hover {
	color:#4C6CC4;
	text-decoration:underline;
}


	
/*********** #navBar link styles ***********/
#navBar ol,#navBar ul {
	margin:0;
	padding:0;
	list-style:none;
}

#navBar li {
	margin:0;
	padding:0;
	display:block;
	font-size:1em;
	color:#000000;
	list-style:none;
	border-bottom: 1px solid #F4F4F4;
	
	float:left;
	width:175px;
	
}

#navBar ul li a {
	margin:0;
	padding:8px 5px 8px 12px;
	display:block;
	text-decoration:none;
	color:#000000;
}

#navBar ul li a:hover {
	background:url(/images/nav/purple_arrow.gif) 2px 8px no-repeat;
	
}

.nav_bar_selected {
	background:url(/images/nav/purple_arrow.gif) 2px 8px no-repeat;
	font-weight:bold;
}

.nav_bar_header {
	background-color:#ffffff;
}

.nav_bar_header_selected {
	background:url(/images/nav/purple_arrow.gif) 2px 8px no-repeat;
	font-weight:bold;
}





.side_nav_header {
	color:#cc1d19;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	border-bottom:1px solid #cc1d19;
}

.featureBox {
	padding:2px;
	padding-top:0;
	border:0 solid #cc1d19;
	font-size:10px;
}

.featureBox img {
	border:1px solid #333333;
	margin-bottom:2px;
}

.banner_desc {
	font-size:10px;
	color:#CCCCCC;
}

.marginright10 {
	margin-right:10px;
}

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



.newsItemTitleSmall a {
	font-weight:normal;
	text-decoration:none;
	color:#000;
	background:#ffffff url(/images/greygrad.gif) top repeat-x;
	border:1px solid #aaaaaa;
	border-top:1px solid #ffffff;
	display:block;
	padding:4px;
}

.newsItemTitleSmall a:hover {
	color:#990000;
}

.asset_item {
}

.mandatory {
	color:#FF0000;
}

.hozbar {
	height:1px;
	background-color:#cc1d19;
	color:#cc1d19;
	margin:15px 0;
}


	
/* Tables CSS */
.bordertable {
	width:100%;
	border-top:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-collapse:collapse;
}

.bordertable caption {
	color:#9ba9b4;
	font-size:.94em;
	letter-spacing:.1em;
	padding:0;
	margin:1em 0 0;
	margin-bottom:0;
	caption-side:top;
	text-align:center;
}

.bordertable td {
	color:#4d4d4d;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
	text-align:center;
	padding:.3em 1em;
}

.bordertable th {
	font-weight:normal;
	color:#4d4d4d;
	text-align:left;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
	padding:.3em 1em;
}

.bordertable thead th {
	text-align:center;
	font:bold 1em/1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#666666;
	font-weight:bold;
}

.bordertable tbody th {
	text-align:center;
	font:bold 1em/1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#666666;
	font-weight:bold;
}

.bordertable tfoot th {
	background:#f4f9fe;
	text-align:center;
}

.bordertable tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
}

.bordertable tfoot th em {
	color:#f03b58;
	font-weight:bold;
	font-size:1.1em;
	font-style:normal;
}

.tablenoborder {
	border:0 solid #000000;
}

.tablenoborder td {
	border:0 solid #000000;
}


.buttons img {
	border:none;
}
.artist_list_item {
	border:1px solid #efefef;
	padding:10px 4px 4px 4px;
	margin:10px 9px 5px 5px;
	text-align:center;
	height:170px;
	border: solid 1px #DDDDDD !important;
	height:180px !important;
	width:205px !important;
	float:left;
	
}

.artist_list_item h3{
	margin-top:10px;
	margin-bottom:0px;
	font-weight:500;
	
}
#artist_list .spacer {
	border:none !important;
	height:10px !important;
}
.form_ddl {
	color:#333333;
	border-width:1px;
	border-color:#808080;
	background:#ededed url(/images/greygrad.gif);
	padding:2px;
}



.alert_text {
	color:#990000;
}



.pager {
	clear:both;
	margin-top:5px;

}

.pager_bottom {
	margin:10px 0;
	border:1px solid #dddddd;
	clear:both;
	padding:0px 8px 5px 8px;
	margin-right:3px;
}

.gallery_box {
	width:221px;
	height:235px;
	float:left;
	margin:5px 10px 5px 0px;
	border: solid 1px #DDDDDD !important;
	text-align:center;
	overflow:auto;
	font-size:90%;
	padding:5px 0px 3px 0px;
}

.no4{
	margin-right:0px;
} 
gallery_box_inner {
	padding:0 5px 5px;
}

.gallery_box_price {
	font-size:.9em;
	font-weight:bold;
	margin:3px;
}

.gallery_box_image {
	margin-bottom:5px;
}

.sort_options {
	clear:both;
	border:1px solid #dddddd;
	padding:8px;
	font-size:.9em;
	text-align:left;
	margin-right:3px;
	margin-bottom:5px;

}

.gallery_box a, gallery_box:visited{
	color:#333333;
}

.gallery_box a:hover{
	color:#4c6cd3;
	text-decoration:none;
}

#artist_list {
}


.hp-news{
	padding:12px 5px;
	border-bottom:1px solid #dedede;
	margin-bottom:3px;
		
}

.hp-news a{

	color: #333333;

}

.hp-news a:hover{

	text-decoration: none;
	color:#205791;

}



#artistPreviewContainer {
	border:1px solid #aaaaaa;
	height:120px;
	padding:5px;
	background:#ffffff url(/images/greygrad.gif) top repeat-x;
}

#artistPreviewContainer #previewName {
	font-size:140%;
	font-weight:bold;
	margin-bottom:5px;
}


.spacer {
	clear:both;
}

#breadcrumb {
	font-size:.8em;
	margin:0 15px 0 0;
	color:#aaaaaa;
	text-align:right;
}

#breadcrumb a {
	color:#aaaaaa;
}



.sys-error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:1px solid #ddd;}
.sys-error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.sys-error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}

.spacer {
	clear:both;

	
/*height:1px;*/
}


div.scroller {

	
/* modify width and height of scrolling section if necessary	*/
	width:922px;
	overflow:hidden;
	border:1px solid #ccc;
}

div.scroller div.section {

	
/* modify width and height of each section as needed (should match the size of the scroller window)	*/
	width:922px;
	overflow:hidden;
	float:left;
	padding:0;
}

div.scroller div.section img {
	text-align:center;
}

div.scroller div.content {
	width:10000px;
}

.control-box {
	margin-top:5px;
	margin-bottom:10px;
	font-size:1em;
	clear:both;
	height:20px;
}

.control-box a {
	padding:5px;
	background:#ffffff;
	color:#000000;
	border:1px solid #cccccc;
	margin-right:5px;
}

div.scroller h2 {
	margin:0;
}

div.scroller div.content a {
	text-decoration:none;
	color:#333333;
}

div.scroller div.content a:hover {
	text-decoration:none;
	color:#4C6CC4;
}

.glider_img {
	float:left;
	margin-right:15px;
}

.exhibition_list_box {
	border: solid 1px #DDDDDD !important;
	padding:5px;
	float:left;
	width:441px;
	margin-bottom:10px;
	height:150px;
	overflow: hidden;
}

.exhibition_list_box h3 {

}

.exhibition_list_box_img {
	float:left;
	border:0px solid #efefef;
	width:150px;
	text-align: center;
}

.exhibition_list_box_text {
	float:left;
	margin-left:10px;
	width:276px;
}

.category_list_box {
	border:1px solid #aaaaaa;
	padding:5px;
	width:353px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	min-height:150px;
	text-align:center;
}

.qtyfield{
	padding:3px 2px 3px 2px;
	width:30px;
	text-align:center;
}

.medium_list_box {
	width:224px;
	float:left;
	margin-right:4px;
	margin-bottom:5px;
	min-height:146px;
	height:146px;
	padding:0;
	background:url(/images/thumb_bg.gif) repeat-x left bottom;
	border: solid 1px #DDDDDD !important;
	
}

.medium_list_box h3 {
	font-size:14px;
	text-align:center;
	margin-top:5px;
}

.center {
	margin-left:auto;
	margin-right:auto;
}

.tiny {
	width:30px;
}

.small {
	width:70px;
}

.medium {
	width:130px;
}

.large {
	width:180px;
}

.featured_image {
	text-align:center;
}

.borderimg {
	border:1px solid #333333;
}

.hand {
	cursor:pointer;
}

div.errorcontainer {
}

div.errorcontainer ol li {
	list-style-type:disc;
	margin-left:10px;
}

div.errorcontainer {
	display:none;
}

.errorcontainer label.error {
	display:inline;
}

form.cmxform label {
	display:inline-block;
	line-height:1.8;
	vertical-align:top;
	font-size:1em;
	margin-top:4px;
}

ul.contactdetails {
	margin:0;
	padding:0;
}

.contactdetails li {
	list-style:none;
	margin-top:0px;
	padding:0px;
	margin-bottom:4px;
	
}

.contactdetails label {
	width:80px;
	font-weight:bold;
	
}

form.cmxform {
}

form.cmxform fieldset {
	font-size:12px;
	margin-bottom:10px;
}

form.cmxform legend {
	padding:0 2px;
	font-weight:bold;
	_margin:0 -7px;

	
/* IE Win */
}

form.cmxform label {
	display:inline-block;
	line-height:1.8;
	vertical-align:top;
	font-size:1em;
	margin-top:4px;
}

form.cmxform fieldset ol {
	margin:0;
	padding:0;
}

form.cmxform fieldset li {
	list-style:none;
	padding:5px;
	margin:0px 0px 5px 0px;
	min-height:24px;
	
}

form.cmxform fieldset input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]) {
	width:200px;
	
}
form.cmxform fieldset textarea{
	width:200px;
	height:70px;
}
form.cmxform fieldset fieldset {
	border:none;
	margin:3px 0 0;
}

form.cmxform fieldset fieldset legend {
	padding:0 0 5px;
	font-weight:normal;
}

form.cmxform fieldset fieldset label {
	display:block;
	width:auto;
}

form.cmxform em {
	font-weight:bold;
	font-style:normal;
	color:#f00;
}

form.cmxform label {
	width:105px;
}




	
/* Width of labels */
form.cmxform fieldset fieldset label {
	margin-left:123px;
}


	
/* Width plus 3 (html space) */

	
/*\*/

	
/*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
form.cmxform legend {
	padding-left:0;
}

form.cmxform legend,form.cmxform label {
	color:#333;
	font-weight:bold;
}

form.cmxform fieldset {
	border:none;
	border-top:0 solid #d3d3d3;
	
}

form.cmxform fieldset fieldset {
	background:none;
}

form.cmxform fieldset li {
	padding:0;

	
/*background: url(/public/images/form/cmxform-divider.gif) left bottom repeat-x;*/
}

form.cmxform label.error,label.error {

	
/* remove the next line when you have trouble in IE6 with labels in list */
	
	font-style:normal;
	font-weight:normal;
	font-size:11px;
	width:100%;
}

.cmxform fieldset p.error label {
	
}

div.errorcontainer {
}

div.errorcontainer ol li {
	list-style-type:disc;
	margin-left:10px;
}

div.errorcontainer ul li label {
	width:100%;
}

div.errorcontainer {
	display:none;
}

.errorcontainer label.error {
	display:inline;
}



	
/* COMMON CLASSES */
.break {
	clear:both;
}

#searchcartholder {
	margin-right:10px;
	clear:both;
}


	
/* SEARCH FORM */
#searchform {
	font-size:11px;
	float:left;
	width:330px;
	*width:350px;
	margin:5px 0 0 15px;
}

#suggestions {
	position:absolute;
	z-index:200;
	width:350px;
	display:none;
}


	
/* SEARCHRESULTS */
#searchresults {
	max-height:380px;
	_height:380px;
	overflow:auto;
	width:330px;
	border-width:1px;
	border-color:#666666;
	border-style:solid;
	width:320px;
	background-color:#e8e8e8;
	font-size:10px;
	line-height:14px;
}

#searchresults a {
	display:block;
	background-color:#ffffff;
	clear:left;
	height:60px;
	text-decoration:none;
	border-bottom:1px solid #d9ecff;
	color:#000000;
}

#searchresults a:hover {
	background-color:#d9ecff;
	color:#000000;
}

.searchresultsimgholder {
	float:left;
	padding:5px 10px;
	width:50px;
	display:block;
}

#searchresults a span.searchheading {
	display:block;
	font-weight:bold;
	padding-top:5px;
	color:#191919;
}

#searchresults a:hover span.searchheading {
	color:#000000;
}

#searchresults a span {
	color:#555555;
}

#searchresults a:hover span {
	color:#f1f1f1;
}

#searchresults span.category {
	font-size:11px;
	margin:5px;
	display:block;
	color:#000000;
	font-weight:bold;
}

#searchresults span.seperator {
	float:right;
	padding-right:15px;
	margin-right:5px;
	background-repeat:no-repeat;
	background-position:right;
}

#searchresults span.seperator a {
	display:block;
	margin:5px;
	height:auto;
	background:transparent;
}

#searchform input {
	background:#fff url(/images/srch_l.gif) 0 0 no-repeat;
	width:150px;
	padding:4px 0 4px 20px;
	color:#000;
	margin-right:5px;
}

#shoppingcartcontainer {
	float:right;
	width:400px;
	margin:5px 0;
	border:0 solid #000000;
	text-align:right;
}

#shopping_cart {
	position:absolute;
	width:340px;
	border:1px solid #aaaaaa;
	display:none;
	background:#f8f8f8;
	padding:10px;
	font-size:.9em;
	margin:5px 0 0 12px;
	z-index:200;
	float:left;
	_margin-left:-370px;
}

#shoppingcartlink {
}

#sc_empty_msg {
	padding:5px;
	text-align:left;
}

#shopping_cart td {
	border-bottom:1px solid #aaaaaa;
	padding:3px;
}

#shopping_cart table {
	width:100%;
}

#shopping_cart_totalprice {
	text-align:right;
	font-weight:bold;
	padding:5px;
	margin-right:80px;
}

.fadercontainer {
	width:920px;
	height:370px;
	float:left;
	margin:10px 0px 10px 0;
	overflow:hidden;
	color:#383637
}

.fadercontainer ul {
	margin:0;
	list-style:none;
	float:left;
	padding:0;
}

.fadercontainer a {
	text-decoration:none;
}

.fadercontainer a:hover {
	text-decoration:none;
}

.fadercontainer li {
	height:370px;
	width:920px;
	padding:0px;
	margin:0px;
	
}

.homebox{
	border:1px solid #f4f4f4;
	padding:10px;
	width:430px;
	height:360px;
	float:left;
}



.fadeitemdescription{
padding:20px 0px;float:right;text-align:right;
font-size:14px;
}

.fadeitemtitle{
	padding:10px 0px;float:left;text-align:left;
}

.fadeitemtitle h2{
	padding:10px 0px;float:left;text-align:left;
	color:#383637;
	font-weight: 800;
	font-size:22px;
}



.hpbox-introtxt{
	color:#383637;
	font-size:13px;
	text-transform: none;
}


.hp-collectionfadercontainer {
	width:430px;
	height:260px;
	float:left;
	margin:10px 0px 10px 0;
	overflow:hidden;
	font-size:13px;
	color:#383637;
}

.hp-collectionfadercontainer ul {
	margin:0;
	list-style:none;
	float:left;
	padding:0;
}

.hp-collectionfadercontainer a {
	text-decoration:none;
}

.hp-collectionfadercontainer a:hover {
	text-decoration:none;
}

.hp-collectionfadercontainer li {
	width:430px;
	height:260px;
	
	padding:0px;
	margin:0px;
	
}

.hp-collectionfadercontainer li h3 {
	margin-top:5px;
	
}



.hp-fullfader {
	width:430px;
	height:320px;
	float:left;
	margin:10px 0px 10px 0;
	overflow:hidden;
	font-size:13px;
	color:#383637;
}

.hp-fullfader ul {
	margin:0;
	list-style:none;
	float:left;
	padding:0;
}

.hp-fullfader a {
	text-decoration:none;
}

.hp-fullfader a:hover {
	text-decoration:none;
}

.hp-fullfader li {
	width:430px;
	height:320px;
	
	padding:0px;
	margin:0px;
	
}

.hp-fullfader li h3 {
	margin-top:5px;
	
}

.artistsblock{
	font-size:12px;
	text-transform: uppercase;
	text-align: justify; 
	text-justify: newspaper;
	letter-spacing: 0.022em;
  	word-spacing: 0.006em;
  	line-height: 1.2;

}

.artistsblock-surname{
	font-weight: bold;
	
}

.artistsblock a, .artistsblock a:visited{
	color:#383637;
}

#ecardform label{
		width:100px;
	}
	#ecardform input{
		width:150px;
	}
	
	#ecard_errorcontainer li{
		float:left;
		padding-right:10px;
	}
	
	
	/* top-nav CSS */

.top-nav {
	padding:0;
	list-style:none;
	float:right;
	font-size:1.1em;
	margin:0px;
	margin-right:10px;
	*position:relative;
	*z-index:300;
}

.top-nav li {
	padding:0;
	float:left;
	position:relative;
	text-align:center;	
	margin-bottom:0px;
	
}

.top-nav li br {
	line-height:6px;
}

.top-nav a, .top-nav a:visited {
	padding:20px 15px 0px;
	display:block;
	margin:0px;
	color:#525054;
    text-transform: none;
  	font-family: 'Cabin', Arial, sans-serif;
  	font-size:17px;
  	border-bottom: 0px solid #efefef;

}

.top-nav a:hover {
	color:#4c6cc4;
	text-decoration: none;
	border-bottom: 0px solid #4c6cc4;
}

.top-nav .selected a, .top-nav .selected a:visited {
	
	color:#4c6cc4;
	border-bottom: 1px solid #4c6cc4;
}

/* submenu, it's hidden by default */
        #top-nav ul {
            position:absolute; 
            left:0; 
            display:none; 
            margin:0 0 0 15px; 
            padding:0; 
            list-style:none;
             z-index:300;
			 border:solid 1px #CECECE;
			 background: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(1, rgb(235,237,239)),
				color-stop(0, rgb(251,251,251))
				);
				background: -moz-linear-gradient(
					center top,
					rgb(235,237,239),
					rgb(251,251,251)
				);
				-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
				-moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
				box-shadow: 0 0 8px rgba(0,0,0,0.2);
        }
         
        #top-nav ul li {
            width:180px; 
            float:left; 
            border-top:1px solid #fff;
			border-bottom: 1px solid #DDDDDD;
            *background:#efefef;
            text-align: left;
            
        }
         
        /* display block will make the link fill the whole area of LI */
        #top-nav ul a {
            display:block;  
            height:15px;
            padding: 8px 5px; 
            color:#666;
            font-size:11px;
        }
         
        #top-nav ul a:hover {
            text-decoration:underline;  
        }
 
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #top-nav ul {
    margin:0 0 0 14px;
   
}


#logo {
display: block;
float: left;
width: 250px;
height: 80px;
text-indent: -9999px;
margin: 0px;
padding:0px;
margin-bottom:5px;
background:transparent url(/images/logo.gif) no-repeat 0 0;

}

#logo a {
	display: block;
	height : 80px;
	width: 250px;
	text-indent : -9999px; 
}

	#detlist {
	padding:0;
	list-style:none;
	
}

#detlist ul {
	margin:0;
	padding:0;
	list-style:none;
}

#detlist li {
	display:block;
	font-size:1em;
	list-style-type:none;
	text-align:left;
	border-bottom:1px solid #dddddd;
	padding:5px 5px 5px 5px;
	text-left:center;
}


/* POSITIVE */

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

/* NEGATIVE */

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