@charset "UTF-8";
/* CSS Document */



/* MASTHEAD */
#unwrapped { margin-bottom:10px; }
.hub_flash { margin-bottom:10px; width:624px;  }
#hub_carousel { width:624px;  margin:right:12px; background: url(/shop/content/unwrapped/images/ouhub/bg_624.jpg) repeat;float:left; }
.sell_title { width:422px; text-align:left; padding-left:2px; float:left;}


/* carousel */
/* White box corners & hide image corners */
div.department-gifts { height:180px!important; width:620px!important; min-height:120px !important; left:1px; }

div.department-gifts.related  { padding-top:4px!important;   }

/* Height and width stuff */
.selltop { height: 10px;  font-size: 1px; background: url(/shop/content/unwrapped/images/ouhub/t_624.jpg) no-repeat;}
.sellbot { width: 624px; height: 10px;  font-size: 1px; margin-bottom:10px; background: url(/shop/content/unwrapped/images/ouhub/b_624.jpg) no-repeat; float:left }

.viewall { width:100px; float:right; margin-top:10px; text-align:right; padding-right:42px;}



/* 2 COL */

#boxleft { width:306px; height:268px; margin-bottom:10px; margin-right:12px; float: left;  }
#boxright { width:306px;  height:268px; float: right; }



/* 3 COL */

/* White box corners & hide image corners */
.ltop { background: url(/shop/content/unwrapped/images/ouhub/header_bc.png) no-repeat top right; }
.mtop { background: url(/shop/content/unwrapped/images/ouhub/header_2050.png) no-repeat top right; }
.mtop1 { background: url(/shop/content/unwrapped/images/ouhub/header_620c.png) no-repeat top right; }
.rtop { background: url(/shop/content/unwrapped/images/ouhub/header_wf.png) no-repeat top right; }
.rtop1 { background: url(/shop/content/unwrapped/images/ouhub/header_alc.png) no-repeat top right; }
.cbot1 { background: url(/shop/content/unwrapped/images/ouhub/bdr_br.jpg) no-repeat bottom right;  }
.cbot { background: url(/shop/content/unwrapped/images/ouhub/bdr_bl.jpg) no-repeat bottom left;   }

/* Height and width stuff */
.ltop { height: 56px; width: 200px; font-size: 1px; }
.mtop { height: 56px; width: 200px; font-size: 1px; }
.mtop1 { height: 56px; width: 200px; font-size: 1px; }
.rtop { height: 56px; width: 200px; font-size: 1px; }
.rtop1 { height: 56px; width: 200px; font-size: 1px; }


/* Elements */
#categoryleft { width:200px; background: url(/shop/content/unwrapped/images/ouhub/bg_200.jpg) repeat; margin-bottom:10px; margin-right:12px;float: left; }
#categorymiddle { width:200px; background: url(/shop/content/unwrapped/images/ouhub/bg_200.jpg) repeat; margin-bottom:10px; margin-right:10px;float: left; }
#categoryright { width:200px; background: url(/shop/content/unwrapped/images/ouhub/bg_200.jpg) repeat; margin-bottom:10px; float: right; }
#categoryright_promo { width:200px; margin-bottom:10px; float: right; }
.ccontent { width:160px; height:150px; margin-top:10px; margin-right:20px; margin-left:20px; font-size:12px }
.lcontent { width:160px; height:254px;  margin-right:20px; margin-left:20px; }
#cimage { width: 200px; height:150px; }
.hub_button { text-align: right; margin-right:10px;}


/* ORANGE BOXES */

/* White box corners & hide image corners */

/* Height and width stuff */
.obot { width: 306px; height: 18px; font-size: 1px;}

/* Elements */
#oleft { width:306px;  height: 248px; background: url(/shop/content/unwrapped/images/ouhub/orange_01.jpg) no-repeat;  margin-right:8px; float: left; }
#oright { width:306px;  height: 248px; background: url(/shop/content/unwrapped/images/ouhub/orange_01.jpg) no-repeat;  float: left; }
.ocontainer { width:280px; height: 170px; margin-left:20px;  }
.wcontainer { width:280px; height: 170px;  margin-left:20px; margin-top:10px; }
.ocontent { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFFFFF; width:112px;  float:left; }
.wcontent { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFFFFF; width:112px;   float:left; }
.oimage{ width:160px; height:164px; float:right; margin-right:2px; }
.hub_buttono { height: 28px; padding-right: 10px; text-align: right;   }
.hub_buttonw { height: 28px; padding-left: 20px; text-align: left;   }

