/**
 * main.css
 */

html {
	margin:			0;
	padding:		0;
}

body {
	margin:			0;
	padding:		0;
	text-align:		center;
	font-family:	Georgia, 'Times New Roman', serif;
}

/**
 * Common Structures
 */
#old-browser {
	display:		none;
	background:		#ffffe3 none scroll no-repeat left top;
}
#old-browser p {
	padding:		3px;
	margin:			0;
	color:			black;
	font-weight:	bold;
}
#fixed {
	position:		fixed;
	left:			0;
	top:			120px;
	width:			40px;
	height:			448px;
}
#fixed a {
	display:		block;
	height:			110px;
	width:			40px;
	margin-bottom:	2px;
	font-size:		0;
	line-height:	0;
}
#fixed .fixed-submit {
	background:		transparent url(../img/side_buttons_submit.png) scroll no-repeat left top;
}
#fixed .fixed-feedback {
	background:		transparent url(../img/side_buttons_feedback.png) scroll no-repeat left top;
}
#fixed .fixed-advertise {
	background:		transparent url(../img/side_buttons_advertise.png) scroll no-repeat left top;
}
#fixed .fixed-about {
	background:		transparent url(../img/side_buttons_about.png) scroll no-repeat left top;
}
.menu {
	list-style:		none;
	margin:			0;
	padding:		0;
	line-height:	1;
	overflow:		auto;
}
.menu li {
	list-style:		none;
	margin:			0;
	padding:		0;
	line-height:	1;
	float:			left;
}
a {
	text-decoration:none;
}
a img {
	border:			0;
	outline:		none;
}
a:focus {
	outline:		none;
}
.left-column {
	width:			765px;
	float:			left;
	overflow:		hidden;
}
.centre-column {
	width:			550px;
	float:			right;
}
.left-content {
	width:			215px;
	float:			left;
	overflow:		hidden;
}
.right-column {
	width:			335px;
	float:			right;
}
.tica {
	color:			#09bc04;
	background:		transparent none scroll no-repeat 0 0;
}
.toca {
	color:			#b67900;
	background:		transparent none scroll no-repeat 0 0;
}

/**
 * Submission Forms
 */
.form {
	margin:			0;
	padding:		0;
	line-height:	1;
}
.form fieldset {
	margin:			0;
	padding:		0;
	border:			0;
}
.two-columns-container {
	overflow:		auto;
	width:			536px;
}
.column-one {
	width:			268px;
	float:			left;
	padding:		0 0 16px 0;
	text-align:		left;
}
.column-two {
	width:			268px;
	float:			right;
	margin:			16px 0 16px 0px;
	text-align:		right;
}
.first .column-one, .first .column-two {
	margin-top:		0;
}
#owner-aligned {
	margin-top:		16px;
}
.hidden-label-wide-container {
	margin-bottom:	16px;
	overflow:		auto;
}
.hidden-label span, .hidden-label-wide span {
	display:		none;
}
.hidden-label input {
	border:			0;
	padding:		8px 13px 8px 13px;
	font-size:		1.3em;
	width:			235px;
	font-family:	Georgia, 'Times New Roman', serif;
	color:			#8b8b8b;
	background:		white;
}
.hidden-label-wide input {
	border:			0;
	padding:		8px 13px 8px 13px;
	font-size:		1.3em;
	width:			510px;
	font-family:	Georgia, 'Times New Roman', serif;
	color:			#8b8b8b;
	background:		white;
}
.hidden-label textarea {
	border:			0;
	padding:		13px;
	width:			510px;
	height:			130px;
	font-family:	Georgia, 'Times New Roman', serif;
	font-size:		22px;
	color:			#8b8b8b;
	background:		white;
}
.column-one .left {
	width:			20px;
	display:		block;
	text-align:		center;
	padding-top:	10px;
	float:			left;
}
.column-one .left #form-owner {
	border:			0;
}
.column-one .label-text {
	float:			right;
	font-size:		0.9em;
	width:			230px;
	font-family:	Arial, sans;
}
.submit {
	clear:			both;
	margin:			0;
	width:			536px;
}
.submit .error {
	display:		block;
	float:			left;
	width:			400px;
}
.submit .button {
	display:		block;
	float:			right;
	width:			136px;
	text-align:		right;
}
.subscribe-line {
	width:			536px;
	text-align:		right;
}
.subscribe-line a {
	margin:			0 20px 0 0;
}
.note {
	width:			536px;
	color:			white;
	font-family:	Arial, sans;
	font-size:		0.9em;
}

