/* -------------------- GLOBAL DEFAULTS -------------------- */ body {margin:0; padding:0; background:#FFF; width:800px} /* default link style */ a {color:#C60; text-decoration:none} a:visited {color:#984F05; text-decoration:none} a:active, a:hover {color:#C60; text-decoration:underline} /* EMphasized link style */ .linkEM a {color:#C60; text-decoration:none} .linkEM a:visited {color:#999; text-decoration:underline} .linkEM a:active, .linkEM a:hover {color:#C60; text-decoration:underline} p {margin:.5em 0} img {border:0} .popup {padding-right:12px; background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/popup-icon.gif') right no-repeat} h1, h2, h3, h4, h5, form, ul, ol, hr {margin:0; padding:0} ul {clear:both} select {font-size:11px} .txtLtGr {color:#999} .txtSM {font-size:.9em} /* -------------------- GLOBAL HEADER -------------------- */ #headerPane {width:800px; font:12px arial,helvetica,sans-serif; border-bottom:1px solid #CCC} #masthead {height:64px; background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/bg.jpg') no-repeat} #masthead label img {position:absolute; left:14px; top:15px} #masthead table {float:right; border-right:15px solid #FFF; white-space:nowrap} .gSnav {position:relative; margin:0 5px} .gSnav a, .gSnav a:visited, .gSnav a:active, .gSnav a:hover {color:#333; vertical-align:middle; font-size:10px; font-style:normal; font-weight:bold; text-decoration:none; padding-left:6px} .gSnav #gSnav1, .gSnav #gSnav2, .gSnav #gSnav3, .gSnav #gSnav4 {position:absolute; width:165px; top:12px; top:expression("15px"); left:-10px; z-index:1; visibility:hidden} /* gSnav Corners */ .sntop, .snbottom {display:block; background:transparent} .sn1, .sn2, .sn3, .sn4 {display:block; overflow:hidden} .sn1, .sn2, .sn3 {height:1px} .sn2, .sn3, .sn4 {background:#FFF; border-left:1px solid #FFF; border-right:1px solid #FFF} .sn1 {margin:0 5px; background:#FFF} .sn2 {margin:0 3px; border-width:0 2px} .sn3 {margin:0 2px} .sn4 {height:2px; margin:0 1px} #gSnav5 {position:absolute; width:240px; top:43px; left:200px; z-index:1; visibility:hidden} .gSnavPane ul {background:#FFF; font:10px verdana,helvetica,sans-serif; padding-left:10px} .gSnavPane li {border:1px solid #FFF; height:12px; line-height:expression("12px"); line-height:10px} .gSnavPane a, .gSnavPane a:visited {padding:2px 0; color:#333; font-weight:normal; text-decoration:none} .gSnavPane a:active, .gSnavPane a:hover {padding:2px 0; color:#C60; font-weight:normal; text-decoration:underline} #localization {position:absolute; left:166px; top:26px; color:#C60; font-size:10px; font-weight:bold} #localization a {text-decoration:none} #localization img {vertical-align:middle} #localizationPane {border:1px solid #999; border-bottom:0} #localizationPane ul {display:block; background:#FFF; font:10px verdana,helvetica,sans-serif; line-height:14px; color:#333; padding:6px} #localizationPane li {list-style-position:outside; line-height:12px; list-style-type:none} #localizationPane a, #localizationPane a:visited {color:#C60; text-decoration:none} #localizationPane a:active, #localizationPane a:hover {color:#C60; text-decoration:underline} .gSnav5Btm {display:block; background:transparent} .gs1, .gs2, .gs3, .gs4 {display:block; overflow: hidden} .gs1, .gs2, .gs3 {height:1px} .gs2, .gs3, .gs4 {background:#FFF; border-left:1px solid #999; border-right:1px solid #999} .gs1 {margin:0 5px; background:#999} .gs2 {margin:0 3px; border-width:0 2px} .gs3 {margin:0 2px} .gs4 {height:2px; margin:0 1px} #mainNav {width:800px; height:32px; border-top:1px solid #FFF; font-size:11px; font-weight:bold} #mainNav img {vertical-align:-1.2em} #mainNav a, #mainNav a:visited {padding:8px 14px; color:#FFF; text-decoration:none} #mainNav a:active, #mainNav a:hover {padding:8px 14px; color:#FFF; text-decoration:none} #subNav {position:relative; border-bottom:1px solid #FFF; height:30px} #subNav table {position:absolute; left:14px; top:5px; width:765px; height:24px} #subNav table td {white-space:nowrap; vertical-align:middle} #subNav td a {font:bold 10px arial,helvetica,sans-serif} #subNav td a, #subNav td a:visited {color:#FFF; text-decoration:none} #subNav td a:active, #subNav td a:hover {color:#CCC; text-decoration:none} #search label {color:#FFF; font:bold 10px arial,helvetica,sans-serif; font-weight:bold; vertical-align:middle} #search select, #search input {color:#333; font:10px verdana,helvetica,sans-serif; vertical-align:middle} #search .inputBdr {border:1px solid #666} /* -------------------- CONTENT GRID LAYOUTS -------------------- */ /* one column - spans entire page-width (use #contentPane1 with this layout) */ .oneCol {float:left; width:765px} /* two inner columns */ .oneCol2Lft {float:left; width:375px} .oneCol2Rgt {float:right; width:375px} /* three inner columns */ .oneCol3Lft {float:left; width:245px} .oneCol3Cntr {float:left; width:245px; margin-left:15px} .oneCol3Rgt {float:right; width:245px} /* four inner columns */ .oneCol4Lft {float:left; width:180px} .oneCol4CntrLft {float:left; width:180px; margin-left:15px} .oneCol4CntrRgt {float:left; width:180px; margin-left:15px} .oneCol4Rgt {float:right; width:180px} /* two columns - content on left, modules on right (use #contentPane1 with this layout) */ .twoColLftLft {float:left; width:570px} .twoColLftRgt {float:right; width:180px} /* two inner columns */ .twoColLft2Lft {float:left; width:277px} .twoColLft2Rgt {float:right; width:277px} /* two inner columns (left module) */ .twoColLft2LftMod {float:left; width:180px} .twoColLft2RgtMod {float:right; width:375px} /* three inner columns */ .twoColLft3Lft {float:left; width:180px} .twoColLft3Cntr {float:left; width:180px; margin-left:15px} .twoColLft3Rgt {float:right; width:180px} /* two columns - nav on left, content on right (use #contentPane2 with this layout) */ .twoColRgtLft {float:left; width:190px} .twoColRgtRgt {float:right; width:570px} /* two inner columns */ .twoColRgt2Lft {float:left; width:277px} .twoColRgt2Rgt {float:right; width:277px} /* two inner columns (right module) */ .twoColRgt2LftMod {float:left; width:375px} .twoColRgt2RgtMod {float:right; width:180px} /* three inner columns */ .twoColRgt3Lft {float:left; width:180px} .twoColRgt3Cntr {float:left; width:180px; margin-left:15px} .twoColRgt3Rgt {float:right; width:180px} /* use #contentPane1 for layouts with a WHITE page gutter */ /* use #contentPane2 for layouts with a GREY left nav gutter */ #contentPane1 {width:765px; color:#333; font:70%/1.3em verdana,arial,sans-serif; margin-left:15px} #contentPane2 {width:780px; color:#333; font:70%/1.3em verdana,arial,sans-serif} #contentPane1 ul, #contentPane2 ul, #contentPane1 ol, #contentPane2 ol {margin-top:.2em} /* -------------------- BODY STYLES -------------------- */ /* h1 is for section headers */ h1 {width:100%; font:bold 2.2em/1em arial,helvetica,sans-serif} h1.segHome {font-size:2em; line-height:1em} /* h2 is for section headers (sub-header) */ h2 {width:100%; font:bold 1.4em/1em arial,helvetica,sans-serif; color:#666} /* h3 is for section sub-headers */ h3 {width:100%; padding-bottom:.2em; font:bold 1.3em/1em arial,helvetica,sans-serif; color:#333} h4 {} h5 {} .date {color:#999; font-size:.9em} /* call out boxes */ .callOut1 {margin:1em 0; padding:1em; line-height:1.5em; background:#FFEC9D url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/dashedHoriz.gif') top repeat-x} /* breadcrumbs */ .crumbs {margin:.7em 0 1.5em; color:#CCC; font:.9em/1.1em verdana,arial,sans-serif} .crumbs span {font-size:.8em} .crumbs b {color:#999} /* dotted horiz rule */ .hr {display:block; clear:both; height:1px; background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/dashedHoriz.gif') repeat} .hr2 {display:block; clear:both; height:1px; margin:.3em 0; background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/dashedHoriz.gif') repeat} /* this is for double HR instances */ .hr hr, .hr2 hr {display:none} /* IE hack to cancel border on img based HR */ /* chevron (before & after elements */ .chevronR {padding:0 .8em .2em 0; background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symnzhho/cm/images/chevronOR.png') right no-repeat} .chevronL {padding:0 0 .2em .8em; background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symnzhho/cm/images/chevronOR.png') left no-repeat} .chevronL2 {padding:0 0 .2em .8em; background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/chevronOR2.gif') left no-repeat} .lbuWdgtBody .chevronN {background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symnzhho/cm/images/chevronOR.png') no-repeat 0 .4em} /* LBU alignment */ .chevronN {background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symnzhho/cm/images/chevronOR.png') no-repeat 0 .6em} .chevronNDown {background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/chevronOR3.gif') no-repeat 0 .6em} /* forms */ .downloads {} .downloads select {margin:.2em .5em; width:300px} /* body list items */ .listCHbl li, .listCHor li, .listBullet li, .listSQor li, .listSQbl li {list-style-position:outside; list-style-type:none; padding-left:.8em} .listBullet li {background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/bulletGo.gif') no-repeat 0 .3em} .listCHor li {background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symnzhho/cm/images/chevronOR.png') no-repeat 0 .5em} .listCHbl li {background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/chevronBL.gif') no-repeat 0 .5em} .listSQor li {background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/squareOR.gif') no-repeat 0 .5em} .listSQbl li {background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/squareBL.gif') no-repeat 0 .5em} .listOLor li {list-style-position:inside; color:#C60} .listOLbl li {list-style-position:inside; color:#333} ol.listIndent, ul.listIndent {list-style-position:inside} .listNone {list-style:none} .listArticle {margin-left:2em; font-weight:bold} .listArticle div {font-weight:normal} .listArticle li {margin-bottom:1em} .listArticle ul {font-weight:normal} /* podcast shared styles (between "global" and "about") */ .podcastVertAlign img {vertical-align:middle} .podcastUL {padding-top:.5em} /* -------------------- COPYBLOCK TYPES -------------------- */ /* ---- Type 1: default style ---- */ .cbType1 {width:100%} /* linked header */ .cbType1 h3 a, .cbType1 h3 a:visited {color:#333; padding-right:.65em; background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/h2_arrow.gif') right no-repeat; text-decoration:none} .cbType1 h3 a:hover {color:#333; cursor:pointer; text-decoration:underline} /* unlinked header */ .cbType1 h3 a.anchorH3, .cbType1 h3 a:hover.anchorH3, .cbType1 h3 .popup {color:#333; background:none; cursor:auto; text-decoration:none} /* ---- Type 2: with dotted HR above header ---- */ .cbType2 {width:100%} .cbType2 h3 {font-size:1.3em; color:#666; padding:.3em 0; background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/dashedHoriz.gif') top repeat-x} .cbType2 .oneCol4CntrLft {text-align:center} .cbType2 .oneCol4CntrLft {background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/dashedVert.gif') left repeat-y} /* linked header */ .cbType2 h3 a, .cbType2 h3 a:visited {color:#666; padding:.3em .65em .3em 0; background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/h2_arrow.gif') right no-repeat} .cbType2 h3 a:hover {color:#666; cursor:pointer; text-decoration:underline} /* unlinked header */ .cbType2 h3 a.anchorH3, .cbType2 h3 a:hover.anchorH3, .cbType2 h3 .popup {color:#666; background:none; cursor:auto; text-decoration:none} /* H2 work-around resolves conflict with XSL and empty containers */ .cbType2 h2 {font-size:1.3em; color:#666; padding:.3em 0; background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/dashedHoriz.gif') top repeat-x} /* linked header */ .cbType2 h2 a, .cbType2 h2 a:visited {color:#666; padding:.3em .65em .3em 0; background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/h2_arrow.gif') right no-repeat} .cbType2 h2 a:hover {color:#666; cursor:pointer; text-decoration:underline} /* unlinked header */ .cbType2 h2 a.anchorH3, .cbType2 h2 a:hover.anchorH3, .cbType2 h2 .popup {color:#666; background:none; cursor:auto; text-decoration:none} /* ---- Type 3: with grey HR below header ---- */ .cbType3 {width:100%} /* linked header */ .cbType3 h3 a, .cbType3 h3 a:visited {color:#333; cursor:pointer; padding-right:.65em; background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/h2_arrow.gif') right no-repeat} .cbType3 h3 a:hover {color:#999; cursor:pointer; text-decoration:none} .cbType3 h3 div {margin:.2em 0 .8em; border-bottom:1px solid #CCC} /* unlinked header */ .cbType3 h3 a.anchorH3, .cbType3 h3 a:hover.anchorH3, .cbType3 h3 .popup {color:#333; background:none; cursor:auto; text-decoration:none} /* ---- Type 4: with custom section colored bottom HR ---- */ .cbType4 {width:100%; clear:both; display:block} .cbType4 h3 {color:#666; font-size:1.5em} .cbType4 .cbType4Lft {float:left; width:60px} .cbType4 .cbType4Rgt {float:right; width:305px} /* linked header */ .cbType4 h3 a, .cbType4 h3 a:visited {color:#666; cursor:pointer; padding-right:.65em; background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/h2_arrow.gif') right no-repeat} .cbType4 h3 a:hover {color:#999; cursor:pointer; text-decoration:none} .cbType4 h3 div {padding-top:.2em; border-bottom:1px solid #999} /* unlinked header */ .cbType4 h3 a.anchorH3, .cbType4 h3 a:hover.anchorH3, .cbType4 h3 .popup {color:#666; background:none; cursor:auto; text-decoration:none} .cbType4 h3 div {padding-top:.2em; border-bottom:1px solid #999} /* ---- Type 5 ---- */ .cbType5 h3 {font:bold 1em verdana,arial,sans-serif} /* linked header */ .cbType5 h3 a, .cbType5 h3 a:visited {color:#333; cursor:pointer; padding-right:.8em; background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/h2_arrow.gif') right no-repeat} .cbType5 h3 a:hover {color:#333; cursor:pointer; text-decoration:underline} /* unlinked header */ .cbType5 h3 a.anchorH3 {color:#333; background:none; cursor:auto; text-decoration:none} /* Type 6: product catagory */ .cbType6 {width:100%; background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/dashedHoriz.gif') top repeat-x} .cbType6 .cbType6Lft {margin:1.2em 0 1em; float:left; width:90px} .cbType6 .cbType6Rgt {margin:1.2em 0 1em; float:left; width:480px} .cbType6 .cbType6Rgt img {vertical-align:-20%} /* Type 7: article lib */ .cbType7 {width:100%; background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/dashedHoriz.gif') bottom repeat-x} .cbType7 .cbType7Lft {float:left; width:304px} .cbType7 .cbType7Rgt {float:left; height:155px; width:460px} .cbType7 h4 {float:left; color:#FFF; font:1.5em verdana,arial,sans-serif; padding:.3em .6em; background:#F7D76E; border:1px solid #FFF} .cbType7 label {padding:1em 1em .5em; clear:both; display:block} .cbType7 p {margin:0 1em; line-height:1.6em} /* Type 8: grey box */ .cbType8 {margin-top:1.8em; padding:1em; line-height:1.5em; background:#EBEBEB url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/dashedHoriz.gif') top repeat-x} .cbType8 h3 {padding-bottom:.5em} .cbType8 ul {padding-left:.2em} .cbType8 a, .cbType8 a:visited {color:#333; text-decoration:underline} .cbType8 a:active, .cbType8 a:hover {color:#C60; text-decoration:underline} /* -------------------- COPYBLOCK STYLES -------------------- */ /* copyblock MARGINs */ .cbMrgnSM {float:left; width:100%; clear:both; display:block; margin:.3em 0} .cbMrgnMD {float:left; width:100%; clear:both; display:block; margin:.9em 0} .cbMrgnLG {float:left; width:100%; clear:both; display:block; margin:1.5em 0} .cbMrgnTopSM {float:left; width:100%; clear:both; display:block; margin-top:.3em} .cbMrgnTopMD {float:left; width:100%; clear:both; display:block; margin-top:.9em} .cbMrgnTopLG {float:left; width:100%; clear:both; display:block; margin-top:1.5em} .cbMrgnBtmSM {float:left; width:100%; clear:both; display:block; margin-bottom:.3em} .cbMrgnBtmMD {float:left; width:100%; clear:both; display:block; margin-bottom:.9em} .cbMrgnBtmLG {float:left; width:100%; clear:both; display:block; margin-bottom:1.5em} /* image BORDERs */ .imgBdrGR1 {border:1px solid #CCC} .imgBdrGR2 {border:2px solid #333} .imgBdrBL1 {border:1px solid #CCC} .imgBdrBL2 {border:2px solid #333} /* image FLOATs */ .imgFltLft {float:left} .imgFltRgt {float:right} .imgFltTop {float:top} /* image MARGINs */ .imgMrgnTopSM {margin-top:.3em} .imgMrgnTopMD {margin-top:.9em} .imgMrgnTopLG {margin-top:1.5em} .imgMrgnRgtSM {margin-right:.3em} .imgMrgnRgtMD {margin-right:.9em} .imgMrgnRgtLG {margin-right:1.5em} .imgMrgnBtmSM {margin-bottom:.3em} .imgMrgnBtmMD {margin-bottom:.9em} .imgMrgnBtmLG {margin-bottom:1.5em} .imgMrgnLftSM {margin-left:.3em} .imgMrgnLftMD {margin-left:.9em} .imgMrgnLftLG {margin-left:1.5em} /* -------------------- MODULES/WIDGETS -------------------- */ /* Utilities Widget (rate + print) */ .utilWdgt {margin-bottom:1.8em} .utilities {padding-bottom:2px} .utilities a, .utilities a:hover, .utilities a:visited {color:#999; font-size:.75em; font-weight:bold; text-decoration:none} .utilFloat {float:right} .utilities img {vertical-align:-.2em; margin-right:.8em} /* Text Widget */ .txtWdgt {margin-bottom:1.8em} .txtWdgtHdr {position:relative; height:16px; line-height:16px} .txtWdgtHdr label {position:absolute; left:0; top:.2em; padding-left:10px; color:#FFF; font:90% arial,helvetica,sans-serif; font-weight:bold; white-space:nowrap} b.twTop {display:block; background:#FFF} b.twTop b {display:block; height:1px; overflow:hidden} b.tw1 {margin-right:5px} b.tw2 {margin-right:3px} b.tw3 {margin-right:2px} b.twTop b.tw4 {margin-right:1px; height:2px} .txtWdgtBody {padding:10px; color:#333; line-height:1.3em; font-size:.9em; border:1px solid #EBEBEB; border-top:0} .txtWdgtFade {border-top:4px solid #EBEBEB} .txtWdgtBody p {margin:0; padding:10px 10px 0 10px} /* Left Nav Widget */ #lftNavPane {background:#EBEBEB} b.lnTop, b.lnBottom {display:block; background:#FFF} b.lnTop b, b.lnBottom b {display:block; height:1px; overflow:hidden; background:#EBEBEB} b.ln1 {margin-right:5px} b.ln2 {margin-right:3px} b.ln3 {margin-right:2px} b.lnTop b.ln4, b.lnBottom b.ln4 {margin-right:1px; height:2px} #lftNav {margin:35px 0; min-height:400px; font-size:.9em} *html #lftNav {height:400px} /* hack to force IE to respect min-height */ /* sub nav header */ .lftNavSubHdr {border-bottom:1px solid #EBEBEB} .lftNavSubHdr label {display:block; margin-left:1.2em; color:#333; font-size:1em; line-height:1.3em; font-weight:bold} b.lSnTop {display:block; background:#EBEBEB} b.lSnTop b {display:block; height:1px; overflow:hidden} b.lSn1{margin-right:5px} b.lSn2{margin-right:3px} b.lSn3{margin-right:2px} b.lSnTop b.lSn4 {margin-right:1px; height:2px} #lftNav div {padding:2px 12px; text-indent:.1em} #lftNav .hr, #lftNav .lftNavSubHdr {margin:0 10px; padding:0} #lftNav a, #lftNav a:visited {display:block; color:#333; padding-left:8px; text-decoration:none} #lftNav a:active, #lftNav a:hover {color:#C60; text-decoration:none} .lftNavMainNav {font-weight:bold} .lftNavSubNav {margin-bottom:.5em; font-weight:normal; line-height:1.4em} .lftNavSubNav em {margin-left:10px; font-weight:bold} .lftNavSubNav a {margin-left:10px} .lftNavOn {background:#FFF} .lftNavOn a {background:none; font-weight:bold; background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symnzhho/cm/images/chevronOR.png') no-repeat 0 .6em} /* ThreatCon Widget */ .thrtCon {margin-bottom:1.8em} .threatcon {font-size:.9em; border:1px solid #CCC; background:url('/img/threatcon/threatcon_bottom.gif') bottom repeat-x} .threatcon .level {margin-top:.8em} .threatcon .graybox {background:#F1EEE7 url('/img/threatcon/threatcon_top.gif') top repeat-x; text-align:center; padding-top:.5em} .threatcon .learn {padding:.5em 0} .threatcon .section {background:url('/img/util/bg_dashed_line.en-us.gif') top repeat-x; padding:.5em 0} .threatcon ul {margin:.8em 0 1em} .threatcon li {background:url('/img/threatcon/arrow_threatcon.gif') no-repeat 0 .6em; list-style-type:none; padding-left:1.2em; margin-left:2em} .threatcon li a {color:#333; text-decoration:none} .threatcon li a:hover {color:#333; text-decoration:underline} .threatcon .list-head {margin-left:2em; font-weight:bold} /* Customer Support Widget */ .custSupWdgt {margin-bottom:1.5em} .custSupWdgtHdr {font:bold 1.3em/1.1em arial,helvetica,sans-serif; margin-top:.25em; padding:.1em .4em; border-bottom:1px solid #FFF} .custSupWdgtBody {padding:.5em} /* Promo Widget */ .promoWdgt {margin-bottom:1.8em} /* Buy Now Widget */ .buyNowWdgt {float:left; width:expression("70%"); margin:1.5em 0; display:block} .buyNowWdgtBody {float:left; background:#EBEBEB; border:1px solid #CCC} .buyNowWdgtBody form {padding:1em; white-space:nowrap} .buyNowWdgtBody label {display:block; padding-bottom:.2em; font:bold 1.1em/1em arial,helvetica,sans-serif} .buyNowWdgtBody input, .buyNowWdgtBody img {margin-left:.4em; vertical-align:-10%} .buyNowWdgtBody .hr {width:100%; margin-top:3px} /* Learn/Buy/Use Widget */ #lbuWdgt {width:85%; margin-bottom:2.5em} .lbuWdgtHdr {padding:0 0 .2em .6em; font:bold 1.1em arial,helvetica,sans-serif; color:#666; background:#EBEBEB} #lbuWdgt .hr {margin:1px 0} .lbuWdgtSubHdr {padding:.2em .2em .2em .8em; line-height:1.5em; font-size:.8em} .lbuWdgtBody {font-size:.9em; line-height:1.2em} .lbuWdgtPd {padding:.6em .2em .8em .8em} .lbuWdgtBody a {padding-left:.8em} .lbuWdgtOn {font-size:1.1em; font-weight:bold; padding-left:.8em; background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/chevronBL2.gif') no-repeat 0 4px} .lbuWdgtFtr {padding:0} /* Learn/Buy/Use rounded corner with rounded border */ .rtop,.artop{display:block} .rtop *,.artop *{display:block; height:1px; overflow:hidden; font-size:1px} .artop *{border-style:solid; border-width:0 1px 0 0} .r1,.rl1,.re1,.rel1{margin-left:0} .r1,.rr1,.re1,.rer1{margin-right:5px} .r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:0} .r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px} .r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:0} .r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px} .r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:0} .r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px} .rx1,.rxl1{border-left-width:0} .rx1,.rxr1{border-right-width:5px} .rx2,.rxl2{border-left-width:0} .rx2,.rxr2{border-right-width:3px} .re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:0} .re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px} .rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0} .rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0} .r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px} .rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0; height:0 !important; height /**/:1px} /* Solutions Widget */ .solWdgt {margin-bottom:1.8em} .solWdgtHdr {color:#FFF; font:bold 1.3em/1.1em arial,helvetica,sans-serif; padding:.1em .3em; border-bottom:1px solid #FFF} .solWdgtBody {padding:.5em .5em 2em .5em; background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/dashedHoriz.gif') bottom repeat-x} .solWdgtBody label {color:#666; font:bold 1.1em/1.2em arial,helvetica,sans-serif} .solWdgtBody h4 {font:bold 1.1em/1em arial,helvetica,sans-serif; margin:.5em 0 1em} .solWdgtBody p {font-weight:bold; font-size:.65em; margin:.5em 0} .solWdgtBody img {vertical-align:middle} .solWdgtBody div {clear:both; margin-bottom:1.5em} /* Product Finder Widget */ .prodFdr {margin:.8em 0 2.3em; width:expression("180px"); border:1px solid #999} .prodFdrHdr {color:#FFF; border:1px solid #FFF; padding:.2em .5em; font:bold 1.2em arial,helvetica,sans-serif} .prodFdrBdy {color:#666; padding:0 .5em; border-top:1px Solid #999} /* Product Finder */ .selector-box {border:1px solid #333} .selector-td {border:1px solid #333; border-bottom:0} .selector-cell {font-size:10px; cursor:pointer; width:170px; line-height:18px} .selector-cell a, .selector-cell a:visited, .selector-cell a:hover, .selector-cell a:active {display:block; cursor:pointer; padding-left:1.1em; color:#FFF; text-decoration:none} #selectorHead img {margin:.3em .4em 0 0} #topmost-div-bottom {margin-left:expression("1px")} .tabula {background:#EBEBEB} /* Product Detail Product Shot */ .prodDtl {float:left} .prodDtlLft {float:left; width:147px} .prodDtlRgt {float:right; width:220px} .prodDtlHdr {color:#666; font:bold 1.4em/1.1em arial,helvetica,sans-serif} .prodDtlBdy {color:#666; font:bold 1.1em/1.2em arial,helvetica,sans-serif} /* Contact Widget */ .conWdgt {margin-bottom:1.8em; color:#666; padding:1em; background:#EBEBEB; border:1px solid #CCC; border-top:3px solid #CCC} .conWdgtHdr {width:100%; font:bold 1.2em/1em arial,helvetica,sans-serif; padding-bottom:.3em} .conWdgt a, .conWdgt a:visited {color:#333} /* -------------------- FOOTER -------------------- */ #footerPane1 {width:765px; color:#999; clear:both; font:60%/1.3em verdana,arial,sans-serif; padding:70px 0 50px 15px} #footerPane2 {width:570px; color:#999; clear:both; font:60%/1.3em verdana,arial,sans-serif; margin-left:210px; padding:70px 0 50px} /* -------------------- HEADER -------------------- */ #mainNav {background:#000 url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/bgNavHome.gif') repeat-x} #mainNav a:active, #mainNav a:hover, .mainNavOn {background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/navOverHome.gif') repeat-x} #subNav {background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/home.jpg') no-repeat} /* -------------------- CONTENT -------------------- */ /* set section color */ h1, .buyNowWdgt label, .prodFinder, #lftNav .lftNavOn a, #lftNav .lftNavOn a:hover, #lftNav .lftNavOn a:visited, .lftNavSubNav em {color:#7F6377; text-decoration:none} .txtWdgtHdr, b.twTop b {background:#7F6377} .lftNavSubHdr, b.lSnTop b {color:#7F6377; background:#D0C9CE} .lbuWdgtSubHdr, .solWdgtHdr {background:#D0C9CE} .buyNowWdgt {border-top:4px solid #7F6377} .cbType4 h3 {margin-bottom:.3em; padding:0; border-bottom:4px solid #D0C9CE} .prodFdrHdr {background:#593E51} .custSupWdgtHdr {color:#593E51; background:#D0C9CE} /* -------------------- THEME PAGE -------------------- */ .themePane {margin-bottom:3em; width:765px; height:181px; background:#FC0} .themePane h1, .themePane h2 {color:#000; padding-bottom:.2em} .themeHdrImg {float:left; padding-right:15px} .themeHdrBody {padding:25px 20px 5px 0} .themeHdrBody p {font-size:1.1em} .themeBdyImg {float:left; padding-right:15px} .themeBdyBody {float:left; width:465px} .themeBdyBody h3 {color:#666} .themeBdyBody p {font-size:.9em} .themeBdyBody span {color:#CCC} a.r , a.r:visited {color:#F15A21; text-decoration:none} a.r:hover, a.r:active {color:#F15A21; text-decoration:underline} a.g, a.g:visited {color:#006E53; text-decoration:none} a.g:hover, a.g:active {color:#006E53; text-decoration:underline} a.b, a.b:visited {color:#006494; text-decoration:none} a.b:hover, a.b:active {color:#006494; text-decoration:underline} /* -------------------- THEME 2 PAGE -------------------- */ .theme2Hdr h1 {margin:.6em 1em 0; width:15em; line-height:1.1em; font-size:2em; color:#333} .theme2Hdr h2 {margin:1em 3em 0; line-height:1.4em; font-size:1.8em; font-weight:normal; color:#999} .theme2Hdr h2 span {font-size:1.8em} .theme2Hdr h2 div {text-indent:4em} .theme2Bdy p {margin:1.5em 0} .theme2Bdy blockquote {margin:0 12em 0 15em; font-size:1.2em; font-weight:bold} /* -------------------- THREAT METER THEME PAGE -------------------- */ .threatMeterPane {margin-bottom:3em;} .threatMeterPane h1, .threatMeterPane h2 {color:#333; padding-bottom:.2em} .threatMeterPane p {font-size: .9em; font-weight:bold; color:#999} /* -------------------- THEME 3 PAGE -------------------- */ .theme3SubHdr h5 {font-size:7.5pt} .theme3SubHdr h5 div {background-color:#D0C9CE} #masthead label a img { margin-top:-10px; } .twoColRgtRgt{ float:left; } .debugNote { display:none; visibility:hidden; } #edsInCart { float:left; } #masthead label a img { margin-top:-10px; } /* ################################################################# ### StyleSheet_ShoppingCartPage ### ################################################################# */ /* BEGIN SHOPPING CART PAGE CSS */ #dr_ShoppingCart ul#dr_banner_ads { list-style-type:none; text-align:center; } /* BEGIN BULLET PROOF CART HEADER */ div#dr_cartHead{ height:70px; margin:10px 0 0 0; } div#dr_cartHeadLeft{ float:left; width:380px; } /* Quick fix for IE on the cart pages... */ * html div#dr_cartHeadLeft h1 { padding-bottom:2px; } div#dr_cartHeadRight{ float:right; width:200px; } div#dr_orderNumber{ color:#999; text-align:right; } div#dr_currencySelector{ color:#999; margin:5px 0 0 0; text-align:right; } div#dr_currencySelector select { width:100px; } div#dr_cartTools{ clear:both; margin:10px 0; } div#dr_deleteCart{ float:left; width:380px; } div#dr_help2{ float:right; text-align:right; width:200px; } /* END BULLET PROOF CART HEADER */ * html #dr_ShoppingCart a.dr_button { bottom:2px; } #dr_ShoppingCart #dr_couponCode { margin:0; padding-bottom:4px; padding-top:0; text-align:right; } * html #dr_ShoppingCart #dr_couponCode { float:right; width:auto; } #dr_ShoppingCart #dr_updateButton { padding-top:0; } #dr_ShoppingCart #dr_cartTbl { clear:both; margin:5px 0 0; } tr#dr_shippingEstimator div.dr_formLine select { display:block; margin:0 0 5px; } tr#dr_shippingEstimator div.dr_formLine label { display:block; margin:0 0 5px; } #dr_shippingCartHeader td { background-color:#999999; } #dr_ShoppingCart.dr_Content form p { clear:both; } #dr_siteButtons { margin:10px 0 30px 0; text-align:left; width:595px; } #dr_continueShoppingButton { float:left; width:275px; } #dr_checkoutButton { float:right; text-align:right; width:275px; } /* Table cell style for product name */ .dr_Content td.dr_productName { color:#CC6600; } .dr_Content td.dr_productName p { color:#CC6600; font-weight:bold; margin:0; padding:0; } #dr_shippingCartHeader { background:#999999; color:#FFFFFF; font-weight:bold; } #dr_shippingEstimator { padding:5px; } .dr_requiredFields { font-weight:normal; } .dr_qty{ padding-left:15px; } .dr_emptyCart{ padding:50px 0 0 0; text-align:center; } .dr_emptyCart p{ padding:25px 0 0 0; } * html .dr_emptyCart h2 { padding-bottom:2px } /* NEW AMS STYLES */ #sym_amsSignin{ float:left; margin-bottom:30px; } #sym_amsSignin h3{ background:#FFFFFF url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym-greyGradient.gif) repeat-y; border-top:1px #999 solid; color:#000000; font-size:18px; margin:0; padding:5px; width:585px; } div#dr_loginContainer{ border:#999 solid 1px; float:left; height:185px; margin:0; width:290px; } div#dr_newAccountContainer{ border:#999 solid 1px; float:right; height:185px; width:290px; } div#dr_newAccountContainer ul{ margin:5px 20px; } #sym_amsSignin h4{ background-color:#999; color:#FFF; font-size:11px; padding:5px; } #sym_amsSignin h5{ font-size:11px; padding-top:5px; } #sym_amsSignin .dr_loginRow{ clear:both; padding:0 5px; margin:0; } #dr_loginContainer div.dr_loginRow{ padding:5px 5px; } .dr_loginColumn input#loginID,.dr_loginColumn input#loginPass{ width:100px; } #sym_amsSignin .dr_loginColumn{ float:left; width:130px; } #dr_loginContainer .dr_label{ font-weight:bold; text-align:left; } #dr_loginContainer div.dr_formLine input#loginID{ margin:0; padding:0; } #dr_loginContainer div.dr_formLine input#loginPass{ margin:0; padding:0; } #dr_loginContainer input#dr_cc_login { height:16px; width:50px; } #sym_amsSignin input{ padding:0; margin:0; } #dr_shipMethod{ float:left; width:200px; } #dr_shipCountry{ float:left; margin-right:15px; width:200px; } .dr_updateTotal{ text-align:center; } /* overwrite to show ENT tab */ div#sym_changeYourStore ul li#sym_ENT { background:#8d8e64 url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym_greyArrowTransparent.gif) no-repeat 10px 10px; display:block; font-family:"Times New Roman", Times, serif; margin:5px 0; padding:5px 0 5px 20px; } /* /* ################################################################# ### StyleSheet_CheckoutShipping ### ################################################################# */ /* !!!!!!!!! DUPLICATE BEGIN CHECKOUT & SHIPPING CSS -- located on the QCCheckoutpage !!!!!!!!! */ #dr_CheckoutPayment fieldset#dr_payment .dr_label { margin-bottom:10px; } #dr_CheckoutPayment fieldset#dr_payment .dr_label,#dr_CheckoutPayment fieldset#dr_payment p { margin-left:60px; } #dr_CheckoutPayment ul#dr_formNavigator { display:none; } #dr_CheckoutPayment #dr_cc_login { padding-right:5px; } #dr_CheckoutPayment a.dr_morePaymentInfo { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sc_detailarrow.gif) no-repeat left; color:#666666; font-size:11px; margin:0; padding:0 0 0 12px; text-decoration:none; } #dr_CheckoutPayment #dr_paypalImage { padding:0 5px 0 0; } div#dr_CheckoutPayment h1 { margin-top:35px; } div#dr_CheckoutPayment h3 { overflow:hidden; width:574px; } /* !!!!!!!!! DUPLICATE BEGIN CHECKOUT & SHIPPING CSS -- located on the QCShoppingCart page !!!!!!!!! */ #dr_ShoppingCart fieldset#dr_payment .dr_label { margin-bottom:10px; } #dr_ShoppingCart fieldset#dr_payment .dr_label,#dr_ShoppingCart fieldset#dr_payment p { margin-left:60px; } #dr_ShoppingCart ul#dr_formNavigator { display:none; } #dr_ShoppingCart #dr_cc_login { padding-right:5px; } #dr_ShoppingCart a.dr_morePaymentInfo { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sc_detailarrow.gif) no-repeat left; color:#666666; font-size:11px; margin:0; padding:0 0 0 12px; text-decoration:none; } #dr_ShoppingCart #dr_paypalImage { padding:0 5px 0 0; } #dr_ShoppingCart h3 { background-color:#999; color:#FFF; overflow:hidden; padding:10px; width:574px; } /* !!!!!!!!! END DUPLICATION -- see TJB !!!!!!!!! */ #dr_loginContainer { float:left; width:49%; } #dr_newAccountContainer { float:right; width:49%; } .dr_Content fieldset#dr_optIn #dr_newAccountContainer2 label { float:left; width:20%; text-align:right; } .dr_Content fieldset#dr_optIn .dr_label { text-align:left; width:95%; } .dr_Content #dr_optInContainer #dr_optIn .dr_formLine { margin:10px 0 0; } #dr_CheckoutShipping h1 { margin:35px 0 20px; } #dr_CheckoutShipping h3 { width:574px; } #dr_confirmAddress h3 a { padding-right:15px; } /* END CHECK OUT CSS */ #dr_shippingCheckbox { background-image:url('//drh.digitalriver.com/DRHM/Storefront/Site/symantec/cm/images/gray_gradient.gif'); background-repeat:repeat-y; border:1px solid #999; margin:0px 0px 5px 0px; padding:0px; } /* CHECK OUT FOR AMS */ div#dr_checkoutHead{ background:#FFF url(/DRHM/Storefront/SiteImplementation/symnahho/symnahhoSI/version/11/images/qc_breadcrumb2_en_US.png) no-repeat bottom left; height:70px; margin:10px 0 0 0; } /* CHECK OUT FOR AMS */ div#dr_checkoutHead{ background:#FFF url(/DRHM/Storefront/SiteImplementation/symnahho/symnahhoSI/version/11/images/qc_breadcrumb2_en_US.png) no-repeat bottom left; height:70px; margin:10px 0 0 0; } /* */ /* ################################################################# ### StyleSheet_GenericPage ### ################################################################# 381204 - Fixed .hangingChevron and sync'd synmahho with symc template */ #masthead { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/mastheadBG.jpg) no-repeat; } #contentPane2 { width:800px; } div#footerPane2 { font-size:10px; } .twoColRgtRgt { width:595px; } div#subNav,div#headerPane { margin:0; padding:0; } #subNav table { margin:0; left:0; padding:0; } #subNav table td img { margin:-5px 20px 0 14px; } #subNav table td { color:#CCCCCC; font-size:10px; font-family:verdana; font-weight:bold; padding:4px 0 0; margin:0; text-align:left; vertical-align:top; } #subNav table td a { color:#FFFFFF; font-size:9px; font-family:verdana; text-align:left; vertical-align:top; } #subNav table td form { color:#FFFFFF; padding:0; margin:-2px 0 0; } #subNav table td form input { font-size:10px; } /* Bullet proofing bullets inside content area # */ /* Removed by Tim .dr_Content ul { padding:0; margin:0; } .dr_Content li { margin:.2em 0 0 12px; } */ /* ### ADDITIONAL STORE LEFT NAV CSS NOT IN SYM DEV KITS ### */ div#sym_changeYourStore { margin:20px 0 0 10px; width:162px; font-weight:bold; } div#sym_changeYourStore a,div#sym_changeYourStore a:hover { color:#FFFFFF; } div#sym_changeYourStore div { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym_changeYourStoreNoText2.gif) no-repeat; color:#999999; margin:0; padding:4px 4px 0 10px; } div#sym_changeYourStore ul { color:#FFFFFF; font-size:12px; font-family:"Times New Roman", Times, serif; list-style:none; margin:0; padding:1px 5px 0; border-right:#DDDDDD 2px solid; border-left:#DDDDDD 2px solid; border-bottom:#DDDDDD 2px solid; } div#sym_changeYourStore ul li#sym_HHO { background:#7A6375 url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym_greyArrowTransparent.gif) no-repeat 10px 10px; font-family:"Times New Roman", Times, serif; margin:5px 0; padding:5px 0 5px 20px; } div#sym_changeYourStore ul li#sym_SMB { background:#6488A5 url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym_greyArrowTransparent.gif) no-repeat 10px 10px; font-family:"Times New Roman", Times, serif; margin:5px 0; padding:5px 0 5px 20px; } div#sym_changeYourStore ul li#sym_ENT { background:#8d8e64 url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym_greyArrowTransparent.gif) no-repeat 10px 10px; display:none; font-family:"Times New Roman", Times, serif; margin:5px 0; padding:5px 0 5px 20px; } /* ### END OVERWRITING ### */ /* ###################################################### # TIM'S COMMONLY USED PARAGRAPH STYLES # ###################################################### */ .backPage { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/arrow_back.gif) no-repeat left; font-weight:700; padding-left:6px; } .sym_horizDots { border-top:1px dotted #999999; height:0; margin:0; overflow:hidden; padding:0; width:100%; } /* Fix IE issue where dotted appears as dashed */ * html .sym_horizDots { background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symantec/cm/images/css-dotted-999999.gif') repeat-x; border-top:none; height:1px; } .callToActionButton { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/arrow_btn.gif) no-repeat top left; padding-left:16px; } .hangingChevron { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/arrow.gif) no-repeat 0px 3px; padding-left:6px; } .hangingChevronRight { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/arrow.gif) no-repeat right; padding-right:8px; margin-right:12px; text-align:right; } .dottedUnderline { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym-cssDottedHorizontal.gif) repeat-x bottom; padding-bottom:4px; } .dottedOverline { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym-cssDottedHorizontal.gif) repeat-x top; padding-top:4px; } .red{ color:#FF0000; } /* END TIM'S COMMONLY USED PARAGRAPH STYLES */ /* ### START advanced-sym.css ### */ /* ############################################## # SITE WIDE STYLES # # Add any styles which would be site-wide # # here. These can include error styles, list # # styles, table styles and more. # ############################################## ############################################## # CONSOLIDATED STYLES # # These styles are generic settings for all # # of the pages. # # To override a style, you may need to # # define a more specific selector using # # the ID defined for that specific page: # # ex.) add the new style for the specific # # page you want to address. Example: # # #dr_ShoppingCart h1 # ############################################## /* /* BEGIN GENERIC STYLES */ .dr_Content { background:#FFFFFF; color:#000000; font:11px Verdana,Arial,Helvetica,sans-serif; padding:0; text-align:left; } .dr_Content h3 { font-size:11px; } .dr_Content h2 { font-size:14px; } .dr_error { color:#FF0000; font-weight:bold; } .dr_Content img { border:0; } .dr_hiddenText { display:none; } /* Form button styles */ /* button alignment */ #dr_siteButtons { clear:both; margin:10px 0; text-align:right; } /* button design */ input.dr_button,body a.dr_button { background:#999999; border:1px solid #999999; color:#FFFFFF; cursor:hand; font:bold 11px Arial,Verdana,Helvetica,sans-serif; height:21px; margin-left:5px; } a.dr_button { padding:1px 5px 4px; text-decoration:none; } a.dr_button:hover { color:#C0C0C0; } * html a.dr_button { bottom:-2px; color:#FFFFFF; height:21px; padding:3px 5px 2px; position:relative; } .dr_hr_line { border-bottom:1px solid #999999; width:100%; } /* BEGIN POPUP WINDOW STYLES */ #dr_popUp { margin:5px; } #dr_closeWindow { text-align:center; } /* END POPUP WINDOW STYLES */ /* BEGIN PRODUCT LIST STYLES */ .dr_Content ul.dr_productList { list-style-type:none; } .dr_Content ul.dr_productList li { display:inline; margin:0; } /* END PRODUCT LIST STYLES */ /* Address Styles - billing / shipping */ .dr_Content address { font-style:normal; padding:5px; } /* Table styles - Can be overridden with a direct id call. (i.e. #dr_ConfirmOrder table#dr_confirmTbl) */ .dr_Content table { border:0 solid #999999; border-collapse:collapse; color:#000000; font-size:11px; width:100%; } /* Table header styles */ .dr_Content table th { background:#999999; border:1px solid #999999; color:#FFFFFF; font-size:11px; font-weight:bold; } /* Table odd and even row styles */ .dr_Content table tr.dr_evenRow { background:#FFFFFF; } .dr_Content table tr.dr_oddRow { background:#FFFFFF; } /* Table header style for product name */ .dr_Content th.dr_productName { padding-left:2px; text-align:left; width:45%; } /* Table header style for price */ .dr_Content th.dr_price { padding-right:2px; text-align:right; } /* Table cell styles */ #dr_ShoppingCart table td { border-bottom:1px dotted #999999; padding:2px 5px; vertical-align:middle; } /* Fix IE issue where dotted appears as dashed */ * html #dr_ShoppingCart table td { background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symantec/cm/images/css-dotted-999999.gif') repeat-x bottom; border-bottom:none; } /* Table cell style for quantity */ .dr_Content table td.dr_qty { text-align:center; } /* Empty cell styles - these are cells with no content (usually in the "totals" rows) */ .dr_Content table td.dr_emptyCell { border:0; } /* Totals cells - these are the cells that contain totals information */ .dr_Content table tr#dr_subTotal td.dr_qty,.dr_Content table tr#dr_discountTotal td.dr_qty,.dr_Content table tr#dr_shippingTotal td.dr_qty,.dr_Content table tr#dr_shippingDiscountTotal td.dr_qty,.dr_Content table tr#dr_taxTotal td.dr_qty,.dr_Content table tr#dr_shippingEstimator td.dr_qty,.dr_Content table tr#dr_priceTotal td.dr_qty,.dr_Content table td.dr_totals { } .dr_Content table tr#dr_priceTotal { background:#E8E8E8; border-bottom:1px dotted #999999; border-top:1px dotted #999999; font-weight:bold; padding:2px 5px; vertical-align:middle; } /* Fix IE issue where dotted appears as dashed */ * html .dr_Content table tr#dr_priceTotal { background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symantec/cm/images/css-dotted-999999.gif') repeat-x bottom; border-bottom:none; } /* Used on entire price column, including lineitem prices and the totals */ .dr_Content table td.dr_price,.dr_Content table td.dr_priceVAT { text-align:right; } /* Styles for the lineitem details for a product in the order */ a.dr_expandDetails { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sc_detailarrow.gif) no-repeat left; color:#CC6600; font-size:11px; padding:0 0 0 12px; text-decoration:none; } #dr_productDetails { font-size:11px; list-style-type:none; margin:2px 0 2px 1px; padding:2px; } a.dr_details { color:#666666; font-size:11px; text-decoration:none; } /* Styles for breadcrumbing on site */ ul#dr_breadcrumbTitles { list-style:none; margin:0; text-align:left; } #dr_breadcrumbTitles li { background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symantec/cm/images/pixel.gif') no-repeat 0 .5em; display:inline; float:left; margin:3px; padding:0; } #dr_breadcrumbTitles li.dr_titleOn { font-weight:bold; } #dr_CheckoutBreadcrumb { background:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symantec/cm/images/gray_gradient.gif') repeat-y right; padding:12px 2px; } #dr_bcHelp { padding-right:10px; text-align:right; } /* Forms */ .dr_Content form { margin:0; padding:0; } /* Legends - usually there for 508 compliance and set to display none */ .dr_Content legend { display:none; margin:0; padding:0; } @media aural { .dr_Content legend { display:block; margin:0; padding:0; } } @media screen { .dr_Content legend { display:none; margin:0; padding:0; } } /* Fieldset headers - these are more for screen (browsers) that screen readers such as jaws */ .dr_Content fieldset h3 { background:#999999; color:#FFFFFF; font-size:1em; margin:0; padding:10px; } /* Fieldset, these are goupings of similar form elements */ .dr_Content fieldset { border:1px solid #999999; margin:0; margin-bottom:10px; padding:0; padding-bottom:10px; } .dr_Content fieldset { border:0; } /* Fieldset paragraphs - the text (instructions, descriptions etc) in a fieldset */ .dr_Content fieldset p { margin:0; padding:0 5px; } /* Input - input elements */ .dr_Content fieldset input { margin-left:5px; } #dr_loginContainer fieldset input { width:90px; } #dr_newAccountContainer fieldset input { width:90px; } /* Select Boxes */ .dr_Content fieldset select { margin-left:5px; } /* Select Boxes */ .dr_Content fieldset textarea { margin-left:5px; } /* Form lines - this is a div that contains the label and input element. The default CSS will place these on new lines */ /* mack a-hack \*/ .dr_Content fieldset .dr_formLine { clear:both; } /* */ .dr_Content fieldset .dr_formLine { height:3em; margin:3px 10px; } /* mack a-hack \*/ .dr_Content fieldset .dr_formLine { height:auto; } /* */ /* Labels - this CSS will give the form a nice lined up columnar layout within each fieldset */ .dr_Content fieldset .dr_label { display:block; float:left; text-align:right; width:130px; } .dr_Content fieldset .dr_label_right { display:block; float:left; width:80%; } .dr_Content fieldset#dr_optIn label { float:right; width:85%; } /* Subheadings in the forms */ .dr_Content fieldset h5 { display:inline; width:400px; } /* Style for pages with minimal text, such as error pages */ #dr_shortPage { margin:40px 0 100px; text-align:center; } /* END GENERIC STYLES */ /* BEGIN PRODUCT RESTRICTION AND LIMITED BY LOCALE PAGES CSS */ #dr_ProductRestriction #dr_productRestrictionUpdateAddress,#dr_ProductRestriction #dr_productRestrictionDeleteProducts,#dr_ProductLimitedToSupportingLocales #dr_productLBLUpdateAddress,#dr_ProductLimitedToSupportingLocales #dr_productLBLDeleteProducts { float:left; margin:10px 0; width:48%; } #dr_ProductRestriction #dr_siteButtons { text-align:center; } /* END PRODUCT RESTRICTION PAGE CSS */ /* ############################################# # FIXES # # THESE MUST BE LOADED AFTER ANY PAGE # # SPECIFIC CODE!!! # # These are minor fixes to get things to # # work cross browser. If you need to add # # anything for browser bugs, here is the # # place. Of course a good resource for # # browser bugs is online at: # # http://php.digitalriver.com/brandon/tips/ # ############################################# */ #dr_testOptions table { width:350px; } #dr_testOptions table td { border:0; } * html .dr_Content { height:1%; } /* ############################################# # Invisible Text in IE? Do the following: # # * html #elementID { height:0.01%; } # ############################################# */ * html #dr_ThankYou { height:0.01%; } /* ############################################# # END FIXES # ############################################# */ /* ### START ORDER STATUS CSS ### */ div#sym_OrderStatus.dr_Content h1 { margin-top:18px; } div#orderStatusSearchUsername p.callToActionButton,div#orderStatusSearchEmail p.callToActionButton { margin-top:10px; padding-left:16px; } /* ### END ORDER STATUS CSS ### */ /* ### START ORDER STATUS CSS ### */ #dr_CustomerServiceOrderDetail th.dr_qty { text-align:center; } #dr_CustomerServiceOrderDetail ul { list-style: inside; color:#000; } /* ### END ORDER STATUS CSS ### */ /* ### START CONTACT FORM CSS ### */ #dr_ContactForm h1 { margin:20px 0 0 0; } #dr_ContactForm h2 { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym-cssDottedHorizontal.gif) repeat-x top; clear:both; margin:0 0 0 0; padding:20px 0 0 0; } #dr_ContactForm div#dr_siteButtons { clear:both; margin:20px 0; padding:0; float:left; width:400px; } #dr_ContactForm ul { margin:12px; } /* ### START CONTACT FORM CSS ### */ /* ### START FORGOT PASSWORD CSS ### */ div#dr_ForgotPassword div#dr_popUp h1 { margin:40px 0 10px 0; } /* ### END FORGOT PASSWORD CSS ### */ #dr_ERefundInstructions ol { margin-left:20px; } #englishOnly img { margin-right:5px; } /* .lftNavSubNav a { font-weight:bold; } */ /* ### START EREFUNC POLICY CSS ### */ div#dr_ERefundInstructions div#dr_popUp h1 { margin:40px 0 10px 0; } /* ### START GROBAL TOOL CSS ### */ #sym_globalTools img{ margin:0; padding:0; } .utilities1 a, .utilities1 a:hover, .utilities1 a:visited, .utilities2 a, .utilities2 a:hover, .utilities2 a:visited, .utilities3 a, .utilities3 a:hover, .utilities6 a:visited, .utilities6 a, .utilities6 a:hover, .utilities6 a:visited { color:#999; font-size:.80em; font-weight:bold; text-transform: uppercase; } .utilities1{ background:url(/DRHM/Storefront/SiteImplementation/symnzhho/symnzhhoSI/version/48/images/email.gif) no-repeat top left; height:15px; padding:0 0 0 13px; margin:0; } .utilities2{ background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/print.gif) no-repeat top left; height:15px; padding:0 0 0 13px; margin:0; } .utilities3{ background:url(/DRHM/Storefront/SiteImplementation/symnzhho/symnzhhoSI/version/48/images/icon_phone.gif) no-repeat top left; height:15px; padding:0 0 0 13px; margin:0; } /* Styles for clearing ticket#330103 */ .dr_clearAfterBoth:after { clear:both; content:"."; display:block; height:0; visibility:hidden; } .dr_clearAfterLeft:after { clear:left; content:"."; display:block; height:0; visibility:hidden; } .dr_clearAfterRight:after { clear:right; content:"."; display:block; height:0; visibility:hidden; } .dr_clearBoth { clear:both; } .dr_clearLeft { clear:left } .dr_clearRight { clear:right } /* End styles for clearing */ /* */ /* Bagwell's note for stylesheet indentifier: To edit this, you need to go to this content element, well, minus the Page suffix: "StyleSheet_GenericHHOPage" */ /* ### START CATEGORY LIST PAGE aka SOFTWARE ### */ div#dr_CategoryList { float:left; margin:0; padding:0; width:445px; } div#dr_CategoryList h1 { margin:10px 0 20px 0; } div#dr_categoryListIteration h2 { background:#7F6377; clear:both; color:#FFFFFF; margin:1px 0 5px 0; padding:4px 2px 4px 4px; width:450px; } /*--------------------------[Category List Row CSS]-------------------------*/ div#dr_categoryListIteration { margin-top:0px; padding-top:5px; width:455px; } div.sym_subCategoryRow { background-image:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symantec/cm/images/css-dotted-999999.gif'); background-repeat:repeat-x; background-position:bottom left; border:0px; position:relative; clear:both; height: 1%; float:left; width:99%; } div.sym_subCategoryRow h3 { margin:15px 10px 0 80px; padding-bottom:10px; width:275px; } .sym_categoryListProductInfo img{ float:left; margin:0px 18px 0px 2px; padding: 10px 0; } .sym_categoryListProductInfo{ float:left; background-image:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/2_vert_dots.gif'); background-repeat:repeat-y; background-position:right; heignt:100%; width:81%; margin:-5px 0 -13px 0; } body div.sym_categoryListProductInfo p { margin:0 10px 0 80px; padding-bottom:10px; } div.sym_categoryListPriceInfo { background-color:transparent; display:inline; float:right; height:100%; padding:5px 0; margin:25px 0; text-align:right; width:17%; } .sym_horizDots { border-top:none; height:1px; } /*--------------------------[End Category List Row CSS]-------------------------*/ /*----------------------------[ Default Tabs (HHO) ]---------------------- */ .homeNavSubHdr { width:180px; border-bottom:1px solid #EBEBEB; } .homeNavSubHdr label { display:block; margin-left:0.7em; padding-bottom:4px; color:#FFF; font-size:1em; font-weight:bold; } #dr_Home h2, #dr_Home.dr_HomeSmb h2 { background-image:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/hho-home-gradient.gif); background-repeat:no-repeat; background-positin:top left; border-bottom:1px solid #CCCCCC; margin:0; padding:4px 0 0 8px; width:280px; clear:both; } #dr_Home.dr_HomeSmb h2 { background-image:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/smb-home-gradient.gif); } div.homeNavSubHdr label { line-height:1.2em; } /* Color themes: HHO: dark: #7f6377 HHO: light:#D0C9CE SMB: dark: #6488a5 SMB: light: #CAD3DA /* Set the default styles for the tabs, we have to sections to consider, the first if in the homeNavSubHdr (right nav on most pages - usually dark colors) and the other is lftNavSubHdr (left nav on most pages - usually light colors) */ .homeNavSubHdr b.lSnTop b, .homeNavSubHdr { color:#FFF; text-transform:uppercase; background-color:#7f6377; } .lftNavSubHdr b.lSnTop b, .lftNavSubHdr { color:#FFF; text-transform:uppercase; background-color:#D0C9CE; } #mnStor { background-image:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/navOverHome.gif'); background-repeat:repeat-x; } .twoColRgtRgt { margin-left:15px; } /* */ /* Bagwell's note for stylesheet indentifier: To edit this, you need to go to this content element, well, minus the Page suffix: "StyleSheet_GenericHHOPage" */ /* ### START CATEGORY LIST PAGE aka SOFTWARE ### */ div#dr_CategoryList { float:left; margin:0; padding:0; width:445px; } div#dr_CategoryList h1 { margin:10px 0 20px 0; } div#dr_categoryListIteration h2 { background:#7F6377; clear:both; color:#FFFFFF; margin:1px 0 5px 0; padding:4px 2px 4px 4px; width:450px; } /*--------------------------[Category List Row CSS]-------------------------*/ div#dr_categoryListIteration { margin-top:0px; padding-top:5px; width:455px; } div.sym_subCategoryRow { background-image:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symantec/cm/images/css-dotted-999999.gif'); background-repeat:repeat-x; background-position:bottom left; border:0px; position:relative; clear:both; height: 1%; float:left; width:99%; } div.sym_subCategoryRow h3 { margin:15px 10px 0 80px; padding-bottom:10px; width:275px; } .sym_categoryListProductInfo img{ float:left; margin:0px 18px 0px 2px; padding: 10px 0; } .sym_categoryListProductInfo{ float:left; background-image:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/2_vert_dots.gif'); background-repeat:repeat-y; background-position:right; heignt:100%; width:81%; margin:-5px 0 -13px 0; } body div.sym_categoryListProductInfo p { margin:0 10px 0 80px; padding-bottom:10px; } div.sym_categoryListPriceInfo { background-color:transparent; display:inline; float:right; height:100%; padding:5px 0; margin:25px 0; text-align:right; width:17%; } .sym_horizDots { border-top:none; height:1px; } /*--------------------------[End Category List Row CSS]-------------------------*/ /*----------------------------[ Default Tabs (HHO) ]---------------------- */ .homeNavSubHdr { width:180px; border-bottom:1px solid #EBEBEB; } .homeNavSubHdr label { display:block; margin-left:0.7em; padding-bottom:4px; color:#FFF; font-size:1em; font-weight:bold; } #dr_Home h2, #dr_Home.dr_HomeSmb h2 { background-image:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/hho-home-gradient.gif); background-repeat:no-repeat; background-positin:top left; border-bottom:1px solid #CCCCCC; margin:0; padding:4px 0 0 8px; width:280px; clear:both; } #dr_Home.dr_HomeSmb h2 { background-image:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/smb-home-gradient.gif); } div.homeNavSubHdr label { line-height:1.2em; } /* Color themes: HHO: dark: #7f6377 HHO: light:#D0C9CE SMB: dark: #6488a5 SMB: light: #CAD3DA /* Set the default styles for the tabs, we have to sections to consider, the first if in the homeNavSubHdr (right nav on most pages - usually dark colors) and the other is lftNavSubHdr (left nav on most pages - usually light colors) */ .homeNavSubHdr b.lSnTop b, .homeNavSubHdr { color:#FFF; text-transform:uppercase; background-color:#7f6377; } .lftNavSubHdr b.lSnTop b, .lftNavSubHdr { color:#FFF; text-transform:uppercase; background-color:#D0C9CE; } #mnStor { background-image:url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/navOverHome.gif'); background-repeat:repeat-x; } /*### StyleSheet_ProductDetailPage ###*/ #dr_ProductDetails #dr_thumbnailImage { float:left; width:145px; overflow:hidden; } #dr_ProductDetails h2 { margin:5px 0px 10px 0px; } #dr_ProductDetails #dr_purchaseDetails { margin-left:150px; width:275px; } #dr_ProductDetails #dr_purchaseDetails img { } #dr_ProductDetails .dr_button { margin:0; } table#dr_vlpPointLevels { width:300px; } #mainContainer { width:900px; } #middleContent { width:650px; } .dr_showPriceTableLink img { padding:4px; } .dr_variationInfo { margin:0; } .dr_priceLine { color:#c60; font-weight:bold; } .dr_pricePd { color:#000; } .dr_variationInfo label { color:#CC6600; font-weight:bold; } /*smb*/ select#please_select { margin:10px 0 0 5px; width:180px; } div#displayPriceChange { font-size:12px; font-weight:bold; margin:10px 0 0 6px; } /*### PD Tabs ###*/ .buyTab { background:#806277 url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/tab-corner-trans3.gif') top right no-repeat; padding: 3px 10px 2px 6px; margin-top: 4px; font-family: arial; text-decoration: none; color:#FFFFFF; text-transform:uppercase; font-weight:bold; font-size:11px; width:210px; } .tab { margin-bottom: 5px; } a.tab { background:#BAA9B5 url('//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/tab-corner-trans3.gif') top right no-repeat; padding: 3px 10px 2px 6px; margin-top: 4px; font-family: arial; text-decoration: none; color:#FFFFFF; text-transform:uppercase; font-weight:bold; font-size:11px; } a.tab:hover { background-color: #7F6276; color:#FFFFFF; text-decoration:none; } a.tab:visited { color:#FFFFFF; text-decoration:none; } a.tab:active { color:#FFFFFF; text-decoration:none; } .panel { padding: 5px; } /*### RELATED PRODUCTS ###*/ #lbuWdgt {width:85%; margin-bottom:2.5em;} .lbuWdgtHdr {padding:0 0 .2em .6em; font:bold 1.1em arial,helvetica,sans-serif; color:#666; background:#EBEBEB} #lbuWdgt .hr {margin:1px 0} .lbuWdgtSubHdr {padding:.2em .2em .2em .8em; line-height:1.5em; font-size:.8em} .lbuWdgtBody {font-size:.9em; line-height:1.2em} .lbuWdgtPd {padding:.6em .2em .8em .8em} .lbuWdgtBody a {padding-left:.8em} .lbuWdgtFtr {padding:0} .buyTabVariations { background-color:#EBEBEB; border:1px solid #CCCCCC; margin:0 0 20px 0; width:217px; padding:1px 2px 2px 5px; } #sym_PdRightGutter { float:left; width:160px; } #dr_finePrint { padding-top:10px; font-size:10px; width:450px; color:#666666; } #dr_productSummary { padding:10px 0 0 0; } div#dr_purchaseDetails p span.dr_shortDescription { display:block; width:250px;} div#sym_keyFeatures li { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/bullet_square.en-us.gif) no-repeat 0px 5px; padding-left:6px; list-style:none; list-style-position:outside; margin:0; } div#sym_PdTabs div.panel li { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/bullet_square.en-us.gif) no-repeat 0px 5px; padding-left:6px; list-style:none; list-style-position:outside; margin:0; } #sym_PdMain .hr{ width:360px; } #right_culumn_top{ background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symnahho/cm/images/right_culumn.gif); background-repeat:no-repeat; width:140px; height:113px; padding-top:2px; margin-top:20px } .lbuWdgtBody2{ clear:both; font-size:.9em; line-height:1.1em; } .lbuWdgtHdr2 {margin:5px 0; padding:0 0 .2em .6em; font:bold 1.1em arial,helvetica,sans-serif; color:#666;} #right_culumn_top .chevronN{background:none;} .dr_priceLine{ clear:both; } .dr_priceLine label{ display:block; float:left; padding:3px 0 0 0; width:120px; } .dr_priceLine input{ float:left; padding:3px 5px 0 5px; } .dr_priceLine span{ padding-left:25px; } .buyTabVariations a{ clear:both; display:block; padding-left:15px; } #dr_currencySelector{ margin-bottom:2.5em; padding:0; } /* */ /* Bagwell's note for stylesheet indentifier: To edit this, you need to go to this content element, well, minus the Page suffix: "StyleSheet_UpsellPage" */ /* ### START PRODUCT UPSELL CSS STYLE ### */ #sym_ProductInCart { background:#593F52; color:#FFFFFF; float:left; margin:30px 0 20px 0; padding:15px 20px 20px 20px; width:544px; } #sym_ProductInCart h1 { color:#FFFFFF; font-size:18px; margin:0; padding:0; } #sym_ProductInCart p { border-bottom:3px dotted #FFFFFF; font-size:14px; font-weight:bold; float:left; margin:.4em 0 0; } #sym_ProductInCart span.sym_ProductInCartName { float:left; position:relative; /*needed by IE6*/ top:5px; background-color:#593F52; margin-bottom:-0.3em; border-bottom:solid #593F52 .2em; padding-right:10px; text-align:left; } #sym_ProductInCart span.sym_ProductInCartPrice { float:right; position:relative; /* needed by IE6*/ top:5px; background-color:#593F52; margin-bottom:-0.4em; border-bottom:solid #593F52 .2em; text-align:right; padding-left:10px; } table#dr_interstitialIteration td#dr_offerHeader { padding:1em 0; } div.sym_childProductRow1 { margin:1em 0 2em; } td#sym_offerButtons h3{ color:#999; font-size:14px; float:right; margin:0 20px 0 0; width:430px; } div.dr_childProduct { border-bottom:3px dotted #000000; float:right; margin:.2em 20px 0 0; width:430px; } span.dr_productName { color:#593F52; float:left; margin:0 10px 0 0; position:relative; /*needed by IE6*/ background-color:#FFFFFF; margin-bottom:-.3em; border-bottom:solid #FFFFFF 3px; text-align:left; padding-right:10px; font-size:11px; font-weight:bold; } span.dr_productPrice { float:right; margin:0 0 0 10px; position:relative; /*needed by IE6*/ background-color:#FFFFFF; margin-bottom:-0.3em; border-bottom:solid #FFFFFF 3px; text-align:left; padding-left:10px; font-size:11px; font-weight:bold; } div#dr_siteButtons { padding:2em 0 0; float:clear; width:595px; text-align:left; } span#dr_siteButtonsYes { display:block; margin-bottom:10px; } table#dr_interstitialIteration { clear:both; } #dr_interstitialIteration td,#dr_interstitialIteration td#dr_offerHeader,#dr_interstitialIteration td#dr_offerFooter { background:none; background-image:none; border:none; border-top:none; border-bottom:none; margin:0; padding:0; } #dr_interstitialIteration td#dr_offerFooter { margin:0; padding:10px 0 0; } /* BEGIN INTERSTITIAL DETAIL POP UP PAGE CSS - linked to from USCS and cart product names */ #dr_ProductInterstitialDetails p#dr_productName { font-weight:bold; text-align:center; } #dr_ProductInterstitialDetails p#dr_productImage { text-align:center; } /* ### END PRODUCT UPSELL CSS STYLE ### */ #dr_ERefundInstructions ol { padding-left:20px; } #footerPane2 a { white-space:nowrap; } /*These should be moved to the product details css*/ #dr_ProductDetails span.dr_pricePd { float:right; padding:5px 5px 0px 0px; } .dr_relatedProducts .lbuWdgtBody div { padding:2px 3px 8px 3px; } .dr_Content fieldset#dr_license label { float: right; } .dr_Content fieldset#dr_license .dr_label { text-align: left; width: 95%; } #lbuWdgt { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/related_products_es_MX.gif) no-repeat right bottom; } #lbuWdgt .lbuWdgtHdr { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/related_products_es_MX.gif) no-repeat right top;padding:3pt 0 0.2em 0.6em; } #edsInCart { width:600px; } .utilities2{ float:right; } #dr_ShoppingCart h1 { margin-bottom:10px; } #dr_cartHeadLeft p{ color:#999; font-size:16px; font-style:italic; font-weight:bold; } #dr_cartHeadLeft p span{ color:#666; } #dr_orderNumber{ clear:both; } #dr_ShoppingCart h4 { font-size:11px; } #dr_mcMessagingTop { clear:both; padding-bottom:10px; } #dr_mcMessagingTopText { color:#666; font-size:10px; } #bundleBannerDigitalPhysical { margin-left:10px; } #dr_checkoutButton { padding-right:200px; } #checkoutWait { width:350px; } .crPrice { font:bold; } .crProduct { float:left; padding-top:55px; width:280px; } .crProduct img { float:left; } .crProduct .offerContent { float:left; padding-left:10px; width:190px; } .crInfo ul { list-style: outside; padding-left:10px; } #dr_eulaContainer { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym-cssDottedHorizontal.gif) #E8E8E8 repeat-x bottom; } #dr_eulaContainer p { padding:8px 8px 3px 10px; } #dr_optInContainer, #dr_cashboxAgreement { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym-cssDottedHorizontal.gif) #E8E8E8 repeat-x bottom; } /* CHECK OUT FOR AMS */ div#dr_checkoutHead{ background:#FFF no-repeat bottom left; height:70px; margin:10px 0 0 0; } #protection2 h3,#protection1 h3{ background-color:#999; color:#FFF; padding:10px; } #prodectionbox{ background:#E8E8E8 url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym-cssDottedHorizontal.gif) repeat-x bottom; padding:10px; } /* PAYMENT METHOD style */ .dr_formLine1{ float:left; height:auto; margin:0; padding:3px 10px 0 10px; width: 316px; } .dr_formLine2, .dr_formLine3{ float:right; height:auto; padding:6px 4px 0px 4px; margin:0; width: 250px; } .dr_payment_left{ float:left; padding:2px 0 3px 0; width:316px; } .dr_payment_right{ float:right; width:250px; margin:0; } .dr_paymentBlock { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/vert_dots3.gif) repeat-x bottom; padding-bottom:10px; } #dr_paymentContainer{ background:none; background-color: #E8E8E8; margin-bottom:10px; } html>body .white_line{ background-color:white; height:7px; margin-top:-20px; } *html .white_line{ background-color:white; height:.1px; margin-top:-22px; } div.dr_formLineWrap{ float:left; width:350px; } div.dr_formLineInstructions{ float:right; width:180px; } div.dr_formLineInstructions p{ padding:8px 0 8px 0; } #billingCountry,#shippingCountry{ width:180px; } #dr_paymentContainer{ clear:both; } /*pound signs in the next 2 selectors are Safari ignore hacks*/ #dr_billingContainer{ background-image:none; background-repeat:no-repeat; background-position:303px 95px; position:relative; #} /*pound signs in the next 2 selectors are Safari ignore hacks*/ #dr_shippingContainer{ background-image:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symnahho/cm/images/homeFormBracketSingle.png); background-repeat:no-repeat; background-position:380px 5px; #} /*AMS*/ #dr_ams{ left:348px; position:absolute; top:95px; z-index:1001; } #dr_amsBox{ background-color:#EEE; border:1px solid #000; float:left; padding:5px; width:230px; } #dr_amsBox big{ font-size:13px; font-weight:bold; } #dr_amsHaveAccount{ margin-bottom:10px; } #dr_olbuLogin h3{ background:#FFFFFF url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/gradientFill.jpg) repeat-y scroll 0%; color:#000000; font-size:16px; margin:0pt 0pt 10px; padding:5px; } #dr_olbuFormWrap .dr_formLine label{ width:70px; } #dr_olbuFormWrap .dr_formLine{ float:left; } #dr_olbuFormWrap{ border:1px solid #999; float:left; margin:15px 0 0 5px; padding:10px 15px 15px 10px; } #dr_olbuFormWrap label{ padding-left:5px; } #dr_olbuEmail{ float:left; } #dr_olbuPassword{ float:left; padding:0 5px; } #dr_olbuBtn{ float: left; padding-top:15px } #billingState,#billingCountry{ width:180px; } #dr_optIn .dr_formLine{ margin:3px; } #bulletsARmsg{ padding-left:15px; font-family:Verdana, Arial, Helvetica, sans-serif; } .Li_AutoRenew{ font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:5px; } #optOutChek{ margin-left:-5px; float:left; } #optOuttext{ } .NAIPoverlay { position:relative; display:inline; } .NAIPoverlay .moreInfo { position:relative; z-index:2; } .NAIPoverlay #NAIPmore { display:block; } #NAIPmore { position: absolute; left: 318px; top: 5px; z-index:3; width: 300px; height: 300px; background: url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/NAIP_files/page_body5-1.gif) no-repeat; } #NAIPmore p { width: 250px; margin: 10px; } li.naipPop { background-image:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symnzhho/cm/images/naip_checkmark_orange.gif); background-position:left top; background-repeat:no-repeat; display:block; height:14px; list-style-type:none; margin-left:15px; margin-top:4px; margin-bottom:20px; padding-left:20px; padding-top:0; width: 240px; } .NAIPmoreInfo { color:#CC6600;text-decoration:none; } .NAIPmoreInfo:hover { color:#CC6600;text-decoration:none; } a.privacy, a.privacy:link, a.privacy:visited, a.privacy:hover, .privacy:active { color:#cc6600; text-decoration:underline; } .NAIPtitles { background-color:#999999; color:#FFFFFF; overflow:hidden; padding:10px; width:574px; } #NAIPPrivacyPolicy { padding-left:10px; padding-right:15px; padding-bottom:2px; margin-top: 8px; width: 240px; } li.naipPop { _margin-top:4px; _margin-bottom:4px; *margin-left:0px; *padding-left:18px; } #NAIPmore p { *margin: *8px; } #NAIPPrivacyPolicy { *width: 220px; } .payment_info_line{ width:250px; float:left;} #dr_help_underline a { color:white; float:right; text-decoration: underline; } .utilities2 { width:147px; } #dr_Page_QCShoppingCartPage .utilities2 { width:101px; text-align:right; } #dr_declineOffer { padding-left:20px; float:left; width:250px; } #dr_Page_CategoryListPage .utilities1, #dr_Page_CategoryListPage .utilities6 { width:147px; text-align:left; } #dr_Page_CategoryListPage .utilities2 { width:101px; text-align:left; } /* */ /* Bagwell's note for stylesheet indentifier: To edit this, you need to go to this content element, well, minus the Page suffix: "StyleSheet_LocalePage" */ /*--------------------------[Locale Specific Category List Row CSS]-------------------------*/ /* This section allows you (the developer) to move the vertical line on the category list rows left or right to accomidate for currencies that may require additional characters Simply use the format ".dr_Local_en_US" to specify which local you are working with as a prefix to the selector. */ .dr_Locale_es_BR div#dr_categoryListIteration { background-position:320px 50px; } .dr_Locale_es_BR div.sym_categoryListProductInfo p { margin-right:145px; } #dr_Locale_fi_FI div.sym_productsCatFeatured { float:left; width:350px; padding:10px 5px; } body.dr_Locale_fi_FI #shListCats li{ width:135px; } body.dr_Locale_es_MX div.dr_CategoryListSmb div.sym_categoryListPriceInfo select, div.dr_CategoryProductListSmb div.sym_categoryListPriceInfo select, body.dr_Locale_pt_BR div.dr_CategoryListSmb div.sym_categoryListPriceInfo select, div.dr_CategoryProductListSmb div.sym_categoryListPriceInfo select { float:left; width:270px; margin-right:2px; padding:0px; text-align:left; } /*--------------------------[End Locale Specific Category List Row CSS]-------------------------*/ div.sym_categoryListSelector { margin-left:100px; } /* START LOGIC TO DISPLAY COMPARE PRODUCTS FOR ENGLISH ONLY*/ /* This locale specific CSS turns on the compare products link on the CategoryList and CategoryProductList pages only for english sites. */ /* do not edit the p#englishOnly or p#englishOnly */ p#englishOnly{ clear:both; } p#englishOnly span{ display:none; } /* add English locals here */ body.dr_Locale_en_PR p#englishOnly span{ display:none; } body.dr_Locale_en_IE p#englishOnly span{ display:inline; } body.dr_Locale_en_GB p#englishOnly span{ display:inline; } body.dr_Locale_en_ZA p#englishOnly span{ display:inline; } body.dr_Locale_en_AU p#englishOnly span{ display:inline; } body.dr_Locale_en_SG p#englishOnly span{ display:inline; } body.dr_Locale_en_US p#englishOnly span{ display:inline; } /* END LOGIC TO DISPLAY COMPARE PRODUCTS FOR ENGLISH ONLY*/ /* START TO SHOW ENT ONLY AT SYMNAHHO*/ body.dr_Locale_en_US div#sym_changeYourStore ul li#sym_ENT { display: block; } /* END TO SHOW ENT ONLY AT SYMNAHHO*/ /* START ADD THE STYLE FOR THE LAST LI TO HAVE AN EXTRA SPACE BETWEEN FEATURED PRODUCTS at the home*/ #productsCatFeatured .dr_featuredProductPaddingFix{ padding-bottom:10px; } /* END ADD THE STYLE FOR THE LAST LI TO HAVE AN EXTRA SPACE BETWEEN FEATURED PRODUCTS at the home*/ /*--------------------------[Locale Specific Product Details Page Row CSS]-------------------------*/ body.dr_Locale_en_US #dr_ProductDetails #dr_thumbnailImage { float:left; width:115px; } body.dr_Locale_en_US #dr_ProductDetails #dr_purchaseDetails { margin-left:10px; width:170px; float:left; } /* */ /* Bagwell's note for stylesheet indentifier: To edit this, you need to go to this content element, well, minus the Page suffix: "StyleSheet_CategoryListPage" */ /* BEGIN PRODUCT LISTING PAGE CSS */ /* Used for CategoryProductList and CategoryList pages. */ /* Styles for CategoryProductList page */ #dr_CategoryProductList.dr_Content { float:left; margin:0; padding:0; width:455px; } #dr_CategoryProductList h1, #dr_CategoryList h1 { color:#7F6377; float:left; margin:8px 0 20px; padding-right:5px; width:auto; } #dr_CategoryProductList #sym_categoryJumpMenu, #dr_CategoryList #sym_categoryJumpMenu { float:right; margin:8px 0 0; padding:0; text-align:right; } #dr_CategoryProductList #sym_categoryJumpMenu select, #dr_CategoryList #sym_categoryJumpMenu select { margin:0px 0 0; } #dr_CategoryProductList p.callToActionButton, #dr_CategoryList p.callToActionButton { clear:left; } #dr_CategoryProductList h2 { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym-cssDottedTopLine.gif) #7F6377 repeat-x top; color:#FFFFFF; margin:0 0 5px; padding:4px 2px 2px 4px; } div#sym_columnWrap { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym-cssDotted.gif) repeat-x bottom; float:left; width:455px; } #dr_CategoryProductList #dr_column1 { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym-cssDottedVertical.gif) repeat-y right; float:left; margin:0 10px 0 0; padding:5px 0; width:365px; } #dr_column1 a.dr_thumbnailImage { float:left; margin:0; width:100px; } #dr_column1 h3 { margin:0 0 0 110px; padding:0; width:250px; } #sym_columnWrap #dr_column1 p { clear:right; margin:0 0 0 110px; padding:0; width:250px; } #dr_CategoryProductList #dr_column2 { float:left; margin:0; padding:20px 0 5px; text-align:center; width:70px; } #dr_CategoryProductListRight { float:right; margin:0; padding:0; width:110px; } #sym_globalTools img { margin:0 0 5px; } #sym_merchandizing img { margin:18px 0 0; } /* Styles for ProductSearchResults page */ #dr_ProductSearchResults h1 { float:left; width:65%; } #dr_ProductSearchResults #dr_column1 { float:left; width:10%; padding-top:10px; } #dr_ProductSearchResults #dr_column2 { float:right; width:80%; padding-top:10px; } #dr_ProductSearchResults #dr_searchInfo { background-color:#999; color:#ffffff; font-size:16px; font-weight:bold; padding:3px 0px 3px 10px; } #dr_ProductSearchResults #dr_totalSize { float:right; width:180px; font-size:11px; } .dots { background:url(//drh.img.digitalriver.com/DRHM/Storefront/Site/symanlam/cm/images/sym-cssDotted.gif) repeat-x bottom; width:100%; } #dr_ProductSearchResults #dr_searchTitle { width:75%; } #dr_ProductSearchResults #dr_searchPage { text-align:right; padding-top:10px; float:right; width:25%; } /* smb style */ #dr_CategoryProductList #dr_column1Smb { margin:0 10px 0 0; padding:5px 0; width:445px; } #dr_column1Smb a.dr_thumbnailImage { float:left; margin:0; width:100px; } #dr_column1Smb h3 { margin:0 0 0 100px; padding:0; width:340px; } #dr_column1Smb p { clear:right; margin:0 0 10px 100px; padding:0; width:340px; } #dr_column1Smb select { margin:0 10px 5px 100px; } /* END PRODUCT LISTING CSS */ #sym_globalTools img { margin:0 0 5px; } .sym_subCategoryRow{ padding-top:5px; } *html .sym_subCategoryRow{ padding-bottom:7px; padding-top:10px; } .sym_categoryListProductInfo_smb { float:left; padding:5px 0 5px 0; } .sym_categoryListProductInfo_smb h3{ width:360px; } .sym_categoryListProductInfo_smb p{ } .sym_categoryListPriceInfo select#productID { margin:0 10px 0 0; width:250px; } #dr_categoryListIteration .sym_subCategoryRow{ padding:5px 0 5px 0; } #upgradeOffer1 div.expressUpgradeDetail,#upgradeOffer2 div.expressUpgradeDetail { margin-top:13px; *margin-top:6.5px; } #upgradeOffer0, #upgradeOffer1, #upgradeOffer2 { height:241px; } .lftNavSubNav { display:none; } /*IE 6 Float correction*/ #contentPane2 { _width:820px !important; } .twoColRgtRgt { _width:615px; } #dr_productSummary { _width:455px; }