/*
STYLE SHEET FOR MULLOCKS SPECIALIST AUCTIONS
Created by Kirsty Burgoine
www.xxxxxxxx.co.uk
ToC
	1.  defaults
	2.  structure
	3.  links and navigation
	4.  fonts
	5.  images
	6.  hacks
Notes
*/

/* ------- 1. defaults ------- */

* {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	background:url(../site-images/body_bg.gif);
}

.breaker { clear: both; height: 0px; }

/* ------- 2. structure ------- */

#container {
	margin: 10px auto;
	border: solid 1px #fff;
	width: 950px;
	background-color: #003165;
	overflow: hidden;
}


#masthead {  /* Company logo or banner */
height: 75px;
width: 950px;
}

#logo {
float: left;
height: 75px;
}

#focus {
height: 130px;
width: 950px;
background-color: #ccc;
}

#navigation {
height: 40px;
width: 950px;
overflow: hidden;
}

#content {  /*  Main central content box  */
background-color: #FFFFEC;
width: 950px;
height: 100%;
}

#left {
float: left;
width: 250px;
margin-top: 15px;
text-align: left;
}

.news_left {
padding: 0 15px;
margin-top: 10px;
}

#enews_container {
border: solid 3px #ccc;
background-color: #003165;
width: 210px;
margin: 15px 0 0 15px;
}

.enews {
height: 120px;
}

#gazette {
width: 210px;
margin: 15px 0 0 15px;
}

#center {
float: left;
width: 460px;
min-height: 820px;
padding: 0 20px;
margin: 20px 0;
border-left: solid 2px #003165; 
border-right: solid 2px #003165; 
}

.sale {
margin-bottom: 20px;
}

#right {
float: left;
width: 150px;
padding: 0 20px;
margin: 20px 0;
}

.star-container {
background: #fff;
width: 135px;
padding: 10px;
border: solid 1px #006;
}

#two_column { /* used on forthcoming events as page layout changes to 2 columns instead of 3 */
float: left;
width: 680px;
padding: 0;
margin: 20px 0;
border-left: solid 2px #003165; 

}

.column_span {
float: left;
width: 680px;
margin: 0 0 0 20px;
}

.column {
width: 310px;
margin: 0 0 0 20px;
float: left;
text-align: justify;
}

#two_column_left{
/*float:left;*/
margin-left:22px;
}

#imagethumbs{
margin:10px 0px 10px 22px;
}

.imagethumb{
padding:2px;
float:left;
}


.product { 
width: 148px;
float: left;
margin: 10px;
padding: 0;
border: solid 1px #003165;
}

.product_inner {
width: 128px;
height: 240px;
float: left;
margin: 0;
padding: 10px;
overflow: hidden;
background: #fff;
font-size: 10px;
line-height: 15px;
}
.product_link_bar {
background-color: #003165;
float: left;
height: 14px;
margin: 0;
padding: 3px 10px;
width: 128px;
text-align:center;
}
.product_link_bar a {
color:#ffffff;
font-weight:bold;
}

a.lot_title{ 
font-size:12px;
}

.product p{
padding:10px 0px 0px 0px;
}

.product_image {
width: 128px;
height: 127px;
overflow: hidden;
text-align: center;
margin-bottom: 5px;
}
.product_image img{
margin-top:5px;
}

#product_detail {
margin-left: 20px;
}

#product_large {
height: 320px;
overflow: hidden;
text-align: center;
}

#footer {
height: 40px;
width: 950px;
overflow: hidden;
}


.seperator {
	clear: both;
	height: 0;
}

/* ------- 3. links and navigation ------- */

a {
	font-family: Arial, Helvetica, sans-serif;
	color: #003165;
	text-decoration: none;
	font-weight:600;
}

a:visited {
}

a:hover {
color: #ccc;
}

a:active {
}

#logo a { /* Mullocks logo with link to home page */
float: left;
margin-top: 3px;
}

#masthead p a {
color: #fff;
font-size: 10px;
float: right;
}

#navigation ul { /* main nav in navigation.inc.php */
margin: 12px 0 0 18px;
padding: 0;
list-style-type: none;
}

#navigation ul li {
float: left;
}

#navigation ul li a {
color: #ffffff;
text-decoration: none;
font-size: 14px; 
padding: 0 25px 0px 0;
font-family: Georgia, Times, "Times New Roman", serif;
}

#navigation ul li a:hover {
color: #0066FF;
}

#center ul.subnav {
background-color: #ccc;
margin-top: 0;
}

ul.subnav li {
display: inline;
padding: 5px 10px;
}

#left_nav ul {
margin: 0 0 0 15px;
padding: 0;
list-style-type: none;
width: 215px;
}