/**
 * Common Elements
 */

#container {
	background:		#030d19 url(../img/background.jpg) scroll no-repeat center top;
	color:			#f6f6f6;
}

#container-product {
	background:		#030d19 url(../img/background2.jpg) scroll no-repeat center top;
	color:			#f6f6f6;
}

#container-last {
	background:		#030d19 url(../img/background3.jpg) scroll no-repeat center top;
	color:			#f6f6f6;
}

#top {
	width:			550px;
	text-align:		left;
	padding:		10px 0 0 0;
	margin:			0 auto;
}
#top .menu {
	color:			#f6f6f6;
	height:			35px;
}
#top .menu .selected {
	color:			#67CFF4;
}
#top .menu a {
	color:			#8b8b8b;
}
#top .menu a:hover {
	color:			#fefefe;
}
#top .menu li {
	height:			25px;
}
#top .menu li span {
	display:		block;
	text-align:		center;
	height:			28px;
	line-height:	1.5;
	padding:		5px 0px 2px 23px;
	font-size:		0.8em;
	font-weight:	normal;
}
#top-first {
	margin-left:	10px;
}

/**
 * Product View
 */

#today {
	width:			1100px;
	height:			750px;
	text-align:		left;
	margin:			0 auto;
	overflow:		hidden;
}
#today #product-container {
	margin:			40px 0 0 0;
}
#today h1 {
	color:			white;
	overflow:		auto;
	font-size:		1.1em;
	margin:			10px 0 4px 0;
	padding:		0;
}
#today .description {
	overflow:		auto;
}
#today .description .summary {
	float:			left;
	width:			470px;
	margin:			0;
	padding:		0;
	font-size:		1.6em;
}
#today .description .full {
	float:			left;
	width:			445px;
	margin:			0;
	padding:		0;
	font-size:		0.7em;
	line-height:	1.8;
	font-family:	Arial,sans;
}
#today .description .date {
	float:			right;
	width:			76px;
	height:			64px;
	margin:			0;
	padding:		0;
	text-align:		right;
	background:		white;
	font-family:	Arial,sans;
	color:			#171717;
	overflow:		hidden;
}
#today .description .date .date-top {
	display:		block;
	text-align: 	center;
	font-size:		2em;
	font-weight:	bold;
	line-height: 	1;
}
#today .description .date .date-bleft {
	font-size:		1.9em;
	font-weight:	normal;
	line-height:	1;
}
#today .description .date .date-bright {
	font-size:		0.8em;
	color:			#bababa;
	font-weight:	normal;
	line-height:	1;
	padding-right:	2px;
}
#today .description .bid {
	width:			100px;
	float:			right;
}
#today .description .bid p {
	margin:			0;
	padding:		0;
	overflow:		hidden;
}
#today .description .bid p a.bid-note {
	color:			#8e8e8e;
	font-size:		1.8em;
	font-family:	Arial,sans;
}
#today .description .bid p a.bid-note:hover {
	color:			white;
}
#today .description .bid p a.bid-now {
	color:			#4eaffa;
	font-weight:	bold;
	font-size:		0.9em;
}
#today .description .bid p a.bid-now:hover {
	color:			white;
}
#product-image {
	margin:			30px 0 0 0;
}
#product-image img {
	display:		block;
	height:			378px;
	width:			550px;
}
#tica-link {
	margin:			390px 0 0 0;
	width:			107px;
	height:			149px;
	float:			left;
	text-align:		center;
}
#toca-link {
	margin:			58px 0 0 0px;
	width:			107px;
	height:			149px;
	float:			left;
	text-align:		center;
}
#tica-link a, #toca-link a {
	display:		block;
	height:			149px;
	width:			75px;
}
#tica-link a span, #toca-link a span {
	display:		none;
}
#tica-link a {
	background:		transparent url(../img/arrows_left.png) scroll no-repeat left top; float:right;
}
#tica-link a:hover {
	background:		transparent url(../img/arrows_left_over.png) scroll no-repeat left top;
}
#toca-link a {
	background:		transparent url(../img/arrows_right.png) scroll no-repeat left top;
}
#toca-link a:hover {
	background:		transparent url(../img/arrows_right_over.png) scroll no-repeat left top;
}
#tica-score {
	margin:			410px 0 0 0;
	width:			107px;
	float:			right;
	text-align:		center;
	color:			#09bc04;
}
#toca-score {
	margin:			78px 0 0 0;
	width:			107px;
	float:			left;
	text-align:		center;
	color:			#b67900;
}
.tica-note {
	font-size:		0.8em;
	color:			white;
	margin-top:		10px;
	font-weight:	bold;
}
.tica-note a {
	color:			white;
}
.score-number {
	font-size:		3em;
}
#tica-score .score-number a {
	color:			#09bc04;
}
#toca-score .score-number a {
	color:			#b67900;
}
.next-hide, .previous_hide {
	visibility:		hidden;
}

