/* 
 * styles.css
 *
 * The styles.css file contains CSS styles that are used for all browsers.
 */

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#666;background:#f5f5f5;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Ensure that older browsers display HTML5 block elements correctly */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

/* 960gs */
.container_16{margin-left:auto;margin-right:auto;width:960px;}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display: inline;float: left;margin-left:10px;margin-right:10px;}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16{position: relative;}.alpha{margin-left:0;}.omega{margin-right:0;}.container_16 .grid_1{width:40px;}.container_16 .grid_2{width:100px;}.container_16 .grid_3{width:160px;}.container_16 .grid_4{width:220px;}.container_16 .grid_5{width:280px;}.container_16 .grid_6{width:340px;}.container_16 .grid_7{width:400px;}.container_16 .grid_8{width:460px;}.container_16 .grid_9{width:520px;}.container_16 .grid_10{width:580px;}.container_16 .grid_11{width:640px;}.container_16 .grid_12{width:700px;}.container_16 .grid_13{width:760px;}.container_16 .grid_14{width:820px;}.container_16 .grid_15{width:880px;}.container_16 .grid_16{width:940px;}.container_16 .prefix_1{padding-left:60px;}.container_16 .prefix_2{padding-left:120px;}.container_16 .prefix_3{padding-left:180px;}.container_16 .prefix_4{padding-left:240px;}.container_16 .prefix_5{padding-left:300px;}.container_16 .prefix_6{padding-left:360px;}.container_16 .prefix_7{padding-left:420px;}.container_16 .prefix_8{padding-left:480px;}.container_16 .prefix_9{padding-left:540px;}.container_16 .prefix_10{padding-left:600px;}.container_16 .prefix_11{padding-left:660px;}.container_16 .prefix_12{padding-left:720px;}.container_16 .prefix_13{padding-left:780px;}.container_16 .prefix_14{padding-left:840px;}.container_16 .prefix_15{padding-left:900px;}.container_16 .suffix_1{padding-right:60px;}.container_16 .suffix_2{padding-right:120px;}.container_16 .suffix_3{padding-right:180px;}.container_16 .suffix_4{padding-right:240px;}.container_16 .suffix_5{padding-right:300px;}.container_16 .suffix_6{padding-right:360px;}.container_16 .suffix_7{padding-right:420px;}.container_16 .suffix_8{padding-right:480px;}.container_16 .suffix_9{padding-right:540px;}.container_16 .suffix_10{padding-right:600px;}.container_16 .suffix_11{padding-right:660px;}.container_16 .suffix_12{padding-right:720px;}.container_16 .suffix_13{padding-right:780px;}.container_16 .suffix_14{padding-right:840px;}.container_16 .suffix_15{padding-right:900px;}.container_16 .push_1{left:60px;}.container_16 .push_2{left:120px;}.container_16 .push_3{left:180px;}.container_16 .push_4{left:240px;}.container_16 .push_5{left:300px;}.container_16 .push_6{left:360px;}.container_16 .push_7{left:420px;}.container_16 .push_8{left:480px;}.container_16 .push_9{left:540px;}.container_16 .push_10{left:600px;}.container_16 .push_11{left:660px;}.container_16 .push_12{left:720px;}.container_16 .push_13{left:780px;}.container_16 .push_14{left:840px;}.container_16 .push_15{left:900px;}.container_16 .pull_1{left: -60px;}.container_16 .pull_2{left: -120px;}.container_16 .pull_3{left: -180px;}.container_16 .pull_4{left: -240px;}.container_16 .pull_5{left: -300px;}.container_16 .pull_6{left: -360px;}.container_16 .pull_7{left: -420px;}.container_16 .pull_8{left: -480px;}.container_16 .pull_9{left: -540px;}.container_16 .pull_10{left: -600px;}.container_16 .pull_11{left: -660px;}.container_16 .pull_12{left: -720px;}.container_16 .pull_13{left: -780px;}.container_16 .pull_14{left: -840px;}.container_16 .pull_15{left: -900px;}.clear{clear:both;display:block;overflow: hidden;visibility: hidden;width:0;height:0;}.clearfix:before,.clearfix:after,.container_16:before,.container_16:after{content: '.';display:block;overflow: hidden;visibility: hidden;font-size:0;line-height:0;width:0;height:0;}.clearfix:after,.container_16:after{clear:both;}.clearfix,.container_16{zoom:1;}

/* Force wider column to line up better with share button */
.contact .container_16 .grid_8 { width: 480px; }

strong, b { font-weight: bold; }
/* = Start Widths = */
/* body width should match "page" width so that backgrounds fill to scrolled edges */
body { min-width: 969px; }

.an_question {background: yellow;}

#Wrapper { background: #fff; min-width: 969px; max-width: 1236px; } /* Width of "page" */
#Header { width: 969px; }
/*#NavigationSecondary {width: 969px;}*/
#MainBody { min-width: 969px; max-width: 1236px; }
#MainChannel { min-width: 969px; max-width: 1236px; } /* Width of left channel and center channel combined */
#Content { width: 969px; } /* Width of center channel */
  .home #Content { width: auto; max-width: 1236px; min-width: 969px; overflow: hidden; }
#WrapperFooter { min-width: 969px; max-width: 1236px; }
/*#SidebarPrimary { width: 13.3em; }*/ /* Width of left channel */ 
/*#SidebarSecondary { width: 13.3em; }*/ /* Width of right channel */
/* = End Widths = */

#Wrapper {
  margin: 0 auto; /* Make content centered */
  padding: 0;
}
#Header, #Content, #WrapperFooter, #Footer {margin: 0 auto;}

/* Link at top of document to jump over navigation and go straight to content - For usability */
#ContentJump { left: -32000em; position: absolute; }

#Header { height: 70px; position: relative; z-index: 10; }
  .home #Header { margin-bottom: 640px; }

#Toolbar {position: relative; z-index: 4;}
  #Toolbar ul.links { float: right; }
    #Toolbar li {
      background: url(http://www.drobo.com/css/images/common/common-images-sprite.png) no-repeat 0 -834px;
      display: inline;
      float: left;
      margin-top: 13px;
      padding: 0 12px 0 12px;
    }
      .ie6 #Toolbar li {
        background-image: url(http://www.drobo.com/css/images/common/common-images-sprite.gif);
      }
      #Toolbar li.first {background: 0;}
      #Toolbar li.global {
        background: url(http://www.drobo.com/css/images/common/common-images-sprite.png) no-repeat 0 -447px; 
        cursor: pointer;
        padding-left: 24px;
        position: relative;
      }
        .ie6 #Toolbar li.global {
          background-image: url(http://www.drobo.com/css/images/common/common-images-sprite.gif);
        }
        #Toolbar li.global a {
          background: url(http://www.drobo.com/css/images/common/common-images-sprite.png) no-repeat 100% -24px;
          padding-right: 13px;
        }
          .ie6 #Toolbar li.global a {
            background-image: url(http://www.drobo.com/css/images/common/common-images-sprite.gif);
          }
          #Toolbar li.global a:hover {text-decoration: none;}
        #Toolbar li.global ul {
          background: #fff;
          border: 1px solid #ddd;
          border-top: 0;
          display: none; 
          left: 0;
          position: absolute;
          top: 100%;
          width: 100px;
          z-index: 7;
        }
          #Toolbar li.global ul.over {display: block;}
          #Toolbar li.global ul li {
            background: #fff;
            display: block;
            float: none;
            margin: 0;
            padding-bottom: 3px;
          }
            #Toolbar li.global ul li a {background: 0; padding: 0;}
          
  #Toolbar a {
    color: #666;
    display: block;
    font-size: 85%;
    line-height: 19px;
    text-decoration: none;
  }
    #Toolbar a:hover { text-decoration: underline; }
  #Toolbar form { }
    #Toolbar fieldset { float: left;}
    #Toolbar input {
      border: 0;
      background: url(http://www.drobo.com/css/images/common/search-bg.png) no-repeat 0 0;
      color: #7a7a7a;
      float: left;
      height: 20px;
      line-height: 19px;
      text-indent: 7px;
      width: 96px;
    }
      #Toolbar input.submit {
        background-position: 100% 0;
        cursor: pointer;
        text-indent: -32000em;
        width: 27px;
      }
    
#SiteId {
  position: absolute;
  top: 8px;
  z-index: 5;
}

/* Top Navigation */
#NavigationPrimary {
  position: relative;
  /* height: 40px; */
  z-index: 2;
}
  #NavigationPrimary ul {
    display: inline;
    float: right;
    /* margin: 23px 0 8px; */
    z-index: 2;
  }
    #NavigationPrimary li { /* Topnav item */
      float: left; /* Keep nav in a line */
      /* padding-left: 4px; */
      position: relative; /* To position dropdowns based on topnav items */
      z-index: 3; /* Need a known z-index so we can lap dropdowns over topnav items and flyouts over the dropdowns */
    }
      #NavigationPrimary li#NavigationPrimaryBuy { /* padding-left: 9px; */ }
      #NavigationPrimary li.over { 
        z-index: 5; /* Make dropdowns appear over topnav items and flyouts over lower li's that are siblings to dropdown items */
        background: #646464;
      }
      #NavigationPrimary a { /* Topnav link */
        /* background: url(http://www.drobo.com/css/images/common/common-images-sprite.png) no-repeat 0 0;
        text-indent: -32000em;
        height: 42px; */
        display: block;
        text-decoration: none;
        color: #646464;
        font-size: 18px;
        padding: 24px;
      }
        /* Main topnav items, uses sprites for background */
        li#NavigationPrimaryHowItWorks a { background-position: -26px -1212px; }
          li#NavigationPrimaryHowItWorks a.active { background-position: -26px -1262px; }
          .pardot li#NavigationPrimaryHowItWorks a.over { background-position: -22px -1262px; color: #FFF; }
          li#NavigationPrimaryHowItWorks a.over { background-position: -26px -1312px; color: #FFF; }
          li#NavigationPrimaryHowItWorks .dropdown { width: 200px; }

        li#NavigationPrimaryProducts a { background-position: -180px -1212px; }
          li#NavigationPrimaryProducts a.active { background-position: -180px -1262px; }
          .pardot li#NavigationPrimaryProducts a.over { background-position: -180px -1262px; color: #FFF; }
          li#NavigationPrimaryProducts a.over { background-position: -180px -1312px; color: #FFF; }
          li#NavigationPrimaryProducts .dropdown { left: -225px; width: 600px; }

        li#NavigationPrimarySolutions a { background-position: -288px -1212px; }
          li#NavigationPrimarySolutions a.active { background-position: -288px -1262px; }
          .pardot li#NavigationPrimarySolutions a.over { background-position: -288px -1262px; color: #FFF; }
          li#NavigationPrimarySolutions a.over { background-position: -288px -1312px; color: #FFF; }
          li#NavigationPrimarySolutions .dropdown { left: -378px; width: 833px; }
          
        li#NavigationPrimaryCustomers a { background-position: -401px -1212px; }
          li#NavigationPrimaryCustomers a.active { background-position: -401px -1262px; }
          .pardot li#NavigationPrimaryCustomers a.over { background-position: -401px -1262px; color: #FFF; }
          li#NavigationPrimaryCustomers a.over { background-position: -401px -1312px; color: #FFF; }
          li#NavigationPrimaryCustomers .dropdown { width: 200px; }

        li#NavigationPrimarySupport a { background-position: -526px -1212px; }
          li#NavigationPrimarySupport a.active { background-position: -526px -1262px; }
          .pardot li#NavigationPrimarySupport a.over { background-position: -526px -1262px; color: #FFF; }
          li#NavigationPrimarySupport a.over { background-position: -526px -1312px; color: #FFF; }
          li#NavigationPrimarySupport .dropdown { width: 200px; }

        li#NavigationPrimarySupport { margin-right: 20px; }

        li#NavigationPrimaryNews a { background-position: -526px -1212px; }
          li#NavigationPrimaryNews a.active { background-position: -526px -1262px; }
          .pardot li#NavigationPrimaryNews a.over { background-position: -526px -1262px; color: #FFF; }
          li#NavigationPrimaryNews a.over { background-position: -526px -1312px; color: #FFF; }
          li#NavigationPrimaryNews .dropdown { width: 200px; }

        li#NavigationPrimaryTry a { background-position: 0 0; height: 40px; margin-top: 0; }
          li#NavigationPrimaryTry a:hover, li#NavigationPrimaryTry a.active { background-position: 0 -47px; }
        li#NavigationPrimaryBuy a { background-position: -94px 0; margin-top: 0; }
          li#NavigationPrimaryBuy a:hover, li#NavigationPrimaryBuy a.active { background-position: -94px -47px; color: #FFF; }

  #NavigationPrimary #NavigationPrimarySolutions .dropdown,
  #NavigationPrimary #NavigationPrimaryProducts .dropdown {
    padding: 0;
    -webkit-background-clip: padding-box; /* fix WebKit background bleed on border-radius */
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
  }
    #NavigationPrimary #NavigationPrimarySolutions .dropdown .container,
    #NavigationPrimary #NavigationPrimaryProducts .dropdown .container { padding: 22px 38px 10px; }
    .dropdown .container .alpha { float: left; }
    .dropdown .container .omega { float: right; }    
    .dropdown .container .two-thirds { width: 448px; }
    .dropdown .container .one-third { width: 246px; }
    .dropdown .container .one-half { width: 200px; }
      #NavigationPrimary #NavigationPrimaryProducts .dropdown .container .two-thirds { width: 300px; }
      #NavigationPrimary #NavigationPrimaryProducts .dropdown .container .one-third { width: 175px; }
      #NavigationPrimary #NavigationPrimaryProducts .dropdown .container .one-half { width: 130px; }
    .dropdown .container h2 {
      border-bottom: 3px solid #9dc749;
      color: #fff;
      font-size: 131%;
      font-weight: bold;
      height: 15px;
      line-height: 15px;
      margin-bottom: 8px;
      padding: 0 0 2px;
    }
    #NavigationPrimary .dropdown .container h2 a {
      background: 0;
      color: #fff;
      height: auto;
      text-decoration: none;
      text-indent: 0;
      width: auto;
    }
    #NavigationPrimarySolutions .dropdown li a { font-size: 100%; }
      .ie7 #NavigationPrimarySolutions .dropdown li, .ie6 #NavigationPrimarySolutions .dropdown li,
      .ie7 #NavigationPrimaryProducts .dropdown li, .ie6 #NavigationPrimaryProducts .dropdown li {
        border: 1px solid #7a0;
      }
      .ie7 #NavigationPrimarySolutions .dropdown li a, .ie6 #NavigationPrimarySolutions .dropdown li a,
      .ie7 #NavigationPrimaryProducts .dropdown li a, .ie6 #NavigationPrimaryProducts .dropdown li a {
        zoom: 1;
      }
      
    .dropdown .container .block { padding-bottom: 14px; }
    #NavigationPrimary a.all {
      background: 0;
      color: #fff;
      font-size: 123.1%;
      text-decoration: none;
      text-indent: 0;
      width: auto;
    }
    
      /*#NavigationPrimary #NavigationPrimarySolutions .dropdown { display: block; }*/
      #NavigationPrimary .dropdown {
        background: #7a0;
        display: none;
        left: 4px;
        padding: 8px 10px 10px;
        position: absolute;
        -webkit-border-radius: 10px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius: 10px;
        -moz-border-radius-topleft: 0;
        border-radius: 0 10px 10px 10px;
      }
        #NavigationPrimary .richmenu {
          padding: 20px 16px 12px;
          -webkit-border-radius: 10px;
             -moz-border-radius: 10px;
                  border-radius: 10px;
        }
      #NavigationPrimary h3 {
        border-bottom: 3px solid #9DC749;
        color: #fff;
        font-size: 123.1%;
        font-weight: bold;
        margin-bottom: 8px;
        padding-bottom: 2px;
      }
        #NavigationPrimary h3 a {
          background: none;
          color: #fff;
          display: inline;
          height: auto;
          text-decoration: none;
          text-indent: 0;
          width: auto;
        }
      #NavigationPrimary ul ul { float: none; margin: 0; }
        #NavigationPrimary ul ul.footer { display: block; padding: 10px 38px; }
        #NavigationPrimary li.over .dropdown { display: block; }
        #NavigationPrimary li li { /* Dropdown item */
          float: none; /* Make dropdown items appear on top of each other, not next to */
          padding-left: 0;
          /*
            May need to add a float and width to fix problems with dropdown premature closure in IE
            float: left;
            width: 204px;
          */
        }
          #NavigationPrimary li ul.footer li { color: #fff; }
          #NavigationPrimary li li a {
            background: 0;
            color: #fff;
            font-size: 108%;
            font-weight: bold;
            height: auto;
            padding: 5px 0;
            text-indent: 0;
            text-decoration: none;
            width: auto;
          }
            #NavigationPrimary li ul.footer li a { display: inline; }
            #NavigationPrimary li li a:hover { color: #A5DE41; text-decoration: underline; }
        #NavigationPrimary .columns { }
          #NavigationPrimary .columns .column { display: inline; float: left; margin-right: 55px; width: 240px; }
            #NavigationPrimary .columns .last { margin: 0; }

