/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color:#111111;
	font-size:11px;
	background-image:url(../images/bg_body.gif);
	background-repeat:repeat-x;
	background-position:top;
}

form {display:inline}

a {	color:#111111; text-decoration:underline}
a:hover {text-decoration:none }

.bold {
	font-weight:bold;
}
.textbox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#222222;
	border:1px solid #8d8d8d;

	background-color:#ffffff;
}

.textbox-login {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#6e7273;
	border:1px solid #6e7273;

	background-color:#282e30;
}

#main {
	text-align:left;
	width:816px;
	margin:auto;
	background-image:url(../images/bg_main.gif);
	background-repeat:repeat-y;
}


#menu {
	float:left;
	width:200px;
	margin-right:12px;
	background-color:#203242;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}

#menu #options {
	padding-top:30px;
	padding-bottom:30px;
	padding-left:20px;
	padding-right:20px;
}
#menu #options ul {
    margin-left: 10px;    
    display:none;
}
#menu #options ul a {

}

#menu ul {
	list-style-type: none;
	margin:0;
	padding:0px;
	text-transform:uppercase;
}

#menu ul li {
	margin-bottom:3px;
}

#menu ul li a {
	color:#FFFFFF;
	text-decoration:none;
}

#menu ul li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}


/*------------- CENTRAL -----------------*/

#central {
	float:left;
	width:604px;
}

#top {
	float:none;
	height:127px;
	padding-top:18px;
	padding-left:45px;
	/*padding-right:70px;*/
	margin-bottom:10px;
	
	background-image:url(../images/bg_top.gif);
	background-repeat:no-repeat;
	background-position:top;
}

#top .top-line {
	float:none;
	clear:both;
	width:500px;
	height:40px;
}

#top .cart {
	float:left;
	width:200px;
	color:#FFFFFF;
	border-left:1px dotted #4b5965;
	border-right:1px dotted #4b5965;
	height:23px;
	line-height:22px;
}

/*------------- CONTENT -----------------*/

#banner-home {
	padding:20px;
	width:564px;
	height:260px;
	margin-bottom:10px;
	background-image:url(../images/bg_banner_home.gif);
	background-repeat:no-repeat;
}

#banner-home .img {
	float:left;
	width:235px;
	
}

#banner-home .detail {
	float:left;
	width:305px;
	padding-top:25px;
}

#banner-home .price, #banner-results .price {
	font-size:29px;
	font-weight:bold;
	color:#006699;
}

#banner-home .price2, #banner-results .price2 {
	font-size:14px;
	font-weight:bold;
	color:#006699;
}

#banner-home .title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000102;
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;	
}
#banner-home .more {
	float:right;
	margin-top:20px;
}


/*------------- RESULTS ---------------*/
#banner-results {
	padding:20px;
	width:564px;
	height:169px;
	margin-bottom:10px;
	background-image:url(../images/bg_banner_results.gif);
	background-repeat:no-repeat;
}

#banner-results .img {
	float:left;
	width:130px;
}
#banner-results .detail {
	float:left;
	width:370px;
	padding-top:12px;
	margin-left:18px;
}
#banner-results .title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000102;
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;	
}
#banner-results .text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#7f8080;
	font-size:10px;
}
#banner-results .more {
	float:right;
	margin-top:19px;
}

#results {
	padding-left:10px;
  
}

#results .result {
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:295px;
	height:135px;
	margin-top:20px;
	margin-bottom:20px;
	color:#766676;
    overflow: hidden;
}

#results .result .title {
	font-size:12px;
	font-weight:bold;
	color:#000000;
	margin-bottom:16px;
}

#results .result .price {
	color:#111111;
}

#results .result .img {
	float:left;
	width:110px;
	padding-right:5px;	
	text-align:center;
}

#results .result .detail {
	float:left;
	width:170px;	
}

#results .result .note {
	font-size:11px;
	margin-top:16px;
	font-weight:bold;
	line-height:14px;
	color:#4463ff;

}

#results .line {
	float:none;
	clear:both;
	border-bottom:1px solid #cccccc;
	line-height:1px;
}

/*------------- DETAILS -----------------*/
#detail {
	background-image:url(../images/bg_detail.gif);
	background-repeat:no-repeat;
	padding-top:27px;
	padding-left:48px;
	padding-right:46px;
	width:510px;
}

.route {
	float:none;
	border-top:1px solid #becdbe;
	border-bottom:1px solid #becdbe;
/*	width:475px;
	height:30px;
	line-height:29px;
	*/
	line-height:15px;
	padding:5px 0;
	margin-bottom:19px;
	color:#556167;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

.route a {
	color:#556167;
	text-decoration:none;
}
.route a:hover {
	color:#556167;
	text-decoration:underline;
}
.route a.selected {
	color:#996600;
	text-decoration:underline;
}

#detail #img {
	float:left;
	width:200px;
	height:200px;
	border:1px solid #e4e6e7;
	text-align:center;
}

#detail #description {
	float:left;
	width:245px;
	height:145px;
	margin-left:30px;
	margin-right:32px;
	margin-bottom:10px;
}

#detail .title {
	margin-bottom:10px;	
	color:#556167;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

#detail .price {
	float:none;
	color:#cc0000;
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:6px;
}

#cart-box {
	float:right;
	background-image:url(../images/addtocart_box.gif);
	background-repeat:no-repeat;
	width:250px;
	height:96px;
	line-height:23px;
	padding-top:2px;
	padding-left:20px;
	padding-right:20px;
	text-align:right
}
/*------------- FOOTER -----------------*/

#footer {
	float:none;
	clear:both;
	width:766px;
	height:35px;
	padding-top:21px;
	padding-left:25px;
	padding-right:25px;
	background-color:#6c97bd;
	color:#FFFFFF;
}

#footer a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
.column-left {
    float:left;
    width:250px;
    margin-right:35px; 
}

.column-right {
    float:left;
    width:270px;
    padding-left:20px;
}
.text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    line-height: 18px;
}

.content-box label {
clear:left;
float:left;
margin-top:5px;
}
.content-box input, {
    background-color:#FFFFFF;
    border: 1px solid #8d8d8d;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight:normal;
    line-height: 15px;
    height: 15px;
    color: #333333;
    float:right;
}
.content-box select {
    float:right;
}
select {
    font-size:10px;
}
.content-box h2 {
clear:both;
padding-top:20px;
border-bottom:1px solid #CCC;
}
.form-row {
clear:both;
}

.linet {
text-decoration: line-through;
}

.error {
	font-size: 2em;
	color:red;
}

div.error {	
	border:1px solid white;
	padding:10px;
	text-align:center;
	color: white;	
	background-color: red;
}

.text-error {
color: red;
}

#indicator {
    float:right;
    padding: 5px;
    width:240px;
	background-color: #203242;
	border:1px solid #ccc;
	font-weight:bold;
	text-align:center;
	color:white;
	display:none;
	position:relative;
	z-index:10;
}
