/** Predictive search product display CSS */
div.prodDispOneRow { width: 100%; clear: both; padding: 0 0 5px 0; background: url("hatchedGreysTile.gif") 0 100% repeat-x rgb(240,240,240); }
div.prodDispOneRow a { font-weight: bold; color: rgb(0,41,145); }
div.prodDispOneRow a:hover { color: #DAA520; }
div.prodDispOneRow .prodDispHeader { margin: 0 0 0.1em 0; padding: 7px 0 0 0; font-weight: normal; text-align: center; background: url("chromeBarHoriz.gif") 0 0 repeat-x; }
div.prodDispOneRow .prodDispHeader span { color: rgb(0,41,145); }
div.prodDispOneRow table { width: 100%; }
div.prodDispOneRow table td.prodCell { vertical-align:top; background-color: #FFF; border-bottom: solid 1px rgb(0,31,135); border-right: solid 1px rgb(0,31,135); }
ul.prodDispCats { float: left; clear: both; position: relative; top: -3px; margin: 0; padding: 0; }
ul.prodDispCats li { list-style: none; float: left; padding: 2px 7px 0 0; margin: 0 0 1px 0.5em; font-size: 80%; background: url("roundedCornerBR.gif") 100% 100% no-repeat rgb(43,44,117); border-top: solid 1px #000; }
ul.prodDispCats li a { display: block; margin: 0; padding: 0 0 5px 7px; background: url("roundedCornerBL.gif") 0 100% no-repeat; color: #FFF; font-weight: bold; }
ul.prodDispCats li a:hover { color: #DAA520; }
.prodWrap { width: 207px; float: left; margin: 0.1em 0 4em 7px; border: solid 1px #CCC; }
.prodWrapMeta { width: 200px; min-height: 5em; float: left; padding: 3px; overflow: visible; border-bottom: solid 1px rgb(0,31,135); border-right: solid 1px rgb(0,31,135); background-color: #FFF; }
.prodDispOneImg { width: 70px; height: 100px; position: relative; float: left; margin: 0 0.25em 0 0; padding: 0; text-align: center; }
.prodDispOneImg img { border: none; }
.prodDispOnePromo { clear: left; position: absolute; bottom: 5px; left: -7px; margin: 0; padding: 0; color: red; }
.prodDispOneName { margin: 0; padding: 0.25em; font-size: 80%; font-weight: bold; }
.prodDispOneInfo { float: left; clear: none; list-style: none; margin: 0; padding: 0; }
.prodDispOneInfo ul { list-style: none; margin: 0; padding: 0; }
.prodDispOnePriceShip { width:6em; float: left; margin: 0; padding: 0 0.25em 0 0.25em; }
.prodDispOneOffer { float: none; font-size: 65%; font-weight: bold; color: rgb(173,1,1); }
.prodDispOneOffer span { float:left; font-size: 150%; }
.prodDispOneList { margin: 0.2em 0.2em 0.2em 0.4em; font-size: 65%; font-weight: bold; }
.prodDispOneSav { font-size: 105%; font-weight: bold; color: rgb(0,41,145); }
.prodDispOneFreeShip { float: left; padding: 0 0.2em; color: rgb(173,1,1); font-size: 80%; }
.prodDispOneDesc { clear: both; margin: 0 0 0.5em 0; padding: 0; font-size: 75%; color: black; }
.prodDispOneRev { clear: both; margin: 0.3em auto; padding: 0.1em 0; margin: 0; font-size: 70%; text-align: center; border-top: solid 1px #f3e9de; }
.prodDispOneRev span { margin: 0 1.0em; }

/** ----------------- Pageheader CSS Global for All Browsers --------- */

h2.promo, ul#nav2, form {
    padding: 0;
    margin: 0;
}

body {
margin: 0; padding: 0; color: #000000; background-color: #FFFFFF; font-size: 100%; font-weight: normal; font-family: Arial,sans-serif;
}
html>body {
width: auto;
}

div#productbody{
    margin: 2px 10px
}
/** --------- ie filter ---------- */
html>body div#productbody{
    margin: 5.5em 10px
}

/** --------- top container with dotted background tile ---------- */
div#top {
    background: url("../pageheader/topTile.gif") repeat-x;
    width: 100%;
    height: 82px;
    font: normal 100% Arial, sans-serif;
    position: relative;
}
/** ----- filter for non-ie browsers------- */
html>body div#top {
    height: 77px;
}

/** --------temporary browse brands fix ------------- */

#topad {
width: 10%;
float: left;
clear: both;
font-size: 70%;
padding: 4px 1%;
margin: 0;
}

#topad a {
font-weight: bold;
}

#browsebrandstemp {
    text-align: center;
    line-height: 1.0em;
}

