/* Oxfam Shop
*  global.css
*  Main site structure, used by all templates
*  Author: Lucy Barker / Aron Shamash, DNA an AvenueA | Razorfish company
*  Date: 09-03-2007
*  v.1.0*/
@import "/shop/static/css/mainnav.css";
@import "/shop/static/css/secnav_refit.css";
@import "content.css";
@import "typography.css";
@import "checkout.css";
@import "reglogin.css";
@import "misc.css";
@import "/shop/static/css/noresults.css";
@import "/shop/static/css/category_refit.css";
@import "/shop/static/css/carousel.css?1";

* {margin:0; padding:0;}
body {color:#474747; font:90% arial, helvetica, sans-serif; text-align:center; background-color:#eee;}
img, fieldset {border:0;}
h1 {font-size:100%;}
h2, h3, h4 {font-weight:normal;}
h3.strong {font-weight:bold;}
h2 {font-size:135%; margin:0 0 2px 0;}
p {margin-bottom:12px;}

a {color:#005baa; text-decoration:none;}
a:hover, a:active {text-decoration:underline;}

ul {}
li {}
dl {}
dt {}
dd {}

fieldset {margin-top:-3px; padding-bottom:6px;}
fieldset p {margin-bottom:4px;}
fieldset input {margin:0 6px 0 0;}
fieldset label {position:relative; top:-3px; vertical-align:middle;}
legend {color:#000;}
input.btn {border:0 !important; width:auto !important;}

#frame {} 
.centre {width:880px; margin:0 auto; text-align:left;}

/* footer styles classes needed */
#main {padding:0; background:#EEE!important; position:relative;}
#footer-promo {margin:35px 0 0 0;width:100%;height:101px; background: url(/shop/static/img/bgs/bg-footer-promo.gif);}
#footer-promo img{position:relative;margin:-18px 0 0 -8px} 
#footer-promo-main {width:904px;margin:26px auto 0 auto; }
#footer-promo-main img {display:block; }

#second-nav {width:220px;}
#content {width:648px; padding-bottom:40px} /* AA|RF Refit 08: Increased width to 648 from 640 */
#delivery-options{width:220px}
#footer-fill {position:absolute; width:100%; left:0;}
#footer {position:relative; background:#7dc242; padding:12px 5px 54px 5px; color:#fff;/*mb54px*/clear:right}
	#footer a {color:#fff;}
	/*#footer p a {text-decoration:underline;}
	#footer p a:hover, #footer p a:active {text-decoration:none;}
	#footer dl { overflow:hidden;position:relative; margin:-28px 0 0 330px; font-size:90%; width:540px}
	#footer dl a {border-left:1px solid white; padding:0 3px 0 5px; position:relative; left:-1px }
	*/
	
	#footer p	{padding-top:20px; font-size:110%;}
#footer dl {float:left; text-align:left;}
#footer dd {font-size:85%; padding-left:4px; border-left:solid 1px #fff;}
	#footer dd:first-child,
	#footer dd.first	{border:0; padding-left:0;}
	#footer img				{float:right; margin-top:-61px;}

/*** GENERIC CLASSES & MISCELLANY ***/
/*clear fix taken and adapted from http://www.positioniseverything.net/easyclearing.html */
/* alternative version - try it out, if it doesn't work, revert back to the previous version */
.cf:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.cf {height:1%}

.fl {float:left;}
.fr {float:right;}
.txt-alignr {text-align:right;}
.lbl-hidden {  position:absolute;top:-1000px; left:-1000px; z-index:-1}/* takes it out of flow */
.lbl-invisible { visibility:hidden;} /*leaves in flow for spacing */
.b {font-weight:bold;}
.errorMesg { color : #ff0000;}

input.error { border: 1px solid #f00; }
fieldset.contact input.error { border: 1px solid #f00; }
fieldset.contact label.error { color:#f00; }
div.error { color:#f00; padding:10px 0 10px 0; }
div.hide { display:none; }

.global-search input{width:130px}

/* jackie germana - added 12/08/2008 - removed by Simon Tregunna - bug fix 29/08/08 
.replace {display:block; overflow: hidden; background-repeat: no-repeat; text-indent: -9000px;}
.replace a {display: block; width: 100%; height: 100%; padding:0 !important;}
 
*/


/* AA|RF Refit 08: Shop Footer. This is an additional full width panel above the existing footer */
/* SHS02_Section_hub */
.lc		{width:193px;}
.rc		{width:422px; overflow:hidden; display:inline; float:right; margin-right:7px;}
.sc {width:100%;}

#shop-footer				{position:relative; border-bottom:1px solid #fff;}
#shop-footer img			{position:absolute; bottom:0px;}
.footer-orange {background-color:#ffa628; border-top:12px solid #ef4123; height:159px !IMPORTANT;}
.footer-green {background-color:#006543; border-top:12px solid #7dc242; height:109px !IMPORTANT;}
.footer-blue {background-color:#3bc1ed; border-top:12px solid #005baa; height:109px !IMPORTANT;}

div.inline-video {
		width: 586px; height:354px;
	}

span.required { color:red; }	
fieldset.contact span.required { color:red; }