/* CSS Document */
body { margin:0 auto; background:#fff; font-family:Arial, sans-serif; line-height:1.666em }
body, select, input, button, h1, h2, h3, h4, h5, h6 {font-size:12px}
body, h1, h2, h3, h4, h5, h6, ul, ol, li, form, p, dl, dt, dd, table, th, td, img, blockquote { margin:0; padding:0; border:0 }
input, button, textarea, img { line-height:normal }
abbr, acronym, address, cite, q, em, code, var, dfn, ins { font-style:normal; text-decoration:none; border:0 }
q:before, q:after { content:"" }
ul,ol{ list-style:none }
table { border-collapse:collapse; border-spacing:0 }
input.text { border:1px solid #ccc; height:15px; padding:1px; margin:0 }
input.file { height:22px; padding:1px; +height:19px;+border:1px solid #ccc}
input.button, button { line-height:135%; padding:0 .5em; overflow:visible }
select, input, button { vertical-align:middle }
.radio input, .checkbox input, input.radio, input.checkbox { width:16px; height:16px; margin:0 3px 0 0; overflow:hidden }
button img { vertical-align:middle }
textarea.textarea { border:1px solid #ccc }
.pbd, .pft, .region{ clear:both; +zoom:1; overflow:hidden;}
.part, .pti, .group { clear:none }
#demo {overflow:hidden; width:265px; float:left;}
	#demo .cs-pl{overflow:hidden;}
	#demo .cs-pl li{width:69px; float:left;text-align:center; overflow:hidden; display:inline;}
	#demo .cs-pl li .Watermark{width:62px; height:62px; z-index:100; background:#eee; filter:Alpha(opacity=50);opacity:0.5; border:1px solid #000; margin-top:-66px; cursor:pointer;}
	#demo .cs-pl li a {display:block; width:64px; height:64px; overflow:hidden; border:1px solid #d9d9d9; position:absolute; left:0; top:0; z-index:99;}
	#demo .cs-pl li a:hover { border:1px solid #85cf5d; }
	#demo .cs-pl li .on{border:1px solid #85cf5d;width:62px; height:62px; z-index:100; background:url(../images/WatermarkBG.gif) no-repeat 95% 95%;margin-top:-66px; position: relative; *position:static}
	#demo img {display:block; margin:auto; border:1px solid #eee;}
	#indemo { float: left; width: 800%;}
	#demo1 { float: left;}
	#demo2 { float: left;}
	#btnL{display:block; width:12px; height:64px; float:left; background:url(../images/btnL.gif) no-repeat 0 0; text-indent:-999em; cursor:pointer;}
	#btnR{display:block; width:12px; height:64px; float:left; background:url(../images/btnR.gif) no-repeat 0 0; text-indent:-999em; cursor:pointer;}
	
#brandgun {
overflow:hidden;
height:60px;
}


#inbrandgun {
float:left;
height:50%;
}
#brandgun1 {
list-style:none;
float:left;
}
#brandgun2 {
list-style:none;
float:left;
}