@charset "utf-8";

@import url("browser-resets.css");

/*---------------------------------------------

Filename: marsdrinks-main-styles.css
Title: Main Styles for www.marsdrinks.co.uk
Author: Dave Whitehead - dave.whitehead@energycell.co.uk
Created: 30th September 2009

Mars Blue: #005190
Dark Blue: #0c2e49
Light Blue: #cde7ed
Light Cream: #
Dark Cream: #93744d
Dark Grey: #585858

---------------------------------------------*/



body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background: url(../assets/framework/background_cloud.jpg) repeat-x top center;
	background-color: #137292;
}
body.popup {
	background: none !important;
}






/*======================================================= Framework ==*/

#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#masthead {
	height: 75px;
}

#content-wrapper {
	background: url(../assets/framework/contentback_top.gif) no-repeat top center;
	background-color: #FFF;
	float: left;
	padding-bottom: 20px;
	width: 960px;
}

#footer-wrapper {
	background: url(../assets/framework/footer_back.png) no-repeat top center;
	width: 980px;
	margin: 0 auto;
	text-align: left;
	clear: both;
}
#banner {height: 315px;}
#emptybanner {height: 30px;}

/* Homepage */
body.homepage #main-content {width: 640px; float: left; margin-left: 30px;}
body.homepage #sidebar {width: 220px; float: right; margin-right: 30px;}

body.homepage #content-wrapper {
	background: url(../assets/framework/contentback_top2.gif) no-repeat top center;
	background-color: #FFF;
	float: left;
	padding: 25px 0px 20px 0px;
	width: 960px;
}


/* Left Column */
body.leftcol #sidebar {width: 220px; float: left; margin-left: 30px;}
body.leftcol #main-content {width: 640px; float: right; margin-right: 30px;}

/* Right Column */
body.rightcol #main-content {width: 640px; float: left; margin-left: 30px;}
body.rightcol #sidebar {width: 220px; float: right; margin-right: 30px;}

/* One Column */
body.onecol #sidebar {display: none;}
body.onecol #main-content {width: 900px; float: left; margin-left: 30px;}








/*======================================================= Master Typography ==*/

#content-wrapper h1 {
	font-size: 2.3em;
	line-height: 1.2em;
	margin-bottom: .25em;
	color: #005190;
	font-weight: normal;
	z-index:0;
}
#content-wrapper h2 {
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: 0em;
	color: #585858;
	font-weight: normal;
}
#content-wrapper h3 {
	font-size: 1em;
	line-height: 1.2em;
	margin: 2em 0em .5em 0em;
	color: #93744d;
}
#content-wrapper h4 {
	font-size: .8em;
	line-height: 1.5em;
	margin: 1em 0em 0em 0em;
	color: #585858;
	text-transform: uppercase;
}
#content-wrapper p {
	font-size: .8em;
	line-height: 1.6em;
	margin-bottom: .75em;
	color: #585858;
}
#content-wrapper p.larger {
	font-size: 1em;
	line-height: 1.6em;
}
#content-wrapper ul {
	font-size: .8em;
	line-height: 1.5em;
	color: #585858;
	margin-bottom: .75em;
}

#content-wrapper a:link, #content-wrapper a:visited {color: #005190;text-decoration: none;}
#content-wrapper #main-content a:link, #content-wrapper #main-content  a:visited {border-bottom: 1px dotted #005190;}
div#wrapper div#content-wrapper div#main-content a.imagelink {border-bottom: none;}
#content-wrapper a:hover {border-bottom: none !important;color: #93744d}

a.morelink:link, a.morelink:visited {
	background: url(../assets/framework/arrow_brown.gif) no-repeat right center;
	font-weight: bold;
	color: #005190;
	padding-right: 10px;
	display: block;
	text-align: right;
	border-bottom: none !important;}
	a.morelink:hover {color: #93744d !important;}

a.downloadbutton:link, a.downloadbutton:visited {
	width: 192px;
	height: 40px;
	background: url(../assets/framework/download_up.gif) no-repeat;
	display: block;
	text-indent: -9000px;}
	a.downloadbutton:hover {background: url(../assets/framework/download_over.gif) no-repeat;}
	
a.downloadbutton2:link, a.downloadbutton2:visited {
	width: 192px;
	height: 40px;
	background: url(../assets/framework/download2_up.gif) no-repeat;
	display: block;
	text-indent: -9000px;}
	a.downloadbutton2:hover {background: url(../assets/framework/download2_over.gif) no-repeat;}
	
/* Photos */
.left {float: left; margin: 0px 20px 0px 0px;}
.right {float: right; margin: 0px 0px 0px 20px;}
	





/*======================================================= Main Navigation ==*/

#main-nav {
	height: 40px;
	background: url(../assets/framework/mainnav_back.gif) no-repeat;
	position: relative;
	margin-bottom: 15px;
}
#main-nav ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style: none; 
}
#main-nav li {
	float: left;
}
#main-nav a:link, #main-nav a:visited {
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	font-size: .85em;
	padding: 13px 18px;
	margin-right: 14px;
}
#main-nav a:hover, #main-nav a.selected {
	background: url(../assets/framework/mainnav_highlight.gif) repeat-x top center;
}
#main-nav a#nav-last {
	margin-right: 0px;
}



