body{
	margin:0; 
	padding:0; 
	font:12px Arial, Tahoma; 
	/*background: #9cd7e4 url(../../images/bg3.jpg) repeat-x top; */
	line-height: 1.4em;
	background-color:#004a6d;
	color: #666666;
}
a{
	text-decoration:none;
	color:#086ea1;
}
a:hover{
	color: #62ad00;
	text-decoration:underline;
}
div, p, ol, h1, h2, h3, h4, h5, img{
	margin:0px; 
	padding:0px;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic; /* fixed IE images scaling */
}
h1 {
	font-family: arial;
	font-size: 140%;
	font-weight: bold;
/*	padding-bottom: 1em;*/
	color: #2a2a2a;
}
h2 {
	font-weight: bold;
	padding-bottom: 0.5em;
/*	color: #ff1d42;
	color: #73c0dc;*/
	font-family: arial;
	font-size: 120%;
}
h3 {
	font-weight: bold;
	padding-bottom: 0.5em;
/*	color: #ff1d42;
	color: #73c0dc;*/
	font-family: arial;
	font-size: 110%;
}
/* general */
.b {
	font-weight: bold;
}
.lighter {
	color: #a4a4a4;
}
.smaller {
	font-size: 90%;
	font-weight: normal;
}
.textbox, .dropdown {
	width: 97%;
	color: #666;
}
.dropdown {
/*	font-size: 90%;*/
}
.clear-all{
	clear:both; 
	line-height:0; 
	height:0;
}

/* ret msg */
.fatal, .success {
	padding: 1em;
	margin-bottom: 0.5em;
}
.fatal {
	color: #fff;
	background-color: #ff1d42;
}
.fatal ul {
	padding-top: 0.3em;
}
.fatal li {
	padding: 0.3em 0 0.3em 0;
}
.success {
	color: #424242;
	background-color: #ceef9e;
}
.warning {
	font-size: 10px;
	font-family: verdana, arial;
	color: #ff1d42;
}

/* id*/
#wrapper1{ 
	width:100%;
	background:url(../../images/bg.jpg) repeat-y;
	margin:0 auto;
}
#wrapper2{ 
	width:999px;
	margin:0 0 0 0px;
}

#top{ 
	width:100%; 
	height:88px;
	color:#18b9dc;
	background:url(../../images/bar_menu1_bg.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	position:relative;
}
#top a,#top a:link,#top a:visited{
	color:#18b9dc;
}
#top a:hover{
	color:#ffffff;
}
#top .topmenu1{
	width:340px;
	padding:12px 10px 0 0;
	text-align:right;
	float:right;

}
#top .lang{
	width:116px;
	padding:12px 0 0 0;
	text-align:center;
	float:right;
	font-family:Tahoma;
	font-size:11px;
}
#top .search{
	width:194px;
	height:22px;
	line-height:15px;
	padding:12px 10px 0 0;
	text-align:center;
	float:right;

}
#top .search .c1{
	float:left;
}
#top .search .c2{
	float:left;
}
#top .search .c1 input{
	width:138px;
	height:15px;
	line-height:15px;
	background-color:#1399d8;
	color:#FFFFFF;
	border:0px;
	margin:0;
	padding:-2px 0 0 0;

}
#content{
	width:100%;
	background:url(../../images/menu_left_bg3.jpg) repeat-y left bottom;
}
#content .col_left{
	width:679px;
	height:652px;
	float:left;
	background:url(../../images/highlight_home.jpg) no-repeat;
}
#content .left1 ul,#content .left1 ul li{
	padding:0;
	margin:0;
	list-style:none;
}
/* catalog */
#community{
	width:300px;
	/*height:213px;*/
	padding:65px 0 10px 12px;
}

