/* V5.24 CSS - May.19 2006 */
body {
	background:#ffffff url(../../images/header_logo_bg.jpg) repeat-x;
	font-family: "Trebuchet MS", verdana, arial, helvetica, sans-sarif;
	font-size: large;
	margin:00;
	padding:0;
	width: 100%;
	margin-top: 0px;
}
#content {
	background:#fff;
	margin: 2%;
	padding: 5px 5px;
	border: 1px;
	padding-top: 1px;
}
#nav {
	color:#9EAEBF;
	font-size:12px;
	line-height:31px;
	text-align:center;
	background-image: url(http://www.connexionweb.co.uk/_themes/main/space/img/menu-s-bg.png);
}
#nav a:link, #nav a:hover, #nav a:visited{
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

p { 

	margin: 0 0 1em;
	}
	
.first { margin-top:0;}
.spread, .nospread {
	margin-top:0;
	margin-left:10px;
	}

.spread li {
	margin-bottom:0.5em;
}

pre {
    border: #777777 1px solid;
    padding: 0.5em;
    margin-left: 10em;
    margin-right: 10em;
    white-space: pre;
    background-color: #e6e6e6;
    color: black;
}

.badge-header {
	background-color:  #FF9900;
	color: #fff;
	font-size: 12px;
	margin: 0 0px 0 0;
	padding:0;
}

#content .caption {
	font-size: 11px;
	color: #555;
	text-align:center;
	margin: 20em 0;
}

