/* CSS Document */

div, span, body, h1, h2, h3, h4, p, a, ul, li, font, input, textarea, option, select, button{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

body {
	margin: 100px 0px 0px 0px;
	background-color:#B5B6A8;
}

#site {
	position: relative ;
	margin:0 auto;
	width:669px;
}

.cleaner {
	clear:both;
}

a {
	text-decoration:none;
	color:#000000;
}

.float {
	float:left;
}

.floatr {
	float:right;
}

a:hover {
	text-decoration:underline;
}

h1, h2, h3, h4, form {
	padding:0;
	margin:0;
}

p {
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}


/******************************************************************/
/************************* LEFT BAR *******************************/
/******************************************************************/


#left {
	position:absolute;
	top: -65px;
	left: -150px;
	min-height:100px;
	_height:100px;
	width:140px;
}

#left #logo {
	position:relative ;
	padding:0px 0px 0px 40px;
}

#left #logo img {
	border: none;
	cursor: pointer;
}

#left .menu {
	position:relative ;
	margin:10px 0px 0px 0px;
}


#left .border {
	margin:20px 0px 0px 0px;
	border-top:1px solid #FFFFFF;
	padding-top: 5px;
}

#left .menu .item {
	position:relative;
	text-align:right;
	margin:5px 10px 5px 0px;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
}

#left .menu .dot{
	padding-right: 15px;
	background: url(template/icon00.png) no-repeat right;
}	
	
#left .menu .header {
	text-decoration: underline;
		
}

#left .menu .item a {
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;	
}


#left .menu .submenu {
	position:relative;
	text-align:right;
	margin:5px 0px 5px 0px;
	font-weight:bold;
	font-size:11px;
}

#left .menu .submenu .item {
	margin-right:0px;
	padding-right: 15px;
	background:url(template/icon00.png) no-repeat right ;
	
}

#left .menu .submenu .item a {
	color: #D6D6CC;
	font-size:11px;	
}

/******************************************************************/
/************************** TOP MENU ******************************/
/******************************************************************/

#top {
	position:absolute;
	top: -42px;
	left: 0px;
	width:: 100%;
	padding:0px 0px 0px 0px;
}
#top .item {
	float:right;
	margin:1px 0px 3px 60px;
	height:36px;
	border-left:1px solid #FFFFFF ;
	color:#FFFFFF;
	padding:0px 12px 0px 10px;
	cursor:pointer;
}

#top .item a {
	color:#FFFFFF;
}

#top .selected {
	height:34px;
	padding:0px 11px 0px 10px;
	background-color:#C5C6B8;
	border:1px solid #FFFFFF ;
	
}

#top .hover {
	height:18px;
	padding:16px 11px 0px 10px;
	background-color:#C5C6B8;
	border:1px solid #FFFFFF ;
	
}

#top .hover a{
	text-decoration:none;
}


/******************************************************************/
/*************************** LOGIN ********************************/
/******************************************************************/

#login {
	position:absolute;
	top: -90px;
	left: 200px;
	width: 403px;
	height:25px;
	text-align:right;
	padding:2px 10px 2px 2px;
}

#login input {
	width: 70px;
	margin-right:10px;
}

#login label {
	color: #FFFFFF;
	font-weight:bold;
	padding-left:5px;
}

.flags {
	position:absolute;
	top: -88px;
	left: 613px;
	width: 100px;
	height:25px;
}

* html .flags {
	top: -87px;
}

.flags .flag {
	padding:1px;
	border: 1px solid #CCCCCC;
}

#login .submit {
	cursor:pointer;
	color: #FFFFFF;
	font-weight:bold;	
	border: 1px solid #CCCCCC;
	padding:3px 3px 3px 3px;	
}	

/******************************************************************/
/*************************** HEADER *******************************/
/******************************************************************/

#main {
	position:relative;
	width:643px;
	padding:10px 13px 5px 13px;
	background-color:#FFFFFF;
}

#main .image {
	position:relative;
}

#main .title_cover {
	position:absolute;
	top:270px;
	left:0px;
	filter: alpha(opacity=40); 
	-moz-opacity: .40; 
	opacity: .40;
	background-color:#CCFFFF;
	height: 40px;
	width:642px;
}

#main .title {
	font-weight:bold;
	position:absolute;
	top:292px;
	left:30px;
	color:#FFFFFF;
	font-size:13px;
	letter-spacing:2px;
}

#main .main img {
	height:326px;
}

#path {
	position:relative;
	padding:0px 0px 5px 178px;
	background-color:#FFFFFF;
	color: #ACACA2;
}

#path a {
	color: #ACACA2;
}	



/******************************************************************/
/*************************** FOOTER *******************************/
/******************************************************************/


#footer, #design {
	position:relative;
	margin:10px 0px 10px 0px;
	text-align:center;
}

#footer {
	height:12px;
}

#footer .item {
	display:inline;
	margin-left:10px;
	border-left:1px solid #FFFFFF ;
	color:#FFFFFF;
	padding:0px 0px 0px 10px;
	cursor:pointer;
}

#footer .item a, #design .item a  {
	color:#FFFFFF;
}

#footer .first {
	margin-left:0px;
	border:none;
}

#design .item {
	display:block;
	height:18px;
	color:#FFFFFF;
}

#pagelinks {
	position:relative;
	padding:0px 10px 8px 10px;
	text-align:right;
}

#pagelinks .item {
	display:inline;
	color:#858678;
	padding:4px 2px 4px 5px;
	cursor:pointer;
	margin-left: 10px;
	border:1px solid #858678;
}

#awards {
	position:absolute;
	display:block;
	width:100px;
	bottom:4px;
	height:250px;
	left:-100px;
}


