/* CSS Document */

/* DOCUMENT INFORMATION -------------------------------

TITLE:		Default screen display styles
LAST UPDATED:	31 March 2006
AUTHOR:		Simon Young

-- CONTENTS -------------------------------------------

	=1:  [HTML & BODY]
	=2:  [LINKS]
	=3:  [COMMON ELEMENTS]
	=4:  [TOP ELEMENTS]
	=5:  [NAVIGATION]
	=6:  [MAIN COLUMN]
	=7:  [SIDEBAR COLUMN]
	=8:  [FOOTER]
	=9:  [LISTS]
	=10: [FORMS]
	=11: [IMAGES]
	=12: [MISC]
	=13: [sIFR STYLES]
	
-----------------------------------------------------------*/

/*--- undohtml.css ----------------------------------------*/
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
/*--- (CC) 2004 Tantek Celik. Some Rights Reserved. -------*/
/*--- http://creativecommons.org/licenses/by/2.0-----------*/

/* 6 col: 10+130+30+130+30+130+30+130+30+130+30+130+10 = 950px */
/* 5 col: 10+162+30+162+30+162+30+162+30+162+10 = 950px */
/* 4 col: 10+210+30+210+30+210+30+210+10 = 950px */
/* 3 col: 10+290+30+290+30+290+10 = 950px */
/* 2 col: 10+450+30+450+10 = 950px */