/**
 * Content Text
 */
#content-text {
	margin:			60px 0 0 0;
	font-size:		1.3em;
	width:			550px;
}
.body-text {
	color:			#8b8b8b;
	font-size:		0.8em;
	line-height:	1.5;
}
.body-text .small {
	font-family:	Arial,sans;
	font-size:		0.65em;
}
.body-text a {
	color:			#67CFF4;
}
.body-text a:hover {
	color:			#ffffff;
}

/**
 * History container
 */
#history-container {
	color:			#1a1a1a;
	background:		#030d19 url(../img/background_footer.jpg) scroll no-repeat center bottom;
	font-family:	Verdana, Helvetica, sans;
}

/**
 * History
 */
#history {
	width:			1000px;
	text-align:		left;
	margin:			0 auto;
	overflow:		auto;
	position:		relative;
	top:			-55px;
	left:			-65px;
	padding-bottom:	100px;
}
#history-main {
	overflow:		auto;
	width:			616px;
	background:		transparent url(../img/messagebox_top.png) scroll no-repeat left top;
}
#history-main-inner {
	margin-top:		45px;
	background:		white none scroll no-repeat left top;
	padding-left:	30px;
}
#history-main-footer {
	width:			616px;
	background:		transparent url(../img/messagebox_bot.png) scroll no-repeat left top;
	height:			20px;
	padding-bottom:	200px;
}
#history-main .vote {
	margin:			0 auto;
	overflow:		hidden;
	width:			264px;
}
#history-main .vote h2 {
	color:			#dadada;
	float:			left;
	font-family:	Arial,sans;
	font-size:		4em;
	margin:			0;
	width:			72px;
}
#history-main .vote .history-block {
	float:			right;
	overflow:		hidden;
}
/**
 * Middle Menu
 */
#middle {
}
#middle .menu {
	text-align:		center;
	margin:			0 auto;
	height:			35px;
	list-style:		none;
	padding:		0;
	overflow:		hidden;
}
#middle .menu li {
	list-style:		none;
	height:			35px;
	padding:		0;
	margin:			0;
}
#history-blocks {
	overflow:		auto;
}
.history-block {
	width:			188px;
	height:			216px;
	margin:			2px 2px 10px 2px;
	float:			left;
}
.history-block .image {
	height:			168px;
}
.history-block .tagline {
	font-size:		0.7em;
	height:			44px;
	font-style:		italic;
	margin:			0;
	padding:		4px 0 0 0;
	font-family:	Arial,sans;
}
.history-block .tagline a {
	color:			#1a1a1a;
}
.history-block .tagline a:hover {
	color:			#000000;
	text-decoration:none;
}
#history-container .left-column {
	width:			815px;
	float:			left;
}
#history-container .centre-column {
	/*width:			570px;*/
	width:			616px;
	float:			right;
	position:		relative;
	/*left:			-54px;*/
/*	padding:		0 54px 0 0;*/
}
#history-container .left-content {
	width:			185px;
	float:			left;
	/*margin:			60px 0 0 0;*/
	margin:			0;
}
#history-container .right-column {
	width:			165px;
	float:			right;
	/*margin:			60px 0 0 0;*/
	margin:			20px 0 0 0;
}
#history h2 {
	font-size:		1.2em;
	font-family:	Arial, Helvetica, sans;
	font-weight:	normal;
}
#history-main h2 {
	font-family:	"Times New Roman", Helvetica, sans;
	font-size:		1.5em;
	font-weight:	normal;
}
#history-main h2 a {
	color:			#4EAFFA;
}
#emailsubscribe {
	margin:			8px 0 0 0;
}
#history-container .left-content p {
	font-size:		0.75em;
}
#history-container .left-content p a {
	color:			black;
	text-decoration:none;
}
#history-container .left-content p a:hover {
	text-decoration:underline;
}
#history-container .left-content p.selected {
	font-weight:	bold;
}