#browsebrandstemp a {
    color: #999;
    font-size: 70%;
    white-space: nowrap;
}

#browsebrandstemp a.browseallbrands {
    color: #002991;
    font-weight: bold;
}

/** -------------------- contact info ------------------- */
div#phone{
    position: absolute;
    left: 15%;
    margin-top: 30px;
    background: #FFF;

}
div#phone span.bold{
    font-size: 90%;
    font-weight: bold;
    color: #000000;
}
div#phone p.phone{
    display: inline;
    font-size: 100%;
    font-weight: bold;
    color: #990000;
}
div#phone p.phone span {
    font-size: 75%;
}
div#phone p.hours{
    display: inline;
    font-weight: bold;
    font-size: 70%;
    color: #333;
}
div#phone span.code{
    font-size: 90%;
    font-weight: bold;
    color: #000066;
}
div#phone span.text{
    font-size: 80%;
    color: #000000;
}

/** ----------------- logo -------------------- */
.logo{
    width: 106px;
    height: 82px;
    margin: 5px 0 3px 5px;
    position: absolute;
    left: 6px;
    top: 6px;
    cursor: pointer;
}
.logo img {
    border: none;
}
/** -----------left promo positioning --------------------  */
.promo{
    width: 350px;
    height: 82px;
    z-index: 0;
    float:right;
    cursor: pointer;
    margin-right: 20px;

}
.promo img {
    border: none;
    float:right;
}
/**  -------------- very top cart menu ------------------- */
div#topcartmenu{
    background: #f1dfb1;
    float: left;
    z-index: 2;
    padding: 5px 5px 1px 5px;
    position: absolute;
    left: 15%;
    font-weight: bold;
}
div#topcartmenu span{
    width: auto;
    font: bold 65% Arial, sans-serif;
    color: #000000;
    margin-left: -18px;
    float: left;
    margin-right: 2px;
    margin-left: 3px;
    margin-top: 3px;
}
div#topcartmenu img{
    border: none;
}
div#topcartmenu ul{
    list-style: none;
    padding: 0px;
    margin: 0;
    display: inline;
    float: left;
}
div#topcartmenu li{
    float: left;
    margin: 0 0.15em;
}

/** ----- filter for non-ie browsers------- */
html>body div#topcartmenu li a.viewcart{
    background: #dccfd9;
    height: 14px;
    width: 71px;
    display: block;
    border: .5px solid #000000;
    font: bold .6em Arial, sans-serif;
    color: #2b2c75;
    text-decoration: none;
    text-align: center;
}
html>body div#topcartmenu li a.checkout{
    background: #dccfd9 url("../pageheader/viewcartBg.gif") no-repeat;
    height: 14px;
    width: 71px;
    display: block;
    border: .5px solid #000000;
    font: bold .6em Arial, sans-serif;
    color: #d23e2e;
    text-decoration: none;
    text-align: center;
    text-indent: 10px;
}

div#topcartmenu li a.viewcart{
    background: #dccfd9;
    height: 14px;
    width: 71px;
    display: block;
    border: .5px solid #000000;
    font: bold .6em Arial, sans-serif;
    color: #2b2c75;
    text-decoration: none;
    text-align: center;
}
div#topcartmenu li a.checkout{
    background: #dccfd9 url("../pageheader/viewcartBg.gif") no-repeat;
    height: 14px;
    width: 71px;
    display: block;
    border: .5px solid #000000;
    font: bold .6em Arial, sans-serif;
    color: #d23e2e;
    text-decoration: none;
    text-align: center;
    text-indent: 10px;
}


div#topcartmenu li a:hover{
    text-decoration: underline;
 }
/** -------------- musicians in background --------------------- */
div#toptabmenuwrapper{
    float: right;
    width: 210px;
}
/** --------------blue tabs menu area ------------------- */
div#toptabmenu{
    float:right;
    width: 14em;
    position: absolute;
    right: 16%;
}
/** ----- filter for non-ie browsers------- */
html>body div#toptabmenu{
    float:right;
    width: 13em;
    position: absolute;
    right: 18%;
}

