/*#############################################################
 * border: 
Name: Coffee N Cream
Date: 2006-08-24
Description: A smooth coffee style template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {
	color: #963; /* link Brown */
	text-decoration: none;
}
a:hover {
	color: #C60;
	text-decoration: underline;
}
body {
	background: #655A46 url(/images/bg.gif);
	color: #543; /* text brown */
	font: normal 62.5% Georgia, "Times New Roman", Times, serif;
}
input, textarea, a.button {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
  text-decoration: none;
}
p,cite,code, .main ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
}
code {
	background: #FFE;
	border: 1px solid #EED;
	border-left: 6px solid #938262;
	color: #554;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
blockquote {
	background: url(/images/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.3em "Lucida Sans Unicode",sans-serif;
	padding-left: 28px;
}
h1,h2,h3 {
	color: #654;
	padding-top: 6px;
}

h2 {
	font-size: 12px;
	font-weight: normal;
}

h2 a.bold{
	font-weight: bold;
}

/* misc */
.clearer {
	clear: both;
}

/* structure */
.container {
	background: url(/images/bgcontainer.gif) repeat-y;
	margin: 0 auto;
	width: 780px;
}

/* header */
.header {
	background: url(/images/bgheader1.gif) repeat-x;
	height: 145px;
	margin: 0 auto;
	width: 760px;
	border: 0px;
}

.banner {
  margin: 0 auto;
  /*text-align: center;*/
  padding: 10px;
  width: 470px;
  height: 65px;
}

/* title */
.title {
	padding:0px; 
	margin:0px;
	border:0px;
}
.title .slogan {
	float:left; 
	padding-top:  45px;
	padding-left: 60px;
}
.title .logo {
	float:right; 
	padding:0px; 
	margin:0px;
}
.title h1 {
	font: normal 3.4em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
}
.title a {
	color: #E4DBCF;
}
.title h2 {
	color: #E4DBCF;
	font: normal 1.4em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
}

/* decorations */
.emph {
	color: green;
}

.image {
	border: 3px double #654;
}

#mymap {
	border: 3px double #654;
	position: absolute;
	top: 308px;
}

.city_sidenav #mymap {
	/*left: 48%;*/
	left: 50%;
	margin-left: -20px;
}

.sidenav #mymap {
	left: 50%;
	margin-left: 55px;
}

.text {
	margin-top: 10px;
	margin-left: 3%;
/*	margin-right: 35%;*/
  width: 470px;
	text-align: justify;
}
.indent {
      text-indent: 15px;
}

a.external {
  background: url(/images/arrow.png) 50% no-repeat;
  width: 15px;
}
a.external:hover {
  text-decoration: none;
}
/* navigation */
.navigation {
	background: #FFF url(/images/bgnavigation.gif) repeat-x;
	font: bold 1.2em Verdana,sans-serif;
	height: 44px;
	margin: 0 auto;
	padding: 0 18px;
	width: 725px;
	border: 0px;
}
.navigation a {
	color: #543;
	text-decoration: none;
	padding: 3px 4px;
	margin-right: 12px;
	line-height: 44px;
}
.navigation a:hover {
	background: #CEBDA1;
	color: #420;
}

/*.navigation ul li {
	display: inline;
}*/

/* main */
.main {
	clear: both;
  float: left;
	padding: 0 10px 12px 28px;
	margin-left: 2%;
/*	margin-right: 30%;*/
}


/* content */
.content, .city_content {
	padding-top: 12px;
	margin-right: 5%;
	float: left;
}
#cities td, #authors td {
  width: 200px;
}
.content {
	width: 58%;
}
.city_content {
	width: 38%;
}
.content .descr {
	color: #987E57;
	font-size: 1.1em;
	margin-bottom: 6px;
}
.content li {
	list-style: url(/images/li.gif);
	margin-left: 18px;
}
/* sidenav */
/* sub navigation */
.sidenav {
	padding-top: 40px;
	float: left;
	width: 30%;
	height: 320px;
}
.city_sidenav {
	float: right;
	width: 55%;
	height: 400px;
}
/* footer */
.footer {
	background: #958463 url(/images/bgfooter.gif) repeat-x;
	color: #FED;
	font-size: 1.1em;
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	width: 760px;
}
.footer a {
	color: #FFD;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* edit form */
.fieldWithErrors {
	display: inline;
}
.fieldWithErrors .styled {
	border: 3px double #EE7575;
}
#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
/*  color: #333;*/
  margin-bottom: 0;
  padding: 5px;
  padding-top: 15px;
}

