@charset "utf-8";

/* ########### COMMON TAGS ########### */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:normal;

}

body,html {
	color:#333333;
	background-color:#EEEEEE;
	background-color:#333333;
	margin:0px;
	padding:0px;
	min-width:965px;
}

a {
	text-decoration:none;
	color:#666666;
	font-weight:bolder;
}

a:hover {
	color:#A3A3A3;
}


a img {
	border:none;
}

p {
	padding:0;
	margin:15px;
}

h1 {
	background-image:url(/_components/skin/bg_h1.jpg);
	background-repeat:repeat-x;
	padding:9px 10px 8px 10px;
	height:13px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.1em;
	margin:0px 0px 1px 0px;
	overflow:hidden;
}

h1 a {
	color:#FFFFFF;
	text-decoration:underline;
}

h1 a:hover {
	color:#FFFFFF;
}

h2 {
	background-color:#CCCCCC;
	padding:4px 10px 3px 10px;
	color:#333333;
	font-weight:bold;
	font-size:1.1em;
	margin:0px 0px 15px 0px;
	overflow:hidden;
}

h2 a {
	color:#000000;
}

h2 a:hover {
	color:#333333;
}

h3 {
	padding:0px;
	color:#333333;
	font-weight:bold;
	font-size:1.1em;
	margin:15px;
}

h4 {
	background-color:#CC0000;
	padding:4px 10px 3px 10px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.1em;
	margin:0px 0px 15px 0px;
	overflow:hidden;
}

h5 {
	padding:0px;
	color:#CC0000;
	font-weight:bold;
	font-size:2em;
	margin:15px;
}

h6 {
	padding:0px;
	color:#000000;
	font-weight:bold;
	font-size:1.5em;
	margin:15px;
}

hr {
	clear:left;
	border:none;
	border-top:1px dotted #CCCCCC;
	height:0px;
	background:none;
}

input,textarea {
	margin:0;
	margin-bottom:1px;
	padding:2px;
	width:370px;
	border:1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

/* ########### COMMON CLASSES ########### */

.form {
	display:inline-block;
	width:375px;
}

.form input{
	clear:right;
}

.formtitle {
	float:right;
}

.pinandnumber {
	display:block;
	overflow:hidden;
	width:376px;
}

.pinnumber {
	float:left;
}

.enterpin {
	width:319px;
	float:right;
}

.button {
	padding:0;
	width:376px;
	background-color:#666666;
	border:1px solid #666666;
	color:#FFFFFF;
}

.left {
	text-align:left;
}

.centre {
	text-align:center;
}

.right {
	text-align:right;
}

/* ########### SITE STRUCTURE AND LOCALISED TAG PROPERTIES ########### */

#bg_layer1 {
	background-image:url(/_components/skin/bg_main.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	min-width:965px;
}

#bg_layer2 {
	padding:190px 0px 0px 0px;
}

#headerplacement {
	position:absolute;
	z-index:100;
	top:0;
	width:100%;
	height:195px;
/*	padding-right:2px;*/
	min-width:965px;
}

#header {
	background-image:url(/_components/skin/bg_header.png);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0 auto;
	padding:140px 32px 20px 30px;
	height:30px;
	width:900px;
}

#nav {
	height:30px;
	width:900px;
	text-transform:lowercase;
	overflow:hidden;
}

#nav ul {
	list-style:none;
	margin:0;
	padding:0px 0px 0px 1px;
}

#nav ul li {
	float:left;
/*	height:30px;*/
	width:100px;
}

#nav ul li.web {
	width:125px;
}

#nav ul li.market {
	width:125px;
}

#nav ul li.design {
	width:125px;
}

#nav ul li.sell {
	width:124px;
}

#nav ul li a {
	display:block;
	padding:9px 0px 8px 0px;
	height:13px;
	width:99px;
	text-align:center;
	background-image:url(/_components/skin/bg_nav_common.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#FFFFFF;
}

