@charset "utf-8";
/* CSS Document */
* {
	border:0;
	padding:0;
	margin:0;
	}
html, body{height:100%;margin:0;padding:0}

*html .btn {cursor:pointer; background:url(../img/bg_btn.png) repeat-x; border:#5f5f5f 1px solid; padding:0px 5px 0px; height:21px; color:#FFFFFF; font-weight:bold; font-size:11px; margin-right:0} 	
*html .hr_ { margin:10px 30px 0px 50px ; border-top:#d1d1d1 solid 2px; padding-bottom:40px; padding-top: 10px; font-size:10px; color:#8f8f8f}

body {
	text-align:left;
	font-family:Sans-serif,Arial, verdana, helvetica;
	font-size:11px;
	color: #333;
	}

.no_shop {background: url(../img/bg_main.png) repeat-x top;}
.shop {background: url(../img/bg_shop.png) repeat-x top;}
h1 { color:#fcfbfb; font-size:26px; height: 25px;text-decoration:none; font-weight:bold}
h2 { color:#464646; font-size:20px; text-decoration:none; font-weight:bold; margin: 0 0 20px 0}
h3 { padding-left:30px; margin:0; color:#666; font-size:18px}
h4 { padding:0; font-weight:bold; font-size:12px; padding:0 0 3px;}
h5, h5 a { padding:10px 0 0 10px; margin:0; font-size:15px; text-decoration:none; color:#999999; letter-spacing:-0.2px; text-transform: capitalize}
textarea{
	font-family:Arial, verdana, helvetica;
	font-size: 12px; 
}
p, ol { padding-top:15px}
ol li { list-style-position:inside;}
#wrapper {
	min-height:100%;
	margin:auto;
	position:relative;
	padding: 0;
}

#container {
	width:1020px;
	background: url(../img/bg_container.png) top no-repeat;
	margin:0 auto;
	padding:22px 0 0;
	padding-bottom: 81px;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align:center;
	color:#000000;
	font-size:11px;
	padding:8px 0; 
	margin:0; 
	background: url('/img/layout/back-footer.png');
	height:65px;/*same height as margin bottom on body*/
}

.img-footer{
	margin-left: 10px;
	}

#footer a { color:#c5c5c5; text-decoration:none; text-transform:uppercase}
#footer a:hover { color:#fff;}
#footer p { padding-top:15px; padding-bottom:15px}

.clear { clear:both; height:1px; margin: 0; padding: 0;}
input, select { 
	height:19px;
	border:1px solid #333;
	vertical-align:middle;
	margin-right:5px;
	}
select { width:200px !important}
input[type="text"] { width:150px} 
input[type="checkbox"] { width:14px !important ; float:left !important }
input[type="button"], input[type="submit"], a.shopbtn, a.back, button[type="submit"]
	{ cursor:pointer; background:#606060 url(../img/bg_btn.png) repeat-x; border:#5f5f5f 1px solid; padding:0px 10px 0px; height:21px; color:#FFFFFF; font-weight:bold; font-size:11px; margin-right:0; }

#checkout, #overview{cursor:pointer; background:#606060 url(../img/bg_btn.png) repeat-x; border:#5f5f5f 1px solid; padding:0px 10px 0px; height:21px; color:#FFFFFF; font-weight:bold; font-size:11px; margin-right:0;
}

.amount_input{text-align: center;}

.btn2 { border:1px solid #333333 !important; background:url(../img/bg_btn2.png) repeat-x  !important; color:#FFFFFF !important; width:75px;font-weight:bold; font-size:11px; height:21px; cursor:pointer }

#search_box{ padding-bottom:4px}
.searching {
	text-transform:uppercase;
	color:#808080;
	clear:both;
	text-align:right;
	padding:38px 43px 6px 11px;
	margin: 0;
	}
.searching form{
	margin: 0;
	padding: 0;
}
.searching a { color:#808080; text-decoration:none}
.searching a:hover { text-decoration:underline}

.left { float:left;}
.right { float:right}

.box { float:left; background:url(../img/bg_box.png) no-repeat center top; width:260px; height:120px; padding:17px 30px; line-height:18px; color:#FFFFFF }
.box h3,.box h3 a, .box p a { color: #fff; text-decoration:none;}
.box p a{text-decoration: underline;}
.box p a:hover{text-decoration: none;}
.box2 { float:left; width:106px; height:125px; padding:10px; line-height:13px;border:2px solid #cccccc; margin:15px 0 10px 6px; color:#999999; overflow:hidden}
.box2 h4 a { color: #999; text-decoration: none;padding:1px}
.box2 h4 a:hover {color:#fff; text-decoration:none; background-color:#b8b8b7;}
.box2 ul li { list-style:none}
.box2 li a { color:#999; text-decoration:none; font-size:10px;padding:1px}
.box2 li a:hover { color:#fff; text-decoration:none; background-color:#b8b8b7;}
.box3 { float:left; width:226px; border:1px solid #f5f5f5; color:#999999; line-height:normal; background-color:#f5f5f5; margin:20px 12px 1px 0; position:relative; overflow:hidden; min-height:200px;text-decoration: none;}
.box3:hover { background-color:#ddd;border:1px solid #ddd;}

.box3 .imgbox { width: 226px;background: #fff;padding: 0 0 0 10px; min-height: 360px; cursor:pointer;}
.box3 h5 { padding:20px 0 20px 10px; color: #666;font-size: 20px;}
.box3 p { padding:10px}
.box3 img {}

#nav { float:right; width:710px;}

#nav a { text-decoration:none; text-transform:uppercase; color:#795c03; font-size:10px;}
#nav a:hover { color:#000}
#nav ul{margin: 0; padding: 0;}
#nav li { list-style:none; float:left; padding-right:6px}
#nav li a.menu { background:url(../images/bg_menu.gif) repeat-x;}
#nav li a.menu:hover { color:#fff; background: url(../images/bg_menu_hover.gif) repeat-x;}

#productmenu{
	float: left;
	clear: both;
	margin: 0;
	height: 47px;
}


#nav2 { float:left; width:1000px; padding-left:30px;margin-top:1px;}
#nav2 ul { list-style-type: inline;float: left}
#nav2 a { float:left;width: auto;display: inline;text-decoration:none; text-transform: capitalize; color:#faf9f9; font-size:12px; font-weight:bold;height:15px;padding:14px 24px 14px 25px; margin:0;}
#nav2 a:hover { text-decoration:underline}
#nav2 li { background:url(../img/li_nav2.gif) no-repeat 10px 30px; height: 15px; float:left; list-style:none; vertical-align: middle;}

#nav2 .pg1{border-bottom:7px #3399ca solid;padding-bottom:9px;}
#nav2 .pg1:hover{background-color:#3399ca; }
#nav2 .pg1_active{background-color:#3399ca; border-bottom:2px solid #3399ca }

#nav2 .pg2{border-bottom:7px #98cb32 solid;padding-bottom:9px;}
#nav2 .pg2:hover{background-color:#98cb32;}
#nav2 .pg2_active{background-color:#98cb32; border-bottom:2px solid #98cb32}

#nav2 .pg3{border-bottom:7px #cb0101 solid;padding-bottom:9px;}
#nav2 .pg3:hover{background-color:#cb0101; }
#nav2 .pg3_active{background-color:#cb0101;border-bottom:2px solid #cb0101}

#nav2 .pg4{border-bottom:7px #94558f solid;padding-bottom:9px;}
#nav2 .pg4:hover{background-color:#94558f; }
#nav2 .pg4_active{background-color:#94558f;border-bottom:2px solid #94558f}

#nav2 .pg5{border-bottom:7px #127776 solid;padding-bottom:9px;}
#nav2 .pg5:hover{background-color:#127776;  }
#nav2 .pg5_active{background-color:#127776;border-bottom:2px solid #127776}

#nav2 .pg6{border-bottom:7px #4a4780 solid;padding-bottom:9px;}
#nav2 .pg6:hover{background-color:#4a4780; }
#nav2 .pg6_active{background-color:#4a4780;border-bottom:2px solid #4a4780}

#nav2 .pg7{border-bottom:7px #1F3381 solid;padding-bottom:9px;}
#nav2 .pg7:hover{background-color:#1F3381; }
#nav2 .pg7_active{background-color:#1F3381;border-bottom:2px solid #1F3381}


#nav3 { float:left; clear: both;width: 100%;padding-left:35px; color:#464646; font-size:10px; padding-top:2px}
#nav3 ul { list-style:none; }
#nav3 a { text-decoration:none; color:#747474;}
#nav3 a:hover { text-decoration: underline;}
#nav3 li {float:left; list-style:none; vertical-align: middle; padding:3px 7px 0 0}

.header { clear:both; padding:65px 600px 51px 30px; margin-top:4px; text-align:left; color:#fcfbfb; line-height:18pt; background: url(../img/bg_header.png) top center no-repeat;
 }
.header p{
	height: 72px;
	margin: 0;
	font-size: 18px;
	font-style: italic;
}
.header .homing {
	position: absolute;
	top: 130px;
	left:960px;
}
#langs{margin: 0;padding: 2px 0 0 0;}
.shop #langs{padding-top: 5px;}
#langs a {margin: 0; padding: 0;}
#langs a img{border: 1px #F7F6F6 solid; padding: 1px;}
#langs .active img, #langs a:hover img{border: 1px #999 solid; padding: 1px;}

.main_content {padding:10px 30px 20px 30px; margin-bottom: 30px; line-height:16px; color:#333333; line-height:20px; }

.address b { line-height:16px;font-size:11px; color:#dbdada; padding-left:30px; background:url(../img/pointer.png) no-repeat top left}
.address { line-height:16px;font-size:11px; color:#dbdada; padding-left:30px;}
.address a { color:#dbdada; text-decoration:none}

.hr_ { margin:20px 5px 0 10px; border-top:#d1d1d1 solid 2px; padding-bottom:40px; padding-top:10px; font-size:10px; color:#8f8f8f}
.hr_ a {font-size:10px; color:#8f8f8f} 




/*__________detail page ______________*/
.text {width: 300px;}
.text, .select { padding-top:20px}
.text p { padding-top:25px}
.text h1{color: #000;font-size: 35px;margin-bottom: 30px; }
h5.level2 {font-size: 30px;color: #000;border: 4px dashed #000; border-width: 0 0 4px 0; padding-bottom: 6px;margin-bottom: 10px;}
.title img { cursor:pointer}
.tab { border:0px solid #eeeeee; border-bottom-color:#acacac; border-right-color:#d5d5d5; padding: 0; margin:0px 0 10px 0}
.tab table {padding: 0;font-size:11px; color:#333333; background:url(../img/bg_table.png) repeat-x top #f2f3f1; border-spacing: 0px; }
.tab table td { padding: 5px 0;border-spacing: 0px;text-align:center; vertical-align: top; border-width: 0 0 1px 0; background: #fff;}
.tab table th { font-weight:normal; text-align:center; vertical-align:top; padding:5px 0; background: #fff;color:#000; font-size:11px; line-height:1; border: 1px solid #333;border-width: 1px 0;}
table.bord { border-bottom: 1px solid #bfbfbf !important; border-top: 1px solid #bfbfbf !important; font-size:9px !important; height:20px}
.tab table td.pad_no table td { padding:1px; text-align:center}

table#properties th { background-color:#fff; padding:5px; color:#FFFFFF; font-weight:normal}
.tab table td.trbold { background: #fff; color: #000; font-weight: bold;font-size: 14px;}
.tab table td.darkcell {background: #fff;}

.tab .trbold{
	border-width: 0 0 0 0;
	padding-top: 2px;
	padding-bottom: 2px;
}
.tab .rightbdr{
	border-width: 0 0px 0 0;
}
#legend{
	float:left;
	clear: both;
	margin: 5px 0 10px 0;
}

/*img.thumb { height:113px !important; position: absolute; left:-10px; clear:both;}*/

.top20 { margin:30px 0}
.password { margin-top:15px}

/*--------------------e of avasco----------------------*/

#organigram{
	margin: 15px 0 35px 0;
}
#organigram th{
	text-align: left;
	padding: 2px 5px 2px 5px;
	height: 15px;
	width: 30%;
	border: 0;
	background: #eee;
	font-weight: bold;
}
#organigram td, .tab td{
	text-align: left;
	padding: 2px 5px 2px 5px;
	border: 1px #ddd solid;
	border-width: 1px 0 0 0;
}

label{
	float: left;
	text-align: right;
	margin: 0 15px 4px 30px;	
	height: 18px;
	font-weight: bold;
}
.error-message{
	float: right;
	color: red;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 0 10px;
}
select.text {
	padding: 1px;
}
textarea{
	height: 80px;
	border:#5f5f5f 1px solid;
}
div.input{ width:auto; }
div.input input, textarea{ width:200px; }
div.textarea { padding-top:20px}

.btn{
	padding: 0px;
	margin: 0;
	min-width: 80px;
}
.btn:hover{
	color: #000;
}
	input.back{
		text-decoration: none;
		margin-left: 0;	
	}

input:focus,textarea:focus{
	background: #efefef;
	border-color: #333;
}
.checkbox label{
	text-align: left;
	margin-left: 10px;
	width:400px !important;
	float:none
}

.radioset input{
	float: left;
}
.radioset label{
	float: left;
	text-align: left;
	margin-left: 10px;
}

fieldset{
	margin: 10px 0 20px 0;
	border: 1px #ccc solid;
	padding: 15px 10px;
	width:500px
}
fieldset legend{
	color: #666;
}

.checkbox { display: inline-block}

a.back{
	float: left;
	clear: both;
	text-decoration: none;
	margin: 10px 0;
}

/*
TABLE LAYOUT
*/
table a{
	color: #333333;
}
table td input {border:1px solid #CCCCCC !important; width:30px !important; vertical-align:top}
table a:hover{
	text-decoration: none;
}
.button { cursor:pointer}
table p{
	margin: 0;
}
caption {
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	font-size: 16px;
	text-align: left;
	margin-left:-1px;
	color: #000;
	background-color: #bbb;
}
th span, th a {
    background: transparent;	
    color: #333;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
th a:hover, .current-sort {
	text-decoration: underline;
}


/* PAGING */
#paging{
	margin: 5px 0 50px 0;
}
#paging span{
	margin: 0 5px 0 0;
	border: 1px solid #c0cfd7;
	border-width: 0 1px 0 0;
	padding-right: 7px;
}
#paging a{
	color: #666;
}
#paging a:hover{
	text-decoration: none;
}
#paging .current{
	font-weight: bold;
	font-size: 13px;
}

.total{
	text-align: right;
	font-weight: bold;
}


/* LIST */
.list{
	width: 100%;
	clear: both;
	float: left;
}

	.list ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
				
	}
	.list ul li{
		margin: 0;
		padding: 0 0 4px 0;
		width: 100%;
	}
	.list ul li a{
		float: left;
		text-decoration: none;
		margin:0;
		padding: 5px 0 4px 0;
		width: 100%;
	}	
	.list ul li a:hover,.list ul li a.active{
		background: #fff;
		color: #4276ab;
	}	
	.list ul li a span{
		float: left;
	}
	.list ul li a .date{
		margin: 0 15px 0 12px;
	}


/* LOGIN LAYOUT */
#login{
	float: left;
	clear: both;
   	margin-top: 5px;
   	border: 0;
   	padding: 5px;
	background: none;
	width: auto;
}
	#login h3{
		font-size: 18px;
		color: #fff;
		clear: both;
		margin:0 0 10px 0;
		width: 100%;
	}
	#login label{
		text-align: left;
		clear: both;
		width: 120px;
		margin: 0;
	}
	#login input.text{
		width: 140px;
		clear: both;
		margin: 0 0 13px 0;
	}
	#login input[type="submit"]{
		float: left;
		clear: both;
		margin: 15px 0 10px 120px;
	}
	#login .errormessage{
		clear: both;
		font-size: 11px;
		color:red;
		font-weight: bold;
		margin: 0;
		width: 100%;
	}
	#login a{
		float: left;
		clear: both;
		margin: 5px 0 0 120px;
		padding: 2px;
		border: 1px dotted #333;
		border-width: 0 0 1px 0;
		color: #333;
		text-decoration: none;
		width: auto;
	}
	#login a:hover{
		background: #fff;
		color: #444;
	}

	
	
/* GENERAL PAGE LAYOUT */
.breadcrumb{
	display: block;
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
}
.breadcrumb,.breadcrumb a{
	color: #999;
}
.breadcrumb a:hover{
	text-decoration: none;
}



/* CONTACT FORM */
#contact{
	margin: 0 0 20px 0;
}
#contact .input{
	width: auto;
	float: left;
	clear: both;
}
#contact .input label{
	text-align: left;
	width: 120px;
	clear: none;
}
#contact .input input{
	float: left;
	clear: right;
}
#contact .input textarea{
	width: 600px;
}
#contact button{
	margin: 0 0 30px 165px;
	float: left;
	clear: both;
}

#contact .error-message{
	float: left;
	clear: right;
	color: red;
	font-weight: bold;
	margin: 0 0 0 10px;
}
#contact .formleft{
	float: left;
	width: 400px;
}
#contact .formright{
	width:400px;
	float:left;
}
#contact .formbottom{
	width:800px;
	float:left;
	clear: both;
}
#contact .required-info{
	clear: both;
	margin: 5px 0 5px 165px;
	color:#999999;
	padding:0;
}





/* PRODUCT GROUPS OVERVIEW */
.props_filter{
    clear    : both;
    width    : 500px;
    position : relative;
    left     : -10px;
    /* margin : 10px; */
}
.amount{
	border: 2px solid #888;
	padding: 1px 2px 1px 2px;
	text-align: center;
}
.remove img{
	border: 0;
}


/* CART */
#cartcontent{ margin:20px 0;}
#cartcontent table{
	width: 500px;
	border-collapse: collapse;
}
#cartcontent th,#cartcontent td  {
	font-size: 11px;
	padding: 5px 8px 5px 8px;
	background-color: #fff;
	color: #999;
	border: 1px solid #efefef;
	vertical-align: top;
}
#cartcontent th {
	background-color: #999;
	color: #fff;
}
#cartcontent th span, #cartcontent th a {
    background: transparent;	
    color: #333;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
#cartcontent th a:hover, #cartcontent .current-sort {
	text-decoration: underline;
}

