/*  ======================================================
    Master Style Sheet - All browsers
    ------------------------------------------------------
    You can use the talbe of contents below by using the
    Find feature of your editor and then looking for the
    relevant symbol - e.g. search for @1 to get to the
    Normalization section.
    
    TABLE OF CONTENTS:
    
        Normalization               @1
        General Elements            @2
        Branding                    @3
        Navigation                  @4
        Content                     @5
        Site Information            @6

    ======================================================  */


/*  ------------------------------------------------------

    @1 NORMALIZATION - Stripping default browser styling
    
    ======================================================  */

body, div, dl, dt, dd, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    }

h1, h2, h3, h4, h5, h6, th, td, table{
    font-size: 100%;
    }

ol {
    list-style: none;
    }

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
    }

fieldset, img {
    border: 0;
    }

caption, th {
    text-align: left;
    }

q:before, q:after {
    content:'';
    }


/*  ------------------------------------------------------

    @2 GENERAL ELEMENTS - Global element styling
    
    ======================================================  */

html {
    text-align: center;
    }

body {
    position: relative;
    min-width: 780px;
    margin: 0 auto;
    text-align: left;
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 1.3em;
    background: #2a2a2a;
    }

h1 {
    font-size: 170%;
    font-weight: normal;
    padding: 0 0 0.5em 0;
    }
    
h2 {
    color: #000080;
    padding: 0.2em 0 0.5em 0;
    font-size: 140%;
    font-weight: normal;
    }

h3 {
    font-size: 120%;
    padding: 0.2em 0 0.4em 0;
    font-weight: normal;
    }

h3 a {
    font-weight: normal;
    }

h3 .focus {
    color: #2a699a;
    font-size: 120%;
    }

.focus {
    color: #2a699a;
    font-size: 120%;
    }

h4 {
    font-size: 88%;
    padding: 0.2em 0 0.4em 0;
    font-weight: bold;
    }

h5 {
    color: #a30c00;
    font-size: 120%;
    padding: 0.2em 0 0.4em 0;
    font-weight: bold;
    }

p {
    padding: 0 0 1em 0;
    }

a {
    color: #19669c;
    padding: 0 2px;
    font-weight: bold;
    text-decoration: none;
    }


a:hover {
    color: #f1831e;
    border-bottom: none;
    }

strong {
    font-weight: bold;
    }

em {
    font-style: italic;
    }

fieldset {
    font-size: 10pt;
    padding: 5px 20px;
    border: solid 1px #d1d1d1;
    margin-bottom: 10px;
    background: none;
    background-image: url(contentgreenbg.png);
    background-repeat: repeat-x;
    background-size: 1px 100%;
    border-style: solid;
    border-color: #dcecdc;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-width: 1px 1px 0px 1px;
}    

legend {
    color: #000;
    font-size: 13pt;
    padding: 5px 10px;
    }

td {
    text-align: left;
    vertical-align: middle;
    }

input {
    margin-bottom: 7px;
    }

select{
    margin-bottom: 7px;
    }
    
/*  ------------------------------------------------------
    NOTE: Clearing div:
    -------------------
    The following is a clearing element used to pull the 
    container div over the content in order to add a unique 
    background color for that section. Not very semantic, 
    but a worthy sacrifice for the sake of a stretchable 
    footer, which uses the body background color so it can 
    be stretched down with larger browser windows.
    ------------------------------------------------------  */

.clear {
    clear: both;
    height: 25px;
    }

/*  ------------------------------------------------------

    @3 BRANDING - Page header and the logo
    
    ======================================================  */

#branding {
    height: 80px;
    background-image: url(tempnewlogo.png);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    }

#branding-test {
    height: 80px;

    }

#logo {
    width: 960px;
    height: 80px;
    margin: 0 auto;
 display: none;
    }

#logo a, #logo a:hover {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    }

/*  ------------------------------------------------------

    @4 NAVIGATION - Horizontal navigation menu
    
    ======================================================  */

#navigation {
    position: relative;
    height: 2.1em;
    border-bottom: solid 2px #000;
    }

