/* There are some layout features included in this document.  Each line applying to each one
  is marked as follows (in case you need to remove them).  When changing the value of properties marked 
  with these tags you should leave the original value in a comment so changes can be easily scanned.
  
  	[cfw] Centred fixed width page

*/




/*****************************************************************************************
 *			Imports
 ****************************************************************************************/

@import url("standard.css");
@import url("primary-navigation.css");
@import url("section-colors.css");



/*****************************************************************************************
 *			Main document sections layout
 ****************************************************************************************/

body {
	text-align: center; /* center the #page element in IE5/win [cfw] */
}

#page {
	position: relative;
	z-index: 1;
	width: 932px; /* [cfw] */
	text-align: left; /* reset the text alignment after IE5/win hack above [cfw] */
	margin: 54px auto 0 auto; /* ceneter the #page element in all but IE5/win [cfw] */
}


/************************
 * header and breadcrumb
 ************************/
 
#page #header {
	position: relative;
	z-index: 2;
}

/* ie don't like #breadcrumb being position absolute in some designs,
   so float it and make it 0 size to not affect layout then position absolute the 
   ol inside */
#page #breadcrumb {
	width: 0;
	height: 0;
	float: left;
}
#breadcrumb ol {
	position: absolute;
	line-height: 1.0em;
	top: 178px; /* just inside #page-title */
	left: 198px; /* line up with content when there's secondary nav in place */
	padding: 0;
	margin: 20px 0 0 0;
	width: 680px;
}


/************************
 * primary navigation & content columns
 ************************/
 
/* breathe in at the left a little to make room for primary nav */
#page #content {
	float: right; display: inline;
	margin-left: -520px;
	width: 100%;
	position: relative;
}

/* push content away from space where primary nav will be */
#page #content-inner {
	padding-top: 186px; /* leave room for splash image */
	margin-left: 184px;
}
body.is-section-index #page #content-inner {
	padding-top: 230px; /* leave room for splash image */
}
body.home-page #page #content-inner {
	padding-top: 363px; /* leave room for splash image */
	overflow: visible; /* need some content to jut out of the bounds here */
}

/* move into the space we created next to #content */
#page #primary-navigation {
	float: left; display: inline;
	width: 175px;
	margin: 107px 0 100px 0; /* leave room for logo at top and truck at bottom */
	z-index: 2; /* make sure this isn't hidden underneath #content in FF */
	position: relative;
}

#page #column-wrapper {
	padding: 0 14px 0 0; /* leave room for drop shadow */
}


/************************
 * misc
 ************************/

#page #footer {
	clear: both;
	padding: 40px 0 0 0;
	height: 40px;
	margin: 0 0 -80px 0;
	position: relative;
	float: left; display: inline;
	width: 100%;
}



/*****************************************************************************************
 *			Page layout / styles
 ****************************************************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 68.75%;
	background: url(../images/backgrounds/bg_pattern.jpg) #004684 50% top repeat-x;
	color: #000;
}

#page {

}

#page-inner {
	background: url(../images/backgrounds/bg_dropshadow_middle.png) left top repeat-y;
}

#column-wrapper{
	background: url(../images/backgrounds/bg_content-wrapper.gif) left top repeat-y;
}

/* splash pic / flash */
#extra1 {
	position: absolute;
	width: 734px;
	height: 186px;
	top: 0;
	right: 14px;
	z-index: 2000;
}
body.is-section-index #extra1,
body.locations-map-page #extra1,
body.contact-page #extra1  {
	height: 230px;
}
body.home-page #extra1 {
	height: 363px;
}

/* truck pic */
#extra2 {
	position: absolute;
	bottom: -25px;
	left: -10px;
	width: 186px;
	height: 128px;
	background-image: url(../images/internaltruck.png);
	z-index: 1000;
}

/* truck trivia */
#truck-trivia {
	position: absolute;
	width: 460px;
	height: 28px;
	top: -28px;
	left: 145px;
	z-index: 1;
}




/*****************************************************************************************
 *			Header internal layout / styles
 ****************************************************************************************/

#header {

}

/************************
 * Header logo
 ************************/

#header #logo {
	position: absolute;
	left: 0;
	top: -52px;
	background: url(../images/internal_logo.png) transparent 0 -2px no-repeat;
	width: 183px;
	height: 165px;
	z-index: 10;
}

html.chippys-url #header #logo {
	background: url(../images/chippys/internal_logo.gif) transparent 0 -2px no-repeat;
}

