/**
* Style for Eland's website
**/

html, body {
	background-image: url('/media/img/eland_bg.png');
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #748bb7;
	/*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
	font-family: verdana, helvetica, arial, sans-serif;
	color: #2f6690;
}

marquee {
	float: right;
	width: 600px;
}

#main {
	width: 100%;
}

.container {
	text-align: center;
}

.content {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

#top {
	height: 102px;
	background-color: #ffffff;
	width: 100%;
}

#top .left {
	padding: 8px 0px 0px 5px;
}

#bottom {
	margin-top: 20px;
}

#latest, #latestBottom {
	width: 728px;
	background-color: #2288dd;
	color: #ffffff;
	padding: 8px 8px 8px 8px;
}

#contact, #contactBottom {
	width: 200px;
	color: #004477;
	background-color: #ffffff;
	padding: 8px 8px 8px 8px;
}

#bottom h2 {
	/*float: left;*/
	font-size: 16px;
	font-weight: bold;
	margin-top:16px;
}

span.news {
	padding-left: 12px;
	vertical-align: middle;
}

#contactBottom {
	text-align: left;
	background-color: #99aadd;
	color: #004477;
	min-height: 406px;
	max-height: 4064px;
}

#latestBottom {
	width: 736px;
	background-color: #d4dbef;
	padding: 0px 0px 0px 8px;
}

h4 {
	display: block;
	font-weight: bold;
	padding: 6px 0;
}

#contactBottom p {
	padding: 4px;
}

#contactBottom a, #contactBottom a:link, #contactBottom a:visited {
	text-decoration: none;
	color: #004477;
}

#contactBottom a:hover {
	text-decoration: underline;
}

.link {
	/**background-color: #ffffff;*/
	min-width: 124px;
	max-width: 124px;
	margin-top: 20px;
	text-align: center;
	padding: 0px 0px 0px 0px;
}

.link:hover {
	cursor: pointer;
}

#copy {
	clear: both;
	padding: 12px 0px 12px 0px;
	color: #ffffff;
	font-size: 9pt;
	margin-top: 12px;
}

#events {
	background-image: url('/media/img/eland_events_bg.png');
	background-position: top left;
	background-repeat: repeat-y;
}

#events_2_col {
	background-image: url('/media/img/eland_events_bg_2_col.png');
	background-position: top left;
	background-repeat: repeat-y;
}

#eventsSide {
	float: left;
	width: 250px;
	max-width: 250px;
}

#eventsContent {
	width: 410px;
	float: left;
}

#eventsContent_2_col {
	float: left;
	width: 710px;
}

#eventsSide h1, #eventsContent h1, #eventsSide h2, #eventsRightSide ul, #eventsRightSide h2, #eventsContent_2_col h1 {
	display: block;
	padding: 7px 5px 7px 12px;
	font-size: 16px;
}

#eventsSide ul {
	margin-bottom: 8px;
}

#eventsRightSide h2 {
	background-color: #b8c7db;
	color: #004477;
	margin-top: 0px;
	width: 283px;
}

#eventsRightSide ul {
	padding-top: 1px;
	text-align: right;
}

#eventsSide h1 {
	background-color: #2288dd;
	color: #ffffff;
}

#eventsContent h1, #eventsRightSide ul, #eventsContent_2_col h1 {
	background-color: #e7ecf3;
	color: #004477;
}

h1 span {
	float: right;
}

h1 span ul li {
	display: inline;
}

#eventsRightSide ul li {
	display: inline;
	padding-right: 9px;
	padding-bottom: 0px;
}

#eventsRightSide ul li a, #eventsRightSide ul li a:link, #eventsRightSide ul li a:visited {
	font-size: 12pt;
	text-decoration: none;
	color: #004477;
}

#eventsRightSide ul li img {
	vertical-align: baseline;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.eventsSearchBox, .productsSearchBox, .cmsSearchBox {
	width: 230px;
	padding: 10px;
	background-color: #6381bb;
}

.eventsSearchBox input, .productsSearchBox input, .cmsSearchBox input {
	/*height: 30px;*/
	color: #3F4C6B;
	padding: 6px;
	border: 0px;
}
/*
.eventsSearchBox input[type=text], .productsSearchBox input[type=text], .cmsSearchBox input[type=text] {
	width: 140px;
	font-size: 13pt;
	margin-right: 0px;
}
*/
.eventsSearchBox, .productsSearchBox, .cmsSearchBox {
	background-color:#6381BB;
}
.eventsSearchBox form, .productsSearchBox form, .cmsSearchBox form {
	padding:0;
	background-color: #114588;
}