#MainBody { 
  padding: 0;
  position: relative; /* to facilitate */
  z-index: 2;         /* topnav dropdowns */
}
  .home #MainBody {
    position: absolute;
    top: 0;
  }

#NavigationSecondary {
  background: #646464;
  min-width: 969px;
  max-width: 1236px;
  margin: 0 auto;
}
  #NavigationSecondary .navContent {
    height: 57px;
    margin: 0 auto;
    position: relative;
    width: 969px;
  }
  .professionals #NavigationSecondary {
    background: url(http://www.drobo.com/css/images/secondary-navigation/products-professionals.jpg) no-repeat 50% 0;
  }
  .business #NavigationSecondary {
    background: url(http://www.drobo.com/css/images/secondary-navigation/products-professionals.jpg) no-repeat 50% 0;
  }
  .professionals #NavigationSecondary .navContent, .business #NavigationSecondary .navContent {
    height: 192px;
  }
  
  #NavigationSecondary h3 {
    bottom: 9px;
    color: #ddd;
    float: left;
    font-size: 167%;
    font-weight: normal;
    left: 0;
    position: absolute;
    width: 240px;
  }
    .solutions #NavigationSecondary h3 {width: 260px;}
  
  .professionals #NavigationSecondary h3 { bottom: 27px; }
  .business #NavigationSecondary h3 { bottom: 27px; width: 200px; /* force wrap */ }
  #NavigationSecondary ul { float: right; padding-top: 22px; }
    .professionals #NavigationSecondary ul, .business #NavigationSecondary ul { margin-left: 256px; padding: 0; }
    #NavigationSecondary ul li {
      background: url(http://www.drobo.com/css/images/common/common-images-sprite.png) no-repeat 100% -80px;
      float: left;
      margin-right: 2px;
      padding: 0 15px 0 12px;
    }
      #NavigationSecondary ul li.first {padding-left: 0;}
      #NavigationSecondary ul li.last {background: 0;}
    .professionals #NavigationSecondary ul li, .business #NavigationSecondary ul li {
      background: 0;
      height: auto;
      margin-right: 0;
      padding: 16px 28px 0 0;
      text-align: center;
    }
      .professionals #NavigationSecondary ul li {padding-right: 5px;}
      .professionals #NavigationSecondary ul li.active, .business #NavigationSecondary ul li.active {
        background: 0;
      }
    
      #NavigationSecondary ul li.drobo {width: 92px;}
      #NavigationSecondary ul li.droboS {width: 92px;}
      #NavigationSecondary ul li.droboFS {width: 92px;}
      #NavigationSecondary ul li.droboPro {width: 170px;}
      #NavigationSecondary ul li.droboMini {width: 159px;  padding: 0;}
      #NavigationSecondary ul li.drobo5D {width: 84px;  padding: 0;}
      #NavigationSecondary ul li.software {width: 170px;}
      #NavigationSecondary ul li.b800fs { width: 164px; }
      #NavigationSecondary ul li.b800i { width: 164px; }
      #NavigationSecondary ul li.b1200i { width: 202px; }
      
      .professionals #NavigationSecondary ul li.last, .business #NavigationSecondary ul li.last {
        padding-right: 0;
      }
      
      #NavigationSecondary ul li a {
        color: #ccc;
        display: block;
        text-decoration: none;
        white-space: nowrap;
      }
/*        .ie6 #NavigationSecondary ul li a { float: left; }*/
        #NavigationSecondary ul li a.active, #NavigationSecondary ul li a:hover {color: #fff;}
      .professionals #NavigationSecondary ul li a, .business #NavigationSecondary ul li a {
        padding-top: 124px;
      }
      
      .professionals #NavigationSecondary ul li a span, .business #NavigationSecondary ul li a span {
        background: url(http://www.drobo.com/css/images/secondary-navigation/indicator-bg.png) no-repeat 100% -36px;
        display: block;
        height: 36px;
        padding-right: 13px;
      }
/*        .ie6 #NavigationSecondary ul li a span { float: left; }*/
        .professionals #NavigationSecondary ul li a span em, .business #NavigationSecondary ul li a span em {
          background: url(http://www.drobo.com/css/images/secondary-navigation/indicator-bg.png) no-repeat 0 0;
          display: block;
          height: 36px;
          padding-left: 13px;
        }
/*          .ie6 #NavigationSecondary ul li a span em { float: left; }*/
        #NavigationSecondary ul li a:hover span,
        #NavigationSecondary ul li a.active span {background-position: 100% 100%;}
        #NavigationSecondary ul li a:hover span em,
        #NavigationSecondary ul li a.active span em {background-position: 0 -72px;}
      
    .professionals #NavigationSecondary ul li a {
      background: url(http://www.drobo.com/css/images/secondary-navigation/professional-product-sprite.png) no-repeat 0 0;
    }
    .business #NavigationSecondary ul li a {
      background: url(http://www.drobo.com/css/images/secondary-navigation/business-product-sprite.png) no-repeat 0 0;
    }
      #NavigationSecondary ul li.drobo a {background-position: -401px -16px;}
      #NavigationSecondary ul li.droboS a {background-position: -499px -16px;}
      #NavigationSecondary ul li.droboFS a {background-position: -585px -16px;}
      #NavigationSecondary ul li.droboPro a {background-position: -689px -16px;}
      #NavigationSecondary ul li.droboMini a {background-position: -859px 0; padding-top: 140px;}
      #NavigationSecondary ul li.drobo5D a {background-position: -1018px 0; padding-top: 140px;}
      #NavigationSecondary ul li.software a {background-position: -902px -16px;}
      #NavigationSecondary ul li.b800fs a { background-position: -353px -16px; }
      #NavigationSecondary ul li.b800i a { background-position: -530px -16px; }
      #NavigationSecondary ul li.b1200i a { background-position: -710px -16px; }
  
/* Wrap left and center channel so that we can put center channel first */
/* in markup for optimal content ordering */
#MainChannel { background: url(http://www.drobo.com/css/images/mainbody/default-bg.jpg) no-repeat 50% 0; }
  .products #MainChannel {
    background: url(http://www.drobo.com/css/images/mainbody/products-bg.jpg) no-repeat 50% 0;
  }
  .company #MainChannel {
    background: url(http://www.drobo.com/css/images/mainbody/company-bg.jpg) no-repeat 50% 0;
  }
  .aboutUs #MainChannel {
    background: url(http://www.drobo.com/css/images/mainbody/corporate-overview-bg.jpg) no-repeat 50% 0;
  }
  .howItWorksLanding #MainChannel {
    background: url(http://www.drobo.com/css/images/mainbody/howitworks-overview-bg.jpg) no-repeat 50% 0;
  }
  .whereToBuy #MainChannel { background: 0; }
  .solutions #MainChannel, .faq #MainChannel {
    background: url(http://www.drobo.com/css/images/mainbody/solutions-bg.jpg) no-repeat 50% 0;
  }
  .solutionsLanding #MainChannel {
    background: url(http://www.drobo.com/css/images/mainbody/solutions-overview-bg.jpg) no-repeat 50% 0;
  }
  .support #MainChannel {
    background: url(http://www.drobo.com/css/images/mainbody/support-bg.jpg) no-repeat 50% 0;
  }
  .supportLanding #MainChannel {
    background: url(http://www.drobo.com/css/images/mainbody/support-overview-bg.jpg) no-repeat 50% 0;
  }
  .customers #MainChannel {
    background-image: url(http://www.drobo.com/css/images/mainbody/customers-bg.jpg);
  }

ul#Sitemap { padding-bottom: 20px !important; width: 100%; }
  ul#Sitemap li ul { padding-left: 12px; }


/* Left channel */
#SidebarPrimary { float: left; }

/* Center channel */
#Content { padding: 7px 0 20px; }
  .home #Content { padding: 0; }

#PageTools {padding-bottom: 10px;}
  #PageTools .share {float: right;}
  #PageTools .share a {
    background: url(http://www.drobo.com/css/images/common/common-images-sprite.png) no-repeat 0 -98px;
    display: block;
    height: 28px;
    outline: 0;
    text-indent: -32000em;
    width: 79px;
  }
  #PageTools .share a:hover {
    background-position: 0 -131px;
  }

#Breadcrumbs { display: inline; float: left; margin-top: 6px; }
  .ie6 #Breadcrumbs {width: 700px;}
  #Breadcrumbs ul { padding: 0 !important; }
    #Breadcrumbs ul li { 
      background: url(http://www.drobo.com/css/images/common/common-images-sprite.png) no-repeat 100% 1px; 
      color: #333;
      float: left;
      list-style-type: none !important;
      margin-right: 5px;
      padding-right: 10px;
    }
      .ie7 #Breadcrumbs ul li, .ie6 #Breadcrumbs ul li {background-position: 100% 2px;}
      #Breadcrumbs ul li.last {background: 0; font-weight: bold;}
      #Breadcrumbs ul li a {color: #333; font-size: 93%; text-decoration: none;}  
        #Breadcrumbs ul li a:hover { text-decoration: underline; }
        
ul#PageTools { float: right; }
  ul#PageTools li { float: left; }
 
  .support #ContentChannel {position: relative;}
  .pressRelease #ContentChannel { padding-right: 50px; }
#Content h1 {color: #646464; font-size: 247%; padding-bottom: 25px;}
  body.professionals #Content h1, body.business #Content h1 { font-size: 400%; }
#Content h2 {
  color: #ff6c00; 
  font-size: 197%; 
  font-weight: normal; 
  padding-bottom: 7px;
}
  #Content section h2 { padding-top: 25px; }
  .resources #Content h2 { padding-bottom: 14px; }
#Content h3 { color: #466cb5; font-size: 153.9%; font-weight: bold; padding-bottom: 13px; }
  .resources #Content h3 { color: #666; font-size: 131%; font-weight: normal; }
  .news #Content section h3 { color: #7a0; font-size: 197%; font-weight: normal; padding-top: 8px; }

#Content h4 { color: #333; font-size: 100%; font-weight: bold; padding-bottom: 7px; }
  .contact #Content h4 { color: #7a0; font-size: 116%; }

#Content p { line-height: 1.4em; padding-bottom: 12px; }
  #Content p.notes { color: #999; font-size: 93%; }
  .news #Content p.more { border-top: 1px solid #d9d9d9; padding-top: 16px; }

#Content .intro {padding-bottom: 10px;}

#Content a {color: #646464; text-decoration: none;}
  #Content a:hover { text-decoration: underline; color: #ff6c00; }
  
#Content ul, #Content ol { padding: 0 0 12px 20px; }
  #Content ul li {list-style-type: disc; line-height: 1.4em; padding-bottom: 12px; }
  #Content ol li { line-height: 1.4em; list-style-type: decimal; }
    #Content ol ol li { list-style-type: lower-alpha; }

#Content ul.links { padding: 0 0 8px; }
  #Content ul.links li { list-style-type: none; padding-bottom: 8px; }

#Content .moreControls {
  font-size: 93%;
  margin-bottom: 4px;
  position: relative;
  text-align: right;
  top: -10px;
}
  #Content .moreControls a { padding: 0 4px; }
    #Content .moreControls em { color: #666; }

#Content ul.awards { padding: 0; }
  #Content ul.awards li {
    clear: left;
    list-style-type: none;
    padding-bottom: 12px;
  }
    #Content ul.awards div.logo { float: left; text-align: right; width: 140px; }
      #Content ul.awards div.logo a { display: inline; margin: 0; }
    #Content ul.awards span.date, #Content ul.awards a { display: block; margin-left: 170px; }
      #Content ul.awards span.date { font-weight: bold; }
    #Content ul.awards p { margin-left: 170px; }
      #Content ul.awards p a { display: inline; margin: 0; }
      
#Content ul.news { padding: 0; }
  #Content ul.news li {
    clear: left;
    list-style-type: none;
    padding-bottom: 12px;
  }
    #Content ul.news div.logo { float: left; text-align: right; width: 140px; }
      #Content ul.news div.logo a { display: inline; margin: 0; }
    #Content ul.news span.date, #Content ul.awards a { display: block; margin-left: 170px; }
      #Content ul.news span.date { font-weight: bold; }
    #Content ul.news p { margin-left: 170px; }
      #Content ul.news p a { display: inline; margin: 0; }
      
    #Content .twoCol ul.news div.
      
    
#Content .intro h1 {padding-bottom: 0;}
#Content section.intro h2 {color: #333; font-size: 153.9%; padding-bottom: 13px; padding-top: 5px;}
#Content .intro p {color: #666; font-size: 100%; line-height: 1.45em; padding-bottom: 16px;}
#Content .intro li { font-size: 116%; line-height: 1.45em; }

#Content .intro .image {
  float: left;
  width: 480px;
}

#Content .intro .channel {
  float: right;
  width: 470px;
}

#Content section.intro a.button {
  background: url(http://www.drobo.com/css/images/common/button-bg-large.png) no-repeat 0 0;
  color: #666;
  display: inline;
  float: left;
  font-size: 167%;
  height: 59px;
  line-height: 58px;
  margin-right: 4px;
  text-align: center;
  text-indent: -2px;
  width: 162px;
}
  #Content section.intro p.threeButtons { width: 500px; }
    .ie6 #Content section.intro p.threeButtons { width: auto; }
  #Content section.intro a.button:hover { color: #0076d6; text-decoration: none; }

#Content .intro .productImages {float: left; width: 480px;}
  #Content .intro .productImages .largeImg {display: block; padding-bottom: 10px;}
  #Content .productImages .gallery {display: block; text-align: center; width: 480px;}
  #Content .productImages .gallery ul li {display: inline; list-style-type: none; margin-right: 2px; padding: 0;}
  #Content .productImages .gallery a {outline: 0;}
  #Content .productImages .gallery a img {
    opacity : 0.5; 
    filter: alpha(opacity=50); // msie 
  }
  #Content .productImages .gallery a.active img {
    -moz-box-shadow: 2px 2px 2px #666;
    -webkit-box-shadow: 2px 2px 2px #666;
    box-shadow: 2px 2px 2px #666;
    opacity : 1; 
    filter: alpha(opacity=100); // msie 
  }
  #Content .productImages .gallery a:hover img {
    opacity : .95; 
    filter: alpha(opacity=95); // msie 
  }
  
#Content a.buttonVariable {
  background: url(http://www.drobo.com/css/images/common/button-bg-variable.png) no-repeat 100% 100%;
  color: #666;
  float: left;
  font-size: 167%;
  height: 59px;
  line-height: 58px;
  padding-right: 11px;
}
  #Content a.buttonVariable:hover { color: #0076d6; text-decoration: none; }

  #Content a.buttonVariable span {
    background: url(http://www.drobo.com/css/images/common/button-bg-variable.png) no-repeat 0 0;
    cursor: pointer;
    float: left;
    height: 59px;
    padding: 0 5px 0 11px;
  }
