/* CSS for Rockport 01072008 */
html, body {height:100%;}
body {background:#e9dfc4;}
#main 
{
  background-color:#e9dfc4; 
  font-family:Helvetica, Arial, sans-serif; 
  font-size:14px;
 }
#page {background-color:#e9dfc4; width:1000px;  margin:0 auto;}
    #page h1 {font-size:20px; color:White; padding-top:4px; padding-left:12px;}
    #page h3 {font-size:16px; font-weight:bold; padding:5px 0;}
		#page em {font-style:italic;}
		#page strong {font-weight:bold;}
#header {height:130px; padding-left:5px; margin:0; padding-bottom:0;}
#text {background-color:#e9dfc4;}
#text_wrap {padding:20px 0 10px 0;}
#text_wrap h2{
	font-size:123.1%;
	font-weight:bold;
	margin:10px 0px 5px 0px;
	}
#text_wrap h3{
	font-size:116%;
	font-weight:bold;
	margin:10px 0px 5px 5px;
	}
#text_wrap h4{
	font-size:108%;
	font-weight:bold;
	margin:10px 0px 5px 5px;
	}

/* product pages img float */
	#text_wrap img {
		float:left;
		margin:3px 5px 8px 0px;
	}
/* main page */
	.main #text_wrap {
		padding-top:0px;
	}
	.main #text_wrap img {
		margin-top:0px;
	}
		div.main #container {
			border-right:solid #e9dfc4 266px;
		}
		div.main #container #text_wrap {
			width:795px;
		}
		div.main #container #text_wrap p.text_header{
			color:#fff;
		}
		
/* Text definitions for text block */
#center_wrap #center_wrap_inner * {color:#666;}
#center_wrap p {
	letter-spacing:0.1pt; 
	line-height:1.2em; 
	margin:0px 0px 8px 0px;
}
#center_wrap ul {
	margin-left:0; 
	margin:10px 0;
	padding-left:1em; 
}
#center_wrap li {
	line-height:1.5em;
	background: url('../Upload/image/round.png') 8px 9px no-repeat; 
	padding-left:20px;
}
#center_wrap_inner a {text-decoration:none; line-height:1.2em; color:#104E8B !important;
                      /*border-bottom:1px dashed #104E8B;*/border-bottom:1px solid #666;}
#center_wrap_inner a:hover { border-bottom:1px solid #104E8B; color:#666 !important;}
#center_wrap .firstP {margin-top:0;}


/* ########## BEGIN: HEAD LINK BOX */
	#head_linkBox {font-size:14px; position:relative; top:8px;}
		#head_linkBox ul {list-style-type:none; margin-left:4px;}
		#head_linkBox a {margin-left:-4px;}
		#head_linkBox ul li {display:inline;}
		#head_linkBox ul li a {text-decoration:none; color:white; padding:10px 20px 8px 20px;}
		#head_linkBox ul li a:hover {color:#222222; background-color:#c5bbaa;}	
		#head_linkBox .current a {background:#c5bbaa; color:#000;}
		#head_linkBox a:hover {color:#222222; background-color:#c5bbaa;}
	#hor_menu_shadow {
		background:url(../Upload/image/hor_back_shadow.png) no-repeat top #e9dfc4; 
		width:1000px; 
		height:37px;
	}		
	#hor_menu {height:32px; width:990px; margin:0 auto;}
/* ########## END: HEAD LINK BOX */
		
/* ########## BEGIN: THREE COLUMN LAYOUT		*/
#container {
  border-left: solid #e9dfc4 200px;   /* LC width */
  border-right: solid #DFDFC3 266px;  /* RC width */
	margin-top:12px;
	background-color:#e9dfc4;
	float:left;
	width:530px;
	margin-right:-530px;
	margin-bottom:5px;
}

#left {
	float:left;
	width:200px;
	margin-left:-200px;
	position:relative;
}
#center {
	float:left;
	width:530px;
	/* hack for IE6, orginaly there should be 530px; */
	margin-right:-1000px;
	background:url(../Upload/image/line_d3_hor.jpg) bottom repeat-x #fff;
}
		div.main #center {background:none;}
