/** RESET CSS **/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
ul, ol {list-style:none;}
a:focus, a:active {
	border:none;	
	outline:none;
}
td { padding: 0 3px 0 0; }
#body a:hover {
	text-decoration:underline;
}
/** COLOURS **/
body { color:#333;}
a { color:#f60;}
.symbol { color:#f60; }

/** STRUCTURE **/
html,body {
	height: 100%;
}
body {
	background: #f7f7f7 url("img/body_bg.gif") repeat-y center top;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.35em;
	font-size: .685em;
}
textarea {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#specifier { 
	width: 990px;	
	margin:0 auto;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;	
	background:#fff;
}
body > #specifier {
    height: auto;
    min-height:100%;
}
#form-subject {
	position:absolute;
	left:-5000px;
}


/*------------------------------
	Content wrappers 
	#left-column, #right-column, #body, #footer
*/
#left-column,
#right-column {	
	width: 185px;	
    float:left;
    padding:0 5px 0 0;
    overflow:hidden;
}
#right-column { float: right;}
#left-column { padding: 0 0 0 5px;}
#column-group { float:right; width: 800px; overflow:hidden;}
#column-group-2 { float:right; width: 990px; overflow:hidden;}
#body {
	float:left;
    background: url('img/topleftHighlight.png') 5px 0 no-repeat;
    padding:0 9px 10px 11px;
}
.standard { width:590px;height:600px;}
div > .standard {height:auto; min-height:600px;}
.twocol { width:780px;height:600px;}
div > .twocol {height:auto; min-height:600px;}
.extended { width:710px }
#footer{
	color: #999;
	border-top: 1px solid #224466;
	padding: 5px;
	text-align: right;
	font-size:.8em;
	clear:both;
}

#left-col{
	width:300px;
	float:left;
}

#right-col{
	width:270px;
	margin-left:310px;	
}

/*-----------------
for add a listing page,
one column
*/
#oneCol {
	padding:10px;	
}
#oneCol h2{
	text-align:center;
	font-weight:bold;
}
#progress-bar {
	border:1px solid #BBBBBB;
	display:block;
	width:800px;
	height:10px;
	position:relative;
	left:50%;
	top:0;
	margin-left:-400px;
	overflow:hidden;	
}
#progress-bar .step1{
	width:25%;
}
#progress-bar .step2{
	width:50%;
}
#progress-bar .step3{
	width:75%;
}
#progress-bar .step4{
	width:100%;
}
#progress-bar span {
	background:none repeat scroll 0 0 #FF6600;
	display:block;
	height:10px;	
}
#stage-list {
	display:block;
	width:800px;
	position:relative;
	left:50%;
	top:0;
	margin-left:-400px;
	overflow:hidden;		
	list-style:none;	
}
#stage-list li {
	width:25%;
	float:left;
	text-align:center;
}
#stage-content {
	width:100%;	
}
#stage-content li{
	overflow:hidden;
	width:100%;
	margin-bottom:10px;
	border:1px solid #BBBBBB;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
#stage-content li .left-col {
	width:70%;	
	float:left;
	padding:1%;
}
#stage-content li .left-col .child-node {
	margin-top: -0.5em;
	margin-left:10px;
	margin-bottom:0.7em;	
	font-weight:bold;
}
#stage-content li .left-col p.high-light {
	background-color:#FFFF33;
	padding: 2px 5px;	
}
#stage-content li .left-col .price {
	background-color:#FF6600;
	color:#FFF;
	font-size:18px;
	font-style:italic;
	display:block;
	padding:8px;	
	width:200px;
	text-align:center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
#stage-content li .right-col {
	width:25%;	
	float:right;
	padding:1%;
}
#stage-content li h2 {
	font-size:1.1em;
	margin:0 0 5px;	
	font-weight: bold;
	text-align:left;
}
#step-container{
	width:800px;
	position:relative;
	left:50%;
	margin-left:-400px;
	overflow:hidden;
}
.step-intro{
	margin-top:10px;	
}
ol{
 	list-style:decimal inside;
}
#company-div{
	padding:0 10px 10px 0;
	margin:10px 0 10px 0;
	overflow:hidden;
	border:1px solid #BBBBBB;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
