﻿ /*
=============================================================
Mega Script Studio Copyright © 2006-2010 www.megascript.net
File 'style.css' - Cascading Style Sheet (CSS) Document
=============================================================
*/
body {
	border:0;
	text-align:center;
	font-family:Cambria,Georgia,Times,TimesNewRoman,serif;
	font-size:15px;
}
/* ==================== */
a,a:link,a:visited {
	color:#004276;
	text-decoration:none;
	outline:none
}
a:hover {
	text-decoration:underline
}
a img {
	border:none
}
/* ==================== */
#container {
	width:1010px;
	margin:0px auto;
	text-align:left;
	padding:5px;
}
/* ==================== */
#container_inner {
	width:1000px;
	margin:0px auto;
	border:1px solid #b0c4c2;
}
/* ==================== */
#header {
	margin: 10px 10px 10px 10px;
	border:1px solid #ccc;
}
.header_image {
	float:left;
	margin:5px;
	padding:10px;
	width: 200px;
}
.header_image img {
	border: 0;
}
#user_block {
	width: 710px;

	float: right;
}
/* ==================== */
.top_links {
	float:left;
	font-family:Arial,HelveticaNeue,Helvetica,sans-serif;
	text-transform:uppercase;
	padding-top:5px;
	font-size:12px;
}
.top_bar {
	border-top: 1px solid#E0E0E0;
	border-bottom: 1px solid#E0E0E0;
	padding: 5px 5px 5px 25px; 
}
/*============*/
.top_bar_drop {
	border-top: 1px solid#E0E0E0;
	border-bottom: 1px solid#E0E0E0;
	padding: 5px 5px 5px 25px; 
}
.top_bar_drop ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.top_bar_drop ul li {
	/*width:150px;*/
	float:left;
	/*line-height:40px;*/
	display:block;
	/*background-color:maroon;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px
}
.top_bar_drop ul li a {
	color:#FFFFFF;
	text-decoration:none;
	padding-left:10px;
	display:block;
}
.top_bar_drop ul li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	background-color:#CC3300;
}
.top_bar_drop ul li ul {
	display:none;
	position: absolute;
	width:150px;
}
.top_bar_drop ul li:hover ul{
	display: block;
}
/*============*/
.search {
	text-align:right;
}
.search a {
	font-weight:bold;
	padding-left:5px;
	font-family:Arial,HelveticaNeue,Helvetica,sans-serif;
	font-size:11px
}

.banner_top {
	width:468px;
	float:left;
	margin-left:200px;
	padding:5px;
}
.banner_right {
	text-align:center;
	margin-bottom:10px;
	background:#f0f0f0;
	border:1px solid #e5e5e5;
	padding:10px 0;
}
/* ==================== */
.clearer {
	clear:both;
	display:block;
	visibility:hidden;
}
/* ==================== */
#content {
	padding:12px;
	overflow:hidden;
}
/* ==================== */
#right {
	width:300px;
	height:auto;
	float:left;
	overflow:hidden;
	border:1px solid#cccccc;
}
/* ==================== */
#center {
	overflow:hidden;
	padding: 15px;
	border:1px solid#cccccc;
}
/* ==================== */
.footer {
	background:#666;
	font-family:Arial,HelveticaNeue,Helvetica,sans-serif;
	text-align:center;
	margin:10px 20px;
	color:#c6c6c6;
	font-size:12px
}
.footer a {
	color:#c6c6c6
}
.footer a:hover {
	color:#fff
}
.footer ul {
	text-transform:uppercase;
	padding:5px 0px;margin:0
}
.footer li {
	display:inline;
	padding:0px 3px
}
#footer_teaser_block {
	display: block;
	border: 1px solid#E0E0E0;
	margin: 0px auto;
	padding: 15px;
}
.copyright {
	font-family:Arial,HelveticaNeue,Helvetica,sans-serif;
	text-align:center;
	margin:10px 20px;
	color:#000;
	font-size:12px;
}
/* ==================== */
#menu {
	width: 200px;
	margin: 10px;
}
#menu li a {
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 24px;
	text-decoration: none;
}
#menu li a:link, #menu li a:visited {
	color: #4D4D4D;
	display: block;
	background:  url(../images/menu.gif);
	padding: 8px 0 0 10px;
}
#menu li a:hover, #menu li #current {
	color: #FF9834;
	background:  url(../images/menu.gif) 0 -32px;
	padding: 8px 0 0 10px;
}
#menu h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu img {
	border: none;
}
/* ==================== */
.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff !important;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.myButton:active {
	position:relative;
	top:1px;
}
/* ==================== */
.myDropButton {
	/*width: 150px;
	height: 30px;*/
	min-width: 100px;
	margin:2px;
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff !important;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}.myDropButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.myDropButton:active {
	position:relative;
	top:1px;
}
/*============*/
.error {
	color: red;
	font-size:18px;
}
.message {
	color: green;
	font-size:18px;
}
/*===================*/
#main_page_block {
	display: block;
	padding: 5px;
}
#main_page_block a {color: #008080; text-decoration: underline;}
#main_page_block a:hover {color: #005858; text-decoration: none;}
.main_page_title {
	font-size: 32px;
	font-style: italic;
	padding: 10px;
	margin: 10px;
}