#left_nav ul li {
width: 215px;
height: 22px;
display: block;
margin-bottom: 15px;
}

#left_nav ul li a {
display: block;
/* font-family: "Times New Roman", Times, serif; */
font-size: 11px;
color: #ffffff;
text-decoration: none;
background: url(../site-images/left-nav.gif) no-repeat center left;
padding: 10px 5px;
}

#left_nav ul li a:hover {
background: url(../site-images/left-nav-hover.gif) no-repeat center left;
}

#right h2 a, #left h2 a {
font-size: 18px;
line-height: 22px;
font-weight: 600;
padding-bottom: 15px;
font-family: Georgia, Times, "Times New Roman", serif;
}

#right h3 a, #left h3 a {
font-size: 16px;
font-weight: 600;
padding-bottom: 15px;
text-decoration: none;
color: #003165;
line-height: 22px;
}

#right h3 a:hover {
color: #003165;

}

#center ul {
margin: 10px 0 0 0;
padding: 0;
list-style-type: none;
}

#center ul li {

}
#center ul li a {
font-size: 14px;
font-weight: 600;
padding-bottom: 15px;
text-decoration: none;
color: #003165;
}

#center ul li a:hover {
color: #003165;

}

#right p a {
font-size: 12px;
font-weight: 600;
padding-bottom: 15px;
text-decoration: none;
color: #003165;
}

#right p a:hover {
color: #ccc;

}

#footer ul {
margin: 10px auto;
padding: 0;
list-style-type: none;
text-align: center;
}

#footer ul li {
display: inline;

}

#footer ul li a {
color: #ffffff;
text-decoration: none;
border-right: solid 1px #ffffff;
padding: 0 5px;
}

#footer ul li a:hover {
color: #0066FF;
}

#credits ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#credits ul li {
display: inline;
color: #ffffff;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 9px;
padding: 5px 20px;
}

#credits ul li a {
color: #ffffff;
text-decoration: none;
}

/* pagination */
.pagination {
/*display: inline;*/
float: right;
/*clear: both;*/
}

.page {
width: 25px;
height: 25px;
display: block;
text-align: center;
margin-left: 5px;
background: url(../site-images/page.png) no-repeat;
color: #fff;
font-weight: bold;
float: left;
padding-top: 3px;
}

.page:hover {
color: #ccc;
}

.page-end {
width: 50px;
height: 25px;
display: block;
text-align: center;
margin-left: 5px;
background: url(../site-images/page-end.png) no-repeat;
color: #fff;
font-weight: bold;
float: left;
padding-top: 3px;
}

.page-end:hover {
color: #ccc;
}

.current {
width: 25px;
height: 25px;
display: block;
text-align: center;
margin-left: 5px;
background: url(../site-images/page-current.png) no-repeat;
font-weight: bold;
float: left;
padding-top: 3px;
color: #003165;
}

/* media upload links */
.pdf {
background: url(../site-images/pdf-icon.png) no-repeat left center;
font-weight: 600;
padding: 15px 35px;
display: block;
}

.movie {
background: url(../site-images/mov-icon.png) no-repeat left center;
font-weight: 600;
padding: 15px 35px;
display: block;
}

.film {
background: url(../site-images/document-icon.png) no-repeat left center;
font-weight: 600;
padding: 15px 35px;
display: block;
}

.word {
background: url(../site-images/document-icon.png) no-repeat left center;
font-weight: 600;
padding: 15px 35px;
display: block;
}

.excel {
background: url(../site-images/document-icon.png) no-repeat left center;
font-weight: 600;
padding: 15px 35px;
display: block;
}

.text {
background: url(../site-images/document-icon.png) no-repeat left center;
font-weight: 600;
padding: 15px 35px;
display: block;
}
/* end media upload links */


a.view { /* view all lots */
font-size: 18px;
}


/* -------4. fonts ------- */

h1, h2, h3, h4 {
font-family: Georgia, Times, "Times New Roman", serif;
color: #003165;
}



#masthead h1 { /* main site strapline */
text-align: left;
font-size:14px;
line-height: 18px;
float: left;
margin: 10px;
color: #fff;
}

#center h1, #two_column h1 {
font-size: 20px;
font-weight: 600;
padding-bottom: 15px;
line-height: 28px;
}

#two_column h1 {
padding-left: 20px;
line-height: 28px;
}

#enews_container h2 {
background-color: #ccc;
font-size: 14px;
color: #003165;
padding: 5px;
}

#center h2, #two_column h2 {
font-size: 18px;
font-weight: 500;
padding-bottom: 10px;
}

#two_column .column h2 {
margin-top: 10px;
}

#right h2 {
font-size: 17px;
line-height: 22px;
font-weight: 600;
padding-bottom: 15px;
}

