/* 
	CSD Sealing Systems
	Main Style Style Sheet
	Created:	14/06/07
	Author:		CSD Sealing Systems

*/

/* Generic styles */
html, body, ul, ol, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img {margin:0px; padding:0px; border:0px;}
html {height:100%;}
body {background-color:#333333; font-size: 0.625em;}
p {font-family:Arial, Helvetica, sans-serif; font-size: 1.2em;	line-height:1.6em; color:#333333;}
a {text-decoration:underline; color:#F7941D;}
a:visited {text-decoration:underline;}
a:hover {text-decoration:none;}
a:active {text-decoration:underline;}

/* main content */
#outerWrapper {width:775px; margin:0px auto 0px auto; background-color:#54554e; padding:15px 15px 0px 22px; background-image:url(../images/BG_wrapper_sidebar.gif); background-repeat:repeat-y; overflow:hidden;}
#footerWrapper {width:812px; height:57px; margin:0px auto 0px auto; padding:0px 0px 15px 0px; background-image:url(../images/BG_wrapper_footer.gif); background-repeat:no-repeat; clear:both;}

/* main header*/
#mainHeader {height:159px;}
#mainHeader h1 {display:none;}
#mainHeader img {float:left;}
#heroGraphic {
	float:left;
	width:562px;
	height:159px;
	margin:0px 0px 0px 2px;
	background-image:url(../images/IMG_main-header.jpg);
	background-repeat:no-repeat;
}

/* navigation */
#mainNavigation {width:768px; height:49px; margin:2px 0px 0px 0px;}
#mainNavigation ul {
	list-style:none;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}
#mainNavigation li {
	float:left;
	display:block;
	margin:0px 2px 0px 0px;
	padding:0px;
	font-weight:bold;
	background-image:url(../images/BG_main-nav-tab.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
#mainNavigation li a {
	float:left;
	display:block;
	padding:10px 0px 0px 7px;
	width:119px;
	height:39px;
	font-size:1.2em;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
#mainNavigation li a:visited {text-decoration:none;}
#mainNavigation li a:hover {text-decoration:none; color:#ffffff; background-image:url(../images/BG_main-nav-tab-over.gif); background-repeat:no-repeat;}
#mainNavigation li a:active {text-decoration:none;}

/* left col */
#leftCol {float:left; width:256px; margin:2px 0px 0px 0px;}
/* begin news */
#newsBox {
	padding:136px 20px 20px 20px;
	margin:0px 2px 0px 0px;
	background-color:#f7941d;
	width:auto;
	background-image:url(../images/BG_newsbox-header.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#newsBoxFooter {
	width:254px;
	height:44px;
	margin:0px 2px 0px 0px;
	background-image:url(../images/BG_newsbox-footer.gif);
	background-repeat:no-repeat;
}
#newsBox h2 {
	margin:0px 0px 0px 0px;
	padding:8px 0px 8px 0px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.4em;
	background-image:url(../images/BG_news-grad.gif);
	background-repeat:repeat-x;
	border-bottom:1px solid #d78017;
	border-top:1px solid #d78017;
}
#leftCol img {float:left; margin:5px 4px 0px 4px;}
#newsBox ul {list-style:none; margin:0px 0px 0px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
#newsBox li {
	border-bottom:1px dotted #ffffff;
	padding:5px 0px 5px 0px;
}
#newsBox li a {
	margin:0px;
	padding:0px 0px 0px 10px;
	font-size:1.2em;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	background-image:url(../images/BG_news-cross.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	display:block;
}
#newsBox li a:visited {text-decoration:none;}
#newsBox li a:hover {text-decoration:none; color:#333333;}
#newsBox li a:active {text-decoration:none;}
/* begin newsletter signup */
#newsletterSignup {margin:2px 2px 0px 0px; padding:32px 10px 0px 20px; width:224px; height:167px; background-image:url(../images/BG_newsletter-signup.gif);}
#newsletterSignup p {color:#f7941d; line-height:1.2em;}
#newsletterSignup h2 {
	margin:0px;
	padding:8px 0px 8px 0px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.4em;
}
/* begin contact info */
#contactInfo {
	width:224px;
	padding:50px 15px 0px 15px;
	margin:2px 0px 0px 0px;
	background-image:url(../images/BG_contact-info-pipes.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#54554E;
}
#contactInfo p {color:#ffffff; margin:0px; padding:0px; line-height:1.2em;}
.highlight {color:#f7941d;}


/* right col */
DIV.flush {width:auto; clear:both; overflow:hidden;}
DIV.navCrumb {margin:10px 0px 10px 0px; padding:10px 0px 10px 0px; border-bottom:1px dotted #333333; border-top:1px dotted #333333;}
#rightCol {float:left; width:470px; margin:2px 9px 0px 0px; padding:15px 20px 70px 20px; background-color:#FFFFFF; height:100%; background-image:url(../images/BG_right-col-footer-grad.gif); background-position:bottom; background-repeat:no-repeat;}
#rightCol h2 {margin:10px 0px 10px 0px; padding:10px 0px 10px 0px; color:#F7941D; font-family:Arial, Helvetica, sans-serif;text-transform:uppercase; font-weight:bold; font-size:1.4em; border-bottom:1px dotted #333333; border-top:1px dotted #333333;}
#rightCol h3 {margin:0px; padding:0px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:1.6em;}
.rightColLink {background-image:url(../images/BG_news-cross.gif); background-repeat:no-repeat; background-position:0px 4px; color:#F7941D; padding:0px 0px 0px 10px;}
DIV.rightColList {
	float:left;
	width:220px;
	margin:0px 10px 0px 0px;
}
DIV.rightColList ul {list-style:none; margin:0px 0px 0px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
DIV.rightColList li {
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:2em;
}
DIV.rightColList li a {
	margin:0px;
	padding:0px 0px 0px 10px;
	font-size:1.2em;
	font-weight:normal;
	color:#F7941D;
	text-decoration:none;
	background-image:url(../images/BG_news-cross.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	text-decoration:none;
}
DIV.rightColList li a:visited {text-decoration:none;}
DIV.rightColList li a:hover {text-decoration:underline; color:#F7941D}
DIV.rightColList li a:active {text-decoration:none;}
DIV.videoSample {
	float:left;
	border-right:1px dotted #333333;
	border-left:1px dotted #333333;
	border-top:1px dotted #333333;
	border-bottom:1px dotted #333333;
	padding:15px 15px 0px 15px;
	margin:15px 5px 0px 0px;
}
DIV.videoSample img {
	margin:0px 0px 10px 0px;
}
/* begin footer nav */
#footerNav {clear:both; width:100%; border-top:1px dotted #333333; margin:15px 0px 0px 0px; padding:20px 0px 0px 0px;}
#footerNav p {color:#333333; font-size:1.1em;}
#footerNav a {color:#F7941D; text-decoration:underline;}
#footerNav a:visited {color:#F7941D; text-decoration:underline;}
#footerNav a:hover {color:#F7941D; text-decoration:none;}
#footerNav a:active {color:#F7941D; text-decoration:underline;}

/* begin news styling */
#rightCol h4 {margin:0px; padding:0px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.8em;}

/* begin product styling */
#rightCol ol {list-style:square; margin:0px 0px 0px 25px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#333333; font-weight:normal;}
#rightCol li {
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:2em;
}
DIV.productInfo {
	float:right;
	width:auto;
	padding:20px;
	margin:0px 0px 10px 20px;
	border:1px solid #cccccc;
}
DIV.productInfo img {
	margin:0px 0px 10px 0px;
}

/* begin flash video */
#flashVideo { width:auto; height:auto;text-align:center; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}