#company-detail {
	float:left;
	width: 450px;	
	border-right:1px solid #BBBBBB;
}
#company-detail h2{
	background-color:#DDD;
	padding:5px;
	margin-bottom:10px;	
	font-size:1.1em;
	font-weight:bold;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;

}
#user-detail {
	border-bottom:1px solid #BBBBBB;
	margin:10px 0;
	overflow:hidden;
	padding:0 10px 10px 0;	
}
#company-suggest {
	float:right;
	width: 320px;	
}
#company-suggest #login-bar{
	padding:0;
	margin:10px 0 10px 0;
	line-height: 40px;
	vertical-align:middle;
}
#suggestion #similar{
	padding:5px;
	margin:5px;
	overflow:hidden;
	border:1px solid #BBBBBB;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */	
}
#suggestion #similar-company h3{
	font-size:1em;
	font-weight:bold;	
	margin-bottom:5px;
}
#category-selection {
	padding:0 0 10px 0;
	margin:10px 0 10px 0;
	border:1px solid #BBBBBB;
	overflow:hidden;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */	
}
#category-search {
	float:left;
	width:570px;
	margin:0;	
	border-right:1px solid #BBBBBB;
}
#category-search h2{
	background-color:#DDD;
	padding:5px;
	margin-bottom:10px;	
	font-size:1.1em;
	font-weight:bold;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;

}
#category-search label {
	margin-left:5px;	
}
#category-selected {
	float:right;
	width: 215px;
}
#category-selected h2{
	background-color:#DDD;
	padding:5px;
	margin-bottom:10px;	
	font-size:1.1em;
	font-weight:bold;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;

}
#category-list {
	padding-left:5px;
	overflow:hidden;
}
#category-search .separator {
	text-align:center;
	font-weight:bold;
	line-height:20px;
	height:20px;	
}
#payment-detail{
	padding:0;
	margin:10px 0 10px 0;
	overflow:hidden;
	border:1px solid #BBBBBB;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
#payment-detail h2{
	background-color:#DDD;
	padding:5px;
	margin-bottom:10px;	
	font-size:1.1em;
	font-weight:bold;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}
#payment-detail .content{
	margin:10px;	
}
#payment-detail .content .simple{
	clear:left;
	padding:0.25em 0;
}
#payment-detail .content .simple label,
#payment-detail .content .complex label{
	display:block;
	float:left;
	margin-right:10px;
	position:relative;
	text-align:right;
	width:150px;	
}
#payment-detail .content .complex label.inline{
	display:inline;
	float:none;
	margin-right:10px;
	width:auto;
}
#payment-detail .action{
	width:100%;
	text-align:center;	
	padding:10px 0 10px 0;
	border-top:1px solid #DDD;
}
/*------------------------------
	Navigation - header and the main nav 
		#header-nav - nav in the header
		#specifier-nav - main navigation underneath specifier logo
 */
#header {
	position:relative;
	background:#fff url('img/specifierheader2011.jpg') no-repeat 0 100%;
	height: 145px;
	overflow:hidden;
	width: 100%;
}
#header-nav {
	font-size:11px;
	padding:10px 30px;
}
#header-nav li {
	float:left;
	padding:0 20px 0 0;
	color:#000;
}
#header-nav a {
	float:left;
	display:block;
	height:20px;
	color:#000;
	text-decoration:none;
}
#header-nav a:hover {
	text-decoration:underline;
}
#header-nav li.subscribe,#header-nav li.e-newsletter  {
	padding: 0 20px 0 25px;
}
#header-nav li.subscribe { background:url('/icn/subscribe.gif') no-repeat 0 2px; }
#header-nav li.e-newsletter { background:url('/icn/e-newsletter.gif') no-repeat 0 2px;}
#header-nav .add-web-mag a {
	display:inline;
	float:none;
}
#header-nav li.contact { padding: 0 20px 0 13px; background:url('/icn/phone.gif') no-repeat 0 0; }
#header-login {
	position:absolute;
	right:2px;
	top:2px;	
	background-color:#FF6600;
	padding:5px 10px;
}
#header-login a{
	color:#FFF;	
	font-weight:bold;
}

#nav-container{
	position:relative;
	margin-bottom:5px;
	background-color:#C0C0C0;
	border-bottom:#808080 1px solid;
	z-index:100;
}
#specifier-nav{
	display:block;
	overflow:visible;
	height:30px;	
	line-height:30px;
}
#specifier-nav li{
	float:left;
	position:relative;
	top:0;
	left:0;
	font-size:1.1em;
	display:inline;
}
/*clean up for li under li*/
#specifier-nav li li{
	float:none;
	position:relative;
	top:0;
	left:0;
	font-size:1em;
}
#specifier-nav li a{
	display:block;	
	color:#000;
	padding-left:10px;
	padding-right:10px;
}
#specifier-nav li.active>a{
	background:#FFF url('img/menu_arrow.gif') no-repeat bottom center;	
}	
#specifier-nav li:hover a{
	background:#FFF url('img/menu_arrow.gif') no-repeat bottom center;	
}
#specifier-nav li:hover ul a{
	background:#C0C0C0;
}

#specifier-nav div{
	float:left;	
	display: inline;
	position:absolute;
	top:30px;
	left:-10px;	
	padding:0 20px;
	display:none;
	z-index:100;
	background-color:#C0C0C0;
	border-left:#808080 1px solid;
	border-right:#808080 1px solid;
	border-bottom:#808080 1px solid;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}
