/*
	Description	:	
	Author		:	
	Client		:	
	
	Structure:		GENERAL
					MAIN STRUCTURE
					SUB STRUCTURE
					NAVIGATION
					MISC - float clearing & other stuff
*/

/*
	GENERAL
________________________________________________________________________________________ */

body {
	font-family: Verdana, Arial, sans-serif;
	margin: 1.7em 0;
	background: #e4e4e4 url(../images/interface/bg-body.gif);
}

h1, h2, h3,
h4, h5, h6 {
	font: 1.8em/1.2 Arial, Verdana, sans-serif;
	color: #666;
	margin: 0 0 4px
}

a,
a:link,
a:active,
a:visited {
	color:#A21618;
}

a:hover,
a:focus {
	color:#666;
}

/*
	MAIN STRUCTURE
	The main (first level) grid structure.
________________________________________________________________________________________ */

#header {
	position: relative;
	float: left;
	/*width: 18.1em;*/
	width: 19.5em;
	padding: 3.6em 0 0 3.6em;
	overflow: hidden;
	}


#wrapper {
	position: relative;
	width: 96em;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #676767;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em;
/*
	-moz-box-shadow: 0 5px 22px #777;
	-webkit-box-shadow: 0 5px 22px #777;
	box-shadow: 0 5px 22px #777;
*/	
}


#content {
	position: relative;
	float: right;
	width: 70.8em;
	padding: 3em 0 .1em;
	margin: 3.5em 0 0;
	background: url(../images/interface/rule-dashed.gif) repeat-x left bottom;
	border-left: 1px solid #ccc;
}


#content-primary {
	clear: both;
	padding: 2.2em 2.2em .4em 2.2em;
	background: #eee url(../images/interface/bg-content.gif)
}


#footer {
	position: relative;
	float: left;
	width: 100%
}
	
	
/*
	SUB STRUCTURE
	All content held "within" the first level grid structure.
________________________________________________________________________________________ */


/*	HEADER
------------------------------------- */

#header .brand-logo {
	font-size: 100%;
	width: 18.1em;
	height: 9em;
	margin: 0 0 5.4em 0;
}

	#header .brand-logo img {
		width: 100%;
		height: 100%;
	}

#header .brand-logo h1{
	margin: 0 0 5.4em 0;
}

#header .brand-logo h1 a{
	width: 18.1em;
	height: 5em;
	display:block;
	background:url(../images/logos/Union-Supplies.jpg) no-repeat left top;
	margin:0;
	padding:0;
}


/*	MAIN CONTENT AREA
------------------------------------- */

/* Top Contact Info */

ul.contact-numbers {
	position: absolute;
	top: 0;
	left: 0;
	width: 58%;
	font-family: arial, verdana, sans-serif;
	list-style: none;
	padding: 0 0 0 1em;
	margin: 0;
}

	ul.contact-numbers li {
		float: left;
		padding: 0 0.95em;
		text-transform: uppercase;
		background: url(../images/interface/separator-small.gif) no-repeat left center
	}

		ul.contact-numbers li.contact-aberdeen {
			background: none;
		}

		ul.contact-numbers li a span {
			position: absolute;
			top: 0;
			left: -9999em;
		}

		ul.contact-numbers li a:hover span {
			left: auto;
			right: 0;
			font-weight: 700;
			background:#fff;
			display:none;
		}
		
		ul.contact-numbers li.contact-aberdeen a span {
			left: auto;
			right: 0;
			font-weight: 700;
			color: #990000;
			display:none;
		}
			

	ul.contact-numbers a {
		color: #999
	}

	ul.contact-numbers a:hover {
		color: #990000
	}
	
	ul.contact-numbers a.hover{ color:#990000 !important;}


/* Image Slideshow */

#slideshow {
	float: right;
	margin: -5.4em 0 0
}


#slideshowimages{
width: 26em;
height:23.7em;
overflow:hidden;
}

	#slideshow img {
		width: 26em
	}
	
	
/* Header image */
	
#headImage {
	float: right;
	margin: -6em 0 0 0;
}

	#headImage img {
	}	

/* Top Title Text (in red, the big one!) */

#section-header {
	float: left;
	padding: 5.4em 0 0 2.2em;
	height:90px;
}

	#section-header img {
		width: 42em
	}
	
	#section-header h2 {
		margin:0;
		padding:0;
		font-size:220%;
		color:#a21618;
		font-weight:bold;
		margin:0 0 1px 0;
	}
	
	.home #section-header {
		float: left;
		padding: 3em 0 0 2.2em;
		height:90px;
	}	
	
	.home #section-header h2 {
		width: 376px;
		height: 100px;
		background:top left no-repeat;
		display:block !important;
		margin:0 0 3em 0;
		padding:0;
	}
	
	

