/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}


/* general */
html{
	background: #0734a7 url('../img/backgrounds/bg-body.png') repeat-x;
}

body{
	font-family: arial, verdana;
	font-size: 13px;
}

strong{
	font-weight: bold;
}

a{
	color: #2149bd;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

#navigation a{
	font-weight: bold;
	float: left;
	padding: 0 20px;
	color: #000;
	text-shadow: 1px 1px 1px #eee;
}

#navigation a:hover{
	text-decoration: none;
}

h2{
	font-size: 18px;
	color: #305FE6;
	margin-bottom: 8px;
}

h3{
	font-weight: bold;
	margin: 0 0 4px 0;
}

p{
	line-height: 1.4em;
	margin-bottom: 10px;
}

#UserLoginForm .input{
	margin-right: 4px;
}

div.input, div.submit{
	float: left;
	clear: both;
}

table.events td{
	height: 42px;
}

table.events div.input{
	clear: none;
	margin-bottom: 0;
}

div.page-item{
	float: left;
	clear: both;
	width: 100%;
}

#header{
	background: #fff;
	float: left;
	padding: 4px 4px 0 4px;
	width: 892px;
}

#header-inner{
	background: url('../img/header.jpg') no-repeat;
	height: 229px;
}

#login-wrapper{
	margin: 20px auto 0 auto; 
	height: 60px;
	/*background: url('../img/backgrounds/bg-login.png') repeat-x;*/
}

#wrapper{
	margin: 0 auto; 
	width: 900px;
}

#container{
	background: #fff;
	margin-bottom: 32px;
	padding: 32px 0;
}

#navigation{
	height: 37px;
	line-height: 37px;
	background: url('../img/backgrounds/bg-navi.png') repeat-x;
}

img.divider{
	float: left;
}

div.menu-line{
	margin-bottom: 16px;
}

#container-left{
	float: left;
	padding: 0 0 24px 24px;
}

#container-right{
	width: 600px;
	float: right;
	padding: 0 24px 0 0;
}

#content{
	width: 560px;
	float: right;
	margin-right: 24px;
}

h2.big{
	font-size: 20px;
	margin: 24px 0 8px 0;
	font-weight: bold;
}

.welcome{
	margin-bottom: 24px;
	line-height: 18px;
	font-size: 14px;
}

/*** Left components ***/
.left-component{
	width: 220px;
	margin-bottom: 32px;
}

.left-component-title{
	padding: 8px 10px 0 16px;
	height: 26px;
	background: url('../img/backgrounds/bg-component-header.png') repeat-x;
	color: #fff;
}

.left-component-title .icon{
	float: right;
}

.left-component li{
	padding: 8px 16px;	
	border: 1px solid #dde6f1;
	border-top: 0;
}

/*** Blog date box ***/
div.date-box-container{
	float: left;
}

div.date-box{
	width: 50px;
	background: url('../img/backgrounds/bg-blog-datebox.png') repeat-x;
	float: left;
	margin-right: 24px;
}

div.date-box-upper{
	font: bold 24px georgia;
	width: 44px;
	height: 34px;
	border: 1px solid #fa6969;
	margin: 2px;
	float: left;
	text-align: center;
	color: #fff;
}

div.date-box-bottom{
	width: 48px;
	float: left;
	background: #fff url('../img/date-box-shadow.gif') top repeat-x;
	text-align: center;
	border: 1px solid #c9c9c9;
	border-top: none;
}

/*** Post ***/
div.post-container{
	width: 100%;
	float: left; 
	padding-bottom: 22px;
	margin-bottom: 22px;
	border-bottom: 1px solid #eee;
}

div.posts-index{
	padding-left: 14px;
	width: 400px;
	float: left;
}

div.post-container h2 a{
	text-decoration: none;
	color: #305fe6;
	font-weight: bold;
}

div.post-content{
	margin-top: 12px;
}

p.author{
	color: silver;	
}

/*** Error msg ***/
div.message{
	padding: 16px;
	line-height: 1em;
	margin-bottom: 18px;
	border: 1px solid #eee;
	font-size: 14px;
}

/*** Order ***/
form.order-form{
	float: left;
}

select.quantity{
	margin: 0 6px;
}

input.auto-login{
	margin-right: 6px;
}

/*** Delimiter ***/
span.delimiter{
	color: silver;
	margin: 0 6px;
}

/*** Product ***/
div.product-container{
	width: 100%;
	float: left;
	padding: 0 0 32px 0;
	background: #fff;
	color: #000;
}

ul.bullets{
	margin-bottom: 10px;
}

.product-container li, ul.bullets li{
	line-height: 18px;
	list-style: disc outside none;
	margin-left: 16px;
}

.product-container .column{
	width: 300px;
	float: left;
}

.product-container .column-image{
	width: 300px;
	float: left;
	text-align: center;
}

.product-container .teaser, .product-container .description{
	margin-top: 12px;
}

.product-container h2{
	color: #255fc1;
	font-weight: bold;
	font-size: 16px;
}

.product-container .price{
	margin: 10px 0;
}

.product-container .postage{
	margin-top: 8px;
}

.product-image{
	width: 230px;
	float: left;
	margin: 0 0 12px 0;
}