.main_page_post {
	font-family: sans-serif;
	font-size: 12px;
	color: #585858;
	line-height: 18px;
}
/*============*/
.portlet {
	background: #FFF;    
	margin-bottom: 1.5em;
	/*position: relative;*/
	border: 1px solid #CCC;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.10);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.10);
	box-shadow: 1px 1px 2px rgba(0,0,0,.10);
}
.portlet-header{
	background: #F0F0F0 url(../images/portlet-header-bg.png) repeat-x 0 0;
	color: #444;
	text-align: left;
	padding: 0;
	width: 100%;
	cursor: pointer;        
	/*position: relative;*/
	overflow: hidden;
	border-bottom: 1px solid #CCC;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;

}
.x12 { width: 940px; }
.portlet-header h4 {
	font-size: 14px;
	color: #666;
	line-height:1.25; 
	margin-bottom: 1.25em;
	padding-left:20px;
}

.x777 { width: 600px; }
.portlet-header h4 {
	font-size: 14px;
	color: #666;
	line-height:1.25; 
	margin-bottom: 1.25em;
	padding-left:20px;
}


.x1, .x2, .x3, .x4, 
.x5, .x6, .x7, .x8, 
.x9, .x10, .x11,  .x12 
{
	margin: 0 10px 1.5em;
	float: left;
}
.portlet-content {
	padding: 20px 15px 15px; 
	/*position: relative; */
}

.portlet-login {
	border:1px solid #b0c4c2;
	/*position: relative; */
}

/*============*/
#menu_block {
	width:975px;
	margin:0 auto;
	overflow:hidden;
	height:44px;
	background-image:url(../images/menu_bg.jpg);
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
}
#menu_block ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu_block ul li {
	width:150px;
	float:left;
	line-height:40px;
	display:block;
}
#menu_block ul li a {
	color:#262626;
	text-decoration:none;
	padding-left:10px;
	display:block;
}
#menu_block ul li.first_point a {
	margin-left:10px;
}
#menu_block ul li.first_point a:hover {
	margin-left:10px;
}
#menu_block ul.menu_category {
	width:170px;
}
#menu_block ul li.menu_category a {
	width:170px;
	background-color:#404b51;
	border-bottom:1px solid#CCC;
	color:#fff;
	auto;opacity:0.8;
}
#menu_block ul li.menu_category a:hover {
	width:170px;
	background-color:#72838c;
	border-bottom:1px solid#CCC;
	color:#fff;
}
#menu_block ul li a:hover {
	color:#1589df;
	text-decoration:underline;
	/*background-color:#CC3300;*/
}
#menu_block ul li ul {
	display:none;
	position: absolute;
	width:100px;
}
#menu_block ul li:hover ul{
	display: block;
}
/*============*/
.menu_function {
	width:250px;
	float:right;
}
.menu_function li.auth {
	width:100px !important;
	display:block;
	line-height:40px;
	float:left;
}
.menu_function li.lang {
	width:35px !important;
	height:40px;
	float:left;
	padding: 14px 0 0 0;
}
.menu_function li.rss {
	width:60px !important;
	float:left;
	padding:5px 0 0 0;
}
/* -------------------------------------------------------------
FORM
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.form { padding: 0; margin: 0; }
.form .field { width: 100%; float: left; }
.form .field_help { margin-left: 50px; margin-right: 15px; font-size: 80%; color: #777; }



.form .field_help_ll { margin-right: 15px; font-size: 90%; color: #777; }

.user_block { margin-top: 40px; font-size: 90%; color: #777; }


.form label, 
.form span.label { color: #444; margin-right: 10px; padding-right: 10px; width: 125px; display: block; float: left;  font-weight: bold; text-align: right; position: relative; }
.form label em, 
.form span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
.form input:focus,
.form input.error:focus, 
.form textarea:focus {    background-color: #FFC; border-color: #FC6; }
.form .upload { margin-bottom: -5em;}
.form select {min-width: 150px;}


.form .buttonrow { float: left; margin-top: 1em; margin-bottom: 2.5em; margin-left: 145px; display: block; }
.form .cancel { font-size: 11px; color: #C00; padding-left: 10px; }
.form .field { margin-bottom: 1.5em; }
.form .uploader { margin-bottom: .5em !important; }
.form .field input,
.form .field textarea
{
	padding: 4px;
	margin-right: 1em;
	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.form .phone_field input { margin-right: 0; }
/*
.form .xsmall { width: 50px; }
.form .small { width: 100px; }
.form .medium { width: 200px; }
.form .large { width: 300px; }
.form .xlarge { width: 400px; }
*/

/* Label top styles */
.label-top .field label { width: 100%; display: block; text-align: left; }
.label-top .field span.label { width: 100%; display: block; float: left; text-align: left; position: relative; }
.label-top .field .field_help { margin-left: 0; font-size: 11px; }
.label-top .buttonrow { margin-left: 0; }
.label-top .selector { width: 100%; display: block; float: left; }