#errorExplanation li {
  margin-left: 15px;
}
.styled {
	border: 3px double #654;
	padding: 2px 3px;
	margin-top: 5px;
	color: #654;
	font-size: 1.1em;
}

.styled option{
	color: #654;
	font-size: 1.1em;
	padding: 0px 4px;
}

.button {
	border: 1px solid #654;
	color: #654; 
	margin-left: 0px;
/*	margin-bottom: 10px;*/
	margin-top: 5px;
	padding: 2px 3px;
	background-color: #fca; /* red button */
}

a.button {
	padding: 3px 6px;
}
div .input {
	margin-bottom: 5px;
}

.confirmation .input {
  width: 400px;
}

label.required {
  font-weight: bold;
}

form.button-to, form.button-to div {
  display: inline;
}

/* blog */
#blog {
  margin-bottom: 15px;
}
#blog p {
  margin: 0;
  padding: 0;
}
#blog .title {
  font-weight: bold;
}
#blog .date, #blog .link {
  font-size: 1.0em;
}
#blog .intro {
  font-size: 1.2em;
  padding: 5px 0 0;
}
.content > .intro > p {
  color: #963;
  margin-left: 3%;
  text-align: justify;
  margin-top: 10px;
  padding-bottom: 5px;
}
/* autocomplete */
div.auto_complete ul {
  border:1px solid #888 ;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}
div.auto_complete ul li {
  margin:0;
  padding:3px;
  background-color: #fff ;
}
div.auto_complete ul li.selected {
  background-color: #ffb ;
}
div.auto_complete ul strong.highlight {
  color: #800 ;
  margin:0;
  padding:0;
}
/* rating */
.rate {
  width: 16px;
  height: 16px;
  font-size: 14px;
}

.price, .priceNotselected {
  background: url(/images/coins_gray.png) no-repeat;
}

.price:hover, .priceSelected {
  background: url(/images/coins.png) no-repeat;
  text-decoration: none;
}
.service, .serviceNotselected {
  background: url(/images/smile_gray.png) no-repeat;
}

.service:hover, .serviceSelected {
  background: url(/images/smile.png) no-repeat;
  text-decoration: none;
}
.selection, .selectionNotselected {
  background: url(/images/star_gray.png) no-repeat;
}

.selection:hover, .selectionSelected {
  background: url(/images/star.png) no-repeat;
  text-decoration: none;
}

#rates caption {
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  text-align: left;
}

#rates th {
  text-align: left;
}

/* books */
#books .image {
  width: 200px;
  height: 100px;
  float: left; 
  border: none;
}

#books .description, #sum, #order {
  margin-left: 220px;
}


#books .odd, #books .even {
  padding: 5px 0;
  border-bottom: 1px solid #654;
}
#sum {
  font-size: 12px;
  font-weight: bold;
}

a img {
  border: none;
}
/* category */
.box a:visited {
  background-color: #f2d2b1; 
}
.box ul, #categories ul {
  list-style: none;
  padding-bottom: 0;
  font-size: 12px;
}

.box li, #categories li {
  padding: 2px 0;
}

#categories li li {
  padding-left: 15px;
}
#categories .unfolded, #cart .remove a {
  background: url(/images/fold.png) 50% 50% no-repeat;
  width: 12px;
  height: 12px;
  text-decoration:none;
}
#categories .folded {
  background: url(/images/unfold.png) 50% 50% no-repeat;
  width: 12px;
  height: 12px;
  text-decoration:none;
}
#categories .nofold {
  width: 12px;
  height: 12px;
}

/* cart */
#sidenav {
/*  position: fixed;
  top: 300px;
  left: 50%;
  margin-left: 160px;*/ /* 390px - half */
  margin: 0 20px 0 550px;
}

.box {
  border: solid 1px #543;
  padding: 10px;
  background-color: white;
  margin: 10px 0;
}

.step {
  padding: 2px;
}

.currentStep {
  background-color: #fca;  
}
#order, #sum {
  margin-top: 20px;
}
#address {
  float: left;
  width: 220px;
}
#invoice_outer {
  height: 350px;
  margin-left: 230px;
}

#invoice {
/*  display: none; */
}
/* tables */
td.right {
  text-align: right;
}
td, th {
  font-size: 1.2em;
  padding: 2px 5px;
}
tr.even {
  background-color: white;
}
td.currency {
  text-align: right;
}
/* tags */
.css1 { font-size: 1.0em; }
.css2 { font-size: 1.2em; }
.css3 { font-size: 1.4em; }
.css4 { font-size: 1.6em; }