#Content a.buyNow {
  background: url(http://www.drobo.com/css/images/common/common-images-sprite.png) no-repeat 0 -632px; 
  display: block;
  height: 59px;
  outline: 0;
  text-indent: -32000em;
  width: 162px;
}
  #Content a.buyNow:hover { background-position: 0 -691px; }

#Content aside h2 { font-size: 138.5%; font-weight: bold; padding-bottom: 10px; }
#Content aside h3 { color: #666; font-size: 123.1%; line-height: 1.2em; padding-bottom: 6px; }

#Content .focusBox {
  background: #fff;
  border: 2px solid #ccc;
  margin-bottom: 20px;
  padding: 16px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}
  .whereToBuy #Content .focusBox { border-color: #dfdfdf; }
  /* We lose the background on the capacity calculator page with the fix in IE8 */
  .ie8 #Content .focusBox { behavior: url(/css/PIE.htc); }
    .ie8 .capacityCalculator #Content .focusBox { behavior: none; }

  #Content .focusBox .tabs nav { float: left; width: 284px; }
  #Content .focusBox .tabNav { border: 0; margin: 0; padding: 0; }
    #Content .focusBox .tabNav li {
      border: 0;
      display: block;
      float: none;
      margin-bottom: 10px;
    }
      #Content .focusBox .tabNav a {
        background: url(http://www.drobo.com/css/images/common/focus-tab-bg.001.png) no-repeat 0 -134px;
        color: #666 !important;
        display: block;
        float: none;
        font-size: 131%;
        font-weight: bold;
        height: 63px;
        line-height: 63px;
        padding: 0;
        text-indent: 30px;
        width: 284px;
      }
        #Content .focusBox .tabNav a:hover { background-position: 0 -67px; color: #fff !important; }
        #Content .focusBox .tabNav .ui-state-active a { background-position: 0 0; color: #fff !important; }
        #Content .focusBox .tabNav a span { background: 0; float: none; padding: 0; }
        
  #Content .focusBox .tabContent { margin-left: 294px; overflow: hidden; width: 583px; }
  .ie6 #Content .focusBox .tabs { zoom: 1; }
  .ie6 #Content .focusBox .tabContent {
    float: right;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    width: auto;
  }
#Content .highlightBox { }
  #Content .highlightBoxSmall { float: right; width: 338px; }
    #Content .highlightBoxSmall h3, #Content .highlightBoxLarge h3 {
      border-bottom: 1px solid #ccc;
      color: #666;
      font-size: 138.5%;
      font-weight: normal;
      padding-bottom: 10px;
      margin-bottom: 20px;
    }
    #Content .highlightBoxSmall h4 { color: #7a0; padding: 0; }
    #Content .highlightBoxSmall p { padding: 0; }
  #Content .highlightBox .header, #Content .highlightBox .channel, #Content .highlightBox .footer, #Content .highlightBox .content {
    background-image: url(http://www.drobo.com/css/images/common/highlight-med-bg.png);
  }
    #Content .highlightBoxSmall .header, #Content .highlightBoxSmall .channel, #Content .highlightBoxSmall .footer, #Content .highlightBoxSmall .content {
      background-image: url(http://www.drobo.com/css/images/common/highlight-small-bg.png);
    }
    #Content .highlightBoxLarge .header, #Content .highlightBoxLarge .channel, #Content .highlightBoxLarge .footer, #Content .highlightBoxLarge .content {
      background-image: url(http://www.drobo.com/css/images/common/highlight-large-bg.png);
    }
  #Content .highlightBox .header { background-position: 100% -422px; padding-right: 23px; }
    #Content .highlightBoxSmall .header, #Content .highlightBoxLarge .header {
      background-position: 100% 0;
    }
    #Content .highlightBox .header .content { background-position: 0 0; height: 23px; padding-left: 23px; }
      #Content .highlightBoxSmall .header .content, #Content .highlightBoxLarge .header .content {
        background-position: 0 0;
      }

  #Content .highlightBox .channel { background-position: 0 -23px; padding-left: 23px; }
    #Content .highlightBox .channel .content { background-position: 100% -455px; padding-right: 23px; }
      #Content .highlightBoxSmall .channel .content, #Content .highlightBoxLarge .channel .content {
        background-position: 100% -23px;
      }
      
      #Content .highlightBox .channel .content div.photo {float: left; padding: 0 10px 5px 0;}
      #Content .highlightBox .channel .content ul.linkList {padding-bottom: 0;}
        #Content .highlightBox .channel .content ul.linkList li.last {padding-bottom: 6px;}

  #Content .highlightBox .footer { background-position: 100% 100%; padding-right: 23px; }
    #Content .highlightBox .footer .content { background-position: 0 -399px; height: 23px; padding-left: 23px; }
      #Content .highlightBoxSmall .footer .content, #Content .highlightBoxLarge .footer .content {
        background-position: 0 100%;
      }
  
#Content .solutionsIntro {padding-bottom: 20px;}
  #Content .solutionsIntro h2 {color: #333; font-size: 153.9%; padding-bottom: 13px;}
  #Content .solutionsIntro div.channel {float: left; width: 370px;}
  #Content .solutionsIntro div.infographic {
    float: right; 
    text-align: right;
    width: 570px;
  }

#Content .featureBox {
  background: url(http://www.drobo.com/css/images/common/feature-box-bg.png) no-repeat 0 0;
  margin-bottom: 50px;
  padding-top: 10px;
  width: 965px;
}
  #Content .featureBox .channel {
    background: url(http://www.drobo.com/css/images/common/feature-box-bg.png) no-repeat 100% 100%;
    padding: 10px 40px 29px;
    position: relative;
    z-index: 5;
  }

  .featureBox .more {
    background: url(http://www.drobo.com/css/images/common/more-info-flyout-bg.png) no-repeat 50% 100%;
    padding: 23px 5px;
    position: relative;
    top: -18px;
    z-index: 2;
    zoom: 1;
  }
    .ie6 .featureBox .more { height: 1px; }
    .featureBox .moreContent { padding: 24px 0; }
    .featureBox .more .content { padding: 0 35px; }
      .featureBox .more .content ul { margin-bottom: 15px; }
        .featureBox .more .content li { font-size: 93%; margin: 5px 0; padding: 0 !important; }
    #Content .featureBox .more h3 {
      background: url(http://www.drobo.com/css/images/common/common-images-sprite.png) no-repeat 0 -756px;
      bottom: 8px;
      color: #AFAFAF;
      cursor: pointer;
      font-size: 100%;
      font-weight: normal;
      left: 775px;
      line-height: 20px;
      padding: 0 0 0 23px;
      position: absolute;
    }
      .ie6 #Content .featureBox .more h3 { background-image: url(http://www.drobo.com/css/images/common/common-images-sprite.gif); }
      #Content .featureBox .more h4 { color: #666; }
      #Content .featureBox .moreOpen h3 { background-position: 0 -776px; }
  
#Content .featureBox div.first {float: left; padding-right: 27px; width: 250px;}
  #Content .featureBox div.middle {float: left; width: 375px;}
  #Content .featureBox div.last {float: right; width: 200px;}
  
#Content .featureBox .middle .singleVideoContainer {
  background: url(http://www.drobo.com/css/images/common/product-resources-video-bg.png) no-repeat 100% 100%;
  margin-bottom: 7px;
  padding-bottom: 12px;
  width: 370px;
}
  #Content .featureBox .middle .singleVideoContainer .channel {
    background: url(http://www.drobo.com/css/images/common/product-resources-video-bg.png) no-repeat 0 0;
    padding: 24px 24px 10px;
    position: relative;
  }
  #Content .featureBox .middle .singleVideoContainer .channel img {display: block; margin-bottom: 7px;}
  #Content .featureBox .middle .singleVideoContainer .channel span {display: block; font-size: 93%;}
  

#Content .productFeatureBox {
  background: url(http://www.drobo.com/css/images/common/feature-box-bg.png) no-repeat 0 0;
  margin-bottom: 50px;
  padding-top: 10px;
  width: 965px;
}
  #Content .productFeatureBox .channel {
    background: url(http://www.drobo.com/css/images/common/feature-box-bg.png) no-repeat 100% 100%;
    padding: 10px 25px 29px 40px;
    position: relative;
    z-index: 5;
  }

  #Content .productFeatureBox div.first {float: left; padding-right: 27px; width: 200px;}
  #Content .productFeatureBox div.middle {float: left; width: 375px;}
  #Content .productFeatureBox div.last {float: right; width: 270px;}
  
#Content .newsLogoBlock {padding-bottom: 15px;}
  #Content .newsLogoBlock p {float: right; font-size: 93%; width: 170px;}
  #Content .newsLogoBlock p.logo {float: left; text-align: center; width: 85px;}
    #Content .newsLogoBlock p a {color: #666;}

#Content ul.suggestedProducts {
  background: url(http://www.drobo.com/css/images/common/content-divider.png) repeat-x 0 0;
  padding: 15px 0 0;
}
  #Content ul.suggestedProducts li {
    background: url(http://www.drobo.com/css/images/common/content-divider.png) repeat-x 0 100%;
    display: block;
    list-style-type: none;
    margin-bottom: 15px;
    padding-bottom: 12px;
  }
    #Content ul.suggestedProducts li a {
      color: #666;
      display: block;
      font-size: 131%;
      font-weight: bold;
      outline: 0;
      padding-left: 107px;
    }
    #Content ul.suggestedProducts li a.b800i {
      background: url(http://www.drobo.com/css/images/solutions/product-icons/B800i-16.png) no-repeat 0 0;
      min-height: 31px;
      padding-top: 12px;
    }
      .ie6 #Content ul.suggestedProducts li a.b800i {height: 31px;}
    #Content ul.suggestedProducts li a.b1200i {
      background: url(http://www.drobo.com/css/images/solutions/product-icons/B1200i-16.png) no-repeat 0 0;
      min-height: 21px;
      padding-top: 7px;
    }
      .ie6 #Content ul.suggestedProducts li a.b1200i {height: 21px;}
    #Content ul.suggestedProducts li a.b800fs {
      background: url(http://www.drobo.com/css/images/solutions/product-icons/B800fs-16.png) no-repeat 0 0;
      min-height: 31px;
      padding-top: 12px;
    }
      .ie6 #Content ul.suggestedProducts li a.b800fs {height: 31px;}
    #Content ul.suggestedProducts li a.drobo {
      background: url(http://www.drobo.com/css/images/solutions/product-icons/drobo.png) no-repeat 23px 0;
      min-height: 40px;
      padding-top: 20px;
    }
      .ie6 #Content ul.suggestedProducts li a.drobo {height: 40px;}
    #Content ul.suggestedProducts li a.droboS {
      background: url(http://www.drobo.com/css/images/solutions/product-icons/drobo-s.png) no-repeat 25px 0;
      min-height: 40px;
      padding-top: 20px;
    }
      .ie6 #Content ul.suggestedProducts li a.droboS {height: 40px;}
    #Content ul.suggestedProducts li a.droboFS {
      background: url(http://www.drobo.com/css/images/solutions/product-icons/drobo-fs.png) no-repeat 25px 0;
      min-height: 40px;
      padding-top: 20px;
    }
      .ie6 #Content ul.suggestedProducts li a.droboFS {height: 40px;}
    #Content ul.suggestedProducts li a.droboPro {
      background: url(http://www.drobo.com/css/images/solutions/product-icons/drobo-pro.png) no-repeat 0 0;
      min-height: 37px;
      padding-top: 17px;
    }
      .ie6 #Content ul.suggestedProducts li a.droboPro {height: 37px;}

#Content .featureBox ul.resources {padding-left: 3px;}
  #Content .featureBox ul.resources li {
    list-style-type: none;
    padding-left: 0;
  }
    #Content .featureBox ul.resources li a {
      color: #666; 
      display: block; 
      padding-bottom: 2px; 
      padding-left: 21px;
    }

#Content ul.resources {padding-left: 0;}
  #Content ul.resources li {list-style-type: none; padding-bottom: 8px; padding-left: 0;}

  #Content ul.resources a.pdf {background: url(http://www.drobo.com/css/images/common/common-images-sprite.png) no-repeat 0 -1636px;}
  #Content ul.resources a.ppt {background: url(http://www.drobo.com/css/images/common/common-images-sprite.png) no-repeat 0 -1536px;}
  #Content ul.resources a.html {background: url(http://www.drobo.com/css/images/common/common-images-sprite.png) no-repeat 0 -1420px;}
  #Content ul.resources a.download {background: url(../images/icons/download-icon.png) no-repeat 0 3px;}
  
.supportTabs {padding-bottom: 0 !important;}
.supportTabs .tabContent {padding-bottom: 0;}
.supportTabs ul.tabNav {
  background: url(http://www.drobo.com/css/images/support/support-tabs-bg.png) no-repeat 0 0;
  border: 0;
  height: 137px;
  padding: 0 0 0 40px !important;
  width: 894px;
}
  .supportTabs ul.tabNav li {
    border: 0;
    height: 137px;
  }
    #Content .supportTabs ul.tabNav li a {
      background: none;
      color: #999 !important;
      cursor: pointer;
      display: block;
      font-size: 100%;
      font-weight: bold;
      height: 137px;
      padding: 0;
    }
  #Content .supportTabs ul.tabNav li a:hover { color: #bbb !important; }
  #Content .supportTabs ul.tabNav li.ui-state-active a {
    background: url(http://www.drobo.com/css/images/support/support-tab-active.png) no-repeat 50% 100%;
    color: #fff !important;
  }
    .supportTabs ul.tabNav li a span {
      background-image: url(http://www.drobo.com/css/images/support/support-tabs-sprite.png);
      display: block;
      line-height: 1.4em;
      padding: 101px 0 0;
      text-align: center;
    }
    .supportTabs ul.tabNav li#DroboTab a span {
      background-position: -28px 0;
      width: 85px;
    }
    .supportTabs ul.tabNav li#DroboSTab a span {
      background-position: -111px 0;
      width: 86px;
    }
    .supportTabs ul.tabNav li#DroboFSTab a span {
      background-position: -197px 0;
      width: 86px;
    }
    .supportTabs ul.tabNav li#DroboProTab a span {
      background-position: -283px 0;
      width: 141px;
    }
    .supportTabs ul.tabNav li#DroboB800fsTab a span {
      background-position: -430px 0;
      width: 143px;
    }
    .supportTabs ul.tabNav li#DroboB800iTab a span {
      background-position: -591px 0;
      width: 143px;
    }
    .supportTabs ul.tabNav li#DroboB1200iTab a span {
      background-position: -739px 0;
      width: 172px;
    }
    
.productTabs .tabContent {padding: 36px 0;}
.productTabs .tabContent {padding-bottom: 0;}
.productTabs ul.tabNav {
  background: url(http://www.drobo.com/css/images/common/product-tabs-bg.gif) repeat-x 0 100%;
  border: 0;
  height: 40px;
  padding: 0 0 0 15px !important;
  width: 969px;
}
  .productTabs ul.tabNav li {
    border: 0;
  }
    #Content .productTabs ul.tabNav li a {
      background: none;
      color: #999 !important;
      cursor: pointer;
      display: block;
      font-size: 153.9%;
      font-weight: bold;
      height: 40px;
      margin: 0 25px;
      outline: 0;
      padding: 0;
    }
  #Content .productTabs ul.tabNav li a:hover { color: #4466bb !important; }
  #Content .productTabs ul.tabNav li.ui-state-active a {
    background: url(http://www.drobo.com/css/images/common/product-active-tab.gif) no-repeat 50% 100%;
    color: #4466bb !important;
  }
    .productTabs ul.tabNav li a span {
      background: 0;
      display: block;
      line-height: 1.4em;
      padding: 0;
      text-align: center;
    }

