/* ------LEFT COLUMN------- */

.leftcolumn {
	background-color: #ffffff;
	width:131px; 
	text-align: left;
	padding-right: 0px;
	padding-left: 0px;
	border-left: 0px;
	float: left;
 	border: 0px solid #A6B2BC;
}


#logo {
	margin-bottom: 28px;
}

#left-pic {
	margin-bottom: 0px;
}


/* ------spotlight box------*/

.leftcolumn #spotlight {
	background-color: #ffffff;
	width:129px; 
	padding-right: 0px;
	padding-left: 0px;
	border: 0px solid #666666;
	margin-top:10px;
	margin-bottom: 10px;
	float: left;
}

.leftcolumn #spotlight h2 {
	font: 110% arial, sans-serif;
	font-weight: bold;
	margin-top: 5px;
	color: #cc3300;
	text-align: left;
}

.leftcolumn #spotlight p {
	font: 100% arial, sans-serif;
	font-weight: bold;
	margin-top: -5px;
	color: #333333;
	text-align: left;
}

.leftcolumn #spotlight a {
	font: 100% arial, sans-serif;
	font-weight: bold;
	margin-top: -5px;
	color: #333333;
	text-align: left;
	text-decoration: none;
}

.leftcolumn #spotlight a:hover {
	font: 100% arial, sans-serif;
	font-weight: bold;
	margin-top: -5px;
	color: #333333;
	text-align: left;
	text-decoration: underline;
}


/* ------translations box------*/

.leftcolumn #translations {
	background-color: #ffffff;
	width: 129px; 
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 40px;
	border: 0px solid #666666;
	float: left;
}

.leftcolumn #translations h2 {
	font: 110% arial, sans-serif;
	font-weight: bold;
	margin-top: 5px;
	color: #cc3300;
	text-align: left;
}

.leftcolumn #translations p {
	font: 100% arial, sans-serif;
	font-weight: bold;
	margin-top: -5px;
	color: #333333;
	text-align: left;
}



/* ------CENTRE COLUMN------- */


.centercolumn {
	background-color: #ffffff;
	width: 304px;
	text-align: left;
	padding-right: 10px;
	padding-left: 15px;
	float: left;
	border: 0px solid #A6B2BC;
}


#title {
	text-align: left;
	margin-top: 50px;
	margin-bottom: 0px;
	padding: 0px;
	padding-bottom: 10px;
	border: 0px solid #A6B2BC;
	vertical-align:top;
}

#title h1 {
	font: 120% arial, sans-serif;
	font-weight: bold;
	color: #cc3300;
	margin-bottom: 0px;
}

.centercolumn h2 {
	font: 110% arial, sans-serif;
	font-weight: bold;
	color: #cc3300;
}

.centercolumn p {
	font: 100% arial, sans-serif;
	font-weight: normal;
	color: #333333;
	line-height: 20px;
}

.centercolumn a, .centercolumn a:visited  {
	color: #cc3300;
	text-decoration: none;
	font-weight: bold;
}

.centercolumn a:hover {
	color: #333333;
	text-decoration: underline;
}


/*-------getting here maps page------*/

.map {
	text-align: left;
	height: 98px;
}

.maptext {
	font: 100% arial, sans-serif;
	color: #cc3300;
	float: right;
	width: 110px;
	vertical-align: top;
	text-align: left;
}

#mapborder1 {
	border-top: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
	border-color: #333333;
}

#mapborder2 {
	border-right: 1px solid;
	border-left: 1px solid;
	border-color: #333333;
}

#mapborder3 {
	border-right: 1px solid;
	border-left: 1px solid;
	border-color: #333333;
}

#mapborder4 {
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
	border-color: #333333;
}


/*--------shop listings page--------*/

.shoplisting {
	border: 1px solid #a6b2bc;
	width: 290px;
	padding: 0px;
	margin-top: 10px;
}

.shoplisting h2 {
	font: 110% arial, sans-serif;
	font-weight: bold;
	color: #cc3300;
	padding: 10px;
	margin-top: 0px;
	background-color: #cccc99;
}