/* AJAXCART */
#shoppingcart {
	float: right;
	clear: none;
	width: 150px;
	margin: 0;
    margin-top: 15px;
    border:1px solid #eeeeee; border-bottom-color:#acacac; border-right-color:#d5d5d5;
    background: background:url(../img/bg_table.png) repeat-x top #eee;
    padding: 15px;
}
#shoppingcart h3{
	font-size: 14px;
	color: #333;
	margin: 0 0 15px 0;
	padding: 0 0 0 0px;
	width: 120px;
	/*background: url("../img/shop/white-cart.png") no-repeat top left;*/
}
#shoppingcart button{
	float: left;
	clear: both;
	font-size: 12px;
	width: 150px;
	margin: 10px 0 0 0;
}
#shoppingcart a{
	display: block;
	margin: 10px 0 10px 0;
	color: #333;
	text-decoration: underline;
}
#shoppingcart a:hover{
	text-decoration: none;
}
#total_amount{
	float: left;
	clear: both;
	margin: 10px 0 15px 0;
}
#stock_label{
	float: left;
	clear: both;
	margin: 0 0 10px 0;
}


/* PRODUCT DETAILS */
#product_form{
	float: left;
	width: auto;
	margin: 25px 0 10px 0;
}
#product_form h2{
	color: #999;
	margin: 0 0 15px 0;
}
#product_form h3{
	color: #bbb;
	margin: 0 0 15px 0;
	padding: 0;
	font-weight: normal;
}