#Content .productResources .channel {padding: 10px 36px 29px 40px;}
  #Content .productResources .first {float: left; padding-right: 27px; width: 250px;}
  #Content .productResources .middle {float: left; padding-right: 34px; width: 375px;}
  #Content .productResources .last {float: right; width: 200px;}

#Content .productResources ul.gallery { padding: 0; }
  #Content .productResources .gallery li {float: left; list-style-type: none; padding: 0 9px 9px 0;}
  
#Content .featureBox .videoContainer,
#Content .productFeatureBox .videoContainer {
  background: url(http://www.drobo.com/css/images/common/product-resources-video-bg.png) no-repeat 100% 100%;
  padding-bottom: 12px;
  width: 370px;
}
  #Content .featureBox .videoContainer .videoCarousel,
  #Content .productFeatureBox .videoContainer .videoCarousel {
    background: url(http://www.drobo.com/css/images/common/product-resources-video-bg.png) no-repeat 0 0;
    height: 220px;
    overflow: hidden;
    padding: 17px 10px 0 10px;
    position: relative;
  }
    #Content .videoCarousel ul li {list-style-type: none;padding: 0;}
      #Content .videoCarousel ul li a {display: block; height: 157px;}
    #Content .featureBox .videoCarousel .jcarousel-clip,
    #Content .productFeatureBox .videoCarousel .jcarousel-clip {
      margin-left: 32px;
      width: 278px;
    }
    
    #Content .featureBox .videoCarousel .jcarousel-prev, 
    #Content .featureBox .videoCarousel .jcarousel-next,
    #Content .productFeatureBox .videoCarousel .jcarousel-prev, 
    #Content .productFeatureBox .videoCarousel .jcarousel-next {
      background: url(http://www.drobo.com/css/images/common/common-images-sprite.png) no-repeat 0 -797px;
      cursor: pointer;
      display: block;
      height: 30px;
      left: 0;
      position: absolute;
      top: 60px;
      width: 24px;
    }
      #Content .featureBox .videoCarousel .jcarousel-prev, 
      #Content .featureBox .videoCarousel .jcarousel-next,
      #Content .productFeatureBox .videoCarousel .jcarousel-prev, 
      #Content .productFeatureBox .videoCarousel .jcarousel-next {
        background-image: url(http://www.drobo.com/css/images/common/common-images-sprite.gif);
      }
      #Content .featureBox .videoCarousel .jcarousel-next,
      #Content .productFeatureBox .videoCarousel .jcarousel-next {
        background-position: -39px -797px;
        left: 317px;
      }

  #Content .featureBox .videoContainer span,
  #Content .productFeatureBox .videoContainer span {
    color: #666;
    display: block;
    font-size: 85%;
    padding-top: 3px;
    width: 278px;
  }

#Content ul.documents { padding: 0; }
#Content ul.documents li { list-style-type: none; padding-bottom: 10px; zoom: 1; }
  #Content ul.documents li a {
    background: url(http://www.drobo.com/css/images/common/common-images-sprite.png) no-repeat 0 0;
    color: #666;
    display: block;
    font-size: 116%;
    font-weight: bold;
    padding: 10px 0 0 52px;
    text-decoration: none;
  }
    #Content ul.documents li a.datasheet {
      background-position: 0 -963px;
      min-height: 30px;
      padding-top: 6px;
      padding-bottom: 4px;
    }
      .ie6 #Content ul.documents li a.datasheet {height: 35px;}
    #Content ul.documents li a.compare {
      background-position: 0 -879px;
      min-height: 28px;
      padding-top: 12px;
    }
      .ie6 #Content ul.documents li a.compare {height: 28px;}
    #Content ul.documents li a.calculator {
      background-position: 0 -1052px;
      min-height: 29px;
      padding-top: 13px;
    }
      .ie6 #Content ul.documents li a.calculator {height: 29px;}
    #Content ul.documents li a.dashboard {
      background-position: 0 -1139px;
      min-height: 28px;
      padding-top: 9px;
    }
      .ie6 #Content ul.documents li a.dashboard {height: 28px;}
    #Content ul.documents li a.demo {
      background-position: 0 -1052px;
      min-height: 29px;
      padding-top: 13px;
    }
      .ie6 #Content ul.documents li a.demo {height: 29px;}
    #Content ul.documents li a.drive {
      background: url(http://www.drobo.com/css/images/common/right-drive-icon.png) no-repeat 0 0;
      min-height: 29px;
      padding-bottom: 1px;
      padding-top: 0;
    }
      .ie6 #Content ul.documents li a.drive {height: 29px;}
  
#Content .twoCol {padding-bottom: 12px;}
  #Content .twoCol div.first { float: left; padding: 0; width: 48%; }
    #Content .documentationAndDownloads .twoCol div.first { width: 58%; }
  #Content .twoCol div.last { float: right; width: 48%; }
    #Content .documentationAndDownloads .twoCol div.last { width: 38%; }

  #Content .solutionCols div.first,
  #Content .solutionCols div.last { width: 467px; }

#Content .threeCol {padding-bottom: 12px;}
  #Content .threeCol div.first { float: left; padding-right: 55px; width: 290px; }
  #Content .threeCol div.middle { float: left; width: 290px; }
  #Content .threeCol div.last { float: right; width: 290px; }
  
#Content .threeCol p.image {text-align: center;}
  
#Content .pullLeft { padding-bottom: 20px; }
  #Content .pullLeft .pullQuote { float: left; }
  #Content .pullLeft h2, #Content .pullLeft p, #Content .pullLeft ul { margin-left: 344px; }
  
#Content .pullRight { padding-bottom: 20px; }
  #Content .pullRight .highlightBox { float: right; }
  #Content .pullRight h2, #Content .pullRight p, #Content .pullRight ul { margin-right: 557px; }
  
#Content .productInfoBlock {padding-bottom: 25px;}
  #Content .productInfoBlock h2 {float: right; width: 879px;}
    #Content .twoCol .productInfoBlock h2 {width: 374px;}
    #Content .tabContent .productInfoBlock h2,
    #Content .productTabs .tabContent h2 {font-size: 161.6%;}
  #Content .productInfoBlock p {float: right; width: 879px;}
    #Content .twoCol .productInfoBlock p {width: 374px;}
    #Content .productInfoBlock p.image { display: inline; float: left; margin-right: 10px; width: auto; }

#Content .featuresBlock {padding-bottom: 25px;}

#Content .comingSoonBox {
  background: url(http://www.drobo.com/css/images/products/coming-soon-box.png) no-repeat 0 0;
  display: block;
  height: 209px;
  margin-bottom: 18px;
  width: 971px;
}
  #Content .comingSoonBox .comingSoon {
    float: left;
    height: 209px;
    margin-right: 50px;
    outline: 0;
    text-indent: -32000em;
    width: 55px;
  }
  #Content .comingSoonBox .firstProduct {
    float: left;
    padding-top: 32px;
    width: 385px;
  }
  #Content .comingSoonBox .lastProduct {
    float: right;
    margin-right: 65px;
    padding-top: 32px;
    width: 335px;
  }
    #Content .comingSoonBox .firstProduct .productImage {float: left; padding-top: 42px; width: 150px;}
    #Content .comingSoonBox .firstProduct .content {float: right; width: 200px;}
    
    #Content .comingSoonBox .lastProduct .productImage {float: left; padding-top: 17px; width: 85px;}
    #Content .comingSoonBox .lastProduct .content {float: right; width: 215px;}
    
    #Content .comingSoonBox h3 {color: #2288dd; font-size: 131%; padding-bottom: 8px;}
    #Content .comingSoonBox ul {padding: 0 0 9px;}
    #Content .comingSoonBox ul li {line-height: 1.231em; list-style-type: none; padding-bottom: 7px;}
    #Content .comingSoonBox a.learnMore {
      background: #2288dd;
      color: #fff;
      font-size: 93%;
      padding: 6px 7px 5px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
    }
      .ie8 #Content .comingSoonBox a.learnMore, .ie7 #Content .comingSoonBox a.learnMore { behavior: url(/css/PIE.htc); }
      #Content .comingSoonBox a.learnMore:hover {text-decoration: none;}
  
    
#Content .productSpecs {}
  #Content .productSpecs .channel {padding: 10px 40px 29px 34px;}
  
#Content .productSpecs div.first {
  float: left;
  padding-right: 57px;
  width: 234px;
}
#Content .productSpecs div.middle {
  float: left;
  padding-right: 57px;
  width: 271px;
}
#Content .productSpecs div.last {
  float: right;
  width: 269px;
}


  #Content .productSpecs p {color: #333;}

#Content ul.imageGroup { padding: 0; }
#Content ul.imageGroup li {float: left; list-style-type: none; padding: 0 10px 5px 0;}
  #Content ul.imageGroup li.last {padding-right: 0;}

#Content .productSpecs .rightImageBlock p.image {float: right; padding-left: 15px; padding-top: 8px;}

#Content .meetCustomers {padding-bottom: 20px; padding-top: 37px;}
  #Content .meetCustomers .channel { margin: 7px 0 0 83px; position: absolute; z-index: 5; }
  #Content .customerVideoContainer { position: relative; z-index: 3; }
  #Content .customerCarousel {
    background: url(http://www.drobo.com/css/images/common/meet-customers-bg.png) no-repeat 0 0;
    height: 344px;
    width: 966px;
  }
    #Content .customerCarousel ul li {list-style-type: none;}
  
  #Content .customerCarousel .jcarousel-clip {
      margin-left: 83px;
      padding-top: 32px;
      width: 800px;
    }
    
    #Content .customerCarousel .jcarousel-prev, 
    #Content .customerCarousel .jcarousel-next {
      background: url(http://www.drobo.com/css/images/common/customers-carousel-bg.png) no-repeat -11px -316px;
      cursor: pointer;
      display: block;
      height: 30px;
      left: 13px;
      position: absolute;
      top: 153px;
      width: 24px;
    }
      #Content .customerCarousel .jcarousel-next {
        background-position: -493px -316px;
        left: 926px;
      }
        #Content .customerCarousel .jcarousel-prev:hover {
          background-position: -11px -375px;
        }
        #Content .customerCarousel .jcarousel-next:hover {
          background-position: -493px -375px;
        }
      #Content .customerCarousel q {
        float: left;
        font-size: 182%;
        line-height: 1.6em;
        padding-top: 55px;
        width: 407px;
      }
      #Content .customerCarousel cite {
        clear: left;
        float: left;
        font-size: 123.1%;
        line-height: 1.6em;
        padding-top: 24px;
        width: 407px;
      }
      #Content .customerCarousel .videoContainer { float: right; height: 280px; width: 320px; }
      
#Content .customerQuotesCarousel {padding-bottom: 20px; padding-top: 37px;}
  #Content .quotesCarouselContainer {position: relative; z-index: 3;}
    #Content .quotesCarousel {
      background: url(http://www.drobo.com/css/images/common/customers-carousel-container-bg.png) no-repeat 0 0;
      height: 280px;
      width: 966px;
    }
    #Content .quotesCarousel ul li {list-style-type: none;}
    #Content .quotesCarousel .jcarousel-clip {
      margin-left: 83px;
      padding-top: 32px;
      width: 800px;
    }
        #Content .quotesCarousel .jcarousel-prev, 
        #Content .quotesCarousel .jcarousel-next {
          background: url(http://www.drobo.com/css/images/common/customers-carousel-bg.png) no-repeat -11px -316px;
          cursor: pointer;
          display: block;
          height: 30px;
          left: 13px;
          position: absolute;
          top: 122px;
          width: 24px;
        }
        #Content .quotesCarousel .jcarousel-next {
          background-position: -493px -316px;
          left: 926px;
        }
          #Content .quotesCarousel .jcarousel-prev:hover {
            background-position: -11px -375px;
          }
          #Content .quotesCarousel .jcarousel-next:hover {
            background-position: -493px -375px;
          }
      
      #Content .quotesCarousel .logo { 
        float: right; 
        height: 216px;  
        width: 220px; 
      }
        #Content .quotesCarousel .logo .content {display: table; height: 216px;}
          #Content .quotesCarousel .logo .content span {
            display: table-cell;
            vertical-align: middle;
          }
        .ie7 #Content .quotesCarousel .logo .content, 
        .ie6 #Content .quotesCarousel .logo .content { display: block; position: relative; }
  
          .ie7 #Content .quotesCarousel .logo .content span, 
          .ie6 #Content .quotesCarousel .logo .content span {
            display: block;
            position: absolute;
            top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2);
          }
          
        #Content .quotesCarousel .quote .channel {display: table; height: 216px;}
          #Content .quotesCarousel .quote .channel .content {
            display: table-cell;
            vertical-align: middle;
          }
        .ie7 #Content .quotesCarousel .quote .content, 
        .ie6 #Content .quotesCarousel .quote .content { display: block; position: relative; }
  
          .ie7 #Content .quotesCarousel .quote .content span, 
          .ie6 #Content .quotesCarousel .quote .content span {
            display: block;
            position: absolute;
            top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2);
          }
      #Content .quotesCarousel q {
        float: left;
        font-size: 182%;
        line-height: 1.4em;
        padding-top: 0;
        width: 507px;
      }
      #Content .quotesCarousel cite {
        clear: left;
        float: left;
        font-size: 123.1%;
        padding-top: 17px;
        width: 507px;
      }
      
      
      
#Content .customer { border-bottom: 2px solid #ddd; margin-bottom: 15px; padding-bottom: 20px; }
  #Content .customerLast { border: 0; }
  #Content .customer h2 {float: right; padding-top: 0; width: 712px;}
  #Content .customer p {float: right; width: 712px;}
    #Content .customer p.logo {
      float: left; 
      height: 119px; 
      margin-left: 21px;
      width: 208px;
    }
  #Content .customer q {float: right; padding-bottom: 7px; width: 712px;}
  #Content .customer cite {float: right; padding-bottom: 14px; width: 712px;}
  #Content .customer ul {float: right; width: 712px;}
    #Content .customer ul li {float: left; list-style-type: none; padding: 0 18px 0 0;}
    #Content .customer a.pdf {
      background: url(http://www.drobo.com/css/images/common/common-images-sprite.png) no-repeat 0 -1636px;
      padding: 4px 0 0 21px;
    }
  #Content .customer a.video {
    background: url(http://www.drobo.com/css/images/common/common-images-sprite.png) no-repeat 0 -1736px;
    padding: 4px 0 0 21px;
  }
  #Content .customer a.html {
    background: url(http://www.drobo.com/css/images/common/common-images-sprite.png) no-repeat 0 -1420px;
    padding: 4px 0 0 21px;
  }
      
#Content .imageBlockWide {border-top: 2px solid #ddd; padding-bottom: 20px; padding-top: 37px;}
  #Content .imageBlockWide h2 {float: right; width: 355px;}
  #Content .imageBlockWide p {float: right; width: 355px;}
  #Content .imageBlockWide p.image {float: left; width: 570px;}

#Content div.partner {border-top: 1px solid #eee; margin-bottom: 10px; padding-top: 15px;}
  #Content div.partner h3 {float: right; width: 750px;}
  #Content div.partner h4 {float: right; width: 750px;}
  #Content div.partner p {float: right; width: 750px;}
  #Content div.partner p.image {
    float: left; 
    padding-right: 10px; 
    text-align: center; 
    width: 200px;
  }

#Content .caseStudyAndQuote {
  margin-bottom: 45px;
}
  #Content .caseStudyAndQuote .channel {
    border-bottom: 2px solid #ddd;
    padding-bottom: 37px;
  }
    #Content .caseStudyAndQuote div.last {border: 0; padding: 0;}
  #Content .caseStudyAndQuote .twoCol {
    background: url(http://www.drobo.com/css/images/common/case-study-and-quote-bg.png) repeat-y;
  }
  #Content .caseStudyAndQuote div.caseStudyCol {
    float: left;
    width: 500px;
  }
  #Content .caseStudyAndQuote div.quoteCol {
    float: right;
    width: 385px;
  }
    #Content .caseStudyAndQuote h3 {color: #707070; font-size: 131%;}
    #Content .caseStudyAndQuote q {
      display: block;
      font-size: 123.1%;
      line-height: 1.4em;
      padding-bottom: 14px;
    }
    #Content .caseStudyAndQuote cite {
      display: block;
    }

