/*
Title:      Cellpak base styles
Author:     Mark Croxton, mcroxton@hallmark-design.co.uk
Copyright:	Hallmark Design
Updated:    June 25 2008
*/

@import url("reset.css");
@import url("sIFR-screen.css");

body {
	font: 0.75em/1em Helvetica, Arial, sans-serif; /* 1em = 12px at 96ppi */
	color: #444444;
	background: #F2F2F2;
}
table, form, select, input, textarea {
	font-family: Helvetica, Arial, sans-serif;
}	
	
/* default link formatting */			
a, a:link 			{ color: #000000; text-decoration: none; }
a:visited 			{ color: #000000; }	
a:focus, a:hover 	{ color: #000000; text-decoration: underline; }
a:active 			{ color: #000000; }	

/* layout
----------------------------------------------------------- */
#page {
	width: 860px;
	min-height: 70em; /* make sure to tweak this */
	margin: 0 auto 0 auto;
	padding-bottom: 30px;
	background: white url('/_assets/img/page_c11.gif') -56px 0 repeat-y;
	position:relative;
	overflow:visible;
}

#c1 #page, #c12 #page  { background-image: url('/_assets/img/page_c1.gif') ;  }
#c2 #page  { background-image: url('/_assets/img/page_c2.gif') ;  }
#c3 #page  { background-image: url('/_assets/img/page_c3.gif') ;  }
#c4 #page  { background-image: url('/_assets/img/page_c4.gif') ;  }
#c5 #page  { background-image: url('/_assets/img/page_c5.gif') ;  }
#c6 #page  { background-image: url('/_assets/img/page_c6.gif') ;  }
#c7 #page  { background-image: url('/_assets/img/page_c7.gif') ;  }
#c8 #page  { background-image: url('/_assets/img/page_c8.gif') ;  }
#c9 #page  { background-image: url('/_assets/img/page_c9.gif') ;  }
#c10 #page { background-image: url('/_assets/img/page_c10.gif');  }
#c11 #page { background-image: url('/_assets/img/page_c11.gif');  }

#c13 #page { background-image: url('/_assets/img/page_c13.gif') ; }
#c14 #page { background-image: url('/_assets/img/page_c14.gif') ; }
#c15 #page { background-image: url('/_assets/img/page_c15.gif') ; }
#c16 #page { background-image: url('/_assets/img/page_c16.gif') ; }
#c17 #page { background-image: url('/_assets/img/page_c17.gif') ; }
#c18 #page { background-image: url('/_assets/img/page_c18.gif') ; }
#c19 #page { background-image: url('/_assets/img/page_c19.gif') ; }
#c20 #page { background-image: url('/_assets/img/page_c20.gif') ; }
#c21 #page { background-image: url('/_assets/img/page_c21.gif') ; }
#c22 #page { background-image: url('/_assets/img/page_c22.gif') ; }
#c23 #page { background-image: url('/_assets/img/page_c23.gif') ; }
#c24 #page { background-image: url('/_assets/img/page_c24.gif') ; }
#c25 #page { background-image: url('/_assets/img/page_c25.gif') ; }
#c26 #page { background-image: url('/_assets/img/page_c26.gif') ; }
#c27 #page { background-image: url('/_assets/img/page_c27.gif') ; }
#c28 #page { background-image: url('/_assets/img/page_c28.gif') ; }

#footer {
	height: 198px;
	width: 884px;
	margin: -198px auto 0 auto;
	z-index:1000;
	position: relative;
}

#footer em {
	display: block;
	width: 260px;
	height: 198px;
	background: transparent url('/_assets/img/footer.png') 0 0 no-repeat;
	text-indent: -5000px;
}

#content {
	width: 636px;
	float: right;
	position: relative;
	z-index:200;
}

#nav {
	width: 224px;
	float: left;
	overflow: visible;
	margin-right:-30px;
	padding-bottom: 223px; /* height of footer */
	position:relative;
	z-index: 300;
}

#header {
	height: 209px;
	width: 564px;
	padding: 21px 21px 0px 51px;
	background: #BFBFBF url('/_assets/img/header_band.png') left bottom no-repeat;
}