.subPage #section-header {
	float: left;
	padding: 4.4em 0 3.4em 2.2em
}


/* News Ticker */

#news-ticker {
	position:relative;
	float: left;
	width: 100%;
	overflow: hidden;
	background: #a21618 url(../images/interface/bg-highlight.gif);
	border-bottom: 3px double #ccc;
	border-top: 3px double #ccc;
	}

	#news-ticker h3 {
		float: left;
		width: 7em;
		color: #fff;
		font-size: 120%;
		text-transform: uppercase;
		line-height: 1;
		padding: .6em 2.2em;
		margin: 0;
		}
		
    .msg {   
		font: 400 1.2em/1.5 Arial, Helvetica, sans-serif;
		color: #333; 
		width: 47em;
		position:absolute;
		left: 708px;
		padding: .4em 0;
	}

	
	
	.msg a {
		color: #fff;
		}

/* Breadcrumb */		
		
	
#breadcrumb {
	position:relative;
	float: left;
	width: 100%;
	overflow: hidden;
	background: #a21618 url(../images/interface/bg-highlight.gif);
	border-bottom: 3px double #ccc;
	border-top: 3px double #ccc;
	}	
	
	#breadcrumb ul {
		float: left;
		color: #fff;
		font-size: 100%;
		line-height: 1;
		padding: 0.6em 2.2em 0.6em 2.2em;
		margin: 0;
		overflow: hidden;
	}
	
    #breadcrumb ul  li {   
		font: 400 1.2em/1.5 Arial, Helvetica, sans-serif;
		color: #fff; 
		padding:0;
		margin:0 5px 0 0;
		display:block;
		float:left;
	}

    #breadcrumb ul  li a{   
		color: #fff;
		padding:0 5px 0 0;
	}
	
    #breadcrumb ul  li.selected a{   
		color: #fff;
		font-weight:bold;
	}		
	
    #breadcrumb ul  li a:hover{   
		color: #000;
	}

	

.home #content-primary .intro {
	width: 46.2em;
	float: left;
}

.home #content-primary .aside {
	width: 19.2em;
	float: right;
}

.standard #content-primary .intro {
	width: 46.2em;
	float: left;
}

.standard #content-primary .aside {
	width: 19.2em;
	float: right;
}

.product-list #content-primary .intro {
	width: 46.2em;
	float: left;
}

.product-list #content-primary .aside {
	width: 19.2em;
	float: right;
}


.subPage #content-primary .aside {
	margin: 1.8em 0
}

#content-primary p b,
#content-primary p strong{
	color:#a21618;
}


#features {
	overflow: hidden;
	padding: 1.8em 1.8em 1.5em;
	background: #fff url(../images/interface/rule-dashed.gif) repeat-x left top;
}

	.feature {
		float: left;
		width: 20.8em
	}

	.feature h3 {
		font-size: 120%;
		text-transform: uppercase;
		padding: .7em .7em .6em;
		margin: 0;
		background: #e7e7e7;
		border-bottom: 1px solid #fff
	}

	.feature img {
		width: 20.7em
	}

	.feat02 {
		margin: 0 2.4em
	}

.quicklink a {
	display: block;
	color: #666;
	font-weight: bold;
	line-height: 1.2;
	padding: 0.9em 0.5em 1em 6em;
	text-shadow: 2px 2px 2px #ddd;
	background: transparent;
	font-size:1.2em;
}

	.quicklink a:hover {
		color: #bd1218;
		text-shadow: none
	}

.quicklink p {
	padding: 0 0 0;
	margin: 0;
	border-top: 1px dashed #333
}

	.contact-quote a {
		background: url(../images/woman.gif) no-repeat left bottom
	}

	.products-downloads a {
		background: url(../images/png.gif) no-repeat left bottom
	}
	
	.products-view a {
		color: #fff;
		height: 4.4em;
		padding: 1em 1em 0.8em 6em;
		margin: .8em 0;
		text-shadow: 2px 2px 2px #777;
		background: url(../images/features/productrange.jpg) no-repeat 
	}


/*	FOOTER
------------------------------------- */
#footer p {
	font-size: 100%;
	text-align: right;
	padding: 1.4em 1.8em 0 1.4em
}

#footer p a{
color:#333;
}

#footer p a:hover{
color:#a21618;
}


/* 
	NAVIGATION
	Main and sub navigation styling 
	NOTE: ".current-page" class changed to ".selected"
________________________________________________________________________________________ */