/*======================================================= Secondary Navigation ==*/

#sub-nav {
	height: 40px;
	font-size: .9em;
	position: relative;
}
#page-title {
	width: 250px;
	height: 40px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#page-title p {
	line-height: 40px;
	font-weight: bold;
	text-transform: uppercase;
	color: #0c2e49;
}
#sub-nav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 40px;
}
#sub-nav li {
	float: left;
}
#sub-nav a:link, #sub-nav a:visited {
	display: block;
	text-decoration: none;
	color: #0c2e49;
	font-weight: bold;
	font-size: .85em;
	padding: 12px 15px 12px 10px;
/*	background: url(../assets/framework/arrow_brown.gif) no-repeat left center;
	margin-left: 7px;*/
}
#sub-nav a:hover, #sub-nav a.selected {
	color: #005190;
	background: url(../assets/framework/hover_wedge.gif) no-repeat bottom center;
}




/*======================================================= Sidebar ==*/

/* Left Navigation */

#left-nav {
	background: url(../assets/framework/leftnav_bottom.gif) no-repeat bottom center;
	margin-bottom: 25px;
	padding-bottom: 20px;
}
#left-nav h2 {
	background: url(../assets/framework/leftnav_top.gif) no-repeat top center;
	font-size: .75em;
	font-weight: bold;
	text-transform: uppercase;
	color: #0c2e49;
	padding: 15px 15px 0px 15px;
	margin-bottom: 10px;
}
#left-nav ul {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	list-style: none;
}
#left-nav li {
	padding: 0px 15px 0px 15px;
}
#left-nav a:link, #left-nav a:visited {
	font-size: .9em;
	display: block;
	font-weight: bold;
	color: #707070;
	border-bottom: 1px dotted #a2a1a2;
	background: url(../assets/framework/sq_bullet_lightgrey.gif) no-repeat left center;
	padding: 5px 0px 5px 10px;
}
#left-nav a.leftnav-last, #left-nav a.leftnav-last:hover {border-bottom: none !important;}
#left-nav a:hover, #left-nav a.selected {
	color: #005190;
	border-bottom: 1px dotted #a2a1a2 !important;
	background: url(../assets/framework/sq_bullet_marsblue.gif) no-repeat left center;
}

/* Newsfilter */

#newsfilter h2 {
	background: url(../assets/framework/leftnav_divider.gif) no-repeat top center;
	font-size: .75em;
	font-weight: bold;
	text-transform: uppercase;
	color: #0c2e49;
	padding: 15px 15px 0px 15px;
	margin-bottom: 10px;
}
#newsfilter select {
	margin-left: 15px;
	padding: 3px;
}
	


/* Floaters */

.floater-blue {
	background: url(../assets/framework/bluefloater_bottom.gif) no-repeat bottom center;
	padding-bottom: 7px;}
.floater-cream {
	background: url(../assets/framework/creamfloater_bottom.gif) no-repeat bottom center;
	padding-bottom: 7px;}
	
* + .floater-blue, * + .floater-cream {margin-top: 30px;}
	
div#sidebar div.floater-blue h2 {
	background: url(../assets/framework/bluefloater_top.gif) no-repeat top center;
	color: #93744d; font-size: .75em; line-height: 1.4em; font-weight: bold; padding: 15px 10px 10px 15px; margin-bottom: 0em;}
div#sidebar div.floater-cream h2 {
	background: url(../assets/framework/creamfloater_top.gif) no-repeat top center;
	color: #93744d; font-size: .75em; line-height: 1.4em; font-weight: bold; padding: 15px 10px 10px 15px; margin-bottom: 0em;}
	