#gazette h3 {
padding-bottom:10px;
}

h4{
}

p {
font-family: Arial, Helvetica, sans-serif;
color: #003165;
padding-bottom: 15px;
}

.sale p {
padding-bottom: 10px;
}

#product_detail p strong {
font-size: 16px;
line-height: 22px;
}

#two_column p.para {
margin-left: 20px;
}

#two_column p.no-prod {
margin-left: 20px;
}

.enews p {
padding: 15px;
color: #fff;
}


ul {
}


ol {
margin: 10px 0 0 20px;
font-family: Arial, Helvetica, sans-serif;
color:#003165;
}

hr {
}

.column_span table { /* table on prices realised */
font-family: Arial, Helvetica, sans-serif;
width: 640px;
color:#003165;
border-top: solid 1px #003165;
border-right: solid 1px #003165;
border-left: solid 1px #003165;
}

.column_span table td {
border-bottom: solid 1px #003165;
border-right: solid 1px #003165;
padding: 3px;
}

.column_span table td:last-child {
border-right: 0;

}

.column_span table tr {

}
/* ------- 5. forms ------- */

#masthead form {
margin: 25px 20px 0 0;
float: right;
display: inline;
/* width: 220px; */
}


#enews_container form {
padding: 10px;
}

#masthead form .textfield, #enews_container form .textfield {
margin-bottom: 0px;
width: 130px;
height: 20px;
background: url(../site-images/enews-textfield.png) no-repeat;
border: none;
padding: 2px 15px 3px 5px;
}

#enews_container form .textfield {
margin-bottom: 10px;
}

#masthead form .submitbutton, #enews_container form .submitbutton {
border: none;
background-color: #ccc;
color: #003165;
border: solid 2px #fff;
cursor: pointer;

}

#masthead form .submitbutton:hover, #enews_container form .submitbutton:hover {
background-color: #003165;
color: #fff;
}

form#enquiry {
	font-family: Arial, Helvetica, sans-serif;
}

form#enquiry label {
color: #003165;
font-weight: 600;
font-size: 14px;
}

form#enquiry .textfield {
width: 300px;
float: right;
margin-bottom: 10px;
padding: 5px;
border: solid 2px #ccc;
}

form#enquiry .textfield:hover {
border: solid 2px #003165;;
}

form#enquiry .textarea {
width: 300px;
float: right;
margin-bottom: 10px;
padding: 5px;
border: solid 2px #ccc;
}

form#enquiry .textarea:hover {
border: solid 2px #003165;;
}

form#enquiry .submitbutton {
border: none;
background-color: #003165;
color: #fff;
border: solid 2px #fff;
cursor: pointer;
float: right;
padding: 5px 10px;
}

form#enquiry .submitbutton:hover {
background-color: #9D9CA5;
color: #fff;
}

form#enquiry .notice {
float: right;
font-weight: 600;
color: #003165;
}

form#enquiry .required {
font-weight: 600;
color: #003165;
font-size: 18px;
}

/* ------- 6. images ------- */

a img {
	border: 0;
}

#focus ul { /* images in focus area showcasing item lots */
margin: 8px 0 0 18px;
padding: 0;
list-style-type: none;
float: left;
}

#focus ul li.first {
padding-left: 0;
}

#focus ul li {
display: inline;
padding: 0 15px;
}

.noimage {
width:125px; 
float:left; 
margin: 15px 15px;
}

.product_img {
width:125px; 
float:left; 

}

.product_image img {
max-width: 125px;
max-height: 100px;
border: solid 1px #003165;
}

img#star_lot_image {
width: 125px;
height: 100px;
}

a.small_lot_details {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}

#product_large img {
height: 300px;
border: solid 3px  #003165;
margin-right: 30px;
}

.product_image img

/* -------7. hacks ------- */

body {/*IE 5 centring bug fix */
/* text-align: center; */
}

#wrapper {
text-align: left;
}

* html #masthead form {
width: 230px;
}

img, div, input, a { behavior: url(iepngfix.htc) }

* html #focus ul {
margin-left: 10px;
}

* html .product_image img {

height: expression(document.body.clientHeight < 102? "100px" : document.body.clientHeight > 102? "100px" : "auto");
width: expression(document.body.clientWidth < 117? "115px" : document.body.clientWidth > 117? "125px" : "auto");
}

* html .product_image {
overflow: hidden;
}

* html #center {
padding: 0 10px;
}

* html .column_span { 
width: 600px;
margin: 0 0 0 10px;
}

* html .column_span table {
width: 580px;
} 

.magnifier {
	background-color: #FFFFEC;
	border: 2px solid #003165;
	cursor: move;
}