/**
 * Adverts
 */
#advert-top {
	text-align:		left;
	margin-top:		83px;
	margin-left:	20px;
	width:			302px;
	height:			257px;
}
#advert-left {
	margin-top:		20px;
	text-align:		right;
	/*margin-right:	24px;*/
	margin-right:	6px;
}
#advert-left img {
	height:			564px;
	width:			129px;
}
#advert-right-one {
	margin-top:		10px;
	height:			129px;
	width:			129px;
	overflow:		hidden;
}
#advert-right-two {
	margin-top:		10px;
	height:			129px;
	width:			129px;
	overflow:		hidden;
}
#advert-right-three {
	margin-top:		10px;
	height:			129px;
	width:			129px;
	overflow:		hidden;
}
#advert-right-four {
	margin-top:		10px;
	height:			129px;
	width:			129px;
	overflow:		hidden;
}
#advert-right .advert {
	height:			129px;
	width:			129px;
}
/**
 * Comments
 */
.comment {
	overflow:		auto;
	width:			560px;
}
.comment .comment-who {
	overflow:		hidden;
}
.comment .comment-icon {
	float:			left;
	margin:			0 4px 0 0;
}
.comment .comment-container {
	float:			left;
	color:			#8f8f8f;
	font-family:	Arial,
	font-size:		0.95em;
	font-weight:	bold;
	margin:			0 0 0 4px;
}
.comment .comment-name {

}
.comment .comment-date {
	color:			#d9d9d9;
	font-family:	Arial,sans;
	font-size:		0.7em;
	font-weight:	normal;
	overflow:		auto;
	width:			520px;
}
.comment .comment-date .date {
	float:			left;
}
.comment .comment-date .chat {
	float:			right;
}
.comment-what-outer {
	clear:			both;
	background:		transparent url(../img/comment.jpg) scroll no-repeat left top;
	padding:		12px 0 0 0;
	margin:			0 0 10px 0;
}
.admin .comment-what-outer {
	clear:			both;
	background:		transparent url(../img/comment_author.jpg) scroll no-repeat left top;
	padding:		12px 0 0 0;
	margin:			0 0 10px 0;
}
.comment-what-inner {
	background:		transparent url(../img/comment.jpg) scroll no-repeat left bottom;
	padding:		0 0 12px 0;
}
.admin .comment-what-inner {
	background:		transparent url(../img/comment_author.jpg) scroll no-repeat left bottom;
	padding:		0 0 12px 0;
}
.comment-what-footer {
	background:		transparent url(../img/comment.body.jpg) scroll repeat-y left bottom;
	margin:			0;
	font-size:		0.8em;
	padding:		0 10px;
}
.admin .comment-what-footer {
	background:		transparent url(../img/comment.body.author.jpg) scroll repeat-y left bottom;
	margin:			0;
	font-size:		0.8em;
	padding:		0 10px;
	color:			white;
}
#comment-form {
	margin-top:		20px;
	width:			563px;
	background:		black;
	color:			#8f8f8f;
}
#comment-top {
	background:		transparent url(../img/com_top_black.jpg) scroll no-repeat left top;
	height:			5px;
	font-size:		0;
	line-height:	0;
}
#comment-bottom {
	background:		transparent url(../img/com_bot_black.jpg) scroll no-repeat left top;
	height:			5px;
	font-size:		0;
	line-height:	0;
}
#comment-form form {
	margin:			0;
	padding:		0;
}
#comment-form fieldset {
	margin:			0;
	padding:		20px;
	border:			0;
}
#comment-form .comment-columns {
	overflow:		auto;
	margin:			0 0 8px 0;
	width:			520px;
}
#comment-form .left-column {
	width:			250px;
	float:			left;
	margin:			0;
}
#comment-form .right-column {
	width:			250px;
	float:			right;
	margin:			0;
}
#comment-form label {
	overflow:		auto;
}
#comment-form label span {
	display:		none;
}
#comment-form label.recaptcha_input_area_text span {
	display:		inline;
	color:			white;
}
#comment-form .comment-columns label input {
	height:			20px;
	border:			0;
	width:			250px;
}
#comment-form label textarea {
	height:			125px;
	border:			0;
	width:			523px;
	margin-top:		10px;
}
#comment-form .comment-columns p {
	color:			white;
	font-size:		0.6em;
	margin:			0;
	padding:		3px 0 0 0;
}
#comments a {
	color:			#67CFF4;
}
#comments a:hover {
	color:			black;
}
#comment-form .comment-columns a {
	color:			#67CFF4;
}
#comment-form .comment-columns a:hover {
	color:			#ffffff;
}
#comment-form .submit-line {
	margin-top:		10px;
}

