/* ----- CNC CSS FRAMEWORK v1.0 ----------------------------------------------------- */
/* ----- Created by Creative Nature Communications YYYY/MM/DD ----------------------- */
/* ----- Website Name Goes Here ----------------------------------------------------- */
/* ----- Credits: *****  ------------------------------------------------------------ */


/* TABLE OF CONTENTS

00 - Global Includes
01 - Typography 
02 - Main Structure - The core Structure
03 - Content Styles 	

*/


/* 00 - Global Includes  */
/* --------------------------------------------------------------------------------------------------------------------------- */

@import url(cssreset.css);
@import url(../../Common/Styles/h_drop_menu.css);
@import url(modules/modules.css);


/* 01 - Typography  */
/* --------------------------------------------------------------------------------------------------------------------------- */

p {}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

ul{}
ol{}
li{}

#mainBody a, #contact a, #mainBodyInternal a, #archive a { color:#bf5960; text-decoration:none;}
#mainBody a:hover, #contact a:hover, #mainBodyInternal a:hover, #archive a:hover{ text-decoration:underline}


/* 02 - Main Structure */
/* --------------------------------------------------------------------------------------------------------------------------- */

/* Main Structure */
html, body {
	background:url(../Images/mainBacking.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#mainWrapper {
	width:950px;
	margin:0 auto;
	background:#FFFFFF;
	padding:5px;
}


/* Header Area */
#header {
	height:100px;
	margin:0 0 5px 0;
}

h1#mainLogo {
	background:url(../Images/mainLogo.png) top left;
	width:290px;
	height:85px;
	text-indent:-999em;
	margin:0 0 0 57px;
}

#mainNav {
	margin:-15px 0 0 135px;
}

.mainNav {
	margin:-15px 0 0 135px;
	padding:0;
	background:url(../Images/menuBack.png) top left repeat-x;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	height:22px;
	width:669px;
	overflow:hidden;
}
.mainNav li{
	float:left;
	border-right: 1px solid #b2b3b6;
	margin:0;
}
.mainNav li#top_Catalogues{
	border-right: none;
}
.mainNav li a{
	color:#77787B;
	font-weight:bold;
	display:block;
	line-height:22px;
	padding:0 10px;
	text-decoration:none;
	text-transform:uppercase;
}

.mainNav li a:hover, .mainNav li a.top_link_on  {
	background:url(../Images/menuBack_hover.png);
	color:#d1d2d4;
}

.mainNav ul.sub {
	display:none;
}


/* Content Area */
#midWrapper {
}

#mainContent{
}

#productsCols {
	float:left;
	width:130px;
}

#productsCols h3{
	color:#77787B;
	font-size:12px;
	margin:0 0 10px 0;
}
#productNav {
	padding:0;
}
#productNav li{
	margin:0 0 5px 0;
}
#productNav li a{
	display:block;
	background:url(../Images/pnBack.png) top left;
	width:84px;
	height:21px;
	line-height:21px;
	color:#77787B;
	font-weight:bold;
	text-decoration:none;
	padding:0 3px;
	text-transform:uppercase;
}
.accordion-header a{
	display:block;
	background:url(../Images/pnBack.png) top left;
	width:84px;
	height:21px;
	line-height:21px;
	color:#77787B;
	font-weight:bold;
	text-decoration:none;
	padding:0 3px;
	text-transform:uppercase;
}
.accordion-header a:hover{
	background-position:bottom left;
}


#productNav li a:hover{
	background-position:bottom left;
}

.submenu ul{
	padding-left:20px;
}

.submenu li {
	margin:3px 0;
}

.submenu li a{
	background:#f2f2f2;
	display:block;
	height:11px;
	line-height:10px;
	font-size:10px;
	padding:0 2px;
	width:98px;
	font-weight:normal;
	color:#77787B;
	text-decoration:none;
	text-transform:uppercase;
}
.submenu li a:hover{
	background:#e5e5e5;
}

#contentCol {
	float:left;
	margin:0 5px;
	width:670px;
}

#mainBody {
	background:#f1f1f2;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	width:370px;
	min-height:300px;
	margin:20px auto;
	padding:70px 20px 20px 20px;
	font-size:11px;
	color:#77787B;
}

#rightCol {
	float:left;
	width:130px;
}

#archive h3 {
	color:#77787B;
	font-size:15px;
}

#contact {
	margin-top:50px;
}

#contact h3{
	color:#77787B;
	font-size:18px;
	text-transform:uppercase;
	margin:0 0 10px 0;
}
#contact p{
	color:#77787B;
}


/* Footer Area */
#footer {
	margin:0 0 10px 0;
}
#footer .mainNav {
	margin-top:0;
}

#footer .mainNav li a{
	padding:0 25px;
	
}

#legal {
}

#credits {
}

/* 03 - Content Styles */
/* --------------------------------------------------------------------------------------------------------------------------- */

h2#pageTitle {
	color:#77787B;
	font-size:25px;
	text-transform:uppercase;
	margin:-10px 0 0 10px;
}
#mainBodyInternal {
	width:370px;
	padding:0 0 0 20px;
	margin:0 auto;
	font-size:11px;
	color:#77787B;
}

table.cTable {
	margin:20px -50px 0 -50px;
	width:490px;
}
table.cTable td{
	padding:2px;
}
table.cTable td a{
	text-decoration:none;
	color:#77787B;
}
table.cTable td img{
	margin-right:5px;
}

/* Slider Styles */
/* --------------------------------------------------------------------------------------------------------------------------- */

/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em; padding:0;}
.svw ul li{ margin:0;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden;  
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
margin:0;
}
.stripTransmitter {
	overflow: auto;
	width: 1%;
}
.stripTransmitter ul {
	margin: 5px 0 0 0;
	padding: 0;
	position: relative;
	list-style-type: none;
	float:right;
}
.stripTransmitter ul li{
	width: 14px;
	float:left;
	margin: 0 0 1px 10px;
}
.stripTransmitter a{
	text-align: center;
	font-size:10px;
	line-height: 14px;
	background: #e5e5e5;
	color: #77787B;
	text-decoration: none;
	display: block;
}
.stripTransmitter a:hover, a.current{
	background: #a6a6a6;
}

/*tooltips formatting*/
.tooltip {
	padding: 0.5em;
	background: #fff;
	color: #000;
	border: 5px solid #dedede;
}

/* Slider Styles */
/* --------------------------------------------------------------------------------------------------------------------------- */
#mainBodyInternal #breezeForm{
	margin:0 -140px 0 -158px;
}

/* Contact Form */
/* --------------------------------------------------------------------------------------------------------------------------- */
#contactForm {
	margin-left:-50px;
}
#contactForm table{
	margin:0;
}
.tt table{
	width:400px;
}

.tt td{
	width:50%;
}
#contactForm input{
	float:left;
	margin-right:5px;
}
#contactForm label{
	text-transform:uppercase;
}

#contactForm th, #contactForm td {
	padding:0;
}


/* Product Styles */
/* --------------------------------------------------------------------------------------------------------------------------- */

h3#subTitle {
	color:#77787B;
	font-size:15px;
	text-transform:uppercase;
	margin:-5px 0 0 30px;
}

.pTable {
	margin-left:-150px;
	width:650px;
}

.pTable td, .plTable td{
	padding:10px;
}

.plTable  {
	margin-left:-150px;
	width:630px;
	margin-top:20px;
}

.eventEvent {
	margin-left:-150px;
	width:600px;
}