#navigation ul {
    padding: 0;
    position: relative;
    left: 50%;
    margin: 0 0 0 -472px;
    list-style: none;
    float: left;
    }

#navigation ul li {
    float: left;
    background: transparent;
    padding-left: 13px;
    }
    
#navigation li a {
    display: block;
    text-decoration: none;
    float: left;
    background: transparent;
    padding: 0.6em 1em 0.5em 0.1em;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 15px;
    color: #fff;
    text-shadow: #000 0 0 1px;
    font-weight: bold;
    border-bottom: none;
    }
    
#navigation ul li a:hover {
    color:#e87132;
    }

/*  ------------------------------------------------------
    NOTE: Automatic 'current' page tab system
    ------------------------------------------
    The code below allows CSS to handle the visual tab
    styling of the current page. So on the top navigation
    menu, the page that you are currently on will have its
    link wrapped around in a tab image to indicate to the
    visitor where they currently are. This is done by
    adding three elements to each page:
    
    1) Each page body should have an id
    2) An id for each link in the navigation menu
    3) An id for each list item (<li>) in the menu
    
    You can then write out two selectors below that will
    match the body id with the link and list item id,
    thus providing the relevant left and right tab images
    that are used as a background to that link. Just add
    a comma to the last item and simply add more pages
    below each selector to complete the nav menu.
    ------------------------------------------------------  */

body#productinfo_page #productinfo_tab,
body#store_page #store_tab,
body#policies_page #policies_tab,
body#support_page #support_tab,
body#faq_page #faq_tab,
body#company_page #company_tab,
body#contact_page #contact_tab,
body#media_page #media_tab {
    background: url(https://ddg-support.s3.amazonaws.com/images/tab-left.gif) top left no-repeat #f5f5f5; 
    }

body#productinfo_page #productinfo_link,
body#store_page #store_link,
body#policies_page #policies_link,
body#support_page #support_link,
body#faq_page #faq_link,
body#company_page #company_link,
body#contact_page #contact_link,
body#media_page #media_link {
    background: url(https://ddg-support.s3.amazonaws.com/images/tab-right.gif) top right no-repeat #f5f5f5;
    color: #000;
    text-shadow: #fff 0 0 1px;
    border-bottom: solid 2px #f5f5f5;
    }

/*
    "Shopping Cart" and "Sign In" buttons
    ------------------------------------------------------  */

#nav-extras {
    margin-left: 550px;
    }

#nav-extras a {
    border-bottom: none;
    }

#nav-extras a:hover {
    background: none;
    }
    
#nav-extras a img {
    position: relative;
    top: 0.4em;
    }

* + html #nav-extras a img { 
    top: -0.2em; 
    }


/*  ------------------------------------------------------

    @5 CONTENT - Main content area and the sidebar
    
    ======================================================  */
    
#container {
    padding-top: 10px;
    position: relative;
    background-color: white;
    }

#content {
    position: relative;
    width: 960px;
    margin: auto;
    }

#main, #main_full{
    font-size: 88%;
    position: relative;
   background: none;
   background-image: url(textsbg.png);
   background-repeat: repeat-x;
   background-size: 1px 100%;
   border: 1px solid #eee4c8;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-bottom: 0px;
   margin-bottom: 20px;
    width: 630px;
    float: left;
    padding: 20px 30px 0 32px;
    min-height: 400px;
    }

/*
    Pages with no sidebar
    ------------------------------------------------------  */

#main_full {
    font-size: 88%;
    position: relative;
    
    width: 900px;
    float: left;
    padding: 20px 32px 0 32px;
    min-height: 400px;
    }
    
/*
    Sidebar
    ------------------------------------------------------  */

#sidebar {
    color: #555;
    position: relative;
    width: 215px;
    float: right;
    padding: 20px 16px 0 16px;
    font-size: 84%;
    background: none;
    background-image: url(contentgreenbg.png);
    background-repeat: repeat-x;
    background-size: 1px 100%;
    border-style: solid;
    border-color: #dcecdc;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-width: 1px 1px 0px 1px;    }