#header #logo a {
	display: block;
	height: 100%;
}

#header #logo img {
	display: none;
}


/************************
 * Header links
 ************************/

#header ul#header-links {
	position: absolute; display: inline;
	margin:  0;
	padding: 0 14px 0 0;
	_padding-right: 7px; /* some weird ie6 double padding deal */
	top: -27px;
	right: 0;
	list-style: none;
	background: url(../images/backgrounds/bg_dropshadow_top.png) transparent left top no-repeat;
}

#header #header-links li {
	float: left; display: inline;
}

#header #header-links li a {
	color: white;
	height: 27px;
	display: block;
}

#header #header-links li a span {
	background-image: url(../images/nav/nav_header-link.gif);
}

/* contact link */
#header #header-links li#contact-link a {
	width: 97px;
}
#header #header-links li#contact-link a span {
	background-position: 0 0;
}
#header #header-links li#contact-link a:hover span {
	background-position: 0 -33px;
}

/* product-guide link */
#header #header-links li#product-guide-link a {
	width: 121px;
}
#header #header-links li#product-guide-link a span {
	background-position: -97px 0;
}
#header #header-links li#product-guide-link a:hover span {
	background-position: -97px -33px;
}

/* order link */
#header #header-links li#order-link a {
	width: 99px;
}
#header #header-links li#order-link a span {
	background-position: -218px 0;
}
#header #header-links li#order-link a:hover span {
	background-position: -218px -33px;
}



/*****************************************************************************************
 *			Footer internal layout / styles
 ****************************************************************************************/

#footer {
	color: #5B90BA;
	background: url(../images/backgrounds/bg_footer.gif) transparent left top no-repeat;
}
body.home-page #footer {
	background-image: url(../images/backgrounds/bg_footer-home.gif);
}
html.chippys-url #footer {
	background-image: url(../images/chippys/backgrounds/bg_footer.gif);
}

#footer-inner {
	padding: 0 13px 0 17px;
}

#footer a:link,
#footer a:visited {
	text-decoration: none;
	color: #5B90BA;
}

#footer a:hover {
	text-decoration: underline;
}

/* truck trivia */
#footer #truck-trivia {
	width: 536px;
	top: 3px;
	left: 183px;
	z-index: 0;
}

/************************
 * Top of page Link
 ************************/
 
#top-page-link {
	position: absolute;
	top: 7px;
	left: 198px;
	z-index: 1;
}

#footer #top-page-link a {
	color: black;
	background: url(../images/bullets/bul_top-page-link.gif) #F3F3F3 right center no-repeat;
	padding-right: 10px;
}


/************************
 * Copyright statement
 ************************/
 
#footer #copyright {
	line-height: 17px; /*should be the height of the areeba logo*/
	float: left;	
	display: inline;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}


/************************
 * Footer Links
 ************************/
 
#footer ul#footer-links {
	display: block;
	margin: 0;
	padding: 0 198px 0 187px;
	text-align: center;
}

#footer #footer-links li {
	float: none;
	display: inline;
	line-height: 17px; /*should be the height of the areeba logo*/
	border-color: #5B90BA;
	padding: 0 8px 0 9px;
	margin: 0 8px 0 -9px;
}

#footer #footer-links li:first-child {
	background-image: none;
	border: none;
}


/************************
 * Site by Areeba Link
 ************************/
 
#footer #site-by-areeba-link {
	padding: 71px 10px 0 0;
	margin: 0 0 0 0;
	width: 188px;
	text-align: right;
	position: absolute;
	top: -31px;
	right: 13px;
	background: url(../images/backgrounds/bg_sub-bottom.gif) transparent left top no-repeat;
}

body.home-page #footer #site-by-areeba-link {
	top: 0;
	background-image: none;
	padding-top: 40px;
}

html.chippys-url #footer #site-by-areeba-link {
	background-image: url(../images/chippys/backgrounds/bg_sub-bottom.gif);
}

#footer #site-by-areeba-link span {
	vertical-align: middle;
}

#footer #site-by-areeba-link img {
	vertical-align: middle;
}




/*****************************************************************************************
 *		 	Breadcrumb internal layout / styles
 ****************************************************************************************/

#breadcrumb ol {
	color: white;
	font-size: 0.909em;
}

#breadcrumb ol li {
	background-image: url(../images/bullets/bul_breadcrumb.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border: none;
	padding: 0 7px 0 9px;
	margin: 0 7px 0 -9px;
}

