/****** HTML Tag Edits ******/

body {
	/*background-color: #FFFFFF;*/
	background: #28462e url(framework/background_body.jpg) no-repeat center top;
	font-family:arial;
	color:#565656;
	font-size:12px;
	padding: 0;
	margin: 0;
	}
	
h1 {
	font-size:20px;
	font-weight: normal;
	color:#2a462b;
	margin-top:-3px;
	}
	
h2 {
	font-size:16px;
	font-weight:bold;
	color:#2a462b;
	margin: 0px 0px 5px 0px;
	}
	
h3 {
	font-size:14px;
	font-weight:bold;
	color:#2a462b;
	margin: 0px;
	padding: 0px;
	}
	
a {
	color:#1c472e;
	}
	
a:hover {
	color:#23593a;
	}

img {
	border: none;
	}
	
blockquote {
	border-top:5px solid #153b24;
	background-color:#DDDDDD;
	width:90%;
	padding:5%;
	color:#000000;
	margin: 0px;
	}

ol {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	}
	
	ol li {
	    margin-top: 10px;
	    }

ul {
	margin: 7px 0px 0px 7px;
	padding: 0px;
	}
	
	ul li {
		list-style:none;
		background: transparent url(framework/bullet.gif) no-repeat left 1px;
		padding:0px 0px 6px 13px;
		}

.smallFont {
	font-size: 11px;
	}
	
.firstParagraph {
    font-size: 14px;
    font-weight: bold;
    color: #2A462B;
    }
    

/*** SLIDESHOW ***/

ul.slideshow {
    list-style-type: none;
    width: 472px;
    height: 245px;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
    background: none;
    border: 1px solid #A8A8A8;
    }
     
    ul.slideshow li {
        position:absolute;
        left:0;
        right:0;
        padding: 0;
        background: 0;
        }
 
        ul.slideshow li.show {
            z-index:500;    
            }
 
ul img {
    border:none;    
    }
 
#slideshow-caption {
    width:475px;
    position:absolute;
    bottom:0;
    left:0; 
    color:#000000;
    background:#E4E1D8;
    z-index:500;    }
 
    #slideshow-caption .slideshow-caption-container {
        padding:5px 10px 7px 10px;   
        z-index:1000;   
        }
 
    #slideshow-caption h3 {
        margin:0;
        padding:0;  
        font-size:14px;
        }
 
    #slideshow-caption p {
        margin:5px 0 0 0;
        padding:0;
        }
	
	
/****** Custom Classes ******/

.marquee {
    width: 377px;
    float: left;
    padding: 7px 10px;
    display: block;
    background-color: #dde4e0;
    border: 1px solid #a8a8a8;
    border-bottom: 0;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    }
    
.marqueeReadMore {
    display: inline-block;
    float: left;
    background-color: #a8a8a8;
    width: 75px;
    padding: 8px 0 7px 0;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    }
    
    .marqueeReadMore:hover {
        color: #FFFFFF;
        background-color: #666666;
        }

.center {
	text-align: center!important;
	}

.clear {
	clear: both;
	height: 0px;
	}
	
.caption {
    display: block;
    padding: 3px;
    font-style: italic;
    }

.block {
	display: block;
	}

.success {
    padding: 5px;
    background: #f3fdeb;
    border: 1px solid #518729;
    color: #518729;
    margin-bottom: 15px;
    }
    
    .success h3 {
        font-size: 18px;
        font-weight: normal;
        margin: 0px;
        color: #518729;
        }
        
.marginLeft3 { margin-left: 3px; } .marginLeft5 { margin-left: 5px; } .marginLeft10 { margin-left: 10px; } .marginLeft15 { margin-left: 15px; }
.marginTop3 { margin-top: 3px; } .marginTop5 { margin-top: 5px; } .marginTop10 { margin-top: 10px; } .marginTop15 { margin-top: 15px; } .marginTop20 { margin-top: 20px; }
.marginRight3 { margin-right: 3px; } .marginRight5 { margin-right: 5px; } .marginRight10 { margin-right: 10px; } .marginRight15 { margin-right: 15px; }
.marginBottom3 { margin-bottom: 3px; } .marginBottom5 { margin-bottom: 5px; } .marginBottom10 { margin-bottom: 10px; } .marginBottom20 { margin-bottom: 20px; }