#community .grid{
	width:100%;
	padding:10px 0 10px 0!important;
	padding:10px 0 0px 0;
	border-bottom:1px solid #0096cd;
}
#community .grid .image{
	width:80px;
	float:left;
	
}
#community .grid .image img{
	border:3px solid #f0f0f0;
}
#community .grid .text{
	width:200px;
	float:left;
	padding:0 0 0 0;

}
#community .grid .text .title{
	font-size:11px;
	color:#444444;
}
#community .grid .text .title a:link,#community .grid .text .title a:visited{
	font-size:11px;
	color:#ffffff;
}
#community .grid .text .title a:hover{
	font-size:11px;
	color:#00d6ff;
}
#community .grid .text .read{
	font-size:11px;
	color:#00d6ff;
}
/* end catalog */
#content .col_right{
	width:320px;
	height:652px;
	float:left;
	background:url(../../images/home_bg1.jpg) no-repeat #006291;
}
#content .col_right .banner{
	width:300px;
	height:90px;
	padding:0px 0 0 12px;
}
#content .col_right .banner img{
	border:2px solid #007cb7;
	padding:0;
}
#content .col_right .text2{
	width:296px;
	height:150px;
	padding:100px 0 0 12px;
	color:#a5e2ff;
	font-size:11px;
}

