@charset "utf-8";

	html,body {
		margin:0;
		padding:0;
		height:100%;
		font-family: "宋体",SimSun,\5B8B\4F53, Helvetica, Arial, Serif;
		font-size:14px;
		line-height:1.5em;
		color:#232323;
		background:url('../images/content_bg.png');
		background-position:bottom;
	}
	
	h1,h2,h3,h4,h5,ul,li{
		margin:0;
		padding:0;
		font-weight:normal;
	}
	
	ul{
		list-style-type:none;
	}

	.fix{
		clear:both;
	}
	
	a{
		text-decoration:none;
	}
	
	img{
		border:0;
	}

/*different bg options for various pages*/
	#container {
		min-height:100%;
		position:relative;
	}
	/*
	#container.full_length {
		background:url('../images/main_bg_slice.png') repeat-y;
		background-position:center;
	}
		
	#container.contact_page{
		background:url('../images/contact_bg_slice.png') repeat-y;
		background-position:center;
	}
	*/
	#body {
		/*margin-bottom:34px;*/	/* <------------------------Height of the footer */
		/*padding-bottom:34px;*/
	}
			
			

/**********************************************************************
	    Visitor Mode
***********************************************************************/


/*************************
	    Header
*************************/
	
	#header {
		background:url('../images/bg_main.gif') #1d1d1d;
	}
	
	#header_inner {
		width:1020px;
		margin:0px auto;
		background:#1d1d1d;
		position:relative;
	}
	
	#logo{
		background:url('../images/logo-ch.png') no-repeat right center;
		width:392px;
		height:59px;
		text-indent:-999em;
		margin:40px 0 35px 30px;
		float:left;
		outline:none;
	}
	
	#search_contact{
		float:right;
		color:white;
		margin:38px 30px 0 0;
		color:#8c8a89;
	}
	
	#search_box{
		width:210px;
		height:30px;
		background-color:#1d1d1d;
		border:1px solid #8c8a89;
		color:white;
	}
	
	#keyword{
		border:none;
		float:left;
		width:160px;
		background-color:#1d1d1d;
		color:#8c8a89;
		font-size:1em;
		padding:5px 10px;	
	}
	
	#keyword:focus{
		outline:none;
	}
	
	#search_submit{
		background:url('../images/header_search_submit.png') no-repeat center center;
		border:none;
		float:left;
		height:30px;
		width:30px;
		text-indent:-999em;
		cursor:pointer;
	}
	
	#header_phone{
		font-size:1.4em;
		margin-bottom:8px;
		background:url('../images/header_phone.png') no-repeat left;
		line-height:25px;
		text-indent:25px;
		letter-spacing:1px;
		
	}

/*************************
	Navigation bar
*************************/
	
	#nav{
		background:url('../images/nav_bg_2.png') repeat-x #e77817;
		height:38px;
	}
	
	.home_page#nav{
		background:url('../images/nav_bg.png') repeat-x #e77817;
	}
	
	#nav_inner{
		width:960px;
		margin:0 auto;
		line-height:38px;
	}
	
	#nav_inner li{
		float:left;
		/*position:relative;*/
	}
	
	#nav_inner a{
		display:block;
		height:37px;
		width:120px;
		background:url('../images/nav_single.png') no-repeat;
		color:#222;
		text-shadow:1px 1px 1px rgb(254,177,109);
		font-weight:bold;
		text-align:center;
		font-size:1.2em;
		font-family:"黑体",SimHei,\9ED1\4F53;
	}
	
	#nav_inner a:hover{
		background-position:0 -37px;
		text-shadow:-1px -1px 1px rgb(120,55,3);
		color:#eee;
	}

	#nav_inner .active{
		background-position:0 -74px;
		text-shadow:-1px -1px 1px rgb(120,55,3);
		color:#eee;
	}
	
	
	a#nav_home{
		width:121px ;
		background-image:url('../images/nav_single_1st.png');
		/*background-position:0 0;*/
		/*text-indent:-999em;*/
	}