.tooltip{ position: absolute; width: 200px; top: 0; left: 0; z-index: 3; display: none; color: #FFFFFF; background-color:#027137 ; border: 1px solid #102f1d; padding: 3px 5px; }

.pictureFrame {
	background-color: #bfd8ca;
	border: 3px double #244a35!important;
	}
	
.illustrationFrame {
	width: 204px;
	padding: 10px;
    text-align: center;
	background-color: #dddddd;
    }
    
.featuredHolder {
    padding: 5px;
    background-color: #DDDDDD;
    }
    
    .featuredHolderGreen {
        padding: 5px;
        background-color: #027137;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: #FFFFFF;
        }
        
        .featuredHolderGreen a {
            color: #FFFFFF;
            }

.homeCompetition {
    background: #e4e1d8 url('/images/competition_rightcolumnbackground.gif') no-repeat bottom left;
    padding: 10px;
    }

.homeTweet {
    background-color: #e4e1d8;
    padding: 10px;
    }

    .homeTweet .prize {
	    margin: 0px -10px 5px -10px;
	    padding: 5px 10px;
	    background-color: #a80505;
	    color: White;
	    font-weight: bold;
	    }
	    
.bidAmount {
    width: 171px;
    background: url("/App_Themes/Web/framework/background_bidamount.gif") no-repeat;
    padding: 8px 12px;
    }
    
.buyItNowButton {
    width: 325px;
    background-image: url("/App_Themes/Web/buttons/buyitnow.png");
    padding: 30px 0px 7px 6px;
    color: #FFFFFF;
    font-size: 12px;
    text-align: left;
    border: 0;
    cursor: pointer;
    }

.breakRuleSimple {
	clear: both;
	height: 30px;
	background: transparent url(framework/breakrule_simple.gif) no-repeat center center;
	}

.breakRule {
	clear: both;
	height: 20px;
	margin: 20px 0px 20px 0px;
	background: transparent url(framework/breakrule.gif) no-repeat center top;
	}

.homeFlash {
	width: 472px;
	height: 245px;
	border: 1px solid #a9abaa;
	}

.searchMatch {
	background-color: #9cff00;
	}

.formattedTable {
	width:100%;
	}

.creamHolder_top {
    height: 10px;
    background: transparent url(framework/background_creamholder_top.gif) no-repeat left top;
    }

.creamHolder {
    background-color: #e4e1d8;
    padding: 10px;
    }

.creamHolder_bottom {
    height: 10px;
    background: transparent url(framework/background_creamholder_bottom.gif) no-repeat left top;
    }
    
.featuredAuctionList {
    float: left;
    width: 155px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #e7e7e7;
    padding: 5px;
    text-align: center;
    margin-right: 7px;
    min-height: 180px;
    }

.auctionService {
    background-color: #e4e1d8;
	background-repeat: no-repeat;
	background-position: 10px center;
    padding: 10px 10px 10px 110px;
	margin-bottom: 10px;
    }

	.auctionService.findit {background-image:  url(framework/logo_findit_creme_small.gif);}
	.auctionService.live {background-image: url(framework/logo_live_creme_small.gif);}
	
.competitionHolder {
    background-color: #eeeeee;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    }	

    .competitionHolder .competitionDescription {
        float: left;
        width: 340px;
        }

.formattedTable th, .formattedTable td {padding: 5px; text-align: left;}
	
	.formattedTable th {
		background-color: #222d27;
		font: bold 13px arial, verdana, sans-serif;
		color: #DDDDDD;
		vertical-align: top;
		}

.formattedTable td .right {
	text-align:right;
	}
	
.formattedTable .whiteRow {
	background-color:#FEFEFE;
	}
	
.formattedTable .colorRow {
	background-color:#DDDDDD;
	}
	
.blackText {
	color:#000000;
	}

.fadeNote {
	color: #8f8f8f;
	font-style: italic;
	}

.greenText {
	color:#2a462b;
	font-weight:bold;
	font-size:14px;
	}
	
.forthcomingTable {
	border-top:1px solid #a8a8a8;
	font-size:11px;
	}
	
.forthcomingTable .saleDate {
	font-size:10px;
	}
	
.forthcomingTable th {
	font-size:10px;
	font-style:italic;
	background-color:#e4e4e4;
	text-align:left;
	}
	
.listBlock {
	background: #dfdfdf url(framework/background_listblock.gif) repeat-x left top;
	padding: 15px;
	min-height: 95px; height: auto !important; height: 95px; /* ie min height hack */
	}

	.listBlock .image {
		float: left;
		width: 106px;
		margin: 0px 15px 0px 0px;
		text-align: center;
		}

	.listBlock .details {
		float: left;
		width: 535px;
		}
	
.searchbox {
	border: 1px solid #cabfbf;
	background: transparent url(framework/searchboxbg.jpg);
	background-repeat: no-repeat;
	font-size: 11px;
	width: 159px;
	margin-right: 3px;
	color :#666666;
	}
	
	.searchbox option { 
	    background-color: #FFFFFF;
	    }
	
.searchbutton {
	background-image: url(framework/searchbutton.jpg);
	border: 0px;
	width: 83px;
	height: 20px;
	margin-left: 5px;
	}
	
/****** SEARCH PAGE CLASSES ******/

.searchBlockTop {
	height: 7px;
	background: transparent url(framework/searchblock_top.jpg) no-repeat left top;
	}

.searchBlock {
    background-color: #e9e9e9;
    padding: 7px 15px;
    }
    
    .searchBlock .highlightField {
        width: 50%;
        border: 3px solid #027137;
        }

.searchBlockBottom {
	height: 7px;
	background: transparent url(framework/searchblock_bottom.jpg) no-repeat left top;
	}
	
.hidden {
	display:none;
	}
	
.redText {
	font-size: 16px;
	font-weight: bold;
	color:#c01d2e;
	}
	
.left {
    float: left;
    }

.right {
    float: right;
    }
	
.departmentsHolder {
    background-color:#EEEEEE;
    padding:15px;
    width:93%;
    }
    
.accountBar {
    background-color: #027137;
	height: 27px;
    margin: 1px 0px 1px 0px;
    color: #FFFFFF;
    }
	
	.accountBar a {
	    color: #FFFFFF;
	    }

	.accountBar .accountLoginLogout {
		float: right;
		}
	
	.accountBar .accountNavigation {
		padding: 6px 3px 4px 7px;
		}
    
.auctionNavigation {
    float: right;
    width: 275px;
    height: 28px;
    padding: 10px 0px 0px 0px;
    background-image: url(framework/background_auctionnavigation.gif);
    color: #FFFFFF;
    }
    
    .auctionNavigation a {
        color: #FFFFFF;
        }

/****** Website Custom Framework ******/

#mainHolder {
	width:915px;
	margin: 0 auto;
	border-left: 5px solid white;
	border-right: 5px solid white;
	background-color: white;
	}
	
#headerArea {
	width:100%;
	height:100px;
	background-image:url(framework/headerbg.jpg);
	}
	