#content .sub{
}
#content .sub a{
	line-height:13px;
	display:block;
	text-align:right;
	padding:4px 60px 4px 0;
	color:#666666;
	font-size:12px;
	text-decoration:none;
	border-bottom:1px solid #eee;
}
#content .sub a:link,#content .sub a:visited{
	background:url(../../images/menu_left_sub_off.jpg) right repeat-y;
}
#content .sub a:hover{
	background:url(../../images/menu_left_sub_on.jpg) right repeat-y;
	color:#ffffff;
}
#content .left1{
	width:259px;
	padding:0 0 0 53px;
	float:left;
	
}
#content .left1 ul{
	min-height:450px;
	padding:0;
	margin:0;
	
}
#content .left2{
	background:url(../../images/menu_left_bg1.jpg) no-repeat right top;
}
#content .left2 ul,#content .left2 ul li{
	padding:0;
	margin:0;
}
#content .left2 a{
	line-height:13px;
	text-align:right;
	
	padding:0;
	color:#FFFFFF;
	font-size:14px;
	text-decoration:none;
	display:block;
	/*display:inline-block;
	margin:0!important;
	margin:-15px 0 0 0;*/
}
* html body #content .left2 a{
   width:198px;
}
* html body #content .sub a{
   width:198px;
}
#content .left2 a:link,#content .left2 a:visited{
	padding:13px 60px 13px 0;
	background:url(../../images/menu_left_off.jpg) right repeat-y #00b2e2;
}
#content .left2 a:hover{
	padding:13px 60px 13px 0;
	background:url(../../images/menu_left_on.jpg) right repeat-y #a2dc0c;
}
#content .center{
	width:687px;
	float:right;
	background:url(../../images/content_bg.jpg) repeat-y;
	min-height:450px;
}
#content .center .box{
	margin:0 30px 30px 30px;
	width:627px;
}
/* catalog */
#catalog{
	width:600px;
}
#catalog h2{
	color:#1a8922;
	font-size:16px;
}
#catalog h3{
	color:#1a8922;
	font-size:14px;
	padding:0 0 0 30px;
	background:url(../../images/navi4.jpg) no-repeat;
	height:20px;
}
#catalog .grid{
	width:100%;
	padding:10px 0 10px 0;
	border-bottom:1px dotted #CCCCCC;
}
#catalog .grid .image{
	width:100px;
	float:left;
	
}
#catalog .grid .image img{
	border:3px solid #f0f0f0;
}
#catalog .grid .text{
	width:420px;
	float:left;
	padding:15px 0 0 0;

}
#catalog .grid .text .title{
	font-size:13px;
	color:#444444;
}
#catalog .grid .text .title a:link,#catalog .grid .text .title a:visited{
	font-size:13px;
	color:#444444;
}
#catalog .grid .text .title a:hover{
	font-size:13px;
	color:#0f74e0;
}
#catalog .grid .text .title2{
	font-size:16px;
	color:#666666;
}
#catalog .grid .text .read{
	font-size:11px;
	color:#0f74e0;
}
#catalog .grid .text .read a{
	font-size:11px;
	color:#0f74e0;
	text-decoration:none;
}
/* end catalog */
/* pagination */
#pagination{
	font-size:11px;
	margin:0 0 20px 0;/**/
	height:30px;
	line-height:30px;
	background:url(../../images/tab_bg.jpg) repeat-x;
	padding:0 0 0 30px;
	width:657px;
}
#pagination .num{
	width:30%;
	color:#d7eca1;
	float:left;
}
#pagination .nav{
	width:70%;
	color:#d7eca1;
	float:left;
	text-align:right;
}
#pagination .nav a:link,#pagination .nav a:visited{
	color:#FFFFFF;
}
#pagination .nav a:hover{
	color:#00caff;
}
#pagination .nav .btn{
	width:90px;
	float:left;
}
#pagination .nav .text{
	text-align:center;
	width:55%;
	float:left;
}
/* end pagination */
#footer{
	width:100%; 
	height:70px;
	margin:20px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#1f9ed9;
}
#footer .copy{
	text-align:left;
	width:130px;
	float:left;
	font-size:9px;
	line-height:10px;
	padding:0 0 0 70px;
}
#footer .menu1{
	text-align:right;
	width:769px;
	height:25px;
	float:left;
}
#footer .menu1 a{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	
}
#footer .menu2{
	text-align:right;
	width:769px;
	float:left;
	font-size:11px;
}
#footer .menu2 a{
	color:#1f9ed9;
}
/* table */
.table_header{
	height:20px;
	background-color:#87b70b;
	color:#FFFFFF;
	font-size:13px;
	padding:2px;
}
.table_header2{
	width:35%;
	height:20px;
	background-color:#87b70b;
	color:#FFFFFF;
	font-size:13px;
	padding:2px;
	margin:0 0 10px 0;
}
.table_line{
	border-bottom:1px solid #87b70b;
	font-size:12px;
	padding:5px 0 10px 0;
}
.table_line2{
	border-bottom:1px dotted #ccdf9a;
	font-size:12px;
	padding:5px 0 10px 0;
}
.table_webboard_h{
	height:20px;
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
}
.table_webboard{
	border-bottom:1px solid #e2e2e2;
	font-size:11px;
	padding:2px 0 2px 0;
	color:#555;
}
.navi1{
	list-style: url(../../images/navi1.jpg) ;
	padding:0 0 3px 0;
}
.num1{
	width:15px;
	height:15px;
	text-align:center;
	display:block;
	background-color:#01b3e3;
	color:#FFFFFF;
	font-size:10px;
	font-weight:normal;
}
/* end table */
/* menu 
.menu1 a{
	height:56px;
	width:63px;
	float:left;
}
.menu1 a:link,.menu1 a:active,.menu1 a:visited{
	background:url(../../images/gyproc_m1_off.jpg) no-repeat;
	display:block;
}
.menu1 a:hover{
	background:url(../../images/gyproc_m1_on.jpg) no-repeat;
}

.menu2 a{
	height:56px;
	width:88px;
	float:left;
}
.menu2 a:link,.menu2 a:active,.menu2 a:visited{
	background:url(../../images/gyproc_m2_off.jpg) no-repeat;
	display:block;
}
.menu2 a:hover{
	background:url(../../images/gyproc_m2_on.jpg) no-repeat;
}

.menu3 a{
	height:56px;
	width:91px;
	float:left;
}
.menu3 a:link,.menu3 a:active,.menu3 a:visited{
	background:url(../../images/gyproc_m3_off.jpg) no-repeat;
	display:block;
}
.menu3 a:hover{
	background:url(../../images/gyproc_m3_on.jpg) no-repeat;
}

.menu4 a{
	height:56px;
	width:143px;
	float:left;
}
.menu4 a:link,.menu4 a:active,.menu4 a:visited{
	background:url(../../images/gyproc_m4_off.jpg) no-repeat;
	display:block;
}
.menu4 a:hover{
	background:url(../../images/gyproc_m4_on.jpg) no-repeat;
}

.menu5 a{
	height:56px;
	width:152px;
	float:left;
}
.menu5 a:link,.menu5 a:active,.menu5 a:visited{
	background:url(../../images/gyproc_m5_off.jpg) no-repeat;
	display:block;
}
.menu5 a:hover{
	background:url(../../images/gyproc_m5_on.jpg) no-repeat;
}

.menu6 a{
	height:56px;
	width:112px;
	float:left;
}
.menu6 a:link,.menu6 a:active,.menu6 a:visited{
	background:url(../../images/gyproc_m6_off.jpg) no-repeat;
	display:block;
}
.menu6 a:hover{
	background:url(../../images/gyproc_m6_on.jpg) no-repeat;
}

.menu7 a{
	height:56px;
	width:99px;
	float:left;
}
.menu7 a:link,.menu7 a:active,.menu7 a:visited{
	background:url(../../images/gyproc_m7_off.jpg) no-repeat;
	display:block;
}
.menu7 a:hover{
	background:url(../../images/gyproc_m7_on.jpg) no-repeat;
}
.menu8 a{
	height:56px;
	width:65px;
	float:left;
}
.menu8 a:link,.menu8 a:active,.menu8 a:visited{
	background:url(../../images/gyproc_m8_off.jpg) no-repeat;
	display:block;
}
.menu8 a:hover{
	background:url(../../images/gyproc_m8_on.jpg) no-repeat;
}

.menu9 a{
	height:56px;
	width:104px;
	float:left;
}
.menu9 a:link,.menu9 a:active,.menu9 a:visited{
	background:url(../../images/gyproc_m9_off.jpg) no-repeat;
	display:block;
}
.menu9 a:hover{
	background:url(../../images/gyproc_m9_on.jpg) no-repeat;
}*/
/* end menu */

