/*

*/
/* IMPORT OTHER CSS ***************************************************** */
@import "messages.css";
@import "shop.css";
@import "profile.css";
@import "gallery.css";
/* ******************************************************************************** */

html, body, div, h1, h2, h3, h4, h5, h6, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 
html {
	height: 100%;
	min-height: 100%;
	background: #f2f2f2;
}
body {
	margin:0;
	padding:0;
	font: normal 12px Tahoma;
	color: #000000;
	height: 100%;
	min-height: 100%;
}
/* PAGE LAYOUT  **************************************************************************** */
#root {
	width: 960px;
	padding:0px;
	margin:0px auto;
	line-height:150%;	
	background: #ffffff;
	border:1px solid #ececec;
}
#root a img {
	border: 0;
}
#logo {
	display:block;
	width:300px;
	height:90px;
	background: url('../images/bg_logo.jpg') no-repeat;
}
#menu {
	margin:0px 10px;
	border-bottom:1px solid #dfdfdf;
	height:40px;
}
#menu a {
	display:block;
	float:left;
	color: #505050;
	margin-right:1px;
	padding:10px 20px;
	text-decoration:none;
	height:20px;
}
#menu a:hover {
	color: #000000;
	background:#dfdfdf;
}
#menu #contact {
	float:right;
	color: #00bdf2;
}

#theme {
	clear:both;
	height:300px;
	margin: 10px;
	background: url('../images/bg_theme.jpg') no-repeat;
	position:relative;
	overflow:hidden;
}

.floatpanel{
	/*position:absolute;
	top:0px;
	left:0px;
	*/	
	width: 280px;
	padding: 5px 5px 10px 10px;
	display:block;
	color: #505050;
	background: #f0f0f0;
}

.gray {
	padding: 5px 5px 10px 10px;
	color: #505050;
	font-size: 18px;
	background: #f0f0f0 url(../images/arrow_gray.png) right center no-repeat;
	cursor:pointer;
	margin:1px 0px 0px 0px;
}
.login input {
	width:180px;
	padding:3px;
	color: #ffffff;
}
#login_button {
	display:block;
	width: 220px;
	height:35px;
	padding:0;
	background: url('../images/bg_login_button.png') no-repeat;
	font-size:0px;
}
	
#login_title {
	display:block;
	width: 220px;
	height:35px;
	background: url('../images/bg_login_title.png') no-repeat;
	font-size:0px;
}


#cart_info {
	display:block;
	width:220px;
	float:right;
	font:normal 12px Tahoma;
	color: #ffffff;
	height:80px;
	background: url('../images/bg_cart_info.png') repeat-x;
}
#cart_info a {
	color:#ffffff;
}
#cart_info a:hover {
	color:#f0f0ff;
}

#sidebar {
	float:left;
	width: 295px;
	padding: 10px 5px 20px 10px;
	font-size:14px;
	overflow:hidden;
	
}
#sidebar a {
	display:block;
	text-decoration:none;
	color: #505050;
	font-size:16px;
	line-height:25px;
}
#sidebar a:hover, #sidebar a.active {
	color: #00bdf2;
}
#sidebar h2 a {
	font-size: 18px;
	color: #505050;
	background: url(../images/arrow_white.png) left center no-repeat;
	padding-left: 25px;
	padding-top:0px;
	margin-top:20px;
}
#sidebar .submenu {
	padding-left:50px;
}
#search {
margin-bottom:10px;
}
#search_input {
	font-size:18px;
	font-weight:normal;
	height:20px;
	width:175px;
	padding:5px 10px;
	border:1px solid #dfdfdf;
	color: #808080;
}
#search_button {
	width: 30px;
	height:30px;
	display:block;
	float:right;
}
#navigation {
	background: #ececec;
	border-bottom:1px solid #dfdfdf;
	border-top:1px solid #dfdfdf;
	color: #505050;
	overflow:auto;
}
#navigation a {
	color:#00bdf2;
}
#navigation a:hover {
	color: #000000;
}
#navigation_sorting {
	float:left;
	margin:4px 20px;
}
#navigation_sorting select {
	width:auto;
	color: #3ca0da;
}
#navigation_bar, #navigation_perpage, #navigation_brands {
	float:left;
	margin:9px 11px;
}
#converter {
	float:right;
	background: #00bdf2;
	padding:9px 5px;
	margin:0px;
	color: #006688;
	width:210px;
	text-align:center;
}

#converter a {
	color: #ffffff;
}
#converter a:hover {
	color: #000000;
}
#paymentsinfo {
	float:right;
	width:605px;
	overflow:auto;
	padding-top:40px;
}
#navbar a, #navbar p {
	display:block;
	float:left;
	padding:3px 5px 3px 5px;
	margin:5px 1px 10px 0px;
	color: #8080a0;
	background: #f0f0f0;
	border:1px solid #e0e0e0;
}
#navbar a:hover {
	color: #202020;
	border-color: #a0a0a0;
	background: #e0e0e0;
}
#navbar p {
	background: none;
	border:none;
	color: #505050;
}