#Content .featuredSolution {
  border-bottom: 2px solid #ddd;
  border-top: 2px solid #ddd;
  margin-bottom: 36px;
  padding: 24px 0 27px;
}
  #Content .featuredSolution div.first {width: 508px;}
  #Content .featuredSolution div.last {width: 392px;}

  #Content .featuredSolution h2 {font-size: 131%; font-weight: normal; padding-bottom: 11px;}
  #Content .featuredSolution .logo {float: right; margin-left: 20px;}
  #Content .featuredSolution h3 {color: #333; font-size: 167%; font-weight: normal; padding-bottom: 18px;}
  #Content .featuredSolution p.desc {font-size: 123.1%; padding-bottom: 22px;}
  #Content .featuredSolution p {font-size: 116%;}
  

#Content .solutionsCols div.first {border-right: 2px solid #ddd; padding-right: 30px; width: 510px;}
#Content .solutionsCols div.last {width: 392px;}

#Content .solutionsCols .businessCols div.first {border: 0; float: left; padding-right: 20px; width: 230px;}
#Content .solutionsCols .businessCols div.last {float: right; width: 250px;}
  #Content .businessSolution {
    padding: 0 0 17px 77px;
  }
  #Content .virtualization {
    background: url(http://www.drobo.com/css/images/solutions/virtualization.gif) no-repeat 0 0;
  }
  #Content .apps {
    background: url(http://www.drobo.com/css/images/solutions/apps.gif) no-repeat 0 0;
  }
  #Content .recovery {
    background: url(http://www.drobo.com/css/images/solutions/recovery.gif) no-repeat 0 0;
  }
  #Content .archiving {
    background: url(http://www.drobo.com/css/images/solutions/archiving.gif) no-repeat 3px 0;
  }
  #Content .cloudStorage {
    background: url(http://www.drobo.com/css/images/solutions/cloud-storage.gif) no-repeat 0 0;
  }
  #Content .solutionsCols .businessCols h3 {color: #333; font-size: 138.5%; font-weight: normal;}

  #Content .professionalSolution {
    padding: 0 0 17px 89px;
  }
  #Content .storageAndBackup {
    background: url(http://www.drobo.com/css/images/solutions/storage-and-backup.gif) no-repeat 8px 0;
  }
  #Content .photoVideoWorkflow {
    background: url(http://www.drobo.com/css/images/solutions/photo-video-workflow.gif) no-repeat 8px 0;
  }
  #Content .personalCloud {
    background: url(http://www.drobo.com/css/images/solutions/personal-cloud.gif) no-repeat 8px 0;
  }
  #Content .homeMedia {
    background: url(http://www.drobo.com/css/images/solutions/home-media.gif) no-repeat 8px 0;
  }
  #Content .professionalSolution h3 {color: #333; font-size: 138.5%; font-weight: normal; padding-bottom: 4px;}
  #Content .professionalSolution p {padding-bottom: 4px;}

#Content ul.solutions {
  border-bottom: 2px solid #ddd; 
  margin-bottom: 12px; 
  padding-bottom: 0; 
  padding-left: 0;
}
  #Content ul.solutions li {
    border-top: 2px solid #ddd;
    list-style-type: none; 
    padding-top: 9px;
    padding-left: 22px;
    padding-bottom: 8px;
  }
    #Content ul.solutions li a {font-size: 153.9%;}
  
#Content .videoBlock {padding-bottom: 20px;}
#Content iframe.leftVideo {float: left; margin: 0 50px 20px 0;}
#Content iframe.rightVideo {float: right; margin: 0 0 20px 50px;}

table {
  border: 2px solid #c3c3c3;
  border-collapse: separate;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  width: 100%;
}
  .ie8 table, .ie7 table { behavior: url(/css/PIE.htc); }
  #cse table { border: none; }
  
  table.presskit { margin: 15px 0 8px; }
  table.drobocare { margin: 0 0 15px; }
  table thead th {
    background: #666;
    border-left: 1px solid #c2c2c2;
    color: #fff;
    font-weight: bold;
    line-height: 39px;
    text-align: center;
  }
    table.presskit thead th { font-size: 108%; font-weight: normal; text-transform: uppercase; }
    table thead th.first {
      -webkit-border-top-left-radius: 8px;
          -moz-border-radius-topleft: 8px;
                        border-radius: 8px 0 0 0;     
    }
      .ie8 table thead th.first, .ie7 table thead th.first { behavior: url(/css/PIE.htc); }
      
    table thead th.last {
      background: #76AD07;
      -webkit-border-top-right-radius: 8px;
          -moz-border-radius-topright: 8px;
                        border-radius: 0 8px 0 0;
    }
      .ie8 table thead th.last { behavior: url(/css/PIE.htc); }
      table.presskit thead th.last { background: #666; }
      table.drobocare thead th.last { background: #666; }

  table em {
    background: url(http://www.drobo.com/css/images/how-it-works/check-gray.png) no-repeat 50% 50%;
    display: block;
    line-height: 43px;
    margin: 0 auto;
    text-indent: -32000em;
    width: 27px;
  }
    .ie6 table em { background-image: url(http://www.drobo.com/css/images/how-it-works/check-gray.gif); }
    table td.feat em { background-image: url(http://www.drobo.com/css/images/how-it-works/check-green.png); }
      .ie6 table td.feat em { background-image: url(http://www.drobo.com/css/images/how-it-works/check-green.gif); }

  table tbody td {
    background: #f9f9f9;
    border: 1px solid #c2c2c2;
    border-bottom: 0;
    border-right: 0;
    width: 153px;
  }
    #cse table tbody td { background: #fff; border: none; width: auto; }
    table tbody tr.alt td { background: #eee; }
    table.presskit tbody td { height: 120px; text-align: center; width: 169px; }
    table.drobocare tbody td { padding: 10px; }
  table tbody th {
    background: #f9f9f9;
    border-top: 1px solid #c2c2c2;
    color: #221F20;
    line-height: 43px;
    padding-left: 24px;
  }
    table tbody tr.alt th { background: #eee; }
    table.presskit tbody th, table.drobocare tbody th { font-size: 131%; line-height: 1.4em; }
  table tbody tr.last th {
    -webkit-border-bottom-left-radius: 8px;
        -moz-border-radius-bottomleft: 8px;
                         border-radius: 0 0 0 8px;
  }
    .ie8 table tbody tr.last th, .ie7 table tbody tr.last th {
      behavior: url(/css/PIE.htc);
    }
  table tbody td.last {
    -webkit-border-bottom-right-radius: 8px;
        -moz-border-radius-bottomright: 8px;
                         border-radius: 0 0 8px 0;
  }
    .ie8 table tbody td.last, .ie7 table tbody td.last {
      behavior: url(/css/PIE.htc);
    }
  table tbody td.feat { background: #EFF4E5; }
    table tbody tr.alt td.feat { background: #D3E0BA; }
  table tbody th span {
    background: url(http://www.drobo.com/css/images/how-it-works/tooltip-trigger-bg.png) no-repeat 100% 50%;
    cursor: help;
    padding-right: 20px;
  }
  
table.benefits {border-collapse: separate; border-spacing: 0; margin-bottom: 20px;}
  .ie8 table.benefits, .ie7 table.benefits, .ie6 table.benefits {border-collapse: collapse;}
  
table.benefits tbody th {
  background: #eee;
  border-left: 1px solid #ccc;
  border-top: 0;
  color: #666; 
  font-size: 123.1%; 
  font-weight: bold;
  padding-left: 0;
  width: auto;
}
table.benefits tbody th.category {border-left: 0;}
table.benefits tbody th.registered {color: #fff; background: #4466bb;}
table.benefits tbody th.authorized {color: #fff; background: #77aa00;}
table.benefits tbody th.certified {
  background: #ff7700;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-radius: 0 8px 0 0;
  color: #fff;
}
  .ie8 table.benefits tbody th.certified, 
  .ie7 table.benefits tbody th.certified, 
  .ie6 table.benefits tbody th.certified {
    background: url(http://www.drobo.com/css/images/partners/table-top-right.gif) 100% 0;
  }
table.benefits tbody td {
  background: #f7f7f7;
  border-color: #ccc;
  padding: 11px 14px 7px;
  font-size: 93%;
  vertical-align: top;
  width: auto;
}
table tbody td.alt {background: #eee;}
table tbody td.category {
  background: #d6d6d6; 
  font-size: 116%; 
  font-weight: bold;
  padding-left: 20px;
  padding-top: 15px;
  width: 120px;
}
table tbody th.category {padding-left: 14px;}
table tbody td.registered {background: #e4e8f1;}
table tbody td.registeredAlt {background: #c9d0e3;}
table tbody td.authorized {background: #eaefdd;}
table tbody td.authorizedAlt {background: #d4dfba;}
table tbody td.certified {background: #fff1e5;}
table tbody td.certifiedAlt {background: #ffdec2;}

  #Content table.benefits td.alt {background: #ececec;}
  #Content table.benefits tbody td.checkmark, 
  #Content table.benefits tbody th.checkmark {width: 120px; text-align: center;}
  
table tbody td em.checkmark {
  background: url(http://www.drobo.com/css/images/common/check-small.png) no-repeat 50% 50%;
  display: block;
  height: 14px;
  width: 17px;
}

.tableTip {
  width: 279px;
  background: #333;
  color: #fff;
  font-weight: bold;
  padding: 21px;
  z-index: 5;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}
  .tableTip b { color: #76AD07; }
  .tableTip a { color: #eee; }
  .tableTip span {
    background: url(http://www.drobo.com/css/images/how-it-works/tooltip-pointer-bg.gif) no-repeat 0 30%;
    height: 100%;
    margin-left: -69px;
    position: absolute;
    width: 48px;
  }
  
#Content section.careers {border-top: 2px solid #ddd; padding-bottom: 20px; padding-top: 37px;}
  #Content section.careers .join {float: left; width: 560px;}
  #Content section.careers .opportunities {
    border-left: 2px solid #ddd;
    float: right; 
    padding-left: 40px;
    width: 324px;
  }
  #Content section.careers .opportunities h4 {color: #666; padding-bottom: 3px;}
  
  #Content section.careers .opportunities ul {padding-bottom: 10px;}
  #Content section.careers .opportunities ul li {
    list-style-type: 0;
    padding: 0 0 3px 0;
  }
  
#Content .newsAndAwardsCols .channel {padding: 10px 19px 29px 36px;}
  #Content .newsAndAwardsCols div.first {float: left; padding-right: 40px; width: 328px;}
  #Content .newsAndAwardsCols div.middle {float: left; width: 282px;}
  #Content .newsAndAwardsCols div.last {float: right; width: 226px;}

#Content ul.awardLogos { padding: 0 0 10px; }
  #Content ul.awardLogos li {
    background: #fff;
    border: 1px solid #ccc; 
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-radius: 6px;
    display: table;
    float: left; 
    height: 99px;
    margin-bottom: 9px; 
    margin-right: 12px;
    width: 99px;
  }
  .ie7 #Content ul.awardLogos li, .ie6 #Content ul.awardLogos li { display: block; position: relative; }
  
  #Content ul.awardLogos li span {
    display: table-cell; 
    text-align: center; 
    vertical-align: middle; 
    width: 99px;
  }
    .ie7 #Content ul.awardLogos li span, .ie6 #Content ul.awardLogos li span {
      display: block;
      position: absolute;
      top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2);
    }
  

#Content dl.pressReleases {}
  #Content dl.pressReleases dt {color: #999; font-size: 100%; padding-bottom: 3px;}
  .news #Content dl.pressReleases dt {
    border-top: 1px solid #d9d9d9;
    color: #666;
    font-weight: bold;
    padding-top: 16px;
  }
  #Content dl.pressReleases dd {font-size: 100%; padding-bottom: 13px;}
    .news #Content dl.pressReleases dd { padding-bottom: 16px; }
    #Content dl.pressReleases dd a {color: #666; text-decoration: none;}
      .news #Content dl.pressReleases dd a { color: #28d; }
  
#Content dl.newsReviews {}
  #Content dl.newsReviews dt {color: #999; font-size: 100%; padding-bottom: 3px;}
  #Content dl.newsReviews dd {font-size: 100%; padding-bottom: 13px;}
    #Content dl.newsReviews dd a {color: #666; text-decoration: none;}

#Content .bioImageBlockWide {padding-bottom: 20px;}
  #Content .bioImageBlockWide h2 {float: right; padding-bottom: 3px; width: 865px;}
  #Content .bioImageBlockWide h3 {
    color: #666; 
    float: right; 
    font-size: 123.1%; 
    font-weight: normal;
    padding-bottom: 8px;
    width: 865px;
  }
  #Content .bioImageBlockWide p {float: right; width: 865px;}
  #Content .bioImageBlockWide p.image {
    float: left; 
    padding-right: 22px; 
    padding-top: 6px;
    text-align: center; 
    width: 82px;
  }

#Content .bioImageBlock {padding-bottom: 9px;}
  #Content .bioImageBlock h2 {float: right; width: 361px;}
    #Content .noPhoto h2 { float: none; }
  #Content .bioImageBlock h3 {
    color: #666; 
    float: right; 
    font-size: 123.1%; 
    font-weight: normal;
    padding-bottom: 8px;
    width: 361px;
  }
    #Content .noPhoto h3 { float: none; }
  #Content .bioImageBlock p {float: right; width: 361px;}
    #Content .noPhoto p { float: none; }
  #Content .bioImageBlock p.image {
    float: left; 
    padding-right: 22px; 
    padding-top: 6px;
    text-align: center; 
    width: 82px;
  }
    #Content .bioImageBlock p.image span {display: block; padding-top: 2px;} 
      #Content .bioImageBlock p.image span a {display: block;}

#Content .newsInterviews {padding-bottom: 20px;}
  #Content .newsInterviews .container {
    background: url(http://www.drobo.com/css/images/common/news-interviews-carousel-bg.png) no-repeat 100% 0;
    float: right;
    height: 119px;
    padding: 13px 15px 0 27px;
    width: 838px;
  }
  #Content .newsInterviews h3 {
    color: #666;
    float: left;
    font-size: 138.5%;
    font-weight: normal;
    padding-top: 26px;
    width: 95px;
  }
  #Content .newsInterviews .newsInterviewsCarousel {
    float: right;
    width: 738px;
  }
    #Content .newsInterviews .newsInterviewsCarousel .jcarousel-clip {
      margin-left: 34px;
      width: 672px;
    }
    #Content .newsInterviews .newsInterviewsCarousel .jcarousel-prev, 
    #Content .newsInterviews .newsInterviewsCarousel .jcarousel-next {
      background: url(http://www.drobo.com/css/images/common/customers-carousel-bg.png) no-repeat -11px -316px;
      cursor: pointer;
      display: block;
      height: 30px;
      left: 2px;
      position: absolute;
      top: 30px;
      width: 24px;
    }
      #Content .newsInterviews .newsInterviewsCarousel .jcarousel-next {
        background-position: -493px -316px;
        left: 714px;
      }
        #Content .newsInterviews .newsInterviewsCarousel .jcarousel-prev:hover {
          background-position: -11px -375px;
        }
        #Content .newsInterviews .newsInterviewsCarousel .jcarousel-next:hover {
          background-position: -493px -375px;
        }
      
      
      

#Content .newsInterviewsCarousel .vertBox .channel {
  height: 94px; /* Set as appropriate */
  width: 672px;
}
  #Content .newsInterviewsCarousel .vertBox .logo {
    padding: 0 15px;
    text-align: center;
    width: 100px; /* Set as appropriate */    
  }
  
  #Content .newsInterviewsCarousel .vertBox .content {
    line-height: 1.35em; /* Set as appropriate */
    padding: 0 41px 0 0;
    width: 500px; /* Set as appropriate */    
  }
    #Content .newsInterviewsCarousel .vertBox .content span {
      display: block;
      font-size: 123.1%; /* Set as appropriate  */
    }
    #Content .newsInterviewsCarousel .vertBox .content a {
      font-size: 108%;
    }
    .ie7 .newsInterviewsCarousel .vertBox .channel .content, .ie6 .newsInterviewsCarousel .vertBox .channel .content { left: 132px; }

#Content ul.pressKit { padding: 0 0 7px; }
  #Content ul.pressKit li { float: left; list-style-type: none; padding-right: 30px; }

#Content p.saveAs, span.saveAs { font-style: italic; }
  #Content p.saveAs { padding-bottom: 20px; text-align: right; }
  #Content span.saveAs { padding-left: 10px; }

#Content dl.award {border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px;}
  #Content dl.award dt {float: left; width: 60px;}
  #Content dl.award dd {float: right; width: 909px;}

#Content dl.events { padding-bottom: 16px; }
  #Content dl.events dt { float: right; font-weight: bold; width: 834px; }
  #Content dl.events dd { float: right; width: 834px; }
    #Content dl.events dd.logo { float: left; width: 125px; }

.pressRelease #Content h1 {color: #4466bb; font-size: 204%; padding-bottom: 7px;}
.pressRelease #Content h2 {color: #666; font-size: 123.1%; font-style: italic; padding-bottom: 25px;}


#Content .partnerLandingCols {padding-bottom: 12px;}
  #Content .partnerLandingCols div.first {float: left; width: 585px;}
  #Content .partnerLandingCols div.last {float: right; width: 340px;}
  
#Content .partnerLandingCols div.first h3 {color: #666; font-size: 108%;}

#Content .newsCols {padding-bottom: 12px;}
  #Content .newsCols div.first {float: left; width: 625px;}
  #Content .newsCols div.last {float: right; width: 300px;}
  .newsWithSidebar #Content .newsCols div.first {width: 720px;}
  .newsWithSidebar #Content .newsCols div.last {padding: 13px; width: 200px;}
  
#Content .caseStudyFile {
  margin-bottom: 40px;
  position: relative;
  width: 200px;
}
  #Content .caseStudyFile .header {
    position: relative;
    width: 120px;
    z-index: 10;
  }
  #Content .caseStudyFile .header h3 {
    background: #f6ffd3;
    border: 1px solid #e0f09f;
    border-bottom: 0;
    color: #aaca00;
    display: block;
    font-size: 85%;
    font-weight: normal;
    -webkit-border-top-left-radius: 5px; 
    -webkit-border-top-right-radius: 5px; 
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 8px 5px 0 10px;
    text-transform: uppercase;
  }
  .ie8 #Content .caseStudyFile .header h3, .ie7 #Content .caseStudyFile .header h3 {
    behavior: url(/css/PIE.htc);
  }
    #Content .caseStudyFile .header h3 span {
      background: #f6ffd3 url(http://www.drobo.com/css/images/common/case-study-icon.gif) no-repeat 0 2px;
      display: block;
      padding: 0 0 5px 15px;
    }
  #Content .caseStudyFile .channel {
    background: #f6ffd3;
    border: 1px solid #e0f09f;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px; 
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: -1px;
    position: relative;
    z-index: 8;
  }
  .ie8 #Content .caseStudyFile .channel, .ie7 #Content .caseStudyFile .channel {
    behavior: url(/css/PIE.htc);
  }
  #Content .caseStudyFile .channel .content {padding: 10px 14px 5px 10px;}
  #Content .caseStudyFile a span {color: #8db227;}
  #Content .caseStudyFile p.rightImage {margin-top: -8px; padding-bottom: 0;}
  