#productcatch{
	float: left;
	clear: both;
}
#productimages{
	float: left;
	margin: 0 10px 15px 0;
	clear: both;
	
}
#productdetails{
	float: left;
	width: auto;
	padding-bottom:30px
}
#productdetails p{ padding:20px 0}

#productproperties{
	float: left;
	clear: both;
}
#product_form #add_box{
	float: left;
	clear: both;
	margin: 15px 0 0 0;
	padding: 0;
	text-align: left;
}
	#product_form #add_box #price_box{
		float: left;
		font-size: 15px;
		font-weight: bold;
	}
	#product_form #add_box input{
		float: left;
		margin: 0 5px 0 0;
		padding: 2px;
		width:40px
	}
	
#product_form #add_to_cart{
	margin: 15px 0 5px 0;
	float: left;
	clear: both;
}

#product_form .productimg{
	margin: 0 3px 3px 0;
	float: left;
}

#product_form .productimg{
	clear: both;
	border: 1px solid #ccc;
	margin: 0 10px 10px 0;
}
#product_form #thumbsholder{
	float: left;
	clear: both;
	width: auto;
}
#product_form .thumb{
	float: left;
	width: 50px;
	height: 50px;
	clear: none;
	margin-right: 2px;
	border: 1px #666 solid;
}
#product_form .thumb:hover{
	border: 1px #ccc solid;
}

