html
{
  min-height: 100%;
}

html
{
  overflow: -moz-scrollbars-vertical !important;
}

html, body
{
  background-color: #FFFFFF;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}

body
{
  text-align: center;
  padding: 0px;
  margin: 0px;
}

div#homeFlashArea
{
  height: 400px;
  width: 100%;
}

div#homeTextPanel
{
  width: 930px;
  margin: 0px auto;
}

div#homeTextContent
{
  padding-top: 25px;
  width: 510px;
  text-align: left;
  float: left;
}

div#homeContentRight
{
  width: 400px;
  text-align: right;
  float: right;
}

div#container
{
  width: 100%; /*height: 100%;   min-height: 100%;   position: relative;*/
  padding: 0px;
  margin: 0px auto;
  background-image: url(../images/layout/seagate_main_container_bcg.jpg); /*TOP BCG ROW */
  background-position: top;
  background-repeat: repeat-x;
}

div#headerRow /*Need to handle width + 1486px */
{
  background-image: url(../images/layout/seagate_header_bcg.jpg);
  background-position: top;
  background-repeat: no-repeat;
  height: 139px;
  width: 100%;
  margin: 0px auto;
}

div#headerRowHome
{
  background-image: url(../images/layout/seagate_header_bcg_home.jpg);
  background-position: top;
  background-repeat: no-repeat;
  height: 107px;
  width: 100%;
  margin: 0px auto;
}

div#headerNav
{
  background-color: Transparent;
  width: 930px;
  text-align: left; /*padding-top:27px;*/
  margin: 0px auto;
  padding: 0px; /*margin-top:30px;*/
}

div#headerNavLeftCol
{
  background-color: Transparent;
  width: 266px;
  float: left;
  position: relative;
  margin-top: 25px;
  text-align: left;
}

div#headerNavRightCol
{
  background-color: Transparent;
  width: 664px;
  float: left;
  position: relative;
  margin-top: 25px;
  text-align: right;
}

div#langContainer
{
  background-color: Transparent;
  width: 664px;
  text-align: right;
  position: relative;
  padding-bottom: 20px;
}

div#primeContent
{
  background-image: url(../images/layout/seagate_prime_bcg.jpg);
  background-position: top;
  background-repeat: no-repeat;
  width: 100%;
}

div#innerContent
{
  background-color: Transparent;
  width: 930px;
  min-height: 194px;
  text-align: left;
  margin: 0px auto;
  padding: 0px;
}

div#innerContentHome
{
  background-color: Transparent;
  width: 100%;
  text-align: left;
  margin: 0px auto;
  padding: 0px;
}

div#innerContentLeftCol
{
  float: left;
  width: 155px;
  background-color: Transparent;
  position: relative;
  padding-right: 58px;
}


div#innerContentRightCol
{
  float: left;
  width: 717px;
  background-color: Transparent;
  position: relative;
}

div#innerContentLeft
{
  float: left;
  width: 310px;
  background-color: Transparent;
  position: relative; /*height:400px;   min-height:400px;*/
}

div#innerContentTheaterLeft
{
  float: left;
  width: 285px;
  background-color: Transparent;
  position: relative; /*height:400px;   min-height:400px;*/
}

div#innerContentTheaterRight
{
  float: left;
  width: 428px;
  height: 430px;
  min-height: 430px;
  background-color: Transparent;
  position: relative; /*height:400px;   min-height:400px;*/
}


div#innerContentWinDriveLeft
{
  float: left;
  width: 410px;
  padding-right: 15px;
  background-color: Transparent;
  position: relative; /*height:400px;   min-height:400px;*/
}

div#innerContentRight
{
  float: left;
  width: 407px;
  background-color: Transparent;
  position: relative; /*height:400px;   min-height:400px;*/
}

div#innerContentWinDriveRight
{
  float: left;
  width: 284px;
  background-color: Transparent;
  position: relative; /*height:400px;   min-height:400px;*/
}

div#innerFooter
{
  width: 720px;
  background-color: Transparent;
  position: relative;
  clear: both;
  margin: 0px auto;
  float: left;
}

div#innerFooterTheater
{
  width: 720px;
  background-color: Transparent;
  position: absolute;
  clear: both;
  margin: 0px auto;
  float: left;
  top: 450px;
}


div#innerFooterLeft
{
  width: 280px;
  background-color: Transparent;
  position: relative;
  float: left;
  margin-right: 55px;
}

div#innerFooterLeftRow2
{
  width: 280px;
  background-color: Transparent;
  position: relative;
  float: left;
  margin-right: 55px;
  margin-top: 10px;
}

div#innerFooterLeftRow2 .freeagentAccessories
{
    margin-right: 40px;
}


div#innerFooterRight
{
  width: 280px;
  background-color: Transparent;
  position: relative;
  float: left; /*margin-right: 55px;*/
}

div.genericDivLine
{
  width: 100%;
  height: 1px;
  background-image: url(../images/layout/seagate_dot_div.gif);
  background-repeat: repeat-x;
  margin-bottom: 15px;
}

div#footer
{
  clear: both;
  display: block;
  width: 100%;
  height: 168px;
  min-height: 168px;
  background-image: url(../images/layout/seagate_footer_bcg.jpg);
  background-position: bottom;
  background-repeat: repeat-x;
}

div#footerNav
{
  margin: 0px auto;
  padding-top: 80px;
  vertical-align: middle;
}

/*FOOTER NAV*/

div#footerNav ul
{
  display: inline;
  margin: 0;
  padding: 0;
}

div#footerNav li
{
  display: inline;
  margin: 0;
  padding-right: 15px;
  padding-left: 15px;
  background-image: url(../images/layout/top_nav_bcg_div.gif);
  background-position: left;
  background-repeat: no-repeat;
}

div#footerNav li.index8
{
  background-image: url(../images/layout/top_nav_bcg_div.gif);
  background-position: left;
  background-repeat: no-repeat;
}


div#footerNav li.staticNav
{
  color: #414042;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 16px;
  background-image: none;
}

div#footerNav li.staticNav
{
  color: #414042;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 12px;
  background-image: none;
}

div#footerNav a:link
{
  color: #414042;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
}


div#footerNav a:visited
{
  color: #414042;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
}

div#footerNav a:hover
{
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
}

div#footerNav a:active
{
  color: #414042;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
}

div#footerNav a.selected
{
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
}

/*TOP NAV*/

div#topNavMain
{
  width: 100%;
  background-color: transparent;
  text-align: right;
  margin: 0px auto;
}

div#topNavMain ul
{
  display: inline;
  margin: 0;
  padding: 0;
}

div#topNavMain li
{
  display: inline;
  margin: 0;
  padding-right: 15px;
  padding-left: 15px;
  background-image: url(../images/layout/top_nav_bcg_div.gif);
  background-position: left;
  background-repeat: no-repeat;
}

#topNavMain li.index0
{
  background-image: none;
  padding-left: 0px;
}

#topNavMain li.index5
{
  padding-right: 0px;
}

div#topNavMain a:link
{
  color: #414042;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 15px;
  text-decoration: none;
}


div#topNavMain a:visited
{
  color: #414042;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 15px;
  text-decoration: none;
}

div#topNavMain a:hover
{
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 15px;
  text-decoration: none;
}

div#topNavMain a:active
{
  color: #414042;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 15px;
  text-decoration: none;
}

div#topNavMain li.index0 a.selected, #topNavMain li.index1 a.selected, #topNavMain li.index2 a.selected, #topNavMain li.index3 a.selected, #topNavMain li.index4 a.selected, #topNavMain li.index5 a.selected 
{
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 15px;
  text-decoration: none;
}



/*SUB NAV*/
#navCFbanner
{
  clear: both;
}

#navCountdownBanner
{
  margin-bottom: 30px;
  margin-top: 15px;
}

#navContainer
{
  width: 155px;
  min-height: 26px;
  float: left;
  position: relative;
  text-align: left;
  padding-bottom: 40px;
  background-image: none;
}

#navContainer ul
{
  margin: 0px;
  padding: 0px;
  border: none;
  list-style: none;
}

#navContainer ul li
{
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#navContainer ul li li
{
  list-style: none;
}

/*
Links - primary nav.
*/
#navContainer li a
{
  display: block;
  margin: 0px;
  padding: 3px 2px 10px;
  color: #414042;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 16px;
  text-decoration: none;
}

#navContainer li a:hover
{
  display: block;
  margin: 0px;
  padding: 3px 2px 10px;
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 16px;
  text-decoration: none;
}

#navContainer li a.selected
{
  display: block;
  margin: 0px;
  padding: 3px 2px 10px;
  padding: 3px 2px 10px;
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 16px;
  text-decoration: none;
}

#navContainer li a.hidden
{
  display: none;
  padding: 0px;
  margin: 0px;
}

/*
Links - secondary nav.
*/
div#navContainer li li a
{
  display: block;
  margin: 0px;
  padding: 0px 0px 0px 12px;
  color: #414042;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
}

div#navContainer li li a:hover
{
  display: block;
  margin: 0px;
  padding: 0px 0px 0px 12px;
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
}

div#navContainer li li a.selected
{
  display: block;
  margin: 0px;
  padding: 0px 0px 0px 12px;
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
}

/*
Links - tertiary nav.
*/
#navContainer li li li a
{
  display: block;
  margin: 0px;
  padding-left: 30px;
  font-family: Calibri, Arial;
  font-size: 8pt;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  list-style-image: none;
  background-image: none;
  line-height: 1.5em;
}

#navContainer li li li a:hover
{
  display: block;
  margin: 0px;
  padding-left: 30px;
  font-family: Calibri, Arial;
  font-size: 8pt;
  font-weight: normal;
  color: #FFFFFF;
  text-decoration: none;
  list-style-image: none;
  background-image: none;
  line-height: 1.5em;
}

#navContainer li li li a.selected
{
  display: block;
  margin: 0px;
  padding-left: 30px;
  font-family: Calibri, Arial;
  font-size: 8pt;
  font-weight: normal;
  color: #FFFFFF;
  text-decoration: none;
  list-style-image: none;
  background-image: none;
  line-height: 1.5em;
}

/*
Links - forth level nav.
*/
#navContainer li li li li a
{
  display: block;
  margin: 0px;
  padding-left: 35px;
  font-family: Calibri, Arial;
  font-size: 8pt;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  list-style-image: none;
}

#navContainer li li li li a:hover
{
  display: block;
  margin: 0px;
  padding-left: 35px;
  font-family: Calibri, Arial;
  font-size: 8pt;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  list-style-image: none;
}

#navContainer li li li li a.selected
{
  display: block;
  margin: 0px;
  padding-left: 35px;
  font-family: Calibri, Arial;
  font-size: 8pt;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  list-style-image: none;
}

/*
Creative Fund Banner
*/

.imgCreativeFund
{
  padding-top: 20px;
  padding-bottom: 20px;
}

.imgLotteryBanner
{
  padding-top: 0px;
  padding-bottom: 0px;
}

/*
Drop Down Form
*/

.ddLangSelection
{
  font-family: Calibri, Arial;
  color: #87888A;
  font-size: small;
  width: 124px;
}

.ddGeneric
{
  font-family: Calibri, Arial;
  color: #87888A;
  font-size: small;
}

.ddCountrySelection
{
  font-family: Calibri, Arial;
  color: #87888A;
  font-size: small;
  width: 200px;
}

.genericHotspotField
{
  font-family: Calibri, Arial;
  color: #87888A;
  font-size: small;
  width: 200px;
  background-color: #FFFFFF;
  border: solid 1px #7A7A7A;
}


/*
Text Styles
*/

h1
{
  font-family: Calibri, Arial;
  color: #414042;
  font-size: 24px;
  font-weight: normal;
  line-height: 0.7em;
}

h2
{
  font-family: Calibri, Arial;
  color: #414042;
  font-size: 16px;
  font-weight: normal;
  line-height: 0.9em;
  margin-top: 0.3em;
  margin-bottom: 0.5em;
}

h3
{
  font-family: Calibri, Arial;
  color: #414042;
  font-size: 16px;
  font-weight: normal;
}

h4
{
  font-family: Calibri, Arial;
  color: #414042;
  font-size: 19px;
  font-weight: normal;
  line-height: 2.0em;
  margin-top: 0.3em;
  margin-bottom: 0.5em;
}

h5
{
  font-family: Calibri, Arial;
  color: #87888A;
  font-size: 16px;
  font-weight: normal;
  line-height: 0.9em;
  margin-top: 0.3em;
  margin-bottom: 0.5em;
}

h6
{
  font-family: Calibri, Arial;
  color: #414042;
  font-size: 20px;
  font-weight: normal;
  line-height: 0.9em;
  margin-top: 0.3em;
  margin-bottom: 0.5em;
}

p.bodyCopy
{
  font-family: Calibri, Arial;
  color: #87888A;
  font-size: small;
  font-weight: normal;
  line-height: 1.3em;
}

h3.bannerHdr
{
  font-family: Calibri, Arial;
  color: #414042;
  font-size:1.0em;
  line-height: 1.3em;
}

p.bodyCopy span
{
  font-family: Calibri, Arial;
  color: #414042;
  font-size: small;
  font-weight: normal;
  line-height: 1.3em;
}


p.bodyCopy a
{
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: small;
  text-decoration: none;
}

p.bodyCopy span a
{
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: small;
  text-decoration: none;
}

p.bodyCopyTable
{
  font-family: Calibri, Arial;
  color: #414042;
  font-size: small;
  font-weight: normal;
  line-height: 0.9em;
  margin-top: 0.3em;
  margin-bottom: 0.5em;
}

span.header
{
  font-family: Calibri, Arial;
  color: #414042;
  font-size: small;
  font-weight: normal;
  line-height: 2em;
}

/* Lists */

ul.bodyList
{
  color: #87888A;
  font-family: Calibri, Arial;
  font-size: small; /*margin-left:25px;*/
}


ul.bodyList li
{
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-size: small;
  padding-bottom: 15px;
  list-style-type: none;
  list-style-image: url(../images/layout/seagate_link_bcg.gif);
  margin: 0px;
  padding-bottom: 3px;
}

ul.bodyList li span
{
  color: #87888A;
  font-family: Calibri, Arial;
  font-size: small;
}

/* Custom links with bcg arrow */

a.seagateLinkProductDefault:link, a.seagateLinkProductDefault:visited, a.seagateLinkProductDefault:active, a.seagateLinkProductDefault:focus, a.seagateLinkProductDefault:hover
{
  background-image: url(../images/layout/seagate_link_selected_bcg.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 10px;
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: small;
  text-decoration: none;
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  outline: none;
}

a.seagateLinkBodyOther:link, a.seagateLinkBodyOther:visited, a.seagateLinkBodyOther:active, a.seagateLinkBodyOther:focus, a.seagateLinkBodyOther:hover
{
  background-image: url(../images/layout/seagate_link_selected_bcg.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 10px;
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: small;
  text-decoration: none;
  text-transform: none;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  outline: none;
}

a.seagateCapacityLink:link, a.seagateCapacityLink:visited, a.seagateCapacityLink:active, a.seagateCapacityLink:active, a.seagateCapacityLink:hover
{
  border: none;
  outline: none;
}

a.seagateLinkProduct:link
{
  background-image: url(../images/layout/seagate_link_bcg.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 10px;
  color: #87888A;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: small;
  text-decoration: none;
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  outline: none;
}

a.seagateLinkProduct:visited
{
  background-image: url(../images/layout/seagate_link_bcg.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 10px;
  color: #87888A;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: small;
  text-decoration: none;
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  outline: none;
}

a.seagateLinkProduct:active
{
  background-image: url(../images/layout/seagate_link_selected_bcg.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 10px;
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: small;
  text-decoration: none;
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  outline: none;
}

a.seagateLinkProduct:focus
{
  background-image: url(../images/layout/seagate_link_selected_bcg.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 10px;
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: small;
  text-decoration: none;
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  outline: none;
}

a.seagateLinkProduct:hover
{
  background-image: url(../images/layout/seagate_link_selected_bcg.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 10px;
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: small;
  text-decoration: none;
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  outline: none;
}

/* CF Links Nav */

a.seagateCFlink:link, a.seagateCFlink:visited, a.seagateCFlink:active, a.seagateCFlink:hover
{
  background-image: url(../images/layout/seagate_main_link_bcg.png);
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 20px;
  color: #999999;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 16px;
  text-decoration: none;
  display: block;
  padding-bottom: 15px;
  width: 110px;
}


a.seagateCFlink:hover
{
  background-image: url(../images/layout/seagate_main_link_bcg.png);
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 20px;
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 16px;
  text-decoration: none;
  display: block;
  padding-bottom: 15px;
  width: 110px;
}

a.seagateLotterylink:link, a.seagateLotterylink:visited, a.seagateLotterylink:active, a.seagateLotterylink:hover
{
  color: #414042;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 16px;
  text-decoration: none;
  display:block;
  padding-bottom:10px;
}


a.seagateLotterylink:hover
{
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 16px;
  text-decoration:none;
  display: block;
  padding-bottom:10px;
}


/* Button Links */

a.seagateLinkButton:link, a.seagateLinkButton:visited, a.seagateLinkButton:active, a.seagateLinkButton:hover
{
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: small;
  text-decoration: none;
}

a.seagateButtonCustom, a.seagateButtonCustom:visited, a.seagateButtonCustom:active, a.seagateButtonCustom:hover
{
  background: transparent url(../images/layout/seagate_submit_btn_bcg.png) no-repeat right top;
  height: 22px;
  width: 109px;
  display: block;
  color: #FFFFFF;
  font-size: 10pt;
  font-family: Calibri;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  line-height: 1.5em;
}

a.seagateLinkButtonPage:link, a.seagateLinkButtonPage:visited, a.seagateLinkButtonPage:active, a.seagateLinkButtonPage:hover
{
  color: #DE6F00;
  text-transform: uppercase;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 11pt;
  text-decoration: undderline;
}

/* Generic link */

a.seagateBodyLink:link, a.seagateBodyLink:visited, a.seagateBodyLink:active, a.seagateBodyLink:hover
{
  color: #414042;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: small;
  text-decoration: underline;
}

a.seagateBodyLinkAlt:link, a.seagateBodyLinkAlt:visited, a.seagateBodyLinkAlt:active, a.seagateBodyLinkAlt:hover
{
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: small;
  text-decoration: none;
}


/*
Freeagent Go - layout
*/

div#driveDesign
{
  width: 410px;
}

div#driveDefault
{
  width: 410px;
}

img.freeagentGoColours
{
  margin-top: 76px;
}

img.freeagentGoDesign
{
  margin-left: 60px;
}

img.freeagentAccessories
{
  margin-right: 20px;
}

img.freeagentGoMac
{
  margin-left: 60px;
}

img.freeagentGoImg
{
  border: 0;
}

div#colourSelector
{
  float: right;
}

div#driveKeyFeatures
{
  margin-top: 37px;
  margin-left: 40px;
}

div#driveSize
{
  margin-top: 37px;
  margin-left: 40px;
}

div#driveTransfer
{
  margin-top: 37px;
  margin-left: 40px;
}



/*Features Box*/

td.FeatureBoxLeftCol
{
  background-image: url(../images/layout/seagate_features_box_left.gif);
  background-repeat: repeat-y;
  width: 33px;
}

td.FeatureBoxRightCol
{
  background-image: url(../images/layout/seagate_features_box_right.gif);
  background-repeat: repeat-y;
  width: 49px;
}

td.FeatureBoxContent
{
  width: 288px;
  background-color: #FFFFFF;
}

td.FeatureBoxHeader
{
  width: 370px;
  height: 23px;
  min-height: 23px;
  background-image: url(../images/layout/seagate_features_box_top.gif);
  background-repeat: no-repeat;
}

td.FeatureBoxFooter
{
  width: 370px;
  height: 23px;
  min-height: 23px;
  background-image: url(../images/layout/seagate_features_box_bottom.gif);
  background-repeat: no-repeat;
}

/*Buttons*/

div.btnContainer
{
  position: relative;
  width: 110px;
  float: left;
  margin-right: 10px;
}

div.btnWrapper
{
  position: relative;
  width: 350px;
}

div#freeagentGo
{
  width: 720px;
  position: relative;
  float: left;
}

div#freeagentDesk
{
  width: 720px;
  position: relative;
  float: left;
}

div#freeagentXtreme
{
  width: 720px; /*position: relative;*/
  float: left;
}

/* Hide Product */

div.productHide
{
  display: none;
}

/* ##################################################
Tooltip styles
################################################## */

#dhtmltooltip
{
  position: absolute;
  width: 90px;
  height: 20px;
  border: none;
  padding: 2px;
  background-color: #DE6F00;
  visibility: hidden;
  font-family: Calibri, Arial;
  font-size: 12pt;
  font-weight: normal;
  color: white;
  text-align: center;
  z-index: 100;
}

/* Capacity Indicator */

div#driveSelection
{
  width: 720px;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 55px;
  padding-bottom: 30px;
  position: relative;
  float: left;
}

div.imgCapacity
{
  position: relative;
  float: left;
  margin-right: 50px;
  text-align: center;
}

/*Capacity Table*/

td.CapacityBoxLeftCol
{
  background-image: url(../images/layout/seagate_capacity_ind_table_left.gif);
  background-repeat: repeat-y;
  width: 6px;
}

td.CapacityBoxRightCol
{
  background-image: url(../images/layout/seagate_capacity_ind_table_right.gif);
  background-repeat: repeat-y;
  width: 6px;
}

td.CapacityBoxContent
{
  width: 683px;
  background-color: #FFFFFF;
  padding-left: 25px; /*padding-top: 20px;   padding-bottom: 20px;*/
}

td.CapacityBoxHeader
{
  width: 720px;
  height: 7px;
  min-height: 7px;
  background-image: url(../images/layout/seagate_capacity_ind_table_hdr.gif);
  background-repeat: no-repeat;
}

td.CapacityBoxFooter
{
  width: 720px;
  height: 7px;
  min-height: 7px;
  background-image: url(../images/layout/seagate_capacity_ind_table_ftr.gif);
  background-repeat: no-repeat;
}

/*Capacity Table Inner*/

table.InnerCapacityTable
{
  border-style: solid;
  border-width: 1px;
  border-color: #C8C8C8;
  border-collapse: collapse;
}

table.InnerCapacityTable td
{
  /*padding-top: 7px;   padding-bottom: 7px;*/
}

table.InnerCapacityTable td.left
{
  padding-left: 15px;
}

table.InnerCapacityTable td.leftCol
{
  padding-left: 45px;
}

table.InnerCapacityTable td.leftImage
{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 10px;
}

table.InnerCapacityTable th
{
  padding-left: 15px;
  padding: 0px;
  margin: 0px;
}

td.VerticalCol
{
  background-image: url(../images/layout/seagate_table_bcg_v.gif);
  background-repeat: repeat-y;
  background-position: right;
}

td.HorizontalCol
{
  background-image: url(../images/layout/seagate_table_bcg_h.gif);
  background-repeat: repeat-x;
  background-position: top;
  height: 1px;
}

img.CapacityInd
{
  padding-right: 10px;
}

/*Classic Drives */

div.classicCol
{
  width: 209px;
  float: left;
  position: relative;
  background-color: Transparent;
  padding-right: 45px;
  padding-top: 40px;
}

div.classicColLast
{
  width: 209px;
  float: left;
  position: relative;
  background-color: Transparent;
  padding-top: 40px;
}

div.classicColCapacity
{
  width: 209px;
  float: left;
  position: relative;
  background-color: Transparent;
  padding-right: 45px;
  padding-top: 0px;
}

div.classicColCapacityLast
{
  width: 209px;
  float: left;
  position: relative;
  background-color: Transparent;
  padding-top: 0px;
}

div#classicInterRow
{
  position: relative;
  float: none;
  clear: both;
}

/* Promotion Zone */

img.bodyPromotionImg
{
  margin-top: 20px;
}

input.btnCal
{
  background: transparent url(../images/layout/cal.gif) no-repeat right top;
  height: 16px;
  width: 16px;
  color: #FFFFFF;
  font-family: Verdana, Arial;
  font-weight: bold;
  font-size: x-small;
  outline: none;
  margin-left: 5px;
  border: 0;
  cursor: pointer; /* hand-shaped cursor */
}

td.promotionDiv
{
  background-image: url(../images/layout/seagate_promotion_zone_form_bcg.png);
  background-repeat: repeat-y;
  background-position: right top;
  width: 1px;
}

td.FormCell
{
  padding-right: 20px;
  padding-bottom: 10px;
}


td.TitleCell
{
  padding-right: 5px;
  padding-bottom: 10px;
  font-family: Calibri, Arial;
  color: #87888A;
  font-size: small;
}

td.TitleCellRight
{
  padding-left: 20px;
  padding-bottom: 8px;
  
}

input.txtField
{
  background-color: #FFFFFF;
  border: solid 1px #7A7A7A;
  font-family: Calibri, Arial;
  color: #87888A;
  font-size: small;
  width: 160px;
}

input.txtFieldUC
{
  background-color: #FFFFFF;
  border: solid 1px #7A7A7A;
  font-family: Calibri, Arial;
  color: #87888A;
  font-size: small;
  width: 160px;
  text-transform: uppercase;
}

.lblForm
{
  font-family: Calibri, Arial;
  color: #87888A;
  font-size: small;
  font-weight: normal;
  line-height: 1.3em;
}

.lblFormField
{
  font-family: Calibri, Arial;
  color: #000000;
  font-size: small;
  font-weight: normal;
  line-height: 1.3em;
  font-weight: bold;
}

div#captchaDiv
{
  padding-top: 20px;
}

input.btnSeagate
{
  background: transparent url(../images/layout/seagate_submit_btn_bcg.png) no-repeat right top;
  height: 22px;
  width: 109px;
  color: #FFFFFF;
  font-size: 10pt;
  font-family: Calibri;
  text-transform: uppercase;
  margin: 0;
  border: 0;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

input.btnSeagateTradeUp
{
  background: transparent url(../images/layout/seagate_submit_btn_bcg.png) no-repeat right top;
  height: 22px;
  width: 109px;
  color: #FFFFFF;
  font-size: 10pt;
  font-family: Calibri;
  margin: 0;
  border: 0;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

/* On The Move */

img.imgHotspot
{
  padding-top: 25px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

img.imgStoreLocator
{
  padding-top: 25px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

div#hotspotCol
{
  float: left;
  width: 185px;
  position: relative;
}

div#storeLocatorCol
{
  float: left;
  width: 215px;
  position: relative;
  padding-right: 30px;
}

/* Where to buy */

div#singleColLeft
{
  float: left;
  width: 178px;
  position: relative;
  margin-right: 30px;
}

div#singleColRight
{
  float: left;
  width: 720px;
  position: relative;
}

td.genericPanelHdr
{
  background-image: url(../images/layout/seagate_prime_generic_panel_hdr.gif);
  background-repeat: repeat-x;
  background-position: top;
  height: 7px;
}

td.genericPanelFtr
{
  background-image: url(../images/layout/seagate_prime_generic_panel_ftr.gif);
  background-repeat: repeat-x;
  background-position: top;
  height: 7px;
}

td.genericPanelLeftCol
{
  background-image: url(../images/layout/seagate_generic_panel_col.gif);
  background-repeat: repeat-y;
  background-position: top;
  width: 1px;
}

td.genericPanelRightCol
{
  background-image: url(../images/layout/seagate_generic_panel_col.gif);
  background-repeat: repeat-y;
  background-position: top;
  width: 1px;
}

td.genericPanelPrimeContent
{
  background-color: #FFFFFF;
}

td.genericPanelPaddLeft
{
  padding-left: 30px;
  padding-bottom: 15px;
  padding-top: 10px;
}

td.genericPanelStoreList
{
  padding-left: 70px;
  padding-bottom: 45px;
  padding-top: 20px;
}

td.genericPipe
{
  background-image: url(../images/layout/seagate_pipe.gif);
  background-repeat: no-repeat;
  background-position: center;
}

/* Site Map */

div#siteMap
{
}

div#siteMap a:link
{
  color: #87888A;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: small;
  text-decoration: none;
}


div#siteMap a:visited
{
  color: #87888A;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: small;
  text-decoration: none;
}

div#siteMap a:hover
{
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: small;
  text-decoration: none;
}

div#siteMap a:active
{
  color: #414042;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
}

div#siteMap a.selected
{
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
}

/* Generic Prime */



/* Contact Us */

table.GenericTable
{
  border-style: solid;
  border-width: 1px;
  border-color: #C8C8C8;
  border-collapse: collapse;
}

table.GenericTable td
{
  padding-top: 15px;
  padding-bottom: 5px;
}

table.GenericTable td.left
{
  padding-left: 15px;
}

table.GenericTable td.right
{
  padding-right: 15px;
}


/* CF FUND */

div#innerContentCF
{
  background-color: Transparent;
  width: 931px;
  text-align: left;
  margin: 0px auto;
  padding: 0px;
  border-top: solid 1px #b0b1b4;
}

div#primeContentCF
{
  background-image: url(../images/layout/seagate_prime_bcg.jpg);
  background-position: top;
  background-repeat: no-repeat;
  width: 100%;
}

td.genericFullPanelHdr
{
  background-image: url(../images/layout/seagate_full_generic_panel_hdr.png);
  background-repeat: repeat-x;
  background-position: top;
  height: 7px;
}

td.genericFullPanelFtr
{
  background-image: url(../images/layout/seagate_full_generic_panel_ftr.png);
  background-repeat: repeat-x;
  background-position: top;
  height: 7px;
}

td.genericFullPanelLeftCol
{
  background-image: url(../images/layout/seagate_generic_panel_col.png);
  background-repeat: repeat-y;
  background-position: top;
  width: 1px;
}

td.genericFullPanelRightCol
{
  background-image: url(../images/layout/seagate_generic_full_panel_col.png);
  background-repeat: repeat-y;
  background-position: top;
  width: 1px;
}

td.genericFullPanelPrimeContent
{
  background-color: #FFFFFF;
}

div#cfPrimeContent
{
  width: 879px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
}

/*Hotspont Locator */

.searchpanel
{
  margin: 0 0 10px 0;
  padding: 0;
  width: 170px;
  float: left;
  background-color: #888065;
  background-position: top right;
  background-repeat: no-repeat;
}
.searchpanel h1
{
  margin: 0;
  padding: 6px 0 4px 12px;
  width: 150px;
  font-size: 106%;
  color: #ffffff;
  background-position: top left;
  background-repeat: no-repeat;
}
.searchpanel .form_bg
{
  width: 150px;
  background-position: right bottom;
  background-repeat: repeat-y;
}
.searchpanel .form_foot
{
  width: 170px;
}

.collapsePanel
{
  width: 640px;
  height: 0px;
  background-color: white;
  overflow: hidden;
}

.collapsePanelHeader
{
  width: 640px;
  height: 20px;
  color: Yellow;
  background-color: Black;
  font-weight: bold;
  float: left;
  padding: 5px;
  cursor: pointer;
  vertical-align: middle;
}

/* Google Map */

div#map
{
  width: 560px;
  height: 400px;
  border: solid 1px #7A7A7A;
}

select.stockistList
{
  background-color: #FFFFFF;
  border: solid 1px #7A7A7A;
  font-family: Calibri, Arial;
  color: #87888A;
  font-size: small;
  width: 560px;
}

p.gMapInfoWindow
{
  font-family: Calibri, Arial;
  color: #87888A;
  font-size: 12pt;
  width: 255px;
}

p.gMapInfoWindow a
{
  font-family: Calibri, Arial;
  color: #87888A;
}


p.gMapInfoWindow span
{
  font-family: Calibri, Arial;
  color: #87888A;
  font-size: 12pt;
  width: 255px;
}

/* Hotspots */

div#hotspotLeftCol
{
  float: left;
  width: 530px;
  position: relative;
}

div#hotspotRightCol
{
  float: left;
  width: 170px;
  position: relative;
}

td.FormContentCell
{
  padding-right: 5px;
  padding-bottom: 10px;
}

td.FormHotSpotFields
{
  font-family: Calibri, Arial;
  color: #87888A;
  font-size: small;
  font-weight: normal;
  line-height: 1.3em;
}

div#mapRegion
{
  clear: both;
  width: 560px;
  padding-top: 25px;
}


/* Brand Portal   */

ol.BrandPortal
{
  font-family: Arial;
  color: #666666;
}

ol.BrandPortal li
{
  font-family: Arial;
  color: #666666;
}

ol.genericOL
{
  font-family: Calibri, Arial;
  color: #87888A;
}

ol.genericOL li
{
  font-family: Calibri, Arial;
  color: #87888A;
  font-size: small;
  font-weight: normal;
  padding-bottom: 5px;
  padding-top: 5px;
}

ol.genericOL li a
{
  color: #DE6F00;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: small;
  text-decoration: none;
}

div.defaultHide
{
  display: none;
}

/* JQuery CSS */

input.error
{
  background: #fed;
  border: 1px solid red;
}

select.error
{
  background: #fed;
  border: 1px solid red;
}

label.error, .form-side-labels label.error, .form-top-labels label.error
{
  display: block;
  margin: 0 0 0 5px;
  padding: 3px;
  width: auto;
  font-weight: bold;
  color: #fff;
  background: red;
}

.form-top-labels label.error
{
  margin: 3px 0 0;
  width: 416px;
}

.form-top-labels .side-by-side label.error, .form-top-labels .side-by-side-last label.error
{
  width: 200px;
}

span.error
{
  display: block;
  margin: 1px 0 0 5px;
  padding: 3px;
  width:70px;
  font-weight: bold;
  color: #fff;
  background: red;
  font-family: Calibri, Arial;
  font-weight: normal;
  font-size: small;
}