@import url("reset.css");

.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.hidden{display: none;}
.error{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F00;
}
.total {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 400px;
	height:18px;
	color:#000;
	background: #FFF; 
	text-align: right;
}

p{
	font-size: 1.1em;
	line-height: 1.6em;
	text-align: justify;
}
li{	
	font-size: 1.1em; 
	line-height: 1.6em;
}
h1{ font-size: 2.2em;	padding-bottom: 10px;	}
h2{	font-size: 2em;		padding-bottom: 10px;	}
h3{	font-size: 1.8em;	padding-bottom: 10px;	}
h4{	font-size: 1.6em;	padding-bottom: 10px;	}

html{
	font-size: 10px;
	color: #646042;
}
body{
	background: #cebe8f url(images/bg.png);
	font-family: Georgia, serif;
}
#outer-container{
	background: url(images/brushes-bg.png) no-repeat top center;
}
#top-panel{
		background-color: #8f7f4b;
		border-bottom: 1px solid #585534;
		height: 20px;
	}
	#client-login{
		background: url(images/top-panel.png) no-repeat right top;
		width: 765px;
		margin: 0 auto;
		height: 42px;
	}
	#client-login a{
		float: right;
		margin-right: 40px;
		margin-top: -5px;
		color: #FFF;
		font-size: 14px;
		text-decoration: none;
	}
	#client-login p{
		text-align: right;
		margin-right: 40px;
		margin-bottom: 5px;
		color: #CCC;
		
	}
	#login-form{
		float: right;
		margin: 10px 42px 0px 0px;
		
	}
	
  input[type=text], input[type=password] {
	  display:block;
 	padding: 5px;
	width: 230px;
	margin:0 0 1em 0;
 	border: 5px;
	background:#E7DFC7;
  	-moz-boarder-radius: 1px;
  	-webkit-border-radius: 1px;
  }
  input[type=submit]{
	border: none;
	margin-right:1em;
	padding:6px;
	text-decoration:none;
	font-size:12px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#26807B;
	color:white;

}
input[type=submit]:hover{
		background:#2B8E89;
		cursor:pointer;
}

	#login-form input{
		display:inline;
		border: 0;
		width: 100px;
		background:#d2c495;
		margin: 0px 3px;
		padding: 1px;
		-moz-boarder-radius: 1px;
  		-webkit-border-radius: 1px;
	}
	
	#login-form input[type="submit"]{
		padding: 0px;
		width: auto;
		background:#26807B;
		font-size:12px;
		padding:1px 3px 3px 3px;
		-moz-border-radius:4px;
  		-webkit-border-radius:4px;
		color:white;
		cursor:pointer;
	}
	
	#login-form input[type=submit]:hover{
		background:#2B8E89;
		cursor:pointer;
}
#wrap{
	margin: 0 auto;
	width: 765px;
}
#header{
	height: 130px;
}
	#logo a{
		background: url(images/logo.png) no-repeat 0 bottom;
		display: block;
		font-size: 2em;
		height: 30px;	
		padding-top: 50px;
		width:380px;
		text-indent: -10000px;
	}
	
	
#nav {	height: 50px; width: 765px;}
#nav li{
	float: left;
}
#nav li a{	 height: 50px; display: block;	}
	#nav span.hover{
		background: url(images/nav.png) no-repeat;	
		position: absolute;
		display: none;
		height: 50px;
		margin-left:-1px;
	}	
	#nav-home a { 	width: 70px;			background: url(images/nav.png) no-repeat 0px 0px;	}
		#nav-home a span.hover{	width: 70px;	background-position: 0px -50px;	}
	#nav-what-you-get a{	width: 121px;	background: url(images/nav.png) no-repeat -70px 0px;}
		#nav-what-you-get a span.hover{	width: 121px;	background-position: -70px -50px;	}
	#nav-order a{	width: 163px;			background: url(images/nav.png) no-repeat -191px 0px;	}
		#nav-order a span.hover{	width: 163px;	background-position: -191px -50px;	}
	#nav-gallery a{	width: 76px;		background: url(images/nav.png) no-repeat -354px 0px;}
		#nav-gallery a span.hover{	width: 76px;	background-position: -354px -50px;	}
	#nav-prices a{ width: 66px;			background: url(images/nav.png) no-repeat -430px 0px;}
		#nav-prices a span.hover{		width: 66px;	background-position: -430px -50px;	}
	#nav-testimonials a{	width: 113px;	background: url(images/nav.png) no-repeat -496px 0px;	}
		#nav-testimonials a span.hover{	width: 113px;	background-position: -496px -50px;	}
	#nav-faq a{	width: 54px;			background: url(images/nav.png) no-repeat -609px 0px;}
		#nav-faq a span.hover{	width: 54px;	background-position:-609px -50px;	}
	#nav-contact{	width: 102px; 		background: url(images/nav.png) no-repeat -663px 0px;	}
		#nav-contact a span.hover{	width: 102px;	background-position: -663px -50px;	}
		
	