#logo {
    float: left;
    display: inline; /*IE double margin fix */
	width:270px;
	height:70px;
	background: transparent url(framework/logo.gif) no-repeat left top;
	margin-left:15px;
	margin-top:15px;
	}
	
#searchHolder {
	width: 343px;
	height: 22px;
	background-image: url(framework/searchbg.jpg);
	float: left;
	margin-left: 250px;
	padding: 7px 10px 10px 10px;
	display: inline;
	margin-top: 15px;
	}
	
#contentArea {
	width:100%;
	}
	
#navArea {
	width:200px;
	float:left;
	}
	
#navArea a.navigation {
	padding:4px 12px 4px 12px;
	display:block;
	width:164px;
	color:#000000;
	text-decoration:none;
	margin-bottom:1px;
	}
	
	#navArea a.navigation.grey { background-image:url(framework/navigation_grey.jpg); }
	#navArea a.navigation.grey:hover { background-image:url(framework/navigation_grey_over.jpg); }	
	
	#navArea a.navigation.green { background-image:url(framework/navigation_green.jpg); }
	#navArea a.navigation.green:hover { background-image:url(framework/navigation_green_over.jpg); }
	
#navArea a.subnavigation {
	padding:4px 12px 4px 24px;
	display:block;
	width:152px;
	color:#000000;
	text-decoration:none;
	margin-bottom:1px;
	}

	#navArea a.subnavigation.grey { background-image:url(framework/subnavigation_grey.jpg); }
	#navArea a.subnavigation.grey:hover { background-image:url(framework/subnavigation_grey_over.jpg); }