.form div.controlset label, 
.form div.controlset input { display: inline; float: none; }
.form .controlset label {font-size: 11px; font-weight: normal !important; }
.controlset { margin-bottom: 2.5em; float: left; }
.controlset .controlset-pad { width: 300px; float: left;  }

.img_block {
	padding: 20px;
	overflow: hidden;
}
/* -------------------------------------------------------------- 
   Buttons
-------------------------------------------------------------- */
.btn,
.btn-icon,
.btn-mini
{
	background-repeat: repeat-x;
	color: #FFF;    
	font-weight: bold;
	display: inline-block;    
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	padding: 0 15px 4px;
	margin: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);
	cursor: pointer;
	position: relative;
}
	
	/* Active/Click state */
	.btn:active, .btn-icon:active, .btn-mini:active { top: 1px; }


/* Sizes */
.btn, .btn-icon { background-position: 0 -80px; font-size: 12px; height: 32px; line-height: 29px; }
.btn.btn-small, .btn-icon.btn-small { background-position: 0 0; font-size: 10px; height: 26px; line-height: 23px; }
.btn.btn-large, .btn-icon.btn-large { background-position: 0 -160px; font-size: 15px; height: 42px; line-height: 40px; }

	/* Sizes - Line height for A buttons need to be different */
	a.btn, a.btn-icon { height: 32px; line-height: 32px; padding-bottom: 0; }
	a.btn.btn-small, a.btn-icon.btn-small { line-height: 26px; padding-bottom: 0; }
	a.btn.btn-large, a.btn-icon.btn-large { line-height: 42px; padding-bottom: 0; }
	

/* Fix the button in IE7 :-( */
*+html .btn, *+html .btn-icon { border-color: none ; border: 1px solid transparent; }



/* Set default button colors */
.btn, .btn-icon, .btn-mini {  background-image: url(../images/bg-lite.png); background-color: #263849; border-color: #16222C; }
.btn:hover, .btn-icon:hover, .btn-mini:hover { background-color: #16222C; color: #FFF; }

.btn-orange { background-color: #F90; border-color: #D58000; }
.btn-orange:hover { background-color: #D58000; }

.btn-grey { background-color: #999; border-color: #888; }
.btn-grey:hover { background-color: #888; }



/* Images Overlays - Gradient Effect */
/* 50% Opacity for darker colors */
.btn-grey { background-image: url(../images/bg-dark.png) !important; }


/* 65% opacity for lighter colors */
.btn-orange { background-image: url(../images/bg-lite.png) !important; }


/* Icon Button Styles */
.btn-icon { padding-left: 32px !important; }
*+html .btn-icon { padding-left: 20px !important; padding-right: 5px !important; }

.btn-icon span
{
	background-image: url(../images/amp-btn-icon-sprite.png); 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	width: 16px; 
	height: 16px; 
	position: absolute; 
	left: 6px; 
	top: 6px;
}

	.btn-icon.btn-small span { top: 4px; }
	.btn-icon.btn-large span { top: 12px; }
	@-moz-document url-prefix() { .btn-icon span { left: -24px; top: 0px; } .btn-icon.btn-small span { top: -1px; } .btn-icon.btn-large span { top: 4px; } } 


/* Mini Buttons */
.btn-mini 
{ 
	background-position: 0 0; 
	width: 32px; 
	height: 26px !important; 
	line-height: 500px !important; 
	overflow: hidden;
	padding: 0; 
}

	.btn-mini span 
	{ 
		background-image: url(../images/amp-btn-icon-sprite.png); 
		background-repeat: no-repeat; 
		display: block;
		width: 16px; 
		height: 16px;
		line-height: 0;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -8px;
		margin-top: -8px;
	}
	
	
/* Icon Classes */
.btn-arrow-down span { background-position: -48px 0; }
.btn-arrow-up span { background-position: -32px 0; }
.btn-arrow-right span { background-position: -16px 0; }
.btn-arrow-left span { background-position: 0 0; }
.btn-comment span { background-position: -112px 0; }
.btn-heart span { background-position: -96px 0; }
.btn-star span { background-position: -80px 0; }
.btn-cart span { background-position: -64px 0; }
.btn-print span { background-position: -128px 0; }
.btn-rss span { background-position: -144px 0; }
.btn-person span { background-position: 0 -16px; }
.btn-check span { background-position: -16px -16px; }
.btn-dollar span { background-position: -32px -16px; }
.btn-refresh span { background-position: -48px -16px; }
.btn-home span { background-position: -64px -16px; }
.btn-plus span { background-position: -80px -16px; }
.btn-minus span { background-position: -96px -16px; }
.btn-cross span { background-position: -112px -16px; }
	
	
/* Transparent Button Styles */
.btn-transparent, .btn-transparent:hover { background-image: url(../images/bg-lite.png); background-color: transparent; filter: none; border-color: transparent\0/; border-color: rgba(0,0,0,.4) !important; margin: 0 1em 0 0; }
*+html .btn-transparent { border: none; }