.floater-cream img {
	background: url(../assets/framework/shadow_cream.gif) no-repeat bottom center; padding-bottom: 15px;}
.floater-blue img {
	background: url(../assets/framework/shadow_blue.gif) no-repeat bottom center; padding-bottom: 15px;}
	
div#sidebar div.floater-blue p, div#sidebar div.floater-cream p {
	padding: 0px 10px 5px 15px; color: #595b5b; font-size: .75em; line-height: 1.4em; margin-bottom: 0em;}





/*======================================================= Homepage ==*/

#homemessage {
	height: 355px;
	margin: 20px 0px 20px 0px;
}

ul#customer-services-nav {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
ul#customer-services-nav li {background: url(../assets/framework/cream_divider.gif) repeat-x top center;}

ul#customer-services-nav a:link, ul#customer-services-nav a:visited {
	display: block;
	font-size: .9em;
	color: #604e36;
	font-weight: bold;
	background: url(../assets/framework/sq_bullet_white.gif) no-repeat 7% 50%;
	padding: 5px 0px 5px 27px;
}
ul#customer-services-nav a:hover {
	color: #005190;
	background: url(../assets/framework/sq_bullet_darkcream.gif) no-repeat 7% 50%;
}





/*======================================================= Main Content ==*/


/* About Mars Drinks */

.column2 {width: 300px; float: left; margin: 10px 40px 20px 0px;}
.nomargin {margin-right: 0px;}
div.column2 img {background: url(../assets/imagery/news/thumb_shadow.jpg) no-repeat bottom center; padding-bottom: 15px;}
div.column2 img.noshadow {background: none; padding-bottom: 0px;}
div#content-wrapper div.column2 h3 {margin-top: 0em;}


/* Sustainability */

ul#imagecaptions {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: none;
}
ul#imagecaptions li {
	float: left;
	font-size: .75em;
}
ul#imagecaptions li.caption1 {margin-right: 60px;}
ul#imagecaptions li.caption2 {margin-right: 35px;}
ul#imagecaptions li.caption3 {margin-right: 100px;}







/* Customer Services */

/* Landing Page */

.column3 {width: 185px; float: left; margin: 10px 40px 20px 0px;}
.nomargin {margin-right: 0px;}
div.column3 img {background: url(../assets/imagery/news/thumb_shadow.jpg) no-repeat bottom center; padding-bottom: 15px;}
div.column3 img.noshadow {background: none; padding-bottom: 0px;}
div#content-wrapper div.column3 h3 {margin-top: 0em;}

#techsupport_panel {
	background: url(../assets/imagery/techsupport_back.jpg) no-repeat top center;
	height: 230px;
	padding: 0px 20px 0px 300px;
}
#techsupport_panel dl.faq {border-bottom: none;}
#techsupport_panel dt {padding-top: 40px;}
#techsupport_panel dd {font-size: .75em;}

#welcomepack-download {
	height: 90px;
	background: url(../assets/framework/welcomepack_back.jpg) no-repeat top center;
	margin-top: 20px;
	position: relative;
}
#welcomepack-download p {
	position: absolute;
	top: 30px;
	right: 50px;
}



/* How to Order*/

#slider {height: 580px; width: 600px;}
#slider ul { 
	width: 640px;
	height: 460px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 90px;
	list-style:none;
}
#slider li {height:460px; width:640px; overflow: hidden; padding: 0px 0px 0px 0px;}
#greypanel #prevBtn, #greypanel #nextBtn {display:block; width:29px; height:130px; position:absolute; left:20px; top:150px;}	
#greypanel #nextBtn {left:590px;}	

#prevBtn a, #nextBtn a {display:block; width:29px; height:130px; background: url(../assets/imagery/slide_left_up.png) no-repeat 0 0; text-indent: -5000px;  border-bottom: none !important;}
#nextBtn a {background:url(../assets/imagery/slide_right_up.png) no-repeat 0 0; border-bottom: none !important;}
#prevBtn a:hover {background: url(../assets/imagery/slide_left_over.png) no-repeat 0 0;}	
#nextBtn a:hover {background: url(../assets/imagery/slide_right_over.png) no-repeat 0 0;}

ul#order-online {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	float: left;
}
ul#order-online li {
	font-size: .9em;
	color: #0c2e49;
	font-weight: bold;
}
ul#order-online li span {
	color: #0c2e49; 
	display: block; 
	width: 245px; 
	height: 15px; background: url(../assets/imagery/order_url.gif) no-repeat;
	margin: 0px 0px 7px 82px;
	text-indent: -5000px;
}

