body { background:#4A8788 url('http://www.wonderdogsoftware.com/mpic/topGradient.jpg') repeat-x; margin:0 0 0 0; padding:0 0 0 0; } div { margin:0px; padding:0px; } body, div, p, ul, li, td, select { font-size:14px; font-family:Arial Narrow;font-weight:bold; san-serif; color: #CEF0FF; } h1 { color:#036; font-size:12px; font-family:arial Narrow; font-weight:bold; margin-bottom:0px; margin-top:0px; } h2, h3 { color:blue; font-family:arial narrow; font-weight:bold; font-size:14px; margin-bottom:0px; } h4 { color:#ffffff font-size:10px; font-family:arial; font-weight:bold;} td { font-size:10px; vertical-align:top; } img { border:0; } a, a:active, a:visited, a:link, .numcol a, .numcol a:active, .numcol a:visited, .numcol a:link {text-decoration:underline; color:#FFFFFF; } a:hover { color:#FFF600; text-decoration:none; } /* SECONDARY NAV */ #navleftlinecell { width:3px; background:url('http://www.wonderdogsoftware.com/mpic/navLeftLineRepeat.gif') repeat-y; } #navleftline { width:3px; /*height:204px;*/ height:170px; display:block; background:url('http://www.wonderdogsoftware.com/mpic/navLeftLine.gif') no-repeat; } #secondarynav { background: url('http://www.wonderdogsoftware.com/mpic/secondNavBg.gif') no-repeat; padding:30px 0px 0px 6px; height:577px; text-align:left; } #secondarynav a, .secondarynav a:active, .secondarynav a:visited { font-size:14px; color:#babcbe; font-weight:bold; } #secondarynav a:hover { color:#ffffff; } #secondarynav img { padding-right:8px; vertical-align:middle; display:inline; } /* SECONDARY NAV */ /* GROUP PROMO IMAGE */ .grouppromo { padding:2px 0px 3px 0px; } /* GROUP PROMO IMAGE */ /* GROUP BOX */ .groupflvplayer { background:url('http://www.wonderdogsoftware.com/mpic/product_flv_bg.gif') #000 no-repeat; width:325px; height:284px; padding:5px 0px 0px 1px;} #groupscroll { width:256px; /*height:330px;*/ height:360px; overflow:auto; overflow-x: hidden; } .grouptabbox { width:266px; height:370px; padding:10px 0px 0px 0px; margin:0px; background:url('http://www.wonderdogsoftware.com/mpic/groupTabBox.gif') no-repeat top; } .grouptabbox table.grouptabs { display:block; width:266px; height:34px; padding:0px; margin:0px; } .grouptabbox .acontainer { display:inline; float:left; padding:9px 0px 0px 0px; margin:0px; } .grouptabbox .acontaineroff { height:14px; width:14px; padding:0px 10px 0px 10px; margin:0px; background:url('http://www.wonderdogsoftware.com/mpic/tabBoxTabsDivider.gif') no-repeat right; cursor:pointer; } .grouptabbox .acontaineron { display:inline; float:left; padding:0px 10px 0px 10px; margin:0px; height:14px; background:#0D7F9A url('http://www.wonderdogsoftware.com/mpic/tabBoxTabsDivider.gif') no-repeat right; cursor:pointer; } .grouptabbox .tabbed { display:inline; float:left; } .grouptabbox .tabmid { padding-top:9px; margin:0px 0px 0px 2px; text-align:center; width:27px; height:21px; background:url('http://www.wonderdogsoftware.com/mpic/groupTabbed.gif') no-repeat; } .grouptabboxcontent { margin:0px 0px 0px 4px; padding:0px; color:#2D3942; } .grouptabboxcontent a, .grouptabboxcontent a:active, .grouptabboxcontent a:visited { color:#2D3942; font-weight:bold; } .grouptabboxcontent a:hover { color:#F6FF00; text-decoration:underline; } .grouptabboxproductname { display:block; padding:0px; width:200px; } .grouptabboxproductname img { display:inline; float:left; padding:3px 4px 0px 0px; white-space:nowrap; } .grouptabboxprice { color:#2D3942; padding:5px 0px 0px 0px; } .grouptabboxdarkrow { border-bottom:1px solid #858d93; padding:10px 10px 10px 15px; } .grouptabboxlightrow { background:url('http://www.wonderdogsoftware.com/mpic/groupListBoxLightRow.gif') repeat-y; border-top:1px solid #cdd3d7; border-bottom:1px solid #858d93; padding:10px 10px 10px 15px; } .grouptabboxfirstrow { border-bottom:1px solid #858d93; padding:10px 10px 10px 15px; } .grouptabboxlastdarkrow { border-top:1px solid #cdd3d7; padding:10px 10px 10px 15px; } .grouptabboxlastlightrow { background:url('http://www.wonderdogsoftware.com/mpic/groupListBoxLightRow.gif') repeat-y; border-top:1px solid #cdd3d7; padding:10px 10px 10px 15px; } .grouptitlebox { display:block; width:329px; height:87px; padding:0px; margin:4px 0px 0px 0px; background:url('http://www.wonderdogsoftware.com/mpic/groupBoxTitleBg.gif') no-repeat; } .groupboxtitle { font-size:14px; height:44px; font-weight:bold; color:#FFFFFF; margin:0px; padding:7px 15px 0px 15px; } .viewproductbtn { display:inline; float:left; margin:5px 20px 0px 12px; padding:0px; } .groupboxdownload img { display:inline; float:left; white-space:nowrap; padding:0px; margin:0px 10px 0px 0px; } /* GROUP BOX */ /* FLASH DETAIL MODULE */ .flashproductdetail { padding:5px 0px 0px 0px; } /* FLASH DETAIL MODULE */ /* HOME MEDIA BOX */ .homemediabox { width:618px; margin-bottom:8px; } .homemediabox .top { display:block; background:url('http://www.wonderdogsoftware.com/mpic/homeMediaBoxT.gif') no-repeat; width:618px; height:18px; padding:0px; margin:0px; } .homemediabox .content { display:block; background:#B0BBC3 url('http://www.wonderdogsoftware.com/mpic/homeMediaBoxM.gif') repeat-y; width:601px; padding-left:17px; padding-top:0px; margin:0px; } .homemediabox .content img { margin:0px; padding:0px; display:block; } .homemediabox .bottom { display:block; background:url('http://www.wonderdogsoftware.com/mpic/homeMediaBoxB.gif') no-repeat; width:618px; height:18px; } .homemediabox .bg {background:#000; width:584px;} /* HOME MEDIA BOX */ /* CATEGORY MEDIA BOX */ .catmediabox { width:618px; margin-bottom:8px; } .catmediabox .content { display:block; background:#687882 url('http://www.wonderdogsoftware.com/mpic/catMediaBoxM.gif') repeat-y; width:608px; padding-left:10px; margin:0px; } .catmediabox .bottom { display:block; background:url('http://www.wonderdogsoftware.com/mpic/catMediaBoxB.gif') no-repeat; width:618px; height:10px; } .catmediabox .bg {background:#000; width:594px; padding-left:4px;} /* CATEGORY MEDIA BOX */ /* CATEGORY HEADER BOX */ .catheaderbox { width:618px; height:45px; background:url('http://www.wonderdogsoftware.com/mpic/catHeaderBoxR.gif') no-repeat bottom; } .catheaderbox .left { display:block; background:url('http://www.wonderdogsoftware.com/mpic/catHeaderBoxL.gif') no-repeat; width:28px; height:45px; padding:0px; margin:0px; } .catheaderbox .content { background:url('http://www.wonderdogsoftware.com/mpic/catHeaderBoxT.gif') repeat-x; padding:15px 20px 0px 0px; margin:0px; white-space:nowrap; } .catheaderbox .content img { padding:0px 12px 0px 0px; vertical-align:bottom; display:inline; } .catheaderbox a.category, a.category:active, a.category:visited, .category { color:#ffffff; font-weight:bold; font-size:18px; padding:0px 5px 0px 0px; margin:0px; vertical-align:bottom; display:inline; } .catheaderbox a.category:hover { color:#9da5aa; } .catheaderbox a.genre, a.genre:active, a.genre:visited, .genre { color:#ffffff; font-size:14px; font-weight:bold; padding:0px 5px 0px 0px; margin:0px; vertical-align:bottom; display:inline; } .catheaderbox a.genre:hover { color:#9da5aa; } .catheaderbox .endtab { display:block; background:url('http://www.wonderdogsoftware.com/mpic/catHeaderBoxM.gif') no-repeat; width:47px; height:45px; padding:0px; margin:0px; } /* CATEGORY HEADER BOX */ /* CONTENT TEXT BOX */ .contenttextbox { width:598px; padding:0px; margin-left:10px; } .contenttextboxtop { display:block; background:url('http://www.wonderdogsoftware.com/mpic/contentTextBoxT.gif') no-repeat bottom; width:598px; height:6px; padding:0px; margin:0px; font-size:0px; } .contenttextboxcontent, #patchesContent { background:#c3c8cc url('http://www.wonderdogsoftware.com/mpic/contentTextBoxM.gif') repeat-y; width:558px; padding:10px 20px 10px 20px; margin:0px; } .contenttextboxbottom { display:block; background:url('http://www.wonderdogsoftware.com/mpic/contentTextBoxB.gif') no-repeat top; width:598px; height:6px; padding:0px; margin:0px; font-size:0px; } .contenttextboxleftcol { width:260px; background:url('http://www.wonderdogsoftware.com/mpic/dotLineDownNorm.gif') repeat-y right; padding:10px 20px 0px 0px; } .contenttextboxrightcol { padding:10px 0px 0px 20px; } /* CONTENT TEXT BOX */ /* THREE FEATURES BOX */ .threefeaturesbox { width:618px; margin-bottom:8px; } .threefeaturesbox a, .threefeaturesbox a:active, .threefeaturesbox a:visited { color:#ffffff; font-weight:bold; } .threefeaturesbox a:hover { color:#9da5aa; text-decoration:underline; } .threefeaturesbox .top { display:block; background:url('http://www.wonderdogsoftware.com/mpic/threeFeaturesBoxT.gif') no-repeat; width:618px; height:20px; padding:0px; margin:0px; } .threefeaturesbox .content { background:#000000 url('http://www.wonderdogsoftware.com/mpic/threeFeaturesBoxM.gif') repeat-y; width:591px; margin:0px; padding:0px 14px 0px 13px; color:#9da5aa; } .threefeaturesbox .featurecell { padding:0px; margin:0px; width:197px; } .threefeaturesbox .title { padding:5px 10px 0px 10px; margin:0px 0px 0px 9px; width:159px; height:16px; background:url('http://www.wonderdogsoftware.com/mpic/threeFeaturesBoxTitle.gif') no-repeat; color:#ffffff; font-weight:bold; font-size:11px; } .threefeaturesbox .thumb { padding:0px; margin:0px 0px 5px 0px; text-align:center; } .threefeaturesbox .thumb img { border-top:2px solid #4B5053; border-bottom:2px solid #000000; } .threefeaturesbox .thumb img:hover { border-top:2px solid #9da5aa; border-bottom:2px solid #9da5aa; } .threefeaturesbox .content .icon { width:18px; text-align:left; vertical-align:top; } .threefeaturesbox .productname { display:inline; float:left; width:164px; height:40px; color:#9da5aa; margin-bottom:10px; margin-left:9px; padding:0px; } .threefeaturesbox .btns { width:188px; padding-left:9px; margin:0px 0px 15px 0px; display:block; } .threefeaturesbox .bigqlookbtn { padding:6px 10px 0px 0px; vertical-align:top; margin:0px; display:inline; float:left; } .threefeaturesbox .boxlinkoff { margin:10px 0px 0px 0px; padding:6px 10px 3px 10px; background-color:#3a3e40; border-right-width:1px; border-right-style:solid; border-right-color:#2d2c2c; font-size: 10px; color: #8fb0c9; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; } .threefeaturesbox .boxlinkon { margin:10px 0px 0px 0px; padding:6px 10px 3px 10px; background-color:#4D5153; border-right-width:1px; border-right-style:solid; border-right-color:#2d2c2c; color: #ffffff; text-decoration:none; cursor:pointer; } .threefeaturesbox .boxlink a, .threefeaturesbox .boxlink a:active, .threefeaturesbox .boxlink a:visited { display:block; margin:0px; padding:6px 10px 3px 10px; width:175px; height:12px; background-color:#3a3e40; border-right:1px solid #2d2c2c; border-left:1px solid #424040; font-size: 10px; color:#8fb0c9; font-weight:normal; } .threefeaturesbox .boxlink a:hover { background-color:#4D5153; color:#ffffff; text-decoration:none; cursor:pointer; } .threefeaturesbox .bottom { display:block; background:url('http://www.wonderdogsoftware.com/mpic/threeFeaturesBoxB.gif') no-repeat; width:618px; height:10px; } /* THREE FEATURES BOX */ /* THREE FEATURES BOX2 */ .threefeaturesbox2 { width:618px; margin-bottom:8px; } .threefeaturesbox2 a, .threefeaturesbox a:active, .threefeaturesbox a:visited { color:#FFFC00; font-weight:bold; font-size:14px } .threefeaturesbox2 a:hover { color:#FFFFFF; text-decoration:underline; } .threefeaturesbox2 .top { display:block;) no-repeat; width:618px; height:20px; padding:0px; margin:0px; } .threefeaturesbox2 .content { background:#FFF000) repeat-y; width:591px; margin:0px; padding:0px 14px 0px 13px; color:#9da5aa; } .threefeaturesbox2 .featurecell { padding:0px; margin:0px; width:197px; } .threefeaturesbox2 .title { padding:5px 10px 0px 10px; margin:0px 0px 0px 9px; width:159px; height:16px; background:url('http://www.wonderdogsoftware.com/mpic/threeFeaturesBoxTitle.gif') no-repeat; color:#F0C4F8; font-weight:bold; font-size:11px; } .threefeaturesbox2 .thumb { padding:0px; margin:0px 0px 5px 0px; text-align:center; } .threefeaturesbox2 .thumb img { border-top:2px solid #4B5053; border-bottom:2px solid #FFF000; } .threefeaturesbox2 .thumb img:hover { border-top:2px solid #9da5aa; border-bottom:2px solid #9da5aa; } .threefeaturesbox2 .content .icon { width:18px; text-align:left; vertical-align:top; } .threefeaturesbox2 .productname { display:inline; float:left; width:164px; height:40px; color:#9da5aa; margin-bottom:10px; margin-left:9px; padding:0px; } .threefeaturesbox2 .btns { width:188px; padding-left:9px; margin:0px 0px 15px 0px; display:block; } .threefeaturesbox2 .bigqlookbtn { padding:6px 10px 0px 0px; vertical-align:top; margin:0px; display:inline; float:left; } .threefeaturesbox2 .boxlinkoff { margin:10px 0px 0px 0px; padding:6px 10px 3px 10px; background-color:#3a3e40; border-right-width:1px; border-right-style:solid; border-right-color:#2d2c2c; font-size: 10px; color: #8fb0c9; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; } .threefeaturesbox2 .boxlinkon { margin:10px 0px 0px 0px; padding:6px 10px 3px 10px; background-color:#4D5153; border-right-width:1px; border-right-style:solid; border-right-color:#2d2c2c; color: #F0C4F8; text-decoration:none; cursor:pointer; } .threefeaturesbox2 .boxlink a, .threefeaturesbox .boxlink a:active, .threefeaturesbox .boxlink a:visited { display:block; margin:0px; padding:6px 10px 3px 10px; width:175px; height:12px; background-color:#3a3e40; border-right:1px solid #2d2c2c; border-left:1px solid #424040; font-size: 10px; color:#8fb0c9; font-weight:normal; } .threefeaturesbox2 .boxlink a:hover { background-color:#4D5153; color:#DDF8C4; text-decoration:none; cursor:pointer; } .threefeaturesbox2 .bottom { display:block;) no-repeat; width:618px; height:10px; } /* THREE FEATURES BOX */ /* FEATURES BOX */ .featuresboxtop { display:block; background:url('http://www.wonderdogsoftware.com/mpic/featuresBoxT.gif') no-repeat; width:618px; height:13px; padding:0px; margin:0px; } .featuresboxbottom { display:block; background:url('http://www.wonderdogsoftware.com/mpic/featuresBoxB.gif') no-repeat; width:618px; height:15px; } .featuresboxbottom2 { display:block; background:url('http://www.wonderdogsoftware.com/mpic/featuresBoxB2.gif') no-repeat; width:618px; height:11px; } .featuresboxmid { display:block; background:url('http://www.wonderdogsoftware.com/mpic/featuresBoxM.gif') no-repeat; width:618px; height:18px; } /* FEATURES BOX */ /* THREE FEATURES CATEGORY BOX */ .threefeatcatbox { width:618px; margin-bottom:8px; } .threefeatcatbox a, .threefeatcatbox a:active, .threefeatcatbox a:visited { color:#ffffff; font-weight:bold; } .threefeatcatbox a:hover { color:#9da5aa; text-decoration:underline; } .threefeatcatbox .top { display:block; background:url('http://www.wonderdogsoftware.com/mpic/threeFeaturesBoxT.gif') no-repeat; width:618px; height:20px; padding:0px; margin:0px; } .threefeatcatbox .content { background:#000000 url('http://www.wonderdogsoftware.com/mpic/threeFeaturesBoxM.gif') repeat-y; width:591px; margin:0px; padding:0px 14px 0px 13px; color:#9da5aa; } .threefeatcatbox .featurecell { padding:0px; margin:0px; width:197px; } .threefeatcatbox .title { padding:5px 10px 0px 10px; margin:0px 0px 0px 9px; width:159px; height:16px; background:url('http://www.wonderdogsoftware.com/mpic/threeFeaturesBoxTitle.gif') no-repeat; color:#ffffff; font-weight:bold; font-size:11px; } .threefeatcatbox .thumb { padding:0px; margin:0px 0px 5px 0px; text-align:center; } .threefeatcatbox .thumb img { border-top:2px solid #4B5053; border-bottom:2px solid #000000; } .threefeatcatbox .thumb img:hover { border-top:2px solid #9da5aa; border-bottom:2px solid #9da5aa; } .threefeatcatbox .productname { display:block; width:179px; height:50px; color:#9da5aa; margin:0px 0px 10px 9px; padding:0px; } .threefeatcatbox .productname img { display:inline; float:left; padding:6px 4px 0px 0px; white-space:nowrap; } .threefeatcatbox .price { display:inline; float:left; color:#9da5aa; padding:8px 0px 0px 0px; } .threefeatcatbox .listing { font-size:16px; clear:both; display:block; margin:0px; padding:10px 10px 12px 10px; width:175px; height:60px; background:#262626 url('http://www.wonderdogsoftware.com/mpic/threeFeatCatDotLine.gif') no-repeat top; border-right:1px solid #2d2c2c; border-left:1px solid #424040; } .threefeatcatbox .listing h2 { font-size:16px; font-size:10px; color:#999999; font-weight:bold; padding:0px; margin:0px 0px 5px 0px; } .threefeatcatbox .listing a, .threefeatcatbox .listing a:active, .threefeatcatbox .listing a:visited { font-size:16px; font-weight:normal; } .threefeatcatbox .listing a:hover { font-size:16px; color:#ebebeb; background-color:#515151; text-decoration:none; } .threefeatcatbox ul { font-size:16px; list-style-image:url('http://www.wonderdogsoftware.com/mpic/blueDotList.gif'); padding:0px; margin:0px 0px 0px 20px; display:block; } .threefeatcatbox .boxlink a, .threefeatcatbox .boxlink a:active, .threefeatcatbox .boxlink a:visited { display:block; margin:0px; padding:6px 10px 3px 10px; width:175px; height:12px; background-color:#3a3e40; border-right:1px solid #2d2c2c; border-left:1px solid #424040; font-size: 10px; color:#8fb0c9; font-weight:normal; } .threefeatcatbox .boxlink a:hover {font-size:16px; background-color:#4D5153; color:#ffffff; text-decoration:none; cursor:pointer; } .threefeatcatbox .bottom { font-size:16px; display:block; background:url('http://www.wonderdogsoftware.com/mpic/threeFeaturesBoxB.gif') no-repeat; width:618px; height:15px; } /* THREE FEATURES CATEGORY BOX */ /* TABBED BOX */ .tabbox { font-size:16px; width:618px; margin-bottom:8px; height:700px; background:url('http://www.wonderdogsoftware.com/mpic/tabBoxBg.gif') no-repeat top; } .tabbox a, .tabbox a:active, .tabbox a:visited, .searchlink a, .searchlink a:active, .searchlink a:visited, .searchlink a:link { color:#2D3942; font-weight:bold; font-size:16px; } .tabbox a:hover, .searchlink a:hover { font-size:16px; color:#F6FF00; text-decoration:none; } .tabbox .tabs { font-size:16px; display:block; width:618px; height:34px; padding:0px; margin:0px; } .tabbox .tabs .acontainer { font-size:16px; padding:12px 0px 0px 0px; margin:0px; display:inline; float:left; } .tabbox .tabs .acontainer a, .tabbox .tabs .acontainer a:active, .tabbox .tabs .acontainer a:visited { font-size:16px; color:#cccccc; padding:0px 10px 0px 10px; margin:0px; background:url('http://www.wonderdogsoftware.com/mpic/tabBoxTabsDivider.gif') no-repeat right; cursor:pointer; } .tabbox .tabs .acontainer a:hover { font-size:16px; color:#ffffff; text-decoration:none; background-color: #0D7F9A; } .tabbox .tabs .tabbed { font-size:16px; color:#000000; font-size:16px; font-weight:bold; display:inline; float:left; } .tabbox .tabs .tableft { font-size:16px; display:block; background:url('http://www.wonderdogsoftware.com/mpic/tabBoxTabsL.gif') no-repeat; width:4px; height:34px; padding:0px; margin:0px; } .tabbox .tabs .tabmid { font-size:16px; padding:12px 10px 0px 10px; margin:0px; height:21px; border-top-width:1px; border-top-style:solid; border-top-color:#313f48; background-color:#9aa3aa; } .tabbox .tabs .tabright { font-size:16px; display:block; background:url('http://www.wonderdogsoftware.com/mpic/tabBoxTabsR.gif') no-repeat; width:4px; height:34px; padding:0px; margin:0px } .tabbox .content { font-size:10px; width:586px; height:280px; margin:0px; padding:10px 15px 0px 15px; color:#2D3942; } .tabbox .content .numbox { font-size:10px; display:inline; float:left; background:url('http://www.wonderdogsoftware.com/mpic/tabBoxNumBg.gif') repeat-x top; width:30px; height:24px; margin:0px; padding-top:32px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color:#C2C8CC; } .tabbox .content .thumb { font-size:10px; display:inline; float:left; width:65px; padding-top:10px; margin:0px; text-align:right; } .tabbox .content .thumb img, .topfivegameimg img { font-size:10px; border: 1px solid #FFFFFF; } .tabbox .content .thumb img:hover, .topfivegameimg img:hover { font-size:10px; border: 1px solid #2d3942; } .tabbox .content .icon { font-size:16px; display:inline; float:left; width:25px; padding-top:10px; text-align:center; } .tabbox .content .productname { font-size:10px; display:inline; float:left; padding-top:10px; width:170px; line-height:10px; } .tabbox .content .productname img { font-size:10px; padding:3px 3px 0px 0px; vertical-align: middle; display: inline; } .tabbox .content .rowdivider { font-size:10px; background:url('http://www.wonderdogsoftware.com/mpic/tabBoxRowDivider.gif') no-repeat bottom; } .tabbox .content .lightrowdivider { font-size:10px; background:#c2c8cc url('http://www.wonderdogsoftware.com/mpic/tabBoxRowDivider.gif') no-repeat bottom; } .selectedTabTable .left { font-size:10px; display:inline; background:url('http://www.wonderdogsoftware.com/mpic/tabBoxTabsL.gif') no-repeat; width:4px; height:34px; padding:0px; margin:0px; float:left; } .selectedTabTable .mid { font-size:10px; padding:0px 10px 0px 10px; margin:0px; height:21px; border-top-width:1px; border-top-style:solid; border-top-color:#313f48; background-color:#9aa3aa; color:#000000; font-weight: bold; } .selectedTabTable .right { font-size:10px; display:inline; background:url('http://www.wonderdogsoftware.com/mpic/tabBoxTabsR.gif') no-repeat; width:4px; height:34px; padding:0px; margin:0px; float:left; } .selectedTabTable { font-size:10px; border-collapse: collapse; } .menu td { font-size:10px; vertical-align: middle;} .td { font-size:10px; vertical-align: middle;} .text { font-size:10px; vertical-align: middle;} .h1 { font-size:8px} .tabbox .off { font-size:10px; color: #fff; padding: 0px 10px; } .tabbox .off:hover, .tabbox .off a:hover { font-size:10px; color:#ccc;} .tabbox .hover { font-size:10px; color: #666; } .tabdetailbox .off { color: #ccc; padding:10px; font-size:16px; font-weight:bold; } .tabdetailbox .hover { font-size:10px; color: #666; } .divrowdivider { font-size:10px; background:url('http://www.wonderdogsoftware.com/mpic/tabBoxRowDivider.gif') no-repeat bottom; height:56px;} .lightdivrowdivider { font-size:10px; background:#c2c8cc url('http://www.wonderdogsoftware.com/mpic/tabBoxRowDivider.gif') no-repeat bottom; height:56px; } /* TABBED BOX */ /* TABBED DETAIL BOX */ .tabdetailbox { width:618px; margin-bottom:8px; background:url('http://www.wonderdogsoftware.com/mpic/tabDetailBoxT.gif') no-repeat top; } .tabdetailbox .tabs { font-size:16px; display:block; width:618px; height:34px; padding:0px; margin:0px; } .tabdetailbox .acontainer { font-size:16px; display:inline; float:left; padding:12px 0px 0px 0px; margin:0px; } .tabdetailbox .acontaineroff { font-size:16px; display:inline; float:left; padding:0px 10px 0px 10px; margin:0px; font-weight:bold; color:#cccccc; background:url('http://www.wonderdogsoftware.com/mpic/tabBoxTabsDivider.gif') no-repeat right; cursor:pointer; } .tabdetailbox .acontaineron { font-size:16px; display:inline; float:left; padding:0px 10px 0px 10px; margin:0px; font-weight:bold; color:#ffffff; text-decoration:none; background:#0D7F9A url('http://www.wonderdogsoftware.com/mpic/tabBoxTabsDivider.gif') no-repeat right; cursor:pointer; } .tabdetailbox .tabbed { font-size:16px; color:#000000; font-weight:bold; display:inline; float:left; } .tabdetailbox .tableft { font-size:16px; display:block; background:url('http://www.wonderdogsoftware.com/mpic/tabBoxTabsL.gif') no-repeat; width:4px; height:34px; padding:0px; margin:0px; } .tabdetailbox .tabmid { font-size:16px; padding:12px 10px 0px 10px; margin:0px; height:21px; border-top:1px solid #313f48; background-color:#9aa3aa; } .tabdetailbox .tabright { font-size:16px; display:block; background:url('http://www.wonderdogsoftware.com/mpic/tabBoxTabsR.gif') no-repeat; width:4px; height:34px; padding:0px; margin:0px; } .tabdetailbox .mid { font-size:16px; width:586px; padding:15px 15px 13px 15px; margin:0px; background-color:#9aa3aa; border-left:1px solid #313f48; border-right:1px solid #313f48; } .tabdetailbox .content { font-size:16px; background-color:#c3c8cc; padding:20px; margin:0px; } .tabdetailbox .dotlinedown { font-size:16px; background:url('http://www.wonderdogsoftware.com/mpic/dotLineDown.gif') repeat-y left; } .tabdetailbox .leftcolumn { font-size:16px; display:inline; float:left; width:372px; padding:0px 20px 0px 0px; margin:0px; } .tabdetailbox .rightcolumn { font-size:16px; display:inline; float:left; width:152px; padding:0px; margin:0px; } .tabdetailbox .rightcolcontainer { font-size:16px; width:132px; display:block; background:url('http://www.wonderdogsoftware.com/mpic/dotLineRight.gif') repeat-x top; padding:20px 0px 20px 20px; margin:0px; } .tabdetailbox .firstrightcolcontainer { width:132px; display:block; padding:0px 0px 20px 20px; margin:0px; } .tabdetailbox .editorreviewbox { font-size:16px; background-color:#d0d3d5; padding:20px; margin:20px 0px 20px 0px; } .tabdetailbox .editorratebox { font-size:16px; display:inline; float:left; background:url('http://www.wonderdogsoftware.com/mpic/editorRateBox.gif') no-repeat; width:73px; height:53px; text-align:center; padding:20px 0px 0px 0px; margin:14px 10px 0px 0px; font-size:18px; font-weight:bold; color:#ffffff; } .tabdetailbox .userreviewbox { font-size:16px; background:url('http://www.wonderdogsoftware.com/mpic/dotLineRight.gif') repeat-x bottom; padding-bottom:20px; margin:20px 0px 20px 0px; } .tabdetailbox p { font-size:16px; padding:0px; margin:10px 0px 0px 0px; } .tabdetailbox h2 { font-size:16px; color:#000000; font-weight:bold; font-size:11px; padding:0px; margin:0px; } .lightgraytext, .d2dseo { font-size:16px; color:#6b6e70; } .tabdetailbox .thumb img {font-size:16px; border:1px solid #FFFFFF; } .tabdetailbox .thumb img:hover { font-size:16px; border:1px solid #2d3942; } .tabdetailbox .bottom { font-size:16px; display:block; background:url('http://www.wonderdogsoftware.com/mpic/tabDetailBoxB.gif') no-repeat; width:618px; height:7px; } /* TABBED DETAIL BOX */ /* ACCOUNT CONTENT */ .navmydownloadsicon { padding:0px; margin-bottom:3px; } .navmydownloadsoff { height:37px; width:66px; text-align:center; background-color:#d0d3d5; display:block; font-size:10px; font-weight:bold; padding:10px 0px 0px 0px; margin:0px; border-right:1px solid #ffffff; border-left:1px solid #adb1b3; border-bottom:1px solid #adb1b3; } .navmydownloadson { height:37px; width:66px; text-align:center; background-color:#e8ebed; color:#628cac; display:block; font-size:10px; font-weight:bold; padding:10px 0px 0px 0px; margin:0px; border-right:1px solid #ffffff; border-left:1px solid #adb1b3; border-bottom:1px solid #adb1b3; text-decoration:none; cursor:pointer; } .navmydownloadscur { height:37px; width:66px; text-align:center; color:#ebebeb; background-color:#7f8c95; display:block; font-size:10px; font-weight:bold; padding:10px 0px 0px 0px; margin:0px; border-right:1px solid #ffffff; border-left:1px solid #adb1b3; border-bottom:1px solid #adb1b3; } .downloadheaders { padding:10px 0px 10px 0px; font-size:11px; font-weight:bold; color:#ebebeb; background:#aaafb3 url('http://www.wonderdogsoftware.com/mpic/lineRight.gif') repeat-x bottom; } .downloadheaders2 { padding:10px 0px 10px 0px; font-size:11px; color:#ebebeb; background:#aaafb3 url('http://www.wonderdogsoftware.com/mpic/lineRight.gif') repeat-x bottom; } .datecol { width:63px; padding:15px 0px 15px 0px; font-size:9px; background:url('http://www.wonderdogsoftware.com/mpic/lineRight.gif') repeat-x bottom; } .namecol { width:119px; padding:15px 0px 15px 0px; background:url('http://www.wonderdogsoftware.com/mpic/lineRight.gif') repeat-x bottom; } .downloadcol { width:62px; padding:15px 0px 15px 0px; text-align:center; background:url('http://www.wonderdogsoftware.com/mpic/lineRight.gif') repeat-x bottom; } .sendinfocol { width:55px; padding:15px 0px 15px 0px; text-align:center; background:url('http://www.wonderdogsoftware.com/mpic/lineRight.gif') repeat-x bottom; } .codecol { width:233px; padding:15px 0px 15px 0px; font-size:9px; background:url('http://www.wonderdogsoftware.com/mpic/lineRight.gif') repeat-x bottom; } .accountcol { width:309px; padding:5px 0px 5px 0px; font-size:9px; background:url('http://www.wonderdogsoftware.com/mpic/lineRight.gif') repeat-x bottom; } .descriptioncol { width:278px; padding:15px 10px 15px 0px; background:url('http://www.wonderdogsoftware.com/mpic/lineRight.gif') repeat-x bottom; } .numcol { width:65px; padding:15px 0px 15px 0px; background:url('http://www.wonderdogsoftware.com/mpic/lineRight.gif') repeat-x bottom; } .numcol2 { padding:15px 20px 15px 0px; background:url('http://www.wonderdogsoftware.com/mpic/lineRight.gif') repeat-x bottom; text-align:right; font-weight:bold; } .bundlecol1 { width:440px; padding:3px 0px 5px 0px; background:url('http://www.wonderdogsoftware.com/mpic/lineRight.gif') repeat-x bottom; } .bundlecol1 img { vertical-align: middle; display: inline; } .bundlecol2 { width:75px; padding:3px 0px 5px 0px; background:url('http://www.wonderdogsoftware.com/mpic/lineRight.gif') repeat-x bottom; } .myaccountheader { text-align:right; font-weight:bold; color:#3a3e41; padding:5px 0px 5px 0px; background:url('http://www.wonderdogsoftware.com/mpic/lineRight.gif') repeat-x bottom; } .myaccountinfo { text-align:left; padding:5px 0px 5px 5px; background:url('http://www.wonderdogsoftware.com/mpic/lineRight.gif') repeat-x bottom; } .myaccountinfo select { font-size:10px; font-family:Verdana, Verdana, Arial, Helvetica, sans-serif; color:#000000; border:0px; vertical-align:middle; } .generalaccountform { width:200px; font-size:10px; font-family:Verdana, Verdana, Arial, Helvetica, sans-serif; color:#000000; border:0px; vertical-align:middle; } .myaccountsubheader { font-weight:bold; color:#ebebeb; padding:5px 0px 5px 5px; background:#aaafb3 url('http://www.wonderdogsoftware.com/mpic/lineRight.gif') repeat-x bottom; } .myaccountsubheader2 { font-weight:bold; padding:5px 0px 5px 8px; background:#e8ebed url('http://www.wonderdogsoftware.com/mpic/lineRight.gif') repeat-x bottom; } .addresses input { width:150px; font-size:10px; font-family:Verdana, Verdana, Arial, Helvetica, sans-serif; color:#000000; border:0px; vertical-align:middle; } .addressescheckbox { font-size:10px; font-family:Verdana, Verdana, Arial, Helvetica, sans-serif; color:#000000; border:0px; vertical-align:middle; } .stayinformed td { padding:5px 2px 5px 0px; } .redtext { color:#ab1912; } /* ACCOUNT CONTENT */ /* RIGHT TABBED BOX */ .righttabbox { width:209px; margin-bottom:8px; height:394px; background:url('http://www.wonderdogsoftware.com/mpic/rightTabBoxBg.gif') no-repeat top; } .righttabbox a, .righttabbox a:active, .righttabbox a:visited { color:#2D3942; font-weight:bold; font-size:16px; } .righttabbox a:hover { font-size:16px; color:#F6FF00; text-decoration:underline; } .righttabbox .top { display:block; height:25px; color:#ffffff; font-weight:bold; font-size:16px; padding:12px 20px 0px 20px; margin:0px; } .righttabbox .top a, .righttabbox .top a:active, .righttabbox .top a:visited { color:#ffffff; } .righttabbox .top a:hover { font-size:16px; color:#AAFFA6; text-decoration:none; } .righttabbox .tabs { display:block; width:189px; height:31px; padding:0px; margin:0px 0px 0px 10px; } .righttabbox .tabs .acontainer { padding:0px; margin:0px; display:inline; float:left; } .righttabbox .tabs a { padding:0px; margin:0px; cursor:pointer; } .righttabbox .content { width:181px; height:326px; padding:0px; margin:0px 0px 0px 14px; color:#2D3942; } .righttabbox .content .productname { display:inline; float:left; padding:6px 10px 0px 10px; width:161px; line-height:10px; height:46px; } .righttabbox .content .productname img { padding-top:3px; vertical-align: middle; display: inline; } .righttabbox .content .rowdivider { background:url('http://www.wonderdogsoftware.com/mpic/rightTabBoxRowDivider.gif') no-repeat bottom; } .righttabbox .content .lightrowdivider { background:url('http://www.wonderdogsoftware.com/mpic/rightTabBoxLightDivider.gif') no-repeat; } .rt_rowdivider { background:url('http://www.wonderdogsoftware.com/mpic/rightTabBoxRowDivider.gif') no-repeat bottom; height:52px; } .rt_lightrowdivider { background:url('http://www.wonderdogsoftware.com/mpic/rightTabBoxLightDivider.gif') no-repeat; height:52px; } .rt_rowdivider img, .rt_lightrowdivider img {margin-right:4px;} /* RIGHT TABBED BOX */ /* CART */ .cartbox { width:209px; margin-bottom:8px; } .cartbox a, .cartbox a:active, .cartbox a:visited { color:#ffffff; font-weight:bold; } .cartbox a:hover { color:#c2c8cc; text-decoration:underline; } .cartbox .top { display:block; background:url('http://www.wonderdogsoftware.com/mpic/cartBoxT.gif') no-repeat; width:139px; height:28px; color:#ffffff; font-size:11px; font-weight:bold; padding:12px 20px 0px 50px; margin:0px; } .cartbox .top a, .cartbox .top a:active, .cartbox .top a:visited { color:#ffffff; } .cartbox .top a:hover { color:#AAFFA6; text-decoration:none; } .cartbox .bggradient { background:url('http://www.wonderdogsoftware.com/mpic/cartBoxMBg.gif') repeat-x top; width:209px; } .cartbox .content { width:181px; padding:0px 14px 0px 14px; margin:0px; background:#000000 url('http://www.wonderdogsoftware.com/mpic/cartBoxM.gif') repeat-y; } .cartbox .icon { display:inline; float:left; padding:0px 8px 0px 0px; margin:8px 0px 0px 10px; } .cartbox .productname { display:inline; float:left; width:141px; color:#9da5aa; margin:5px 0px 8px 0px; padding:0px; } .cartbox .price { color:#c2c8cc; font-weight:bold; } .cartbox .quantity { font-size:9px; } .cartbox a.remove, .cartbox a.remove:active, .cartbox a.remove:visited { font-size:9px; color:#8fb0c9; font-weight:normal; text-decoration:underline; } .cartbox a.remove:hover { color:#F6FF00; text-decoration:none; background-color:#9da5aa; } .cartbox input { font-size:10px; font-family:Verdana, Verdana, Arial, Helvetica, sans-serif; width:15px; color:#000000; border:1px solid #424040; background-color:#c2c8cc; } .cartbox .noitems { color:#ffffff; padding:0px; margin:5px 0px 5px 10px; } .cartbox .subtotalcontainer { clear:left; display:block; width:149px; height:14px; padding:6px 6px 6px 6px; margin:0px 0px 0px 10px; background-color:#3e4141; } .cartbox .subtotaltext { display:inline; float:left; color:#cccccc; font-size:11px; } .cartbox .subtotal { text-align:center; color:#ffffff; font-size:11px; font-weight:bold; } .cartbox .checkoutbtn { text-align:center; padding:0px; margin:10px 0px 5px 0px; } .cartbox .bottom { display:block; background:url('http://www.wonderdogsoftware.com/mpic/cartBoxB.gif') no-repeat; width:209px; height:16px; } /* CART */ /* RIGHT LIST BOX */ .rightlistbox { width:209px; margin-bottom:8px; } .rightlistbox .top { display:block; background:url('http://www.wonderdogsoftware.com/mpic/rightListBoxT.gif') no-repeat; width:169px; height:28px; color:#ffffff; font-size:11px; font-weight:bold; padding:12px 20px 0px 20px; margin:0px; } .rightlistbox .top a, .rightlistbox .top a:active, .rightlistbox .top a:visited { color:#ffffff; } .rightlistbox .top a:hover { color:#AAFFA6; text-decoration:none; } .rightlistbox .content { width:181px; margin:0px; padding:0px 14px 0px 14px; color:#2D3942; background:#9aa3aa url('http://www.wonderdogsoftware.com/mpic/rightListBoxM.gif') repeat-y; } .rightlistbox .content a, .rightlistbox a:active, .rightlistbox a:visited { color:#2D3942; font-weight:bold; } .rightlistbox .content a:hover { color:#F6FF00; text-decoration:underline; } .rightlistbox .thumb { display:inline; float:left; width:32px; padding:10px 0px 0px 0px; margin:0px 0px 0px 8px; } .rightlistbox .thumb img { border:1px solid #0e466f; } .rightlistbox .thumb img:hover { border:1px solid #FFFFFF; } .rightlistbox .icon { display:inline; float:left; width:20px; padding:10px 0px 0px 0px; text-align:center; } .rightlistbox .productname { display:inline; float:left; padding:8px 0px 8px 0px; width:112px; line-height:10px; } .rightlistbox .productname img { display:inline; float:left; padding:3px 4px 0px 0px; white-space:nowrap; } .rightlistbox .price { display:inline; float:left; color:#2D3942; padding:5px 0px 0px 0px; } .rightlistbox .darkrow { border-top:1px solid #cdd3d7; border-bottom:1px solid #858d93; } .rightlistbox .lightrow { background:url('http://www.wonderdogsoftware.com/mpic/rightListBoxLightRow.gif') repeat-y; border-top:1px solid #cdd3d7; border-bottom:1px solid #858d93; } .rightlistbox .firstrow { border-bottom:1px solid #858d93; } .rightlistbox .lastdarkrow { border-top:1px solid #cdd3d7; } .rightlistbox .lastlightrow { background:url('http://www.wonderdogsoftware.com/mpic/rightListBoxLightRow.gif') repeat-y; border-top:1px solid #cdd3d7; } .rightlistbox .bottom { display:block; background:url('http://www.wonderdogsoftware.com/mpic/rightListBoxB.gif') no-repeat; width:209px; height:14px; } /* RIGHT LIST BOX */ /* RIGHT PRODUCT BOX */ .rightprodbox { width:209px; margin-bottom:8px; } .rightprodbox a, .rightprodbox a:active, .rightprodbox a:visited { color:#ffffff; font-weight:bold; } .rightprodbox a:hover { color:#9da5aa; text-decoration:underline; } .rightprodbox .top { display:block; background:url('http://www.wonderdogsoftware.com/mpic/rightProdBoxT.gif') no-repeat; width:169px; height:37px; color:#ffffff; font-size:11px; font-weight:bold; padding:12px 20px 0px 20px; margin:0px; } .rightprodbox .top a, .rightprodbox .top a:active, .rightprodbox .top a:visited { color:#ffffff; } .rightprodbox .top a:hover { color:#AAFFA6; text-decoration:none; } .rightprodbox .content { width:209px; margin:0px; color:#9da5aa; background:#000000 url('http://www.wonderdogsoftware.com/mpic/rightProdBoxM.gif') repeat-y; padding:6px 0px 6px 0px; } .rightprodbox .content .thumb { display:block; width:145px; height:109px; padding:0px; margin-left:30px; } .rightprodbox .content .icon { display:inline; float:left; width:18px; padding-top:5px; text-align:left; margin-left:32px; } .rightprodbox .content .productname { display:inline; float:left; padding-top:5px; width:127px; line-height:10px; color:#ffffff;} .rightprodbox .content .productname img { padding-top:6px; vertical-align: middle; display: inline; } .rightprodbox .bottom { display:block; background:url('http://www.wonderdogsoftware.com/mpic/rightProdBoxB.gif') no-repeat; width:209px; height:26px; } /* RIGHT PRODUCT BOX */ /* RATINGS BOX */ .ratingsbox { width:209px; margin-bottom:8px; } .ratingsbox a, .ratingsbox a:active, .ratingsbox a:visited { color:#8fb0c9; } .ratingsbox a:hover { color:#c9deee; text-decoration:underline; } .ratingsbox .top { display:block; background:url('http://www.wonderdogsoftware.com/mpic/rightProdBoxT.gif') no-repeat; width:169px; height:37px; color:#ffffff; font-size:11px; font-weight:bold; padding:12px 20px 0px 20px; margin:0px; } .ratingsbox .top a, .ratingsbox .top a:active, .ratingsbox .top a:visited { color:#ffffff; } .ratingsbox .top a:hover { color:#AAFFA6; text-decoration:none; } .ratingsbox .ignratingbox { display:block; background:url('http://www.wonderdogsoftware.com/mpic/ratingIGNBox.gif') no-repeat; width:147px; height:64px; padding-top:28px; margin:0px; text-align:center; } .ratingsbox .ignratingbox .ignratenum { font-size:36px; font-weight:bold; color:#ffffff; } .ratingsbox .ignratingbox .ignrate { font-size:12px; color:#ffffff; } .ratingsbox .readeravgbox { display:block; background:url('http://www.wonderdogsoftware.com/mpic/ratingReaderAvgBox.gif') no-repeat; width:147px; height:39px; padding:23px 0px 0px 0px; margin-top:10px; } .ratingsbox .pressavgbox { display:block; background:url('http://www.wonderdogsoftware.com/mpic/ratingPressAvgBox.gif') no-repeat; width:147px; height:34px; padding:20px 0px 0px 0px; margin:10px 0px 10px 0px; } .ratingsbox .leftcolumn { display:inline; float:left; font-size:14px; font-weight:bold; color:#ffffff; padding-top:10px; margin:0px; width:56px; text-align:center; } .ratingsbox .readeravgbox .rightcolumn { display:inline; float:left; color:#a7a7a7; padding:7px 0px 0px 0px; margin-left:10px; } .ratingsbox .pressavgbox .rightcolumn { display:inline; float:left; color:#a7a7a7; padding:12px 0px 0px 0px; margin-left:10px; } .ratingsbox .content { width:147px; padding:6px 31px 6px 31px; margin:0px; background:#000000 url('http://www.wonderdogsoftware.com/mpic/rightProdBoxM.gif') repeat-y; } .ratingsbox .rank p, .ratingsbox div.rank { color:#ffffff } .ratingsbox .bottom { display:block; background:url('http://www.wonderdogsoftware.com/mpic/rightProdBoxB.gif') no-repeat; width:209px; height:26px; } /* RATINGS BOX */ /* AD BOX */ .adbox { width:209px; margin-bottom:8px; } .adbox .top { display:block; background:url('http://www.wonderdogsoftware.com/mpic/adBoxT.gif') no-repeat bottom; width:209px; height:10px; padding:0px; margin:0px; } .adbox .content { background:#555f67 url('http://www.wonderdogsoftware.com/mpic/adBoxM.gif') repeat-y; width:209px; padding:0px; margin:0px; text-align:center; } .adbox .bottom { display:block; background:url('http://www.wonderdogsoftware.com/mpic/adBoxB.gif') no-repeat; width:209px; height:10px; } /* AD BOX */ /* BODY CONTAINER */ #container, #divBody { position:relative; margin:0px auto 0px; width:994px; background:#66BFDD url('http://www.wonderdogsoftware.com/mpic/bodySidesRepeat.gif') repeat-y; border:0px; display:table; } /* BODY CONTAINER */ /* BODY TOP */ #bodytop, #divHeader { background:url('http://www.wonderdogsoftware.com/mpic/ggd.jpg') no-repeat; width:994px; height:70px; } #bodytoplogo { width:277px; padding-top:9px; padding-left:18px; } #bodytopwelcomeleft { display:block; background:url('http://www.wonderdogsoftware.com/mpic/bodyTopWelcomeL.gif') no-repeat; width:56px; height:74px; } #bodytopwelcome { padding-top:43px; text-align:right; white-space:nowrap; font-size:10px; color:#d8d8d8; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; background:url('http://www.wonderdogsoftware.com/mpic/bodyTopWelcomeM.gif') repeat-x; } #bodytopwelcome a, #bodytopwelcome a:active, #bodytopwelcome a:visited { font-weight:normal; color:#d8d8d8; text-decoration:none; padding-left:4px; padding-right:4px; } #bodytopwelcome a:hover { color:#cccccc; background-color:#0D7F9A;} #bodytopsearch { padding-top:35px; white-space:nowrap; } #bodytopsearch form {margin:0px; padding:0px;} #bodytopsearch input.button {background:url('http://www.wonderdogsoftware.com/mpic/btnSearch_on.gif') no-repeat; width:28px; height:27px; border:0px;} #bodytopsearch input.button:hover {background:url('http://www.wonderdogsoftware.com/mpic/btnSearch_off.gif') no-repeat; width:28px; height:27px; border:0px;} /* /BODY TOP */ /* BODY BG */ #bodybg, #divContentArea { background:url('http://www.wonderdogsoftware.com/mpic/bodyBg.jpg') no-repeat; width:994px; height:860px; } /* /BODY BG */ /* BODY LEFT COLUMN */ #bodyleftcolumn, #divColumn1 { width:133px; float:left; display:inline; margin-left:10px; } /* /BODY LEFT COLUMN */ /* BODY MIDDLE COLUMN */ #bodymiddlecolumn, #divColumn2 { font-size:18px width:618px; float:left; display:inline; margin-left:1px; } /* /BODY MIDDLE COLUMN */ /* BODY RIGHT COLUMN */ #bodyrightcolumn { width:209px; float:left; display:inline; margin-left:8px; } /* /BODY RIGHT COLUMN */ /* GENRE PAGE STYLES */ /* BROWSE PRODUCTS BOX */ .browseprodbox { width:618px; } .browseprodbox .top { display:block; background:url('http://www.wonderdogsoftware.com/mpic/generalBoxT.gif') no-repeat bottom; width:618px; height:9px; padding:0px; margin:0px; } .browseprodbox .paginatecontent { color:#CFDEE7; } .browseprodbox .paginatedivider { padding:0px 10px 0px 10px; vertical-align:middle; } .browseprodbox .pagearrows { padding:0px 2px 0px 2px; vertical-align:middle; } .browseprodbox .paginatecontent input, .browseprodbox .paginatecontent select { font-size:10px; font-family:Verdana, Verdana, Arial, Helvetica, sans-serif; color:#000000; border:1px solid #485A67; vertical-align:middle; } .browseprodbox .paginatecontent a, .paginatecontent a:active, .paginatecontent a:visited { color:#ffffff; font-weight:bold; } .browseprodbox .paginatecontent a:hover { color:#27333c; } .browseprodbox .paginatetop { display:block; background:url('http://www.wonderdogsoftware.com/mpic/browseBoxBg.gif') no-repeat; width:558px; height:63px; padding:15px 20px 0px 20px; margin:0px 0px 2px 10px; } .browseprodbox .paginatebottom { display:block; background:url('http://www.wonderdogsoftware.com/mpic/paginateBoxBottomBg.gif') no-repeat; width:558px; height:19px; padding:10px 20px 10px 20px; margin:0px 0px 0px 10px; } .browseprodbox .browsecontent { font-size:11px; font-weight:bold; padding:0px; margin:0px 0px 18px 0px; } .browseprodbox .browsecontent select { font-size:10px; font-weight: bold; font-family:Verdana, Verdana, Arial, Helvetica, sans-serif; color:#000000; border:1px solid #858D93; vertical-align:middle; } .browseprodbox .leftcolumn { padding:0px 1px 0px 10px; margin:0px; width:298px; } .browseprodbox .leftcolumn .top { display:block; background:url('http://www.wonderdogsoftware.com/mpic/browseListBoxTL.gif') no-repeat bottom; width:298px; height:5px; padding:0px; margin:0px; font-size:0px; } .browseprodbox .leftcolumn .mid { display:block; background:#adb5bb url('http://www.wonderdogsoftware.com/mpic/browseListBoxML.gif') repeat-y; width:298px; padding:0px; margin:0px; } .browseprodbox .leftcolumn .bottom { display:block; background:url('http://www.wonderdogsoftware.com/mpic/browseListBoxBL.gif') no-repeat top; width:298px; height:5px; padding:0px; margin:0px 0px 2px 0px; font-size:0px; } .browseprodbox .rightcolumn { padding:0px 9px 0px 1px; margin:0px; width:299px; } .browseprodbox .rightcolumn .top { display:block; background:url('http://www.wonderdogsoftware.com/mpic/browseListBoxTR.gif') no-repeat bottom; width:298px; height:5px; padding:0px; margin:0px; font-size:0px; } .browseprodbox .rightcolumn .mid { display:block; background:#adb5bb url('http://www.wonderdogsoftware.com/mpic/browseListBoxMR.gif') repeat-y; width:298px; padding:0px; margin:0px; } .browseprodbox .rightcolumn .bottom { display:block; background:url('http://www.wonderdogsoftware.com/mpic/browseListBoxBR.gif') no-repeat top; width:298px; height:5px; padding:0px; margin:0px 0px 2px 0px; font-size:0px; } .browseprodbox .content { background:#687781 url('http://www.wonderdogsoftware.com/mpic/generalBoxM.gif') repeat-y; width:618px; padding:0px; margin:0px; } .browseprodbox .content .prodnamecontainer a, .browseprodbox .content .prodnamecontainer a:active, .browseprodbox .content .prodnamecontainer a:visited { color:#000000; font-weight:bold; } .browseprodbox .content .prodnamecontainer a:hover { color:#27333c; text-decoration:underline; } .browseprodbox .thumb { display:inline; float:left; padding:0px 0px 5px 0px; margin:5px 8px 0px 12px; text-align:left; } .browseprodbox .thumb img { border:1px solid #FFFFFF; } .browseprodbox .thumb img:hover { border:1px solid #2d3942; } .browseprodbox .prodnamecontainer { display:inline; float:left; padding:0px; margin:5px 0px 0px 0px; } .browseprodbox .productname { display:block; padding:0px; margin:0px; width:166px; height:60px; line-height:10px; color:#2d3942; } .browseprodbox .btns { display:block; padding:0px; margin:0px; white-space:nowrap; } .browseprodbox .qlookbtn { padding:0px 0px 0px 0px; vertical-align:top; margin:0px 5px 0px 0px; display:inline; float:left; } .browseprodbox .downloadbtn { padding:0px 0px 0px 0px; vertical-align:top; margin:0px 5px 0px 0px; display:inline; float:left; } .browseprodbox .graytext { color:#616a71; font-weight:bold; } .browseprodbox .bottom { clear:both; display:block; background:url('http://www.wonderdogsoftware.com/mpic/generalBoxB.gif') no-repeat; width:618px; height:9px; } /* BROWSE PRODUCTS BOX */ /* DETAIL CONTENT and MEDIA TABBED BOX */ .detailcontent { background:#687781 url('http://www.wonderdogsoftware.com/mpic/generalBoxM.gif') repeat-y; width:598px; padding:4px 10px 0px 10px; margin:0px; } .detailflvplayer { display:inline; float:left; background:url('http://www.wonderdogsoftware.com/mpic/product_flv_bg.gif') #000 no-repeat; width:326px; height:284px; padding:5px 0px 0px 0px;} .detailbox { display:inline; float:right; width:269px; height:294px; padding:0px; margin:0px; background:url('http://www.wonderdogsoftware.com/mpic/detailBoxBg.gif') no-repeat; } .detailboxcontent { height:262px; padding:0px; margin:0px; } .detailboxtitle { font-size:14px; font-weight:bold; color:#FFFFFF; margin:19px 20px 17px 20px; padding:0px; } .detailboxpublisher { background-color:#373d42; padding:10px 16px 10px 16px; margin:0px 4px 10px 4px; color:#ffffff; } .detailboxpublisher h3 { padding:0px; margin:0px 3px 0px 0px; display:inline; color:#97acbe; } .detailboxavailability { color:#b8b8b8; padding:0px; margin:0px 20px 10px 20px; } .detailboxprice { display:inline; float:left; font-size:12px; font-weight:bold; color:#FFFFFF; padding:0px; margin:5px 0px 0px 0px; } .detailboxdownload img { display:inline; float:left; white-space:nowrap; padding:0px; margin:0px 10px 0px 20px; } .detailboxbtns { padding:0px; margin:0px 0px 0px 7px; } .mediatabbox { display:block; clear:both; width:594px; height:169px; background:url('http://www.wonderdogsoftware.com/mpic/mediaTabBoxBg.gif') no-repeat top; margin:0px 0px 0px 1px; } .mediatabbox .tabs { display:block; width:594px; height:28px; padding:0px; margin:0px; } .mediatabbox .acontainer { display:inline; float:left; padding:6px 0px 0px 0px; margin:0px; } .mediatabbox .acontaineroff { display:inline; float:left; padding:0px 10px 0px 10px; margin:0px; font-size:11px; font-weight:bold; color:#cccccc; background:url('http://www.wonderdogsoftware.com/mpic/tabBoxTabsDivider.gif') no-repeat right; cursor:pointer; } .mediatabbox .acontaineron { display:inline; float:left; padding:0px 10px 0px 10px; margin:0px; font-size:11px; font-weight:bold; color:#ffffff; text-decoration:none; background:#0D7F9A url('http://www.wonderdogsoftware.com/mpic/tabBoxTabsDivider.gif') no-repeat right; cursor:pointer; } .mediatabbox .tabbed { color:#000000; font-size:11px; font-weight:bold; display:inline; float:left; } .mediatabbox .tableft { display:block; background:url('http://www.wonderdogsoftware.com/mpic/mediaTabBoxTabsL.gif') no-repeat; width:4px; height:28px; padding:0px; margin:0px; } .mediatabbox .tabmid { padding:6px 10px 0px 10px; margin:0px; height:21px; border-top:1px solid #cdd1d5; background-color:#9aa3aa; } .mediatabbox .tabright { display:block; background:url('http://www.wonderdogsoftware.com/mpic/mediaTabBoxTabsR.gif') no-repeat; width:4px; height:28px; padding:0px; margin:0px; } .mediatabboxcontent { width:564px; margin:0px; padding:16px 15px 0px 15px; } .mediatabboxcontent img { border:1px solid #FFFFFF; margin-left:8px; margin-right:8px; } .mediatabboxcontent img:hover { border:1px solid #2d3942; } /* DETAIL CONTENT and MEDIA TABBED BOX */ /* END GENRE PAGE STYLES */ /* QUICK LOOK/POP UP */ .popup { width:344px; height:266px; padding:10px 10px 0px 22px; margin:0px; background:url('http://www.wonderdogsoftware.com/mpic/popup.gif') no-repeat; display:none; position:absolute; z-index:500; } .popuptitle { margin:0px; padding:0px; font-size:11px; font-weight:bold; width:320px; height:25px; } .popupyear { font-size:10px; font-weight:normal; } .popupflashcell { width:176px; height:164px; padding:0px; margin:0px; } .popupcontentcell { padding:0px 0px 0px 12px; margin:0px; line-height:11px; color:#626e76; } .popupbtnscell img { margin-bottom:4px; } .popup h3 { font-size:10px; font-weight:bold; color:#000000; display:inline; padding:0px; margin:0px 4px 0px 0px; } .popupcontentcell a, .popupcontentcell a:active, .popupcontentcell a:visited { color:#ad0100; font-weight:bold; text-decoration:none; } .popupcontentcell a:hover { color:#000000; text-decoration:underline; } /* END QUICK LOOK/POP UP */ /* WALLET */ #usewallet { border: 1px solid #006600; margin: 10px; padding: 10px; background-color: #F4FFF4; } /* /WALLET */ /* PATCHES PAGE */ table.patch {padding:10px; font-size:11px;} table.patch td {padding:5px; font-size:11px;} /* END PATCHES PAGE */ /* SEARCH RESULTS */ td.no_p p {margin:0px; padding:0px;} /* END SEARCH RESULTS */ /* BODY TOP */ .playsooner {background:url('http://www.wonderdogsoftware.com/mpic/playSoonerAd.gif') no-repeat; width:189px; height:300px;} a.play, a.play:active, a.play:link, a.play:visited {color:#fff; font-weight:bold; font-size:9px;} a.play:hover {color:#F0FF00;} .bodytop { padding:38px 0px 10px 0px; } #bodytop { width:160px; height:225px; overflow: auto; background:#6A7A84; text-align:left; padding:0px 3px; color:#fff; } /* /BODY TOP */ /* NETWORK FOOTER */ #footer a, #footer a:active, #footer a:visited { color:#cccfd2; text-decoration:none; padding-left:3px; padding-right:3px; } #footer a:hover { color:#fff; text-decoration:none;} #footer { position:relative; margin:0 auto; background:url('http://www.wonderdogsoftware.com/mpic/bottomLayout.jpg') no-repeat; width:994px; height:158px; padding-top:108px; } #footer table { width:762px; } .footerlogo { display:block; width88px; height:42px; background:url('http://www.wonderdogsoftware.com/mpic/wdsLogo.gif') no-repeat; } .footercorp { text-align:left; color:#9da5aa; font-size: 9px; padding-top:15px;} .footercorp a, .footercorp a:active, .footercorp a:visited { font-size: 9px; color: #d8d8d8; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; padding-left: 4px; padding-right: 4px; } .footercorp a:hover { color:#ffffff; text-decoration:none; } .footerlogocell { vertical-align:middle; width: 90px; } .footertextcell { vertical-align:middle; text-align:left; color:#cccfd2; } /* /NETWORK FOOTER */ /* BODY BOTTOM GRADIENT */ #bodybottomgradient, #divFooter { float:left; display:inline; background:url('http://www.wonderdogsoftware.com/mpic/bottomGradient.jpg') repeat-x; height:266px; width:100%; text-align:center; } /* /BODY BOTTOM GRADIENT */ /***********************************************************************************************************/ /* */ /* DateTextBox */ /* */ /***********************************************************************************************************/ .CSCCalendar { border-right: lightgrey ridge; border-top: lightgrey ridge; font-size: 8pt; filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color= 'gray' , Positive= 'true' ) progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=20, Style=1, StartX=96, FinishX=100, StartY=0, FinishY=0) progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=20, Style=1, StartX=0, FinishX=0, StartY=97, FinishY=100); border-left: lightgrey ridge; border-bottom: lightgrey ridge; font-family: Arial; background-color: white; } .CSCCalendar TABLE { font-size: 8pt; font-family: Arial; background-color: white; } .CSCCalendarNoFilter { border-right: lightgrey ridge; border-top: lightgrey ridge; font-size: 8pt; border-left: lightgrey ridge; border-bottom: lightgrey ridge; font-family: Arial; background-color: white; } .CSCCalendarNoFilter TABLE { font-size: 8pt; font-family: Arial; background-color: white; } .CSCWeekRowsTable { border-right: black 1px solid; border-top: black 1px solid; font-size: 8pt; border-left: black 1px solid; border-bottom: black 1px solid; font-family: Arial; background-color: white; } .CSCDay { cursor: pointer; /* W3C approved hand. See http://www.xs4all.nl/~ppk/css2tests/index.html */ cursor: hand; } .CSCSelectedDay { background-color: gold; cursor: pointer; cursor: hand; } .CSCSelectedToday { font-weight: bold; background-color: gold; cursor: pointer; cursor: hand; } .CSCToday { font-weight: bold; cursor: pointer; cursor: hand; } .CSCSpecialDay { cursor: pointer; cursor: hand; background-color: lemonchiffon; } .CSCOtherMonthDays { cursor: default; color: gray; } .CSCWeekNumberColumn { border-right: blue 1px solid; background-color: lightblue; } .CSCDayHeader { border-bottom: blue 1px solid; } .CSCDayHeader TR { font-size: 7pt; background-color: lightblue; } .CSCDayHeaderCell { font-size: 7pt; } .CSCHeaderTable { font-size: 8pt; border-bottom: blue 1px solid; font-family: Arial; } .CSCHeaderRows { font-size: 8pt; font-family: Arial; cursor: default; } .CSCHeaderRows TR { background-color: inherit; } .CSCIncrementalButtons { cursor: pointer; cursor: hand; color: mediumblue; } .CSCIncrementalButtonsPressed { cursor: pointer; cursor: hand; color: darkblue; } .CSCJumpButtons { color: mediumblue; cursor: pointer; cursor: hand; } .CSCJumpButtonsPressed { color: darkblue; cursor: pointer; cursor: hand; } .CSCCloseButton { cursor: default; } .CSCCloseButtonPressed { cursor: default; } .CSCHelpButton { cursor: default; } .CSCHelpButtonPressed { cursor: default; } .CSCFooterTable { } .CSCFooterTable TABLE { } .CSCFooterButton { border-right: lightgrey thin outset; border-top: lightgrey thin outset; border-left: lightgrey thin outset; color: black; border-bottom: lightgrey thin outset; background-color: lightblue; font-size: 8pt; font-family: Arial; cursor: pointer; cursor: hand; } .CSCFooterButtonPressed { border-right: lightgrey thin inset; border-top: lightgrey thin inset; border-left: lightgrey thin inset; border-bottom: lightgrey thin inset; background-color: lightblue; color: black; font-size: 8pt; font-family: Arial; cursor: pointer; cursor: hand; } .CSCFooterCurrentDate { } .SD_Selectable1 { background-color: mistyrose; cursor: pointer; cursor: hand; } .SD_SelectableOM1 { background-color: powderblue; cursor: pointer; cursor: hand; } .SD_Selectable2 { background-color: palegoldenrod; cursor: pointer; cursor: hand; } .SD_SelectableOM2 { background-color: gainsboro; cursor: pointer; cursor: hand; } .SD_Unselectable1 { color: gray; background-color: mistyrose; } .SD_UnselectableOM1 { color: gray; background-color: powderblue; } .SD_Unselectable2 { color: gray; background-color: palegoldenrod; } .SD_UnselectableOM2 { color: gray; background-color: gainsboro; } .DTBToggleCalendar { } .DTBToggleCalendarPressed { } .DTBHelpButton { } .DTBHelpButtonPressed { } .MYPMonthYearPicker { border-right: gray 1px solid; border-top: gray 1px solid; font-size: 8pt; border-left: gray 1px solid; border-bottom: gray 1px solid; font-family: Arial; background-color: white; } .MYPMonthYearPicker TABLE { font-size: 8pt; font-family: Arial; background-color: white; } .MYPMonthTable { } .MYPYearTable { } .MYPMonthCell { cursor: pointer; cursor: hand; } .MYPSelectedMonthCell { background-color: gold; cursor: pointer; cursor: hand; } .MYPYearCell { cursor: pointer; cursor: hand; } .MYPSelectedYearCell { cursor: pointer; cursor: hand; background-color: gold; } .MYPOutOfRangeCell { color: gray; } .MYPMoveYearsButtons { } .MYPMoveYearsButtonsPressed { } .MYPTogglePicker { } .MYPTogglePickerPressed { } .PDPContextMenu { border-right: lightgrey 1px solid; border-top: lightgrey 1px solid; font-size: 8pt; border-left: lightgrey 1px solid; border-bottom: lightgrey 1px solid; font-family: Arial; background-color: white; } .PDPContextMenu TABLE { font-size: 8pt; font-family: Arial; background-color: white; }