#sidebar h2 {
    padding: 0 0 0.3em 0;
    margin: 0 0 0.5em 0;
    color: black;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #000;
    }

#cellotape {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: -24px;
    width: 81px;
    height: 47px;
    display: none;}

.special {
    position: relative;
    
    padding: 15px 20px 10px 20px;
    margin: 5px 0 15px 0;
    line-height: 1.4em;
    width: 580px;
    }

.special a {
    border-bottom-color: #d6cda5;
    }

.special a:hover {
    color: #f1831e;
    }

.highlight {
    background: #F8F2E6;
    padding: 15px 20px 0 20px;
    border: dashed 1px #adadad;
    margin: 5px 0 15px 0;

    }

.highlighter {
background: none;
font-weight: bold;
padding: 0 2px;
background-image: url(highlightbg.png);
background-size: 100% 100%;
}
    }

/*
    Contact
    ------------------------------------------------------  */

#contact_tel {
    padding-left: 40px;
    background: url(https://ddg-support.s3.amazonaws.com/images/callskype.gif) no-repeat 0 2px;
    }

#contact_mobile {
    padding-left: 40px;
    background: url(https://ddg-support.s3.amazonaws.com/images/callmobile.png) no-repeat 0 2px;
    }

#contact_email {
    padding-left: 40px;
    background: url(https://ddg-support.s3.amazonaws.com/images/writeemail.gif) no-repeat 0 2px;
    }

#clientform input, textarea {
    font-size: 10pt;
    font-family: Arial, san-serif;
    padding: 3px;
    }

#clientform fieldset {
    font-size: 10pt;
    background: #ebebeb;
    padding: 5px 20px;
    border: solid 1px #d1d1d1;
    margin-bottom: 10px;
    }

#clientform legend {
    color: #000;
    font-size: 13pt;
    padding: 5px 10px;
    }

.field_description {
    color: #a5a5a5;
    font-size: 9pt;
    }

.required_field {
    color: #ff0000;
    font-weight: bold;
    }

/*
    Sidebar Navigation
    ------------------------------------------------------  */
    
#sidebar #sidenav ul {
    list-style-type: none;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 14px;
    white-space: nowrap;
    }

#sidebar #sidenav ul li {
    display: inline;
    }


#sidebar #sidenav ul li a {
display: block;
margin-bottom: -10px;
width: 241px;
height: 1em;
line-height: 1em;
border-bottom: 0;
text-indent: 36px;
background-image: url(sidebararrowblue.png);
background-repeat: no-repeat;
background-position: 18px 0;
}

#sidebar #sidenav ul li a:hover {
    color: #f1831e;
 background-image: url(sidebararroworange.png);
background-repeat: no-repeat;
background-position: 18px 0;
  }


#free-download {
    margin-bottom: 15px;
    background: #ffd784;
    }
    
#free-download p {
    color: #000;
    font-size: 105%;
    padding: 0 15px 10px 15px;
    background: url(https://ddg-support.s3.amazonaws.com/images/free-download-bottom.gif) no-repeat left bottom;
    text-align:center;
    }

#free-download a { border-bottom: none; padding: 0; }
#free-download a:hover { background: none; padding: 0; }
    
/*
    Mini Cart
    ------------------------------------------------------  */

.mini-cart {
    padding: 60px 14px 0 14px;
    background-image: url(store_carttitle.png);
    background-repeat: no-repeat;
    background-position: 50% 20px;
    }

#sidebar #item-list a {
    display: block;
    background: none;
    margin-bottom: 5px;
    border-bottom: 0;
    padding: 0;
    }

#sidebar #item-list ul {
    border-top: 1px solid black;
}
    
#item-list li {
    list-style-type: none;
    margin: 0 -14px -20px -54px;
    padding: 0;
    font-weight: bold;
    font-size: 12px;
}
    
#price-total {
    text-align: right;
    border-top: dashed 1px #959595;
    padding: 3px 3px 0 0;
    display: block;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
    }