ul.order-usp {
	margin: 0px 0px 0px 20px;
	font-weight: bold;
}

	
ul#alt-contacts {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
}
ul#alt-contacts li {
	float: left;
	font-size: 1em;
	color: #005190;
	font-weight: bold;
	width: 170px;
	margin-right: 15px;
}
ul#alt-contacts li.email {width: 250px;}
ul#alt-contacts li span {color: #0c2e49; display: block;}
ul#alt-contacts li img {margin-right: 10px;}




/* FAQs */

dl.faq {
	margin-top: 20px;
	border-bottom: 1px dotted #c6c5c5;
	padding-bottom: 10px;
}
dl.faq dt {
	font-size: 1em;
	line-height: 1.2em;
	color: #93744d;
	font-weight: bold;
	margin-bottom: .5em;
}
dl.faq dd {
	font-size: .8em;
	line-height: 2em;
	background: url(../assets/framework/icon_page.gif) no-repeat 0% 50%;
	padding-left: 18px;
}
dl.faq dd.morelink {background: none;}

dl.answer {
	margin-top: 20px;
	border-bottom: 1px dotted #c6c5c5;
	padding-bottom: 10px;
}
dl.answer dt {
	font-size: 1em;
	line-height: 1.2em;
	color: #93744d;
	font-weight: bold;
	margin-bottom: .5em;
}
dl.answer dd.ques, dl.answer dd.ans {font-size: .8em; line-height: 1.5em;}
dl.answer dd.ques {
	color: #005190;
	font-weight: bold;
}
dl.answer dd.ques {
	background: url(../assets/framework/icon_page.gif) no-repeat left 50%;
	padding-left: 18px;
}
dl.answer dd.ans {
	color: #585858;
	padding-left: 20px;
}
dl.answer dd.download {
	background: url(../assets/framework/icon_download.gif) no-repeat 2% 50%;
	color: #333;
	padding-left: 35px;
	margin-left: 10px;
	font-size: .8em; 
	line-height: 1.5em;
}
dl.answer dd.download span.filesize 
{
	font-size: .9em; 
	color: #585858;
}
dl.answer dd.download a 
{
	font-size: .9em; 
}



/* News */

#refresh-download {
	height: 90px;
	background: url(../assets/framework/refreshdownload_back.jpg) no-repeat top center;
	margin-top: 20px;
	position: relative;
}
#refresh-download p {
	position: absolute;
	top: 30px;
	right: 50px;
}

div.story {
	border-bottom: 1px dotted #c6c5c5;
	overflow: auto;
	padding-bottom: 10px;
}
body.homepage div.story {padding-bottom: 0px; margin-bottom: 0px;}
* + div.story {margin-top: 20px;}
div.dateblock {
	width: 40px;
	height: 42px;
	background: url(../assets/framework/dateblock.gif) no-repeat top center;
	padding-top: 3px;
	float: left;
	margin-right: 15px;
}
#content-wrapper div.dateblock p.month, #content-wrapper div.dateblock p.date {
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-bottom: -.3em;
	font-size: .7em;
}
#content-wrapper div.dateblock p.date {font-size: 1.1em;}
#content-wrapper p.newstitle a:link, #content-wrapper p.newstitle a:visited {
	color: #93744d;
	border-bottom: none !important;
	font-size: 1.75em;
	line-height: .9em;
	font-weight: bold;
}
#content-wrapper p.newstitle a:hover {
	color: #0c2e49;
}
#content-wrapper p.newscategory {
	font-weight: bold;
	font-size: .7em;
	margin-bottom: 15px;
}
div.story img {
	background: url(../assets/imagery/news/thumb_shadow.jpg) no-repeat bottom center;
	padding-bottom: 15px;
	float: left;
	margin-right: 15px;
}
#news-detail img.noshadow {
	background: none;
	float: right;
	margin: 0px 0px 20px 20px;
}


img.storyphoto {
	background: url(../assets/imagery/news/detail_shadow.jpg) no-repeat bottom center; 
	padding-bottom: 20px; 
	margin: 0px 0px 20px 20px;
	float: right;
}
#news-detail p.newstitle {
	color: #93744d;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.1em;
}

/* Pagination */

