@charset "UTF-8";
/* CSS Document */

#content { padding-bottom:0px!important; }


/* SHOP STAMPS */
.hubec{  width:200px; margin-top:10px; margin-bottom:14px; margin-right:12px; float: left; background-color:#ffffff; }
.hubou{  width:200px; margin-top:10px; margin-bottom:14px; margin-right:12px; float: left; background-color:#ffffff; }
.hubshs{ width:200px; margin-top:10px; margin-bottom:14px; margin-right:12px; float: left; background-color:#ffffff; }
.hcontent { text-align:left; width:180px; height:62px;  margin-right:10px; margin-left:10px; font-size:12px; color:#000000; }

/* Box corners */
.ectop  { background: url(/shop/content/home/images/g_top.jpg) no-repeat top right; }
.outop  { background: url(/shop/content/home/images/or_top.jpg) no-repeat top right; }
.shstop { background: url(/shop/content/home/images/bl_top.jpg) no-repeat top right;  }

/* Height and width stuff */
.ectop { height: 38px; width: 200px; font-size: 1px; }
.outop { height: 38px; width: 200px; font-size: 1px; }
.shstop { height: 38px; width: 200px; font-size: 1px; }

.hbot { height: 10px; font-size: 1px; }






/* PROMOS */

/* White box corners & hide image corners */
.hubpromo { width:624px; float: left; margin-bottom:10px;}

.RHN_stamps { width:217px; margin-bottom:4px; }
.DIY_stamp { width:204px; float:left; margin-bottom:10px; }






/* HUB GIFTS  */

/* boxes */
.products{ width:624px;  margin-bottom:10px; height:256px; margin-right:12px; float: left; background-color:#FFFFFF; }
.ox_products{ width:408px; margin-bottom:10px;  margin-right:12px; float: left; background-color:#FFFFFF; }

.hubproducts { width:604px;  margin-left:20px;  }
.ox_hubproducts { width:388px; height:92px;  margin-left:20px; padding-top:20px;  }

.ox_innerbox { width:125px; height:90px; float:left;  font-size:12px!important;}
.htitle{ float:left; padding-left:12px; width:410px; height:25px; color:#f4f4f4; padding-top:5px;}
.hlink{ float:left; width:190px; height:21px; color:#f4f4f4; text-align:right; font-size:12px; padding-top:14px;}
.hlink a:img { border:none;}
.hlink a:link { color:#FFFFFF!important; }

/* Box corners */
.ec_top  { background: url(/shop/content/home/images/ec_banner1.jpg) no-repeat top right; }
.ou_top  { background: url(/shop/content/home/images/ou_banner1.jpg) no-repeat top right; }
.shs_top { background: url(/shop/content/home/images/shs_banner1.jpg) no-repeat top right; }
.ox_top { background: url(/shop/content/home/images/OX_banner1.jpg) no-repeat top right; }
.shs_top_sale { background: url(/shop/content/home/images/shs_banner1_sale.jpg) no-repeat top right; }


/* Height and width stuff */
.ec_top { height: 40px; width: 624px;  }
.ou_top { height: 40px; width: 624px;  }
.shs_top { height: 40px; width: 624px; }
.ox_top { height: 40px; width: 408px; }
.shs_top_sale { height: 40px; width: 624px; }

.pbot { height: 20px; font-size: 1px; }

/*     PRODUCTS     */
.productframe{ float: left;  width:78px;  height:78px; }

/* Ethical Collection styles*/
.ec_products { float: left; width:190px; height: 78px; margin-top:20px;}
.ec_text { float: left;  width:85px; padding:6px;}
.ec_text p {margin-bottom:-10px; font-size:0.98em!important;}
.price { font-weight:bold; padding-bottom:2px;}

/* Oxfam Unwrapped styles*/
.ou_products { float: left; width:190px; height: 78px; margin-top:20px;}
.ou_text { float: left;  width:85px; padding:6px;}
.ou_text p {margin-bottom:-10px;}

/* Second-hand Store styles*/
.shs_products { float: left; width:190px; height: 78px; margin-top:20px;}
.shs_text { float: left;  width:85px;  padding:6px;}
.ou_text p {margin-bottom:-10px;}



/* GREEN BOX  */
.green_title{ float:left; color:#f4f4f4; padding-top:12px; padding-left:8px; font-weight:bold }

.green_1 { float:left; margin-bottom:12px; margin-right:1px; width:155px; height:198px;}
.green_4 { float:left; margin-bottom:12px; width:155px; height:198px;}
.greenhead_1 { background-image:url(/shop/content/home/images/green_1.jpg); background-repeat:no-repeat; background-position:left; background-color:#7DC242; width: 154px; height:40px; }
.greenhead_2 { background-color:#7DC242; width: 154px; height:40px; }
.greenhead_3 { background-color:#7DC242; width: 154px; height:40px; }
.greenhead_4 { background-image:url(/shop/content/home/images/green_4.jpg); background-repeat:no-repeat; background-position:right; background-color:#7DC242; width: 154px; height:40px; }
.greencontent { height:124px; width:138px; background-color:#FFFFFF; padding:8px; }
.greenfoot_1 { background-image:url(/shop/content/home/images/white_1.jpg); background-repeat:no-repeat; background-position:left; background-color:#ffffff; width: 154px; height:20px; }
.greenfoot_2 { background-color:#ffffff; width: 154px; height:20px; }
.greenfoot_3 { background-color:#ffffff; width: 154px; height:20px; }
.greenfoot_4 { background-image:url(/shop/content/home/images/white_4.jpg); background-repeat:no-repeat; background-position:right; background-color:#ffffff; width: 154px; height:20px; }





/* HELP SECTION  */
.helpbx{ width:624px; margin-right:12px; margin-bottom:-10px; float:left; background-color:#7dc242; height: 400px;}
.help_box { height:30px; width:624px;}
.help_box { background: url(/shop/content/home/images/help_box.jpg) no-repeat top right;  }
.cattext  { width:194px; height:225px; float:left; font-size:12px!important; color:#FFFFFF!important;}
.cattext a:link { color:#FFFFFF!important;}
.hetext  { width:194px; height:55px; float:left; font-size:12px!important; color:#FFFFFF!important;}
.feattext  { width:194px; height:18px; float:left; font-size:12px!important; color:#FFFFFF!important;}
.feattitle  { width:194px; height:18px; float:left; color:#FFFFFF!important;}

.hetext a:link { color:#FFFFFF!important;}
.help_products { width:584px; height:325px;   margin-left:20px;  }
.textindent { padding-left:12px;  }
.line { width:604px; height:16px; float:left;  }
.hlptitle{ float:left; width:604px; height:30px; color:#FFFFFF;}



/* CSS layout */
.clear { clear: both; }
.clearfix:after { display:block; content:'.'; visibility:hidden; clear:both; height:0; }
.clearfix {display : inline-block; }

/* Hides from IE-mac \*/
.clearfix {display : block; }
/* End hide from IE-mac */
