/* CSS for DYMO DiscPainter */
body {margin:0;padding:0;font-family:Verdana,Arial,Sans-Serif;font-size:11px;color:#FFF;background-color:#000;}
#page {width:900px;height:508px;background:transparent top left no-repeat;}
#page.home {background-image:url(../img/discpainter/bg.gif)}
.main {float:left;width:851px;padding:0 0 0 29px;}

#content {float:left;width:900px;}

/* side navigation starts */
#sidenav {float:left;width:165px;background:transparent url(../img/discpainter/side_nav_bg.gif) repeat-y;margin:0 20px 0 12px;padding-top:44px;}
* html #sidenav {margin-left:6px;}
#sidenav ul {margin:0;padding:0;list-style-type:none;border-top:1px solid #293139;}
#sidenav ul li {padding:7px 15px;border-bottom:1px solid #293139;}
#sidenav ul li.on {background:transparent url(../img/discpainter/side_nav_item_bg_1px.jpg) repeat-y;}
#sidenav ul li a, #sidenav ul li a:visited, #sidenav ul li a:active {color:#fff;text-decoration:none;}
#sidenav ul li a:hover {text-decoration:underline;}
#sidenav ul li.on a, #sidenav ul li.on a:visited, #sidenav ul li.on a:active, #sidenav ul li.on a:hover {color:#57a5d7;}
#sidenav ul li.sub a, #sidenav ul li.sub a:visited, #sidenav ul li.sub a:active, #sidenav ul li.sub a:hover {background:transparent url(../img/discpainter/arrow.gif)  no-repeat 0px 4px;padding-left:17px;margin-left:3px;display:block;}
/* side navigation ends */

#sidecontent {float:left;padding-top:20px;}
#sidecontent #flashcontent {margin:16px 0 20px 0;}

#maincontentbox {float:left;margin-bottom:10px;width:685px;}
#maincontentbox .box {float:left;width:683px;background:transparent url(../img/discpainter/cases_box_bg.jpg) 0 0 repeat-y;}
#maincontentbox .box-top {float:left;width:683px;height:14px;background:transparent url(../img/discpainter/cases_box_top.jpg) 0 0 no-repeat;}
#maincontentbox .box-btm {float:left;width:683px;height:14px;background:transparent url(../img/discpainter/cases_box_btm.jpg) 0 0 no-repeat;}

.box-content {padding:6px 20px;font-size:12px;line-height:18px;}

/* product info page starts */
#infoboxleft {float:left;width:423px;}
#infoboxleft .box {width:423px;background:transparent url(../img/discpainter/info_left_box_bg.jpg) 0 0 repeat-y;}
#infoboxleft .box-top {width:423px;height:14px;background:transparent url(../img/discpainter/info_left_box_top.jpg) 0 0 no-repeat;}
#infoboxleft .box-btm {width:423px;height:14px;background:transparent url(../img/discpainter/info_left_box_btm.jpg) 0 0 no-repeat;}

#infoboxright {float:left;width:240px;margin-left:20px;}
#infoboxright .box {width:240px;background:transparent url(../img/discpainter/info_right_box_bg.jpg) 0 0 repeat-y;}
#infoboxright .box-top {width:240px;height:14px;background:transparent url(../img/discpainter/info_right_box_top.jpg) 0 0 no-repeat;}
#infoboxright .box-btm {width:240px;height:13px;background:transparent url(../img/discpainter/info_right_box_btm.jpg) 0 0 no-repeat;}
#infoboxright .flash {margin:0 10px 14px 10px;}

p.learnmmore {text-align:right;margin:20px 0;}
p.learnmmore a, p.learnmmore a:visited, p.learnmmore a:active {color:#fff;text-decoration:none;}
p.learnmmore a:hover {text-decoration:underline;}
/* product info page ends */

/* product cases page starts */
.inner {float:left;width:184px;margin:6px 35px 0 15px;font-size:12px;cursor:pointer;}
.innerNoLink {float:left;width:184px;margin:6px 35px 0 15px;font-size:12px;}
.inner.last {margin-right:15px;}
.innerNoLink.last {margin-right:15px;}
* html .inner {margin:6px 47px 0 7px;}
* html .inner.last {margin-right:0;}
.inner h3 {height:35px;}

#samples {clear:both;}
#samples ul {padding:0;margin:0;list-style-type:none;}
#samples ul li {float:left;margin:20px 20px 0 0;width:215px;height:94px;background:transparent url(../img/discpainter/samples_bg.jpg) 0 0 no-repeat;}
#samples ul li.last {margin-right:0;}
#samples ul li h4 {margin:10px 0 0 15px;padding:0;font-size:14px;}
#samples ul li img {position:relative;top:10px;left:10px;}
.clickable {cursor:pointer;}
/* product cases page ends */

/* video page starts */
.flash {margin:16px 0 40px 0;}
#videoboxleft {float:left;width:591px;}
#videoboxleft .box {float:left;width:591px;background:transparent url(../img/discpainter/video_left_box_bg.jpg) 0 0 repeat-y;}
#videoboxleft .box-top {float:left;width:591px;height:13px;background:transparent url(../img/discpainter/video_left_box_top.jpg) 0 0 no-repeat;}
#videoboxleft .box-btm {float:left;width:591px;height:13px;background:transparent url(../img/discpainter/video_left_box_btm.jpg) 0 0 no-repeat;}

#videolower {float:left;margin-top:10px;}
#videolowerleft {float:left;width:202px;}
#videolowerright {float:left;margin-left:20px;width:325px;}
/* video page ends */

/* header starts */
.topnav-container {float:left;width:900px;height:98px;background:transparent url(../img/discpainter/topnav_bg.jpg) no-repeat;position:relative;}
.side .topnav-container {background-image:url(../img/discpainter/topnav_bg_side.jpg);height:74px;}

.topnav {height:20px;padding:0;margin:14px 0 0 170px;list-style:none;}
.topnav li {float:left;margin-right:2px;}
.topnav a, .topnav a:visited, .topnav a:active {padding:2px 15px 5px 15px;display:block;color:#FFF;text-decoration:none;}
.topnav a:hover {color:#FFF;background:transparent url(../img/discpainter/nav_over_fill.jpg) 0 0 repeat-x;}
.topnav li.on {background:transparent url(../img/discpainter/nav_over_fill.jpg) 0 0 repeat-x;}

ul.breadcrumbs {margin:0;padding:0;list-style-type:none;position:absolute;top:55px;left:22px;}
* html ul.breadcrumbs {left:17px;}
ul.breadcrumbs li {float:left;margin:0 0 0 5px;padding:0;}
ul.breadcrumbs li a, ul.breadcrumbs li a:visited, ul.breadcrumbs li a:active {color:#FFF;text-decoration:none;}

a#prod-reg, a#prod-reg:visited, a#prod-reg:active {position:absolute;top:56px;right:85px;color:#FFF;text-decoration:none;}
/* header ends */

h1 {margin:0;pading:0;font-size:20px;font-weight:bold;color:#00ABFF;}
h2 {margin:0;pading:0;font-size:18px;font-weight:bold;color:#00ABFF;}
h3 {margin:0 0 10px 0;padding:0;color:#57a5d7;font-size:14px;}

/* homepage starts */
.flash-banner {float:left;padding:16px 0 0 0;}

.high-quality-container {float:left;width:851px;padding:40px 0 0 0;}
.high-quality-flash {float:left;width:220px;}
.high-quality-flash-copy {float:right;padding:8px 0 0 0;}
.high-quality-content-container {float:left;width:611px;margin-left:20px;}
.high-quality-content-container .box {float:left;width:611px;background:transparent url(../img/discpainter/home_box1_fill.jpg) 0 0 repeat-y;}
.high-quality-content-container .boxTop {float:left;width:611px;height:14px;background:transparent url(../img/discpainter/home_box1_top.jpg) 0 0 no-repeat;}
.high-quality-content-container .boxBtm {float:left;width:611px;height:14px;background:transparent url(../img/discpainter/home_box1_btm.jpg) 0 0 no-repeat;}
.high-quality-content-container h2 {width:98%;}
.high-quality-content {float:left;margin:0 20px 0 20px;padding:0;display:inline;}
ul.high-quality-list {float:left;margin:0;padding:15px 0 0 20px;list-style:none;}
ul.high-quality-list li {margin:0 0 8px 0;padding:0;font-size:12px;line-height:18px;vertical-align:center;}
ul.high-quality-list li img {margin-right:10px;}

.radialprint-container {float:left;width:851px;margin:20px 0 0 0;padding:0;position:relative;}
.radialprint-container .box {float:left;width:850px;background:transparent url(../img/discpainter/home_box2_fill.jpg) 0 0 repeat-y;}
.radialprint-container .boxTop {float:left;width:850px;height:13px;background:transparent url(../img/discpainter/home_box2_top.jpg) 0 0 no-repeat;}
.radialprint-container .boxBtm {float:left;width:850px;height:13px;background:transparent url(../img/discpainter/home_box2_btm.jpg) 0 0 no-repeat;}
.radialprint-content {float:left;margin:0;margin:7px 20px;padding:0;width:581px;display:inline;font-size:12px;}
.radialprint-flash {float:left;}
/* homepage ends */

/* footer starts */
.footer-container {float:left;width:900px;height:98px;margin:20px 0 0 0;background:transparent url(../img/discpainter/footer_bg.gif) no-repeat;position:relative;}
.footer-container.side {background-image:url(../img/discpainter/footer_bg_side.jpg);margin-top:0;}
ul.footer {float:left;width:900px;height:20px;margin:22px 0 0 0;padding:3px 0 17px 29px;list-style:none;background:transparent url(../img/discpainter/footer_navbg.gif) no-repeat;}
ul.footer li {display:inline;padding:0 2px 0 2px;}
ul.footer li.end {position:absolute;right:20px;}
* html ul.footer li.end {right:48px;}
ul.footer li a {color:#FFF;text-decoration:none;}
.copyright {text-align:center;}
.copyright a, .copyright a:visited, .copyright a:active {color:#898989;text-decoration:none;}
/* footer ends */

/* Misc. */
.right {float:right;}
.paddingR20 {padding-right:20px;}
.marginL20 {margin-left:20px;}
.clear {clear:both;}

/* Flash player update message */
.check-player {position:relative;}
.get-player {position:absolute;top:15px;left:0;background:#00ABFF;border:1px solid #fff;padding:20px;}
.get-player a {color:#000;}