#content {
	float:right;
	width:635px;
	padding:10px 10px 10px 5px;
}

#footer {
	clear:both;
	padding:10px 20px;
	background-color: #303030;
	color: #a0a0a0;
}
#footer a {
	color: #00bdf2;
}
#footer a:hover {
	color: #ffffff;
}



/* 404  **************************************************************************** */
#e404 {
	width:50%;
	padding:30px;
	margin:10px auto;
	border:1px solid #505050;
	background: #300000;
	color: #f0f0f0;
}
#e404 h1 {
	color: inherit;
}

/* EXTENDED FORMATTING  **************************************************************************** */
.lfloat {
	float:left;
	margin: 0px 10px 10px 0px;
}
.rfloat {
	float:right;
	margin: 0px 0px 10px 10px;
}
.nobr {
	white-space:nowrap;
}
.hidden {
	display:none;
}
.clear {
	clear:both;
}
.right {
	text-align:right;
}
.inline {
	vertical-align:middle;
	padding:0;
	margin:0;
}
.center {
	text-align:center;
}
.fullwidth {
	width:100%;
}
.textbox {
	padding:10px;
}
/* BASIC FORMATTING  **************************************************************************** */
h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 10px 0px 5px 0px;
}
h2 {
	font-size:17px;
	font-weight: normal;
	margin:25px 0px 5px 0px;
}
h3 {
	color: #00bdf2;
}
a {
 color: #909090;
}
a:hover {
	color: #202020;
}
p {
	margin:0px 0px 10px 0px;
}
hr {
	height:1px;
	border:0;
	border-top: 1px solid #b0b0d0;
}
li {
	list-style-type: square;
	margin-bottom:10px;
}
.bullet li , .bullet{
	list-style-type: square;
	list-style-image: url(../images/bullet.png);
}
/* TABLES  *********************************************************************************** */
table {
	border-collapse:collapse;
}
th {
	padding:3px;
	text-align:left;
	background: #505050;
	color: #ffffff;
}
th a {
	color: #d0d0d0;
}
th a:hover {
	color: #ffffff;
}
td {
	padding:2px;
	/*border-bottom:1px dotted #e0e0e0;
	border-right: 1px dotted #808080;*/
	vertical-align:top;
}
td.selected {
	border-top:2px solid #304080;
	border-bottom:2px solid #304080;
	background: #e0f0ff;
}
td.thin, th.thin {
	width:1%;
}
td.wide, th.wide {
	width:99%;
}
.noborder, .noborder tr, .noborder td{
 border-width:0px !important;
}
/* INPUTS  *********************************************************************************** */

input[type="text"], input[type="password"] {
	border:1px solid #d0d0d0;
	background: none;
	color: #404040;
	width:200px;
	font-size:15px;
	padding:3px;
}
input[type="submit"] {
	width:100px;
}
select, textarea {
	border:1px solid #d0d0d0;
	background: none;
	color: #404040;
	width:200px;
	padding:3px;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin-bottom:20px;
	background: none;
	padding:5px;
}

legend {
	padding:3px 10px;
	margin:2px 8px;
	text-align:left;
	background: #505050;
	color: #ffffff;
}

input.shortinput {
	width:100px;
	font-size:11px;
}
input.btnok {
	width:30px;
	height:30px;
}


/* A BUTTONS  *********************************************************************************** */
a.button {
	display:inline-block;
	padding:2px 5px;
	border:1px solid #a0a0a0;
	background: #f0f0f0;
	color: #505050;
	
}
a.button:hover {
	background: #d0d0d0;
}

#contact {
	border-top:1px solid #e0e0e0;
	margin-top:20px;
}
#contact_textarea {
	padding:5px;
	float:left;
	
}
#contact a {
	display:block;
	padding:5px;
	border:1px solid #e0e0e0;
	border-top:none;
	width:200px;
}
#contact a:hover {
	background: #808080;
}
#contact a.selected {
	background: #f0f0f0;
}
.bestsellers_shortlist {
	display:block;
	background:#f0f0f0 !important;
	width: auto !important;
	height:auto !important;
	color: #000000 !important;
	padding:0px;margin:0px;
	text-indent:0px;
	font-size:13px;
	padding:10px;
	border:1px solid #f0f0f0;
}
.bestsellers_shortlist img {
	display:block;
	width:100%;
}

#articles hr {
	border-top:1px solid #3ca0da;
	margin:20px 0px 40px;
	clear:both;
	}
.articlelink {
	font-size: 14px;
	line-height:150%;
	text-decoration:none;
}
.articlelink h2 {
	color: #3ca0da;
	font-family:serif;
	font-size:22px;
}
.articlenothumb, .articlethumb {
	width:190px;
	height:140px;
	border:5px solid #f0f0f0;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.articlethumb {
	width:200px;
	height:150px;
}
.related {
	float:left;
	height:240px;
	overflow:hidden;
}
.related img {
	width: 240px;
}
#hpt {
display:none;
}