/*************************
Callout (home page only)
*************************/
	
	#callout {
		height:360px;
		background:url('../images/callout_bg.png') repeat-x;
		font-size:1.1em;
	}

	#callout_inner{
		height:360px;
		width:1020px;
		margin:0 auto;
	}
	
	#callout_inner h1, #callout_inner p{
		text-indent:-999em;
		position:absolute;
	}

	#callout1{
		position:absolute;
		z-index:3;
	}
	#callout2{
		display:none;
		position:absolute;
		z-index:4;
	}
	

/****************************************************
					Content general
****************************************************/

	#content{
		height:100%;
	}
	
	#content_inner{
		
		width:962px;
		margin:0 auto;
	}
	
	#content_inner.public{
		background-image:url('../images/main_bg_slice.png');
		background-repeat:repeat-y;
	}
	
	#content_inner.full_width{
		background:url('../images/contact_bg_slice.png');
		background-repeat:repeat-y;
		
	}
	
	#content a{
		color:#232323;
		text-decoration:none;
	}
	
	#content a:hover{
		border-bottom:dotted 1px #232323;
	}
	
/**********************************************************
					left-column general
***********************************************************/

	#left_column{
		float:left;
		width:220px;
		background-position:right;
		line-height:2em;
	}
	
	#left_column h3{
		text-align:center;
	}
	.menu_first
	{
		display:block;
		width:210px;
		font-size:1.2em;
		text-align:center;
		line-height:1.8em;
		border-color:#fff #858585 #858585 #fff;
		border-style:solid;
		border-width:1px;
		background-color:#eaeaea;
		margin-top:10px;
	}
	
	.menu_first.dummy{
		color:#999 !important;
	}
	
	.menu_first:hover
	{
		border-color:#858585 #fff #fff #858585;
		background-color:#aaa;
	}
	
	.menu_first.no_hover:hover{
	
		border-color:#fff #858585 #858585 #fff;
		background-color:#eaeaea;
	}

	#menu_first_active{
		border-color:#858585;
		border-style:solid;
		border-width:1px;
		background-color:#aaa;
	}
	
	.menu_second
	{
		display:block;
		width:202px;
		font-size:1em;
		line-height:1.8em;
		border-bottom:dotted 1px black;
		text-align:left;
		padding:0 0px 0 10px;
	}
	
	.menu_second:hover
	{
		background-color:#ccc;
		border-bottom:dotted 1px #ddd !important;
	}
	
	#menu_second_active{
		padding-right:14px;
		border-bottom:dotted 1px #ddd;
		background:url('../images/arrow.png') no-repeat #bbb;
		background-position:right center;
	}
	
	
/**********************************************************
					main-column general
***********************************************************/
	
	#main_column{
		float:right;
		margin-right:6px;
		width:720px;
		min-height:100%;
		background-position:left;
		line-height:2em;
		padding-bottom:4em;
	}
	
	#main_column h1{
		margin:40px 40px 20px 46px;
		font-weight:bold;
		color: #444;
		text-shadow: 1px 1px 2px #fff;
		line-height:1.5em;

	}
	
	#main_column h2{
		padding-left:46px;
	}
	
/*************************************
main-column:all product page 
for page:
*all product
*admin_all products

list first: first-level title
list box: 2nd level product
***************************************/

.list_title{
	font-weight:bold;
	background:#ccc;
	line-height:1.7em;
	font-size:1.3em;
	padding-left:40px !important;
	margin:0 0 0 5px;
}

.list_box{
	border-bottom:solid 1px #ccc;
	margin: 0 46px;
	padding-bottom:10px;
}
	
.list_box:first-child{
	border-top:#fff;
}

.list_box h3{
	margin:20px 0px 5px 0;
	font-weight:bold;
	/*width:470px;*/
}
	
.list_box p a{
	
}
.list_box a{
		border:none !important;	
}
	
.list_box a:hover{
		border-bottom:1px dotted #232323 !important;
}
	
.list_box p{
	float:left;
	width:430px;
	margin:10px 0;
}
	
.list_box:last-child{
	border-bottom:none;
}


.list_box ul:last-child{
	border-bottom:none;

}

.thumb_box{
	float:right;
	width:155px;
}

.thumb_box img{
	width:150px;
}	

.thumb_box a:hover{
	border:none !important;
}