/* Strip link effects from image buttons */

.image-link { border-bottom: none !important; padding: 0; }
.image-link:hover { background: none !important; padding: 0; }

/*  ------------------------------------------------------

    @6 SITE INFORMATION - Footer
    
    ======================================================  */

#footer-container {
    border-top: solid 2px #111;
    }
    
#footer-container p {
    padding: 0;
    }

#footer-container a {
    color: #ff7045;
    border-bottom: solid 1px #a7320e;
    }

#footer-container a:hover {
    color: #ffae00;
    background: #973000;
    border-bottom: none;
    }

#footer-container h4 {
    text-shadow: #000 0 0 2px;
    color: #ff8435;
    font-size: 1.4em;
    padding: 0.5em 0;
    font-weight: bold;
    }

#footer-content {
    color: #b8b8b8;
    width: 960px;
    margin: 0 auto;
    font-size: 88%;
    }

#footer-info {
    position: relative;
    width: 640px;
    float: left;
    margin-left: 35px;
    padding: 5px 0 1px 0;
    }

#footer-contact {
    position: relative;
    width: 250px;
    float: right;
    padding: 5px 0 1px 0;
    }

#contact-info img {
    vertical-align: middle;
    }
    
#footer-info p {
    padding-left: 0px;
    }

/*
    Legal - Copyright Message
    ------------------------------------------------------  */

#legal {
    padding: 0.3em 0;
    border-top: solid 2px #2A2A2A;
    background: #2A2A2A;
    text-align: center;
    }

#legal p {
    color: #fff;
    font-size: 80%;
    padding: 10px 0 10px 70px;
    width: 960px;
    margin: 0 auto;
    }

#legal a {
    color: #9ccb3d;
    border-bottom: none;
    }

#legal a:hover {
    color: #f1831e;
    border-bottom: none;
    }   
    
/*
    Product Summary
    ------------------------------------------------------  */

.product-summary {
    position: relative;
    padding: 10px;
    margin-bottom: 15px;
    min-height: 170px;
    }

.product-title {
    font-size: 120%;    
    }

.product-summary p {
    position: relative;
    padding: 0 0 5px 160px;
    }
    
.product-summary img {
    position: absolute;
    top: 10px;
    left: 0;
    }

.prod-display {
    position: relative;
    padding: 10px;
    margin-bottom: 15px;
    min-height: 220px;
    }

.prod-display p {
    position: relative;
    padding: 0 0 5px 240px;
    }
    
.prod-display img {
    position: absolute;
    top: 10px;
    left: 0;
    }


.add-to-cart img {
    position: relative;
    top: 0;
    }

.add-to-cart input {
    position: relative;
    top: 0;
    }

/* Removes underline and link effects on the "Add to cart" button */

.add-to-cart a { border-bottom: none; }
.add-to-cart a:hover { background: none; }
    
    /*  ------------------------------------------------------

    DD Additional Styles
    
    ======================================================  */

SPAN.required_error_msg {
    MARGIN-LEFT: 10px; TEXT-ALIGN: left; COLOR: red; FONT: 12px Arial, Helvetica, sans-serif;
}

TD.ListHeading {
    TEXT-ALIGN: left; 
    VERTICAL-ALIGN: middle; 
    font-size: small; 
    FONT-WEIGHT: Bold; 
    padding: 2px 10px;
    background: #efefef;
}

TD.AmtHeading {
    TEXT-ALIGN: right; 
    VERTICAL-ALIGN: middle; 
    font-size: small; 
    FONT-WEIGHT: Bold; 
    padding: 2px 10px;
    background: #efefef;
}

TD.ListField{
    TEXT-ALIGN: left; 
    VERTICAL-ALIGN: top; 
    font-size: small; 
    padding: 2px 10px; 
    white-space: nowrap;
}

TD.AmtField {
    TEXT-ALIGN: right; 
    VERTICAL-ALIGN: top; 
    font-size: small; 
    padding: 2px 10px;
    white-space: nowrap;
}