#center_LB_corner {
	background:url(../Upload/image/corner.jpg) no-repeat 0 100%; 
	float:left;
}
		div.main #center_LB_corner {background:none;}

#right{
	float:right;
	width:266px;
	margin-right:-266px;
	position:relative;
}
/* ########## END: THREE COLUMN LAYOUT	*/

/* ########## BEGIN: LEFT COLUMN 	*/
#left_back { background:url(../Upload/image/left_menu_side.png) repeat-y; width:190px;}
#left_wrap { 
	position:relative; 
	width:190px; 
	background:url(../Upload/image/hor_transp.png) no-repeat top left; 
	padding:0; 
	margin:0;
}
	#left_wrap_top_pic {
		background:url(../Upload/image/left_menu_top.png) no-repeat top; 
		height:16px; 
		width:190px; 
		margin:0;
		padding:0;
	}
	#left_wrap_bottom_pic	{
		background:url(../Upload/image/left_menu_bottom.png) no-repeat bottom; 
		height:16px; 
		width:190px;
		margin:0; 
		padding:0;
	}
	#left #left_linkBox ul {list-style:none;}
	#left_linkBox li {
	    background: transparent url('../Upload/image/left_menu_stripe.png') no-repeat bottom left;
	    color:#74b5e6; width:180px; margin-left:5px; padding:5px 0px;
	}
	#left_linkBox li.current a {background: url('../Upload/image/sq_black.png') 8px 50% no-repeat;
		color:#000;
	}
	#left_linkBox li.first {padding-top:0;}
	#left_linkBox li.last {background:none; padding-bottom:0;}
	#left_linkBox a {color:white; text-decoration:none; background: url('../Upload/image/sq_blue.png') 8px 50% no-repeat; padding-left:20px;}
	#left_linkBox a:hover {background: url('../Upload/image/sq_black.png') 8px 50% no-repeat;
		color:#000;
	}

		/* BEGIN: LEFT LINK SUB MENU */
		#left_submenu {margin:5px; width:180px;}
				#left_subm_tcor {
					height:3px; 
					width:180px; 
					background:url(../Upload/image/left_subm_tcor.jpg) bottom left no-repeat;}
				.left_subm_content {display:block; background:#fff;background:url(../Upload/image/l_subm_lines.jpg) repeat-y;}
				.sub_menu_header {
					background:#9a8c7c url(../Upload/image/submenu_sqr.jpg) 5px 2px no-repeat; 
					color:#fff; 
					padding:2px 0px 4px 30px;
				}
				.subm_header_next {
					background:#9a8c7c url(../Upload/image/submenu_sqr.jpg) 5px 6px no-repeat; 
					color:#fff; 
					padding:4px 0px 4px 30px;
				}
				
	
	#left_submenu li {padding:2px 0;}			
	#left_submenu a {text-decoration:none; color:#000;padding-left:20px;}
	#left_submenu .green a {
		background: url('../Upload/image/sq_green.png') 8px 7px no-repeat;
		display:block;
		padding-right:5px;
	}                 
	#left_submenu .red a {
		background: url('../Upload/image/sq_red.png') 8px 7px no-repeat;
		display:block;
		padding-right:5px;
	}   
	#left_submenu .green a:hover {background: url('../Upload/image/sq_grey.png') 8px 7px no-repeat; color:#998b7b;}
	#left_submenu .red a:hover {background: url('../Upload/image/sq_grey.png') 8px 7px no-repeat; color:#998b7b;}
	#left_submenu li.current a {background: url('../Upload/image/sq_grey.png') 8px 7px no-repeat; color:#998b7b;}
	#left_subm_bcor {
		height:4px; 
		width:180px; 
		background:url(../Upload/image/left_subm_bcor.jpg) top no-repeat;
	}
		/* END: LEFT LINK SUB MENU */
/* ########## END: LEFT COLUMN 	*/