#breadcrumb ol li:first-child {
	background-image: none;
}

#breadcrumb a:link,
#breadcrumb a:visited {
	color: white;
	text-decoration: none;
}

#breadcrumb a:hover {
	text-decoration: underline;
}




/*****************************************************************************************
 *		 	Page Title internal layout / styles
 ****************************************************************************************/
#page-title {
	background: url(../images/backgrounds/bg_page-title.gif) #D43201 left bottom repeat-x;
	padding: 14px;
	padding-top: 2.0em; /* leave room for breadcrumb, ie spacks with margin here */
	border-top: 1px solid #4278A7;
	position: relative;
}

html.chippys-url #page-title {
	background: url(../images/chippys/backgrounds/bg_page-title.gif) #0f7300 left top repeat-x;
}

#page-title h1 {
	padding: 14px 0 0 0;
	margin: 0;
	color: white;
}

/* truck trivia */
#page-title #truck-trivia {
	width: 660px;
	top: 5px;
	left: 0;
	z-index: 0;
}

/* page controls */
#page-title ul#page-controls {
	position: absolute;
	right: 0px;
	top: -3px;
	z-index: 1000;
}



/*****************************************************************************************
 *		 	Content area internal layout
 ****************************************************************************************/

#content {
	background: #0A3A6E;
}

#content-inner {
	background: white;
	overflow: hidden;
	position: relative;
}

#main-inner {
	border-top: 1px solid #D8E2EC;
}


/************************
 * No sub content
 ************************/

#content #main {
	padding: 0;
	min-height: 350px;
	_height: 350px;
}
body.home-page #content #main {
	min-height: 0;
	_height: auto;
}

/************************
 * With sub content
 ************************/

/* prep the main content, leaving room beside it for sub content */
body.has-sub-content #content #main {
	float: left; display: inline;
	width: 100%;
	padding: 0;
	margin: 0;
	margin-right: -231px; /* sub content width + margin each side of sub content  */
}

/* leave room for side content to sit, it get's shifted into this space */
body.has-sub-content #content #main-inner {
	margin-right: 198px; /* sub content width + margin each side of sub content  */
	padding: 14px;
}

/* shift the sub content into the space left by #main-inner */
body.has-sub-content #content #sub {
	float: right; display: inline;
	width: 197px;
	padding-left: 1px;
	margin-bottom: -2900px;
	padding-bottom: 3000px;
}



/*****************************************************************************************
 *			Content styles for custom classes and id's
 ****************************************************************************************/


/************************
 * font and print page controls
 ************************/

ul#page-controls {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}

ul#page-controls li {
	float: left; display: inline;
	margin: 0 7px 0 0;
	padding: 0;
	width: 16px;
	height: 20px;
	text-indent: -1000px;
}

ul#page-controls li.arb-hover {
	cursor: hand;
	cursor: pointer;
}

ul#page-controls li#print-control span {
	background-image: url(../images/buttons/but_print.png);
}

ul#page-controls li#font-size-up-control span {
	background-image: url(../images/buttons/btn_fontUp.png);
}

ul#page-controls li#font-size-down-control span {
	background-image: url(../images/buttons/but_fontDown.png);
}


/************************
 * Link lists
 ************************/

ul.links-list {
	list-style: none;
	padding: 0;
	margin: 10px 0;
}

ul.links-list li {
	background: url(../images/bullets/bul_breadcrumb.gif) transparent 0 6px no-repeat;
	padding: 0 0 0 12px;
	margin: 1px 0;
}


/************************
 * More Link
 ************************/

.more-link a:link,
.more-link a:visited {
	font-weight: bold;
	text-decoration: none;
}

.more-link a:hover {
	text-decoration: underline;
}
 

/************************
 * USER NOTES (message box type stuff)
 ************************/
.important, .success, .error, .cancelled {
	padding: 20px 20px 20px 88px;
	min-height: 32px;
	_height: 32px;
	margin: 1em auto;
	width: 80%;
	background-position: 20px 20px;
	background-repeat: no-repeat;
}

.important h2, .success h2, .error h2, .cancelled h2 {
	color: inherit;
	margin-top: 0;
}

.important {
	color:#725A00;
	background-image: url(../images/icons/ico_note.gif);
	background-color: #FFFAE6;
	border: 1px solid #FAC71E;
}