.list_thumb{
	float:right;
	
	border:1px solid #333;
}

.list_thumb.search{
	float:left;
	margin-left:20px;
}

.read_more{
	color:#e77817;
}
	
.enquiry_title{
	font-weight:bold;
}	

.enquiry_box{
	border-bottom:dotted 1px black;
	margin: 0 46px;
	padding:5px 0;
}
.enquiry_box h3{
	margin:10px 0px;
	float:left;

}

.checkbox{
	float:right;
	margin-top:17px;
}

.enquiry_new, .enquiry_replied{
	font-size:0.6em;
	padding:2px 3px 1px 3px;
	position:relative;
	bottom:2px;
	line-height:1em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.enquiry_new{
	color:#E77817;
	background:#F5E3B7;
	border:1px solid #e77817;
}
.enquiry_replied{
	color:#333;
	background:#B2F2F9;
	border:1px solid #19ddf5;
}

.enquiry_box p{
	margin:10px 0;
}

.total_enq{
	float:right;
	font-size:0.6em;
	background:#ddd;
	border:1px solid #666;
	padding:3px 10px 2px 0;
	margin:6px 3px 0 0;
	line-height:1em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/*************************************
main-column:single product
for pages:
*product
*admin_product
single_info: date code source
bottom box: ref/client/enquiry box
***************************************/
.first_line{
	margin-top:30px;
	clear:both;
	font-weight:bold !important;
	color:#444;
}
	.single_info{
		margin:5px 46px;;
	}
	
	
/*因为text editor自动生成的p没有class，所以统一margin-left*/
.editor_text{
	margin-left:46px;
	margin-bottom:40px;
	width:620px;
}
	
	
	.single_box{
		margin:20px 46px;
		width:630px;
	}
	
	.single_box h2{
		padding-left:0 !important;
		
	}
	
	.single_box h3{
		color:#444;
	}
	
	#img_box img{
		margin-right:10px;
		border:1px #333 solid;
	}
	
	#img_box{
		margin:10px 0 40px 0px;
	}
	#img_box a{
		border:none;
	}
	
	#img_box a:hover{
		border:none;
	}
	
	.bottom_box{
		width:630px;
		border:1px solid #aaa;
		margin:20px 46px 40px 46px;
	}

	.bottom_box ul, .bottom_box p{
		margin:10px 20px;
	}

	.bottom_box h3{
		background-color:#ccc;
		line-height:2em;
		margin-top:0 !important;
		text-indent:20px;
	}

	.bottom_link{
		margin-left:46px;
	}
	.single_box .bottom_link{
		margin-left:0;
	}
	.bottom_link a{
		font-size:0.8em;
		background-color:#ccc;
		color:#333 !important;
		padding:1px 4px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
	.bottom_link a:hover{
		background-color:#e77817;
		color:white !important;
	}

	.float_bottom_link{
		float:right;
		margin: 10px 40px;
	}
		
/*****************************************************************************
	Content:Home_page
*****************************************************************************/
.welcome_main{
	background-image:url("../images/column_bg.png");
	background-repeat:repeat-y;
	background-position:center;
	border-top:1px solid white;

		border-bottom:solid 1px #858585;
	padding-top:15px;
	
}


.welcome_box{
	
	width:320px;
	float:left;
	
}

.welcome_box h2{
	font-weight:bold;
	font-size:1.4em;
	text-align:center;
	padding:0 !important;
	color: #444;
	text-shadow: 1px 1px 2px #fff;

}
.welcome_box  ul{
	width:280px;
	margin:20px auto;
}



.welcome_box .menu_first{
	padding:0 !important;
	margin-top:20px;
	width:280px;
	
}

.menu_first span{
	font-size:0.8em;
}


	.home_page.content_inner{
		background:url('../images/column_bg.png') repeat-y;
		padding:15px 0;
		width:962px;
		margin:0 auto;
	}
	
	#top_three{
		padding-bottom:15px;
		border-top:none;
		border-bottom:solid 1px #858585;
	}
	
	#bottom_three{
		margin-bottom:45px;
		padding-top:15px;
		border-bottom:none;
		border-top:solid 1px white;
	}
	
	#bottom_three ul{
		margin-left:15px;
		line-height:2em;
	}
	.home_column{
		width:320px;
		float:left;		
		min-height:200px;
	}
	
	.home_column a{
				padding-bottom:2px;
		border-bottom:dotted 1px #232323;
	}
	
	.home_column a:hover{
		border-bottom:solid 1px #333 !important;
	}
	
	.home_column h2{
		/*display:block;*/
		/*text-indent:-999em;*/
		height:20px;
		width:100%;
		text-align:center;
		margin:10px auto 20px auto;
	}
	
	.home_column p{
		margin:10px 15px;
		line-height:1.5em;
	}

	.home_column iframe{
		width:280px;
		height:150px;
		margin-left:18px;
	}
	.featured_tag{
		position:relative;
		bottom:3px;
		font-size:0.6em;
		background-color:#b2f2f9;
		border:1px solid #18ddf4;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		font-weight:normal;
		padding:1px 3px 1px 1px;
		margin-left:15px;
	}
	
	#featured_products a
	{
		display:block;
		width:99.5%;
		font-size:1.1em;
		text-align:center;
		line-height:1.8em;
		border-top:1px solid #fff;
		border-bottom:1px solid #858585;
		background-color:#eaeaea;
		margin:0 1px;
	}
	
	#featured_products a:hover{
		border-bottom:1px solid #fff;
		border-top:1px solid #858585;
		background-color:#ddd;
	
	}
	/*
	#view_map{
		border-bottom:1px solid #858585;
		padding-bottom:10px;
		margin-bottom:0;
	}
	
	
	#email_us{
		font-size:1.4em;
		padding-top:30px;
		margin-top:0;
		border-top:1px solid white;
		text-align:center;
		font-weight:bold;
	}
	
	#email_us a{
		color: #444;
		text-shadow: 0px 1px 2px #fff;
	}*/
	