#nav ul li a:hover {
	background-position:top;
}

#nav ul li:hover a {
	background-position:top;
}

#nav ul li.market a {
	width:124px;
	background-image:url(/_components/skin/bg_nav_market.jpg);
}

#nav ul li.design a {
	width:124px;
	background-image:url(/_components/skin/bg_nav_design.jpg);
}

#nav ul li.sell a {
	width:124px;
	background-image:url(/_components/skin/bg_nav_sell.jpg);
}

#nav ul li.web a {
	width:124px;
	background-image:url(/_components/skin/bg_nav_web.jpg);
}

#nav ul li ul {
	display:none;
}

#nav ul li:hover ul {
	position:absolute;
	z-index:50;
	display:block;
	padding:1px 0px 0px 0px;
	width:190px;
	border-bottom:1px solid #666666;
}

#nav ul li:hover ul li {
	float:none;
	position:relative;
	display:block;
	width:auto;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
}

#nav ul li:hover ul li a {
	display:block;
	text-align:left;
	padding-left:10px;
	width:auto;
	background-color:#999999;
	color:#FFFFFF;
	background-image:none;
	padding:6px 0px 6px 5px;
}

#nav ul li:hover ul li ul {
	display:none;
}

#nav ul li:hover ul li:hover ul {
	position:absolute;
	display:block;
	top:-1px;
	left:188px;
	border:1px solid #666666;
	padding:0px;
}

#nav ul li:hover ul li:hover ul li {
	border:none;
}

#nav ul li:hover ul li a:hover {
	background-color:#CCCCCC;
	color:#FFFFFF;
}

#nav ul li.web:hover ul li a { /* BLUE */
	background-color:#6FB0D3;
	color:#FFFFFF;
}

#nav ul li.web:hover ul li a:hover { /* BLUE */
	background-color:#0F7BB5;
	color:#FFFFFF;
}

#nav ul li.market:hover ul li a { /* RED */
	background-color:#DD797D;
	color:#FFFFFF;
}

#nav ul li.market:hover ul li a:hover { /* RED */
	background-color:#C72026;
	color:#FFFFFF;
}

#nav ul li.design:hover ul li a { /* GREEN */
	background-color:#97D091;
	color:#FFFFFF;
}

#nav ul li.design:hover ul li a:hover { /* GREEN */
	background-color:#51B047;
	color:#FFFFFF;
}

#nav ul li.sell:hover ul li a { /* ORANGE */
	background-color:#EEAC7D;
	color:#FFFFFF;
}

#nav ul li.sell:hover ul li a:hover { /* ORANGE */
	background-color:#E27427;
	color:#FFFFFF;
}

#nav ul li.maponly {
	display:none;
}

#nav ul li .maponly {
	display:none;
}

#nav ul li:hover .maponly {
	display:none;
}

#nav ul li ul li:hover .maponly {
	display:none;
}

#sitemap {
	position:relative;
	height:21px;
	padding:9px 0 0 10px;
	text-transform:lowercase;
}

#sitemap a {
	color:#999999;
	font-weight:normal;
}

#sitemap a:hover {
	color:#666666;
}

#categorylinks {
	position:relative;
	bottom:200px;
	left:540px;
	float:left;
}

.contentarea_head {
	margin:0 auto;
	background-image:url(/_components/skin/area_head.png);
	background-repeat:no-repeat;
	height:10px;
	width:922px;
	overflow:hidden;
}

.contentarea {
	margin:0 auto;
	background-image:url(/_components/skin/area_tile.png);
	background-repeat:repeat-y;
	width:900px;
	padding:1px 11px 0px 11px;
/*	overflow:hidden;*/
	position:relative;
}

.contentarea h1 {
	margin-right:1px;
}

.contentarea ul {
	display:block;
	overflow:hidden;
	margin:10px 10px 10px 20px;
	list-style:none;
}