/**
 * EXTERNAL LIBRARIES
 */
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; opacity:0.7;}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) 
*/
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17
 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

div.jqmConfirm input[type="submit"] { padding: 4px; margin: 10px 30px; background: #000; color: #FFF; border: 1px solid #AAA; }

/* jqModal confirm CSS courtesy of;
   Alexandre Plennevaux <alexandre@pixeline.be>,
   Brice Burgess <bhb@iceburg.net> */

div.jqmConfirm { /* contains + positions the alert window */
  display: none;
  position: fixed;
  top: 17%;
  width: 100%;
}
div.jqmAlert { /* contains + positions the alert window */
	display: none;
	top: 350px;
	width: 100%;
	margin-left:-65px;
	position:fixed;
	left:0;
	text-align:center;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmConfirm {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
* html div.jqmAlert {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

div.jqmConfirmWindow {
  height:auto;
  width: auto;
  margin: auto;
  
  max-width:400px;
  padding: 0;
  
  background:#FFF;
  border:1px dotted #FFF;
}
div.jqmAlertWindow {
	height:auto;
	width: auto;
	margin: auto;
	text-align:left;
	
	max-width:400px;
	width:		400px;
	padding: 0;
	
	background:#111;
}

.jqmConfirmTitle{
	margin:		0;
	height:		20px;
	padding:	2px 0;
	color:		#000;
	background:	#FFF;
}
.jqmAlertTitle{
	margin:			0;
	padding-bottom:	4px;
	height:			20px;
	color:			#FFF;
	background:		#000;
	width:			100%;
}

.jqmConfirmTitle h1{
  margin:5px 2px;
  padding-left:5px;
  padding:0;
  font-size:14px;
  text-transform:capitalize;
  letter-spacing:-1px;
  font-weight:bold;
  color:#000;

  float:left;
  height:20px;
}
.jqmAlertTitle h1{
	margin:			0;
	padding:		0;
	font-size:		14px;
	text-transform:	capitalize;
	letter-spacing:	-1px;
	font-weight:	bold;
	color:			#FFF;
	float:			left;
	height:			20px;
	position:		relative;
	left:			4px;
}

div.jqmConfirm .jqmClose em{display:none;}
div.jqmAlert .jqmClose em{display:none;}
div.jqmConfirm .jqmClose {
  width:20px;
  height:20px;
  display:block;
  float:right;
  clear:right;
  background:transparent url(..img//close_icon_double.png) 0 0 no-repeat;
}
div.jqmAlert .jqmClose {
	width:20px;
	height:20px;
	display:block;
	float:right;
	clear:right;
	background:transparent url(../img/close_icon_double.png) 0 0 no-repeat;
}

div.jqmConfirm a.jqmClose:hover{ background-position: 0 -20px; }
div.jqmAlert a.jqmClose:hover,div.jqmAlert a.jqmCloseHover{ background-position: 0 -20px; }

div.jqmConfirmContent{
  border-top:0px;
  color:#000;
  font:11px/14pt arial;
  padding:5px 20px 5px;
  margin:5px;
  border:1px dotted #111;
  letter-spacing:0px;
}
div.jqmAlertContent{
	border-top:0px;
	color:#FFF;
	font:11px/14pt arial;
	padding:5px 20px 5px;
	margin:5px;
	border:1px dotted #111;
	letter-spacing:0px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* jqModal alert CSS courtesy of;
	 Alexandre Plennevaux <alexandre@pixeline.be>,
	 Brice Burgess <bhb@iceburg.net> */