TD.ListTopBorder{
    border-top: 1px solid #c2c2c2;
}

input.btn{
   color:#C00;
   font-size:84%;
   font-weight:bold;
}

.awards {
    background: url(https://ddg-support.s3.amazonaws.com/images/sidebar_lightorange.gif) no-repeat;
    padding: 14px 17px;
    min-height: 350px;
    } 

.testimonials {
    background: url(https://ddg-support.s3.amazonaws.com/images/sidebar_lightgreen.gif) no-repeat;
    padding: 14px 17px;
    min-height: 200px;
    } 

.news {
    background: url(https://ddg-support.s3.amazonaws.com/images/sidebar_lightorange.gif) no-repeat;
    padding: 14px 17px;
    min-height: 200px;
    } 

.news-summary {
    border-bottom: 1px dashed #555;
    margin-bottom: 2em;
    }
    
.storytitle {
    font-weight: bold;
    }
    
.meta {
    color: #888;
    font-size: 9pt;
    padding-bottom: 6px;
    }   

.postauthor {
    color: #000;
    font-size: 10pt;
    padding-left: 4px;
    }

    /*  ------------------------------------------------------

    DD Support Styles
    
    ======================================================  */
    
    .hot_issues {
    background: url(https://ddg-support.s3.amazonaws.com/images/sidebar_lightorange.gif) no-repeat;
    padding: 14px 17px;
    min-height: 100px;
    } 

.related_resources {
    background: url(https://ddg-support.s3.amazonaws.com/images/sidebar_lightgreen.gif) no-repeat;
    padding: 14px 17px;
    min-height: 200px;
    } 

.product_price {
    color: #ff0000;
    font-weight: bold;
    }


TABLE.ShippingOptions TH {
    TEXT-ALIGN: left; 
    VERTICAL-ALIGN: middle; 
    font-size: small; 
    padding: 2px 10px;
    background: #FF8C00;
    font-weight: bold;
    white-space: nowrap;
}

TR.ShippingOptionsSubhead TH {
    TEXT-ALIGN: left; 
    VERTICAL-ALIGN: middle; 
    font-size: small; 
    padding: 2px 10px;
    background: #EBDEC2;
    white-space: nowrap;
}

TABLE.ShippingOptions TD {
    TEXT-ALIGN: center; 
    VERTICAL-ALIGN: middle; 
    font-size: small; 
    padding: 2px 10px;
    background: #FFFFFF;
}

.product_pitch {
    float: right; 
    width: 50%;
    min-height: 250px; 
}

.call_to_action {
    text-align: center;
    vertical-align: middle;
}

TABLE.default 
{
  width: 100%;
  border-collapse: collapse;
}

DIV.headerBox
{
  color: #FFFFFF;
  font-family: verdana, sans-serif;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #FFFFFF;
  border-width: 1px;
  margin: 0px;
  padding: 1px;
  padding-right: 10px;
  height: 24px;
  width: 95%;
  vertical-align: middle;
  text-align: center;
}

TD.headerLeft 
{
  background-color: #CCFFCC;
  color: #333333;
  font-family: verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  border: 1px    solid #006633;
  border-width: 1px;
  margin: 0px;
  padding: 1px;
  border-right-width: 0px;
  padding-left: 10px;
  height: 20px;
  vertical-align: middle;
  text-align: left;
}

TD.headerRight 
{
  background-color: #CCFFCC;
  color: #333333;
  font-family: verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #006633;
  border-width: 1px;
  margin: 0px;
  padding: 1px;
  border-left-width: 0px;
  padding-right: 10px;
  height: 20px;
  vertical-align: middle;
  text-align: right;
  margin-left: 10px;
}

TD.rightAlign
{
  text-align:right;
}


.notification           { border: 1px solid #666666; border-radius: 3px; display: block; margin-bottom: 15px; overflow: hidden; padding: 9px 0px 4px 0px; position: relative; z-index: 1; zoom: 1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.notification a.close       { display: block; width: 11px; height: 11px;  background: url('https://ddg-support.s3.amazonaws.com/images/ico_close_off.png') top left no-repeat; font-size: 0%; text-indent: -9999px; position: absolute; top: 3px; right: 3px; }
.notification a.close:hover { background: url('https://ddg-support.s3.amazonaws.com/images/ico_close_ovr.png') top left no-repeat; }
.notification p         { color: #333333; line-height: 16px; padding: 0px 25px 5px 42px !important;}

.note-error         { background: url('https://ddg-support.s3.amazonaws.com/images/ico_error.png') 2px 0px no-repeat #FAE2E3; border-color: #EC9B9B; }
.note-success           { background: url('https://ddg-support.s3.amazonaws.com/images/ico_success.png') 2px 0px no-repeat #DFFAD3; border-color: #72CB67; }
.note-info          { background: url('https://ddg-support.s3.amazonaws.com/images/ico_info.png') 2px 0px no-repeat #DDE9F7; border-color: #50B0EC; }
.note-attention         { background: url('https://ddg-support.s3.amazonaws.com/images/ico_attention.png') 2px 0px no-repeat #FFFAC6; border-color: #D3C200; }

h1 a.label      { color: #FFFFFF; text-decoration: none; background: url("https://ddg-support.s3.amazonaws.com/images/button_glas1.png") repeat-x center center #c0c0c0; display: inline-block; font-size: 11px;  padding: 2px 10px 2px 10px; position: relative; top: -12px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}
h1 a.label:hover { colr: white; text-decoration: none; background-color: #00A5C4; }

.page-top .modal-window,
.main .modal-window,
.footer .modal-window { display: none; }
.modal-window           { width: auto; }
.modal-window p         { padding-bottom:10px; color: #666666; font-size: 12px; font-weight: normal; font-family: arial;}
.modal-400          { width: 400px; }
.modal-600          { width: 600px; }
.modal-800          { width: 800px; }
#fancybox-img           { width: auto !important; }

.modal-window h2 { color: #333333; font-size: 18px; font-weight: bold; padding-top: 0; padding-bottom: 5px; }
.modal-window a { color: #00A5C4; font-size: 12px; font-weight: normal; font-family: arial; text-decoration: none; }


/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}

* html #fancybox-loading {  /* IE6 */
    position: absolute;
    margin-top: 0;
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('https://ddg-support.s3.amazonaws.com/images/fancybox/fancybox.png');
}

#fancybox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 1100;
    display: none;
}

* html #fancybox-overlay {  /* IE6 */
    position: absolute;
    width: 100%;
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 20px;
    z-index: 1101;
    display: none;
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #FFF;
    text-align: left;
}

#fancybox-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    outline: none;
    overflow: hidden;
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-image: url('https://ddg-support.s3.amazonaws.com/images/fancybox/fancybox.png');
    background-position: -40px 0px;
    cursor: pointer;
    z-index: 1103;
    display: none;
}

#fancybox_error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 7px;
    margin: 0;
}

#fancybox-content {
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
}

#fancybox-frame {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

#fancybox-title {
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: Arial;
    font-size: 12px;
    z-index: 1102;
}

.fancybox-title-inside {
    padding: 10px 0;
    text-align: center;
    color: #333;
}

.fancybox-title-outside {
    padding-top: 5px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}

.fancybox-title-over {
    color: #FFF;
    text-align: left;
}

#fancybox-title-over {
    padding: 10px;
    background-image: url('https://ddg-support.s3.amazonaws.com/images/fancybox/fancy_title_over.png');
    display: block;
}

#fancybox-title-wrap {
    display: inline-block;
}

#fancybox-title-wrap span {
    height: 32px;
    float: left;
}

#fancybox-title-left {
    padding-left: 15px;
    background-image: url('https://ddg-support.s3.amazonaws.com/images/fancybox/fancybox.png');
    background-position: -40px -90px;
    background-repeat: no-repeat;
}

#fancybox-title-main {
    font-weight: bold;
    line-height: 29px;
    background-image: url('https://ddg-support.s3.amazonaws.com/images/fancybox/fancybox-x.png');
    background-position: 0px -40px;
    color: #FFF;
}

#fancybox-title-right {
    padding-left: 15px;
    background-image: url('https://ddg-support.s3.amazonaws.com/images/fancybox/fancybox.png');
    background-position: -55px -90px;
    background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background-image: url('https://ddg-support.s3.amazonaws.com/images/fancybox/blank.gif');
    z-index: 1102;
    display: none;
}

#fancybox-left {
    left: 0px;
}

#fancybox-right {
    right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}