.contentarea ul li {
	list-style-image:url(/_components/skin/bullet.jpg);
	text-align:left;
}

.contentarea_foot {
	margin:0 auto;
	background-image:url(/_components/skin/area_foot.png);
	background-repeat:no-repeat;
	height:10px;
	width:922px;
	overflow:hidden;
}

.subnav {
	padding:15px;
	padding-bottom:5px;
	overflow:hidden;
	border:1px solid #CCCCCC;
	margin-bottom:1px;
}

.subnav ul {
	list-style:none;
	margin:0;
	padding:0;
}

.subnav ul li {
	list-style-image:none;
	background-image:url(/_components/skin/bullet.jpg);
	background-repeat:no-repeat;
	background-position:0px 4px;
	float:left;
	padding-right:15px;
	margin-bottom:10px;
}

.subnav ul li a {
	padding-left:10px;
	font-weight:normal;
}

.contentcolumn {
	position:relative;
	width:638px;
	float:left;
/*	overflow:hidden;*/
}

.contentcolumn h1 {
	margin-right:0;
}

.contentcolumn.withfeature {
	top:152px;
	padding-bottom:152px; /* To avoid break-out at the bottom */ 
}

.featurecolumn {
	position:relative;
	z-index:10;
	width:260px;
	float:left;
	padding-left:1px;
}

.featurecolumn h1 {
	margin-right:0;
}

#mainfeatureplacement {
	position:absolute;
	top:201px;
	width:100%;
	min-width:965px;
}

#mainfeature {
	margin:0 auto;
	margin-bottom:1px;
	width:900px;
	height:151px;
	overflow:hidden;
}

#mainfeature embed, #mainfeature object {
	background-color:#009999; /* TEAL */
/*	background-color:#663399; /* PURPLE */
/*	background-image:url(/_components/skin/flash_bg.png);*/ /* NOT DISPLAYING IMAGE OVER THE FLASH */
}

.contentbox {
	padding:15px 15px 0px 15px;
	margin:0px 0px 1px 0px;
	width:606px;
	border:1px solid #CCCCCC;
	background-image:url(../skin/bg_contentarea.jpg);
	background-position:center top;
	background-repeat:no-repeat;
/*	overflow:hidden;*/
}

.contentbox p {
	padding:0;
	margin:0px 0px 15px 0px;
}

.contentbox blockquote {
	background-color:#EEEEEE;
	padding:10px 10px 1px 10px;
	margin:0px 0px 15px 0px;
	color:#000000;
}

#footer {
	clear:both;
	color:#999999;
}

#footer .contentarea {
	width:880px;
	padding:8px 21px;
/*	height:14px;*/
}

#footer .contentarea img {
	padding:0px 5px;
	vertical-align:text-top;
}

#footer .contentarea .left {
	text-align:inherit;
	float:left;
}

#footer .contentarea .right {
	text-align:inherit;
	float:right;
}

.regdetails {
	color:#CCCCCC;
	text-align:center;
}

.clearfloats {
	clear:both;
	height:0px;
	overflow:hidden;
}

/* ########### DECORATIVE CLASSES & CONTENT ADJUSTMENTS ########### */

.web {
	color:#0D7AB3; /* BLUE */
}

a.web:hover {
	color:#0A658F; /* BLUE */
}

.market {
	color:#C72027; /* RED */
}

a.market:hover {
	color:#9E1922; /* RED */
}

.design {
	color:#51B048; /* GREEN */
}

a.design:hover {
	color:#448D3A; /* GREEN */
}

.sell {
	color:#E27427; /* ORANGE */
}

a.sell:hover {
	color:#BA5619; /* ORANGE */
}

.setheight_100 {
	height:100px;
}

.setheight_150 {
	height:150px;
}

.setheight_200 {
	height:200px;
}

.setheight_250 {
	height:250px;
}