.eventsSearchBox input, .productsSearchBox input, .cmsSearchBox input {
	width:160px;
	border-top:1px solid #6381BB; 
	border-bottom:1px solid #fff;
}
/*#eventsSearchBox input[type=submit], .productsSearchBox input[type=submit], .cmsSearchBox input[type=submit] {*/
.eventsSearchBox input.submit, .productsSearchBox input.submit, .cmsSearchBox input.submit {
	/*width: 70px;*/
	/*height: 32px;*/
	/*display: block;*/
	/*float: right;*/
	/*margin-left: -6px;*/
	background-color: #114588;
	color: #ffffff;
	/*font-size: 14pt;*/
	/*padding-top: 3px;*/
	vertical-align: middle;
	width:50px;
	height:26px; 
	text-align:center; 
	border:0;
	padding:0; margin:0; vertical-align:top;
}
/*#eventsSearchBox input[type=submit]:hover, .productsSearchBox input[type=submit]:hover, .cmsSearchBox input[type=submit]:hover {*/
.eventsSearchBox input.submit:hover, .productsSearchBox input.submit:hover, .cmsSearchBox input.submit:hover {
	/*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
	font-weight: normal;
	cursor: pointer;
	color: #eeeeee;
}

#eventsSide ul li {
	padding-left:10px;
}

#eventsSide ul li ul {
	padding-bottom:5px;
}

#eventsSide ul li a, #eventsSide ul li a:link, #eventsSide ul li a:visited {
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
	padding: 5px 5px 5px 10px;
	display:block;
}

#eventsSide ul li a:hover {
	color: #eeeeee;
}

#eventsSide h2 {
	display: block;
	background-color: #b2bfe5;
	color: #004477;
	width: 233px;
	margin-bottom: 10px;
}

#eventsContact {
	color: #004477;
	padding: 10px 0px 10px 15px;
	margin-top: 10px;
}

#eventsRightSide {
	width: 300px;
	margin-left: 660px;
}

#eventsContent p {
	padding: 8px 8px 15px 15px;
}

#eventsContent h1 a, #eventsContent h1 a:link, #eventsContent h1 a:visited, #eventsRightSide h2 a, #eventsRightSide h2 a:link, #eventsRightSide h2 a:visited, #eventsContent_2_col h1 a, #eventsContent_2_col h1 a:link, #eventsContent_2_col h1 a:visited {
	color: #004477;
	text-decoration: none;
	font-size: 10pt;
}

#eventsRightSide img {
	margin-bottom: 0px;
}

a.button, a.button:link, a.button:visited, .blog_more, .blog_more:link, .blog_more:visited, span.button input.submit {
	background-color: #2288dd;
	color: #ffffff;
	font-size: 11pt;
	font-weight: bold;
	padding: 3px 7px 3px 7px;
	text-decoration: none;
	margin-right: 8px;
}

span.button input.submit {
	height: 26px;
	width: 150px;
}

.blog_more {
	margin: 10px;
}

a.button:hover, .blog_more:hover, span.button input {
	background-color: #004477;
}

#eventsSide a, #eventsSide a:link, #eventsSide a:visited {
	color: #265d90;
	text-decoration: none;
}

#eventsContent {
	/*font-size: 12pt;*/
}

.miniEventBox {
	padding: 12px;
	clear:both;
}

.miniEventBox img {
	float: left;
	margin-right: 10px
}

.miniEventBox p {
	margin: 0px;
	padding: 0px;
}

.miniEventBox .date, #eventsRightSide .title {
	font-weight: bold;
	color: #004477;
}

#eventsRightSide p {
	padding: 10px;
}

#eventsRightSide .title {
	margin-bottom: 5px;
	display: block;
}

#eventsRightSide a.resultsLink, #eventsRightSide a.resultsLink:link, #eventsRightSide a.resultsLink:visited {
	display: block;
	font-weight: bold;
	color: #004477;
	text-decoration: none;
}

#eventsRightSide a.resultsLink:hover {
	text-decoration: underline
}

form {
	margin-bottom: 12px;
}

form table input, form table select, form table textarea {
	border: 2px solid #99AADD;
	/*width: 130px; */
	width: 100%;
	height: auto;
	/*font-size: 120%;*/
	color: #004477;
}

/*form table select {
	height: 33px;
	width: 218px;
}*/

