body {
	text-align: center; /* required for centering the page in IE */
	margin: 0px;
	padding: 0px;
	background-image: url("cp_bg.jpg");
	background-repeat: repeat-x;
	font-family: Arial, sans-serif;
	color: #333333;
	line-height:20px;
	background-color: #000066;
	text-align:justify;
	font-size: 12px;
	height: 100%;
	width: 100%;
}
h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	font: 12px Arial,sans-serif;
	}
	
li {list-style-position:outside;}

h1,h2,h3,.componentheading, .contentheading{font: 20px "Trebuchet MS",Arial,sans-serif; font-weight:bold;color: #007BC4;}
h2, h3{font-size:160%}

a:link ,  a:visited{
	text-decoration: underline;color: #007BC4;}
	
a:hover {
	text-decoration: none;
		color: #003366;}

#wrapper {
position:static;
	width: 877px;
	margin: 0 auto;
	text-align: left;


	}
#header {
position:static;
	height: 118px;
	background-image:url("head.jpg")
	}

#Menu{
position:static;

background-image:url("menu.png");
	width: 877px;
	height:28px;


}

#container {
	background-image:url("body.png");
	background-repeat: repeat-y;


	}
#innerContainer {

		margin-right: 12px;
	margin-left: 12px;
	height:100%;
}
#FlashHeadpiece {

background-color:#F2F2F2;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;

}
#left {
	float: left;
	width: 166px;
	height:100%;
	position:relative;
	padding-bottom: 184px;
	background-image:url("jb.png");
	background-position:bottom;
	background-repeat:repeat-x;
	


	}
#leftInner{

		font: 90% Arial,sans-serif;
	padding-left: 8px;
}
.latestnews, .mostread{
	font: 11px Arial,sans-serif;
list-style-type:none;

}
li.mostread{
padding-bottom:10px;
}
#content {
	width: 638px;
	float:right;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 14px;



	}
	#content ul{
	list-style:none;
	}
	
  #content .prolo li{ line-height:20px; font-size: 12px; padding-left:14px; background-image: url("bluearrowbullet.png"); background-repeat: no-repeat; background-position: left 1px; }

#clear {
	height: 0px;
	clear:both;	

	}
	.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
#footer {
	height: 50px;
	clear:both;
	text-align:center;
	background-image:url("footer.png")	}
	
		
		/*Horizontal Nav*/
ul#nav,ul#nav li{
	list-style-type:none;
	margin:0;

}
ul#nav{

	margin-left: 36px;

	font-size: 12px;
}
ul#nav li{
	float:left;
	margin-right: 1px;
	font-size: 12px;
	text-align: center;
	display: inline;
	vertical-align: middle;

}
ul#nav a{
	float:left;

	height: 26px;
	line-height: 26px;
	text-decoration:none;	
	color: #000;
	font-weight: bold;
	padding-left:15px;
	padding-right:15px;
	

}
ul#nav a:hover {
	color: #fff;
	background-repeat: repeat-x;
	background-position: 0px;
	background-image: url("buttonhover-1.png");
	background-color: #3399CC;
	}
	





ul#nav li.activelink a,ul#nav li.activelink a:hover{color: #fff;background-image: url("buttonhover-1.png");	background-color: #3399CC;}

#nav a:link#active_menu-nav, #nav a:visited#active_menu-nav{color: #fff;background-image: url("buttonhover-1.png");	background-color: #3399CC;}
	
	
	/*Vertical Nav*/
	
	
#mainlevel { width: 160px; list-style-type: none;text-indent: 5px; }

#mainlevel ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	
	
}

ul#mainlevel a
{
display: block;
padding: 3px;
width: 160px;
background-color: #F2F2F2;

border-bottom: 1px solid #ccc;
}

ul#mainlevel a:link,  ul#mainlevel a:visited
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
		background-image:url("vertnavbutton.png");
background-repeat:repeat-x;

}