#brand_area{
	margin: 20px 0 0 0;
	float: left;
	clear: both;
}
	#brand_area a{
	
	}
	#brand_area a img{
		border: 1px #b2c6e5 solid;
	}

.property{
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
}
	#product_form label{
		font-size: 12px;
		font-weight: normal;
		margin-right: 10px;
		width: 100px;
		float: left;
		color: #666;
		text-align: left;
	}
	#product_form .property span{
		font-size: 13px;
		font-weight: bold;
		float: left;
		width: 100px;
	}



/* STEPS */
.shopbtn{
	float: left;
	margin: 0px 0 0 10px;
	color: #b2c6e5;
	text-decoration: none;
}
.regform{
	float: left;
	width: 350px;
	border: 1px solid #999;
	padding: 15px;
	margin:50px 30px 70px 0;
	min-height: 170px;
	height: auto;
}

#existing_user h2, #new_user h2{
	font-size: 14px;
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
}
.regform .input{
	width: auto;
	float: left;
	clear: both;
}
.regform .input label{
	text-align: left;
	width:50px;
	clear: none;
}
.regform .input input{
	float: left;
	clear: right;
}
.regform button{
	margin: 10px 0 0 95px;
	float: left;
	clear: both;
}
.regform a{
	margin-left: 95px;
	color:#666666;
}