#nav-main {
	overflow: hidden;
}

#nav-main ul {
	margin: -1px 0 0;
}

	#nav-main li {
		padding: 0.33em 0;
		background: url(../images/interface/rule-dashed.gif) repeat-x;
		padding-bottom:0;
		margin-bottom:5px;
	}

	#nav-main a,
	#nav-main li.selected li a,
	#nav-main li.selected li.selected li a  {
		display: block;
		color: #666;
	}

	#nav-main li.selected li a  {
		font-size: 90%
	}

	#nav-main a:hover,
	#nav-main a:focus,
	#nav-main li.selected a,
	#nav-main li.selected a:hover,
	#nav-main li.selected li.selected a,
	#nav-main li.selected li.selected a:hover,
	#nav-main li.selected li.selected li.selected a {
		color: #a21618;
		font-weight: bold!important;
	}


/* Subnav */

	#nav-main li ul {
		padding: 0 0 0 1.5em;
		margin: .35em 0 0;
		background: url(../images/interface/rule-dashed.gif) repeat-x
	}

		#nav-main li ul li {
			padding: 2px 0;
			background: none
		}

		#nav-main li ul li ul {
			background: none
		}

		
		
/* Static Home Nav */	

#staticHomeLink{}
#staticHomeLink li{}
#staticHomeLink li a{}

/* Product Nav */	
		
#product-nav{ 
	margin-bottom:15px !important;
	margin-top:10px !important;
	}
#product-nav li{ 
	background:url(../images/interface/prod-navBG.jpg) repeat; 
	padding:0 !important; 
	margin:0 0 1px 0 !important; 
	font-weight:normal !important;
}

#product-nav li a{ 
	background:url(../images/interface/prod-nav-arrow.gif) no-repeat 5px 8px; 
	color:#fff; 
	padding:2px 2px 2px 15px; 
	margin:0; 
	font-weight:normal !important;
}
#product-nav li.selected a:hover,
#product-nav li a:hover{ 
	font-weight:normal !important; 
	color: #000;
}

#product-nav li.selected{ 
	background:url(../images/interface/prod-navBG-over.jpg) repeat; 
	padding:0; 
	margin:0;
}
#product-nav li.selected a{ 
	background:url(../images/interface/prod-nav-arrow.gif) no-repeat 5px 8px; 
	color:#fff; 
	padding:2px 2px 2px 15px; 
	margin:0; 
	font-weight:normal !important;
}

#product-nav li.selected ul{ 
	background:#fff; 
}
#product-nav li.selected ul li{ 
	background:#fff; 
}
#product-nav li.selected ul li a{ 
	background:transparent; 
	font-weight: normal !important;
}

#product-nav li ul{ 
	padding: 6px 0 6px 15px;
	margin: 0;
}

#product-nav li ul li{ }
#product-nav li ul li a{ 
	background-image:none; 
	color: #666; 
	padding:0 !important; 
	margin:0 !important;
}

#product-nav li ul li a:hover{ 
	color: #a21618 !important; 
	font-weight:bold !important;
}




/* 
	PRODUCTS - CATEGORIES
________________________________________________________________________________________ */


#productCategoryOptions{ 
	overflow:hidden;
	margin:0 0 1.3em 0;
}

#productCategoryOptions form#frmFilter{
	float:left;
	clear:none;
	width:18.5em;
}

#productCategoryOptions form#frmFilter select{
	border:0.1em solid #ccc;
	padding:0.2em;
	color:#A21618;
}


#productCategoryOptions form.search-simple{
	float:right;
	clear:none;
	width:18.5em !important;
	margin:0 !important;
}

#productCategories{ 
	padding:1em 0 0 0;
}

#productCategories .productList{ 
	margin:0 0 1em 0;
}

#productCategories .productList h4{ 
	margin:0 0 0.5em 0;
	color:#333;
}

#productCategories .productList ul{ 
	margin:0;
	overflow:hidden;
}
#productCategories .productList ul li{ 
	list-style:none;
	float:left;
	margin:0 1.4em 1.4em 0;
	display:block;
	width:147px !important;
	height:181px !important;
}
#productCategories .productList ul li a{
	color:#666;
	font-size:0.9em !important;
	line-height:1;
}
#productCategories .productList ul li a:hover{
	color:#A21618;
}

#productCategories .productList ul li a img{ 
	display:block; 
	border:0.1em dashed #676767;
	margin:0 0 0.5em 0;
}
#productCategories .productList ul li a:hover img{ 
	border:0.1em solid #A21618;
}