ul#mainlevel a:hover
{
background-color: #00CCFF;
color: #fff;
background-image:none;
}
ul#mainlevel a:link#active_menu, ul#mainlevel a:visited#active_menu
{
background-image:none;
background-color: #00CCFF;;
color: #fff;
}
/* default */

.adminform {
}
.article_seperator {
}
.back_button {
}
.blog {
}
.blog_more {
}
.blogsection {
}
.button {
}
.buttonheading {
}
.category {
}
.clip {
}
.componentheading {

	font-family: "Trebuchet MS",Tahoma, Verdana, Arial;
	font-size: 20px;
	font-weight: bold;
	color: #007BC4;
	padding-top: 5px;
	padding-bottom:10px;

}
.contact_email {
}
.content_rating {
}
.content_vote {
}
.contentdescription {
}
.contentheading {
	font-family: "Trebuchet MS".Tahoma, Verdana, Arial;
	font-size: 20px;
	font-weight: bold;
	color: #007BC4;
	padding-bottom:10px;
}
.contentpagetitle {
}
.contentpane {
}
.contentpaneopen {
}
.contenttoc {
}
.createdate {
}
.dtree {
}
.dTreeNode {
}
.editlinktip {
}
.expander {
}
.highlight {
}
.inputbox {
}
.item {
}
.message {
}
.message {
}
.modifydate {
}
.module {
}
#leftInner .moduletable {
padding-bottom:5px;
}
.mosimage {
}
.mosimage_caption {
}
.mostread {
}
.newsfeed {
}
.node {
}
.pagenav {
}
.pagenav_next {
}
.pagenav_prev {
}
.pagenavbar {
}
.pagenavcounter {
}
.paramlist {
}
.pathway {
}
.poll {
}
.pollstableborder {
}
.profiler {
}
.readon {
}
.row1 {
}
.row2 {
}
.search {
padding-top:10px;
padding-bottom:5px;
}
.searchintro {
}
.sectiontableentry1 {
}
.sectiontableentry2 {
}
.sectiontablefooter {
}
.sectiontableheader {
}
.small {
}
.smalldark {
}
.syndicate {
}
.syndicate_text {
}
.tab {
}
.tabclass1 {
}
.tabclass2 {
}
.tab-page {
}
.text_area {
}
.toclink {
}
.toolbar {
}
.tooltip {
}
.wrapper {

}
h2, h3 {
	font-family: "Trebuchet MS",Tahoma, Verdana, Arial;
	font-size: 20px;
	font-weight: bold;
	color: #007BC4;
	padding-top: 5px;
	padding-bottom:5px;
}
#mod_login_password, #mod_login_username {


	color: #000000;
}
form {

	margin: 0;

	padding: 0;

}



input, select {

	font: 12px "Lucida Grande",	 Arial,sans-serif;

}



select, .inputbox {

	padding: 2px;

}



textarea {

	padding-left: 2px;

}



.button {

	border: 1px solid #2F2F2F;

	padding: 1px 10px!important;

	padding: 1px 5px;

	background: url("button-bg.gif") repeat-x top #333;

	color: #FFFFFF;

}

.button:hover  {
	background: url("button-bg.gif") repeat-x top #00CCFF;
	color: #fff;
}

.button:active, .button:focus {

	border: 1px solid #222222;

}



.inputbox {

	border: 1px solid #CCC;

	background: #FFF;

	color: #000;
	

	}
	

#left .inputbox {
		width:145px;
}
.inputbox:hover, .inputbox:focus {

	border: 1px solid #003366;

}
fieldset.js_loginflat {border:0px; padding:8px; margin-left:12px;margin-right:12px; 	font: 11px Arial,sans-serif; 	text-align:center;
vertical-align:top;}
fieldset.js_loginflat .inputbox {width:145px; }
fieldset.js_loginflat legend {display:none}
.moduletableflat {text-align:center;vertical-align:top;}

.bearright {top:25px; right:15px; position:absolute;}

#JB {position:absolute; bottom:0px;}