/*	#client_logo{
		background:white;
		margin:10px 10px 0 10px;
	}
	#client_logo img{
		width:130px;
		margin:0 5px;
		padding:5px;
		background:white;
	
	}*/

	#our_clients{
		text-align: center;
	}

	#our_clients img{
		width:92%;
	}
	

/*************************
	content: contact page
*************************/
	.reference_page .list_box{
		border-bottom:none;
	}
	
	.reference_page .list_box ul{
		border-bottom:none;
		padding:15px 0 5px 0;
	}


	
/*****************************************************************************
	Content:about_page
	
	make use of list_box in all_product_template
*****************************************************************************/

.about_link{
	float:right;
	font-weight:normal;
	font-size:0.9em;
	margin-right:40px;
}

#about_info{
	margin:20px 46px 40px 46px;
}


/*************************
	content: contact page
*************************/

.contact_page#main_column{
	width:960px;
}

#contact_info{
	width:420px;
	float:left;
	margin-left:46px;
	margin-bottom:40px;
}

#contact_form{
	width:380px;
	float:right;
	margin-right:40px;
	margin-bottom:40px;
}
#contact_form h2{
	padding:0;
	font-weight:bold;
	color:#444;
}

#contact_form #name,#contact_form #email,.bottom_box #name, .bottom_box #email{
	height:20px;
	width:300px;
	font-size:1em;
	padding:5px;	
}

#admin_access{
	margin-left:40px;
}




/*************************
		Footer
*************************/
	

	#footer {
		position:fixed;
		z-index:999;
		bottom:0;
		width:100%;
		height:34px;			
		background:url('../images/footer_shadow.png') repeat-x;
		background-position:top;
		font-size:0.9em;
	}

	#footer_inner{
		width:1020px;
		height:34px;/* Height of the footer */
		margin:5px auto;	
		text-align: center;	
	}
	
	#footer_inner ul{
		margin-left:15px;
	}
	
	#footer_inner li{
		float:left;
		margin-top:8px;
	}
	
	#footer_inner a{
		padding:5px 15px;
		color:#E77817;
		
	}
	
	#footer_inner a:hover{
	color:#18DDF4;
}

	#footer_active{
		color:#18ddf4 !important;
	}

	#copyright{
		margin:8px 0;
		color:#E77817;
		font-size:0.9em;
	}


