@charset "utf-8";
/* CSS Document */

/* 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, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;font-family: Arial, Helvetica, sans-serif; text-align: left; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


body { background: #1d1d1d; font-size: 75%; color: #464646; font-family: Arial, Helvetica, sans-serif; padding: 0px 0px 40px 0px !important; }

/* Re-set the default styling for Lists /**/ 
ul, ol {margin: 5px 5px 15px 5px;}
li { margin: 3px 0px 0px 20px; }

/* all unordered list to have same styling /**/
ul { list-style: none; }
ul li { list-style: none; background-image: url(../siteImages/li_arrow.gif); background-position: 0px 5px; background-repeat: no-repeat; padding: 0px 0px 5px 15px; margin: 0px; }

dl { margin: 0px 10px 0px 10px; padding: 10px 0px; }
dl dt { margin: 0px 10px; font-weight: bold; }
dl dd { margin: 0px 10px; padding-bottom: 10px; }

blockquote { padding: 10px; margin: 20px; }
blockquote.quote { background: #efefef; border: 1px solid #ddd; }

/* Hide content /**/
.DN { display: none; }

/* Only show content to screen readers /**/
.wai { display: block !important; width: 1px !important; height: 1px !important; visibility: hidden !important; }

/* Clearfix /**/
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cf { display: inline-block; }
/* Hide from IE Mac \*/
* html .cf { height: 1%; }
.cf { display: block; }
/* End Hide */

/* Fix IE Cursor Bug /**/
a * { cursor: pointer; }

/* Set the border to zero on all images which are inside a link /**/
a img { border: 0px none; }

/* These styles are so tables go to 100% width when you need em /**/
div.tableContainer { width:100%; } 
.w100pc {width:100%} 

.tar { text-align: right; }

p { padding-bottom: 20px; line-height:1.3em; }
p.quote { text-align: right; }
p.documentNote { border: 1px solid #ddd; background: #eee; padding: 10px 5px; font-style: italic; }

a { outline: none !important; }
a:link, 
a:visited { color: #0b638a; text-decoration: none; }

a:active, 
a:hover, 
a:focus { text-decoration: underline; }

a.viewAll:link, 
a.viewAll:visited { color: #FF6600; font-weight: bold; }

.float { float: left; width: auto; }

h1, 
h1 a, 
h1 span { font-weight: bold; }
div.leftContent_O h1, 
div.communityContent_O h1, 
div.sponsorsContent_O h1 { padding: 0px 0px 10px 0px; color: #00A2DF; }
h2, 
h2 a, 
h2 span { font-weight: bold; }
h3{ font-weight: bold; } 
h3,
h3 a, 
h3 span { font-weight: bold; }
h4, 
h4 a, 
h4 span { font-weight: bold; }


h1, 
h2, 
h3, 
h4 { text-align: left; }

h1.brandFont { font-size: 42px; padding: 0px; margin: 0px; }
h2.brandFont { font-size: 25px; padding: 0px; margin: 0px; }
h3.brandFont { padding: 0px; margin: 0px; }
h4.brandFont { padding: 0px; margin: 0px; }

div.flashHeadingContainer_O { padding: 0px 0px 20px 0px; }
div.flashHeadingContainer { margin: 0px; padding: 0px; background: #C8B00B; padding: 5px 0px 0px 0px; border: 1px solid #ddd; }

div.flashHeadingContainer h3 a { color: #fff; }



  
/* ### Structural CSS  ### */

div.container { width: 977px; margin: 0px auto; }

div.head { background: url(../siteImages/logo.jpg) no-repeat 0px 0px #1d1d1d !important; height: 125px; padding: 0px !important; }

div.head div.logoContainer { float: left; width: 458px; height: 125px; }
div.head div.logoContainer h1 { background: url(../siteImages/logo.jpg) no-repeat 0px 0px #fff !important; width: 458px; height: 125px; }
div.head div.logoContainer h1 a { display: block; width: 458px; height: 125px; }

/* ###### START NAVSTYLES ###### */
div.nav_O { float: left; width: 458px; height: 125px; }

div.nav_O div.nav_I { padding: 20px 0px 0px 0px; }

div.nav_O ul li a {display:block; padding: 0px 0px; text-decoration:none; color:#8c8b8b; font-size: 16px; }

div.nav_O ul li a span.navText { display: inline-block; font-size: 16px; font-weight:bold; color:#8c8b8b; padding: 20px 20px 5px 20px !important; } /* orange text */
div.nav_O ul li a:hover span.navText { text-decoration: none; color: #ffde00; } /* red text */
div.nav_O ul li.active { }
div.nav_O ul li.active a { display:block; text-decoration:none; padding: 0px; color:#8c8b8b; }
div.nav_O ul li.active a span.navText {  color:#ffde00; }
div.nav_O ul li.active a:hover span.navText { text-decoration: none; }

div.nav_O ul ul { background: url(../siteImages/subNavBG.gif) no-repeat 0px 0px #fff; border-bottom: 1px solid #464646; padding: 10px 0px 10px 0px; }
div.nav_O ul ul li { border-left: 1px solid #464646;  border-right: 1px solid #464646; }

div.nav_O ul li.active li a { display:block; text-decoration:none; padding: 0px; color:#bd1a34; background: none; padding-left: 11px; }

div.nav_O ul li.active li.active a span.navText { display:block; text-decoration:none; padding: 0px; color:#ffde00; background: none; padding-left: 11px; }

div.nav_O ul li li a span.navText { display: inline-block; font-size: 12px; font-weight: normal; margin: 0px 0px 0px 10px; color:#f56909; padding: 10px 25px 10px 0px !important; }
div.nav_O ul li.active li a span.navText { background: none; color: #8c8b8b; }


div.nav_O ul ul li a { background: #fff; background-image: none !important; } 
div.nav_O ul ul li a span.navText { color: #349dff; }
div.nav_O ul ul li a:hover span.navText { color: #464646; }
div.nav_O ul li.active a span { font-weight: bold; color: #464646; }


/*** ESSENTIAL STYLES ***/
.businessPagesNav, .businessPagesNav * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.businessPagesNav {
	line-height:	1.0;
}
.businessPagesNav ul {
	position:		absolute;
	top:			-999em;
	width:			166px; /* left offset of submenus need to match (see below) */
}
.businessPagesNav ul li {
	width:			100%;
}
.businessPagesNav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.businessPagesNav li {
	float:			left;
	position:		relative;
}
.businessPagesNav a {
	display:		block;
	position:		relative;
}
.businessPagesNav li:hover ul,
.businessPagesNav li.sfHover ul {
	left:			0;
	top:			40px; /* match top ul list item height */
	z-index:		99;
}
ul.businessPagesNav li:hover li ul,
ul.businessPagesNav li.sfHover li ul {
	top:			-999em;
}
ul.businessPagesNav li li:hover ul,
ul.businessPagesNav li li.sfHover ul {
	left:			166px; /* match ul width */
	top:			0;
}
ul.businessPagesNav li.sfRight li.sfHover ul {
	left:			-166px; /* match ul width */
	top:			0;
}
ul.businessPagesNav li li:hover li ul,
ul.businessPagesNav li li.sfHover li ul {
	top:			-999em;
}
ul.businessPagesNav li li li:hover ul,
ul.businessPagesNav li li li.sfHover ul {
	left:			166px; /* match ul width */
	top:			0;
}
ul.businessPagesNav li.sfRight li li.sfHover ul {
	left:			-166px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.businessPagesNav {
	float:			left;
}
.businessPagesNav a {
	text-decoration:none;
}
.businessPagesNav a, .businessPagesNav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.businessPagesNav li {
	background-image: none;
}
.businessPagesNav li li { }

.businessPagesNav li li li { }

.businessPagesNav li:hover, .businessPagesNav li.sfHover,
.businessPagesNav a:focus, .businessPagesNav a:hover, .businessPagesNav a:active {
	
	outline:		0;
}

/*** arrows **/
.businessPagesNav a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			0px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/content/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			22px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.businessPagesNav ul .sf-sub-indicator { background-position:  -10px 9px; }
.businessPagesNav ul a > .sf-sub-indicator { background-position:  0 9px; }
/* apply hovers to modern browsers */
.businessPagesNav ul a:focus > .sf-sub-indicator,
.businessPagesNav ul a:hover > .sf-sub-indicator,
.businessPagesNav ul a:active > .sf-sub-indicator,
.businessPagesNav ul li:hover > a > .sf-sub-indicator,
.businessPagesNav ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 9px; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul { }
.sf-shadow ul.sf-shadow-off { }

/* ###### END NAVSTYLES ###### */


div.heroImages_O { height: 310px; overflow: hidden;} 
div.heroImages_O div.heroImages_I { height: 289px; background: url(../siteImages/heroBG.jpg) no-repeat center top #37a1ff !important; } 


div.content_O { background: url(../siteImages/contentBottomBG.jpg) no-repeat center bottom #fff; padding-bottom: 20px; }
div.content_O div.content_I { background: url(../siteImages/contentBG.jpg) no-repeat center top #fff !important; }

div.content_O div.brandLogos { height: 70px; background: url(../siteImages/brandLogos.jpg) no-repeat center top; }

div.content_O div.threeColContainer { width: 902px; padding-top: 10px; margin: 0px auto; }
div.content_O div.threeColContainer div.mainContent_O { float: left; width: 400px; }
div.content_O div.threeColContainer div.products_O { float: left; width: 250px; }
div.content_O div.threeColContainer div.contactDetails_O { float: left; width: 250px; }


div.content_O div.twoColContainer { width: 902px; padding-top: 10px; margin: 0px auto; }
div.content_O div.twoColContainer div.mainContent_O { float: left; width: 650px; }
div.content_O div.twoColContainer div.contactDetails_O { float: left; width: 250px; }

div.template1 div.twoColLayout div#mainContent_O { float: left; width:550px; }
div.template1 div.twoColLayout div#supplementaryContent_O { float: right; width:250px; }

/* Generic Image Styles*/
div.template1 .pageImages { padding: 0; margin: 0; }
div.template1 .pageImages img { top: 0; left: 0; text-align: center; }
div.template1 .pageImages img { }
div.template1 div.cycle-pager { margin: 0px auto; height: 200px; }
div.template1 #cycle-pager-nav { padding: 10px 0px 30px 0px; text-align: center; }
div.template1 #cycle-pager-nav a { color: #fff; font-weight: bold; margin: 0 5px; padding: 3px 5px; background: #000; text-decoration: none }
div.template1 #cycle-pager-nav a.activeSlide { background: #666 }
div.template1 #cycle-pager-nav a:focus { outline: none; }

div.template2 div.pageImage { padding: 20px 0px; }
div.template2 div.pageImage p { display: none; }

div.template3 div.pageImages { padding: 20px 0px; }
div.template3 div.pageImages ul { list-style-type: none; }
div.template3 div.pageImages ul li { float: left; width: 200px; list-style-type: none; background: none; }
div.template3 div.pageImages ul li a {  }
div.template3 div.pageImages ul li a img { display: block; }
div.template3 div.pageImages ul li p { text-align: center; }



/* -- Search Results Google Map -- */
div#map div#googlemap_O { padding: 0px 0px 20px 0px; }
div#map div#googlemap_O div#googlemap_I { margin: 0 auto; width: 977px; height: 350px; border: 1px solid #ddd; -moz-border-radius: 8px; -webkit-border-radius: 8px; }




/* ###### Customer Product Styles ###### */

div.productCatalogueList { width: 902px; margin: 0px auto; }

div.productCatalogueList div.productNav { float: left; width: 200px; }
div.productCatalogueList div.productList { float: right; width: 700px; padding: 10px 0px 0px 0px; }

div.productCatalogueList div.productList div.productListItem_O { padding: 0px 1px 20px 0px; }

div.productCatalogueList div.productList div.productListItem_O div.productListItem_I { border-bottom: 1px solid #000; }
div.productCatalogueList div.productList div.productListItem_O div.productContent_O { float: left; width: 495px; }
div.productCatalogueList div.productList div.productListItem_O div.productContent_O div.productContent_I { padding: 10px 5px 10px 10px; }

div.productCatalogueList div.productList div.productListItem_O div.productImage_O { float: right; width: 200px; padding: 10px 0px 10px 0px; }
div.productCatalogueList div.productList div.productListItem_O div.productImage_O div.productImage_I { text-align: center; }
div.productCatalogueList div.productList div.productListItem_O div.productImage_O div.productImage_I img { margin: 0px auto; }

div.productCatalogueDetails { width: 902px; margin: 0px auto; }
div.productCatalogueDetails div.productNav { float: left; width: 200px; }
div.productCatalogueDetails div.productDetails { float: right; width: 700px; padding: 10px 0px 0px 0px; }
div.productCatalogueDetails div.productDetails_O div.previewImagePrice { float: right; width: 220px; }
div.productCatalogueDetails div.productDetails_O div.previewImagePrice div.previewImage_O { width: 200px; padding: 10px 0px 10px 0px; }
div.productCatalogueDetails div.productDetails_O div.previewImagePrice div.previewImage_O div.previewImage_I { text-align: center; }
div.productCatalogueDetails div.productDetails_O div.previewImagePrice div.previewImage_O div.previewImage_I img { display: block; margin: 0px auto; }
div.productCatalogueDetails div.productDetails_O div.previewImagePrice div.productPrice_O { padding: 0px 0px 20px 0px;  }
div.productCatalogueDetails div.productDetails_O div.previewImagePrice div.productPrice_O div.productPrice_I { text-align: center; }
div.productCatalogueDetails div.productDetails_O div.summary {  }
div.productCatalogueDetails div.productDetails_O div.product-images { padding: 20px 0px 0px 0px; }
div.productCatalogueDetails div.productDetails_O div.product-images li { float: left; padding: 10px; }
div.productCatalogueDetails div.productDetails_O div.product-images li a { display: block; width: 200px; padding: 10px 0px 10px 0px; }
div.productCatalogueDetails div.productDetails_O div.product-images li a img { display: block; margin-left: 10px; }



div.footer_O { background: url(../siteImages/pulseFooterBG.gif) center bottom no-repeat #fff; }

div#footer { padding: 10px 0px 30px 0px; margin-top: 20px;  }
div#footer div#footerContent {  }

div#footer * { color: #444; margin: 0px; padding: 0px;  }

div#footer a:active, 
div#footer a:focus, 
div#footer a:hover { text-decoration: none; }

div#footerCopyright { float: left; width: 340px; margin-left: 5px; }
div#footerLinks { float: right; width: 360px; text-align: right; margin-right: 5px; }
div#footerCopyright div { font-size: 0.9em; }
div#footerLinks div { text-align: right; font-size: 0.9em; }

 div.footerContent p { text-align: center; font-size: 10px; }