#Content .sidebarQuote {
  margin-bottom: 40px;
  width: 200px;
}
  #Content .sidebarQuote q {
    color: #013467;
    display: block;
    font-size: 116%;
    line-height: 1.5em;
  }
    #Content .sidebarQuote q span {
      color: #7ca60a;
      font-size: 138.5%;
      font-weight: bold;
    }
  #Content .sidebarQuote cite {
    display: block;
    padding-top: 20px;
    padding-left: 35px;
  }
    #Content .sidebarQuote cite em {
      color: #003366;
      font-size: 116%;
      font-weight: bold;
    }
    #Content .sidebarQuote cite span {
      color: #7ca60a;
      font-size: 93%;
      font-weight: bold;
    }
    
    
  
#Content h3.formHeader {color: #666; font-size: 138.5%; font-weight: normal;}

#PartnerLoginForm {}
#ForgotPasswordForm {}

#LoginForm .textbox {padding-bottom: 10px;}
  #LoginForm .textbox input {
    border: 1px solid #ccc;
    font-size: 131%;
    margin-bottom: 5px; 
    padding: 4px 0;
    text-indent: 7px;
    width: 291px; 
  }
  #LoginForm .textbox label {display: block; padding-bottom: 2px;}

#LoginForm .radio {}
  #LoginForm .radio .checkboxButton {float: left; text-align: center; width: 25px;}
  #LoginForm .radio label {float: left; width: 170px;}
    .ie7 #LoginForm .radio label, .ie6 #LoginForm .radio label {padding-top: 3px;}
  
  #LoginForm div.submit {margin-bottom: 12px;}
    #LoginForm div.submit a {float: right;}

#Content .programRequirements {padding-top: 10px;}
  #Content .programRequirements h3 {color: #666; font-size: 123.1%;}

#Content ul.requirements {padding-left: 10px;}
#Content ul.requirements li {
  background: url(http://www.drobo.com/css/images/common/bullet.gif) no-repeat 0 5px;
  list-style-type: none;
  padding-left: 18px;
}

#Content dl.pressReleaseList {padding-bottom: 12px;}
  #Content dl.pressReleaseList dt {display: block; font-weight: bold;}
  #Content dl.pressReleaseList dd {
    border-bottom: 1px solid #ddd; 
    display: block; 
    margin-bottom: 12px;
    padding-bottom: 12px;
  }
  
#Content .howItWorksIntro {padding-bottom: 25px;}

  #Content .howItWorksIntro div.channel {float: left; width: 440px;}
  #Content .howItWorksIntro div.video {float: right; width: 478px;}
  #Content .howItWorksIntro p {font-size: 116%;}

#Content p.rightImage {float: right; padding: 0 0 12px 30px;}
#Content p.leftImage {float: left; padding: 0 30px 12px 0;}
#Content p.centerImage {text-align: center;}

#Content a.pdf {
  background: url(http://www.drobo.com/css/images/common/icon-pdf.png) no-repeat 0 0;
  padding-bottom: 2px;
  padding-left: 21px;
}

#Content a.mediumButton {
  background: url(http://www.drobo.com/css/images/common/button-bg-med.png) no-repeat 100% 100%;
  color: #666;
  cursor: pointer;
  display: block;
  float: left;
  height: 52px;
  margin-right: 5px;
  padding-right: 11px;
}
  #Content a.mediumButton:hover {color: #2288dd;}
  #Content a.mediumButton span {
    background: url(http://www.drobo.com/css/images/common/button-bg-med.png) no-repeat 0 0;
    display: block;
    font-size: 153.9%;
    height: 37px;
    padding: 15px 10px 0 21px;
  }
    #Content .grid_5 a.lastButton {margin-right: 0;}
    #Content .grid_5 a.mediumButton {text-decoration: none;}
    #Content .grid_5 a.mediumButton span {padding: 15px 7px 0 17px;}
    
  
#Content a.smallButton {
  background: url(http://www.drobo.com/css/images/common/button-bg-small.png) no-repeat 100% 100%;
  color: #666;
  cursor: pointer;
  display: block;
  float: left;
  height: 33px;
  padding-right: 8px;
}
  #Content a.smallButton:hover {color: #2288dd; text-decoration: none;}
  #Content a.smallButton span {
    background: url(http://www.drobo.com/css/images/common/button-bg-small.png) no-repeat 0 0;
    display: block;
    font-size: 108%;
    font-weight: bold;
    height: 26px;
    padding: 7px 8px 0 16px;
  }
  
#Content ul.moreLinks {padding-left: 0;}
  #Content ul.moreLinks li {float: left; list-style-type: none; padding: 0 12px 0 0;}
    #Content ul.moreLinks li.first {padding-left: 0;}
      #Content ul.moreLinks li a {padding-right: 12px;}

#Content div.supportLinks {
  position: absolute; 
  right: 0;
  text-align: right;
  top: 10px;
  width: 640px;
}
#Content p.loggedOut {color: #999; font-size: 146.5%;}
  #Content p.loggedOut a {padding: 0 12px;}
    #Content p.loggedOut a.last {padding-right: 0;}

#Content p.loggedIn {color: #666; float: right;}
  #Content p.loggedIn em {float: left; font-size: 146.5%; margin-top: 2px; padding: 0 12px;}
  #Content p.loggedIn a {
    background: url(http://www.drobo.com/css/images/support/user-button.png) no-repeat 100% 100%;
    color: #fff; 
    cursor: pointer;
    display: block;
    float: left;
    height: 22px;
    margin: 0 4px 1px;
    padding: 0 7px 0 0;
  }
    #Content p.loggedIn a.logout {width: 75px;}
    #Content p.loggedIn a.myProducts {width: 110px;}
    #Content p.loggedIn a.myOrders {width: 94px;}
    #Content p.loggedIn a.last {margin-right: 0;}
    #Content p.loggedIn a span {
      background: url(http://www.drobo.com/css/images/support/user-button.png) no-repeat 0 0;
      display: block;
      height: 19px;
      padding-left: 12px;
      padding-right: 5px;
      padding-top: 3px;
      text-align: center;
    }
      .ie7 #Content p.loggedIn a span, .ie6 #Content p.loggedIn a span {height: 21px; padding-top: 1px;}

#Content .searchKnowledgeBase {
  background: url(http://www.drobo.com/css/images/common/search-knowledge-base-box.png) no-repeat 0 0;
  height: 141px;
  margin-bottom: 15px;
  width: 969px;
}
  #Content .searchKnowledgeBase .channel {padding: 23px 25px 0;}
  #Content .searchKnowledgeBase fieldset {border: 0;}
  #Content .searchKnowledgeBase input.textbox {
    background: url(http://www.drobo.com/css/images/common/knowledge-base-textbox.png) no-repeat 0 0;
    float: left;
    font-size: 167%;
    height: 43px;
    margin-top: 2px;
    padding-top: 5px;
    text-indent: 10px;
    width: 607px;
  }
    .ie7 #Content .searchKnowledgeBase input.textbox,
    .ie6 #Content .searchKnowledgeBase input.textbox {height: 40px; padding-top: 8px;}
  #Content .searchKnowledgeBase a.searchButton {
    background: url(http://www.drobo.com/css/images/support/search-button.png) no-repeat 100% 100%;
    color: #666;
    cursor: pointer;
    display: block;
    float: left;
    height: 52px;
    margin-left: 10px;
    margin-top: 1px;
    padding-right: 11px;
  }
    #Content .searchKnowledgeBase a.searchButton:hover {
      color: #2288dd;
    }
      #Content .searchKnowledgeBase a.searchButton span {
        background: url(http://www.drobo.com/css/images/support/search-button.png) no-repeat 0 0;
        display: block;
        font-size: 161.6%;
        height: 40px;
        padding-left: 21px;
        padding-top: 12px;
        padding-right: 10px;
      }
      .ie6 #Content .searchKnowledgeBase a.searchButton span {text-align: center; width: 150px;}

#Content .documentationAndDownloads {
  background: #fff;
  border: 2px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 26px;
  width: 965px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
  .ie8 #Content .documentationAndDownloads, .ie7 #Content .documentationAndDownloads {
    behavior: url(/css/PIE.htc);
  }
  .ie6 #Content .documentationAndDownloads {
    background: url(http://www.drobo.com/css/images/common/documentation-and-downloads-box.gif) no-repeat 100% 100%;
    border: 0;
    border-radius: 0;
    padding-bottom: 27px;
    width: 969px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }
  #Content .documentationAndDownloads .channel {
    padding: 23px 17px 0 17px;
  }
    .ie6 #Content .documentationAndDownloads .channel {
      background: url(http://www.drobo.com/css/images/common/documentation-and-downloads-box.gif) no-repeat 0 0;
    }
      
  
  
  #Content .documentationAndDownloads .headers h2 {
    float: left;
    width: 400px;
  }
  #Content .documentationAndDownloads .headers h4 {
    float: right;
    font-size: 116%;
    font-style: italic;
    font-weight: normal;
    padding-top: 9px;
    text-align: right;
    width: 300px;
  }
  #Content .documentationAndDownloads h2 {padding-left: 12px;}
  #Content .documentationAndDownloads h3 {
    color: #666;
    font-size: 123.1%;
    padding-left: 12px;
  }
  
  #Content ul.downloads {padding-left: 12px; padding-top: 3px;}
    #Content ul.downloads li {list-style-type: none; padding-bottom: 8px; padding-left: 0;}

#Content dl.documentation {padding: 5px 12px 4px; margin-bottom: 3px;}
  #Content dl.oddDocumentationRow {background: #eee;}
  #Content dl.documentation dt {float: left;}
  #Content dl.documentation dd {float: left; padding-left: 20px;}

#Content a.help {
  background: url(http://www.drobo.com/css/images/common/help.gif) no-repeat 0 0;
  display: block;
  height: 15px;
  outline: 0;
  text-indent: -32000em;
  width: 14px;
}

#Content .fourCol {
  background: url(http://www.drobo.com/css/images/common/four-col-bg.gif) repeat-y;
  margin-bottom: 20px;
}
#Content .fourCol .first {
  float: left;
  padding-right: 31px;
  width: 202px; 
}
#Content .fourCol .second {
  float: left;
  padding-left: 22px;
  padding-right: 22px;
  width: 209px; 
}
#Content .fourCol .third {
  float: left;
  padding-left: 25px;
  padding-right: 31px;
  width: 199px; 
}
#Content .fourCol .last {
  float: right;
  width: 200px; 
}
  #Content .fourCol h2 {font-size: 174%; padding-bottom: 13px;}

#Content .rssBlock {float: right; width: 150px;}
  #Content .rssBlock p {float: left; font-size: 93%; font-weight: bold; width: 115px;}
  #Content .rssBlock p.icon {float: right; width: 30px;}
  
#Content .rss {padding-bottom: 8px;}
#Content .rss a {
  background: url(../images/icons/rss.gif) no-repeat 100% 0; 
  color: #666; 
  float: left;
  font-size: 93%; 
  font-weight: bold;
  padding: 8px 40px 10px 0;
  text-decoration: none;
}

#Content ul.columns div.content {padding-right: 15px;}

.whereToBuy #Content .mast { padding-bottom: 25px; }

form#LocalRetailer { }
  #LocalRetailer label { display: none; }
  #LocalRetailer select { display: block; margin-bottom: 8px; width: 100%; }

#PartnerForm .fieldRow {padding-bottom: 7px;}
#PartnerForm .standard label {float: left; padding-right: 8px; text-align: right; width: 200px;}
#PartnerForm .standard input {float: left; width: 200px;}
#PartnerForm .standard select {
  float: left;
}
#PartnerForm .standard span.directions {clear: left; display: block; float: left; padding-left: 208px;}

#PartnerForm .checkboxes span {display: block; padding-bottom: 5px;}
#PartnerForm .checkboxes label {float: left; margin-bottom: 5px;}
  .ie7 #PartnerForm .checkboxes label, .ie6 #PartnerForm .checkboxes label {padding-top: 2px;}
#PartnerForm .checkboxes input {clear: both; float: left; margin-bottom: 5px; margin-right: 5px;}

#PartnerForm .twoCol {padding-bottom: 8px;}
#PartnerForm .twoCol div.first {padding-left: 20px; width: 350px;}
#PartnerForm .twoCol div.last {width: 590px;}