/* STEP 1 */
#register{
	float: left;
	width: auto;
	border: 0px;
	padding: 0;
	margin:0 0 20px 0;
	height: auto;
}
#register a, #register button{
	margin: 0;
}
#register .input label{
	width:120px;
}
#remark{
	margin: 10px 0 15px 0;
	display: block;
}



/* STEP 4 */

.editproducts{
	margin: 10px 0 10px 0;
	float: left;
	clear: both;
}
table .total td{
	font-weight: bold;
	font-size: 15px;
}
table .tdright{
	text-align: right;
}
table .tdleft{
	text-align: left;
}

/* STEP 6 */
#overview_order a{
	display: block;
	clear: both;
	color: #333;
	text-decoration: underline;
}
#overview_order a:hover{
	text-decoration: none;
}
#overview_order button{
	display: block;
	clear: both;
}


/* SUCCESS */
.printorder{
	float: left;
	clear: both;
	margin: 20px 0 0 0;
}


/* PRINTFORM */

#printform{
	width: 600px;
	font-family: Arial, verdana, helvetica;
	font-size: 11px;
}
#printform h1{
	font-size: 18px;
}
#printform p{
	font-size: 12px;
}
#printform table{
	width: 600px;
	margin: 0 0 20px 0;
}
#printform caption{
	margin: 10px 0 0 0;
}
#printform th,#printform td  {
	background-color: transparent;
	color: #666;
	border: 1px solid #ccc;
}
#printform th {
	background-color: #ccc;
	color: #666;
}