#c1 #header  { 
	background: #FFD708 url('/_assets/img/header_band_c1.png') left bottom no-repeat;
}
#c2 #header  { background-color: #C2E91A; }
#c3 #header  { background-color: #E35CFF; }
#c4 #header  { background-color: #FCAA18; }
#c5 #header  { background-color: #3EC620; }
#c6 #header  { background-color: #01CFFE; }
#c7 #header  { background-color: #C191FF; }
#c8 #header  { background-color: #48E2AE; }
#c9 #header  { background-color: #F58B23; }
#c10 #header { background-color: #FA664D; }
#c11 #header { background-color: #BFBFBF; }
#c12 #header { background-color: #FFD708; }

#c13 #header { background-color: #FFC53F; }
#c14 #header { background-color: #FFD573; }
#c15 #header { background-color: #FEB100; }
#c16 #header { background-color: #BF9330; }
#c17 #header { background-color: #A67300; }
#c18 #header { background-color: #FFE240; }
#c19 #header { background-color: #FFEA73; }
#c20 #header { background-color: #FFD900; }
#c21 #header { background-color: #BEAA2F; }
#c22 #header { background-color: #A68D00; }
#c23 #header { background-color: #36D793; }
#c24 #header { background-color: #61D7A3; }
#c25 #header { background-color: #00AF64; }
#c26 #header { background-color: #218458; }
#c27 #header { background-color: #007241; }
#c28 #header { background-color: #68A3DB; }
             
h1 {
	font-size: 4em;
	line-height: 1em;
	position:relative;
}

h1 span {
	display: block;
	width: 221px;
	height: 131px;
	float: left;
	line-height:131px;
	text-indent: -5000px;
	background: transparent url('/_assets/img/logo_cellpak.png') 0 0 no-repeat;
}
h1 em {
	display: block;
	width: 380px;
	height: 131px;
	float: right;
	font-style: italic !important;
	color: white;
	position: absolute;
	top: 60px;
	left: 237px;
}

#c2 h1 span {
	background: transparent url('/_assets/img/logo_greenpak.png') 0 0 no-repeat;
	width: 266px;
}

#c2 h1 em {
	width: 335px;
	left: 282px;
}

h2 {
	font-size: 1.83333em;
	padding-top: 40px;
	color: white;
	line-height: 1em;
}

#c1 h2 {
	color: black;
}

h3, legend {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	padding-bottom: 1em;
	clear: left;
}

#c1   h3 { color: #68A3DB; }
#c2   h3 { color: #C2E91A; }
#c3   h3 { color: #E35CFF; }
#c4   h3 { color: #FCAA18; }
#c5   h3 { color: #3EC620; }
#c6   h3 { color: #01CFFE; }
#c7   h3 { color: #C191FF; }
#c8   h3 { color: #48E2AE; }
#c9   h3 { color: #F58B23; }
#c10  h3 { color: #FA664D; }
#c11  h3 { color: #BFBFBF; }
#c12  h3 { color: #FFD708; }

#c13   h3 { color: #FFC53F; }
#c14   h3 { color: #FFD573; }
#c15   h3 { color: #FEB100; }
#c16   h3 { color: #BF9330; }
#c17   h3 { color: #A67300; }
#c18   h3 { color: #FFE240; }
#c19   h3 { color: #FFEA73; }
#c20   h3 { color: #FFD900; }
#c21   h3 { color: #BEAA2F; }
#c22   h3 { color: #A68D00; }
#c23   h3 { color: #36D793; }
#c24   h3 { color: #61D7A3; }
#c25   h3 { color: #00AF64; }
#c26   h3 { color: #218458; }
#c27   h3 { color: #007241; }
#c28   h3 { color: #68A3DB; }

h4 {
	font-weight: bold;
}

#nav-main {
	width: 240px;
	padding: 23px 0 0 10px;
	font-size: 1em;
}

#nav-main li, #nav-main li li.last {
	padding: 0	0 5px 0;
	background: transparent url('/_assets/img/nav_foot.png') 0 100% no-repeat;
}

#nav-main li.last {
	background: transparent url('/_assets/img/nav_last.png') 0 100% no-repeat;
	padding-bottom: 26px;
}

#nav-main li.first {
	background: transparent url('/_assets/img/nav_first.png') 0 100% no-repeat;
}


#nav-main li a, #nav-main li li.first a {
	display: block;
	width: 230px;
	padding: 0 0 0 10px;
	background: transparent url('/_assets/img/nav_left.png') 0 0 no-repeat;
}

#nav-main li.active a {
	font-weight: bold;
}

#nav-main li.first a {
	background-image: none;
}

#nav-main li em {
	display: block;
	padding: 5px 3px 4px 15px;
	background: white;
	font-style: normal;
}