div.pagination {
	font-size: .9em;
	color: #999;
	margin-top: 20px;
	/*border-top: 1px solid #CCC;*/
	padding-top: 10px;
}
div.pagination p {float: left; margin: 5px 15px 0px 0px;}
input.gotopage {width: 30px; margin-right: 5px;}




/* Available downloads table */

#greypanel {
	background: url(../assets/framework/640box_bottom.gif) no-repeat bottom center;
	padding-bottom: 20px;
	margin: 20px 0px 20px 0px;
	position: relative;
}
#greypanel h5  {
	background: url(../assets/framework/640box_top.gif) no-repeat top center;
	font-size: .7em;
	color: #666;
	text-transform: uppercase;
	padding: 15px 0px 10px 20px;
}
#greypanel-900 {
	background: url(../assets/framework/900box_bottom.gif) no-repeat bottom center;
	padding-bottom: 20px;
	margin: 20px 0px 20px 0px;
	position: relative;
}
#greypanel-900 h5  {
	background: url(../assets/framework/900box_top.gif) no-repeat top center;
	font-size: .7em;
	color: #666;
	text-transform: uppercase;
	padding: 15px 0px 10px 20px;
}


table#tbl-downloads {
	background-color: #cfcfcf;
	border: 1px solid #cfcfcf;
	font-size: .75em;
	margin: 0px 0px 0px 20px;
	padding-bottom: 0px;
}
table#tbl-downloads td {
	padding: 6px 10px;
}
table#tbl-downloads thead td {
	background-color: #dedede;
	color: #919191;
	font-weight: bold;
	text-transform: uppercase;
	font-size: .9em;
}
table#tbl-downloads tbody td {
	background-color: #fff;
	color: #919191;
}
td.downloadtitle {
	background: url(../assets/framework/icon_download.gif) no-repeat 2% 50%;
	padding-left: 30px !important;
	color: #333 !important;
}
td.downloadtitle span {
	color: #999;
	font-size: .85em;
}


/* Your System */

/* C400 */

#c400image-wrapper {background: url(../assets/imagery/c400_largeimage.jpg) no-repeat top right; height: 343px; width: 640px;}
#c400image-wrapper h1 {padding: 20px 250px 0px 0px;}
#c400image-wrapper h2 {padding: 0px 270px 0px 0px;}

/* KLIX 450 */

#klix450image-wrapper {background: url(../assets/imagery/klix450_largeimage.jpg) no-repeat top right; height: 343px; width: 640px;}
#klix450image-wrapper h1 {padding: 20px 300px 0px 0px;}
#klix450image-wrapper h2 {padding: 0px 350px 0px 0px;}







/*======================================================= Contact Forms ==*/

.contact_form {

}
fieldset {
	background: url(../assets/framework/fieldset_bottom.gif) no-repeat bottom center;
	margin-bottom: 20px;
	padding-bottom: 18px;
	width: 640px;
}
.formlegend {
	background: url(../assets/framework/fieldset_top.gif) no-repeat top center;
	height: 43px;
	color: #0c2e49;
	font-size: 1em;
	line-height: 43px;
	padding-left: 15px;
	margin-bottom: 15px;
}
fieldset ul {margin: 0px; padding: 0px; list-style: none;}
.contact_form li {margin-bottom: 10px; position: relative;}
.contact_form label {
	display: block;
	margin: 0px 0px 1px 20px;
	font-weight: bold;
	font-size: .9em;
}
.contact_form input {
	display: block;
	margin: 0px 0px 0px 20px;
	width: 300px;
	padding: 4px;
}
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.2em;
	padding: 4px;
}
input#radio1, input#radio2 {
	width: auto;
	float: left;
	margin-right: 3px;
}
textarea#message {
	margin-left: 20px;
}
.contact_form select {
	display: block;
	margin: 0px 0px 0px 20px;
	width: 100px;
	padding: 3px;
}
fieldset div.error {
	background: url(../assets/framework/error_back.gif) no-repeat;
	height: 23px;
	width: 269px;
	position: absolute;
	bottom: 0px;
	right: 20px;
}
li.disclaimer div.error {
	top: 8px;
}
fieldset div.error p {
	color: #FFF !important;
	font-weight: bold;
	font-size: .85em;
	padding-left: 28px;
}
.contact_form label.newsopt {
	width: 200px;
	margin: 0px 20px 10px 20px;
	text-align: left;
	float: left;
	clear: none;
	color: #005190;
}
.contact_form label.refreshopt {
	width: 300px;
	margin: 0px 20px 10px 10px;
	text-align: left;
	float: left;
	clear: none;
	color: #005190;
}
.contact_form input#tickbox {
	width: auto;
	float: left;
}
label span {
	color: #005190;
	font-size: 1.5em;
	margin-right: 3px;
}
.contact_form input.formbutton {width: auto; margin: 0px 0px 0px 20px; clear:both;}
.contact_form label.opt {
	float: left;
	width: auto;
	margin-right: 3px;
	margin-left: 0px;
}