#nav li a hover{
	background-position: 0 -50px;
}
#overview{
	background: #f2eee3 url(images/overview-bg.png) no-repeat;
	padding: 15px;
	margin-bottom: 15px;
}
	#get-your-painting{
		margin-right: 15px;
		width: 300px;
	}
		#get-your-painting h2{ 
			background: url(images/get-your-painting-heading.png) no-repeat;
			font-size: 1.6em;
			text-indent: -9999px;
		}
		
		#get-your-painting ul{
		}
		#get-your-painting li{
			background: url(images/get-you-painting-bullet.png) no-repeat 0 center;
			font-size: 1.5em;
			line-height: 1em;
			padding: 0.6em 0em 0.6em 3em;


		}
		
	
	#testimonial{
		width: 420px;
	}
		#testimonial h3{
			font-size: 1.6em;
			font-weight: bold;
			padding-bottom: 10px;
		}
		#testimonial p{
			padding-left: 10px;
		}
		#testimonial img{
			background: #FFF;
			border: 1px solid #a49973;
			float: left;
			padding: 4px;
			margin-right: 10px;
		}
		#testimonial .by-line{
			font-weight: bold;
			float: right;
			margin-top: 1em;
		}
		#controller{
			margin-top: 10px;
		}
		#controller span{
			font-family: Arial, Helvetica, sans-serif;
			background:#FFF;
			border: 1px solid #a49973;	
			cursor: default;
			padding: 3px 10px;
			text-align: center;
		}
		
	/* Testemonial Page */
	#testimonials{
		
	}
		#testimonials h2{
			background: url(images/testimonials.png) no-repeat;
			font-size: 1.6em;
			padding-bottom: 10px;
			text-indent: -9999px;
		}
		#testimonials blockquote{
			font-style: italic;
		}
		#content #testimonials ul li{
			background: none !important;
			float: left;
			border-bottom: 2px solid #DDD;
			padding: 10px 0px;
		}
		#testimonials img{
			border: 3px solid #DDD;
			float: left;
			margin: 0px 15px 0px 0px;
		}
		
		#testimonials .byline{
			font-weight: bold;
			float: right;
		}
		#testimonials p{
			width: 
		}
		
	#content{
		background: #f8f7f3 url(images/content-bg.png) no-repeat;
		border-top: 1px solid #FFF;
		padding: 15px;
	}
	#content a{
		padding: 2px 4px;
		color: #2e2c1f;
		text-decoration: none;
		-webkit-border-radius: 6px; -moz-border-radius: 6px;
	}
		#content a:hover{
		}
	#content ul {	margin-bottom: 20px;}
	
	#content span {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}

		#order-form{
			margin-right: 15px;
			width: 400px;
		}
			#order-form form{
				background: url(images/order-form-bg.png) no-repeat 0 0;
			}
			#order-h2{
				background: url(images/place-your-order-heading.png) no-repeat;
				text-indent: -9999px;
				padding-bottom: 15px;
			}
			
			#order-form p{
				padding: 10px;
			}
			
			#order-form label{
				
				display: block;
				font-weight: bold;
				float: left;
				text-align: left;
				width: 140px;
			}
			#order-form label.pay-label{
				width: 190px;
			}
			#order-form select{
 				padding: 5px;
				width: 240px;
				margin:0 0 5px 0;
 				border: 2px;
				background:#E7DFC7;
			}
				#order-form input[type=file]{
 				padding: 5px;
				width: 240px;
				margin:0 0 5px 0;
 				border: 2px;
				background:#E7DFC7;
			}
			#order-form textarea{
				display:block;
				padding: 5px;
				width: 725px;
				margin:0 0 5px 0;
 				border: 2px;
				background:#E9E1C9;
			}
			#order-form select.currency-select{
				width: 55px;
			}
			
			
			/*wewewe*/
			#order-form1{
			margin-right: 15px;
			width: 310px;
		}
			#order-form1 form{
				background: url(images/order-form-bg.png) no-repeat 0 0;
			}
			#order-h2{
				background: url(images/place-your-order-heading.png) no-repeat;
				text-indent: -9999px;
				padding-bottom: 15px;
			}
			
			#order-form1 p{
				padding: 10px;
			}
			
			#order-form1 label{
				
				display: block;
				font-weight: bold;
				float: left;
				text-align: left;
				width: 140px;
			}
			#order-form1 label.pay-label{
				width: 190px;
			}
			#order-form1 select{
				width: 150px;
			}
			#order-form1 select.currency-select{
				width: 55px;
			}
			/*wewewe*/
			
			
			
			
			#order-now-button{
				background: url(images/order-now-button.png) no-repeat;
				border:none;
				height: 25px;
				width: 148px;
				color: #FFF;
				font-weight: bold;
			}
			#reset-button{
				background: url(images/reset-button.png) no-repeat;
				border:none;
				height: 25px;
				width: 119px;
				color: #FFF;
				font-weight: bold;
				margin-left: 20px;
			}
			#ship-cost{
				background: url(images/ship-cost-bg.png) no-repeat;
				width: 310px;
				height: 20px;
				padding: 5px;
				font-size: 15px;
				font-weight: bold;
				color:#FFF;
				margin-top: 10px;
			}
			
		#info{
			width: 410px;
		}
			#info ol, #info ul{
				margin-bottom: 2em;
			}
			#info li{
				font-size: 1.4em;
				padding: 5px 0px;
				border-bottom: 1px solid #ddd1aa;
			}
			#info ol li span{
				background: url(images/circle-bullet.png) no-repeat 0 center;
				color: #FFF;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1.2em;
				font-weight: bold;
				line-height: 0.9em;
				display: block;
				float: left;
				padding-right: 0.5em;
				text-align: center;
				padding: 5px 0 0 0;
				padding: 5px 0 0 0;
				margin-right: 14px;
				height: 20px;
				width: 20px;
			}
			#info ol li ul{
				display: none;
			}
			
			#info ul li{
				background: url(images/check-bullet.png) no-repeat 0 center;
				padding-left: 35px;
				
			}
			#make-your-loved h2{
				background: url(images/make-your-loved-heading.png) no-repeat;
				text-indent: -99999px;
				padding-bottom: 2em;
			}
			#what-you-get h2, #what-you-get-home h2{
				background: url(images/what-you-get.png) no-repeat;
				text-indent: -99999px;
				padding-bottom: 0.4em;
			}
			
			#guarantee h2, #guarantee h2{
				background: url(images/guarantee.png) no-repeat;
				text-indent: -99999px;
				padding-bottom: 0.4em;
			}
					#what-you-get ul{	padding-left: 0;}
		#guarantee ul li{
			padding-left: 25px;
		}
			#guarantee ul li ul{
				list-style: disc outside none;
				padding-left: 15px;
			}	
			#guarantee ul li ul li{
				background: none;
				padding: 5px 0px;
			}
			
			#sitemap h2, #guarantee h2{
				background: url(images/sitemap.png) no-repeat;
				text-indent: -99999px;
				padding-bottom: 0.4em;
			}
					#what-you-get ul{	padding-left: 0;}
		#sitemap ul li{
			padding-left: 25px;
		}
			#sitemap ul li ul{
				list-style: disc outside none;
				padding-left: 15px;
			}	
			#sitemap ul li ul li{
				background: none;
				padding: 5px 0px;
			}
			
			#partners h2, #partners h2{
				background: url(images/partners.png) no-repeat;
				text-indent: -99999px;
				padding-bottom: 0.4em;
			}
			
			#terms h2, #terms h2{
				background: url(images/terms.png) no-repeat;
				text-indent: -99999px;
				padding-bottom: 0.4em;
			}
			.what-you-get-div {
				background-color:#bda977;
				color:#FFF;
				padding: 3px 5px 3px 5px;
				-moz-boarder-radius: 3px;
				-webkit-border-radius: 3px;
			}
			
			/*div colturi rotunde*/