#nav-main li a:hover {
	text-decoration: none;
}

#nav-main li a.c1 em  { background-color: #68A3DB; }
#nav-main li a.c2 em  { background-color: #C2E91A; }
#nav-main li a.c3 em  { background-color: #E35CFF; }
#nav-main li a.c4 em  { background-color: #FCAA18; }
#nav-main li a.c5 em  { background-color: #3EC620; }
#nav-main li a.c6 em  { background-color: #01CFFE; }
#nav-main li a.c7 em  { background-color: #C191FF; }
#nav-main li a.c8 em  { background-color: #48E2AE; }
#nav-main li a.c9 em  { background-color: #F58B23; }
#nav-main li a.c10 em { background-color: #FA664D; }
#nav-main li a.c11 em { background-color: #BFBFBF; }
#nav-main li a.c12 em { background-color: #FFD708; }

#nav-main li a.c13 em { background-color: #FFC53F; }
#nav-main li a.c14 em { background-color: #FFD573; }
#nav-main li a.c15 em { background-color: #FEB100; }
#nav-main li a.c16 em { background-color: #BF9330; }
#nav-main li a.c17 em { background-color: #A67300; }
#nav-main li a.c18 em { background-color: #FFE240; }
#nav-main li a.c19 em { background-color: #FFEA73; }
#nav-main li a.c20 em { background-color: #FFD900; }
#nav-main li a.c21 em { background-color: #BEAA2F; }
#nav-main li a.c22 em { background-color: #A68D00; }
#nav-main li a.c23 em { background-color: #36D793; }
#nav-main li a.c24 em { background-color: #61D7A3; }
#nav-main li a.c25 em { background-color: #00AF64; }
#nav-main li a.c26 em { background-color: #218458; }
#nav-main li a.c27 em { background-color: #007241; }
#nav-main li a.c28 em { background-color: #68A3DB; }

/* nested nav items */
#nav-main li.active li a {
	font-weight: normal;
	line-height: .84em;
}

#nav-main li.active li.active a {
	font-weight: bold;
}

#nav-main li li a, #nav-main li li.first a {
	font-size: .92em;
	font-weight: normal;
	padding-left:0;
	border-left: 10px solid black;
}

#nav-main li li, #nav-main li li.last {
	background-image: none;
	padding:0;
}

#nav-main li li em {
	padding: 5px 3px 6px 25px;
	background: transparent url('/_assets/img/nav_nested.png') 17px 50% no-repeat;
}

#nav-sub {
	margin-left: 38px;
	line-height: 1.6em;
}

#nav-sub li.active a {
	font-weight: bold;	
}

#nav dl {
	font-size: .92em;
	margin: 20px 0 15px 22px;
}

#nav dt {
	display:block;
	margin:0 4px 0 0;
	float:left;
	font-weight: bold;
}

#nav dd {
	padding:0 0 0.5em 15px;
}

#endorsements {
	margin: 20px 0 0 38px;
}

#endorsements li {
	margin-bottom: 15px;
}

#bodycopy {
	padding: 20px 27px 0 51px;
	font-size: 1.08333em;
	line-height: 1.33333em; /* 16px */
	background: white;
}

#bodycopy p, #bodycopy ul, #bodycopy ol, #bodycopy dd, #bodycopy table {
	margin-bottom: 1.2em;
}

#bodycopy table.figure p, #bodycopy table.figure ul, #bodycopy table.figure ol, #bodycopy table.figure dd{
	margin-bottom: 0;
}

#bodycopy table.figure {
	font-size: .85714em;
}

#bodycopy table.figure h4 {
	margin-top: 10px;
}

.right {
	margin-left: 28px;
	float:right;
}

.left {
	float:left;
}

#bodycopy ul {
	clear: left;
}

#bodycopy ul li {
	margin: .6em 0 0 0;
	padding-left: 18px;
	background: url('/_assets/img/bullet_c11.gif') no-repeat 0 40%;
}

