@charset "utf-8";
html, body {
	height:100%;
	margin:0;
	padding:0;
}
html {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background-repeat: repeat-x;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #525252;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
}
#main-clm p {
	margin-top: 0px;
	margin-bottom: 14px;
}

/* IE PNG Fix
** IE PNG Alpha Fix v2.0 Alpha 4
** by Angus Turnbull - http://www.twinhelix.com. Updated: 2 October 2009. 
*/
/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}			
.clear-block {
	margin: 0px;
	padding: 0px;
	clear: both; 
}
a, object {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
}
a, a:link, a:visited {
	text-decoration: none;
	color: #820024;
}			
a:hover {
	text-decoration: none;
	color: #60001b;
}
span { behavior: url(/js/iepngfix.htc);}
img, div {
	behavior: url(/js/iepngfix.htc);
	border: none;
}
#header   ul, #nav  ul, #mailing-list ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#header li {
	display: block;
	float: left;
	width: 33%;
}
#header #top-nav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-top: 8px;
	padding-left: 40px;
	display: block;
	padding-bottom: 4px;
	font-weight: bold;
}
#header #top-nav a:hover {
	color: #212121;
}
#header #top-nav a.black:hover {
	color: #FFA901;
}
#container #content {
	float: left;
	width: 760px;
}
#content #left-clm {
	float: left;
	width: 197px;
	padding-left: 18px;
}
#container #content #left-clm #nav {
	background-color: #ffb400;
	background-image: url(images/nav-top.gif);
	background-repeat: no-repeat;
}

#content #main-clm {
	float: left;
	width: 513px;
	background-image: url(images/content-bg.gif);
	background-repeat: no-repeat;
	min-height:450px;
	height:auto !important; /*min height hack*/
	height:450px; /*min height hack*/
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
}




#container {
	margin: auto;
	width: 975px;
	position: relative;
	background-image: url(images/site-bg.gif);
	background-repeat: repeat-y;
}
#container #ad {
	position: relative;
	width: 185px;
	margin-top: -120px;
	margin-right: 20px;
	float: right;
	z-index: 1000;
}
#container #google-ad {
	padding-left: 15px;
	padding-bottom: 15px;
}
#container #header {
	background-image: url(images/site-header.gif);
	background-repeat: no-repeat;
	height: 149px;
	position: relative;
}
#container #flash {
	position: absolute;
	width: 520px;
	left: 240px;
	top: 0px;
	height: 120px;
}
#header #top-nav {
	background-image: url(images/top-nav-bg.jpg);
	height: 29px;
	width: 530px;
	left: 220px;
	top: 120px;
	position: absolute;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}
#left-clm #nav {
	margin-top: 5px;
	padding-top: 5px;
}
#left-clm #nav li {
	display: block;
	margin-left: 8px;
}
#left-clm #nav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #4D4D4D;
	font-weight: bold;
	display: block;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 6px;
	padding-left: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffcb4d;
}
#left-clm #nav a:hover {
	color: #fff;
}
#left-clm #login {
	background-image: url(images/members-login.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#left-clm #login #members-top {
	background-image: url(images/members-top.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#left-clm #mailing-list {
	background-color: #525252;
	background-image: url(images/friend.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 15px;
	color: #FFFFFF;
}
#left-clm #mailing-list a {
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 11px;
	display: block;
	padding-bottom: 2px;
	padding-top: 2px;
}
#left-clm #mailing-list p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}







#header #logo {
	position: absolute;
	height: 119px;
	width: 186px;
	left: 18px;
	top: 21px;
}
#left-clm #extra {
	margin-top: 10px;
}

#container #footer {
	background-image: url(images/site-footer.gif);
	background-repeat: no-repeat;
	background-color: #525252;
	color: #BABABA;
	padding-top: 35px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: right;
}
#content #home-bot {
	color: #FFFFFF;
	background-image: url(images/home-bottom-2010.gif);
	background-repeat: no-repeat;
	float: left;
	width: 520px;
	padding-top: 22px;
	padding-bottom: 8px;
	padding-left: 15px;
	height: 84px;
	overflow: hidden;
	margin-left:217px;
}
#home-bot .clm {
	float: left;
	width: 31%;
	margin-right: 12px;
}
#home-bot .clm h2 {
	font-size: 12px;
	color: #FFFFFF;
	letter-spacing: 0em;
	margin-bottom: 5px;
}
#home-bot img {
	float: left;
	margin-right: 8px;
}