#link_1 {
	position:absolute;
	display:block;
	height:48px;
	bottom:-30px;
	left:-55px;
	cursor: pointer;
	border: none;
}

#awards .item {
	position:block;
	margin:5px 14px 0px 0px;
	border:none;
	width:82px;
	padding:1px;
	border: 1px solid #CCCCCC;
	height: auto !important;
}

#award-border {
	margin-top:5px;
	width:82px;
	padding:1px;
	border: 1px solid #CCCCCC;
	height: auto !important;
}

#flash-border {
	margin-top:10px;
	width:82px;
	padding:1px;
	border: 1px solid #CCCCCC;
}


/******************************************************************/
/************************** CONTENT *******************************/
/******************************************************************/


#content {
	position:relative;
	width:643px;
	padding:0px 13px 10px 13px;
	background-color:#FFFFFF;
}

#content .float {
	margin:0px 20px 20px 10px;
	padding:5px 0px 5px 15px;
	border-left: 1px solid #B5B6AE;
}

#content .data {
	position:relative;
	width:450px;
	margin:0px 20px 20px 150px;
	padding:5px 0px 5px 15px;
	border-left: 1px solid #B5B6AE;
}

#content .data .title {
	color:#9A9C6D;
	padding:0px 0px 5px 0px;
	font-size:14px;
	font-weight:bold;
}

#content .data .text, #content .data .text * {
	color:#898989;
	font-size:11px;
}

#content .sidemenu {
	position:absolute;
	top:0px;
	left:0px;
	width:140px;
	margin:0px 20px 20px 10px;
	padding:5px 0px 5px 15px;
	border-left: 1px solid #B5B6AE;
}

#content .sidemenu .item {
	position:relative;
	margin:5px 10px 5px 0px;
	font-weight:bold;
	font-size:11px;
}

#content .sidemenu .item a {
	color:#ACACA2;
	font-weight:bold;
	font-size:11px;	
}

/******************************************************************/
/**************************** ALBUM *******************************/
/******************************************************************/

#content .data .text .image {
	float: left;
	display: block;
	width: 94px;
	height: 84px;
	margin: 8px 4px 4px 10px;
}

#content .data .text .image img {
	width:90px;
	height:80px;
	padding: 1px;
	border:1px solid #B5B6A8;
}

/******************************************************************/
/**************************** FORMS *******************************/
/******************************************************************/

#userforms {
	position:relative;
	width:643px;
	padding:0px 13px 10px 13px;
	background-color:#FFFFFF;
}

/******************************************************************/
/***************************** FORM *******************************/
/******************************************************************/

.form {
	position:relative;
	margin:0px 0px 10px 0px;
	text-align: left ;
	padding: 4px 5px 4px 5px;
	color: #808080;
	background-color: #F5F6F8 ;
	border-top: 2px solid #91BCC2;
	border-bottom: 2px solid #91BCC2;
}


.form * {
	color: #5C5F64;
}

.form button {
	position: relative ;
	height:20px;
	margin: 2px 0px 2px 0px;
	left: 200px;
	width:80px;
}

.form .errortext {
	position: relative ;
	height:20px;
	margin: 2px 0px 2px 0px;
	text-align: center ;
	color: #A11770;
	letter-spacing: 2px;
}

.form .item {
	position: relative ;
	height:25px;
	margin: 2px 0px 2px 0px;
	left: 20px;
	width:400px;
}

.form .item .tip{
	text-decoration: underline;
	padding-right: 15px;
	background: url(icons/14px-Information_icon.svg.png) right no-repeat; 
}

* html .form .item .tip {
	background: url(icons/14px-Information_icon.gif) right no-repeat; 		
}

.form .shopitems {
	position: relative ;
}

.form .shopdetails {
	position: relative ;
}

.form .shopitem {
	position: relative ;
	height:25px;
	margin: 2px 0px 2px 0px;
	left: 80px;
	width:220px;
}

.form .add {
	position: absolute;
	top:-22px;
	left:300px;
	width:10px;
	color:#5C5F64;
	cursor: pointer;
	height: 10px;
}

.form .header {
	position: relative ;
	height:25px;
	margin: 2px 0px 2px 0px;
	left: 80px;
	width:300px;
}

.form .header .label1 {
	position: absolute ;
	top:2px ;
	left:40px;	
	width: 120px;		
	text-align: center; 
}

.form .header .label2 {
	position: absolute ;
	top:2px ;
	left:180px;	
	width: 30px;
	text-align: center; 
}

.form .shopitem .input {
	position: absolute ;
	top: 2px ;
	left: 40px ;	
	width: 120px ;	
}

.form .shopitem .count {
	position: absolute ;
	top: 2px ;
	left: 190px ;	
	width: 15px ;	
}

.form .item label {
	position: absolute ;
	top:2px ;
	left:10px;
	width: 200px;
	text-align: right; 
}


.form .item select {
	position: absolute ;
	top:2px ;
	left:220px;	
	width: 120px;	
}

.form .item input {
	position: absolute ;
	top:2px ;
	left:220px;	
	width: 120px;	
}

.form .item .cal {
	position: relative ;
	top:4px ;
	left:350px ;		
}

.form .itemtext {
	position: relative ;
	height:100px;
	margin: 2px 0px 2px 0px;
	left: 0px;
	width:220px;
}

.form .itemtext label {
	position: absolute ;
	top:40px ;
	left:0px;
	width: 80px;
	text-align: right; 
}

.form .itemtext textarea {
	position: absolute ;
	top:2px ;
	left:100px;	
	width: 320px;	
	height: 90px;
}

.caldummy {
	position:absolute;
	visibility:hidden;
	background-color:white;
	layer-background-color:white;
	z-index: 100;
}