div#toptabmenu ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline;
}
div#toptabmenu li{
    float: left;
    margin: 0 0.15em;
}
div#toptabmenu li a.catalogexpress{
    background: url("../pageheader/tabMenuTop.gif") left top;
    height: 20px;
    width: 106px;
    display: block;
}
div#toptabmenu li a.trackorder{
    background: url("../pageheader/tabMenuTop.gif") 90px top;
    height: 20px;
    width: 90px;
    display: block;
}
div#toptabmenu li a.catalogexpress:hover {
    background-position: bottom left;
}
div#toptabmenu li a.trackorder:hover {
    background-position: bottom right;
}
/** -----live chat menu area ------------------ */
div#livechatmenu{
    float: left;
}
div#livechatmenu ul{
    float:left;
    list-style: none;
    padding-bottom: 3px;
    margin: 0;
    display: inline;
}
div#livechatmenu li{
    list-style: none;
    float: left;
    margin: 0 3px 0 3px;
}
div#livechatmenu li.livechatlink {
    width: 100px
}
/** ----- filter for non-ie browsers------- */
html>body div#livechatmenu li{
    float: left;
    margin: 0 .015em 0 .015em;
}
div#livechatmenu  li a.livechat{
    background: url("../pageheader/LiveChat.gif") no-repeat;
    height: 18px;
    width: 65px;
    display: block;
    cursor: pointer;
}
div#livechatmenu  li a.submenu{
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #2b2c75;
    text-decoration: underline;
}
div#livechatmenu  span.copy{
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #666666;
}
/**  Blue bar CSS. Used in header and footer locations  */

.bluebar {
    background-color: #2b2c75;
    width: 100%;
    float: left;
    height: 44px;
    clear: both;
}

html>body .bluebar {
    height: auto;
}

.bluebar .bluebarshadow {
    background: white url("../pageheader/shadowTile.gif") 0 0 repeat-x;
    height: 11px;
    width: 100%;
    float: left;
}

/**  IE difference  */

html>body .bluebar .bluebarshadow {
    height: 5px;
}

.bluebar .search {
    float: left;
    padding-right: 5px;
    font-size: 85%;
    margin-left: 10px;
    margin-top: 0.5em;
    width: 23em;
}

.bluebar .search .searchlabel {
    color: white;
    float: left;
    padding-right: 5px;
    margin-top: 0.2em;
}

.bluebar .search .searchquery input {
    float: left;
    border: 1px solid black;
}

.bluebar .search .searchbutton {
    float: left;
    margin-top: 1em;
    margin: 0px;
    padding: 0px;
}

.bluebar .search .searchbutton button {
    border: 0px;
    background-color: #2b2c75;
    margin: 0 0 0 0;
    padding: 0px;
    height: 20px;
    width: 26px; /* one wider than the image -- firefox has some extra padding inside the button */
    cursor:pointer;
}

.bluebar .search .searchbutton button img {
    margin: 0px;
    padding: 0px;
}

.bluebar .bluebarad {
    float: right;
    height: 34px;
    margin-right: 15px;
}

/**  pageheader CSS for top categories, below all other header content  */
#topcats {
    background: #f8d626 url("../pageheader/menuTile.gif") repeat-x;
    width: 100%;
    text-align: center;
    clear: both;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}

#topcats ul {
    font-size: 75%;
    list-style: none;
    margin: 0.25em auto 0.25em auto;
}

#topcats ul li {
    display: inline;
}

#topcats a.topcat {
    font-weight: bold;
    color: #006;
    text-decoration: none;
}

#topcats a.blowout {
    color: #900;
}

#topcats span{
    font-weight: bold;
    color: #006;
    text-decoration: none;
    margin: 0 0.5em 0 0.5em;
}

#topcats a:hover {
    text-decoration: underline;
}

/**  CSS for the pagefooter  */
div#footer {
font-size: 100%;
clear: both;
}

div#contact {
    background: url("../pagefooter/footerTopShadTile.gif") repeat-x bottom left;
    width: 100%;
    float: left;
    padding-top: 3px;
    text-align: center;
    padding: 10px 0 10px 0;
}

div#contact p {
    margin: 0
}