.productComparison {
  background: url(http://www.drobo.com/css/images/products/compare-products-bg.png) no-repeat 50% -34px; 
  height: 555px;
  padding: 0 2px;
  position: relative;
}
  #Content .productComparison h3 {
    color: #fff;
    font-size: 167%;
    font-weight: normal;
    padding: 0 0 0 24px;
    line-height: 55px;
  }
  .productComparison section.droboForProfessionals { float: left; width: 530px; }
  .productComparison section.droboForBusiness { float: right; width: 417px; }
    .productComparison section article {
      display: inline;
      float: left;
      overflow: hidden;
      margin: 0 14px 0 10px;
      width: 112px;
    }
      .productComparison section article.droboS { margin: 0 21px 0 6px; }
      .productComparison section article.droboFS { margin: 0 21px 0 5px; }
      .productComparison section article.droboPro { margin: 0 0 0 4px; }
      .productComparison section article.b800fs { margin: 0 20px 0 6px; }
      .productComparison section article.b800i { margin: 0 20px 0 6px; }
      .productComparison section article.b1200i { margin: 0 0 0 8px; }
      .productComparison article section { border-bottom: 1px solid #d5d5d5; }
        .productComparison section.perfectFor { min-height: 120px; }
          .ie6 .productComparison section.perfectFor { height: 120px; }
        .productComparison section.drives { padding-top: 16px; }
        .productComparison section.interfaces { border: 0; padding-top: 16px; }
        .productComparison article section b { color: #262626; display: block; }
  
  .productComparison footer {
    bottom: 15px;
    position: absolute;
  }
    .productComparison footer a {
      background: #679A00;
      color: #fff !important;
      display: inline;
      float: left;
      font-size: 93%;
      height: 25px;
      line-height: 25px;
      margin-right: 3px;
      padding: 0 8px;
      -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
              border-radius: 3px;
    }
      .ie8 .productComparison footer a, .ie7 .productComparison footer a {
        behavior: url(/css/PIE.htc);
      }
      .productComparison footer a.buy { background: #F96200; margin: 0; }
      .productComparison footer a:hover { color: #333 !important; text-decoration: none !important; }

.featuredProducts { padding-top: 16px; }
  .featuredProducts section {
    background: url(http://www.drobo.com/css/images/products/compare-products-bg.png) no-repeat -33px -605px;
    height: 182px;
    width: 479px;
  }
    .featuredProducts section.alpha { float: left; }
    .featuredProducts section.omega { float: right; }
    .featuredProducts section .imageBlock { padding: 27px; }
      .featuredProducts section .imageBlock h3, .featuredProducts section .imageBlock p {
        padding-bottom: 6px !important;
        width: 246px;
      }
        .featuredProducts section .imageBlock p.image { width: 160px; }

.home ul.features {
  left: 50%;
  padding: 0 !important;
  position: absolute;
  top: 507px;
  width: 966px;
  margin-left: -483px;
}
  .home ul.features li {
    background: url(http://www.drobo.com/css/images/home/feature-tile-sprites.png) no-repeat -5px -7px;
    display: inline;
    height: 202px;
    float: left;
    margin-right: 30px;
    position: relative;
    width: 302px;
  }
    .home ul.features li.last { margin: 0; }
    .home ul.features li h2 { text-indent: -32000em; }
    .home ul.features li a {
      background: url(http://www.drobo.com/css/images/home/feature-tile-sprites.png) no-repeat -30px -224px;     
      height: 36px;
      left: 26px;
      position: absolute;
      text-indent: -32000em;
      top: 142px;
      width: 93px;
    }
    .home ul.features li a:hover { background-position: -30px -270px; }
    .home li#DroboForBusinessLive { background-position: -5px -7px; }
      .home li#DroboForBusinessLive a { background-position: -34px -223px; }
        .home li#DroboForBusinessLive a:hover { background-position: -34px -269px; }
    .home li#DoTheMath { background-position: -337px -7px; }
      .home li#DoTheMath a { background-position: -366px -223px; width: 74px;}
        .home li#DoTheMath a:hover { background-position: -366px -269px; }
    .home li#ThunderboltDrobo5D { background-position: -667px -7px; }
      .home li#ThunderboltDrobo5D a { background-position: -696px -223px; width: 94px;}
        .home li#ThunderboltDrobo5D a:hover { background-position: -696px -269px; }

/* Right Channel */
#SidebarSecondary { float: right; }

/* If there's only a right channel */
#Sidebar { float: right; }

#Mast { min-width: 969px; max-width: 1236px; }
  #Mast .mastContent { margin: 0 auto; width: 969px; }
  #Mast ul.carousel { padding: 0; }
    #Mast ul.carousel li {
      list-style-type: none;
      height: 754px;
      overflow: hidden;
      position: relative;
      width: 969px;
    }
      #Mast ul.carousel li h1 {
        position: absolute;
        text-indent: -32000em;
      }
      #Mast ul.carousel li p { text-indent: -32000em; }
      #Mast ul.carousel li a {
        height: 62px;
        left: 0;
        position: absolute;
        text-indent: -32000em;
        top: 345px;
        width: 335px;
      }
      #Mast ul.carousel li.one a {top: 415px; width: 285px;}
      #Mast ul.carousel li.two a {width: 335px;}
      #Mast ul.carousel li.three a {width: 264px;}
      #Mast ul.carousel li.four a {width: 198px;}
      .ie7 #Mast ul.carousel {height: 754px; width: 969px;}

  #Mast ul.carouselNav { padding: 0 !important; position: absolute; right: 125px; top: 426px; }
    #Mast ul.carouselNav li {
      display: inline;
      float: left;
      margin-right: 4px;
    }
      #Mast ul.carouselNav a {
        background: url(http://www.drobo.com/css/images/home/control-sprites.png) no-repeat -3px -140px;
        display: block;
        height: 29px;
        outline: 0;
        text-indent: -32000em;
        width: 29px;
      }
        .ie6 #Mast ul.carouselNav a {
          background-image: url(http://www.drobo.com/css/images/home/control-sprites.gif);
        }
        #Mast ul.carouselNav li.prev a { background-position: -3px -140px; }
          #Mast ul.carouselNav li.prev a:hover { background-position: -3px -174px; }
        #Mast ul.carouselNav li.next a { background-position: -130px -140px; }
          #Mast ul.carouselNav li.next a:hover { background-position: -130px -174px; }
        
        #Mast ul.carouselNav li.one a { background-position: -35px -212px; }
          #Mast ul.carouselNav li.one a:hover { background-position: -35px -277px; }
          #Mast ul.carouselNav li.one a.active { background-position: -35px -244px; }
        #Mast ul.carouselNav li.two a { background-position: -66px -212px; }
          #Mast ul.carouselNav li.two a:hover { background-position: -66px -277px; }
          #Mast ul.carouselNav li.two a.active { background-position: -66px -244px; }
        #Mast ul.carouselNav li.three a { background-position: -98px -212px; }
          #Mast ul.carouselNav li.three a:hover { background-position: -98px -277px; }
          #Mast ul.carouselNav li.three a.active { background-position: -98px -244px; }
        #Mast ul.carouselNav li.four a { background-position: -131px -212px; }
          #Mast ul.carouselNav li.four a:hover { background-position: -131px -277px; }
          #Mast ul.carouselNav li.four a.active { background-position: -131px -244px; }


#WrapperFooter {
  background: #f5f5f5;
  padding-top: 23px;
}
  #WrapperFooter .channel {margin: 0 auto; width: 969px;}


#WrapperFooter .latestNews {
  background: url(http://www.drobo.com/css/images/common/news-bg.png) no-repeat;
  height: 117px;
  margin-bottom: 5px;
  width: 962px;
}
  
#WrapperFooter ul#NewsCarousel {float: left; padding-left: 5px; width: 800px;}      
  #WrapperFooter ul#NewsCarousel li {height: 78px; width: 780px;}
  #WrapperFooter ul#NewsCarousel .jcarousel-clip-vertical {height: 78px; width: 800px;}
  #WrapperFooter ul#NewsCarousel .jcarousel-item-vertical {height: 78px; width: 800px;}
  #WrapperFooter ul#NewsCarousel li .logo {
    display: table; 
    float: left;
    width: 160px;
  }
    .ie6 #WrapperFooter ul#NewsCarousel li .logo, .ie7 #WrapperFooter ul#NewsCarousel li .logo {
      display: block; 
      height: 78px;
      position: relative;
    }
    #WrapperFooter ul#NewsCarousel li .logo span {display: table-cell; height: 78px; text-align: center; vertical-align: middle;}
      .ie6 #WrapperFooter ul#NewsCarousel li .logo span,
      .ie7 #WrapperFooter ul#NewsCarousel li .logo span {
        display: block;
        height: auto;
        position: absolute;
        top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2);
      }
  #WrapperFooter ul#NewsCarousel li .details {
    display: table;
    float: left;
    width: 620px;
  }
    .ie6 #WrapperFooter ul#NewsCarousel li .details, .ie7 #WrapperFooter ul#NewsCarousel li .details {
      display: block;
      height: 78px;
      position: relative;
    }
    #WrapperFooter ul#NewsCarousel li .details .content {
      display: table-cell;
      height: 78px;
      vertical-align: middle;
    }
      .ie6 #WrapperFooter ul#NewsCarousel li .details .content, 
      .ie7 #WrapperFooter ul#NewsCarousel li .details .content {
        display: block;
        height: auto;
        position: absolute;
        top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2);
      }
  #WrapperFooter ul#NewsCarousel li h3 {
    color: #333; 
    font-size: 108%;
    font-weight: bold;
    padding-bottom: 1px;
  }
  
  #WrapperFooter ul#NewsCarousel li p {float: right; width: 620px;}
  #WrapperFooter ul#NewsCarousel li a {color: #2288dd; text-decoration: none;}
#WrapperFooter .newsControls {float: right; margin-top: 26px; padding-right: 20px; width: 102px;}
  #WrapperFooter .newsControls li {float: left;}
    #WrapperFooter .newsControls li.pagination {padding-top: 4px; text-align: center; width: 70px;}
  #WrapperFooter .newsControls .prev {
    background: url("images/common/news-controls.png") no-repeat 0 0;
    display: block;
    height: 24px;
    text-indent: -32000em;
    width: 15px;
  }
    #WrapperFooter .newsControls a.prev:hover {
      background-position: 0 100%;
    }
  #WrapperFooter .newsControls .next {
    background: url("images/common/news-controls.png") no-repeat 100% 0;
    display: block;
    height: 24px;
    text-indent: -32000em;
    width: 15px;
  }
    #WrapperFooter .newsControls a.next:hover {
      background-position: 100% 100%;
    }
    
#ContentFooter .sixCol {
  background: url(http://www.drobo.com/css/images/common/content-footer-dividers.001.gif) repeat-y 155px 0;
  margin-bottom: 20px;
}
  #ContentFooter .sixCol .col {
    float: left;
    padding: 0 28px 0 26px;
  }
  #ContentFooter .sixCol div.first {padding-left: 0; width: 127px;}
  #ContentFooter .sixCol div.second {width: 120px;}
  #ContentFooter .sixCol div.third {width: 112px;}
  #ContentFooter .sixCol div.fourth {width: 108px;}
  #ContentFooter .sixCol div.fifth {width: 125px;}
  #ContentFooter .sixCol div.last {padding-right: 0; width: 100px;}
  
  #ContentFooter .sixCol h3 {
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    padding-bottom: 4px;
    text-transform: uppercase;
  }
  #ContentFooter .sixCol a { color: #fff; font-size: 93%; text-decoration: none; }
    #ContentFooter .sixCol a:hover { text-decoration: underline; }
    #ContentFooter .sixCol ul li {padding-bottom: 4px;}
    
#ContentFooter ul.social {padding-bottom: 4px; padding-top: 6px;}
  #ContentFooter ul.social li {float: left; padding-right: 5px; width: 45px;}
    #ContentFooter ul.social li a {
      background-image: url(http://www.drobo.com/css/images/common/common-images-sprite.001.png);
      display: block;
      height: 46px;
      outline: 0;
      text-indent: -32000em;
      width: 45px;
    }
    #ContentFooter ul.social li a.blog {background-position: 0 -251px;}
    #ContentFooter ul.social li a.youtube {background-position: -48px -251px;}
    #ContentFooter ul.social li a.facebook {background-position: -97px -251px;}
    #ContentFooter ul.social li a.twitter {background-position: -145px -251px;}
    #ContentFooter ul.social li a.spiceworks { background-position: -194px -251px; }
    #ContentFooter ul.social li a.linkedIn { background-position: -243px -251px; }
    #ContentFooter ul.social li a.rss { background-position: 0 -251px; }

#ContentFooter p {color: #646464; font-size: 93%; padding-bottom: 9px;}

#NewsletterForm input {float: left;}
  #NewsletterForm input.textbox {
    border: 1px solid #7e7e7e; 
    height: 19px;
    margin-right: 6px;
    margin-top: 3px;
    padding-top: 2px;
    text-indent: 7px; 
    width: 144px;
  }
  #NewsletterForm input.submit {
    background: url(http://www.drobo.com/css/images/common/common-images-sprite.png) no-repeat 0 -307px;
    border: 0;
    cursor: pointer;
    height: 32px;
    width: 70px;
  }
    #NewsletterForm input.submit:hover {
      background-position: 0 -339px;
    }

#Footer {
  color: #b1b1b1;
  font-size: 85%;
  margin: 0 auto;
  /* padding: 9px 26px 60px; */
  width: 250px;
}
  #Footer a { color: #b1b1b1; text-decoration: none; padding: 0 10px;}
    #Footer a:hover { text-decoration: underline; }
  #Footer p.copy { float: left; padding-right: 10px; text-transform: uppercase;}
  #Footer ul.siteLinks { float: left; }
    #Footer ul.siteLinks li { display: inline; padding: 0; text-transform: uppercase;}
  #Footer .vcard { float: left; }
    #Footer .vcard p.note { display: none; }

/* Utility Classes */
.selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
  .ie7 .selfClear, .ie6 .selfClear { zoom:1; }

/* =================================== */
/* = Standard Widgets and Components = */
/* =================================== */

.tabs { padding-bottom: 28px; }