/*======================================================= Footer ==*/

#footer {
	width: 960px;
	margin: 0 auto;
	font-size: .7em;
	color: #0c2e49;
	margin-bottom: 20px;
	padding-top: 30px;
	overflow: auto;
}
#footer h3 {
	color: #FFF;
	font-size: 1.2em;
	margin-bottom: .5em;
}
#footer a:link, #footer a:visited {color: #0c2e49; text-decoration: none;}
#footer a:hover {color: #FFF;}

/* Row 1 */
#footer-row1 {
	background: url(../assets/framework/footer_divider.png) no-repeat center bottom;
	float: left;
	width: 960px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	position: relative;
}
#footer-row1 ul {
	float: left;
	margin: 0px 15px 0px 15px;
}
#row1-col1, #row1-col2 {
	float: left;
	margin: 0px 10px 0px 25px;
}

/* Row 2 */
#footer-row2 {
	float: left;
	padding-bottom: 15px;
	margin-bottom: 10px;
	width: 960px;
}
#row2-col1 {
	float: left;
}
#row1-col3 {
	width: 220px;
	float: right;
	padding-top: 30px;
}
#row1-col3 ul {
	margin: 0px;
	padding: 0px;
}
#row1-col3 ul img {
	display: none;
}
#follow {
	position: absolute;
	top: 0px;
	right: 27px;
}




/* Social Bookmarks */

#row2-col2, #row1-col3 {
	width: 220px;
	float: right;
	margin-right: 25px;
}
div#footer div#footer-row2 div#row2-col2 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#row2-col2 li {
	float: left;
	width: 31px;
	height: 24px;
	margin-right: 5px;
}
#row2-col2 a {
	width: 31px;
	height: 24px;
	display: block;
	text-indent: -5000px;
}
	
a#share-reddit:link, a#share-reddit:visited {background: url(../assets/framework/reddit_up.png) no-repeat;}
	a#share-reddit:hover {background:  url(../assets/framework/reddit_over.png) no-repeat;}
a#share-delicious:link, a#share-delicious:visited {background: url(../assets/framework/delicious_up.png) no-repeat;}
	a#share-delicious:hover {background: url(../assets/framework/delicious_over.png) no-repeat;}
a#share-digg:link, a#share-digg:visited {background: url(../assets/framework/digg_up.png) no-repeat;}
	a#share-digg:hover {background: url(../assets/framework/digg_over.png) no-repeat;}
a#share-stumble:link, a#share-stumble:visited {background: url(../assets/framework/stumble_up.png) no-repeat;}
	a#share-stumble:hover {background: url(../assets/framework/stumble_over.png) no-repeat;}
a#share-facebook:link, a#share-facebook:visited {background: url(../assets/framework/facebook_up.png) no-repeat;}
	a#share-facebook:hover {background: url(../assets/framework/facebook_over.png) no-repeat;}
a#share-twitter:link, a#share-twitter:visited {background: url(../assets/framework/twitter_up.png) no-repeat;}
	a#share-twitter:hover {background: url(../assets/framework/twitter_over.png) no-repeat;}
	
	
	




#row2-col1 {
	width: 640px;
	float: left;
	margin-left: 25px;
}
#row2-col1 p {
	margin-bottom: 6px;
}




/*======================================================= sIFR v3 r436 ==*/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced/*, .sIFR-ignore*/ {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}



/*======================================================= Hacks and fixes ==*/

.clearfix {clear: both;}






.row-highlight{
				border:1px solid red !important;
				background:#ccc;
				}
				
			.highlight-selected{
				background: #099 !important;
				}
				

/* Sustainability H1 & H2 */
				
h1.sIFR-ignore {
	width: 440px;
	height: 35px;
	background: url(../assets/fontreplacement/sustainability_h1.gif) no-repeat center left;
}
h2.sIFR-ignore {
	width: 180px;
	height: 25px;
	background: url(../assets/fontreplacement/sustainability_h2.gif) no-repeat center left;
}
h1 span, h2 span {display: none;}