div#what-you-get-div{ background: #bda977;
color:#FFF;
}
 
b.rtop, b.rbottom{display:block;background: #f7f6f1}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #bda977}
b.r1{margin: 0 4px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
			
	
	#what-you-get h3{
		padding-left:2px;
		
	
	}
		#what-you-get ul{	padding-left: 0;}
		#what-you-get ul li{
			background: url(images/check-bullet.png) no-repeat;
			padding-left: 25px;
		}
			#what-you-get ul li ul{
				list-style: disc outside none;
				padding-left: 15px;
			}	
			#what-you-get ul li ul li{
				background: none;
				padding: 5px 0px;
			}
	
	#prices h2{
		background: url(images/prices-heading.png) no-repeat;
		text-indent: -99999px;
	}
	#prices table{
		font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;
		font-size: 1.2em;
		margin-bottom: 20px;
		text-align: center;
		width: 100%;
		cursor: default;
	}
	
		#prices th{
			background: #ccbb8c;
			color: #FFF;
			font-weight: bold;
			padding: 9px;
			text-align: center;
			border: 1px solid #FFF;
			vertical-align:top;
		}
		#prices .sub-header th{
			background: #dbcb9f;
		}
		#prices .sizes{
			background: #ede0be;
		}
		#prices tbody .hover{
			background: #e3d2a5;
		}
		#prices td
		{
			border: 1px solid #FFF;
			padding: 9px;
		}
		#prices .even{
			background: #fbf0d5;
		}
		#price-table{
			width: 300px !important;
		}
	#faq h2{
		background: url(images/faq-heading.png) no-repeat;
		text-indent: -99999px;
	}
	#faq dt{
		font-weight: bold;
		font-sizE: 1.4em;
		padding: 10px 0px;
		cursor: pointer;
	}
	#faq dd{
		font-size: 1.4em;
		padding-left: 10px;
		border-left: 2px solid #646042;
	}
	.vzebra-odd{
		background: #ccc;
	}
	
	/**************************
	Gallery page
	**************************/
	#gallery h2{
		background: url(images/gallery-heading.png) no-repeat;
		text-indent: -99999px;
		padding: 0.5em;
	}
	#gallery ul{
		padding: 0;
	}
	#gallery img{
		border: 3px solid #ccbd8f;
	}
	#gallery li{
		float: left;
		padding: 15px;
	}
	#gallery ul li a{
		background: none;
	}
	#gallery ul li a:hover{
		background: none;		
		margin: 0;
		border: 0;
	}
	
	/**************************
	Contact Page
	***************************/
	
	#contact h2{
		background: url(images/contact-heading.png) no-repeat;
		text-indent: -99999px;
	}
	#contact-form{
		width: 50%;

	}
		#contact-form p{
			padding: 5px 0px;
		}
		#contact-form label{
			float: left;
			font-weight: bold;
			width: 100px;
		}
		#contact-form  input{
			padding: 5px;
			width: 230px;
			margin:0 0 1em 0;
 			border: 5px;
			background:#E7DFC7;
  			-moz-boarder-radius: 1px;
  			-webkit-border-radius: 1px;
		}
		#contact-form input[type=submit]{
		
			border: none;
			margin-right:1em;
			padding:6px;
			text-decoration:none;
			font-size:12px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			background:#26807B;
			color:white;

		}
		#contact-form input[type=submit]:hover{
			background:#2B8E89;
			cursor:pointer;
}
		#contact-form textarea{
			padding: 5px;
			width: 230px;
			background:#E7DFC7;
			margin:0 0 1em 0;
  			border: 5px; 
  			-moz-boarder-radius: 1px;
  			-webkit-border-radius: 1px;
		}
		#contact-form .submit-button{
			margin-right: 25px;
			width: 243px;
		}
		#contact-info {	font-size: 1.2em;	}
		#contact-info dl{	font-size: 1.2em; margin-bottom: 20px;}
		#contact-info dt{
			padding: 5px 0px;
			float: left;
			width: 120px;
		}
		#contact-info dd{
			padding: 5px 0px;
		}
		#contact-info h3{	clear: both;	}
	#contact-info{
		width: 50%;
	}
	
#footer{
	background: url(images/footer-bg.png) no-repeat;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 10px;
	height: 55px;
}
	#footer ul li{
		font-family:Arial, Helvetica, sans-serif;
		float: left;
		padding: 17px 10px;
		font-size: 1.3em;
	}
	#footer ul li a{
		color: #FFF;
		text-decoration: none;
	}
	
.logintext {
	font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;
	font-size: 1.2em;
}

#orders-table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


#orders-table th{
	background-color:#B5790B;
	color:#FFF;
	padding:2px 0 2px 3px;
}

#orders-table td{
	background-color:#FEF7E9;
	padding:2px 0 2px 3px;
	border-color:#CCC;
}

#orders-table table{
	border-color:#FFF;
}

#orders-table a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#063;
}

#orders-table a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#063;
	text-decoration:underline;
}