.find {  padding-left:20px; text-align: left;  background: font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFFFFF; }
.sbox {  padding-left:20px; text-align: left; }
.ocontainer1 { height: 45px; background-image: url(/shop/content/unwrapped/images/ouhub/orange_03.jpg); background-repeat: repeat-y;}
.ocontainer2 {  height: 51px; background-image: url(/shop/content/unwrapped/images/ouhub/orange_03.jpg); background-repeat: repeat-y; }



/* HELP SECTION  */
.helpbx{ width:624px;  margin-right:12px; margin-top:12px; float: left; background-color:#7dc242; }
.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:185px; float:left; font-size:12px!important; color:#FFFFFF!important;}
.cattext a:link { color:#FFFFFF!important;}
.hetext  { width:194px; height:80px; float:left; font-size:12px!important; color:#FFFFFF!important;}
.hetext a:link { color:#FFFFFF!important;}
.help_products { width:584px; height:280px;   margin-left:20px;  }
.textindent { padding-left:12px;  }
.line { width:604px; height:16px; float:left;  }
.hlptitle{ float:left; width:604px; height:30px; color:#FFFFFF;}



/* FOOTER */
/* simple box */
#o_curvedbox { width:624px; height:210px; background: url(/shop/content/unwrapped/images/orange_bg.jpg); background-repeat:repeat; margin-bottom: 10px; margin-right:12px; margin-top:10px }
.o_curvedbox_content { width:590px; height:auto; margin-left:20px; }
.o_curvedbox_content_right { width:200px; height:auto; float:right; text-align:right; }
.o_curvedbox_content_left { width:300px; height:auto; float:left; }

.o_curvedbox_content_right1 { width:300px; height:auto; float:right; text-align:left; }
.o_curvedbox_content_left1 { width:200px; height:auto; float:left; text-align:left; }



/* White box corners & hide image corners */
.o_curvedbox_ctop { }
.o_curvedbox_cbot { }

/* Height and width stuff */
.o_curvedbox_ctop { height: 10px; font-size: 1px; }
.o_curvedbox_cbot { height: 10px; font-size: 1px;}

.cattext  { width:205px; height:155px; float:left; font-size:12px!important; color:#FFFFFF!important;}
.cattext1  { width:185px; height:155px; float:left; font-size:12px!important; color:#FFFFFF!important;}
.cattext2  { width:180px; height:155px; float:left; font-size:12px!important; color:#FFFFFF!important;}

.cattext a:link { color:#FFFFFF!important;}

.o_title{ float:left; width:584px; height:30px; color:#EF4223; font-family:Arial, Helvetica, sans-serif; font-size:16px; margin-top:10px; padding-left:20px }





/* HUB GIFTS  */

/* boxes */
.products{ width:624px;  margin-bottom:10px; height:256px; margin-right:12px; float: left; background-color:#FFFFFF; }
.hubproducts { width:604px;  margin-left:20px;  }

.btitle{ float:left; padding-left:12px; width:400px; height:12px; color:#f4f4f4; padding-top:5px;}
.hlink{ float:left; width:200px; height:15px; color:#f4f4f4; text-align:right; font-size:12px; padding-top:20px;}
.hlink a:img { border:none;}
.hlink a:link { color:#FFFFFF!important; }

/* Box corners */
.ou_top  { background: url(/shop/content/unwrapped/images/ouhub/ou_banner2.jpg) no-repeat top right; }


/* Height and width stuff */
.ou_top { height: 40px; width: 624px;  }
.pbot { height: 20px; font-size: 1px; }

/*     PRODUCTS     */
.productframe{ float: left;  width:78px;  height:78px; }


/* Oxfam Unwrapped styles*/
.ou_products { float: left; width:190px; height: 78px; margin-top:20px;}
.ou_text { float: left;  width:85px; padding:4px;}
.ou_text p {margin-bottom:-5px;}






/* GENERAL */
#hubwrapper { width: 624px;}
img { border: 0px;}

.ccontent li { font-family: Arial, Helvetica, sans-serif; font-size: 112%; font-style: normal; line-height:normal font-weight: normal; text-align: left; font-size-adjust: none; margin-bottom: 5px;  float: none; display:block}
.ccontent a:link { color: #005BAA;}
.ccontent a:hover, a:active { text-decoration:underline }



/* 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 */

#content div.panel ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;