/* catalog */
.catalog{
	width:204px;
	padding:30px 0px 30px 30px;
	min-height:500px;
	background:url(../../images/gyproc_content_left_bg1.jpg) no-repeat;
}
.catalog_r1 h2{
	color:#FFFFFF;
	padding:0px 0px 20px 0px;
}
.catalog_r2 ul{
	margin:0px;
	padding:0px;
}
.catalog_r2 ul li{
	background:url(../../images/gyproc_p50x50.jpg) no-repeat; 
	height:50px; 
	padding:5px 0px 5px 55px; 
	border-bottom:1px solid #0083c9; 
	line-height:50px;
	font-size:95%;
	font-weight:bold;
	margin:10px 0px 5px 0px;
}
.catalog_r2 ul li a:link,.catalog_r2 ul li a:visited,.catalog_r2 ul li a:active{
	color:#FFFFFF;
	text-decoration:none;
}
.catalog_r2 ul li a:hover{
	color:#007dc6;
}
#col_right{ 
/*	width:145px;*/
	width:130px;
	float:left;
}
#navi_shoping{
	float:right;
	width:104px;
	height:71px;
	padding:10px;
	background: url(../../images/col_right1.png) no-repeat top;
/*	color:#FFFFFF;*/
	color:#585858; 
	text-align:left;
	font-family: arial, tahoma;
	font-weight: bold;
	font-size: 11px;
	line-height: 2em;
}

/* page navigation */
#page_navigation {
	clear: both;
	padding-top: 20px;
}
#page_navigation .left {
	float: left;
	text-align: left;
}
#page_navigation .right {
	float: right;
	text-align: right;
}
#page_navigation .total {
	padding-right: 20px;
}
#page_navigation a {
	color: #ff6b83;
	text-decoration: none;
}
#page_navigation .off {
	color: #ccc;
}
#page_navigation .list {
}
#page_navigation .page {
	padding-left: 20px;
}

/* product */
#product {
}
#product a{
	font-size:11px;
	text-decoration:none;
	font-weight: normal;
	color:#666;
}
#product a:hover{
	text-decoration:underline;
}
#product h1 {
	text-align: left;
}
#product .left {
	float: left;
	padding-bottom: 20px;
}
#product .right {
	float: right;
	width: 260px;
	text-align: right;
}
#product .label {
	float: left;
	width: 90px;
	text-align: left;
}
#product .image img {
	width: 250px;
}
#product .entry {
	width: 100%;
	border-bottom: #ccc dotted 1px;
	padding: 0.6em 0 0.6em;
}
#product .textbox {
	font-size: 90%;
}
#product .price {
	color: #ff6b83;
}
#product .related {
	padding-bottom: 20px;
}
#product .related li {
	float:left;
	font-weight:bold;
	color: #ff6b83;
	text-align: center;
	display: inline;
	width: 20%;
	padding-bottom: 10px;
}
#product .image_extra {
	text-align: center;
	padding-bottom: 1em;
}
#product .image_extra li{
	text-align: center;
	padding: 10px;
}
#product .buy {
}

