/* CSS Document */

/*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*
*					Common & global
*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*/

body {color:#222;}
a {color:#ff6000;}
a:hover {text-decoration:underline}
a:visited {color:#b34400;}

.log-info {background: #D5E1FF;}
.log-warning {background: #FFEDD5;}
.log-error {background: #FFC1C1;}
.log-success {background: #97FF97;}

h1 {
	background: url('../img/h1-deco.png') no-repeat 0 50%;
	padding-left:30px;
	font-size:24px;
	color:#ff6000;
}

h1.clean {background: none;}

h2 a {color:#077dd1;}

span.netto {color: #ff6600;}
span.brutto {}

#your-suggestion {
	position: fixed;
	right:0;
	top:30%;
}

#fromwebphoto {
	position: fixed;
	z-index:100000;
	left:20px;
	top:20px;
	min-width:800px;
	min-height:600px;
	bottom:20px;
	right:20px;
	background: url('../../../photos/redirected-webphoto.jpg') no-repeat 50% 0 white;
	opacity:0.97;
}

#whole {
	width:1100px;
	border:solid 1px #ccc;
	min-height:700px;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
	height:100%;
}

.index-module {
	background: url('../img/shade.png') repeat-x;
	border:solid 1px #ccc;
   	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:350px;
	min-height:150px;
	float:left;
	margin-left:1em;
	margin-top:1em;
	position: relative;
}

.index-module:hover {
	border-color:#ff6000;
	background: url('../img/shade-on.png') repeat-x #ffe9d9;
}

.index-module div.button {
	position: absolute;
	left:0.5em;
	bottom:1em;
	text-align:center;
	width:100%;
}

#browse-info {}

#browse-info p {
	font-size:11px;
}

#browse-content {
	margin-top:10px;
	background:transparent url(../img/element-shadow.jpg) repeat-x scroll 0 0;
	border-top:1px solid #AAAAAA;
	padding-top:20px;
}


table tr.summary td {
	background: #E7E7E7;
	font-weight:bold;
	border-top:solid 1px #555;
}

table tr.summary td:first-child {text-align:right;}

table tr.total td {
	background: #E7E7E7;
	font-weight:bold;
	border-top:solid 1px #555;
	font-size:14px;
	font-weight: bold;
}

table tr.total td:first-child {text-align:right;}

table tr.total td.total {background:#ff6000;}
table tr.total td.total span.netto {color:#eee;}
table tr.total td.total span.brutto {font-size:16px;color:#fff;}

/*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*
*					Framework override
*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*/

div.mui_window div.window-title {
	background: url('../img/window-title.png') repeat-x;
}


/*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*
*					TOP AREA
*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*/

#top-area {height:223px;}

#top-stripe {
	height:30px;
	background: url('../img/top-stripe.png') repeat-x #E0E0E0;
	position: relative;
}

#top-stripe #top-basket {
	position: absolute;
	right:5px;
	top:5px;
	height:25px;
	background: url('../img/top-basket-icon.png') no-repeat 0 0px;
	padding-left:28px;
}

#top-stripe #top-user-menu {
	position: absolute;
	left:5px;
	top:5px;
}
#top-stripe #top-user-menu li {display: inline;}

#top-banner {
	height: 180px;
	background: url('../img/top-banner.jpg') no-repeat;
	position: relative;
}

#top-banner #top-logo {
	position: absolute;
	left:29px;
	top:35px;
}

#top-banner #top-menu {
	position: absolute;
	width:330px;
	height:180px;
	top:0;
	left:330px;
}
#top-banner #top-menu a {color:#fff;}

#top-banner #top-menu ul {
	margin-left:35px;
	margin-top:30px;
}

#top-banner #top-menu li {
	display: block;
	height:25px;
	background: url('../img/top-menu-item-bg.png') no-repeat left bottom;
	margin-top:4px;
}

#top-banner #top-menu a {background: url('../img/top-menu-item.png') no-repeat;padding-left:25px;}

#top-banner #top-commercial {
	position: absolute;
	top:20px;
	left:665px;
}

#top-deco-stripe {
	margin-top:2px;
	height:9px;
	width:100%;
	background: url('../img/top-deco-stripe.png') repeat-x;
}

/*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*
*					Sidebar
*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*/

#sidebar {
	float:left;
	width:329px;
	min-height:800px;
	margin-right:2px;
	border-right:solid 1px #ccc;
	font-size:11px;
	background: #f7f7f7;
}