.success {
	color:#2d8228; 
	background-image: url(../images/icons/ico_success.gif);
	background-color: #f4fcf4;
	border: 1px solid #51cd49;
}

.error {
	color: #FF0000;
	background-image: url(../images/icons/ico_error.gif);
	background-color: #fff1f1;
	border: 1px solid #f9221d;
}

.cancelled {
	color: #FF0000;
	background-image: url(../images/icons/ico_cancelled.gif);
	background-color: #fff1f1;
	border: 1px solid #f9221d;
}

/************************
 * Form prompt text
 ************************/

input.displayingPromptValue {
	color: #666;
}



/*****************************************************************************************
 *			Sub content styles
 ****************************************************************************************/

#sub {
	background: url(../images/backgrounds/bg_content-wrapper.gif) #C92626 -720px 0 repeat-y;
	color: white;
}
html.chippys-url #sub {
	background-image: url(../images/chippys/backgrounds/bg_content-wrapper.gif);
	background-color: #247624;
}

#sub .box {
	padding: 0 10px 7px 9px;
	margin-left: 1px;
	border-bottom: 1px solid #044885;
}

#sub .box h2 {
	margin: 0 -10px 5px -9px;
	padding: 4px 10px 4px 9px;
	background: url(../images/backgrounds/bg_sub-box-header.gif) #C92626 left bottom repeat-x;
	border-bottom: 1px solid #6C0606;
	color: white;
}	

html.chippys-url #sub .box h2 {
	background-image: url(../images/chippys/backgrounds/bg_sub-box-head.gif);
	background-color: #0FAD00;
	border-color: #003300;
}

#sub .text-box .text{
	margin-left: 0;
}

body.chippys-section #sub .text-box .text p {
	display: block;
}

#sub .box a {
	color: white;
}

#sub .more-link a {
	color: #91cefa;
}

#sub ul {
	padding: 0 0 0 15px;
	list-style: square;
}

#sub li {

}




/*****************************************************************************************
 *			Content page styles
 ****************************************************************************************/

/* article image */
#article-image {
	float: left;
	margin: 0 10px 5px 0;
}

dl.overview-list,
dl.thumbnailed-overview-list {
	padding: 0;
	margin: 0;
}

dl.thumbnailed-overview-list {
	padding-left: 85px;
}

dl.overview-list dt,
dl.thumbnailed-overview-list dt {
	float: right;
	width: 100%;
	clear: both;
	font-size: 1.18em;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0 0 4px 0;
	color: #861507;
	border-bottom: 1px solid #b89191;
}

dl.overview-list dt a,
dl.thumbnailed-overview-list dt a {
	color: #861507;
	text-decoration: none;
}

dl.overview-list dt a:hover,
dl.thumbnailed-overview-list dt a:hover {
	text-decoration: underline;
}

dl.overview-list dd,
dl.thumbnailed-overview-list dd {
	margin: 0 0 15px 0;
	padding: 0;
	clear: right;
	zoom: 1;
}

dl.thumbnailed-overview-list dd.thumbnail {
	float: left; display: inline;
	margin: 0 0 15px -85px;
	clear: left;
	width: auto;
}

dl.overview-list dd p,
dl.thumbnailed-overview-list dd p {
	margin: 0 0 5px 0;
}
	
dl.overview-list dd .more-link,
dl.thumbnailed-overview-list dd .more-link {
	margin: 5px 0 0 0;
}

dl.overview-list dd .more-link a,
dl.thumbnailed-overview-list dd .more-link a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

dl.overview-list dd .more-link a:hover,
dl.thumbnailed-overview-list dd .more-link a:hover {
	text-decoration: underline;
}



/*****************************************************************************************
 *			Location page styles
 ****************************************************************************************/

img#map-image {
	margin: 0 -15px;
}

ul#location-products-list {
	margin: 0;
	padding: 0;
	list-style: none;
	zoom: 1;
}

ul#location-products-list:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

ul#location-products-list li {
	float: left;
	width: 49%;
	margin: 0 0 4px 0;
}

#location-contact-details-list dl {
	margin: 0 0 1em 0;
}

#location-contact-details-list dt {
	float: left;
	clear: left;
	width: 35%;
}

#location-contact-details-list dd {
	padding: 0 0 4px 35%;
	border-bottom: 1px solid #efefef;
}




/*****************************************************************************************
 *			Home page styles
 ****************************************************************************************/

/************************
 * box layout
 ************************/
 