.toplink { font-size: 11px; color: #124490; text-decoration: none; }
.toplink a { font-size: 11px; color: #124490; text-decoration: underline; }
.toplink a:hover { font-size: 11px; color: #124490; text-decoration: none; }


.mainmenu {font-size: 11px; font-weight: bold; color: #ffffff; }
.mainmenu a {font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none;}
.mainmenu a:hover { font-size: 11px; font-weight: bold; color: #ffff00;}
.bordermenu  { border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #777777; border-bottom: 1px solid #777777;}

.warning { background: #ffe432; font-size: 11px; font-weight: bold; color: #bb0000; text-decoration: none; }
.warning a { font-size: 11px; font-weight: bold; text-decoration: underline; color: #bb0000;}
.warning a:hover { font-size: 11px; font-weight: bold; color: #FF0000; text-decoration: none;}


.bordercat { background-color: #FFE9D2; border: 1px solid #ffba00;}
.borderstat { background-color: #E4E4E4; border: 1px solid #d66103;}

/* GLOBAL classes - skin & pages */
td { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px;}
input { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px;}
textarea { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px;}
select { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px;}
hr {border: 1px solid #c3c3c3;}

.borderfeat { border: 1px solid #6a7c03; padding: 3px;}
.c1feat {background-color: #FF9900; color: #FFFFFF; font-weight: bold; text-decoration: none;} /* blue */
.c1feat a {color: #FFFFFF; font-weight: bold;}
.c1feat a:hover {color: #FFFFFF; font-weight: bold;}

#bot { border-bottom: 1px solid #E1E2E4;}

.subcat { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.subcat a { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #222222;}
.subcat a:hover { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #555555;}

.catmain { font-size: 11px; font-weight: bold; color: #ee3300; }
.catmain a {font-weight: bold;  font-size: 11px; color: #ee3300;}
.catmain a:hover { font-weight: bold; font-size: 11px; color: #C62D00;}

.buying { border: 1px solid #6a7c03; background-color: #F1E1C2;}
.buyingtitle { background-color: #B4650E; color: #ffffff;}
.buyingtd { border: 1px solid #bac388;}

.selling { border: 1px solid #ff6600; background-color: #ffea74;}
.sellingtitle { background-color: #ff8a00; color: #ffffff;}
.sellingtd { border: 1px solid #f3b744;}

/* Alert fonts*/
.redfont {color: #FF0000;}
.greenfont {color: #006600;}
.greenfont_msg {
	color: #009900;
	font-size: 14px;
}
.bluefont {color: #0000CC;}
.alertfont {color: #FF0000;}

/* Feedback fonts*/
.positive {color: #009933;}
.neutral {color: #666666;}
.negative {color: #FF0000;}

/* SYSTEM classes - skin & pages */

/* payment gateways table */
.paymenttable {border: 1px solid #666666; background-color: #FFFFFF;}
.paytable1 {background-color: #FFFFFF;}
.paytable2 {background-color: #F8F8F8;}
.paytable3 {background-color: #f0f0f0;}
.payactive {color: blue;}


.sell {font-size: 11px; font-weight: bold; color: #333333; }
.sell a {font-size: 11px; font-weight: bold; color: #333333; }
.sell a:hover { font-size: 11px; font-weight: bold; color: #111111; text-decoration: none; }

.item { font-size: 11px; color: #000000; text-decoration: none;}
.item a { font-size: 11px; color: #000000; text-decoration: underline; }
.item a:hover { font-size: 11px; color: #FF0000; text-decoration: none; }

.bolditem { font-size: 11px; font-weight: bold; color: #000000; text-decoration: none;}
.bolditem a { font-size: 11px; font-weight: bold; color: #000000; text-decoration: underline; }
.bolditem a:hover { font-size: 11px; font-weight: bold; color: #FF0000; text-decoration: none; }

.hlitem { font-size: 11px; color: #000000; text-decoration: none; }
.hlitem a { font-size: 11px; text-decoration: underline; color: #000000; background: #fea100; }
.hlitem a:hover { font-size: 11px; color: #FFFFFF; text-decoration: none; background: #fea100;}

.hlbolditem { font-size: 11px; font-weight: bold; color: #000000; text-decoration: none; }
.hlbolditem a { font-size: 11px; font-weight: bold; text-decoration: underline; color: #000000; background: #fea100;}
.hlbolditem a:hover { font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; background: #fea100;}

.smallfont { font-size: 11px; color: #000000; text-decoration: none;}
.smallfont a { font-size: 11px; color: #000000; text-decoration: underline; }
.smallfont a:hover { font-size: 11px; color: #006699; text-decoration: none; }

.contentfont { font-size: 11px; color: #000000; text-decoration: none; }
.contentfont a { font-size: 11px; color: #003366; text-decoration: underline; }
.contentfont a:hover { font-size: 11px; color: #006699; text-decoration: underline; }

.submenu {font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.submenu a {font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: underline;}
.submenu a:hover { font-size: 11px; font-weight: bold; color: #FFFF00; text-decoration: none; }

.membmenucell {background-color: #FFFFFF;}
.membmenu {background-color: #e9e9eb;}

/* SYSTEM classes - auctiondetails.php */
.topitempage { background-color: #FFFFE1; border: 1px dashed #CFCFCF; margin-bottom: 5px; padding: 6px; line-height: 18px; }
.topitempage a { font-size: 11px; color: #000000; text-decoration: underline; }
.topitempage a:hover { font-size: 11px; color: #FF0000; text-decoration: underline; }
.itemid { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold;}
.itemidend { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; font-weight: bold;}
.subitem { background-color: #ffffff; border: 1px solid #c3c3c3;}
.counter {background-color: #FF9900; color: #FFFFFF; font-weight: bold; font-size: 12px;}
.picselect { background-color: #F0F0F0; font-weight: bold;}
.picselectmain { background-color: #F8F8F8;}
.leftborder {border-left: 1px solid #c3c3c3;} 

.gradient {border: 1px solid #999999; background-color: #FFFFE1; } /* featured items images bg */

/* SYSTEM classes - border for Steps in sell item pages */
.sellsteptab { border-left: 1px solid #ACC7EF; border-bottom: 1px solid #ACC7EF; border-right: 1px solid #ACC7EF;}

/* SYSTEM classes - font in Members area  */
.boldgrey { font-size: 11px; color: #666666; font-weight: bold; text-decoration: none;}
.boldgrey a { font-size: 11px; color: #666666; font-weight: bold; text-decoration: underline;}
.boldgrey a:hover { font-size: 11px; color: #666666; font-weight: bold; text-decoration: none;}

.membutt {font-size: 11px; font-weight: bold; color: #003399; text-decoration: none;}


/* SYSTEM classes - links color in categories headers */
.cathead {
	font-size: 12px;
	font-weight: bold;
	color: #573f00;
	text-decoration: none;
}
.cathead1 {
	font-size: 12px;
	font-weight: bold;
	color: #573f00;
	text-decoration: none;
	background-image: url(img/cat_head_bg.gif);
}
.cathead2 {
	font-size: 12px;
	font-weight: bold;
	color: #573f00;
	text-decoration: none;
	background-image: url(img/5_bg.gif);
}
.cathead a { font-size: 12px; font-weight: normal; color: #573f00; text-decoration: underline; }
.cathead a:hover { font-size: 12px; font-weight: normal; color: #cc0000; text-decoration: none; }

/* SYSTEM classes - error & alert message */
.errormessage { background-color: #FFFFE1; border: 1px dashed #CFCFCF; margin-top: 8px; margin-bottom: 16px; padding: 6px; line-height: 18px; }

.errormessage1 { background-color: #F2F2F2; border: 1px dashed #CFCFCF; margin-top: 8px; margin-bottom: 16px; padding: 6px; line-height: 18px; font-size: 12px; color: #000000; text-decoration: none;}

.errormessage2 {
	background-color: #00CC00;
	border: 2px dashed #CFCFCF;
	margin-top: 8px;
	margin-bottom: 16px;
	padding: 6px;
	line-height: 18px;
	
}
.errormessage2 li{
	padding: 0 0 0 40px;
	display: block;
	line-height:12px;
	list-style: inside;
}
/* V5 & system classes &  - main colors */
.c1 {background-color: #FF6600; color: #FFFFFF; font-weight: bold; text-decoration: none;} /* blue */
.c1 a {color: #FFFFFF; font-weight: bold;}
.c1 a:hover {color: #FFFFFF; font-weight: bold;}
.c2 {background-color: #F8F8F8;} /* lightgray light */
.c3 {background-color: #F0F0F0;} /* lightgray middle*/
.c4 {background-color: #E1E2E4;} /* lightgray dark */
.c5 {background-color: #a6a6a6;} 
.c5a {background-color: #00FF00;}
.c6 {background-color: #EEF2F9; color: #003399;}
.c7 {background-color: #E3E4EB;} /* bluegray admin area */
.c8 { background-color: #0C6CBB; color: white; font-weight: bold; }
.c9 { background-color: #acc7ef; }
.whiteback { background-color: white; }




/* SYSTEM classes - register.php */
.creg2 {background-color: #F8F8F8;} /* lightgray light */
.creg3 {background-color: #F0F0F0;} /* lightgray middle*/
.creg4 {background-color: #ffffff;} /* inside bg for tables */
.creg5 {background-color: #a6a6a6;} /* block tables */
.regborder {background-color: #ffffff; border: 1px solid #a6a6a6;}
.regsignup {background-color: #FF9900; color: #FFFFFF; font-weight: bold; font-size: 12px;}
.reguser { font-size: 9px; background-color: #FFFFFF; color: #666666;} /* small text for comments*/
.pintext { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #666666; }

.border {border: 1px solid #c3c3c3;}

/* V5 classes - featured items colors in main page */

.feat1 { font-size: 11px; background-color: #FF6600; color: white; font-weight: bold; }
.feat2 { font-size: 11px; background-color: #0F3F79; color: white; font-weight: bold;}
.feat3 { font-size: 11px; background-color: #FFCC00; color: black; font-weight: bold;}
.feat3 a { font-size: 11px; background-color: #FFCC00; color: black; font-weight: bold;}
.feat3 a:hover { font-size: 11px; background-color: #FFCC00; color: black; font-weight: bold;}

/* V5 classes - featured items colors in main page */
a.hidelayer:link {font-size: 11px; color: #333333; font-weight: bold; text-decoration: none;}
a.hidelayer:visited {font-size: 11px; color: #333333; font-weight: bold; text-decoration: none;}

/* V5 classes - main nav menu colors */

.user { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; }

/* V5 classes - other */
.search {font-size: 11px; font-weight: bold; color: #222222; text-decoration: none;}
.search a {font-size: 11px; font-weight: bold; color: #222222; text-decoration: none;}
.search a:hover { font-size: 11px; font-weight: bold; color: #222222; text-decoration: underline; }

.welcome { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003399; }

.categories { font-family: Geneva, Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; text-decoration: none;}
.categories a { font-family: Geneva, Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; text-decoration: none;}
.categories a:hover { font-family: Geneva, Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; text-decoration: underline;}

.maintext { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; }
.title { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }

/* V5 classes - footer.php */
.footerfont { font-size: 12px; color: #0033cc; text-decoration: none; }
.footerfont a { font-size: 12px; color: #0033cc; text-decoration: underline; }
.footerfont a:hover { font-size: 12px; color: #0033ff; text-decoration: none; }

.footerfont1 { font-size: 11px; color: #000000; text-decoration: none; }
.footerfont1 a { font-size: 11px; color: #000000; text-decoration: underline; }
.footerfont1 a:hover { font-size: 11px; color: #000000; text-decoration: none; }

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FF9900;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: auto;
left: auto; /*position where enlarged image should offset horizontally */
}
/*addon css for connexionweb new users */

.usr_main {
	padding-top: 15px;
}
.usr_main ul {
	width: 100%;
	overflow: hidden;
}
.usr_main ul li {
	float: left;
	display: inline;
	width: 90px;
	overflow: hidden;
	position: relative;
	font-size: 12px;
	font-weight: bold;
	margin-right: 3px;
}
.usr_main img {
	display: block;
}
.usr_main .c {
	font-weight:normal;
	text-decoration:none;
}
.usr_main .a {
	display: block;
	padding: 2px 0 0 3px;
	font-size: 10px;
	color: #000000;
	text-decoration:none;
	height: 30px;
	text-transform:lowercase;
}
.usr_main .b {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 90px;
	height: 100px;
	cursor: pointer;
	cursor: hand;
	background-image: url(http://www.connexionweb.co.uk/_themes/main/space/img/border-usr.png);
}
.usr_main_cat { background-color: #ffffff; border: 1px solid #ffba00;}
* html .usr_main .b {
	background: none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.connexionweb.co.uk/_themes/main/space/img/border-usr.png, sizingMethod='crop');
}
img {
border:medium none;
}