#productCategoryFeature{ 
	border:0.1em dashed #999;
	border-left:none;
	border-right:none;
	margin:0 0 1.5em 0;
	overflow:hidden;
}

#productCategoryFeature a#specSheet{
	background: url(../images/docDownload.gif) no-repeat left center;
	padding: 1em 0 1em 4em;
	display:block;
	float:left;
	margin:0.75em 0 0 0;
	font-size:1.2em;
	color:#A21618;
	text-shadow: 2px 2px 2px #ddd;
}

#productCategoryFeature a#specSheet span{
	color:#666;
}

#productCategoryFeature a#specSheet:hover{
	color:#666;
	text-shadow: none;
}

#productCategoryFeature a#specSheet:hover span{
	color:#A21618;
}

#productCategoryFeature a#quoteRequest{
	float:right;
	display: block;
	color: #666;
	font-weight: bold;
	/*line-height: 1.2;*/
	padding: 0 0.8em 0 6.5em;
	text-shadow: 2px 2px 2px #ddd;
	background: url(../images/woman.gif) no-repeat left bottom;
	border-left:0.1em solid #999;
	font-size:1.2em;
}

#productCategoryFeature a#quoteRequest span{
	width:8em;
	display:block;
	margin:1em 2em 1em 0;
}

#productCategoryFeature a#quoteRequest:hover {
	color: #A21618 !important;
	text-shadow: none
}


/* 
	PRODUCTS - ITEM
________________________________________________________________________________________ */
	
#productDetails{ 
	border-bottom:0.1em dashed #999;
	padding:0 0 1em 0;
	margin:0 0 1em 0;
	overflow:hidden;
}

#productDetails h4{
	margin-bottom:1em;
}

#productDetails #productMainImage{
	float:left;
	width:24em;
	overflow:hidden;
}

#productDetails #productMainImage ul{
	margin:1em 0 0 0!important;
}

#productDetails #productMainImage ul li{
	display:block;
	float:left;
	margin:0 0.8em 0.8em 0;
}

#productDetails #productMainImage a img{
	border:0.1em dashed #999;
}
#productDetails #productMainImage a:hover img{
	border:0.1em solid #A21618;
}

#productDetails #productInfo{
	float:right;
	width:41.0em;
}
#productDetails #productInfo h5{
	font-size:1.6em;
	color:#A11518;
	font-weight:bold;
	margin-bottom:0.8em;
}
#productDetails #productInfo p{
	color:#666;
	margin-bottom:0.7em;
	font-size:1.1em;
}

#productDetails #productInfo ul li{
	color:#666;
	font-size:0.9em;
}

/* 
	SEARCH RESULTS
________________________________________________________________________________________ */


#searchResults{}
	
.searchResultsItem{
	overflow:hidden;
	margin:1em 0 1em 0;
	border-bottom:0.1em dashed #999;
	padding:0 0 1em 0;
}
.searchResultsItemImage{
	float:left;
	width:8.0em;
}

.searchResultsItemImage a img{
	border:0.1em dashed #999;
}

.searchResultsItemImage a:hover img{
	border:0.1em solid #A21618;
}

.searchResultsItemDetails{
	float:right;
	width:57.0em;
}

.searchResultsItemDetails h5{

}

.searchResultsItemDetails h5 a{
	color:#A21618;
}

.searchResultsItemDetails h5 a:hover{
	color:#999;
}

.searchResultsItemDetails h6 a{
	color:#666;
	font-size:0.8em;
}

.searchResultsItemDetails h6 a:hover{
	color:#A21618;
}

.searchResultsItemDetails p{
	font-size:1.1em;
	margin-bottom:0;
}

/* 
	NEWS
________________________________________________________________________________________ */


#newsItems{ 
	overflow:hidden;
}

#newsItems #mainArticle{
	width: 46.2em;
	float: left;
}
#newsItems #mainArticle h3{}
#newsItems #mainArticle p{}
#newsItems #mainArticle p em{}

#newsItems #archivedArticles{
	width: 19.2em;
	float: right;
	border-left:0.1em #999 dashed;
	margin:0 0 2em 0;
}

#newsItems #archivedArticles h4{ 
	font-size:1.4em;
	margin:0 0 1em 1em;
}

#newsItems #archivedArticles ul{
	margin:0 0 0 1em;
}
#newsItems #archivedArticles ul li{
	list-style:none;
	margin:0 0 1em 0;
	padding:0 0 1em 0;
	border-bottom:0.1em #999 dashed;
}
#newsItems #archivedArticles ul li span{ 
	display:block;
	font-style:italic;
}
#newsItems #archivedArticles ul li a{
	color:#A21618;
}