body.home-page #feature-boxes {
	padding: 0 243px 0 183px;
	margin: 0 0 0 -184px;
	list-style: none;
	background: url(../images/backgrounds/bg_home-boxes.jpg) #DD7215 0 100% no-repeat;
	float: left; display: inline;
	position: relative;
	border-top: 2px solid white;
}
 
body.home-page .box {
	float: left; display: inline;
	color: white;
	width: 243px;
	padding: 0;
	border-left: 2px solid white;
	margin: 0;
	position: relative;
}

body.home-page .first-box {
	width: 184px;;
	margin: 0 0 0 -184px;
	border-left: none;
}

body.home-page .last-box {
	float: right;
	width: 243px;
	margin: 0 -243px 0 0;
}


/************************
 * box styles
 ************************/

/* headings */
body.home-page .box h2 {
	padding: 5px 12px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #6c0606;
	xtext-transform: uppercase;
	background: url(../images/backgrounds/bg_box-head.gif) #C11F02 left top repeat-x;
	color: white;
}

body.home-page .box h2 a {
	color: white;
	font-weight: normal;
}

body.home-page .box h3 {
	font-size: 1.82em;
	margin: 0 0 5px 0;
	font-weight: normal;
}

/* links */
body.home-page .box a {
	font-weight: bold;
	color: #91cefa;
}

body.home-page .box a:hover {
	text-decoration: underline;
}

/* text */
body.home-page .box .text {
	padding: 0 12px 0 115px;
	margin: 0;
}
body.home-page .box .text p,
body.home-page .box .text .more-link {
	line-height: 1.5em;
}


/************************
 * specific box styles
 ************************/

/* locations box */
body.home-page #locations-box h2 {
	margin-bottom: 0;
	background: url(../images/backgrounds/bg_box-head-locations.gif) #970C07 left top repeat-x;
}
body.home-page #locations-box .thumbnail {
	text-align: center;
	float: none;
	display: block;
	margin-bottom: 5px;
}
body.home-page #locations-box .text {
	padding-left: 12px;
}

/* about us box */
body.home-page #about-box .thumbnail {
	float: right; display: inline;
	margin-right: -20px;
	margin-left: -20px;
	position: relative;
}
body.home-page #about-box .text {
	padding-left: 12px;
	padding-right: 120px;
}




/*****************************************************************************************
 *			Section index page styles
 ****************************************************************************************/

/************************
 * introduction text
 ************************/

body.is-section-index #introduction {
	font-weight: bold;
}


/************************
 * section index boxes
 ************************/

ul.section-index-list {
	padding: 3px 3px 0 2px;
	margin: 0;
	list-style: none;
	background: url(../images/backgrounds/bg_section-index-list.gif) transparent left top no-repeat;
}


ul.section-index-list li {
	width: 50%;
	float: left; display: inline;
	background: url(../images/boxes/box_section-index-bottom.jpg) #ebefd1 left bottom no-repeat;
	min-height: 120px;
	_height: 120px;
}

ul.section-index-list li.alt {
	clear: left;
}

ul.section-index-list li .thumbnail {
	float: left; display: inline;
	margin: 15px 0 20px 12px;
}

ul.section-index-list li .thumbnail img {
	width: 70px;
}

ul.section-index-list li .text {
	padding: 15px 20px 20px 84px;
	background: url(../images/boxes/box_section-index-top.gif) transparent left top no-repeat;
}

ul.section-index-list li h3 {
	margin: 0 0 5px 0;
	color: #052b4c;
	font-weight: normal;
	xtext-transform: uppercase;
	font-size: 1.46em;
}

ul.section-index-list li h3 a {
	text-decoration: none;
	color: #052b4c;
}

ul.section-index-list li h3 a:hover {
	text-decoration: underline;
}

ul.section-index-list li p,
ul.section-index-list li .more-link {
	display: inline;
	margin: 0;
}
ul.section-index-list li p {
	margin-right: 0.3em;
}

ul.section-index-list li .more-link a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

ul.section-index-list li .more-link a:hover {
	text-decoration: underline;
}




/*****************************************************************************************
 *			Utility styles
 ****************************************************************************************/

/************************
 * boxes
 ************************/
.box {
	zoom: 1;
}
.box:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.box h2,
.box h3 {
	font-weight: normal;
}
.box h2 a,
.box h3 a {
	color: inherit;
	text-decoration: none;
}

.box h2 a:hover,
.box h3 a:hover {
	text-decoration: underline;
}

