/*
Description: Temporary Showroom
Author URI: http://www.whitehat.gr/
*/


body {font-size:62.5%; text-align:center; line-height:1.4em; background:#777;}

body, div, p, span, dd, ul, ol, li, h1, h2, h3, h4, h5, table, td, th, input, textarea  {
	font-family: Courier, sans-serif;
	color:#2a2b2f;}

/*----- GLOBAL -------- */
* {padding:0; margin:0;} img, img a {border:none;} a {outline:none;} 
.left {float:left;} .right {float:right;} .centered {margin:0 auto;}
.indent {text-indent:-9999px;}
hr {clear:both; visibility:hidden; font-size:1px; line-height:0; height:0; } 
.clear {clear:both;}
.clear-r {display:block !important; float:none !important; clear:both;}
a, a:visited {color:#231F20; text-decoration:none;}
a:hover, a:active {color:#766E65;}
a.active, a.active:visited {color:#766E65 !important; font-weight:normal !important;} 
.back_to {float:right; margin:6px;}

span.inactive {color:#766E65;}

/*---- HEADINGS --------*/
h1 {font:2.6em Courier, sans-serif; text-align:right; font-size:1.2em; color:#c1baa9;}
h2 {font:1.4em Helvetica, sans-serif; margin:0 0 0 0;}
h3 {font:1.3em Verdana, Arial, Helvetica, sans-serif; color:#949494; font-weight:lighter; margin:20px 0 20px 0;}
h4 {font-family: "Times New Roman", Times, verdana; color:#9d5527; font-weight:normal;}

/*----- STRUCTURE ------*/
#wrap {position:relative; width:900px; margin:0 auto; padding:70px 0 10px 0; text-align:left; min-height:620px; height:auto !important; height:620px;}

.bgYes {background:url(../images/bg.jpg) no-repeat left top;}

#content {float:right; width:370px; margin:50px 0 0 0; padding:0; text-align:right;}
#content p {font-size:1.1em; line-height:1.4em; padding:0 0 10px 0;}
#products {position:absolute; width:960px; height:250px; bottom:0; left:6px;}
#products.multiSize {left:-50px;}

.navigation {float:right; margin:0 0 0 0; padding:0;}
.navigation li {float:right; display:block; list-style-type:none; font-size:1.2em; margin:0 0 0 38px;}
.navigation li a, #navigation li a:visited {float:left; display:block; color:#c1baa9;}
.navigation li a:hover, #navigation li a:active {color:#2a2b2f;}
#active a, #active a:visited {color:#2a2b2f !important;}

.rent-inactive a, .rent-inactive a:visited {color:#666 !important; cursor:default !important;}

.rent {display:block; color:#2a2b2f !important; padding:3px 0 0 0; font-size:12px !important;}
.rent span {color:#c1baa9 !important;}

.product-nav {float:right; margin:10px 0 0 0; padding:0;}
.product-nav li {margin:0 0 0 0; font-size:1.2em; list-style-type:none;}
.product-nav li a, .product-nav li a:visited {margin:0 0 0 0; color:#2a2b2f;}
.product-nav li a:hover, .product-nav li a:active {margin:0 0 0 0; text-decoration:line-through;}
#prod-active a, #prod-active a:visited {text-decoration:line-through !important;}

#prod-desc {position:absolute; bottom:300px; right:70px; width:310px;}
#prod-desc div {text-align:right; font-size:1.2em; color:#c1baa9;}
#products.multiSize #prod-desc {right:10px;}


#more-2 {position:absolute; width:310px; bottom:250px; left:0;}
#more-2 div {margin-bottom:10px;}

.overlay {filter:alpha(opacity=10); -moz-opacity:.1; opacity:.1;}

.product-show {float:left; display:block;} 
.product-show li {float:left; display:block; margin:0 10px 0 0; position:relative;}

#products.multiSize .product-show {float:right;}
#products.multiSize .product-show li {float:left;}

.image_links {position:absolute; bottom:-19px; left:0; width:200px; height:17px; color:#c1baa9;}
.image_links a, .image_links a:visited {padding:5px 0; color:#c1baa9 !important; margin-right:11px; font-size:1.1em;}
.image_links a:hover, .image_links a:active {color:#2a2b2f !important;}

.no-margin-r {margin-right:0 !important;}

/*----- INTRO ------*/
#enter {position:absolute; right:0; bottom:100px; font: 1.6em Courier; color:#b7b1a2;}
#enter a, #enter a:visited {color:#b7b1a2; text-decoration:none;}
#enter a:hover, #enter a:active {color:#222;}


#pagination {position:absolute; bottom:260px; right:70px;}
#products.multiSize #pagination {right:10px;}

#pagination a, #pagination a:visited {color:#333;}
#pagination a:hover, #pagination a:active {color:#2a2b2f;}

#pagination a img {position: relative; top:4px;}

.number-page a, .number-page a:visited {color:#c1baa9 !important;}
.prev-page-inactive, .next-page-inactive {color:#909090 !important;}

.loading {width:16px; height:50px; background:url(../images/ajax-loader.gif) no-repeat; margin:80px auto 0 auto; padding:30px 0 0 0;}

#contact-details {font-size:1.1em;}
#contact-details p a, #contact-details p a:visited {color:#c1baa9;}
#contact-details p a:hover, #contact-details p a:active {color:#2a2b2f;}


#contact-form {margin:20px 0 0 0;}
#contact-form label {clear:both; display:block; margin:0 0 2px 0;}
.inpfield {float:right; display:block; margin:0 0 10px 0; border:1px solid #666; font-size:1.1em; padding:6px 3px; width:150px;}
#contact-form textarea {clear:both; display:block; width:250px; float:right; font-size:1.1em; margin:0 0 2px 0; border:1px solid #666; padding:6px 3px;}
.require {display:block; margin:0 0 10px 112px; color:#444; text-align:left;}

/* ----- MAP ---------*/
#map {float:right; width:300px; height:200px; border:1px solid #666; margin:10px 0 0 0;}

/* ----- PRINT ---------*/
#print_list {float:left; margin:0 0 0 0;}
#print_list li {list-style-type:none; display:block !important; float:left !important; margin-right:15px;}

.print {clear:both;}
.print a, .print a:visited {margin:20px 0 0 0;background:#fff; color:#666; padding:4px 6px; font-size:1.1em;}
.print a:hover, .print a:active {color:#222;}

#des_box {clear:both; padding:10px 0 10px 0;}

.gmnoprint span {display:none !important;}

/*---- NEWSLETTER ----- */
.newsletter span.label,span.spacer,span.multiple span {width:120px; float:left; font-size: 1.2em;}
.newsletter div {margin-bottom:5px;}
.newsletter div span input {padding:5px; border:1px solid black;}
.newsletter span.multiple {float:left;} 
.newsletter span.button {padding-left:120px;}
.newsletter span.button input {cursor:pointer;}
.newsletter span.button input:hover {cursor:pointer;}
.newsletter div.clear {clear:both;padding-top:5px;} 

/*---- LOGIN ----- */
#wrap-login {margin:150px auto; width:400px;}
#login-box {margin:0 0 5px 0; height:317px; background:url(../images/login-box.jpg) no-repeat; text-align:left;}
#login-box form {padding:30px 30px 20px 30px;}
#login-box input, #login-box label {display:block; position:relative;}
#login-box label {font-size:1.4em; font-weight:normal;}
.login-inp {border:1px solid #666; background:#f4f4f4; margin:5px 0 15px 0; padding:5px 7px; font-size:2em; font-weight:bold; width:324px; color:#999;}