#footer a {
	color: #BABABA;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #525252;
	font-size: 10px;
	text-decoration: none;
}
form {
	margin: 0px;
}
.inputlength {
	width: 158px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #030303;
	color: #525252;
	background-color: #F6F6F6;
	height: 20px;
	}
.inputlength2 {
	width: 95px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #50A20A;
	color: #525252;
	background-color: #F6F6F6;
	height: 20px;
	}
.button-grey {
	background-color:#767676;
	color: #FFFFFF;
	border: 1px solid #030303;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	width: 158px;
}
.button-green {
	background-color:#50A20A;
	color: #FFFFFF;
	border: 1px solid #408409;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	width: 50px;
}
.button-orange {
	background-color:#FFB400;
	color: #FFFFFF;
	border: 1px solid #FF9500;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	cursor:pointer;
}
.ads {
	text-align: left;
	padding: 10px 20px 5px;
	vertical-align: top;
}
.left-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
.grey-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.orange {
	color: #FF9500;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #525252;
	text-decoration: none;
	letter-spacing: -1px;
	margin-bottom: 3px;
	margin-top: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #525252;
	text-decoration: none;
	letter-spacing: -1px;
	margin-bottom: 3px;
	margin-top: 0px;
	text-transform: uppercase;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF9500;
	text-decoration: none;
	letter-spacing: -1px;
	margin-bottom: 3px;
	margin-top: 0px;
}
a:link, a:visited, a:active {
	color: #FF9500;
	text-decoration: none;
}
a:hover {
	color: #525252;
	text-decoration: none;
}.box {
	background-image: url(images/box-bg.gif);
	width: 169px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	height: 235px;
}
.box-padding {
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.float-left {
	float: left;
	margin-right: 3px;
	vertical-align: middle;
}
.linetop {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFB400;
	background-color: #FFE3AB;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFB400;
	padding: 10px;
	margin-top: 3px;
}
.area{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 4px;
	color: #000000;
	background-color: #ffffff;
	width: 165px;
	hborder-top-width: 1px;
	border: 1px solid #FFE3A7;
}
.area1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 4px;
	color: #000000;
	background-color: #ffffff;
	width: 420px;
	border: 1px solid #FFE3A7;
}
.area2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
	color: #000000;
	background-color: #ffffff;
	width: 340px;
	border: 1px solid #FFE3A7;
}
.area3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 4px;
	color: #000000;
	background-color: #ffffff;
	width: 492px;
	border: 1px solid #FFE3A7;
}
.area4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 4px;
	height: 90px;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #FFE3A7;
}

.white {
	color: #FFFFFF;
}
.float-right {
	float: right;
	margin-left: 4px;
}
.catalogueBlock {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	width: 116px;
}

.catalogueBlock2 {
	background-color: #e6e6e6;
	border: 1px solid #999999;
	width: 116px;
}

.catalogueImage {
	border: 1px solid #CCCCCC;

}

.catalogueImageThumbs {

	padding-top: 5px;
	padding-bottom: 5px;
	
}

.catalogueThumb {

	cursor: pointer;

	margin-right: 5px;

	border:1px solid #5c5c5c;

}

.catalogueMainImageCell {

	vertical-align: top;

}

.catalogueMainImage {
	border: 1px solid #999999;
	background-color: #CCCCCC;
	margin-right: 5px;
	vertical-align: top;
	padding: 5px;
}

.catalogueItemHeading {
	font-family: arial;
	font-size: 20px;
	color: #990000;
	font-weight: bold;
	text-align: left;
	width: 300px;
	padding-top: 15px;
	padding-bottom: 5px;
}

.catalogueItemLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5c5c5c;
	font-weight: bold;
	width:30%;
}

.catalogueItemValue {

	color: #666666;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;

	font-size: 11px;
	width:70%;
	padding:3px;

}
.catalogueHeading {

	color:#666666;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

}



.catalogueSmallBox {

	height: 135px;
	width: 116px;



}

.catalogueThumbCell {

	margin-top: 5px;
	margin-bottom: 5px;
		

}