#newsItems #archivedArticles ul li a:hover{
	color:#666;
}



/* 
	FORMS
________________________________________________________________________________________ */


.search-simple {
	margin: 0 0 1.8em 0;
	background: transparent
}

.subPage .search-simple {
	padding: 0 0 0 47.5em;
}

	.search-simple label {
		position: absolute;
		display:none;
		color:#666;
		margin-left:5px;
		margin-top:2px;
		/*top: -9999em;
		left: -9999em;*/
	}

	.search-simple #searchQuery {
		width: 60%;
		border:0.1em solid #ccc;
		padding:0.2em
	}

	.search-simple .formButton {
		float: right;
	}
	
	.search-simple button{ 
	background:#A21618 url(../images/interface/searchBG.jpg) repeat-x;
	border:none;
	cursor:pointer;
	padding:0.1em 0.4em 0.2em 0.4em;
	color:#fff;
	}

	
	
/* 
	CONTACT FORM
________________________________________________________________________________________ */	

#contact{}

#contact form{ 
	overflow:hidden;
}

#contact form label{
	float:left;
	width:7em;
}
#contact form input{
	margin-right:0.5em;
}
#contact form textarea{
}

#contact form ol li{ 
	margin:0 0 1em 0;
	display:block; 
	clear:left;
	float:left;
}

#contact form ol li.capt{ 
	display:block; 
	clear:left;
	margin-left:5.7em !important;
}

#contact form button{
	margin-left:4.8em !important;
	background:#A21618 url(../images/interface/searchBG.jpg) repeat-x;
	border:none;
	cursor:pointer;
	padding:0.4em 1em 0.4em 1em;
	color:#fff;
	font-size:1em;
}
/*
#contact form .req{ 
	color:#A21618 !important; 
	font-weight:bold; 
}
*/
.req{ 
	color:#A21618 !important; 
	font-weight:bold; 
}
	
	
/*	CONTACT MAP
________________________________________________________________________________________ */	

ul#contactMap{
	position:relative;
	display:block;
	width:440px;
	height:220px;
	background:url(../images/world_map.gif ) no-repeat;
}

ul#contactMap li{
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#contactMap li a{
	position:absolute;
	height:12px;
	text-indent:-9999px;
}

ul#contactMap li#ukLink a{
	top:50px;
	left:180px;
	width:29px;
	background:url(../images/uk.gif ) no-repeat;
}

ul#contactMap li#bakuLink a{
	top:80px;
	left:275px;	
	width:47px;
	background:url(../images/baku.gif ) no-repeat;
}

ul#contactMap li#dubaiLink a{
	top:100px;
	left:275px;
	width:49px;
	background:url(../images/dubai.gif ) no-repeat;
}

ul#contactMap li#houstonLink a{
	top:100px;
	left:100px;
	width:67px;
	background:url(../images/houston.gif ) no-repeat;
}


/*	SITEMAP
________________________________________________________________________________________ */

#sitemap{ margin:0 0 1.5em 0;}

#sitemap  ul{ margin-top:0 !important; margin-bottom:0 !important;}
#sitemap  ul li{ color:#A21618;}
#sitemap  ul li a{ color:#666;}
#sitemap  ul li a:hover{ color:#A21618; font-weight:normal !important;}

#sitemap  ul ul{ 
}



/*	MISC - KEEP THIS STUFF AT THE BOTTOM
________________________________________________________________________________________ */


/*	REMOVE FROM PAGE */

.nav-skip {
	position: absolute!important;
	top: -9999em!important;
	left: -9999em!important;
}

/*	ROUND CORNERS FOR IE */

.rrCorner { position: absolute; width: 8px; height: 8px; background: red url(../images/interface/corners.gif) no-repeat; z-index: 999}
.TL { top: -1px; left: -1px; background-position: 0 0; }
.TR { top: -1px; right: -1px; background-position: 100% 0; }
.BL { bottom: -1px; left: -1px; background-position: 0 100%; }
.BR { bottom: -1px; right: -1px; background-position: 100% 100%; }


/*	FLOAT CLEARING */

p:after,
#wrapper:after,
#header:after,
#content:after,
#content-primary:after,
#content-secondary:after,
#footer:after,
.nav:after,
fieldset:after,
form:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* FLOAT CLEARING FOR INTERNET EXPLODER */

p,
#wrapper,
#header,
#content,
#content-primary,
#content-secondary,
#footer,
.nav,
fieldset,
form {
	zoom: 1;
}

h3.plist
{
    font-size:1.4em;
    margin: 0.4em 0 0.4em 0;
}