div#contact p.questions{
    font-weight: bold;
    color: #000000;
}
div#contact p.phone{
    display: inline;
    font-weight: bold;
    font-size: 140%;
    color: #c10015;
}
div#contact p.phone span {
    font-size: 65%;
}
div#contact span.hours{
    font: bold 80% Arial, sans-serif;
    color: #333;
}
div#contact p.text1{
    font-size: 85%;
    color: #000000;
}
div#contact span.code{
    color: #261b62;
}
div#contact p.espanol{
    font-weight: bold;
    font-size: 85%;
    color: #000;
}
div#contact p.espanol a, div#contact p.espanol a:link {
    font-size: 95%;
    color: rgb(43, 44, 117);
    text-decoration: underline;
}
div#contact p.espanol a:hover {
    color: #DAA520;
}
div.footer_cart{
    background: #f1dfb1;
    float: left;
    z-index: 2;
    padding: 5px 3px 5px 3px;
    font-weight: bold;
    font-size: 60%;
    color: #000;
    text-align: left;
}

div.footer_cart img {
    border: 0;
    margin: 0 2px -3px 2px;
}

div.footer_cart a:hover {
    text-decoration: underline;
}

div.footer_textmenu {
    float: right;
    margin-right: 2%;
    padding: 5px 0 5px 0;
}

div.footer_textmenu ul {
    font-size: 70%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline;
}

div.footer_textmenu li {
    float: left;
    margin: 0 0.03em;
}

div.footer_textmenu li {
    color: #666666;
    float: left;
    margin: 0 0.03em;
}

div.footer_textmenu li a {
    color: #666666;
    text-decoration: underline;
}

div.privacy {
    font: normal 70% Arial,sans-serif;
    text-decoration: none;
    text-align: center;
    color: #a3a2a3;
    clear: both;
    padding: 25px 10px;
}

div.privacy a {
    color: #666aab;
}

div.privacy a:visited {
    color: #3d417e;
}

/**  CSS for the pagefooter tabs  */
div.footertabs {
    position: absolute;
    left: 43%;
}

div.footertabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline;
}

div.footertabs ul#submenulist{
    margin: 0 0 0 5px;
}

div.footertabs ul#submenutablist{
    margin: 0 0 0 5px;
}

div.footertabs li{
    float: left;
    margin: 0 0.03em;
}

div.footertabs li a.catalogexpress{
    background: url("../pagefooter/FootertabMenu.gif") left top;
    height: 19px;
    width: 108px;
    display: block;
}

div.footertabs li a.trackorder{
    background: url("../pagefooter/FootertabMenu.gif") 208px top;
    height: 19px;
    width: 90px;
    display: block;
}

div.footertabs li a.catalogexpress:hover {
    background-position: left 18px;
    height: 18px;
}

div.footertabs li a.trackorder:hover {
    background-position: 208px 18px;
    height: 18px;
}

div.footertabs li a.affiliate:hover {
    background-position: 117px 18px;
    height: 18px;
    margin-right: 4px;
}

/**  pagefooter CSS related to forms  */
table#formsWrapper {
    width: 100%;
    clear: both;
    background:url("../pagefooter/testback.gif") repeat top left;
    margin: 10px 0 0 0;
    padding: 0;
    border-collapse: collapse;
}
table#formsWrapper tr {
    margin: 0;
    padding: 0;
}

table#formsWrapper td.commentWrapper {
    background: url("../pagefooter/footerFormBkgdTileDarkGray.gif") 8px 100% repeat-y;
}

table#formsWrapper td.catSignupWrapper {
    background: url("../pagefooter/footerFormBkgdTileLightGray.gif") top right repeat-y;
}

table#formsWrapper td.twoColLayout {
    width: 50%;
    vertical-align: top;
    margin: 0;
    padding: 0;
}

div#catalogSignup {
    width: 427px;
    float: right;
    display: inline;
    margin-right: 8px;
    padding: 10px 0;
    background:url("../pagefooter/gray.gif") repeat;
}

div#catalogSignup form, div#commentFooter form {
    margin: 0;
    padding: 0;
}

div#emailInvite {
    font-size: 65%;
    background-color: #DEB500;
    float: left;
    width: 222px;
    margin: 2px 0 0 23px;
    padding: 2px 3px 3px 25px;
    display: inline;
}

div#emailInvite img#bonusstar {
    position: relative;
    float: left;
    margin: 0 0 0 -50px;
    padding: 0
}

div#emailInvite p {
    margin: 5px;
    position: relative;
    padding-left:10px
}