/*****************************************************************************
	    Admin Mode
******************************************************************************/
/*************************
		header
*************************/

#administrator{
	color:#bcbcbc;
	margin:45px 0 0 10px;
	font-size:1.5em;
	float:left;

}

#last_login{
	margin-left:5px;
	font-size:15px;

}

#logout{
	float:right;
	margin:45px 40px;
}

#logout a{
	color:#bcbcbc;
	padding-bottom:1px;	
}

#logout a:hover{
	border-bottom:dotted 1px #bcbcbc;
}


.admin #body{
	background-image:none !important;
	margin:0;
}

/*************************
	admin left_column
*************************/
#left_column{
	margin-top:20px;
	margin-bottom:30px;
}

#choose_task{
	font-size:1.3em;
}


/*************************
	admin_main_column
*************************/
.admin #main_column{
	background:none;
	width:713px;
	padding:10px 0px 30px 0;
}

.admin #main_column h1{
	margin-top:20px;
	margin-left:40px;
	line-height:1em;
}

#view_site{
	float:right;
	margin-top:30px;
}

.column_box{
	background:white;
	border:1px solid #666;
	margin-bottom:40px;
	-moz-box-shadow: 1px 1px 3px #888;
	-webkit-box-shadow: 1px 1px 3px #888;
	box-shadow:1px 1px 3px #888;
}


.inner_box{
	margin:20px 0 20px 46px;
	width:500px;
	float:left;
}

/*inner box wide for client list in admin mode*/
.inner_box_wide{
	margin:20px 40px 20px 46px;
}
.inner_box_wide ul{
	border-bottom:dotted 1px #333;
}

.inner_box_wide ul:last-child{
	border:none;
}

.list_box ul{
	padding:2px 0 20px 0;
	border-bottom:1px dotted #333;
	
}

/*styling the client page */
.client_page .list_box{
	border:none;
	
}	


.client_product{
	float:left;
	display:block;
	width:500px;
	/*margin-top:15px;*/
}

.client_list_link{
	margin:15px 0px 20px 0;	
	float:right;
}

.client_list_link a{
	color:#E77817 !important;
	font-weight:bold;
}

.column_box_link{
	margin:35px 40px 20px 0;	
	float:right;
}

.column_box_link a, .client_list_link a{
	color:black !important;
	font-weight:normal;
	font-size:0.8em;
	padding:3px 5px 2px 5px;
	background-color:#ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.column_box_link a:hover, .client_list_link a:hover{
	color:#fff !important;
	background-color:#e77817;
}

.box_title{
	display:block;
	width:100%;
	background:#ccc;
	font-size:1.3em;
	line-height:1.8em;
	text-align:center;
	padding:0 !important;
}

.box_content{
	padding:0 15px;
}

.admin #main_column li{
	padding:10px 0;
}

.admin .list_title{
	margin-left:0;
	font-size:1.2em;
	line-height:1.8em;
	color:#333;
}

.admin .list_box{
	margin-left:40px;
}

.admin .column_box_content{
	margin:40px;
}

.column_box_content #name,.column_box_content #code,.column_box_content #date {
	height:20px;
	width:300px;
	font-size:1em;
	padding:5px;
}


/*************************
edit_HOME page (body id="admin")
*************************/
#main_column.home_page{
	width:960px;
}

/*************************
 edit item page
*************************/

.admin_form{
	margin:40px;
}

.msg{
	margin:40px 0;
	padding:0 !important;
}

.ei_image_box{
	border: 1px solid #ccc;
	background:#eee;
	padding:10px 0 0 15px;
	margin:10px 0;
	width:500px;
}

#upload_title{
	margin-bottom:5px;
}

#add_another{
	margin-top:5px;
}

.ei_image_box input{
	margin-bottom:10px;
}

#main_column.contact{
	width:960px;
}

.error{
	color:red;
	margin-left:0px;
}

.success{
	color:green;
	margin-left:0px;
}

#stepbar{
	font-size:1.2em;
	color:#999;
	font-weight:bold;
}

#active_step{
	color:black;
}