.setheight_300 {
	height:300px;
}

.minheight_100 {
	min-height:100px;
}

.minheight_150 {
	min-height:150px;
}

.minheight_200 {
	min-height:200px;
}

.minheight_250 {
	min-height:250px;
}

.minheight_300 {
	min-height:300px;
}

/* ########### SPECIFIC CONTENT CLASSES ########### */

.featurebox {
	margin:0px 0px 1px 0px;
	width:258px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}

.featurebox p {
	padding:0px;
	margin:0px 15px 15px 15px;
}

.featurebox table {
	margin:0px 15px 15px 15px;
	width:228px;
	border-collapse:collapse;
}

.featurebox table td {
	border-bottom:1px dotted #CCCCCC;
}

.featurebox form {
	margin:0px;
	padding:10px;
}

.featurebox form p {
	margin:0px;
	padding:0px;
}

.featurebox form a {
	font-weight:normal;
}

.featurebox ul {
	list-style:none;
	margin:0px 10px 10px 10px;
	padding:0;
}

.featurebox ul li {
	list-style-image:none;
	text-align:right;
	padding-right:8px;
	margin-right:10px;
	background-image:url(/_components/skin/bullet_right.jpg);
	background-position:right 5px;
	background-repeat:no-repeat;
}

.contentbox .featurebox {
	width:199px;
	float:left;
	margin:0px 15px 15px 0px;
	clear:left;
}

.contentbox .featurebox table {
	width:169px;
}

.contentbox .featurebox .form {
	width:199px;
}

.contentbox .featurebox form input {
	width:173px;
}

.contentbox .featurebox form .pinandnumber {
	width:179px;
}

.contentbox .featurebox form .enterpin {
	width:122px;
}

.contentbox .featurebox form .button {
	width:179px;
}

.contentbox .featurebox form .button {
	width:179px;
}

.featurebox_noborder {
	margin:0px 0px 1px 0px;
	width:260px;
	background-color:#FFFFFF;
}

.contentbox .featurebox_noborder {
	width:201px;
	float:left;
	margin:0px 15px 15px 0px;
	clear:left;
}

.specialbox {
	margin:15px 30px 30px 15px;
	margin-right:18px;
	width:268px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	float:left;
	position:relative;
	height:175px;
}

.specialbox p {
	padding:0px;
	margin:0px 15px 15px 15px;
}

.specialbox .form {
	width:268px;
}

.specialbox form {
	margin:0px;
	padding:10px;
}

.specialbox form input {
	width:242px;
}

.specialbox form .pinandnumber {
	width:248px;
}

.specialbox form .enterpin {
	width:191px;
}

.specialbox form .button {
	width:248px;
}

.specialbox ul {
	list-style:none;
	margin:0px 10px 10px 10px;
	padding:0;
}

.specialbox ul li {
	list-style-image:none;
	text-align:right;
	padding-right:8px;
	margin-right:10px;
	background-image:url(/_components/skin/bullet_right.jpg);
	background-position:right 5px;
	background-repeat:no-repeat;
}
.pricetag {
	width:72px;
	height:146px;
	background-image:url(/_components/skin/tag_template.png);
	position:absolute;
	overflow:visible;
	margin-left:-45px;
	margin-top:-12px;
	z-index:50;
}

.featurecolumn .featurebox .pricetag {
	margin-left:-20px;
	margin-top:-12px;
}

.chatbox {
	height:149px;
	overflow:hidden;
}

.chatbox img {
	margin-bottom:20px;
}

.chatbox table {
	margin:0px;
}

.contactblock {
	float:left;
	padding:20px 20px 5px 20px;
	margin-bottom:15px;
	border-left:1px solid #CCCCCC;
	overflow:hidden;
}

.contactblock.form{
	clear:left;
	width:auto;
	overflow:visible;
	width:504px;
}

.centredform {
	margin:0 auto;
	width:390px;
}