/* order */
#order {
	width: 100%;
	text-align: left;
}	
#order ul {
}
#order li {
	float: left;
	display: inline;
	padding: 0.5em 0 0.5em;
}
#order .entry ul {
	clear: both;
	border-bottom: 1px dotted #ccc;
}
#order .entry .thumb {
	width: 15%;
	text-align: center;
}
#order .entry .title {
	width: 50%;
}
#order .entry .price {
	width: 15%;
	text-align: right;
}
#order .entry .qty {
	width: 10%;
	text-align: right;
}
#order .entry .del {	
	width: 10%;
	text-align: right;
}
#order .entry .del .button{	
	cursor: pointer;
}
#order .summary {	
	clear: both;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	background-color: #fafdfd;
	height: 60px;
}
#order .summary .update {	
	float: left;
	padding: 10px 0 10px 3px;
}
#order .summary .price {	
	float: right;
	text-align: right;
	padding: 15px 3px 10px 0;
}
#order .summary .price .highlight{	
	color: #ff1d42;
}
#order .checkout {
	clear: both;
	height: 60px;
	text-align: right;
	padding-top: 15px;
}
#order .checkout .button{
	cursor: pointer;
}
#order .list ul {
	clear: both;
}
#order .list li {
	width: 25%;
}
#order .list .even li {
	background-color: #fff;
}
#order .list .odd li {
	background-color: #f4f4f4;
}

/* form */
#form {
	width: 100%;
}
#form .topic, .submit {
	width: 100%;
	font-weight: bold;
	line-height: 2em;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1em;
	background-color: #fafdfd;
}
#form .submit {
	border-top: 1px dotted #ccc;
	line-height: 4em;
	font-weight: normal;
	background-color: #ffebc0;
	padding-left: 3px;
}
#form .column {	
	float: left;
	width: 30%;
	padding: 0.8em 1.5em 0.8em 0;
}
#form div .notice {
	padding: 5px;
	background-color: #ffe4ea;
}

/*customer */
#customer {
}
#customer a {
	color: #00a3b4;
}
#customer .navigation {
	width: 100%;
	padding-bottom: 1em;
}
#customer .navigation ul{
	border-bottom: 1px dotted #e3be99;
	padding: 0.5em 0.5em 0.5em 0;
}
#customer .navigation li {	
	display: inline;
	font-size: 90%;
	font-family: arial, tahoma;
	color: #e3be99;
}
#customer .navigation li a {
	font-size: 110%;
	font-weight: bold;
	padding: 0.5em;
	color: #ff1d42;
}
#customer .navigation li a:hover {
	background-color: #f9efe5;
	text-decoration: none;
}

/* blog */
#blog .list ul {
	clear: both;
}
#blog .list li {
	padding: 0.3em;
}
/* Text Color */
.txt_blue1{
	color:#086ea1;
}
.txt_green1{
	color:#62ad00;
}
.txt_orage1{
	color:#FF6600;
}
.txt_gray{
	color:#999999;
}
.txt_white{
	color:#ffffff;
}







/****** calendar *********/

.calendarHeader { 
    font-weight: bolder; 
    color: #FFFFFF; 
    background-color: #87b70b; 
}

.calendarToday { 
    background-color: #FFE1CE;
	font-weight: bold;
}

.calendarEvent { 
    background-color:#A4E1FF ;
	font-weight: bold;
}


.calendar { 
    width:200px;
    background-color: #FFFFFF;
}

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../../images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../../images/bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

.errorbox{

background:#FFEBE8 none repeat scroll 0 0;border:1px solid #dd3c10;margin:0 0 10px;padding:10px;color: #db0000;

font: normal 12px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}


.table_header3{
	height:20px;
	background-color:#00b2e2;
	color:#FFFFFF;
	font-size:13px;
	padding:2px;
}
.facebook{
	position:absolute;
	top:2px;
	right:2px;
	width:32px;
	height:32px;
}