#navArea a.newsletter {
	display: block;
	width: 189px;
	height: 109px;
	background: url(framework/newsletter-button.jpg) no-repeat left top;
	}
	
#middleCol {
	width:474px;
	padding: 10px 10px 10px 10px;
	float:left;
	border-right:1px solid #a8a8a8;
	border-left:1px solid #a8a8a8;
	}

#twoCol {
	border-left:1px solid #a8a8a8;
	float:right;
	width:690px;
	padding:10px;
	}

#homeNews {
	float: left;
	width: 221px;
	text-align: center;
	padding: 10px 10px 10px 0px;
	border-right: 1px solid #a9abaa;
	}
	
	#homeNews h2 {
		height: 20px;
		margin: 5px 0px 0px 0px;
		background: transparent url(framework/home_h2_news.gif) no-repeat center top;
		text-indent: -10000px;
		}

	#homeNews .item {
		min-height: 150px; height: auto !important; height: 150px;
		}
	
#homeAuctions {
	float: left;
	width: 221px;
	text-align: center;
	padding: 10px 10px 10px 10px;
	border-left: 1px solid #a9abaa;
	/*border-right: 1px solid #a9abaa;*/
	margin-left: -1px; /* joins homeAuctions and homeNews grey dividing lines to one line */
	}
	
	#homeAuctions h2 {
		height: 20px;
		margin: 5px 0px 0px 0px;
		background: transparent url(framework/home_h2_auctions.gif) no-repeat center top;
		text-indent: -10000px;
		}
	
	#homeAuctions .item {
		min-height: 150px; height: auto !important; height: 150px;
		}

/*#homeOnline {
	float: left;
	width: 144px;
	text-align: center;
	padding: 10px 0px 10px 10px;
	border-left: 1px solid #a9abaa;
	margin-left: -1px; * joins homeOnline and homeAuctions grey dividing lines to one line *
	}
	
	#homeOnline h2 {
		height: 20px;
		margin: 5px 0px 0px 0px;
		background: transparent url(framework/home_h2_online.gif) no-repeat center top;
		text-indent: -10000px;
		}

	#homeOnline .item {
		min-height: 150px; height: auto !important; height: 150px;
		}*/
	
#leftCol {
	display: inline; /*  FIX IE DOUBLE MARGIN */
	width:375px;
	float:left;
	}
	
#rightBlock {
	display: inline; /*  FIX IE DOUBLE MARGIN */
	width:275px;
	float:left;
	margin-left: 30px;
	}
	
#newsHolder {
	width:462px;
	padding:10px 5px 10px 5px;
	}
	
#rightCol {
	width:196px;
	padding:10px 10px 0px 10px;
	float:right;
	}
	
#footerArea {
	height:15px;
	padding:5px 10px 5px 10px;
	font-size:11px;
	margin:0px auto;
	background-color: #222d27;
	}
	
#footerArea a {
	color:#707070;
	}