div#catalogSignup h2 {
    line-height:40px;
    margin:0;
    background:url("../pagefooter/freecats.gif") no-repeat top center;
    padding: 0 0 3px 0;
    text-indent: -9999px
}

table#signup{
    font-size: 70%;
    text-align: right;
    width: 90%;
    margin: 2px auto 1px auto;
    color: #000;
    border: dotted 2px #CCC;
}

table#signup td.randQuest {
    padding: 2px 20px;
    text-align: left;
}

table#signup td.randQuest p, table#signup td.randQuest label {
    display: block;
    margin: 0;
    padding: 0;
}
table#signup input {
    width: 100px;
    margin: 1px 0 1px 5px;
}

div#catalogSignup button#submitCatalog {
    width: 131px;
    height: 62px;
    margin: 25px 5px 0 0;
    border: 0;
    float: right;
    overflow: hidden;
    background:transparent url("../pagefooter/signmeup.gif") no-repeat center top; /* for IE 5.x */
    text-indent: -5000px;
    cursor: pointer;
}

select#bonusselect {
    float: right;
    margin: 5px 5px 0 0;
}

div#commentFooter {
    width: 418px;
    float: left;
    clear: none;
    display: inline;
    margin-left: 8px;
    background: url("../pagefooter/footerFormBkgdNoTileGray.gif") 0 0 no-repeat;
}


div#commentFooter p.instructions {
    font-size: 80%;
    font-family: Arial,sans-serif;
    line-height: 11px;
    text-align: center;
    margin: 2px auto 2px auto;
    line-height: 1em;
    width: 90%;
}

div#commentFooter p.optional {
    text-align: left;
    margin: 3px 5% 0 5%;
    width: 80%;
    clear: both;
    border: 0;
    font-size: 80%;
}

div#commentFooter h2 {
    line-height:65px;
    margin: 0.5em 0 0 0;
    color: #C9DEF2;
    background:url("../pagefooter/tellus2.gif") no-repeat top center;
    padding: 0;
    text-indent: -9999px;
}

ul#commentList li {
    margin: 0.5em 0;
    list-style: none;
}

ul#commentList label {
    font-size: 80%;
    margin-right: 0.5em;
    white-space: nowrap;
}

ul#commentList li.randQuest {
    margin: 0.2em;
    line-height: 0.8em;
}

ul#commentList li.randQuest label {
    white-space: normal;
}

ul#commentList li.randQuest input, ul#commentList li.randQuest select, ul#commentList li.randQuest textarea {
    display: block;
}

ul#commentList li.commentInvite {
    margin: 0;
    font-size: 80%;
}

div#commentFooter textarea {
    margin: 0;
    padding: 0;
    display: block;
    width: 90%;
    height: 6em;
}

div#commentFooter button#submitComment {
    margin: 10px auto 10px auto;
    width: 154px;
    height: 32px;
    border: 0;
    display: block;
    background:transparent url("../pagefooter/send.gif") no-repeat center top;
    cursor: pointer; /* hand-shaped cursor */
    text-indent: -5000px; /* for IE 5.x */
}