div.product{
	float: left;
	width: 440px;
}

/*** Form ***/
.defaultSimpleSkin table.mceLayout, div.input{
	margin-bottom: 8px;
}

#login form input[type=text], #login form input[type=password]{
	-moz-box-shadow: 1px 1px 2px #666 inset;
	-webkit-box-shadow: 1px 1px 2px #666 inset;
}

form input[type=text], form input[type=password]{
	border: 1px solid #333;
	height: 20px;
	padding: 2px 4px;
}

form input[type=submit]{
	margin-left: 120px;
}

form label{
	float: left;
	text-align: right;
	width: 100px;
	margin-right: 20px;
	height: 26px;
	line-height: 26px;
}

div.error-message{
	font-size: 11px;
	margin-left: 120px;
	color: red;
	margin-bottom: 12px;
	margin-top: 4px;
}

p.required{
	margin: 0 0 12px 120px;
}

/*** Blog Component ***/
p.blog-date{
	font-size: 10px;
	color: gray;
}

/*** News ***/
div.news-content{
	margin: 16px 0;
}

/*** Bid Listing ***/
div.bid-container{
	padding-bottom: 16px;
	border-bottom: 1px solid #eee;
	margin-bottom: 16px;
}

p.bid-points{
	color: #05dc00;
	font-weight: bold;
}

/*** Orders ***/
p.order-count{
	margin-bottom: 12px;
}

/*** Table ***/
table{
	border-collapse: collapse;
	float: left;
}

tr th{
	padding: 0 16px;
	height: 34px;
	background: #fff url('../img/backgrounds/bg-component-header.png') repeat-x;
	color: #fff;
}

tr{
	border-bottom: 1px solid #DDE6F1;
}

tr.total td, tr.total{
	font-weight: bold;
	border-bottom: 0;
}

td{
	border-bottom: 1px solid #DDE6F1;
	padding: 8px 12px;
}

td.center{
	text-align: center;
}

ul.competition{
	margin-bottom: 12px;
}

/*** Login ***/
div.login{
	float: left;
	height: 40px;
}

#login{
	padding: 20px 24px 0 24px;
	background: url('../img/backgrounds/bg-login.png') repeat-x;
}

#login div.input{
	margin-right: 6px;
	clear: none;	
}

#login div.submit{
	margin-left: 8px;
	clear: none;	
}

#login-right{
	width: 14px;
	height: 60px;
	float: left;
	background: url('../img/backgrounds/bg-login-right.png') no-repeat;
}

.loginForm div.input{
	float: left;
	width: 120px;
	margin-right: 8px;
}

.loginForm div.submit{
	float: left;
}

.loginForm input[type=submit], #UserLoginForm input[type=image]{
	margin-left: 8px;
}

#left-menu{
	float: left;
	margin: 0 0 0 20px;
}

#login .button{
	float: left;
	margin-left: 6px;
}

#login .login-message{
	 float: left;
	 color: #fff; 
	 margin: 2px 8px 0 0;
}

#BidAddForm div.select{
	float: left;
}

#BidAddForm input[type="submit"]{
	margin-left: 0;
}

.event-list{
	float: left;
	width: 200px;
}

img.flag-home{
	margin-left: 5px;
}

img.flag-away{
	margin-right: 5px;
}

.event-date{
	padding-bottom: 2px;
	border-bottom: 1px dotted silver; 
	margin-bottom: 4px;
}

.event-container{
	margin: 6px 0 24px 0;  
	float: left;
	clear: both;
}

.test{
	float: left;
	clear: both;
	margin-bottom: 8px;
}

table th, .scores th, table td{
	text-align: center;
}

td.left{
	text-align: left;
}

.bidButton{
	font-family: "arial black";
	float: left;
}

div.bid{
	margin-right: 6px;
	float: left;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background: url('../img/backgrounds/bg-bid.png') no-repeat;
	color: #eee;
}

table.events .result{
	font-family: "arial black";
	color: #000;
}

div.bid-selected{
	color: #2149bd;
}

.bidButton a{
	margin-right: 6px;
	float: left;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background: url('../img/backgrounds/bg-bid.png') no-repeat;
	color: #eee;
}

.bidButton a:hover{
	text-decoration: none;
	color: #2149bd;
}

table.events td.title-home{
	text-align: right; 
	padding-right: 10px;
}

table.events td.title-home img{
	margin-left: 6px;
}

table.events td.title-away{
	text-align: left; 
	padding-left: 10px;
}

table.events td.title-away img{
	margin-right: 6px;
}

table.events .date{
	font-weight: bold;
}

table.events .separator{
	padding: 8px 0;
}

.bid-info{
	border: 1px solid #eee; 
	border-width: 1px 0; 
	padding: 12px 0 12px 24px; 
	margin: 20px 0; 
	line-height: 1.4em
}

div.bid-info-para{
	font-size: 14px; 
	margin-bottom: 12px;
}

span.underline{
	text-decoration: underline;
}

span.italic{
	font-style: italic;
}

/*** Cake ****/
.cake-debug{
	background: #fff;
}

table.cake-sql-log{
	background: #fff;
}

#UserAddForm div.submit input{
	margin-left:120px;
}

#UserLoginForm input.submit-img{
	margin-left:120px;
}