/* CSS Document 
 * - Contains global css which is applied to relevant objects throughout the entire page
*/

/*
 * Colour Glossery
 {
 	Dark blue		: 	#003F93
	Light blue		:	#95A7BD
	Lighter blue	:	#C8CCD8
	Grey headers	: 	#787878
 }
*/

body
{
	background: url(/assets/visual/site-background.gif) #FFF top left repeat;
	color: #7D7D7F;
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
	font-size: 0.7em;
	line-height: 1.5em;
	text-align: center;
}
a 
{
	color: #003F93;
	font-weight: bold;
	text-decoration: none;
}
a:hover { color: #00105B; }
input, textarea 
{ 
	font-family: Verdana, "Helvetica", "Arial"; 
	font-size: 1.1em;
}
h1,h2,h3,h4 { color: #787878; }
.blue-highlight { color: #003F93; }


/* ************ Page Structure ************** */
.site-container
{
	position: relative;
	width: 770px;
	margin: 0 auto;
	padding-top: 10px;
}
.site-top 
{ 
	position: relative;
	text-align: left;
	z-index: 3;
}
.site-top #view-stocklist { position: absolute; right: 0px; }
.site-top .site-menu 
{ 
	height: 28px;
	margin-top: 10px;
	background: url(/assets/visual/site-menu-repeat.gif) top left repeat-x;
}
.site-top .site-menu img { float: left; }
.site-top .site-menu ul
{
	/*overflow: hidden;*/
	height: 100%;
	float: right;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	background: url(/assets/visual/site-menu-right.gif) top right no-repeat;
	list-style-type: none;
}
.site-top .site-menu ul li 
{ 
	position: relative;
	height: 28px;
	float: right; 
}
.site-top .site-menu ul li a 
{ 
	display: inline-block;
	height: 28px;
	padding: 0px 21px 0px 25px;
	color: #FFFFFF;
	font-size: 1.5em;
	line-height: 25px;
}
.site-top .site-menu ul li a.active
{
	border: 0px;
	background-color: #023E96;	
}
.site-top .site-menu ul li a img { margin-top: 7px; }
.site-top .site-menu ul li:hover { position: static; }
.site-top .site-menu ul li:hover ul.subnav { display: block; }
.site-top .site-menu ul li ul.subnav
{
	display: none;
	position: absolute;
	top: 113px;
	height: auto;
	background: none;
	padding: 0px;
}
.site-top .site-menu ul li ul.subnav li 
{ 
	display: block;
	float: none; 
	border: 1px solid #CCCCCC;
	border-top: 0px;
	background: #E9EAF7;
}
.site-top .site-menu ul li ul.subnav li a 
{ 
	padding: 0px 15px;
	font-size: 1em; 
	color: #7D7D7F;
	font-weight: normal;
}
.site-top .site-menu ul li ul.subnav li a:hover { text-decoration: underline; }
/*.site-top .site-menu ul li a { display: block; }*/

.site-top .site-crumb 
{ 
	margin: 7px 20px 15px; 
	color: #95A7BD;
}
.site-top .site-crumb a { color: inherit; font-weight: normal; }
.site-top .site-crumb a:hover { text-decoration: underline; }
.site-top .site-crumb span { color: #C8CCD8; }

.site-main 
{ 
	overflow: auto;
	text-align: left;
}
.site-main .site-left-nav 
{ 
	/*position: absolute;
	left: 0px;*/
	float: left;
	width: 205px;
	background-color: #E9EAF7; 
}
.site-main .site-left-nav div.RadTreeView 
{ 
	margin: 0px 1px;
	background: url(/assets/visual/left-menu-bg-repeat.gif) #FFFFFF top left repeat-x; 
}
.site-main .site-left-nav h3
{
	margin: 0;
	padding: 30px 10px 7px;
	border-bottom: 1px solid #DFE4E8;
}
.site-main .site-left-nav a { font-weight: bold }
.site-main .site-left-nav ul 
{ 
	margin: 0; 
	padding: 0; 
	overflow: hidden;
	list-style-type: none;
}

.site-main .site-left-nav ul li 
{ 
	padding: 3px 0px 5px 13px;
	border-width: 1px 0px;
	border-color: #FFFFFF transparent #DFE4E8 transparent;
	border-style: solid;
}
.site-main .site-left-nav .RadTreeView ul li { padding-left: 0px; border: 0px; padding: 0px; }
.site-main .site-left-nav .RadTreeView ul li a
{
	display: inline-block;
	width: 100%;
	padding: 3px 0px 5px 0px;
	border-width: 1px 0px;
	border-color: #FFFFFF transparent #DFE4E8 transparent;
	border-style: solid;
}
.site-main .site-left-nav ul li a.active { background-color: #FFFFFF; }

.site-main .site-left-nav div.RadTreeView .rtPlus, .site-main .site-left-nav div.RadTreeView .rtMinus 
{
	background-position: 2px 1px;
	background-repeat: no-repeat;
}
.site-main .site-left-nav div.RadTreeView .rtMinus { background-image: url(/assets/visual/left-menu-view-less.gif) }
.site-main .site-left-nav div.RadTreeView .rtPlus { background-image: url(/assets/visual/left-menu-view-more.gif) }
.site-main .site-left-nav div.RadTreeView ul.rtUL { padding-left: 9px; }

.site-main .site-left-nav div.RadTreeView ul.rtUL li div .rtPlus,
.site-main .site-left-nav div.RadTreeView ul.rtUL li div .rtMinus { margin:6px 3px 0 0px; }
.site-main .site-left-nav div.RadTreeView ul.rtUL li div { padding-left: 0px; overflow: hidden; }
.site-main .site-content
{
	float: right;
	width: 542px;
	/*margin: 0px 0px 20px 225px;*/
}

.site-footer
{
	position: relative;
	margin-top: 20px;
	padding: 10px 20px 40px;
	border-top: 1px solid #ECECEC;	
	background-color: #FFFFFF;
	text-align: left;
}
.site-footer ul 
{ 
	position: absolute;
	top: 10px;
	right: 0px;
	list-style-type: none;
}
.site-footer ul li 
{ 
	float: right;
	padding: 0px 7px;
	border-right: 1px solid #DDE4EA;
}
.site-footer ul li a { text-decoration: underline; }
.site-footer ul li:first-child 
{ 
	padding-right: 0px;
	border: 0px; 
}
.site-footer ul li:first-child a 
{ 
	color: #96A4BE; 
	font-weight: normal;
	text-decoration: none; 
}
/* ////////////// Page Structure ////////////// */

.index-logos td { text-align: center; padding: 10px 0px 5px; }

/************** Image rotator ***************/
.site-main .site-content .content-top .image-rotater { position: relative; height: 200px }
.site-main .site-content .content-top .image-rotater img 
{ 
	position: absolute; 
	top: 0px;
	left: 0px; 
	opacity: 0;
	filter: opacity(alpha=0);
}
.site-main .site-content .content-top .image-rotater .controls 
{ 
	position: absolute; 
	bottom: 0px;
}
/* ////////////// Image Rotator //////////// */


/**************** Content page styling for content and headers *****************/
.site-main .site-content .content#content-page { padding: 30px; }
.site-main .site-content .content#content-page h1
{ 
	padding: 0px;
	background-color: transparent;
	font-size: 1.8em;
}
/*////////////// Content page styling for content and headers /////////////////*/


/**************** Cat/product (Sales) page styling for content and headers *****************/
.site-main .site-content .image-top-holder { position: relative; }
.image-top-holder span.overlay 
{ 
	display: block;
	position: absolute; 
	width: 5px;
	height: 5px;
	background: url(/assets/visual/top-image-overlay.png) top left no-repeat;
}
.image-top-holder span.overlay.tl { background-position:0px 0px; left: 0px; top: 0px;  }
.image-top-holder span.overlay.tr { background-position:-5px 0px; right: 0px; top: 0px;  }
.image-top-holder span.overlay.br { background-position:-5px -5px; right: 0px; bottom: 0px;  }
.image-top-holder span.overlay.bl { background-position:0px -5px; left: 0px; bottom: 0px;  }

.site-main .site-content .content-top { margin-bottom: 20px; }
.site-main .site-content .content
{
	padding: 8px;
	background-color: #E9EAF7;
}
.site-main .site-content .content#sales-page { margin-top: 0px; }
.site-main .site-content .content#sales-page h1
{ 
	padding: 8px 10px 5px 30px;
	background-color: #FFFFFF;
	font-size: 1.8em;
	font-weight: bold;
}
.site-main .site-content .content .inner { margin: 10px 30px; }

/*////////////// Cat/product page styling for content and headers /////////////////*/


/************** Category (Sales) Page *****************/
.sales-category-items 
{ 
	width: 100%;
	overflow: auto;
	margin: 20px 0px 0px; 
	text-align: right;
}
.sales-category-items .item 
{	
	float: left;
	margin: 0px 30px 20px 0px;
	text-align: center;
}
.sales-category-items .item a { font-weight: normal; text-align: center; }
.sales-category-items .item a img 
{ 
	display: block;
	margin: 0 auto;
	border: 1px solid #C8CCD8; 
}
.sales-category-items .item span 
{ 
	display: block; 
	margin-top: 7px;
	font-weight: bold;
}
.sales-category-items .item span.price { display: none; }
.sales-category-items .item.one-per-row
{
	overflow: auto;
	margin: 0px 0px 10px;
	padding: 7px;
	border: 1px solid #F5F6F8;
	text-align: left;
}
.sales-category-items .item.one-per-row:hover { border: 1px solid #C8CCD8; }
.sales-category-items .item.one-per-row img 
{ 
	float: left; 
	margin-right: 5px;
}
.sales-category-items .item.one-per-row span { margin-top: 0px; }
/* ///////////// Category (Sales) Page /////////////// */


/* *************** Product (Sales) Page **************** */
.product-imagery 
{
	height: 100%;
	overflow: auto;
	padding: 8px;
	background-color: #FFFFFF;
}
#sales-page .product-imagery { margin-bottom: 20px; } /* If it inside the inside control holder - not "detached" */
.product-imagery a img.main-image 
{ 
	float: left; 
	border: 1px solid #EEEEEE;
}
#sales-page .product-imagery a img.main-image { border: 0px; }
.product-imagery .product-more-images 
{ 
	float: right; 
	width: 200px;
	letter-spacing: -10px;
	line-height: 0px;
	text-align: right;
}
.product-imagery .product-more-images a img 
{ 
	margin: 2px;
	padding: 1px;
	border: 1px solid #c9c9c9;
}
.product-imagery .product-more-images a:hover img,
	.product-imagery a:hover img.main-image { border-color: #95A7BD; }

.product-detail .short-desc, .product-detail .long-desc { margin-bottom: 20px; }
.product-detail .call-us
{
	color: #003F93;
	font-size: 1.6em;
}
.product-detail .call-us a { font-weight: normal; text-decoration: underline }
.product-detail .call-us span { color: #95A7BD; }
/* /////////////// Product (Sales) Page //////////////// */


/* ************ Styling for forms ************** */
.site-form div 
{ 
	display:block; 
	margin:3px;
	clear:left;
}
.site-form div span.form-label 
{ 
	float:left; 
	width:170px; 
	display:block; 
	position:relative;
	top:2px;
}
.site-form div input, .site-form div textarea, .site-form div select
{ 
	float:left; 
	width:230px;
	border:1px solid #CCC;
	margin:2px;
	padding:3px;
	font-size:100%;
}
.site-form div.checkbox input { width: auto; }
.site-form div input:focus, .site-form div textarea:focus { background-color:#DFE4E8; }
.site-form div textarea { height:80px; }
.site-form div select { width:auto; }
.site-form .submit { margin:10px 200px; }
.site-form div span.action-message 
{ 
	display:block; 
	clear:left; 
	width:230px;
	margin-left:172px;
}
/* ////////////// Styling for forms ////////////// */


/* ************ Styling to clear float positions ************** */
.styling-clear-left { clear: left; }
.styling-clear-right { clear: right; }
.styling-clear-both { clear: both; }
/* ////////////// Styling to clear float positions ////////////// */


/* ************ On page alert boxes ************** */
.action-message { margin: 15px 2px 5px; padding: 2px 3px; }
.action-message-error { background: #FBE3E4; color: #8a1f11; border: 1px solid #FBC2C4; }
.action-message-notice { background: #FFF6BF; color: #514721; border: 1px solid #FFD324; }
.action-message-success { background: #DFEFC2; color: #264409; border: 1px solid #B0D880; }
/* ////////////// On page alert boxes ////////////// */