/**  Product Info, Detailed Display  */
ul.productInfo { clear: none; list-style: none; margin: 0; padding: 0; font-size: 95%; }
ul.productInfo ul { list-style: none; margin: 0; padding: 0; }
ul.productInfo ul li { margin: 0; padding: 0 }
ul.productInfo a:hover { color: #DAA520; }
ul.productInfo > .priceDetails { overflow: hidden }
ul.productInfo li.priceDetails { font-size: 80%; /**  The next rule is workaround to keep IE6 from not containing this elements children due to hasLayout on this container meets float bugs with the children  */ height: 1%; }
ul.productInfo > li.priceDetails { height: auto; }
ul.productInfo ul li.newPrice { float: left; padding: 0 5px 0 0; background: url("vertGrayBar.gif") 100% 0 repeat-y #FFF; font-weight: bold }
.siteOffer { display: block; font-weight: bold; color: #AD0101; }
.newPrice .siteOffer { font-size: 150% }
.priceGroupLabel { font-weight: bold; }
.siteOffer { font-weight: bold; color: #AD0101 }
.productInfo ul li.listPrice { float: left; margin: 0 5px; padding: 0 5px 1.2em 0; font-size: 90%; font-weight: bold; background: url("vertGrayBar.gif") 100% 0 repeat-y #FFF }
.percentOff { font-weight: bold; color: #002991; }
.priceGroupNonNew, .priceGroupEdu { float:left; font-size: 90%; line-height: 0.9em; padding: 0 0 0.5em 0 }
li.installFinance { /**  The next rule is workaround to keep IE6 from not containing this elements children due to hasLayout on this container meets float bugs with the children  */ height: 1%; font-size: 75%; font-weight: bold; }
ul.productInfo > li.installFinance { height: auto; }
td.prodCell li.installFinance { float: left } /**  override for predictive search display  */
ul.priceQuotes li.installFinance { width: 10em; float: left; margin: 0 0 0 0.2em; font-size: 80% } /**  override for product page add to cart  */
div.accessoriesRow ul { display: inline; margin: 0 0 0 0.5em; padding: 0 } /**  override for product page accessories display  */
div.accessoriesRow ul li.installFinance { display: inline; list-style: none; color: #000; font-size: 100% } /**  override for product page accessories display  */
.installFinance img { vertical-align: middle; margin: 0 5px 0 0 }
ul.priceQuotes li.installFinance img { float: left }
.installPmt { color: #AD0101 }
ul.productInfo > .shipAvailRating { overflow: hidden }
ul.productInfo li.shipAvailRating { font-size: 80%; /**  The next rule is workaround to keep IE6 from not containing this elements children due to hasLayout on this container meets float bugs with the children  */ height: 1%; }
ul.productInfo > li.shipAvailRating { height: auto; }

li.freeShip { float: left }
td.prodCell li.shipAvailRating { float: left; }
ul.productInfo li.productAvail { float: left; width: 4em; margin: 0 6px; padding: 6px; font-size: 75%; font-weight: bold; border: solid 1px #cccccc; border-top: none; border-bottom: none }
ul.productInfo li.rating { float: left; font-size: 75%; padding: 6px 0 0 0 }
ul.productInfo li.rating span { white-space: nowrap }
.installFinanceCallOut { float: left; width: 55%; /**  fix for IE double margin float bug  */ display: inline; background-color: #FF9; border: solid 1px #CCC; border-right: solid 1px #999; border-bottom: solid 1px #000 }
.installFinanceCallOut img { float: left; padding: 0 2px; }

/**  installFinancing for shop cart  */
.installFinanceInfoBox { width: 100%; float: left; margin: 0; padding: 0; background-color: #FF9; border: solid 1px #999; border-right: solid 1px #666; border-bottom: solid 1px #333 }
.installFinanceInfoBox li.installFinanceLogo { width: 80px; float: left; margin: 2px 5px }
li.installFinanceLogo img { border: none }
.installFinanceInfoBox li.installFinanceText { margin: 7px; font-size: 80%; font-weight: bold }
.installFinanceInfoBox ul { width: 100%; margin: 0; padding: 0 }
.installFinanceInfoBox li { list-style: none; margin: 0; padding: 0 }
.installFinanceInfoBox li.invitation { font-size: 90%; font-weight: normal }
.installFinanceInfoBox li.invitation span { font-size: 130%; color: #C00; font-weight: bold }

{{* discard these rules for ME-46, they should no longer be needed
.productInfo > .installFinance { xoverflow: hidden }
.floatShunt { float: right; width: 60%; height: 1px; overflow: hidden; border: solid 1px blue }
.freeShipping { float: left; padding: 0 0 0 0; }
.priceShipDetails { float: left; margin: 0; padding: 0 0.25em 0 0.25em; }
*}}

/** free magazine offer **/
#mag-info-box {float:left;}
#mag-info-box .bd {float: left;padding-top:20px;}
#mag-info-box .bd p {font-size:12px;margin-top:0;margin-bottom:8px;}
.mag-info-hd, #add-magazine-offer {font-size: 13px; }
.mag-info-hd {margin: .5em 0}
#mag-info-click {text-decoration:underline;cursor:pointer;}
.mag-info-l {float:left;width:85px;padding-right:1em;}
.mag-info-l.cart {font-size:12px;float:left; width:85%; padding-top: .5em;}
.mag-info-l.cart p {margin-top:0; margin-bottom:8px;}
.mag-info-r {float:right;width:365px;}
.mag-info-r.cart {width:465px;}
#remove-offer{color: #7f7f7f; font-size:11px;cursor:pointer;background-color:#fff;border:0 none;padding-right: 2em;}
#add-magazine-offer input {margin-left: .5em;}