#fancybox-left-ico {
    background-image: url('https://ddg-support.s3.amazonaws.com/images/fancybox/fancybox.png');
    background-position: -40px -30px;
}

#fancybox-right-ico {
    background-image: url('https://ddg-support.s3.amazonaws.com/images/fancybox/fancybox.png');
    background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
    left: 20px;
}

#fancybox-right:hover span {
    left: auto;
    right: 20px;
}

.fancy-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}

#fancy-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url('https://ddg-support.s3.amazonaws.com/images/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url('https://ddg-support.s3.amazonaws.com/images/fancybox/fancybox.png');
    background-position: -40px -162px;
}

#fancy-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url('https://ddg-support.s3.amazonaws.com/images/fancybox/fancybox-y.png');
    background-position: -20px 0px;
}

#fancy-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url('https://ddg-support.s3.amazonaws.com/images/fancybox/fancybox.png');
    background-position: -40px -182px; 
}

#fancy-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url('https://ddg-support.s3.amazonaws.com/images/fancybox/fancybox-x.png');
    background-position: 0px -20px;
}

#fancy-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url('https://ddg-support.s3.amazonaws.com/images/fancybox/fancybox.png');
    background-position: -40px -142px;
}

#fancy-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url('https://ddg-support.s3.amazonaws.com/images/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url('https://ddg-support.s3.amazonaws.com/images/fancybox/fancybox.png');
    background-position: -40px -122px;
}