#specifier-nav div.bg1{
	width:165px;
}
#specifier-nav div.bg2{
	width:330px;
}
#specifier-nav li ul{
	background-color:#C0C0C0;
	padding-bottom:10px;
	margin:0;
	width:165px;
	margin:0;
}
#specifier-nav>li:hover div.bg{
	display:inline;
}

#specifier-nav li ul.sublist0{
	float:left;
}
#specifier-nav li ul.sublist1{
	float:left;
}

#specifier-nav li ul li{
	margin:0;
	display:block;
}	
#specifier-nav li ul a{
	color:#000;		
	display:block;
	height:20px;
	line-height:20px;
}
#specifier-nav li ul a:hover{
	background-color:#666;
	color:#FFF;
}
/*------------------------------
	Search box inside the header 
		#site-search
*/
#site-search {
	position:absolute;
	right:25px;
	bottom:0;
}
#site-search span { font-size:.9em;}
#site-search .form-header {
	font: bold 13px Arial, Helvetica, sans-serif;
	color:#000;
}
#site-search li { display:inline;}
#site-search .search-input {
	border:1px solid #999;
	height:18px;
	margin:0;
}
#site-search .submit-button {
	border:1px solid #999 ;
	background:#eee;
	font-size:11px;
	padding:2px; 
	height:20px;
	width:24px; 
	margin:0;
}



/*------------------------------
	Content Styles 
		Generic list of styles that are used.
		NB. Most content on site you see uses UL
*/
.fl { float:left;}
.fr { float:right;}
.clear, ul.content li, ul.floated-list, ul.table-list li {
	height:0; overflow:visible;
}
div > .clear, form > .clear, 
ul.content > li, 
form > ul.floated-list,
div > ul.floated-list, 
ul.table-list > li {
	height:auto; overflow:hidden;	
}
ul.floated-list a, ul.floated-list li {
	display:block;
	float:left;
}
ul.block-list li, ul.block-list a {
	display:block;
}
ul.inline-list li {
	display:inline;
}
.table-list {
	border-top:1px solid #ddd;			
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;	
	margin: 0 0 10px 0;
}
.table-list li {
	border-bottom: 1px solid #ddd;
	padding:2px 5px;
}
h1, .h1 {
	border-bottom:1px solid #FF6600;
	display:block;
	margin:10px 0 5px 0; 
	padding:0 0 2px 0;
	font-size:1.17em;
	font-weight:bold;
}
.formatted h2 {
	font-size:1.15em;
	font-weight:bold;
	padding: 0 0 .25em 0;
}
.formatted h3 {
	font-weight:bold;
	color:#f60;
	padding: 0 0 .2em 0;
}
h2.sub-heading { font-size:1.1em; font-weight:bold; margin: 0 0 5px 0;}
p { margin: 0 0 .7em 0;}
a.title {
	color:#ff6600; text-decoration:none;
}
a.text, .alt-anchor a  {
	color:#333; text-decoration:none;	
}
a.title:hover, a.text:hover {
	text-decoration:underline;	
}
.alt-anchor a:hover {
	color:#ff6600;	
	text-decoration:underline;
}
#body img.primary {
	display:block;
	padding: 0 0 5px 0;	
}
.formatted ul {
	padding: 0 0 10px 0;	
}
.formatted ul li {
	background:url('img/bullet.png') no-repeat 1% 50%;
	padding: 0 0 0 20px;
	line-height:1.4em;	
}

/*------------------------------
	Bread Crumbs
*/
#bread-crumb {
	font-size:9px;
}
#bread-crumb a {
	color:#333;
}
#bread-crumb a:hover {
	color:#ff6600;
	text-decoration:underline;
}
#bread-crumb li {
	padding: 2px 7px 2px 10px;
	cursor:default;
	background:url('img/crumb.png') no-repeat 0 55%;
}
#bread-crumb li.first {
	background:none;
	padding: 2px 5px 2px 0;
}
/*------------------------------
	Pagination
*/
.pagination-container {
	font-size:.95em;
	margin:10px 0;
}
.pagination li {
	border-right:1px solid #bbb;
}
.pagination li, .pagination a {
	float:left;
	display:block;
}
.pagination .active {
	color:#ff6600;
	padding:2px 6px;
	cursor:default;
}
.pagination a {
	padding:2px 6px;
	color:#333;
	text-decoration:underline;
}
.pagination a:hover {
	color:#ff6600;	
}
.pagination .previous-disabled,
.pagination .next-disabled {
	color: #999;
	cursor:default;
	padding: 2px 6px;
}
.pagination .last, .pagination .next-disabled {
	border-right: none;
}
.pagination-container span {
	float:left;
	display:block;
	padding:2px 3px 2px 0;
}
.pagination-container span.pagination-info {
	float:right;
	padding: 3px;
}

/*------------------------------
	VCard
*/
.street-address, .locality, .tel {
	display:block;
}