/* CSS Document */
/* Don't forget to set a foreground and background color
   on the 'html' or 'body' element! */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -- top level styles --- */
html {
	background:#bd502a url(images/html-bg.png) 0 0  repeat-x;
}

body {
	background:url(images/body-bg-test.png) 50% 0 no-repeat;
	font:0.75em/1.6 Verdana, Arial, Helvetica, sans-serif;
}

#contentArea #centralArea h1.bigHeading {
	height:72px;
	text-indent:-999em;
	width:700px;
}

#contentArea #centralArea h2 {
	color:#000;
	font-size:1.4em;
	font-weight:bold;
	margin:18px 0 0 18px;
	color:#e76233;
	clear:both;
	width:540px;
}

#homePage #contentArea #centralArea h2{
	width:300px;
	clear:none;
}

#footer #footerLinks a:hover {
	color:#cc5511;
}

a.pdf{
	color:#CC5511;
	background:url(images/pdf-icon.png) 0 0 no-repeat;
	padding-left:27px;
}

a.pdf:hover{
	color:#111;
}

/* --- top level styles end --- */

/* --- main layout styles --- */
#container {
	background:url(images/container-bg.png) 0 0 no-repeat;
	margin:0 auto;
	text-align:left;
	width:940px;
	position:relative;
	padding:0 23px;
}

#header {
	background:url(images/header-copper-cylinders.png) 256px  24px  no-repeat;
	height:198px;
	position:relative;
	width:940px;
}

#sideNav {
	float:left;
	width:220px;
}

#contentArea {
	padding:15px 0 54px 0;
	overflow:hidden;
}

#centralArea {
	float:left;
	margin-left:18px;
	width:700px;
	background:#eee;
	padding-bottom:54px;
	min-height:400px;
}

#footer {
	background:url(images/footer-bg.png) bottom left no-repeat;
	clear:both;
	height:64px;
	position:relative;
	margin:0 auto;
	width:986px;
}
/* --- main layout styles end --- */

/* --- #header substyles --- */
#header #logo {
	background:transparent url(images/lycris-byrne-logo.png) 0 0 no-repeat;
	height:64px;
	left:12px;
	position:absolute;
	text-indent:-999em;
	top:51px;
	width:173px;
}

#header ul#mainNav{
	background:url(images/top-nav-bg2.png) bottom left no-repeat;
	width:931px;
	padding-left:9px;
	position:absolute;
	top:133px;
	border-top:solid 3px #e76233;
	left:0;
}

/* --- #header substyles end --- */
/* --- mainNav substyles --- */

#header ul#mainNav li{
	float:left;
	padding-bottom:10px;
}

#header ul#mainNav li a{
	display:block;
	text-align:center;
	padding:0 21px;
	line-height:4.6;
	font-weight:bold;
	font-size:1em;
	text-decoration:none;
	color:#e66132;
	background:url(images/main-nav-div.png) 0 18px   no-repeat;
}

/* Won't work in ie 6 */
#header ul#mainNav li a[href^="index"]{
	background:none;
}

#header ul#mainNav li a:hover{
	color:#1c94c4;
}

#header #searchBox{
	position:absolute;
	height:37px;
	width:280px;
	background:url(images/search-bg.png) top right no-repeat;
	right:18px;
	top:83px;
}

#header #searchBox ul{
	background:url(images/search-cap.png) 0 0 no-repeat;
	height:37px;
}

#header #searchBox li{
	color:#ee6132;
	font-size:0.9em;
	line-height:3.3;
	font-weight:bold;
	float:left;
}

#header #searchBox li img{
	padding-left:12px;
}

#header #searchBox input.text{
	border:solid 1px #ee6132;
	width:108px;
	margin:8px 9px 0 9px;
	float:left;
}

#header #searchBox input.button{
	background:url(images/btn-search-go.png) 0 0 no-repeat;
	width: 45px;
	height: 37px;
	margin: 0;
	padding: 0;
	border: none;
	text-indent: -999em;
	cursor: pointer;
	float: left;
}

#searchResults table{
	margin-left:18px;
}
/* --- mainNav Substyles end --- */

/* --- #sideNav substyles --- */
#sideNav li {
	border-top:1px solid #d4d4d4;
	background:url(images/side-nav-li-bg.png) bottom left no-repeat;
}

#sideNav li a {
	background:transparent url(images/nav-arrow.png) 6px 13px no-repeat;
	color:#e76233;
	display:block;
	font-size:1.1em;
	font-weight:900;
	outline:none;
	padding:10px 0 12px 29px;
	text-decoration:none;
}

