@CHARSET "UTF-8";

@import url("reset.css");

p {margin:10px 0 0 0;}
h1 {font-size:16px; font-weight: bold;  color: #333333;  }
.h1-logo{ text-indent: -9999px;}

h2 {font-size:14px; font-weight: bold; display:inline; color: #333333;  }
h4 {font-size:12px; font-weight: bold; color: #333333; margin:10px 10px 10px 10px;}
li {margin:0px 0 0 20px;}
hr { height: 1px; background-color: #DDDDDD; color:#DDDDDD; border-style: none; border-width: 0px;}
.hline{	width:100%;	height:1px;border-bottom:1px solid #81b4e9;clear:both;padding:5px 0 0 0;}
.vline{	height:100%;width:10px;border-left:1px solid #81b4e9;margin:10px 0px 0px 4px;float:left;}

/**************************************
		main structure 
*************************************/

body
{
background-color: #ffffff;
background-image: url(../images/bg_main1.gif);
background-repeat: repeat;
background-attachment: scroll;
}

#container
{
width: 950px;
margin: -30px auto -1px auto; 
color: #333;
line-height: 130%;
font-family: Arial, Helvetica, Sans-serif; font-size:12px;
/*font-family: Verdana, Geneva, sans-serif; font-size: 11px;*/

}

#header_wrapper
{
width: 100%;
height:237px;
background: url(../images/bg_header2.gif) repeat-x;
}


#header
{
width: 1400px;
height:237px;
margin: 0px auto 0px auto;
background: url(../images/bg_header1.jpg) no-repeat;
/*border-bottom: 1px solid gray;*/
}

#content
{
clear: both;
width: 100%;
}

#leftside
{
float: left;
width: 200px;
margin: 0;
padding: 5px;
}

#main
{
float: left;
padding: 10px;
width: 700px;
min-height:450px;
color:#585858;
/*border: 1px solid gray;*/
}

#footer_wrapper
{
clear: both;
width: 100%;
height:50px;
border-top: 1px solid gray;
background-image: url(../images/bg_row_fotoer_2.gif);
background-repeat: repeat;
}


#footer
{
margin: 0px auto 0px auto; 
height: 15px;
width: 850px;
padding-top: 20px;
color: #666666;
text-align:center;
font-size: 11px;

min-height: 50px;
background-color: transparent;
}

#footer_large 
{
height: 15px;
background-image: url(../images/page/index/6.gif);
background-attachment: scroll;
background-repeat: repeat-x;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
clear: both;
padding-top: 20px;
color: #666666;
text-align:center;
font-size: 11px;
}

/*****************************************
        header
******************************************/

#logo{width:137px;height:82px;display:block; float: left;}
#topnavi{width:900px;height:25px;margin:136px 0 0 100px;background-color: #e2ddce;color:#80433e;font-size:13px;font-weight:600;font-family: "Times New Roman", Times, serif;text-transform:uppercase; text-decoration:none;word-spacing:4px;float:left;}
.topnavitem{display: block;width:180px;height:25px;padding:8px 0px 0px 0px;background-image: url(../images/devider_menu.gif);background-repeat: repeat-y;float: left;background-color: #e2ddce;text-align: center;}
.item-1{background-image: none;}
#topnavi a:link {text-decoration:none; color:#80433e;;}
#topnavi a:visited {text-decoration:none; color:#80433e;}
#topnavi a:hover {text-decoration:none; color:#000000;}
#topnavi a:active {text-decoration:none; color:#80433e;}

#rss {float: right;}

/*****************************************
        main
******************************************/

#main .pagetitel{display:inline;font-size: 14px;color: #333333;font-weight: bold;}
#main a:link {font-weight:bold; color: #80433e;text-decoration:none;}
#main a:visited {font-weight:bold;color: #80433e;text-decoration:none;}
#main a:hover {font-weight:bold;color:#80433e;text-decoration:underline;}
/* ul li{list-style-type: circle;list-style-image: url(../images/page/menu-leaf.gif);list-style-position: outside;}*/
.fpimg{margin:0px 10px 10px 0px;}

/**************************************
		left and right side 
*************************************/

#leftside p, #rightside p { margin: 0 0 1em 0; }

/*****************************************
        footer
******************************************/

#footer a, #footer_large a{color: #666666;text-decoration: none;font-variant: normal;}
#footer a:hover, #footer_large a:hover{color: #666666;text-decoration: underline;font-variant: normal;}

/*****************************************
        index
******************************************/



/**************************************
		FORM 
*************************************/

input,
select,
textarea
{
    border: 1px solid #D1D1D1;
}

input[type='radio'],input[type='checkbox']{border: none;}

input.image{border: 1px solid transparent;}

form input.submit_image {border:none;}
form p{padding-top:15px;}

table.form_table td {height:20px;padding: 4px 12px;}

table.member_login{width:400px;margin: 20px 5px;}
table.member_login td{height:20px;padding: 4px 12px;} 
 
.mandatory_field {
    background-repeat: no-repeat;
    background-position: center right;
    padding: 2px 10px 0px 0px;
    background-image: url(../images/page/mandatory_field.gif);
}

/************************************************************
			Notifications
*************************************************************/

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.error ul li{list-style-type:disc;}
	


/************************************************************
			Forum
*************************************************************/

.forum {font-size: 12px; color: #333333;border-style:none;border-collapse:collapse;padding:0;margin:0;border-bottom: 15px solid #93A8AE;}
.forum th {height:20px;padding:5px 7px 5px 5px;font-size: 13px;font-weight: bold;color: #333333;text-align:left; background-color: #93A8AE; border-bottom: 1px solid #F6F6F6;}
.forum td {height:35px;padding:5px 7px 15px 5px; vertical-align: text-top; border-style:none;border-collapse:collapse;border-right: 1px solid #E6E6E6;border-left: 1px solid #E6E6E6;}
.forum td .icon{margin-top:7px;}
.forum .Alternate{	background-color:#E9EAEA;}
.forum .Header{background-color:#DFEEFD;font-weight:bold;}
.forum .CellSelected{background-color:#F6F6F6;}
.forum .White{	}

/************************************************************
			Normal table
*************************************************************/

.normtable {font-size: 12px; color: #333333;border:1px solid #cccccc;border-collapse:collapse;padding:0;margin:0;}
.normtable th {height:20px;padding:5px;font-size: 13px;font-weight: bold;color: #333333;text-align:left; background-color: #E2DDCF;border: 1px solid #C9C9C9;}
.normtable td {height:20px;padding:5px; vertical-align: text-top; border-collapse:collapse;border: 1px solid #cccccc;}
.normtable .tablefooter{border-top: 2px solid #C9C9C9;font-weight: bold;}

/************************************************************
			List Zebra
*************************************************************/

.listzebra {font-size: 12px; color: #333333;padding:0;margin:0;border-collapse:collapse;}
.listzebra th {height:20px;padding:5px;font-size: 13px;font-weight: bold;color: #333333;text-align:left; border: 1px solid #BEC3CD;}
.listzebra td {height:20px;padding:5px; vertical-align:middle; border-collapse:collapse;border: 1px solid #BEC3CD;}
/*.listzebra .White {background-color: #F4F5F8;}
.listzebra .Alternate {background-color: #F0F0F0;}*/
.listzebra td b {color: #6D6E71;}


/************************************************************
			Order table
*************************************************************/

.ordertable {border-style:none;border-collapse:collapse;padding:0;margin:0;}
.ordertable td {padding:5px 0; vertical-align:top; border-collapse:collapse;border-bottom: 1px solid #ccd3da;}
.ordertable img {border: 3px solid #C9C9C9; padding:0;margin:0;}

/************************************************************
			"command" label
*************************************************************/

.comlabel {font-size: 11px;color:#003399;font-weight:bold;text-decoration:none;}
.comlabel a:link {color: #003399;text-decoration:none;}
.comlabel a:visited {color: #003399;text-decoration:none;}
.comlabel a:hover {color:#003399;text-decoration:underline;}

/************************************************************
			Left navi
*************************************************************/
.lm_verh {margin:0;padding:0;height:11px;width:169px;}
.lm_niz {margin:0;padding:0;height:11px;width:169px;}
.lm_cont {margin:0 0 20px 0;padding:0 0 0 22px;height:auto;width:169px;overflow:hidden;font-family: Georgia,"Times New Roman", Times, serif;}
.lm_header {height:23px;width:165px;color:#80433e;font-size: 14px;font-weight: bold;text-align:left;text-decoration: none;padding-top: 2px;}
.lm_item {margin:0;width:165px;top:0px;list-style-type: circle;list-style-image: url(../images/bull.gif);list-style-position: inside;/*background-image: url(../images/bull.gif);background-repeat: no-repeat;background-position: 0pt 10px;*/color: #685752;font-size: 13px;text-align:left;text-decoration: none;cursor:pointer;padding: 5px 5px 0 5px;}
.lm_item a:link {color: #685752;text-decoration:none;}
.lm_item a:visited {color: #685752;text-decoration:none;}
.lm_item a:hover {color:#685752;;text-decoration:underline;}
/************************************************************
			ad's
*************************************************************/
.ad
{
	height:200px; 
	width:680px; 
	margin: 5px 0px 5px 0px; 
	padding: 0px 0px 0px 0px; 
	overflow:hidden;
    border:1px solid #cccccc;
}
.ad_img
{
	width:220px; vertical-align:top; float:left;
	margin: 0px; 
	padding: 10px 0px 0px 5px; 
}

.ad_img img{ border:1px solid #ffffff;}

.ad_right
{
	width:450px;height:170px; vertical-align:top; float:left;
}
.ad_text
{
	width:100%;height:125px; vertical-align:top;
	margin: 0px;padding: 10px 0px 0px 0px; 
	font-size: 13px;font-weight:400;text-indent: 20px;line-height: 20px;
	overflow:hidden;
}
.ad_footer{width:100%;height:18px;margin:0px; padding:5px 10px 0px 0px;font-size:13px;text-align:right;}
.ad_header{height:20px;width:100%;margin:0px;padding:5px 0px;font-size:13px;font-weight:600;text-align:center;background-color: #e2ddce;color:#80433e;}


/************************************************************
			Gallery
*************************************************************/


.gallery_item
{
	height:200px; 
	width:130px; 
	float:left; 
	margin: 0px 5px 15px 5px; 
	padding: 0px 0px 10px 0px; 
	overflow:hidden;
	font-size: 11px;
    font-weight: 800; 
    border:1px solid #cccccc;
}

.gallery_item_top{height:30px; overflow:hidden;padding-left:5px;border-bottom:1px solid #cccccc}
.gallery_item_imagebox{height:140px; overflow:hidden;border-bottom:1px solid #cccccc;}
.gallery_item_imagebox img{display:block;margin-left:auto;margin-right:auto;border:1px solid #cccccc;}
.gallery_item_bottom{height:30px; overflow:hidden;padding-left:5px;}
.gallery_item_edit{height:30px; overflow:hidden;padding:2px 0 0 5px;border-top:1px solid #cccccc;}
.gallery_item a:link {color: #8c8c8c;text-decoration:none;}
.gallery_item a:visited {color: #8c8c8c;text-decoration:none;}
.gallery_item a:hover {color:#8c8c8c;text-decoration:underline;}

/************************************************************
			Pagination
*************************************************************/

  .pagenavi{}
  .pagenavi a{text-decoration: none; font-size: 11px; line-height: 20px;  color:#333; background: url(../images/page/paging-bg.jpg) no-repeat right top; height: 20px; float: left; padding: 0 7px 0 0; margin-right: 5px}
  .pagenavi a span{background: url(../images/page/paging-bg.jpg) no-repeat left top; height: 20px; display: block; float: left; padding: 0 0 0 7px}
  .pagenavi a:hover{background: url(../images/page/paging-bg.jpg) no-repeat right -40px;}
  .pagenavi a:hover span{background: url(../images/page/paging-bg.jpg) no-repeat left -40px;}  
  .pagenavi a.current{background: url(../images/page/paging-bg.jpg) no-repeat right -20px;}
  .pagenavi a.current span{background: url(../images/page/paging-bg.jpg) no-repeat left -20px; font-weight: bold;}
  .pagenavi a.arrow{font-size: 14px; line-height: 17px}
  .pagenavi .left{margin-right: 10px; float: left}
  .pagenavi .right{margin-left: 10px; float: left}