.all_list_button{
	font-size:0.8em;
	background:#ddd;
	padding:1px 4px;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


.all_list_button:hover{
	color:white !important;
	background:#e77817;
}

/*************************
about
*************************/
.add_client{
	margin-bottom:40px !important;
}

/*edit and delete button in lists*/
.list_button{
	float:right;
}

/*************************
contact
*************************/
#contact_content
{
	margin:40px;
}

#map{
	margin-top:20px;
}

/*************************
login page (body id="login")
*************************/

.login#content_inner{
	background:none;

}


#login_box{
	width:320px;
	min-height:200px;
	margin:50px auto 0 auto;
	padding:20px 30px;
	background:#fff;
	-moz-box-shadow: 0px 0px 10px #888;
	-webkit-box-shadow: 0px 0px 10px #888;
	box-shadow: 0px 0px 10px #888;

}

#login_box h1{
	font-weight:bold;
	color: #444;
	text-align:center;
	line-height:1.5em;
}

#username, #password{
	height:20px;
	width:300px;
	font-size:1em;
	padding:5px;
}

#countdown{
	font-size:1.3em;
	color:red;
}	


#current_list{
	margin-top:10px;
}	

/*title on modify_product view*/
#modify_title{
	float:left;
}


#modify_link{
	margin-top:30px;
	margin-left:46px;
	
	/*float:left;*/
}


#add_client_title{
	float:left;
	margin-right:20px;
	margin-bottom:5px;

}

/******************************************************
					admin_general
******************************************************/

/*Kind editor*/

textarea{
	width:620px;
}

#contact_form textarea{
	width:320px;
}
textarea.editor{
	display:none;
	height:480px;
}


.redirect a{
	
	background:#ddd;
	padding:1px 4px;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;


}
.redirect a:hover{
	color:white !important;
	background:#e77817;
}


/************************admin_home*******************************/


#switch_header{
	position:absolute;
	margin:0;
	right:30px;
	top:-2px;
	width:158px;
	height:21px;
	background:url('../images/switch_mode_bg.png') no-repeat center;
	font-size:0.9em;
}

#switch_header:hover{
	top:0px;
}
#switch_header a{
	color:#e77817;
	display:block;
	text-align:center;
	padding-top:1px;
}

#switch_header a:hover{
	color:#18DDF4;
}

#notice{
	width:960px;
	margin:80px 0 100px 0;
	text-align:center;
	
}

#notice a{
	color:#E77817;
}

#notice h1{
	font-family: 'Jockey One', helvetica, arial,sans-serif;
	font-size:3em;
	padding-bottom:15px;
	font-weight:bold;
	color: #444;
	text-shadow: 0px 1px 2px #fff;
}

#notice h2{
	font-weight:bold;
	margin-bottom:1em;
	font-size:1.3em;
	color:#444;

}

#admin_mode{
	float:right;
	
}

#admin_mode a{
	color:#bcbcbc;
}

.sitemap_main li{
	margin-top:20px;
	font-weight:bold;
	font-size:1em;
}

.sitemap_sub, #sitemap_main{
	border-bottom:none;
}

.sitemap_sub li{
	margin-left:30px;
	font-weight:bold;
}

.sitemap_third li{
	font-weight:normal;
}

#oops{
	margin-top:50px;
	background:url('../images/sorry.jpg') no-repeat #fff;
	background-position:right bottom;
	padding:40px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 10px #888;
	-webkit-box-shadow: 0px 0px 10px #888;
	box-shadow: 0px 0px 10px #888;
	height:300px;
}

#oops h1, #oops h2{
	margin-bottom:15px;
	line-height:1.5em;
	color:#444;
}

/*tips on sorry error page, e.g. page not found*/
.tips{
	font-size:0.8em;
}
/******************************************modify product***************************************/

span.cate_name{
	display:block;
	text-align:center;
	font-weight:bold;
	font-size:1.1em;
}

.modify_product_menu ul a{
	border:none;

}

.modify_product_menu{
	border-bottom:1px dotted #333;
}

/******************************************css for gallery***************************************/

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('../images/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../images/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../images/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('../images/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../images/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('../images/fancybox/fancybox.png') -55px -90px no-repeat;
}