/**************************************************
Author : Louis Lam
Website : http://www.coztic.com
Email : louis@coztic.com
**************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/**************************************
Font Style
**************************************/
.small{
	font-size:11px;
	}
a{text-decoration:none;}
a.reference{
	height:17px;
	color:#999;
	padding: 2px 0 0 25px;
	margin:5px 0 0;
	background:url('../img/ico_right_arrow.gif') 0 0 no-repeat;
	clear:both;
	display:block;
	}
a.reference:hover{
	background:url('../img/ico_right_arrow.gif') 0 -19px no-repeat;
	color:#000;
	}
/**************************************
Main Style
**************************************/
body{
	background:url('../img/bg_main.gif') 0 0 repeat;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:12px;
	}

#wrapper{
	width:890px;
	margin:0 auto;
	}

#header{
	width:100%;
	height:150px;
	background:url('../img/bg_header.jpg') 0 0 no-repeat;
	float:left;
	}

a#logoCamino{
	width:217px;
	height:85px;
	margin:32px auto;
	background:url('../img/logo_camino-trans.png') 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
	}

#main{
	width:850px;
	padding:20px;
	background:#fff;
	float:left;
	}
	
#topNav{
	width:850px;
	padding:0 20px;
	background:#fff;
	border-bottom:1px solid #eee;
	height:25px;
	float:left;
	position:relative;
	z-index:999;
	}

#topNav ul.sf-menu{
	width:100%;
	}

#topNav ul.sf-menu li{
	color:#999;
	padding:0 57px 0 0;
	float:left;
	}
	
#topNav ul.sf-menu ul li{
	padding:0;
	}
#topNav ul.sf-menu li a,
#main ul.sf-menu li a{
	color:#999;
	padding-top:6px;
	padding-bottom:6px;
	text-decoration:none;
	}
#topNav ul.sf-menu li a:hover,
#main ul.sf-menu li a:hover{
	color:#000;
	}
#topNav ul.sf-menu ul li a:hover,
#main ul.sf-menu ul li a:hover{
	background:#f3f3f3;
	}
#topNav ul.sf-menu li.language{
	padding:0 0 0 56px;
	text-align:right;
	}
#topNav ul.sf-menu li.language a{
	color:#ccc;
	}
#topNav ul.sf-menu li.language a:hover{
	color:#000;
	}
#topNav ul.sf-menu li.spacer{
	padding:6px 0 0;
	width:2px;
	margin:0;
	}
#mainBanner{
	position:relative;
	z-index:0;
	}
#logoList{
	width:100%;
	border-top:1px solid #eee;
	float:left;
	}
#logoList p{
	width:100%;
	color:#babd8b;
	padding:20px 0 0;
	}
#logoList a#disney{
	width:140px;
	height:140px;
	background-image:url(../img/logo_disney.jpg);
	background-repeat:no-repeat;
	margin:0 15px;
	position:relative;
	text-indent:-9999px;
	float:left;
	}
#logoList a.cars{background-position:0 0;}
#logoList a.cars:hover{background-position:0 -140px;}

#logoList a.princess{background-position:-140px 0;}
#logoList a.mickey{background-position:-280px 0;}
#logoList a.toystory{background-position:-420px 0;}
#logoList a.stitch{background-position:-560px 0;}
#logoList a.princess:hover{background-position:-140px -140px;}
#logoList a.mickey:hover{background-position:-280px -140px;}
#logoList a.toystory:hover{background-position:-420px -140px;}
#logoList a.stitch:hover{background-position:-560px -140px;}
#footer{
	width:100%;
	float:left;
	}

#footer p.copyright{
	font-size:11px;
	color:#333;
	padding:20px;
	text-align:center;
	line-height:18px;
	}
#footer p.copyright a{
	color:#999;
	text-decoration:none;
	padding:0 10px;
	border-right:1px solid #999;
	}
#footer p.copyright a:hover{
	color:#000;
	}
#footer p.copyright a.no_border{
	border:0;
	}
#footer p.copyright a.facebook{
	width:53px;
	height:20px;
	border:0;
	background-image:url('../img/ico_facebook.gif');
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	clear:both;
	position:relative;
	top:-20px;
	margin:0 0 0 620px;
	}
