/* DEFAULTS */

	* { margin: 0px; padding: 0px; border: collapse; }
    * a:active { outline: none; }
	* -moz-any-link:focus { outline: none; }
	* :focus { outline: none; }	

	HTML  { height: 100%; font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; color: #666; line-height: 1.5em; }
	body { height: 100%; background: #fff url(../images/backgroundMain.jpg) top center fixed repeat; }  
	td { vertical-align: top; }
	p { margin: 0 0 12px 24px; }
	.clear { clear: both; line-height: 0px; }

	h1 { font-weight: normal; font-size: 2em; margin-bottom: 24px; color: #333333; }
	h2 { font-weight: normal; font-size: 1.4em; margin: 18px 0 18px; color: #333333; }
	h3 { font-weight: normal; font-size: 1.2em; margin: 18px 0 18px; color: #333333; }
	h4 { font-weight: normal; font-style: italic; font-size: 1.1em; color: #333333; }
	
	a,
	a:visited,
	a:active { color: #a75f0a; text-decoration: none; }
	a:hover { color: #f7811f; text-decoration: underline; }	
	
/* PAGE SETTINGS */

	#pageWrapper { width: 900px; margin: auto; }
	
	/* Header */
	
	#headerTop { width: 900px; height: 156px; background: #000 url(../images/backgroundHeaderTop.jpg) no-repeat; }	
	#headerTop .facebook { text-align: right; padding: 6px 6px 0 0; }

	#headerFlash { width: 900px; height: 220px; background-color: #fff; }
	#topNav { padding-left: 24px; width: 876px; height: 36px; background: #000 url(../images/backgroundTopNav.gif) no-repeat; }
	
	
	/* Page Content */
	
	#pageContent { width: 900px; min-height: 536px; background: #fff url(../images/mobi.jpg) top right no-repeat; }
	#pageContentSec { width: 900px; min-height: 536px; background-color: #fff; }	
	#pageBody { float: left; width: 568px; padding: 24px 0 32px 32px; }
	#pageBodyFull { padding: 32px; }	
	#sideBar { float: left; width: 236px; padding: 32px; }

	/* Footer */

	#footer { background: #000 url(../images/backgroundFooter.jpg) top center no-repeat; }
	
	#footerSection1 { text-align: center; color: #fff; padding-top: 24px; }

	#footerSection1 a,
	#footerSection1 a:visited,
	#footerSection1 a:active { color: #fff; text-decoration: none;  }
	#footerSection1 a:hover { text-decoration: underline; }

	#footerSection2 { width: 900px; text-align: center; font-size: .9em; }
	#footerSection2 ul {display: inline;}
	#footerSection2 li { display: inline; }
	#footerSection2 a { display: inline-block; height: 28px; line-height: 28px; padding: 0 12px; }
	#footerSection2 a,
	#footerSection2 a:visited,
	#footerSection2 a:active { color: #fff; text-decoration: none;  }
	#footerSection2 a:hover { color: #f7811f; text-decoration: underline; }

	#footerSection3 { width: 900px; padding-bottom: 24px; text-align: center; color: #fff; font-size: .75em; }
	#footerSection3 ul {}
	#footerSection3 li { display: inline; }
	#footerSection3 a { display: inline-block; height: 28px; line-height: 28px; padding: 0 12px; }
	#footerSection3 a,
	#footerSection3 a:visited,
	#footerSection3 a:active { color: #fff; text-decoration: none;  }
	#footerSection3 a:hover { color: #f7811f; text-decoration: underline; }

	/* NAV BAR */
	
	.navbar {white-space:nowrap /*IE hack*/; width:900px; font-family: tahoma,arial,sans-serif; font-size:12px !important /*Non-IE6*/; font-size: 12px /*IE6*/;} /*Color navigation bar normal mode*/
	
	/* Menu Bar */
	
	.navbar ul {list-style-type: none;}
	.navbar ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; }
	.navbar ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height: 36px; line-height: 36px; text-decoration:none; font-weight:bold; padding: 0 38px 0 12px; text-decoration: none; font-size: .9em; text-transform: uppercase; color: #fff; border-right:solid 0px rgb(215,215,215);}
	.navbar ul li ul {display:none; border:none;}

	/* SubMenu (Non-IE6 hovering) */
	
	.navbar ul li:hover {position:relative;} /*Sylvain IE hack*/
	.navbar ul li:hover a { background: transparent url(../images/backgroundTopNavButton.gif) repeat-x; text-decoration:none; color: #fff200; } /*Color main cells hovering mode*/
	.navbar ul li:hover ul {display:block; width:10.0em;  position:absolute; z-index:1000; top: 3.0em; margin-top: 0; left:0; padding:0px 16px 0px 16px; border-top:solid 1px rgb(215,215,215);}
	.navbar ul li:hover ul li a {white-space: normal; text-transform: none; display:block; background: none; width:10.0em; height:auto; line-height:1.3em; margin-left:-17px; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color: #f2f2f2; font-weight: normal; color: #a75f0a; } /*Color subcells normal mode*/
	.navbar ul li:hover ul li a:hover {background-color: #fff; text-decoration:underline; color: #f7811f;} /*Color subcells hovering mode*/

	
	/* SubMenu (IE6 hovering) */
	
	.navbar table {position:absolute; z-index:1000; top:0px; left:-1px; border-collapse:collapse;}
	.navbar ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; text-decoration:none;} /*Color main cells hovering mode*/
	.navbar ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.1em; t\op:3.0em; left:0px; marg\in-top:0.1em; border-top:solid 1px rgb(215,215,215); }
	.navbar ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color:#f2f2f2; font-weight:normal; color: #541d1d;} /*Color subcells normal mode*/
	.navbar ul li a:hover ul li a:hover {background-color:rgb(225,225,225); text-decoration:none; } /*Color subcells hovering mode*/

/* BREAD CRUMB NAVIGATION */

	.B_crumbBox { margin-bottom: 24px; font-size: .8em; }

/* SIDEBAR IMAGES */

	.imagesSideBar { }
	.imageSideBar01,
	.imageSideBar02,
	.imageSideBar03 { width: 236px; height: 134px; }	
	.imageSideBar01,
	.imageSideBar02 { margin-bottom: 32px; }
	
/* LISTS */

	ul.customBullets { margin: 24px 0; }
	ul.customBullets li { list-style-image: url(../images/customBullet.gif); margin: 0 0 10px 50px; padding-left: 6px;  line-height: 1.3em; }
	ul.customBullets li ul { margin-top: 10px; }
	ul.customBullets li ul li { list-style-image: none; margin: 0 0 10px 50px; padding-left: 6px;  line-height: 1.3em; }	

/* TABSTRIP */

	.tabStrip { }
	.tabStrip ul { margin: 0; padding: 0; list-style-type: none; font-size: .9em; }
	.tabStrip li { margin: 0 2px 0 0; list-style-type: none; float: left; }
	.tabLink { display: block; text-decoration: none; padding: 5px 10px; background: #f2f2f2; border: #dadada solid; border-width: 1px 1px 0 1px; color: #a75f0a; }
	.tabLinkActive { display: block; text-decoration: none; padding: 5px 10px; background: #fff; border: #c0c0c0 solid; border-width: 1px 1px 0 1px; color: #a75f0a; }
	.tabContent { display: none; }
	.tabContentActive { clear: both; border-top: 1px solid #ccc; }
	.downloadPDF { margin: 12px 0; }

/* FAUX OPTIN FORM */

	#fauxOptIn { width: 410px; margin: auto; font-size: .8em; padding: 6px 0; }
	#fauxOptIn input,
	#fauxOptIn textarea,
	#fauxOptIn select { width: 120px; background-color: #fff; border: 1px solid #999; border-collapse: collapse; padding: 3px 4px 2px 4px; font-size: 1em; height: 14px; color: #333; }
	#fauxOptIn td.formLabel { vertical-align: bottom; padding: 0 6px 3px 0; }
	#fauxOptIn td.buttonOptIn { padding-left: 6px; }
	#fauxOptIn .button { padding: 0 6px; height: 19px; line-height: 19px; background-color: #f1f3ef; cursor: pointer; }
	#fauxOptIn .buttonOff { background-color: #f2f2f2; border: 1px solid #d9d9d9; color: #a75f0a; }
	#fauxOptIn .buttonOn { background-color: #ecf2f8; border: 1px solid #f7811f; color: #f7811f; text-decoration: underline; }
	#fauxOptIn .highlightOff { border-color: #d9d9d9; }
	#fauxOptIn .highlightOn { border-color: #f7811f; }
	#fauxOptIn a,
	#fauxOptIn a:visited,
	#fauxOptIn a:active { display: inline; padding: 0; }

/* INPUT FORMS */

	.inputForm {padding-left:24px; } 
	.inputForm table { width: 100%; } 
	.inputForm .row { }
	.inputForm .rowAlt { }	
	.inputForm .formComment { padding: 12px 0 0 0; }	
	.inputForm input,
	.inputForm textarea,
	.inputForm select { width: 280px; height: 20px; background-color: #fff; border: 1px solid #999; border-collapse: collapse; padding-left: 4px; padding-right: 0px; line-height: 20px; font-family: verdana,arial,helvetica,sans-serif; font-size: 1em; color: #333;}
	.inputForm input { vertical-align: middle; }
	.inputForm input.radioButtons { width: 25px; height: 20px; margin: 0 3px 0 3px; vertical-align: bottom; border: 0; }
	.inputForm input.checkbox { border: 0; }		
	.inputForm select { width: 165px; }	
	.inputForm .formLabel { vertical-align: top; padding: 5px 24px 3px 0px; width:148px; }
	.inputForm .formInput { width: 242px; text-align: right; font-size: 12px; padding: 2px 2px 2px 0; }
	.inputForm .formRadioButtons { width: 242px; text-align: left; font-size: 12px; padding: 2px 2px 2px 0; }
	.inputForm .checkbox ( border: 0; width 20px; )
	.inputForm .line { width: 100%; border-top: 1px solid #d9d9d9; margin-top: 12px; padding: 8px 6px 36px 0;}
	.inputForm .submitButton { text-align: right; }	
	.inputForm .button { float: right; display: inline-block; cursor: pointer; padding: 6px 12px; margin-top: 12px; }
	.inputForm .buttonOff { background-color: #f2f2f2; border: 1px solid #ccc; margin-right:2px; }
	.inputForm .buttonOn { background-color: #ecf2f8; border: 1px solid #f7811f; margin-right: 2px; }
	.inputForm .highlightOff { border-color: #d9d9d9; }
	.inputForm .highlightOn { border-color: #f7811f; }
 	.inputForm .formError {color:#E77776; font-size: .8em; padding: 3px 0 12px 0; line-height: 1em; }

	/* Mods for Contact Verification code */
	
	#veriCode { border: 1px solid #d9d9d9; padding: 8px; margin-top: 12px; }
	#veriCode  h1 { font-weight: normal; font-size: 1.2em; margin: 0 0 12px 0; color: #333333; }	
	#veriCode  p { margin: 0 0 12px 0; font-style: italic; font-size: .9em; }
	#veriCode  .wrapper { float: right; padding-left: 24px; }

	/* Mods for OptIn Registration */
	
	.inputForm .buttonSignUp { width: 300px; border-top: 0px solid #99c83c; margin-top: 6px; }
	.inputForm .buttonSignUp td { padding-top: 6px; }
	
	/* Mods for Login */

	.inputForm .login,
	.inputForm .passwordReminder { border: 1px solid #ccc; width: 316px; padding: 8px; margin-top: 12px; }

/* SITE ADMINISTRATION */

	.inputForm .admin { width: 400px; text-align: left; }
	
	/* General Navigation Bar */

	.inputForm .formNavTop { width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 6px; margin: 0 0 24px 0; }
	.inputForm .formNavBottom { width: 100%; border-top: 1px solid #ccc; padding-top: 6px; margin: 72px 0 0 0; }
	.inputForm .lineNavBottom { width: 100%; border-bottom: 1px solid #ccc; height: 72px; }	
			
	.navTopBar { }
	.navBottomBar { margin: 36px 0 0 0; }
	.navLeft,
	.navCenter,
	.navRight { white-space: nowrap;}
	.navCenter { width: 100% }	

/* INDEXED CONTENT */

	/* Filters */
	
    #filters .filterBar { width: 100%; margin-bottom: 12px;}
	#filters .filterBarLeft { }
	#filters .filterBarRight { text-align: right; white-space: nowrap; padding: 4px 0 4px 0; }
	#filters .dropDownBox { width: 120px; }
	#filters .pagination { margin: 12px 0; }
	#filters .selectCountry { margin: 12px 0; }

	/* Indexes - Announcements & Media Clippings */

	#index { background-color: #ededed; border: 0px solid #e4e4e4; padding: 4px; }
	#index table { width: 100%; }
	#index th { padding: 8px 4px 4px; text-align: left; vertical-align: bottom; font-size: 1.2em; font-weight: normal; }	
	#index td { padding: 4px; font-size: .9em; }		
	#index .col1 { white-space:nowrap; padding-right: 12px; }
	#index .col2 { width: 100%; }	
	#index tr.row { background-color: #fff; cursor: pointer; }
	#index tr.rowAlt { background-color: #fafafa; cursor: pointer; }
	#index tr.highlight { background-color: #f5f5f5; cursor: pointer; }
	#index p { margin: 0; }		
	#index .title { font-weight: bold; margin-bottom: 6px; }
	#index .description { margin: 0; }		

	/* Display and Entry Pages */

	#announcements .title { text-align: center; padding: 12px 4px; }
	#announcements .title h1 { margin-bottom: 12px; }
	#announcements .title h2 { margin: 0; }
	#announcements .byLine { font-size: .9em; margin: 4px 0 4px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px; }	
	#announcements .byLineLeft { width: 274px; float: left; white-space: nowrap; padding-left: 6px; }
	#announcements .byLineRight { width: 274px; float: left; text-align: right;  white-space: nowrap; padding-right: 6px; }
	#announcements .content { padding: 0 4px; padding-top:12px; }
	#announcements .imageCenter { text-align: center; }
	#announcements .imageRight { margin: 4px 0 20px 10px; }			
	#announcements .topLine { background: transparent; height: 14px; border-bottom: 1px solid #dae5e8; }
	#announcements .bottomLine { background: transparent; height: 20px; border-top: 1px solid #dae5e8; }

/* DATA GRIDS */
	
	.dataGrid { background-color: #ededed; border: 0px solid #e4e4e4; padding: 4px; margin: 18px 0 24px 24px; }
	.dataGrid table { width: 100%; }
	.dataGrid tr.row { background-color: #fff; }
	.dataGrid tr.rowAlt { background-color: #fff; }	
	.dataGrid th,
	.dataGrid td { padding: 4px; font-size: .9em; }
	.dataGrid .col1 { width: 170px; }	
	.dataGrid .colType { width: 150px; }	
	.dataGrid p { margin: 0; }
	.dataGrid .highlight { background-color: #fafafa; }

/* CONTACT US DIRECT */

 	.mapThumb { padding-left: 24px;}	
	
/* WHAT'S NEW */

	.whatsNew { border-top: 1px solid #ccc; margin: 0 24px 0 24px; padding: 12px 24px 0 0; }
	.whatsNew table { padding-left: 24px; }	
	.whatsNew h2 { margin-top: 0; }
	.whatsNew .newsItem { padding: 6px 0 3px; }
	.whatsNew .colDate { font-size: .9em;  font-style: italic; padding-right: 12px; }
	.whatsNew .colDescription { font-style: italic;}	
	.whatsNew .title { font-size: .9em; font-weight: bold; }
	.whatsNew .subtitle { font-size: .75em; }
	.whatsNew .moreNews { margin-top: 12px; }
	.whatsNew .moreLink { float: left; width: 156px; text-align: right; padding-right: 4px; }

/* HOME PAGE */

	.newProducts .titleMobi { font-style: italic; }
	.newProducts h1 { line-height: 1em; }
	.graphicsRotation { padding: 0 24px 0; }
	.manufacturerList { float: left; padding-top: 12px; }
	.manufacturerLogos { float: right; }

/* CATALOG */

	.catalog h2,
	.catalog h3,
	.catalog h4 { margin-top: 0; }	
	
	.product {}
	.product .description {}
	.product .imageRight { padding-left: 24px; }
	.product ul li { margin-left: 48px; padding-left: 6px; }
	
	.productCallToAction { padding-top: 12px; }

	#categoryCrumb { padding-bottom: 24px; }

/* RECENT PRODUCTS */

	#recentProducts .categoryTitle { font-size: .9em; margin-bottom: 12px; margin-top: -12px; }
	#recentProducts .thumb { float: left; width: 77px; }
	#recentProducts .productDetails { float: right; width: 120px; padding-right: 24px; }
	#recentProducts .productTitle { margin-bottom: 6px; }
	#recentProducts .productDescription { font-size: .9em; font-style: italic; }
	#recentProducts p { margin: 0 0 12px 0; }
	#recentProducts .bottomLinks { padding-top: 8px; }