form table input.submit {
	border: 0px;
	height: 33px;
	padding: 4px 7px 4px 10px;
	background-color: #99aadd;
	color: #ffffff;
	width:auto;
	/*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
}

form table input.submit:hover {
	background-color: #004477;
	font-weight: normal;
	/*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
}

h3.event_title {
	padding: 5px;
}



.datePicker {
	padding: 5px 0px 5px 15px;
	margin-top: 12px;
	height: 20px;
	color: #666666;
	text-decoration: none;
}

form table tbody tr td table tbody tr td {
	padding: 1px;
}

label.datePicker {
	margin-left: 10px;
}

input#datePicker {
	height: 15px;
	border: 1px solid #99aadd;
}

h3 {
	font-size: 13pt;
	color: #004477;
}

#eventsContent_2_col .miniEventBox p {
	padding-top 18px;
}

ul.stars {
	display: block;
	padding: 12px;
}

ul.stars li {
	list-style-type:square;
}

img.rg {
	padding: 8x;
}

span.price {
	margin-right: 12px;
	font-weight: bold;
}

.changeBasketForm input {
	width: 30px;
}

.changeBasketForm input.submit {
	width: 60px;
}

table.basket {
	margin-left: 10px;
	margin-right: 10px;
}

.checkoutForm input, .checkoutForm select {
	width: 200px;
}

.checkoutForm select {
	width: 208px;
}

.paginator {
	margin: 4px 4px 20px 4px;
}

.paginator a {
	float: left;
	margin-left: 5px;
	margin-top: 15px;
	padding: 3px 6px 3px 6px;
	background-color: #2288dd;
	color: #ffffff;
	text-decoration: none;
}

.miniEventBox ul li {
	list-style-type: disc;
	padding-left: 10px;
}

.miniEventBox ul {
	margin-left: 20px;
}

span.news_title {
	display: block;
	padding: 6px;
	font-size: 120%;
	font-weight: bold;
}

span.news_date {
	padding: 4px;
	display: block;
	font-weight: bold;
	font-size: 92%;
}

p.news_content {
	padding: 8px;
	margin-bottom: 13px;
}

#eventsSide ul li:hover {
	background-color: #114588;
}

.button form {
	display: inline;
	margin: 0px;
	padding: 0px;
}

.button td, .button input {
	height: 20px;
	margin: 0px;
}
/*
.button input[type=text] {
	width: 20px;
}
*/
.button input.submit {
	padding: 4px;
}

.button form, .button table, .button tr, .button td, .button input.submit {
	margin: 0px;
	display: inline;
}

p.2col {
	padding: 12px;
	margin: 12px;
}

.basketBox {
	padding: 10px;
}
/*
input[type=radio] {
	width: 15px;
	height: 15px;
}
*/
#basketRegisterForm input, #basketRegisterForm select {
	width: 200px;
}

#basketRegisterForm select {
	width: 208px;
}
/**
* Added by kevin - img.thumbnail, img.large_image
**/
img.thumbnail {
    BORDER-RIGHT: #074178 1px solid;
	margin-right: 10 px;
	margin-left: 10px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #074178 1px solid;
    PADDING-LEFT: 0px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 1px 1px 0px;
    BORDER-LEFT: #074178 1px solid;
    CURSOR: hand;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #074178 1px solid
}
img.large_image {
    BORDER-RIGHT: #074178 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #074178 1px solid;
    PADDING-LEFT: 0px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 1px 1px 0px;
    BORDER-LEFT: #074178 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #074178 1px solid;
}

.topMargin {
	padding-top: 20px;
}

.topLink {
	text-decoration: none;
}

.link {
	padding: 0px;
	margin: 0px;
	margin-top: 11px;
}

.topLink {
	padding-top: 0px;
}

#forgotPasswordFormSubmit, #basketLoginFormSubmit, #registerFormSubmit {
	width: auto;
}

img[align='right'] { /** Insanely dirty hack :p */
	float: right;
}

.b0rk p {
	margin-top: 10px;
}
.event_content { margin:10px; }
.event_content p { margin:8px 0 4px 0; }
table.form, .form table { width:100%; }
input.submit { width:auto; }
input.radio { border:0; }
input.checkbox { border:0; }
form table select { width:auto; }
.cms_page img { margin:10px 10px 10px 10px; }
.cms_page h3 { font-weight:bold; font-size:15px; margin:15px 0 8px 0; }
#eventsSide ul li ul { margin:0; }
.product_price { font-weight:bold; margin:10px 20px; float:right; font-size:15px; }
.product_price .price { font-size:18px; color:#a00; }

/* Kevin 13/04/2010 - fix blog padding on images */
img.clear {
margin: 6px 6px 6px 6px;
border: solid 1px #064078;
clear:both;
}