body {margin: 10px 15px;font-family: "Lucida Grande", Arial;font-size: 12px;}
h1 {float: left;clear: left;margin: 0;padding: 0 0 5px 0;}
h1 {font-size: 18px;padding: 0;}
h2 span {color: #000;font-size: 10px;font-weight: normal;font-style: italic;}


/* 180 960px container rules - inspired by Cameron Moll */

body {text-align: left;}
div#horizon {width: 960px;min-width: 960px;}
div#inner {float: left;width: 960px;display: inline;margin: 0;}
.left {margin: 0;}
.center {margin: 0 auto;}

/* debug rules to show container and force height on divs */
body.debug div#horizon {background: url(960grid.png) top left repeat-y;}
body.debug .container div {background-color: #ffba00;height: 100px;}

.container {float: left;clear: left;display: inline;width: 960px;margin: 0;padding: 0;list-style: none;}
.container div {float: left;margin: 0 20px 0 0;text-align: left;padding: 0;}

/* col-1  single column */	
.col-1 div {width: 940px;}

/* 2 col 50:50 */			
.col-2 div {width: 460px;}

/* 2 col 67:33 */
.col-2a div {width: 620px;}
.col-2a div.side {width: 300px;}

/* 2 col 75:25 */
.col-2b div {width: 700px;}
.col-2b div.side {width: 220px;}

/* 3 col evenly spaced */
.col-3 div {width: 300px;}

/* 3 col 25:75:25 */
.col-3a div {width: 460px;}
.col-3a div.side {width: 220px;}

/* 4/5/6 col evenly spaced */
.col-4 div {width: 220px;}
.col-5 div {width: 172px;}
.col-6 div {width: 140px;}



/* straits specific */

body {font-family:"Lucida Sans", Helvetica, Arial, "Times New Roman", Times, serif;background: #1a2126 url(../backgrounds/body-black.gif) 975px top repeat-y;color: #fff;}

html {height: 100%;margin-bottom :1px;}
body#cat_body {background: #1a2125;margin:0;padding:0;height: 85%;}
#cat_horizon {float: left;width: 100%;text-align: center;height:100%;}
#cat_header {float: left;width: 100%;text-align: left;border-bottom: 1px solid #888;height: 50px;margin-bottom: 25px;}
#cat_header h1 {float: left;width: 47px;height: 30px;font-size: 14px;text-indent: -9999px;background: url(../logo_sml.gif) top left no-repeat;margin: 10px;}
#cat_masthead {float: left;clear: left;width: 100%;text-align: left;}
#cat_flash {width: 100%;text-align: center;height: 100%;padding: 25px 0;}
#cat_flash p {text-align: center;padding: 50px 0;line-height: 1.7em;}
#cat_header #cat-tools {display:inline;float: right;margin-top: 15px;}
#cat_header ul, #cat-tools label, #cat-tools select {display: inline;}
#cat_header li {display:inline;margin: 0 15px 0 0;}
#cat-tools select {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
#cat-tools ul {margin-left: 15px;}
#cat-tools label {margin-right: 5px;font-weight: bold;}
#cat-tools {font-size: 11px;}


body#cat_body_08 {background: #1a2125;margin:0;padding:0;height: 92%;}
#cat_horizon_08 {float: left;width: 100%;text-align: center;height:100%;}
#cat_header_08 {float: left;width: 100%;text-align: left;border-bottom: 1px solid #888;margin-bottom: 10px;}
#cat_header_08 h1 {float: left;width: 47px;height: 30px;font-size: 14px;text-indent: -9999px;background: url(../logo_sml.gif) top left no-repeat;margin: 5px 5px 5px 10px;}
#cat_masthead_08 {float: left;clear: left;width: 100%;text-align: left;}
#cat_flash_08 {width: 100%;text-align: center;height: 100%;padding: 15px 0;}
#cat_flash_08 p {text-align: center;padding: 50px 0;line-height: 1.7em;}

#cat_flash_08 h2 {font-size: 14px;padding: 40px 0 20px 0;}
#cat_flash_08 ul.cat-chooser {line-height: 1.7em;}

#cat_header_08 #cat-tools {display:inline;float: right;margin-top: 10px;}
#cat_header_08 ul, #cat-tools label, #cat-tools select {display: inline;}
#cat_header_08 li {display:inline;margin: 0 15px 0 0;}
#cat-tools_08 select {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
#cat-tools_08 ul {margin-left: 15px;}
#cat-tools_08 label {margin-right: 5px;font-weight: bold;}
#cat-tools_08 {font-size: 11px;}


#content h1 {color: #a4d0bf;font-size: 14px;font-weight: bold;float: left;margin: 53px 0 0 0;}
#content h2 {color: #fff;font-size: 12px;font-weight: bold;float: left;margin: 0 0 5px 0;}
#content p.sales-area {font-size: 11px;font-style: italic;margin: 0 0 15px 0;}


a {color: #fff;}

#header {float: left;margin-top: 10px;}
#header h1 {float: left;width: 100px;height: 108px;font-size: 14px;text-indent: -9999px;background: url(../logo.gif) top left no-repeat;margin-left: 10px;}
#header h1 a {float: left;width: 100px;height: 108px;outline:none;}
#masthead {float: left;width: 940px;height: 160px;background-color: #1a2126;}

#breadcrumb {font-size: 11px;color: #fff;margin: 0;padding: 5px 0 15px 0;}
#breadcrumb p {padding-left: 5px;}
#breadcrumb a {color: #fff;text-decoration: none;}
#breadcrumb a:hover {text-decoration: underline;}

#footer {padding: 15px 0;}
#footer {font-size: 11px;color: #fff;}
#footer a {color: #fff;text-decoration: none;border-bottom: 1px solid #666;}
#footer a:hover {color: #a4d0bf;text-decoration: none;border-bottom: 1px solid #a4d0bf;}
#footer li {margin-right: 15px;}
#footer li.footer-rt {margin: 0 5px 0 0;}

#content {min-height: 320px;padding-bottom: 10px;background: url(../backgrounds/separator.gif) 240px top repeat-y;}
#content p, #content ul {clear: left;margin-bottom: 15px;line-height: 1.7em;}
#content div.body {padding: 5px 25px 0 25px;width: 650px;margin: 0;float: left;}
#content div.body div {padding: 0;margin: 0;float: left;width: 650px;}
#content div.body-alt {padding: 5px 25px 0 25px;width: 380px;}
#content p {text-align: justify;}

#content ul {list-style: disc;padding-left: 20px;}
#content div.body p {width: 100%;}
#content a {color: #fff;text-decoration: none;border-bottom: 1px solid #666;}
#content a:hover {color: #a4d0bf;text-decoration: none;border-bottom: 1px solid #a4d0bf;}

#content ul#nav_page {clear: both;float: left;list-style: none;margin: 0;padding: 20px 0 0 5px;line-height: normal;width: 215px;}
#nav_page li {list-style: none;margin: 0;padding: 6px 0;float :left;clear: left;width: 215px;}
#nav_page li a {border: 0;}
#nav_page li a.active-page, #nav_page li a:hover.active-page {color: #fff;font-weight: bold;text-decoration: none;border: 0;}

#navigation {float: left;}
#nav_main {position: relative; float: left;background: #a4d0bf url(../navbar/navbar.gif) top left no-repeat;width: 700px;padding: 0;vertical-align: middle;margin-top: 88px;height: 27px;display: inline;overflow: hidden;}
#nav_main li {float: left;display:inline;padding: 0;height: 27px;}
#nav_main a {float: left; outline:none;padding: 27px 0 0 0;overflow: hidden;height: 0px !important;height /**/:27px; /* for IE5/Win only */}

#nav_main_3 a {width: 90px;background: url(../navbar/navbar.gif) 0 0 no-repeat;}
#nav_main_3 a:hover {background: url(../navbar/navbar.gif) 0 -27px no-repeat;}
#nav_main_4 a {width: 75px;background: url(../navbar/navbar.gif) -90px 0 no-repeat;}
#nav_main_4 a:hover {background: url(../navbar/navbar.gif) -90px -27px no-repeat;}
#nav_main_5 a {width: 100px;background: url(../navbar/navbar.gif) -165px 0 no-repeat;}
#nav_main_5 a:hover {background: url(../navbar/navbar.gif) -165px -27px no-repeat;}
#nav_main_6 a {width: 90px;background: url(../navbar/navbar.gif) -265px 0 no-repeat;}
#nav_main_6 a:hover {background: url(../navbar/navbar.gif) -265px -27px no-repeat;}
#nav_main_8 a {width: 90px;background: url(../navbar/navbar.gif) -355px 0 no-repeat;}
#nav_main_8 a:hover {background: url(../navbar/navbar.gif) -355px -27px no-repeat;}
#nav_main_7 a {width: 80px;background: url(../navbar/navbar.gif) -445px 0 no-repeat;}
#nav_main_7 a:hover {background: url(../navbar/navbar.gif) -445px -27px no-repeat;}

div#thumbs {width: 675px;padding: 5px 0 0 25px;}
div#thumbs ul {float: left;display:inline;width:210px;margin: 0;padding: 0;}
div#thumbs li {float: left;display: inline;width: 100px;height: 100px;color: #000;margin: 0 5px 5px 0;}
div#thumbs img.highlight {width: 440px;height: 310px;display: inline;float: left;}
div#thumbs li a {outline: none;}
#content #thumbs a {border: 0;}

h1#headline {color: #a4d0bf;font-size: 20px;padding-left: 5px;width: 195px;}
#content .side p {padding-left: 5px;}
#content-header div.product-menu {padding-bottom: 25px;}

#nav_product {float: left;width: 700px;background: url(../backgrounds/separator-products.gif) top left repeat-y;}
#nav_product li {display: inline;float: left;padding: 0;margin: 0;}
#nav_product a {color: #fff;text-decoration: none;float: left;width: 183px;padding: 3px 25px 3px 25px;outline:none;}
#nav_product a:hover {text-decoration: underline;}
#nav_product a.active-page {font-weight: normal;color: #fff;background: url(../backgrounds/product-active.gif) left 50% no-repeat;}

abbr {border-bottom: 1px dotted #666;}

dl.exhibition-item {float: left;clear: left;width: 500px;margin: 0;padding: 0;}
#content dl.exhibition-item dt a, #content dl.exhibition-item dt a:hover {border: 0;}
dl.exhibition-item dt {float: left;display: inline;width: 190px;margin: 0;padding-bottom: 25px;}
dl.exhibition-item dd {float: left;display: inline;width: 310px;margin: 0;padding-top: 5px;line-height: 1.7em;}

#login-content {float: left;clear: left;}
#login-content label {float: left;clear: left;width: 140px;font-weight: bold;}
#login-content input.login-submit {font-family: Helvetica, Arial, sans serif;font-size: 11px;padding: 3px;margin-left: 140px;}
#login-content input.login-input {font-family:Helvetica, Arial, sans-serif;font-size: 11px;padding: 2px;}
#login-content input.login-input-long {width: 200px;}
#login-content input.login-input-med {width: 150px;}
#login-content input.login-input-short {width: 120px;}

div.national-list {width: 650px;}
div.national-list em {font-size: 11px;}

#content div.directions {float: left;display: inline;width: 325px;padding: 5px 0 0 25px;margin: 0;}
#content div.directions h2 {font-size: 14px;margin: 0;padding: 0 0 10px 0;color: #a4d0bf;}
#content div.directions p.print-version {padding: 10px 0 0 35px;margin: 0;}

#content div#google-map {width: 290px;margin-left: 35px;height: 300px;margin-top: 10px;}

#content ul.home_links {float: left;list-style: disc;padding-left: 0;}
#content ul.home_links li {float: left;display:inline;width: 170px;line-height: 1.8em;background: url(../backgrounds/bullet.gif) left 50% no-repeat;padding-left: 35px;}
#content ul.home_links li a {color: #fff;text-decoration: none;border-bottom: 1px solid #666;}
#content ul.home_links li a:hover {color: #a4d0bf;text-decoration: none;border-bottom: 1px solid #a4d0bf;}

/*enquiry form controls */
	#contactform label {float: left;width: 120px;font-weight: bold;}
	#contactform label span {color: #a4d0bf;font-weight: bold;}
	#contactform input.text {width: 200px;border: 1px solid #ccc;padding: 2px;font-size: 1.0em;}
	#contactform select {width: 325px;padding: 2px;border: 1px solid #ccc;}
	#contactform textarea {width: 320px;padding: 2px;border: 1px solid #ccc;height: 60px;font-size: 1.0em;}
	#contactform input.submit-button {padding: 3px 2px 3px 2px;}

/* quick facts styles */
	ul.quick-facts {float: left;background: #333;padding: 15px;list-style: none;margin: 0 0 20px 20px;font-size: 11px;width: 185px;list-style-type:none;}
	ul.quick-facts li {list-style-type: none;margin: 0;padding: 0 0 8px 0;}
	
	img.margin-img {margin: 35px 0 0 5px;}
	img.margin-prod {margin: 10px 0 0 5px;}

input, select, textarea {font-family: Helvetica, Arial, sans-serif;}

#content div.body div div.message-error {float: left;clear: left;border: 1px dotted #a4d0bf;margin-bottom: 25px;}
#content div.message-error p {font-weight: bold;color: #a4d0bf;margin: 0;padding: 10px;}

/*	=13: [sIFR STYLES] -------------------------------------*/	

/* NOTES: 
h1 as default, but this can be changed
*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

html .sIFR-hasFlash h1#headline{
	font-size: 28px;
	visibility: hidden;
	letter-spacing: -10px;
	line-height: normal;
	text-align: left;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 0 5px;
}

.sIFR-hasFlash h1#headline{
	font-size: 28px;
	visibility: hidden;
	letter-spacing: -10px;
	line-height: normal;
	text-align: left;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 0 5px;
}