#footer p.copyright a.facebook:hover{background-position:0 -20px;}
#footer p.credit{display:none;}
#content{
	color:#999;
	width:810px;
	background:#fff;
	padding:20px 20px;
	float:left;
	line-height:20px;
	}
#content h1{
	font-size:18px;
	padding:0 0 5px;
	color:#000;
	}
#content h2{
	font-size:14px;
	padding:10px 0 5px;
	color:#666;
	}
#content .three_col{
	width:100%;
	margin:20px 0 0;
	padding:10px 0 0;
	border-top:1px solid #eee;
	float:left;
	}
#content .left_col{
	width:23%;
	padding:0 10% 0 0;
	float:left;

	}
#content .right_col{
	width:34%;
	float:right;
	}
#content .three_col ul,
#about .left_col ul{
	padding:0 0 0 14px;
	}
#content .three_col ul li,
#about .left_col ul li{
	list-style:outside disc;
	}
h1#pageHeading{
	width:400px;
	height:43px;
	float:left;
	background-image:url('../img/page_head.gif');
	background-repeat:no-repeat;
	}
h1.cars{background-position:0 0;}
h1.exhibition{background-position:0 -43px;}
h1.about{background-position:0 -86px;}
h1.faq{background-position:0 -129px;}
h1.retails{background-position:0 -172px;}
h1.princess{background-position:0 -215px;}
h1.mickey{background-position:0 -258px;}
h1.toy_story{background-position:0 -301px;}
h1.stitch{background-position:0 -344px;}
h1.cars_webcam{background-position:0 -387px;}
h1.princess_webcam{background-position:0 -430px;}
h1.usb_cable{background-position:0 -473px;}
h1.mickey_usbhub{background-position:0 -516px;}
h1.media_news{background-position:0 -559px;}
h1.faq{background-position:0 -603px;}
h1.download{background-position:0 -647px;}
h1.princess_email{background-position:0 -691px;}
h1.toy_story_webcam{background-position:0 -734px;}
h1.mickey_webcam{background-position:0 -777px;}
h1.stitch_usbhub{background-position:0 -820px;}
h1.mickey_mouse{background-position:0 -863px;}
h1.princess_mouse{background-position:0 -906px;}
h1.terms_of_use{background-position:0 -949px;}

div#exhibition{
	padding:20px 0;
	float:left;
	}
div#about{
	padding:10px 0 20px;
	float:left;
	}
div#about .left_col{
	width:580px;
	color:#999;
	padding:0 20px 0 20px;
	float:left;
	line-height:20px;
	}

div#about .left_col p,
div#about .left_col div{
	padding:20px 0;
	}
div#about .left_col p:first-line,
div#about .left_col h2,
div#faq p.faq:first-line,
div#termsOfUse p.terms_of_use:first-line,
div#download p.download:first-line{
	font-size:20px;
	line-height:30px;
	color:#000;
	font-weight:normal;
	}
div#about .left_col em{
	color:#333;
	font-style:normal;
	margin:0 0 0 15px;
	}
div#about .right_col{
	width:230px;
	float:right;
	}
div#about .right_col table.enquiry{
	color:#999;
	border:1px solid #eee;
	border-collapse: collapse;
	margin:15px 0 0;
	}
div#about .right_col table.enquiry td{
	border:1px solid #ddd;
	padding:10px 15px;
	line-height:18px;
	}
div#about .right_col table.enquiry td.heading{
	font-size:16px;
	color:#000;
	}
div#about .right_col table.enquiry a{color:#999; line-height:16px;}
div#about .right_col table.enquiry a:hover{color:#000;}
div#about .right_col table.enquiry b{
	color:#666;
	font-weight:normal;
	display:block;
	}
div#exhibition p{
	width:480px; 
	color:#999;
	min-height:185px !important;
	/*height:185px;*/
	padding:15px 0 0 330px;
	line-height:16px;
	}
div#exhibition p:first-line{
	font-size:16px;
	color:#000;
	}
div#exhibition p b{
	color:#666;
	padding:0;
	margin:5px 0 0;
	display:block;
	}
div#exhibition p a{
	color:#999;
	text-decoration:none;
	}
div#exhibition p a:hover{
	color:#000;
	}