#c1 #bodycopy ul li, #c12 #bodycopy ul li  { background-image: url('/_assets/img/bullet_c1.gif'); }
#c2 #bodycopy ul li  { background-image: url('/_assets/img/bullet_c2.gif'); }
#c3 #bodycopy ul li  { background-image: url('/_assets/img/bullet_c3.gif'); }
#c4 #bodycopy ul li  { background-image: url('/_assets/img/bullet_c4.gif'); }
#c5 #bodycopy ul li  { background-image: url('/_assets/img/bullet_c5.gif'); }
#c6 #bodycopy ul li  { background-image: url('/_assets/img/bullet_c6.gif'); }
#c7 #bodycopy ul li  { background-image: url('/_assets/img/bullet_c7.gif'); }
#c8 #bodycopy ul li  { background-image: url('/_assets/img/bullet_c8.gif'); }
#c9 #bodycopy ul li  { background-image: url('/_assets/img/bullet_c9.gif'); }
#c10 #bodycopy ul li { background-image: url('/_assets/img/bullet_c10.gif'); }
#c11 #bodycopy ul li { background-image: url('/_assets/img/bullet_c11.gif'); }

#c13 #bodycopy ul li { background-image: url('/_assets/img/bullet_c13.gif'); }
#c14 #bodycopy ul li { background-image: url('/_assets/img/bullet_c14.gif'); }
#c15 #bodycopy ul li { background-image: url('/_assets/img/bullet_c15.gif'); }
#c16 #bodycopy ul li { background-image: url('/_assets/img/bullet_c16.gif'); }
#c17 #bodycopy ul li { background-image: url('/_assets/img/bullet_c17.gif'); }
#c18 #bodycopy ul li { background-image: url('/_assets/img/bullet_c18.gif'); }
#c19 #bodycopy ul li { background-image: url('/_assets/img/bullet_c19.gif'); }
#c20 #bodycopy ul li { background-image: url('/_assets/img/bullet_c20.gif'); }
#c21 #bodycopy ul li { background-image: url('/_assets/img/bullet_c21.gif'); }
#c22 #bodycopy ul li { background-image: url('/_assets/img/bullet_c22.gif'); }
#c23 #bodycopy ul li { background-image: url('/_assets/img/bullet_c23.gif'); }
#c24 #bodycopy ul li { background-image: url('/_assets/img/bullet_c24.gif'); }
#c25 #bodycopy ul li { background-image: url('/_assets/img/bullet_c25.gif'); }
#c26 #bodycopy ul li { background-image: url('/_assets/img/bullet_c26.gif'); }
#c27 #bodycopy ul li { background-image: url('/_assets/img/bullet_c27.gif'); }
#c28 #bodycopy ul li { background-image: url('/_assets/img/bullet_c28.gif'); }
	
#bodycopy ol {
	list-style-type: decimal;
}
#bodycopy ol li { 
	margin: .5em 0 0 18px; 
}

/* nav-internal */
.nav-internal {
	position: relative;
}
.nav-internal li {
	padding: 0px !important;
	background-image: none !important; 
	margin: 0 0 5px 0 !important;
	display:inline;
}

.nav-internal li a {
	display:block;
	background-color: #eeeeee;
	padding: 3px 3px 2px 15px;
	font-size: .92em;
	margin: 0 0 5px 0 !important;
}

.nav-internal li a:hover {
	text-decoration:none;
}

.wrapper {
	clear: both;
}

.col-a {
	float: left;
	width: 48%;
}

.col-b {
	float: right;
	width: 48%;
}

#bodycopy ul.col-a {
	clear: none;
}

#bodycopy ul.col-b {
	clear: none;
}

strong {
	font-weight: bold;
}

/* forms
----------------------------------------------------------- */

input, textarea, select {
	border: 1px solid #999999;
	padding: 2px;
	width: 100%;
	margin-top: 2px;
}

label {
	display: block;
	width:100%;
	padding-bottom: .5em;
}

fieldset {
	padding-bottom: 2em;
	position: relative;
}

fieldset.clear {
	clear:both;
}

form td, form th {
	padding: 2px 0 2px 0px;
}

form td input,form td textarea {
	width: 90%;
}

input.btn {
	width: auto;
	font-weight: bold;
	border: none;
	background-color: #BFBFBF;
}

.errors {
	margin: 0 0 1em 0;
	font-size: 1em;
	color: red;
}

.req {
	color: red;
}

#ajaxSearch_form label {
	display:inline;
}

#ajaxSearch_input {
	width: 70%;
	float: left;
	margin:0 0 1em 0;
}
#ajaxSearch_submit {
	display:inline;
	margin:0 0 1em 0;
}

.ajaxSearch_paging {
	display: block;
	margin: 1em 0 1em 0;
}

.ajaxSearch_resultLink {

}

/* float clear
----------------------------------------------------------- */
h1:after, .wrapper:after, #page:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}