@charset "UTF-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	}
#container{
	position:relative;
	width:720px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
#header{
	width:720px;
	height:auto;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	}
#logo{
	float:left;
	}
#contentHolder{
	width:720px;
	height:auto;
	overflow:visible;
	}
#content{
	width:510px;
	height:auto;
	float:right;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow:visible;
	}

	
/*#################################### MAIN FRAME */
.frame{
	width:100%;
	}

.tl{
	width:21px;
	height:14px;
	background-image:url(img/frame/tl.jpg);
	background-repeat:no-repeat;
	}
.tr{
	width:21px;
	height:14px;
	background-image:url(img/frame/tr.jpg);
	background-repeat:no-repeat;
	}

.bl{
	width:21px;
	height:12px;
	background-image:url(img/frame/bl.jpg);
	background-repeat:no-repeat;
	}
.br{
	width:21px;
	height:21px;
	background-image:url(img/frame/br.jpg);
	background-repeat:no-repeat;
	}

.l{
	width:21px;
	background-image:url(img/frame/l.jpg);
	background-repeat:repeat-y;
	}
.r{
	width:21px;
	background-image:url(img/frame/r.jpg);
	background-repeat:repeat-y;
	}
.t{
	height:14px;
	background-image:url(img/frame/t.jpg);
	background-repeat:repeat-x;
	}
.b{
	height:21px;
	background-image:url(img/frame/b.jpg);
	background-repeat:repeat-x;
	}




/*#################################### IMAGE FRAME */
.imageframe{
	/*float:left;*/
	width:100px;
	height:auto;
	}
.bigimageframe{
	/*float:left;*/
	width:130px;
	height:auto;
	overflow:hidden;
	}
.smallimageframe{
	/*float:left;*/
	width:65px;
	height:auto;
	overflow:hidden;
	}

.if_tl{
	width:5px;
	height:5px;
	background-image:url(img/imgFrame/tl.jpg);
	background-repeat:no-repeat;
	}
.if_tr{
	width:5px;
	height:5px;
	background-image:url(img/imgFrame/tr.jpg);
	background-repeat:no-repeat;
	}

.if_bl{
	width:5px;
	height:5px;
	background-image:url(img/imgFrame/bl.jpg);
	background-repeat:no-repeat;
	}
.if_br{
	width:5px;
	height:5px;
	background-image:url(img/imgFrame/br.jpg);
	background-repeat:no-repeat;
	}

.if_l{
	width:5px;
	background-image:url(img/imgFrame/l.jpg);
	background-repeat:repeat-y;
	}
.if_r{
	width:5px;
	background-image:url(img/imgFrame/r.jpg);
	background-repeat:repeat-y;
	}
.if_t{
	height:5px;
	background-image:url(img/imgFrame/t.jpg);
	background-repeat:repeat-x;
	}
.if_b{
	height:5px;
	background-image:url(img/imgFrame/b.jpg);
	background-repeat:repeat-x;
	}




/*#################################### MENU */
/* SIDEBAR */
#sidebar{
	float:left;
	width:145px;
	height:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	}

#sidebar ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
#sidebar ul ul{
	margin:0px;
	padding:0px;
	margin-bottom:20px;
	text-indent:0px;
	list-style:none;
	}
#sidebar ul li{
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	text-align:left;
	overflow:hidden;
	}
#sidebar ul li ul li{
	margin:0px;
	padding:0px;
	padding-left:10px;
	text-align:left;
	}
#sidebar a{
	text-decoration:none;
	color:#000000;
	font-size:xx-small;
	}
	
	
/*#################################### TOP MENU */
#topMenu{
	width:150px;
	height:auto;
	float:left;
	padding-left:80px;
	}
#topMenu span{
	float:left;
	padding-left:5px;
	}




/*#################################### GREEN BUTTON */
.greenButton{
	background-color:#80ba37;
	text-align:left;
	height:22px;
	font-size:10pt;
	}
	
/*#################################### BLUE BUTTON */
.blueButton{
	background-color:#9bcefc;
	text-align:left;
	height:21px;
	width:120px;
	padding-left:5px;
	padding-right:5px;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	}


.blueButton a{
	text-decoration:none;
		color:#666666;

	}
.blueButton a:hover{
	color:#000000;
	}
	


/*#################################### BLACK BUTTON */
.blackButton{
	background-color:#000000;
	text-align:left;
	height:18px;
	font-size:8pt;
	padding-left:2px;
	padding-right:2px;
	}
.blackButton a{
	color:#FFFFFF;
	text-decoration:none;
	}

/*#################################### BREADCRUMB */

.breadcrumb{
	margin:0px;
	padding:0px;
	font-size:x-small;
	float:none;
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
	}
.breadcrumb img{
	padding:0px;
	margin:0px;
	float:left;
	}
.breadcrumb span{
	background-color:#E2E2E2;
	margin:0px;
	padding:0px;
	float:left;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	height:17px;
	}	
	
/* ######################################### LANGUAGE BAR */

#languageBar{
	position:relative;
	float:right;
	width:200px;
	height:18px;
	overflow:hidden;
	margin-right:15px;
	}
	
#languageBar img{
	float:right;
	padding-left:3px;
	border:none;
	}

	
/* ######################################### ORDER */

#order{
	position:relative;
	overflow:hidden;
	float:right;
	width:143px;
	height:18px;
	background-image:url(img/main/order.jpg);
	background-repeat:no-repeat;
	}
	
#showOrder{
	position:absolute;
	width:25px;
	height:18px;
	left:0px;
	top:0px;
	z-index:2;
	cursor:pointer;
	}
	
#price{
	position:relative;
	overflow:hidden;
	float:left;
	width:60px;
	height:18px;
	color:#FFFFFF;
	margin-top:2px;
	padding-left:30px;
	font-size:x-small;
	text-align:center;
	}
	
#currency{
	position:relative;
	overflow:hidden;
	height:18px;
	width:30px;
	float:left;
	padding-left:5px;
	}

#currency select{
	position:absolute;
	left:-3px;
	top:-3px;
	background-color:#80ba39;
	text-align:left;
	font-size:14px;
	width:60px;
	}

#payoption h3{
	font-size:small;
	padding-left:10px;
	}
	
#payoption h6{
	font-size:xx-small;
	padding-left:10px;
	font-weight:normal;
	}

#payoption div{
	font-size:xx-small;
	}	
#payoption div table tbody tr td img{
	float:left;
	}
#payoption div table tbody tr td span{
	float:left;
	padding-top:23px;
	padding-left:20px;
	}
	
	
/*Forms*/
.form{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.form Table{
	/*border:1px solid #000000;*/
	width:100%;
	padding:10px;
	margin-bottom:10px;
	}
.form div{
	overflow:hidden;
	}
.form td{
	padding:5px;
	width:50%;
	font-size:x-small;
	text-align:left;
	}
.form h2{
	text-align:left;
	font-size:large;
	margin-top:0px;
	}
.form h3{
	text-align:left;
	font-size:medium;
	font-weight:normal;
	margin-bottom:0px;
	padding-bottom:0px;
	}
.form label{
	font-size:x-small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.form small{
	font-size:small;
	margin-top:0px;
	font-weight:normal;
	}
.form textarea{
	font-size:x-small;
	width:300px;
	height:150px;
	border:1px solid #000000;
	margin-left:2px;
	margin-right:2px;
	}

.form select{
	width:200px;
	height:auto;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #000000;
	margin:2px;
	}

input{
	font-size:xx-small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #000000;
	margin:2px;
	}
	
.form input[type="text"]{
	width:200px;
	height:auto;
	}