/* FORGOT PASSWORD */
#forgotform{
	margin: 20px 0 0 0;
}
#forgotform button{
	margin: 10px 0 0 135px;
}

#flashcontent{
    height: 530px;
    width: 760px;
}

/* CAPTCHA */
.captcha{clear: both;}
.captcha input{width: 50px;margin-bottom: 10px;}
.captcha img{clear: both;}
.captcha .error-message{clear: both;}

.highlight {
    font-weight: bold;
    color: #666;
}

/* REFERENCES MODULE */
.reference{
	border: 1px solid #ddd;
	border-width: 0 0 1px 0;
	padding: 0 0 15px 0;
	margin-bottom: 20px; 
	width: 97%;
	float: left;
}

.reference a{
	display:block;
	font:bold 11px;
	margin: 0;
	color: #666;
	float: left;
	font-size: 15px;
	margin-bottom: 10px;
	text-decoration: none;
	padding: 0;
}
.reference .date, .reference .region{
	float: left;
	border: 1px #ccc dotted;
	border-width: 0 0 0 1px;
	padding: 0 0 0 8px;
	margin-left: 8px;
}
.reference .date{
	font-size: 12px;
	color: #888;
}
.reference .region{
	clear: both;
	font-size: 10px;
}
.reference .imagelink{
	clear: both;
	font-weight: normal;
	font-size: 11px;
	color: #888;
}
.reference .description{
	float: left;
	clear: both;
	font-size: 11px;
}