/* ########## BEGIN: CENTER COLUMN 	*/
#center_wrap {margin-top:33px; background:url(../Upload/image/line_d3_ver.jpg) left repeat-y;}
	#center_wrap_inner {position:relative; padding:0px 5px 0px 20px ; margin:5px;}
	/*padding 1:top | 2:left | 3:bottom, dont change will broke line in IE6 | 4: right side*/
	/* top and bottom gap between <p> */
	/*div.main #center_wrap_inner p {margin:5px 0px 5px; padding:5px 0px 5px; color:#666666;}*/
	
		/* product page two column layout */
		div.main #center_wrap { background: none;}
		div.main #center_wrap_inner {padding:0px; margin:2px;}
		#flash_product_01 {background:url(../Upload/image/rock_presentation.jpg) top no-repeat;width:790px; height:309px;margin-bottom:6px;}
#center_wrap .text_header {
	font-size:16px; 
	padding:3px 0px 0px 15px; 
	position:relative;
	margin:0px 0px 6px -4px; 
	background:url(../Upload/image/text_header.png) top left no-repeat; 
	height:23px; 
	width:800px;
	clear:both;
}
		/* product page box with pictures and info */
	#prod_box_wow {
		margin-bottom:15px;
		position:relative; 
		width:790px;
	}
	  #prod_big_box { float:left;width:274px; height: 204px; background:white; border:1px solid #ccc;}
	  #prod_box_picture {position:relative; width:427px; height:206px;}
	  .prod_small_box {float:right; width:128px; height:95px;background:white; border:1px solid #ccc; margin-bottom:12px;}
	  /*IE 6 hack. made one more class for last box without margin bottom */
	  .prod_small_box1 {float:right; width:128px; height:95px;background:white; border:1px solid #ccc;}
	#prod_box_info_wrap {float:right;}  
	#prod_box_info_wrap1 {position:relative; width:340px; height:200px;}  
	.prod_box_info {float:left; height:95px; width:100%; border:1px solid #ccc; margin-bottom:12px;}  
	.prod_box_info1 {float:left; height:95px; width:100%; border:1px solid #ccc;}  
	#prod_box_wow p {margin:0px 30px 0px 5px; padding:0; font-size:12px; color:#666;}
	#center_wrap_inner .float_right a{float:right; font-weight:bold; color:#f4b265; text-decoration:none;}
/* ########## END: CENTER COLUMN 	*/

#top_head {position: absolute; width:800px; height:33px; padding:0; margin:0px;}
	#top_head_wrap {position:relative; left:-2px;  height:100%;background: url(../Upload/image/head_title.jpg) no-repeat;}
	#top_head_wrap p {color:white; font-size:17px; padding:5px 0px 0px 15px;}
	#top_head_wrap .floatRight p {color:white; padding:5px 25px 0px 0px; font-size:18px;}

/* ########## BEGIN: RIGHT COLUMN 	*/
#right_wrap {margin-top:37px; padding:5px 5px 5px 10px;}
    #right_wrap p, ul {padding:5px 0;}
   #right #right_wrap h3, p, ul, li {color:#000;}  
/* ########## END: RIGHT COLUMN 	*/



#footer {
	position:relative; 
	height:20px; 
	width:1000px; 
	background:url(../Upload/image/footer.jpg) no-repeat; 
	clear:both;
}
#footer p {color:white;margin-left:10px;}
#footer .floatRight {color:white; margin-right:10px;}
#footer .floatRight a {color:white; text-decoration:none;}
	.floatRight {float:right; padding-top:1px;}
	.floatRight ul {}
	.floatRight li {display: inline; font-size:12px;}
	.floatRight a {padding-right:7px; border-right:1px solid white;}
	.floatRight .last a {border:none;}
	
/* additional class by FCK editor */
#text_wrap .imageLeft {float:left; margin-right:10px; margin-bottom:0px;}
#text_wrap .imageRight {float:right; margin-left:10px; margin-bottom:0px;}