/* Simple tab navigation */
ul.tabNav { padding-bottom: 0 !important; padding-left: 20px; }
  ul.tabNav li {
    background: 0 !important;
    display: inline;
    float: left;
    padding: 0 !important;
    margin: 0 5px -1px 0;
  }
    ul.tabNav a {
      background: url(http://www.drobo.com/css/images/common/tab-bg.png) no-repeat 0 100%;
      color: #a7a7a7 !important;
      float: left;
      font-size: 123.1%;
      padding-left: 20px;
    }
      ul.tabNav a:hover { color: #666 !important; text-decoration: none !important; }
      ul.tabNav li.ui-state-active a { background-position: 0 0; color: #666 !important; }
      ul.tabNav span {
        background: url(http://www.drobo.com/css/images/common/tab-bg.png) no-repeat 100% 100%;
        float: left;
        padding-right: 20px;
        line-height: 36px;
      }
        ul.tabNav li.ui-state-active span { background-position: 100% 0; }


.tabContent { padding: 36px 28px; }
  .resources .tabContent {
    background: #eee;
    border: 1px solid #ddd;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
  }
  
  .whereToBuy ul.tabNav { border: 0; margin: 0; padding: 0 0 0 52px !important; }
    .whereToBuy ul.tabNav li { border: 0; }
      .whereToBuy ul.tabNav li a {
        background: url(http://www.drobo.com/css/images/where-to-buy/tab-bg.png) no-repeat 0 0;
        color: #fff !important;
        font-size: 138.5%;
        font-weight: bold;
        height: 38px;
        line-height: 42px;
        padding: 0;
        text-indent: 18px;
        width: 174px;
      }
        .whereToBuy ul.tabNav li.ui-state-active a { background-position: 100% 0; }
        .whereToBuy ul.tabNav li span { background: none; float: none; padding: 0; }
  .whereToBuy .tabContent {
    border: 2px solid #dfdfdf;
    margin-top: -3px;
    padding: 2px;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
  }
    .ie8 .whereToBuy .tabContent { behavior: url(/css/PIE.htc); }
    .ie7 .whereToBuy .tabs nav, .ie6 .whereToBuy .tabs nav { position: relative; z-index: 5; }
    .ie7 .whereToBuy .tabContent, .ie6 .whereToBuy .tabContent { position: relative; z-index: 2; }
    .ie6 .whereToBuy .tabContent { margin: 0; top: -7px; }
    .whereToBuy .tabContent header {
      background: #28d;
      color: #ccc;
      height: 37px;
      padding: 16px 0 0 30px;
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px;
    }
      .ie8 .whereToBuy .tabContent header { behavior: url(/css/PIE.htc); }
      .whereToBuy .tabContent header select { margin-right: 20px; }
      
      .whereToBuy .tabContent section { padding: 40px 0 40px 40px; }
        .whereToBuy .tabContent section ul { padding: 0; }
              .whereToBuy .tabContent section li { padding: 0 0 15px !important; list-style-type: none !important; }

  ul.apps {
    border-top: 1px dotted #999;
    margin-top: 20px;
    padding: 20px 0 0 !important;
  }
    ul.apps li {
      border-bottom: 1px dotted #999;
      list-style-type: none !important;
      margin-bottom: 20px;
    }

  ul.videos { padding: 0 !important; }
    ul.videos li {
      display: inline;
      float: left;
      list-style-type: none !important;
      margin: 0 8px;
      width: 138px;
    }
      ul.videos li.alpha { margin-left: 0; clear: left; }
      ul.videos li.omega { margin-right: 0; }
      ul.videos a { display: block; text-align: center; }
  
  ul.demos { padding: 0 !important; }
    ul.demos li { list-style-type: none !important; padding: 0 0 12px !important; }
      ul.demos li h3, ul.demos li p { width: 720px; }
        ul.demos li h3 { color: #7a0 !important; }
        ul.demos li p.image { margin-top: -12px; width: auto; }
          ul.demos li p.image img { border: 1px solid #999; }
/* 
  Image Block
  
  Image on left, content on right

  <div class="imageBlock selfClear">
    <h3>Content Title</h3>
    <p class="image"><a href="/images/larger-version.png" rel="prettyPhoto"><img src="/images/smaller-version.jpg" width="186" height="130" alt="alt text" /></a></p>
    <p>Info about the image</p>
  </div>
*/
.imageBlock { }
  .imageBlock h3 { float: right; }
  .imageBlock p { float: right; }
    .imageBlock p.image { display: inline; float: left; margin-right: 10px; width: auto; }

/* Image Block layout Properties - custom for each site/implementation */
.news section .imageBlock { border-top: 1px solid #d9d9d9; padding-top: 16px; }
.imageBlock h3, .imageBlock p { width: 790px; }
  .news section .imageBlock p { width: 320px; }
  .newsWithSidebar section .imageBlock p { width: 575px; }
    .news section .imageBlock p.image { width: auto; }

/*
  Layout horizontal buttons

  <ul class="buttons">
    <li><a href="#" class="button sampleButton"><span><em>Button 1</em></span></a></li>
    <li><a href="#" class="button sampleButton"><span><em>Button 2</em></span></a></li>
    <li><a href="#" class="button sampleButton"><span><em>Button 3</em></span></a></li>
  </ul>
*/
ul.buttons { margin-bottom: 8px; }
  ul.buttons li {
    background: 0 !important;
    display: inline;
    float: left;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
  }

/* 
  Standard Button Display
  
  <p class="selfClear"><a href="#" class="button sampleButton"><span><em>Sample Button</em></span></a></p>
*/
a.button {
  float: left; /* Collapse around text */
  text-decoration: none;
}
  a.button:hover { text-decoration: none; }
  a.button span, a.button em { cursor: pointer; float: left; }

/** DELETE START **/
/* Custom display properties for a button on the site - updated for each site */
a.sampleButton {
  background: url(http://www.drobo.com/css/images/common/sample-button-bg.png) no-repeat 100% 100%; 
  height: 41px; /* height of button image */
  padding-right: 10px; /* right padding for image edge */
}
  a.sampleButton span {
    background: url(http://www.drobo.com/css/images/common/sample-button-bg.png) no-repeat 0 0;
    color: #fff;
    font-size: 116%;
    padding-left: 10px; /* balance out right padding */
  }
    a.sampleButton:hover span { color: #fc0; }
    a.sampleButton em {
      line-height: 41px; /* Provides vertical centering */
      /* Add styles here if image has an icon on it, left or right of text */
    }
/** DELETE END **/

/*
  Same height columns

<div class="columnWrapper">
  <ul class="columns twoUp">
    <li class="column"></li>
    <li class="column"></li>
  </ul>
</div>
*/
div.columnWrapper {
  position: relative; /* relative position on display table element causes problems */
}
  ul.columns {
    display: table;
    margin: 0 !important;  /* Override any values set for */
    padding: 0 !important; /* lists in the content area */
    width: 100%;
  }
    /* Fix same height display for browsers that don't grok
       display: table and display: table-cell */
    .ie7 ul.columns, .ie6 ul.columns {
      display: block;
      overflow: hidden; /* Hide overflow from padding/margin trick below */
      zoom: 1; /* Clear floats */
    }
    ul.columns li.column {
      display: table-cell;
      vertical-align: top;
      background: none !important; /* Override any values */
      margin: 0 !important;        /* set for lists in */
      padding: 0 !important;       /* the content area */
    }
      .ie7 ul.columns li.column, .ie6 ul.columns li.column {
        display: inline;
        float: left !important;
        margin-bottom: -2000px !important;
        padding-bottom: 2000px !important;
        zoom: 1;
      }
      /*
        NOTE
        If a background image is set on an li.column and not showing up, it may
        be because it is positioned with percentages. Due to the padding/margin
        trick used to get full height you can't use percentage values for
        vertical positioning, use an approximate value in pixels instead and
        just accept that there may be some differences across browsers
      */
      ul.twoUp li.column { width: 50%; }
      ul.threeUp li.column { width: 33%; }

/** DELETE START **/
ul.sampleColumns { }
  ul.sampleColumns li { border-right: 1px solid #333; width: 275px; }
    ul.sampleColumns li.last { border-right: 0; }
    ul.sampleColumns div.content { padding: 8px 16px 12px; }
    ul.sampleColumns p.more {
      bottom: 2px;
      margin-bottom: 0;
      position: absolute;
      text-align: right;
      width: 243px;
    }
/** DELETE END **/

/* Need vertical centering solution that works for both one and two lines of text.
   See: http://www.ilikespam.com/blog/centering-multiple-line-content-with-css */
.vertBox .channel { display: table; }
  .ie7 .vertBox .channel, .ie6 .vertBox .channel { display: block; position: relative; }
  .vertBox .channel .content, .vertBox .channel .logo { display: table-cell; vertical-align: middle; }
    .ie7 .vertBox .channel .content, .ie6 .vertBox .channel .content,
    .ie7 .vertBox .channel .logo, .ie6 .vertBox .channel .logo {
      display: block;
      position: absolute;
      top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2);
    }

/** DELETE START **/
/* Set layout properties for specific vertical positioning implementations.
  The standard selector should remain unchanged from project to project.
  
  <div class="vertBox sampleVertBox">
    <a href="#" class="channel">
      <span class="content">lorem</span>
    </a>
  </div>
*/
div.sampleVertBox .channel {
  border: 1px solid #333;
  height: 39px; /* Set as appropriate */
}
  div.sampleVertBox .content {
    font-size: 93%; /* Set as appropriate  */
    line-height: 1.2em; /* Set as appropriate */
    padding: 0 6px;
    text-align: center;
    width: 88px; /* Set as appropriate */   
  }
/** DELETE END **/


/* ===================== */
/* = jQuery Plugin CSS = */
/* ===================== */

/* prettyPhoto */
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(http://www.drobo.com/css/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(http://www.drobo.com/css/images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(http://www.drobo.com/css/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(http://www.drobo.com/css/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(http://www.drobo.com/css/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(http://www.drobo.com/css/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_expand:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(http://www.drobo.com/css/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_contract:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{background:url(http://www.drobo.com/css/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px}
div.pp_default .pp_gallery ul li a{background:url(http://www.drobo.com/css/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(http://www.drobo.com/css/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(http://www.drobo.com/css/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px}
div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px}
div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(http://www.drobo.com/css/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(http://www.drobo.com/css/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(http://www.drobo.com/css/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(http://www.drobo.com/css/images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(http://www.drobo.com/css/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(http://www.drobo.com/css/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(http://www.drobo.com/css/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(http://www.drobo.com/css/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{background:url(http://www.drobo.com/css/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_rounded .pp_nav .pp_play{background:url(http://www.drobo.com/css/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(http://www.drobo.com/css/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(http://www.drobo.com/css/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(http://www.drobo.com/css/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(http://www.drobo.com/css/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(http://www.drobo.com/css/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_rounded .pp_description{color:#fff;margin-right:85px}
div.dark_rounded .pp_nav .pp_play{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(http://www.drobo.com/css/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(http://www.drobo.com/css/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{background:url(http://www.drobo.com/css/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_square .pp_nav .pp_play{background:url(http://www.drobo.com/css/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(http://www.drobo.com/css/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(http://www.drobo.com/css/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(http://www.drobo.com/css/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(http://www.drobo.com/css/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(http://www.drobo.com/css/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(http://www.drobo.com/css/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0}
.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(http://www.drobo.com/css/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(http://www.drobo.com/css/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}

/* jCarousel */
.jcarousel-clip { overflow: hidden; }

/* jQuery UI Tabs */
.ui-tabs-hide { display: none; }


/* ==================== */
/* = CSS Tricks/Hints = */
/* ==================== */

/** IE7 **/
/* Tricks to get rid of extra space */
/* some-selector { font-size: 1%; } */

/* Get rid of vertical scrollbars */
/* some-selector { overflow-x:scroll; overflow-y:visible; } */

/** IE6 **/
/* Ensure wrapper fills entire browser window when necessary*/
/* #Wrapper { height: 100%; } */

/* min height */
/* some-selector { height: Xpx; } */

/* min-width */
/* some-selector { width: Xpx; } */

/* max width */
/* Replace [$max_width - 1] with computed value
   Replace ${max_width} with actual value */
/* some-selector { width:expression(this.scrollWidth>[$max_width - 1]?"${max_width}px":"auto"); }

/* Tricks to get rid of extra space */
/* some-selector { font-size: 1%; zoom: 1; } */

/* Force hasLayout flag */
/* some-selector { zoom: 1; } */

/* Get rid of double margin on floated elements */
/* some-selector { display: inline; } */

/* Get rid of extra space above a link in a list */
/* some-selector { float: left; width: XXpx; } */

.anNote { background: yellow; border: 1px solid red; padding: 3px !important; }
span.anNote { display: block; font-size: 72%; }

/* Homepage modal */
#modal-window {
  display:none;
  width:500px;
  height:277px;

  padding:0px;
  color:#000;
  z-index:200;
  border:#FFF 0px solid;
  background: url(http://www.drobo.com/css/images/home/drobo_modal_500x277_4.png) no-repeat;
  z-index:390000;
}
#simplemodal-container a.modalCloseImg {
  background:url(http://www.drobo.com/css/images/home/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:250;
  position:absolute;
  top:-15px;
  right:-16px;
  cursor:pointer;
  z-index:440000;
}
/* Overlay */
#simplemodal-overlay { background-color:#000; cursor:wait; }

.modalform {
  width: 500px;
  height: 25px;
  margin: 0px 0px 0px 0px;
  padding:252px 0px 0px 0px;
  z-index:450000;
}


.modalform_text {
  position:absolute;
  top:240px;
  left: 110px;

  font-size:15px;
  width: 200px;
  height: 20px;
  margin: 0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  font-weight:normal; /*normal */
  font-family: "Lucida Sans Unicode";
  color: #000000;

  text-align: left;
  z-index: 325000;
}

.modalformbutton {
  position:absolute;
  top: 230px;
  left: 330px;

  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width:67px;
  height: 33px;
  /* vertical-align: middle; */
  background: url(http://www.drobo.com/css/images/home/modal_button_67x36.png);
  border:0;
  float:right;
  z-index: 335000;
}

#ProductPicker {
  background: #fff;
  height: 400px;
  padding: 40px 0;
  position: relative;
  width: 862px;
}
  #ProductPicker header { padding: 0 40px 40px; }
    #ProductPicker header h1 {
      color: #666;
      font-size: 197%;
      font-weight: bold;
      height: 65px;
      line-height: 60px;
      text-indent: 200px;
      position: relative;
    }
      #ProductPicker h1 img {
        border-right: 6px solid #ccc;
        left: 0;
        padding-right: 25px;
        position: absolute;
      }
      #ProductPicker p.steps {
        color: #999;
        font-size: 153.9%;
        font-weight: bold;
        position: absolute;
        right: 60px;
        top: 20px;
      }

  #ProductPicker section { padding: 0 40px; }
    .ie6 #ProductPicker section { zoom: 1; }
    #ProductPicker section h2 { color: #333; font-size: 212%; padding-bottom: 30px; }
    #ProductPicker section li {
      background: url(http://www.drobo.com/css/images/products/selector/select-button-bg.png) no-repeat 0 50%;
      color: #666;
      cursor: pointer;
      font-size: 131%;
      margin-bottom: 20px;
      min-height: 34px;
      padding-left: 52px;
    }
      #ProductPicker section li.selected { background-position: -1000px 50%; }
    
    /* Need vertical centering solution that works for both one and two lines of text.
       See: http://www.ilikespam.com/blog/centering-multiple-line-content-with-css */
    #ProductPicker section span { display: table; }
      .ie7 #ProductPicker section span, .ie6 #ProductPicker section span {
        display: block;
        height: 34px;
        position: relative;
      }
      #ProductPicker section span em {  display: table-cell; height: 34px; vertical-align: middle; }
        .ie7 #ProductPicker section span em, .ie6 #ProductPicker section span em {
          display: block;
          height: auto;
          position: absolute;
          top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2);
        }

  #ProductPicker footer { bottom: 20px; left: 582px; position: absolute; width: 280px; }
  #ProductPicker footer ul { float: right; height: 40px; padding-right: 30px; }
    #ProductPicker footer li { float: left; padding-left: 6px; }
      #ProductPicker > footer a, #ProductPicker footer span {
        background: url(http://www.drobo.com/css/images/products/selector/buttons-bg.png) no-repeat 0 0;
        display: block;
        height: 40px;
        font-size: 123.1%;
        font-weight: bold;
        line-height: 38px;
      }
        #ProductPicker > footer a { color: #fff; padding-left: 25px; text-decoration: none; }
        #ProductPicker footer span { background-position: 100% 0; padding-right: 25px; }
          #ProductPicker footer a.next { background-position: 0 -40px; }
            #ProductPicker footer a.next span { background-position: 100% -40px; padding-right: 55px; }
          #ProductPicker footer a.restart { background-position: 0 -80px; }
            #ProductPicker footer a.restart span { background-position: 100% -80px; }

#ProductPicker #Results { padding-bottom: 30px; }
  #ProductPicker #Results footer { bottom: 30px; font-size: 116%; left: 40px; width: 550px; }
    #ProductPicker #Results footer a { text-decoration: underline; }
  #ProductPicker .suggest { width: 48%; float: left; }
  #ProductPicker .consider { width: 48%; float: right; }
  #ProductPicker .imageBlock h3, #ProductPicker .imageBlock p { color: #666; padding-bottom: 10px; width: 196px; }
    #ProductPicker .imageBlock p.image { width: 170px; }
    #ProductPicker #Results h3 { color: #28d; font-weight: bold; font-size: 138.5%; }
    #ProductPicker #Results p { font-size: 116%; margin: 0; padding-bottom: 10px; }
    #ProductPicker a { color: #28d; text-decoration: none; }