#sidebar ul {margin-left:20px;margin-top:10px;}

#sidebar h2 {
	display: block;
	height:40px;
	width:310px;
	padding:0 0 0 20px;
	background: url('../img/header.png');
	color:#fff;
	font-weight: normal;
	font-size:16px;
	line-height: 30px;
}
#sidebar h2 a {color:#fff;}

#sidebar .sidebar-group {
	background: url('../img/element-shadow.jpg') repeat-x 0 40px #f7f7f7;
	clear:both;
}

#sidebar .sidebar-group li {
	list-style-image: url('../img/li.png');
}

#sidebar .sidebar-help {
	background: url('../img/sidebar-help.jpg') no-repeat;
	margin-left:10px;
	width:325px;
	height:146px;
	font-size:14px;
}
#sidebar .sidebar-help p {
	padding:2px;
}

#sidebar .sidebar-help2 {
	background: url('../img/sidebar-help2.jpg') no-repeat;
	width:331px;
	min-height:179px;
	font-size:14px;
}

#sidebar .sidebar-help2 h2 {
	display: block;
	height:40px;
	width:310px;
	padding:0 0 0 20px;
	background: url('../img/header_green.png');
	color:#fff;
	font-weight: normal;
	font-size:16px;
	line-height: 30px;


}

#sidebar .sidebar-help2 p{
	font-size: 12px;
	margin-left:5px;
}

#sidebar .sidebar-help2  li {
	list-style-image: url("../img/li.png");
}
#sidebar .sidebar-help2  a {
	font-size: 12px;
	color: #0034ac;
}

#sidebar .sidebar-programs li {
	font-size:16px;
}

#sidebar .sidebar-account {height:185px;position: relative;font-size:14px;}
#sidebar .sidebar-account ul {margin:0;margin-left:25px;}
#sidebar .sidebar-account li {padding:0px;}
#sidebar .sidebar-news p {padding:0 10px 0 10px;}
#sidebar .sidebar-news p.date {font-weight: bold;color:#000;}
#sidebar .sidebar-news p.date a {color:#000;}
#sidebar .sidebar-news p.more {text-align: right;}


/*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*
*					Content
*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*/

#content {
	float:left;
	width:768px;
	min-height:800px;
	background: url('../img/element-shadow.jpg') repeat-x #f7f7f7 0 20px;
}

#content-padding {
	padding:10px;
}

#content-padding p.date {text-align:right;font-style: italic;font-size:11px;}

#main-menu {
	height: 40px;
	background: url('../img/main-menu.png') repeat-x;
}
#main-menu ul {margin:0;margin-left:20px;}
#main-menu li {display: inline;line-height: 40px;margin-left:5px;padding-right:10px;background: url('../img/main-menu-separator.png') no-repeat right top;}
#main-menu a {color:#222;font-weight: bold;}

#navigator {margin-top:5px;font-size:10px;border-bottom:dotted 1px #ccc;}
#navigator img {vertical-align: middle;}
#navigator ul {margin: 0 0 5px 10px;}
#navigator li {display:inline;}
#navigator li a {color:#555;}
#navigator li.last a {color:#ff6000;}

.prod-short {clear:both;overflow: hidden; height: 100%;}
.prod-short div.prod-thumb {width:220px;height:220px;background:url('../../../framework/img/photo_shadow_200px.png') no-repeat;float:left;}
.prod-short img.prod-thumb {border:solid 1px #ccc;}
.prod-short div.prod-summary {float:right;width:520px;}
.prod-short div.details {text-align:right;padding:5px;}
.prod-short div.price {text-align:right;padding:10px;}
.prod-short div.basket {text-align:right;padding:10px;}

/*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*
*					Footer
*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*/

#footer {
	width:1100px;
	margin-left:auto;
	margin-right:auto;
}

#footer-menu {height:30px;background: #10498B;}
#footer-menu ul {text-align:center;}
#footer-menu li {display: inline;line-height: 30px;background: url('../img/main-menu-separator.png') no-repeat right top;padding-right:10px;}
#footer-menu a {color:#fff;}

#footer-logos {
	width:1000px;
	border-top:dotted 1px #ccc;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

#footer-logos img {
	vertical-align: middle;
	margin-left:5px;
	margin-right:5px;
}