.catalogueAll {
	width:100%;
	vertical-align: top;
	text-align: left;
	padding-bottom: 50px;
}
.catalogueButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 15px;
}


.catalogueDetails {
	font-family: verdana;
	font-size: 11px;
	color: #666666;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	margin-right: 10px;
}



.catalogueDetailsCell {
	border: 1px solid #5c5c5c;
}
.clear{clear:both; border-top-color:#FA9814; border-top-style:solid; border-top-width:1px; margin-top:8px; margin-bottom:8px;}

div#cvs .pic{float:left; margin-right:8px;margin-bottom:8px;}
#potw {
	background-image: url(images/cv-bg.gif);
	background-repeat: repeat-y;
	width: 517px;
}
#potw .potw-contents {
	background-image: url(images/cv-header.gif);
	background-repeat: no-repeat;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 10px;
}
#potw .potw-footer {
	background-image: url(images/cv-footer.gif);
	background-repeat: no-repeat;
	height: 12px;
}
.clr {
	font-size: 1px;
	line-height: 0px;
	clear: both;
}
#search {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #525252;
	padding: 8px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF9900;
	margin-bottom: 10px;
	color: #FFFFFF;
}
#search #advanced {
	margin-top: 5px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #3E3E3E;
	padding-top: 5px;
}
#advanced select {
	width: 122px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #212121;
	border: 1px solid #252525;
}

#search  .type {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #121212;
	padding: 4px;
	border: 1px solid #010101;
	width: 110px;
}

#search  .searchfiled {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #121212;
	padding: 4px;
	border: 1px solid #010101;
	width: 190px;
}
#search td {
	color: #FFFFFF;
}

#search #button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #72BD1C;
	width: 60px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#search h2 {
	color: #FFFFFF;
}


#main-clm .listing {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF9900;
	line-height: 17px;
	width: 513px;
	margin-bottom: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	position: relative;
}
#main-clm .listing .level {
	float: right;
	width: 30px;
	background-color: #72BD1C;
	display: block;
	color: #FFFFFF;
	text-align: center;
	line-height: 17px;
	height: 35px;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
#main-clm .listing .pic a h2  {
	color: #FFFFFF;
	display: block;
	background-color: #72BD1C;
}
#main-clm .listing .pic a:hover h2   {
	background-color: #FFB400;
}
#main-clm .listing .details .level strong {
	font-size: 24px;
	color: #FFFFFF;
}

#main-clm .listing h2 {
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display: block;
	margin: 0px;
	font-weight: normal;
	letter-spacing: 0em;
	padding: 4px;
}
#main-clm  .listing  h3  {
	color: #FFFFFF;
	background-color: #525252;
	letter-spacing: 0em;
	text-align: center;
	display: block;
	padding: 2px;
}

#main-clm .listing .details .seeks {
	background-color: #F3F3F3;
	display: block;
	padding: 3px;
	margin-top: 4px;
}
#main-clm  .listing  strong, #main-clm strong {
	color: #EC8D00;
}
#main-clm .listing .details .seeks strong {
	color: #696969;
}
#main-clm .listing .pic {
	float: left;
	width: 130px;
	margin-right: 10px;
}
#main-clm .listing .details {
	float: left;
	width: 370px;
}
#main-clm .listing .details .clm {
	float: left;
	width: 43%;
}
#main-clm .clm {
	float: left;
	width: 48%;
}
#main-clm  .pad   {
	padding-right: 12px;
}
#main-clm .videos h2 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	text-transform: uppercase;
}
#main-clm .videos {
	margin-top: 15px;
	margin-bottom: 15px;
}#main-clm .enquiry {
	margin-top: 15px;
}
#main-clm .enquiry a {
	color: #FFFFFF;
	background-color: #72BD1C;
	width: 170px;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	padding: 8px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#main-clm .enquiry a:hover {
	background-color: #FFB300;
}
.dataTable td, .dataTable th{
	padding:2px;
	margin:0px;
	vertical-align:top;
}
.dataTable tr {
	cursor:pointer;
}
.dataTable th {
	text-align:left;
	border-bottom:1px solid #000;
	
}
.dataTable tr:hover {
	background-color:#eee;
}