.shoplisting h3 {
	font: 100% arial, sans-serif;
	font-weight: bold;
	color: #333333;
	padding: 10px;
	margin-top: -10px;
}

.shoplisting p {
	font: 100% arial, sans-serif;
	font-weight: normal;
	color: #333333;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: -20px;
}

.shoplisting a, .shoplisting a:visited {
	color: #333333;
	text-decoration: none;
}

.shoplisting a:hover {
	color: #cc3300;
	text-decoration: underline;
}


.shoplisting a.map{
	font-weight: bold;
	color: #cc3300;
}

/*--------table - used on shop listing and contact pages --------*/

table {
	width: 290px;
	border: 1px solid #a6b2bc;
	border-collapse: collapse;
	margin-bottom: 10px;
	margin-top: 14px;
}

th {
	font: 110% arial, sans-serif;
	text-align: left;
	font-weight: bold;
	color: #cc3300;
	padding: 10px;
	background-color: #cccc99;
}

td {
	font: 100% arial, sans-serif;
	font-weight: normal;
	color: #333333;
	padding: 5px;
}

td a.map {
	font-weight: bold;
	color: #cc3300;
}


/*--------contact table--------*/

.contacttable {
	width: 290px;
	border: 1px solid #a6b2bc;
	border-collapse: collapse;
}

.contacttable th {
	text-align: left;
	padding: 10px;
}

.contacttable td {
	font: 100% arial, sans-serif;
	font-weight: normal;
	color: #333333;
	padding: 5px;
}

.contacttable td a.map {
	font-weight: bold;
	color: #cc3300;
}





/* RIGHT COLUMN */


#rightcolumn {
	background-color: #ffffff;
	float: right;
	width:288px;
	text-align: right;
	padding-right: 0px;
	padding-left: 0px;
	border-left: 0px;
	margin-bottom: 20px;
}



/* double columns in bottom of right column */

#right-subleftcolumn {
	background-color: #ffffff;
	width:144px; 
	text-align: left;
	padding: 0px;
	padding-bottom: 20px;
	border: 1px solid #666666;
	margin-top:10px;
	float: left;
}



#right-subleftcolumn h1 {
	font: 110% arial, sans-serif;
	font-weight: bold;
	margin-top: 0px;
	color: #ffffff;
	padding: 3px;
	background-color:#cc3300;
	padding-left: 5px;
	margin-bottom: -10px;
}


#right-subleftcolumn ul {
	list-style-type: none;
	text-align: left; 
	padding-left: 0;
	margin-left: 0;
}

#right-subleftcolumn li {
	font-family: arial, sans-serif;
	color: #cc3300;
	font-weight: bold;
	font-size: 100%;
	padding-top: 15px;	
	padding-right: 5px;
	padding-left: 5px;
}

#right-subleftcolumn li a, #right-subleftcolumn li a:visited {
	text-decoration: none;
	color: #cc3300;
}

#right-subleftcolumn li a:hover {
	text-decoration: underline;
	color: #333333;
}


#right-subrightcolumn {
	background-color: #ffffff;
	width:131px; 
	text-align: right;
	padding-right: 0px;
	padding-left: 0px;
	margin-top:10px;
	float: right;
}



.right-pic {
	margin-bottom: 10px;
}



#contentrightcolumn h1 a:link, #contentrightcolumn h1 a:visited {
	font: 120% arial, sans-serif;
	font-weight: bold;
	margin-top: 5px;
	color: #cc3300;
	text-decoration: none;
}

#contentrightcolumn h1 a:hover {
	font: 120% arial, sans-serif;
	font-weight: bold;
	margin-top: 5px;
	color: #cc3300;
	text-decoration: underline;
}



#contentrightcolumn p {
	font: 100% arial, sans-serif;
	font-weight: normal;
	margin-top: 5px;
	color: #666666;
}


#contentleftcolumn-purplebox h1 {
	font: 120% arial, sans-serif;
	font-weight: bold;
	margin-top: 5px;
	color: #ffffff;
}