/* IE */
.fancybox-ie .fancy-bg { background: transparent !important; }

#sb-container,#sb-wrapper{text-align:left;}#sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;}#sb-container{height:100%;display:none;visibility:hidden;z-index:999;}body>#sb-container{position:fixed;}#sb-overlay{height:expression(document.documentElement.clientHeight+'px');}#sb-container>#sb-overlay{height:100%;}#sb-wrapper{position:relative;}#sb-wrapper img{border:none;}#sb-body{position:relative;margin:0;padding:0;overflow:hidden;border:1px solid #303030;}#sb-body-inner{position:relative;height:100%;}#sb-content.html{height:100%;overflow:auto;}#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px;}#sb-body,#sb-loading{background-color:#060606;}#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}#sb-title-inner,#sb-info-inner{position:relative;font-family:'Lucida Grande',Tahoma,sans-serif;line-height:16px;}#sb-title,#sb-title-inner{height:26px;}#sb-title-inner{font-size:16px;padding:5px 0;color:#fff;}#sb-info,#sb-info-inner{height:20px;}#sb-info-inner{font-size:12px;color:#fff;}#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;}#sb-nav-close{background-image:url(site_common/css/close.png);background-repeat:no-repeat;}#sb-nav-next{background-image:url(https://ddg-support.s3.amazonaws.com/next.png);background-repeat:no-repeat;}#sb-nav-previous{background-image:url(https://ddg-support.s3.amazonaws.com/previous.png);background-repeat:no-repeat;}#sb-nav-play{background-image:url(play.png);background-repeat:no-repeat;}#sb-nav-pause{background-image:url(https://ddg-support.s3.amazonaws.com/pause.png);background-repeat:no-repeat;}#sb-counter{float:left;padding:2px 0;width:45%;}#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}#sb-counter a.sb-counter-current{text-decoration:underline;}div.sb-message{font-family:'Lucida Grande',Tahoma,sans-serif;font-size:12px;padding:10px;text-align:center;}div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
// #sb_loading img {background:}