div#exhibition p.china_toy_expo{background:url('../img/china_toy_expo.jpg') 0 0 no-repeat;}	
div#exhibition p.electronics_fair{background:url('../img/electronics_fair.jpg') 0 0 no-repeat;}	
div#exhibition p.toyko_show{background:url('../img/tokyo_toy_show.jpg') 0 0 no-repeat;}	
div#exhibition p.acghk{background:url('../img/ACGHK.jpg') 0 0 no-repeat;}
div#exhibition p.cars_ad_01{background:url('../news/ezone_aug2009_thumb.jpg') 0 0 no-repeat;}
#main ul.sf-menu{
	float:right;
	padding:0 0 0 9px;
	margin:6px 0 0;
	border:1px solid #ddd;
	}
#main ul.sf-menu li.head{
	width:90px;
	padding:0 25px 0 0;
	background:url('../img/bg_arrow_down.gif') right 0 no-repeat;
	}
#main ul.sf-menu ul{
	width:124px;
	border:1px solid #ddd;
	margin:0;
	float:left;
	}
div#faq,
div#termsOfUse,
div#download{
	color:#666;
	padding:20px;
	float:left;
	width:810px;
	}
div#faq b{
	font-size:20px;
	color:#000;
	margin:0 0 15px;
	display:block;
	font-weight:normal;
	}
div#download b{
	padding:0 5px 0 0;
	}
div#download a{
	line-height:16px;
	}
div#faq p,
div#termsOfUse p,
div#download p{
	width:98%;
	padding:0 1%;
	line-height:20px;
	display:block;
	}
div#faq ul{
	margin:40px 0;
	border-bottom:1px solid #eee;
	}
div#faq li{
	padding:15px 0 0;
	}
div#faq .left_col,
div#faq .right_col{
	width:385px;
	line-height:20px;
	}
div#faq .left_col{
	width:385px;
	padding:0 425px 40px 0;
	display:block;
	background-position:right 0;
	background-repeat:no-repeat;
	}
div#faq .right_col{
	width:385px;
	padding:0 0 40px 425px;
	display:block;
	background-position:0 0;
	background-repeat:no-repeat;
	}
div#faq .user_menu{
	border-bottom:0;
	border-top:1px solid #eee;
	margin:20px 0;
	padding:20px 0;
	}

div#faq .step1{background-image:url('../img/faq_step1.gif');height:346px; margin:0 0 40px;}
div#faq .step2{background-image:url('../img/faq_step2.gif');height:346px;}
div#faq .step3{background-image:url('../img/faq_step3.gif'); height:485px;}
div#faq .step3 li.second{margin:160px 0 0;}
div#faq .step4{background-image:url('../img/faq_step4.gif');height:346px;}
div#faq .step5{background-image:url('../img/faq_step5.gif');height:413px;}
div#faq .step5 li.second{margin:200px 0 0;}
div#faq .step6{background-image:url('../img/faq_step6.gif');height:346px;border:0; margin:40px 0 0; padding:0 0 0 425px;}
div#faq p.step6_1{background:url('../img/faq_step6_1.gif') 0 bottom no-repeat;padding:0 1% 212px;margin:0 0 10px;}
div#faq p.step6_2{margin:0 0 20px;padding:0 0 40px;border-bottom:1px solid #eee;}
div#faq .step7{background-image:url('../img/faq_step7.gif');height:307px;}
div#faq .step8{background-image:url('../img/faq_step8.gif');height:496px;margin:40px 0 0;border:0;}
div#faq .step8_1{background:url('../img/faq_step8_1.gif') 0 bottom no-repeat;padding:0 0 290px;border:0;}

div#faq p.faq,
div#termsOfUse p.terms_of_use,
div#download p.download{
	padding:0 0 30px;
	}

/**************************************
Gallery Style
**************************************/

.caption{font-style:italic;color:#887;}
.gallery_container{position:relative;margin-top:10px;float:left;}
.galleria_wrapper{border:1px solid #ddd;height:318px}
.product_gallery{width:850px;margin:0 auto;}
.product_gallery li{width:50px;height:50px;border:1px solid #ddd;margin: 0 2px;background:#eee;}
.product_gallery li div{left:240px}
.product_gallery li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
#main_image{margin:0 auto 10px auto;height:320px;width:850px;}
#main_image img{margin-bottom:10px; width:848px; height:318px;}
	
.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}