.line {
	color: #CCCCCC;

}
/* LEX code */
#colorfield-border {
	float:left;
	position:relative;
	top:158px;
	left:138px;

}
#colorfield-link {
	float:left;
	position:relative;
	top:180px;
	left:76px;

}
.moduletable-don {
padding-bottom:20px;}

table.moduletable -nav {
	width: auto;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

<!-- products表格 -->

#products {}
#products ul { margin: 0px;padding: 0px;}
#products li { float:left;list-style-type: none; width:180px; height:180px;display: block; margin:5px; text-align: center; }
#products p { color:#FF6633; font-weight: bold; padding-bottom:10px; line-height:1.2em;}
#products .prod1 { background:url(products/c1.gif) no-repeat; background-position: center bottom;}
#products .prod2 { background:url(products/c2.gif); background-repeat:repeat-y; background-position:center; height:120px; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px;overflow: hidden;}
#products .prod3 { background:url(products/c3.gif) no-repeat; background-position: center top;}

<!-- products2表格，圖片較小使用 -->

#products2 {}
#products2 ul { margin: 0px;padding: 0px;}
#products2 li { float:left;list-style-type: none; width:180px; height:180px;display: block; margin:5px; text-align: center; }
#products2 p { color:#FF6633; font-weight: bold; padding-bottom:10px; line-height:1.2em;}
#products2 .prod1 { background:url(products/c1.gif) no-repeat; background-position: center bottom;}
#products2 .prod2 { background:url(products/c2.gif); background-repeat:repeat-y; background-position:center; height:120px; padding-top:20px; padding-left:20px; padding-right:20px;overflow: hidden;}
#products2 .prod3 { background:url(products/c3.gif) no-repeat; background-position: center top;}

<!-- products2表格，圖片較大使用 -->

.prod2b { background:url(products/c2.gif); background-repeat:repeat-y; background-position:center; height:120px; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px;overflow: hidden;}
#products2 .prod2b { background:url(products/c2.gif); background-repeat:repeat-y; background-position:center; height:120px; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px;overflow: hidden;}

<!-- cl nikon products3表格 -->
#products3 {}
#products3 ul { margin: 0px;padding: 0px; 510px;}
#products3 li { float:left;list-style-type: none;display: block; margin:8px 20px 8px 20px; text-align: center; }
#products3 .bro1 { width:100px; text-align: right;}
#products3 .bro2 { width:130px; text-align:center; padding-right:20px;}
#products3 .brobg {  background:url(products/cl_nikon/l_bg.gif) no-repeat; width:250px; height:120px; text-align:left;color:#FF6633; font-weight: bold; padding-bottom:10px; line-height:1.2em; font-size:10pt; line-height:120%;}

<!-- JVC -->
#products4 {}
#products4 ul { margin: 0px;padding: 0px; 510px;}
#products4 li { float:left;list-style-type: none;display: block; margin:8px 20px 8px 20px; text-align: center; }
#products4 .jvcbro1 {  text-align:center;width:250px; padding-top:8px;}
#products4 .jvcbro2 {  text-align:center;width:250px;}
#products4 .brobg {  background:url(products/l2_bg.gif) no-repeat; width:250px; height:150px; text-align:left;color:#FF6633; font-weight: bold; padding-bottom:10px; line-height:1.2em; font-size:10pt; line-height:120%;}

.arrow ul { margin: 0px;padding: 0px;}
.arrow li { line-height:20px; font-size: 8pt; padding-left:8px; margin-right:5px; background-image: url("arrow.png"); background-repeat: no-repeat; background-position: left 3px;float:left;display : inline-block;  }

.jvctd1 {vertical-align: top; width:130px; text-align:center; padding-top:10px;}

.jvcli {list-style-position:outside;margin-left:15px;margin-top:0;}

<!-- cl nikon index menu -->

.nlpagemenu ul { width:540px; margin: 0px;padding: 0px; }
.nlpagemenu li {display: block;float:left; width:250px; font-size:8pt; padding-top:20px;}

.txtsam { font-size:8pt; }