@charset "UTF-8";
/* CSS Document */


/* HUB */
/* simple box */
#giacontent { width:624px; background: url(/shop/content/unwrapped/images/categorypages/bg.gif) repeat; margin-right:12px; }
.inner_content { width:594px; height:auto; margin-top:10px; margin-right:15px; margin-left:15px; }
.inner_left { float:left; width:390px; height:190px;  }
.inner_right { float:right; width:204px; height:190px; }

.ygiagifts { width:260px; height:120px; float:left; }
.ygiagifts1 { width:260px; height:120px; float:left; margin-left:20px;}
.ygiagifts img { margin-right:10px; }
.ygiagifts1 img { margin-right:10px;}


.gia_top { background: url(/shop/content/unwrapped/images/categorypages/hc_tl.png) no-repeat top left; }
.gia_top1 { background: url(/shop/content/unwrapped/images/categorypages/hc_tr.png) no-repeat top right; }
.gia_bot1 { background: url(/shop/content/unwrapped/images/categorypages/br.gif) no-repeat bottom right;  }
.gia_bot { background: url(/shop/content/unwrapped/images/categorypages/bl.gif) no-repeat bottom left;   }

/* Height and width stuff */
.gia_top { height: 10px; width: 200px; font-size: 1px; }
.gia_top1 { height: 10px; width: 10px; font-size: 1px; margin-left:614px; }
.gia_bot1, .gia_bot { height: 10px; font-size: 1px;}


/* MASTHEAD */

/* White box corners */
#giamast { background: url(/shop/content/unwrapped/images/categorypages/bg.gif) repeat; margin-bottom:10px; z-index: 10;}
.hbbot div { background: url(/shop/content/unwrapped/images/categorypages/bl.gif) no-repeat bottom left; }
.hbbot { background: url(/shop/content/unwrapped/images/categorypages/br.gif) no-repeat bottom right; }

/* Height and width stuff */
#hbtop { font-size: 1px; z-index: 10;}
.hbbot div, .hbbot { height: 10px; font-size: 1px; }

/* Elements */
#unwrapped { margin-bottom:10px; z-index: 10;}
.hbmast { width: 624px; float: left; }



/* HEADER */
.giftheader { margin-top: 5px;  margin-left: 20px; margin-right: 20px;}
.photocredits { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; }
.ygia_text { width:390px; margin-left:180px }
.gmedia { float: none; position:relative; display:inline; }

.giftimage { width:164px; height:164px; float: left; margin-right:20px; font-size: 1px;}

.gitop { background: url(/shop/content/unwrapped/ygia/images/wh_ul.png) no-repeat top left; }
.gitop1 { background: url(/shop/content/unwrapped/ygia/images/wh_ur.png) no-repeat top right; }
.gibot1 { background: url(/shop/content/unwrapped/ygia/images/wh_br.png) no-repeat bottom right;}
.gibot { background: url(/shop/content/unwrapped/ygia/images/wh_bl.png) no-repeat bottom left;   }

/* Height and width stuff */
.gitop1 { height: 10px; font-size: 1px; margin-left:154px;}
.gitop { height: 10px; font-size: 1px; }
.gibot1 { height: 10px; font-size: 1px; margin-left:154px;}
.gibot { height: 10px; font-size: 1px; margin-top:144px; }



/* CASE STUDY */
.case_study{ width:624px; background: url(/shop/content/unwrapped/images/categorypages/bg.gif) repeat; margin-right:12px}
.cs_text {  padding-left:20px;  padding-right:20px;}
.cs_image { width:256px; height:168px; float: right; margin-right:20px;}
.cstop { background: url(/shop/content/unwrapped/ygia/images/wh_ul.png) no-repeat top left; }
.cstop1 { background: url(/shop/content/unwrapped/ygia/images/wh_ur.png) no-repeat top right; }
.csbot1 { background: url(/shop/content/unwrapped/ygia/images/wh_br.png) no-repeat bottom right;}
.csbot { background: url(/shop/content/unwrapped/ygia/images/wh_bl.png) no-repeat bottom left;   }
.csfooter_large { background: url(/shop/content/unwrapped/ygia/images/cs_footer.png) no-repeat bottom left;   }
.csfooter_small { background: url(/shop/content/unwrapped/ygia/images/cs_footer.png) no-repeat bottom left;   }
.csfooter_medium { background: url(/shop/content/unwrapped/ygia/images/cs_footer.png) no-repeat bottom left;   }
.csfooter_tall { background: url(/shop/content/unwrapped/ygia/images/cs_footer.png) no-repeat bottom left;   }

/* Height and width stuff */
.cstop1 { height: 10px; font-size: 1px; margin-left:246px;}
.cstop { height: 10px; font-size: 1px; }
.csbot1 { height: 10px; font-size: 1px; margin-left:246px;}
.csbot { height: 10px; font-size: 1px; margin-top:144px; }
.csfooter_large { height: 10px; font-size: 1px; margin-top:170px; }
.csfooter_small { height: 10px; font-size: 1px; margin-top:120px; }
.csfooter_medium { height: 10px; font-size: 1px; margin-top:150px; }
.csfooter_tall { height: 10px; font-size: 1px; margin-top:320px; }

.goat_image { width:256px; height:164px; float: right;  margin-left:20px; margin-right:20px;}
.cs_large { width:256px; height:190px; float: right;  margin-left:20px; margin-right:20px;}
.cs_small { width:256px; height:140px; float: right;  margin-left:20px; margin-right:20px;}
.cs_medium { width:256px; height:170px; float: right;  margin-left:20px; margin-right:20px;}
.cs_tall { width:256px; height:340px; float: right;  margin-left:20px; margin-right:20px;}



/* FOOTER */
.optionsfooter{ width:624px; background: url(/shop/content/unwrapped/images/categorypages/bg.gif) repeat; margin-top:10px; margin-right:12px}
.footerboxes {  padding-left:20px;  padding-right:0px;}
.f_one { float:left; margin-right:20px; margin-bottom:10px;}
.f_two { float:left; margin-bottom:10px;}
.f_three { float:left; margin-right:20px; }
.f_four { float:left; }



/* GENERAL */
#productswrapper { width: 624px;}





/* 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 */