#sideNav li a:hover,
#sideNav li a.navon,
#sideNav a:active {
	background:#eee url(images/nav-arrow.png) 6px 13px no-repeat;
	color:#cc5511;
	outline:none;
}

#sideNav h2{
	background:url(images/h2-product-navigation.png) 0 0 no-repeat;
	text-indent:-999em;
	height:35px;
}

#sideNav p{
	background:url(images/ISO-9001-2008.png) 0 0 no-repeat;
	width:130px;
	height:163px;
	text-indent:-999em;
	margin:36px 0 0 45px;
}

#sideNav p#irish{
	background:url(images/guaranteed-irish-logo.png) 0 0 no-repeat;
	width:220px;
	height:64px;
	text-indent:-999em;
	margin:18px 0 0 0;
}
/* --- #sideNav substyles end --- */

/* --- #contentArea substyles --- */
#contentArea #centralArea p {
	width:450px;
	margin-top:18px;
}

#contentArea #centralArea h2 + p{
	margin-top:9px;
}

#contentArea #centralArea ul {
	color:#cc5511;
	list-style:disc;
	padding-left:15px;
}

#contentArea #centralArea li {
	color:#000;
	margin-top:9px;
}

/* - #homePage substyles - */
#homePage #contentArea #centralArea h1#homeHeading {
	/*background:transparent url(images/lycris-byrne-h1.png) 0 0 no-repeat;*/
	background:url(images/h1-default-bg.png) 0 0 no-repeat;
	color:#ffff00;
	font-size:1.4em;
	text-indent:0;
	padding:9px 0 0 18px;
}

#homePage #contentArea #centralArea p,
#default #contentArea #centralArea p,
#copper #contentArea #centralArea p{
	float:left;
	width:450px;
	margin-left:18px;
	margin-right:18px;
}

#default #contentArea #centralArea p{
	width:540px;
	text-align: justify;
}

#default #contentArea #centralArea p.important{
	font-weight:bold;
	color:#CC5511;
}

#default #contentArea #centralArea p.note{
	font-size:0.8em;
}

#default #contentArea #centralArea table{
	clear:both;
	margin:9px 0 0 9px;
	width:504px;
	font-size: 11px;
}

#copper #contentArea #centralArea table.copperT{
	float:left;
	clear:both;
	background:#fff;
	margin:18px 0 0 0;
	width:630px;
}

#copper #contentArea #centralArea table.features{
	float:left;
	clear:both;
	margin:18px 0 0 18px;
	width:664px;
	border:solid 2px #fff;
}

#copper #contentArea #centralArea table.features td{
	padding:9px;
}

#copper #contentArea #centralArea table.copperT p,
#copper #contentArea #centralArea table.copperT h2,
#copper #contentArea #centralArea table.copperT ul{
	width:306px;
	margin-left:18px;
	width: auto;
}

#copper #contentArea #centralArea table.copperT img{
	padding:9px 0 27px 9px;
}

#copper #contentArea #centralArea table.copperT td{
	vertical-align: top;
	background:#fff;
}

#copper #contentArea #centralArea table.copperT td img{
	padding-bottom:126px;
}

#default #contentArea #centralArea table th,
#default #contentArea #centralArea table td{
	padding:6px 0 6px 9px;
}

#default #contentArea #centralArea table th{
	text-align:left;
	background:#e76031;
	color:#FFFF00;
	font-size:1.2em;
}

#default #contentArea #centralArea table td.odd{
	background:#eee;
	border:none;
}

#default #contentArea #centralArea table td{
	background:#ddd;
}

#default #contentArea #centralArea table td.lastCol{
	width:109px;
}

#default #contentArea #centralArea ul{
	clear:both;
	margin-left:18px;
	width:540px;
	margin-top:18px;
}

#default #contentArea #centralArea p strong,
#copper #contentArea #centralArea p{
	display:block;
	/*margin-bottom:-12px;*/
}

#homePage #contentArea #imageRotator{
	padding:18px 0 0 16px;
}

#homePage #contentArea #flashCylinder{
	float:right;
	margin:18px 40px 0 0;
	width:170px;
	background:transparent;
}

/* -   - */

/* --- 'default' page substyles --- */

#default #contentArea #centralArea h1#mainHeading,
#searchResults #contentArea #centralArea h1#mainHeading,
#copper #contentArea #centralArea h1#mainHeading{
	background:url(images/h1-default-bg.png) 0 0 no-repeat;
	color:#ffff00;
	font-size:1.4em;
	text-indent:0;
	padding:9px 0 0 18px;
}

