/* Gift Guide */
img{ behavior:url(iepngfix.htc)!important; }
.fr{float:right;}
.fl{float:left;}


img.left { float: left; position: relative; margin: 0 10px 0 0; }
img.right { float: right; position: relative; margin: 0 0 0 10px; }
.top { vertical-align: top; }
.column { float: left; position: relative; }
.column.last { float: right; position: relative; }
.divider-line { border: 1px solid #c5c9cd; border-width: 0 0 1px 0;}

#primary { margin-bottom: 10px; background:url('../img/primary_bg.png') no-repeat 0 0;}
#primary .module-1col p,
#primary .module-1col-header p,
#primary .module-2col p,
#primary .module-2col-header p { margin-bottom: 3px; line-height: 12px; }
#primary .module-1col-header p.price { color: #666; }
#primary .tagline { color: #666; font-weight: normal; }
#primary .color-options { margin-top: 4px; }
#primary p.retail-price { color: #999; margin-bottom: 4px; }
#primary .retail-price span { text-decoration: line-through; }
#primary .more-prod a { color: #999; font-size: 10px; padding-right: 7px; }
#primary p.more { margin-bottom: 7px; }
#primary p.more a { padding-right: 8px; background: transparent url('../img/link-smallmoreblue.gif') no-repeat 100% 70% !important; }
#primary a.see-more { font-size: 10px; font-weight: normal; color: #0085CF; position: absolute; right: 26px; padding-top: 0px; line-height: 12px; }
#primary a.see-more:hover { text-decoration: underline; }

/* typography */
#primary h2 a { color: #000; }
#primary h4 a { color: #333; }
#primary h4 a:hover { color: #0085cf; text-decoration: none; }

/* header */
.module-1col-71c9cd-topcap { background: url("../img/layout/module-1col-header-71c9cd-topcap.gif") no-repeat 0 0; width: 804px; height: 3px; font-size: 1px; }
.module-1col-71c9cd { position: relative; background: url("../img/layout/1col-bg-71c9cd.gif") repeat-y 0 0; color: #fff; min-height: 267px; _height: 267px; }
.bottomcap-gradient { width: 804px; height: 5px; margin: -3px 0 15px; background: url('../img/layout/1col-bottomcap-gradient.gif') no-repeat 0 100%; }

#intro { position: relative; top: 20px;_top: 15px; _padding-bottom:5px; left: 26px; width: 245px; }
*+ html #intro{top:20px;}
#intro ul { width: auto; overflow: auto; margin-top: 6px; }
#intro ul li { float: left; }
#intro ul li.first { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; }
#intro ul li a { color: #fff; }
ul#heros { width: 802px; overflow: auto; }
ul#heros li { text-align: left; position: absolute; overflow: auto; }
#primary ul#heros li h4 a { color: #fff; }
#primary ul#heros li h4 a:hover { text-decoration: underline; }
/*#hero1 { width: 360px; top: 118px; left: 25px;_left: -125px; }
*+html #hero1 {left: -120px; }
#hero1 .fr{_left:500px!important;_top:-550px; _float:right;}

#hero1 h4 { padding-top: 93px;_padding-top: 0px;}
#hero1 img{_float:left;}
*/



#hero1 { width: 360px; top: 118px; left: 25px; _width:360px;}
#hero1 img {margin-top:0; _margin-top:0px;margin-right:0;float:left!important;}
#hero1 .mr{margin-left:10px!important;_margin-left:20px!important; margin-top:0px; float:left;}
#hero1 h4 { padding-top: 93px;_padding-top: 90px; }







#hero2 { width: 216px; top: 0px; left: 270px;  }
#hero2 .ml{margin-left:42px;}
#hero2 h4 { padding-top: 18px; }
#hero3 { width: 301px; top: 15px; right: 0px; }
#hero3 .ml{margin-left:30px;}
#hero3 h4 { padding-top: 0; }

#hero4 { width: 250px; top: 118px; left: 40px; _width:250px;}
#hero4 img {margin-top:5px; margin-right:0;float:left!important;}
#hero4 .mr{margin-left:-20px!important; margin-top:0px; float:left;}
#hero4 h4 { padding-top: 93px;_padding-top: 90px; }
#hero5 { width: 300px; top: -2px; left: 230px;  }
#hero5 .ml{float:left;padding-top:100px;_padding-top:90px;}
#hero5 img {margin-left:-20px!important; margin-top:0;_margin-top:-170px;}
*+html #hero5 img{margin-top:0px;}
#hero5 h4 { padding-top: 18px; }
#hero6 { width: 308px; top: 15px; right: 0px; }
#hero6 .ml{margin-left:30px;}
#hero6 img {margin-top:-50px; margin-bottom:50px;} 
#hero6 h4 { padding-top: 0; }


.module-1col-71c9cd ul#heros li img { float: right; }
#primary .module-1col-71c9cd ul#heros li h4 { font-weight: bold; line-height: 1.3em; margin-bottom: 2px; }
#primary .module-1col-71c9cd ul#heros li p.price { color: #fff; }
#primary .module-1col-71c9cd ul#heros li p.price a { color: #fff; background: url('../img/arrow-white.png') no-repeat 100% 95%; padding: 0px 19px 1px 0; }
* html #primary .module-1col-71c9cd ul#heros li p.price a { color: #fff; background: url('../img/arrow-white.gif') no-repeat 100% 95%; padding: 0px 19px 1px 0; }

#primary .module-1col-71c9cd ul#heros li p.price a.orange { color: #fff; background: url('../img/arrow-orange.png') no-repeat 100% 95%; padding: 0px 19px 1px 0; }
* html #primary .module-1col-71c9cd ul#heros li p.price a.orange { color: #fff; background: url('../img/arrow-orange.gif') no-repeat 100% 95%; padding: 0px 19px 1px 0; }


/* offers-row */
#offers-row { position: relative; width: 802px; margin: 0 auto; _margin-bottom: -10px; background: border-top: 1px solid #e9e9e9; border-right: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; }
#offers-row a { color: #333; }
#offers-row a:hover { color: #0085cf; text-decoration: none; }
#offers-row li { float: left; font-size: 10px; padding: 12px 0 9px; _padding-bottom: 6px; }
#offers-row li p a { padding: 12px 0; }
#offers-row #mac-free-ipod { width: 400px; }
#offers-row #mac-free-ipod img { position: absolute; left: 25px; bottom: 0; _bottom: -3px; }
#offers-row #mac-free-ipod p { margin-left: 117px; }
#offers-row #mac-free-ipod p a { background: url('../img/arrow-grey.gif') no-repeat 100% 50%; padding-right: 14px; }
#offers-row #mac-free-ipod p span { color: #999; margin-left: 10px; background: none; padding: 0; }
#offers-row #free-shipping { width: 300px; padding-left: 29px; display: inline; background: url('../img/offer-separator.png') no-repeat 0 50%; behavior:url(/Catalog/global/iepngfix/iepngfix.htc); }
#offers-row #free-shipping a { background: url('../img/icon-free-shipping.gif') no-repeat 0 45%; padding-left: 31px; }

/* 2 columns side by side with headers, white backgrounds */
#primary .column.first { margin-right: 0; }
#primary .module-2col-header { width: 804px; margin-bottom: 10px; background: transparent url('../img/layout/2col-bg.gif') repeat-y 0 0; }
#primary .module-2col-header h3 { margin: 0 -24px 34px; background: #e9e9e9 url('../img/layout/2col-header-topcap-gradient.gif') top left no-repeat; padding: 1em 20px; border-bottom: 1px solid #c1d8e0; width: auto; font-size: 12px; font-weight: normal; line-height: 1em; color: #000; }
#primary .module-2col-header .column.last h3 { margin-left: -40px; }
#primary .module-2col-header h4 { font-weight: bold; font-size: 1.0em; line-height: 1.25em; margin-bottom: 2px; }
#primary .module-2col-header .bottomcap { width: 804px; height: 4px; background: transparent url('../img/layout/2col-bottomcap.gif') no-repeat 0 100%; }
#primary .module-2col-header .column.first,
#primary .module-2col-header .column.last { width: 349px; padding: 0 24px 16px; overflow: hidden; }
#primary .module-2col-header .column.last { width: 333px; padding-left: 40px; }

/* styling the content */
/* general */
#primary .module-2col-header ul { width: 349px; overflow: auto; }
#primary .module-2col-header ul li { float: left; overflow: hidden; }
#primary .module-2col-header div.first ul li h4 { padding-top: 15px; }
#primary .module-2col-header div.last ul li.first h4 { clear: both; }
#primary .module-2col-header ul li.last { margin-left: 0; padding-left: 0; }

/* hero on top */
#primary .module-2col-header div.first ul li { width: 104px; margin: 0 18px 0 0; padding: 0; }
#primary .module-2col-header div.first ul li.first { width: 349px; margin: 0 0 20px 0; padding: 0; }
#primary .module-2col-header div.first ul li.first img.hero { float: left; margin-right: 15px; }
#primary .module-2col-header div.first ul li.last { margin-right: 0; }
#primary .module-2col-header.row1 div.first ul li.first h4 { padding-top: 35px; padding-right: 20px; }
#primary .module-2col-header.row1 div.last ul li.first h4 { padding-right: 20px; }
#primary .module-2col-header.row2 div.last ul li.first h4 { padding-right: 30px; }
#primary .module-2col-header.row2 div.first ul li.first h4 { padding-top: 0; }

/* hero on side */
#primary .module-2col-header div.last ul li { width: 201px; margin-bottom: 24px; padding: 0; }
#primary .module-2col-header div.last ul li.first { width: 132px; margin: 0 16px 0 0; }
#primary .module-2col-header div.last ul li.second { width: 300px; margin: 5px 0px 5px 0; }
#primary .module-2col-header div.last ul li img { float: left; margin-right: 10px; }
#primary .module-2col-header div.last ul li.first img,
#primary .module-2col-header div.last ul li.first img.color-options { float: none; }
#primary .module-2col-header div.last ul li h4,
#primary .module-2col-header div.last ul li p { margin-left: 100px; }
#primary .module-2col-header div.last ul li img.color-options { float: none; margin-right: 0; margin-top: 2px; }
#primary .module-2col-header div.last ul li.first h4,
#primary .module-2col-header div.last ul li.first p,
#primary .module-2col-header div.last ul li.first img.color-options { margin-left: 0; }

/* 1 column without a header, white background */
#primary .module-1col { color: #666; width: 804px; margin-bottom: 10px; background: transparent url('../img/layout/1col-bg.gif') repeat-y 0 0; }
#primary .module-1col h4 { font-weight: bold; margin-bottom: 3px; }
#primary .module-1col p { margin-bottom: 3px; line-height: 1.3em; }
#primary .module-1col .bottomcap { width: 804px; height: 5px; background: transparent url('../img/layout/1col-bottomcap.gif') no-repeat 0 100%; }
#primary .module-1col ul { margin: 15px 30px 0px; width: 744px; overflow: auto; }
#primary .module-1col ul li sup { line-height: 0; bottom: 0.33em; font-size: 8px; _font-size: smaller; position: relative; vertical-align: baseline; }
#primary .module-1col ul li.first { width: 362px; float: left; }
#primary .module-1col ul li.first img { margin-right: 25px; }
#primary .module-1col ul li.last { width: 306px; float: right; margin-right: 22px; display: inline; }
#primary .module-1col ul li.last img { margin-right: 25px; }

/* footnotes */
#footnotes { list-style: none none inside; color: #999; width: 804px; overflow: auto; }
#footnotes li { float: left; margin-right: 5px; }