/* REFERENCE DETAILPAGE */
.refdate{
	display: block;
	font-size: 10px;
}
.imageLink{
	font-size: 10px;
}


/* COLORPICKER */
#colorSelector {
	position: relative;
	width: 36px;
	height: 36px;
	background: url(../img/colorpicker/select.png);
}
#colorSelector div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 30px;
	height: 30px;
	background: url(../img/colorpicker/select.png) center;
}


/* PICTURE GALLERY */
.galleryThumb {
	float: left;
	margin: 0 15px 30px 0;
}
.galleryThumb img{
	border: 0;
	border: 1px solid #ccc;
}
.galleryThumb a.thumb{
	float: left;
	clear: both;
	margin: 0 0 6px 0;
}
.galleryThumb a.thumbhref{
	float: left;
	clear: both;
}


#pages_files{
	float: left;
	margin: 30px 20px 20px 0;
	width: 250px;
}
	#pages_files h4{
		float: left;
		clear: both;
		margin: 0 0 10px 0;
	}
	#pages_files a{
		float: left;
		clear: both;
		margin: 0 0 5px 0;
	}

#pages_images{
	float: left;
	margin: 30px 0 20px 0;
}
	#pages_images h4{
		float: left;
		clear: both;
		margin: 0 0 10px 0;
	}
	#pages_images img{
		float: left;
		clear: both;
		margin: 0 0 5px 0;
	}	
	#pages_images a{
		float: left;
		clear: both;
		margin: 0 0 5px 0;
	}

a.edit_content{
    text-decoration: none;
    color: red;
}
/* ALT REFERENCES */
.alt_ref_top_menu{
    position:relative;
    left:400px;
    top:-24px;
    width:215px;
}

.alt_ref_filter_item{
    margin:10px;
    width:120px;
    background-color:#b2dfff;
    float:left;
    cursor:pointer;
}
.alt_ref_filter_item span{

    clear: both;
}

.alt_ref_clear{
    clear:both;
}

.alt_ref_h3{
    width:125px;
    float:left;
}

.alt_ref_info{
    padding:15px;
    background-color:#b2dfff;
}

.alt_ref_hvbl_thumb{
    margin:2px;
    float:left;
}

.alt_ref_res_link_1{
    position:relative;
    left:250px;
    top:-24px;
    width:75px
}

.alt_ref_res_link_2{
    position:relative;
    left:350px;
    top:-39px;
    width:150px
}


/* SEARCH */
.search_result {
	padding: 0 0 10px 0;
	margin: 0;
	border: 1px dotted #ccc;
	border-width: 0 0 1px 0;
}
.search_result h3{
	padding: 0;
	margin: 0 0 5px 0;
}
.search_result h3 a{
	font-size: 12px;
	color: #333;
	margin: 0;
}
.search_result p{
	font-size: 11px;
	color: #aaa;
	margin: 0;
	padding: 0;
}

label{
	width: 120px;
}


/* DOWNLOADS */
.downloadsitem{
	float: left;
	margin: 0 10px 10px 0;
	width: auto;
}
.downloadsitem h4{
	float: left;
	clear: both;
	margin: 0;
}
.downloadsitem .thumb{border: 1px solid #ccc;margin: 0 0 2px 0;}
.downloadsitem a{
	display: block;
	clear: both;
	color: #888;
	text-decoration: none;
	margin: 0;
}
.downloadsitem a:hover{
	text-decoration: none;
	color: #444;
}