.box .thumbnail {
	float: left;
	display: inline;
}

.box .text {
	margin-left: 70px;
}

.box .text p {
	display: inline;
	margin-right: 0.3em;
}

.box .text .more-link {
	display: inline;
}


/************************
 * PIPELIST: a list which is displayed inline with ' | ' as a seperator
 ************************/

.pipe-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.pipe-list li {
	float:  left; display: inline;
	background-image: none;
	border-left: 1px solid black;
	padding: 0 5px 0 5px;
	margin: 0 5px 0 -5px;
}

.pipe-list li:first-child { 
	border-left: 0;
	border-right: 0;
}


/************************
 * links list
 ************************/

ul.links-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

ul.links-list li {
	background: url(../images/bullets/bul_links-list.gif) transparent 0 4px no-repeat;
	padding-left: 10px;
	margin-bottom: 3px;
}

ul.links-list li a {
	color: #000;
	text-decoration: none;
}

ul.links-list li a:hover {
	text-decoration: underline;
}


/************************
 * definition item list
 ************************/

dl.labelled-items-list {

}

dl.labelled-items-list dt {
	float: left; display: inline;	
	clear: both;
	width: 45%;
	margin: 0 0 5px 0;
	padding: 0;
}

dl.labelled-items-list dd {
	padding: 0;
	margin: 0;
	float: right; display: inline;
	width: 52%;
}


/************************
 * sortable headers
 ************************/

a.sorted-asc {
	background: url(../images/icons/ico_sort-asc.gif) transparent 0 50% no-repeat;
	padding-left: 8px;
}

a.sorted-desc {
	background: url(../images/icons/ico_sort-desc.gif) transparent 0 50% no-repeat;
	padding-left: 8px;
}


/************************
 *  transfer box
 ************************/
 
.transferBox {
	border: 1px solid #333;
	position: absolute;
	z-index: 100000;
}


/************************
 *  IMAGE-REPLACED: accessible text image replacement
 ************************/
/*
  Usage: <tag class="image-replaced">the text to replace<span></span></tag>
*/

.image-replaced {
	position: relative;
	overflow: hidden;
}


.image-replaced span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
}


/************************
 * accessibility styles
 ************************/

/* hide items in a way still accessibly to screen readers (and unstyled browsers of course) */
.accessibility, hr {
	position: absolute !important;
	top: -1000em !important;
	left: -1000em !important;
}


/************************
 * collapsible regions
 ************************/
 
html.js #content .collapsible-body {
	overflow: hidden;
	margin-left: 10px;
}

html.js #content .collapsed .collapsible-body * {
	display: none;
}

html.js #content .collapsible-heading a {
  padding-left: 10px;
  background: url(../images/bullets/bul_collapsible-open.png) transparent 0 50% no-repeat;
  color: inherit;
}

html.js #content .collapsible-heading a:hover {
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
}

html.js #content .collapsed .collapsible-heading a {
	background: url(../images/bullets/bul_collapsible-closed.png) transparent 0 50% no-repeat;
}


/************************
 * ie png fix
 ************************/
 
#header #logo,
#page-inner,
#header-links,
#extra2,
.thumbnail img,
ul#page-controls li span {
	_behavior: url('/Common/style/iepngfix.htc');
}


/************************
 * clearfix, a class to clear floated elements
 ************************/
 
/* clearfix for good browsers */
html > body .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* clearfix for IE/mac */
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac */
@media all {
	* html .clearfix {
		zoom: 1;
	}
	
	.clearfix {
		display: block;
	}
}


/************************
 * sIFR
 ************************/

/* These are standard sIFR styles... do not modify */
@media screen {
	.flash-text-replaced {

	}
	.flash-text-replaced embed {
		visibility: visible !important;
		margin: 0;
		clear: none;
		xmargin-right: -3px; /* account for IE 6 putting 3px of margin on the left when next to a floated element */
	}
	
	.flash-text-replaced .alt {
		position: absolute;
		left: -10000px;
		top: -10000px;
	}
}

html.flash-text-has-flash .box h2,
html.flash-text-has-flash #page-title h1,
html.flash-text-has-flash ul.section-index-list h3,
html.flash-text-has-flash #feature-boxes .box h3 {
	line-height: 1.45;
	letter-spacing: -1px;
	zoom: 1; /* stop ie 6 putting 3px of internal margin on our text (and pushing the embed element down when it's inserted */
}