/* --- #contentArea substyles end --- */
/* --- footer subtyles --- */
#footer #footerLinks {
	border-top:1px solid #d4d4d4;
	padding:18px 0 0 9px;
	margin-left:23px;
	width:928px;
	font-size:0.9em;
	font-weight:bold;
}

#footer #footerLinks a {
	text-decoration:underline;
	color:#000;
}

#footer #footerLinks a:hover {
	text-decoration:none;
}
/* --- footer substyles end --- */

/* ------------------------------ contact form -------------------------------- */
form#contactform {
	width:415px;
}

#contactform label {
	background:transparent;
	color:#000;
	display:block;
	padding:10px 10px 10px 180px;
	width:265px;
}

#contactform span {
	float:left;
	left:-120px;
	margin-right:-130px;
	padding-top:3px;
	position:relative;
}

#contactform input,
#contactform textarea {
	border:1px solid #000;
	width:180px;
}

#contactform input.txtsmall {
	text-align:right;
	width:72px;
}

#contactform input.spaced {
	margin-left:10px;
}

#contactform #submitButton {
	border:none;
	cursor:pointer;
	height:41px;
	margin:0 0 10px 180px;
	width:120px;
	height:30px;
}

#centralArea p.email_error,
#content p.email_thanks, #content p.email, p.email, p.email_thanks {
	margin:30px 0 20px 0;
	padding:10px 10px 10px 32px;
	color: Yellow;
	width:100%;
}

#centralArea p.email {
	background:#E45528 url(/assets/images/email.png) 10px 13px no-repeat;
}

#centralArea p.email_error {
	background:#E45528 url(/assets/images/email_error.png) 10px 13px no-repeat;
}

#centralArea p.email_thanks {
	background:#E45528 url(/assets/images/email_add.png) 10px 13px no-repeat;
}

#centralArea p.small {
	font-size:0.8em;
}

#centralArea #contactform fieldset {
	background:#eee;
	border:none;
	margin:0;
	padding:27px 0 18px 0;
	width:460px;
}

/* suckerfish specific styles */
#navbar li li a{
	font-weight: normal;
	border: none;
	margin: 0;
	padding: 9px 8px 9px 8px;
	background:#fff url(images/side-nav-li-bg.png) bottom left no-repeat;
	width:198px;
	line-height:1.3;
	border-top:1px solid #d4d4d4;
}

#navbar li li a:hover{
	margin: 0;
	background : #fff;
	cursor:pointer;
}

#navbar li li{
	border: none;
}

#navbar li ul { /* second-level lists */
	position: absolute;
	width: 198px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding: 10px;
	margin:-52px 0 0 212px;
	z-index:10;
}

#navbar li:hover ul,
#navbar li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#navbar li:hover{ /* fixes ie7 'stuck' hovers */
	background-position: 0 0;
}

#etoNotice{
	display:none;
	visibility:hidden;
}

/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:198px;
	width:667px;
	margin-left:0;
	margin-top:9px;
	margin-bottom:9px;
	z-index:0;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */
	div#rotator ul li img {
	width:667px;
	height:198px;
	background: #FFF;
}
    div#rotator ul li.show {
	z-index:500
}

/*tabs css*/
#tabs {width:648px;margin-left:18px;float:left;clear:both;background:#fff;margin-top:-18px;}
#default #tabs {background:#eee;}
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
#tabs ul#icons {margin: 0; padding: 0;}
#tabs ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
#tabs ul#icons span.ui-icon {float: left; margin: 0 4px;}
#default #contentArea #centralArea #tabs ul,
#copper #contentArea #centralArea #tabs ul
{ list-style:none;}
#copper #contentArea #centralArea #tabs td ul{
	list-style:disc;margin-left:21px;padding-top:9px;
}
#default #contentArea #centralArea #tabs ul{width:auto;margin:0;}
#homePage #contentArea #centralArea p, #default #contentArea #centralArea p, #copper #contentArea #centralArea p{float:none;width: auto;}
#contentArea #centralArea #tabs h2{width:auto;}
#copper #contentArea #centralArea p,
#default #contentArea #centralArea p{width:540px;}

.zlink:link, .zlink:visited {
	text-decoration: none;
	color: #000;
}

.zlink:hover {
	text-decoration: none;
	color: #E45528;
}

#recaptchaForm {
	margin-left: 18px;
}

#recaptchaError {
	color: Red;
}

input#validateFormButton {
	width: 120px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
	color: Yellow;
	background:#bd502a url(/assets/images/validate-button.gif) 0 0 no-repeat;
	overflow: hidden;
	float: left;
	cursor: pointer;
}

input#submit {
	width: 120px;
	height: 30px;
	margin-left: 18px;
	padding: 0;
	border: 0;
}