﻿/* Resets */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,
q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,
td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,
video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}

/* Wrapper and Defaults */
    .page-wrapper { position: relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -510px;}
    .content { width: 980px; margin: 0 auto; position: relative; }
    html, body { height: 100%; }
    body { background: url(/images/tai/backgrounds/header-grad-bg.gif) repeat-x; margin: 0; width: 100%; height: 100%; position: relative; }
    body, div, p, a, li { font: normal 12px/14px arial,sans-serif; }
    body, div, p, li { color: #333; }
    h1, h2, h3, h4, h5, h6, ul, li { padding: 0; margin: 0; }
    h1, h2, h3, h4, h5, h6 { color: #000; }
    strong { font-weight: bold; }
    em { font-style: italic; }
    sup { vertical-align: super; }
    a, a:link, a:visited { color: #00447c; outline: 0 none; text-decoration: none; cursor: pointer; }
    a:hover { color: #c00; }
    input { margin: 0; padding: 0; color: #666; }
    .arrow { color: #CC0000; font-size: 16px; margin: 0 3px 0 0; position: relative; top: 1px; }
    .col { float: left; }
    .center { text-align: center; }
    .hide { display: none; }
    .show { display: block; }
    
    /* float clearing hack */
    .clearthis:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
    .clearthis { display: inline-block }
    .clearthis { display: block } /* Hides from IE-mac \*/
    .clr { clear: both; } 

/* Global Header */
    #Page-Header { height: 170px; position: relative; z-index: 100; }
    /* Level-1-Nav */
        #Segment-Nav { float: left; }
        .link-sep { display: block; float: left; background: url(/images/shop/backgrounds/link-grad-sep.png) no-repeat center; width: 1px; height: 30px; }
        #Cust-Links { float: right; }
        #Cust-Links a, #Segment-Nav a { display: block; float: left; font-size: 12px; padding: 8px; text-decoration: none; }
        #Cust-Links a.active, #Segment-Nav a.active { background: #ba0000; color: #fff; }
        #Cart-Nav { float: right; }
    /* Level-2-Nav */
        #Level-2-Nav { clear: both; width: 100%; position: absolute; top: 60px; z-index: 2; }
        #Level-2-Nav .main-nav { float: left; cursor: pointer; }
        #Home-Logo { display: block; background: url(/images/showcase/company-logos/toshiba-200.png) no-repeat; width: 200px; height: 55px; float: left; }
        #Search-Nav { float: right; margin: 20px -2px 0 0; }
        .segment-title { font: normal 24px/24px 'HelveticaNeueW01-45Ligh',Arial,sans-serif; float: left; color: #f00; padding: 28px 0 0 20px; }
        #Search-Input { background: url(/images/shop/backgrounds/search-bg.png) repeat-x; float: left; margin: 1px 0 0 30px; width: 203px; height: 32px; }
        #Search-Input input { background: none repeat scroll 0 0 transparent; border: medium none; margin: 1px; padding: 5px; width: 192px; }           
        #Search-Btn { display: block; float: left; width: 48px; height: 32px; margin: 0 0 0 1px; cursor: pointer; background: url(/images/shop/buttons/search-btn.png) no-repeat; }
        #Search-Btn:hover { background: url(/images/shop/buttons/search-btn-active.png) no-repeat; }
        #Search-Btn input { background:none; width:100%; height:100%; cursor:pointer; border: none; margin:0px; padding:0px; }
        #Contact-Us-Btn { background: url(/images/shop/buttons/contact-us-btn.png) no-repeat scroll 0 0 transparent; display: block; float: left; height: 32px; margin: 0 0 0 1px; width: 102px; position: relative; z-index: 999; }
        #Contact-Us-Btn:hover { background: url(/images/shop/buttons/contact-us-btn-active.png) no-repeat scroll 0 0 transparent; }
        #Contact-Us-Btn .sub-nav { width: 190px; top: 27px; left: -110px; padding: 10px 10px 0 10px; }
        #Contact-Us-Btn .sub-nav li span { display: block; font-weight: bold; }        
        #Email-Links { border-top: 1px solid #ccc; width: 100%; padding: 15px 0 0 0; margin-top: 5px; }
        #Email-Links a { display: block; padding-bottom: 15px; }        
    /* Level-3-Nav */
        #Level-3-Nav { clear: both; visibility: hidden; height: 30px; position: relative; top: 105px; }
        #Level-3-Nav .main-nav .level-1 { position: absolute; top: 0; height: 27px; }
        #Level-3-Nav .main-nav .level-1:hover { background: url(/images/shop/backgrounds/main-nav-bg-active.png) no-repeat 0 0; }
        #Level-3-Nav .main-nav .level-1:hover > a { color: #fff; }
        
        .main-nav .level-1 > a { display: block; color: #00447c; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 7px 30px 0; }
        .main-nav .level-1 > a:hover { color: #fff; }
        .sub-nav { display: none; background: #fff url(/images/shop/backgrounds/top-nav-sub-grad-bg.gif) repeat-x bottom; -moz-box-shadow: 0 0 10px 0 #333; -webkit-box-shadow: 0 0 10px 0 #333; box-shadow: 0 0 10px 0 #333; position: absolute; top: 18px; padding: 0 15px 15px 15px; border-bottom: 2px solid #c00; border-top: 2px solid #000; }
        .sub-nav:hover { display: block; }
        .sub-nav ul { float: left; margin-right: 20px; }
        .sub-nav ul.l { margin: 0; }
        .sub-nav li { padding-bottom: 5px; }
        .sub-nav li a { font-weight: bold; }
        .sub-nav li a span { font-weight: normal; }
        .sub-nav li sup { font-size: 7px; }
        .sub-nav .cat-head { text-align: center; }
        .sub-nav .cat-sub-head { color: #333; font-size: 11px; line-height: 12px; text-transform: uppercase; padding-top: 10px; }
        .sub-nav .cat-head a { color: #000; display: block; }
        .sub-nav .cat-title { text-align: left; display: block; text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 15px; }
        .sub-nav .cat-head:hover .cat-title { color: #c00; }
        #Level-3-Nav #Link-1 { left: 5px; }
        /* sub nav widths */
        #Level-3-Nav #Link-1 .sub-nav { width: 741px; left: 0; /* IE7 */ *width: 740px; }
        #Level-3-Nav #Link-2 .sub-nav { width: 258px; left: 0; }
        #Level-3-Nav #Link-3 .sub-nav { width: 417px; left: 0; } 
        #Level-3-Nav #Link-4 .sub-nav { width: 135px; left: 0; /* IE7 */ *width: 135px; *right: -263px; } .mac_os #Level-3-Nav #Link-4 .sub-nav { right: -250px; }
        #Level-3-Nav #Link-5 .sub-nav { width: 154px; right: -13px; } :root #Level-3-Nav #Link-5 .sub-nav { /* IE9 */ right: 2px \9; } .mac_os #Level-3-Nav #Link-5 .sub-nav { right: -2px; } 

/* Page Main */
    #Page-Main { clear: both; position: relative; z-index: 50; }
    #Page-Main > div > .content { background: #fff; padding: 0 0 30px 0; }     
    .page-main-shadow { background: url(/images/tai/backgrounds/page-main-shadow-bg.png) no-repeat center top;  margin: 0 auto; }
    #breadcrumb { background: url(/images/tai/backgrounds/bread-grad-bg.gif) repeat-x; padding: 17px 0 17px 20px; }
    #breadcrumb-links { float: left; }
    #breadcrumb-links a { font-size: 13px; }
    #breadcrumb-links .active { color: #333; }
    #breadcrumb .addthis_toolbox { float: right; padding-right: 20px; }
    h1 { font-size: 20px; line-height: 22px; font-weight: bold; }
    h2 { font-size: 18px; line-height: 20px; font-weight: bold; }
    h3 { font-size: 16px; line-height: 18px; font-weight: bold; }
    h4 { font-size: 14px; line-height: 16px; font-weight: bold; text-transform: uppercase; }
    h5 { border-bottom: 1px solid #ccc; background: url(/images/tai/backgrounds/tab-bg.gif) repeat-x; text-transform: uppercase; color: #fff; font-weight: bold; text-align: center; padding: 6px 10px; margin-top: 20px; }
    /* Main Content Definitions */
        #Home-Page .main-content { background: #fff; padding: 10px 0 30px 0; }
        
        .main-content h2 { text-transform: uppercase; padding: 6px 0; }
        .black-header { padding: 10px 0 9px 0; background: url(/images/tai/backgrounds/black-bar-bg.gif) repeat-x; font-size: 1.3em; line-height: 1.3em; text-align: center; font-weight: bold; text-transform: uppercase; color: #fff; display: block; }
        
        /* Buttons */
        .big-red-btn { display: table; cursor: pointer; }
        .big-red-btn label { background: url(/images/tai/backgrounds/red-grad-bg-btn.gif) repeat-x bottom; white-space: nowrap; padding: 10px; display: table-cell; color: #fff; font-size: 1.2em; line-height: 1.2em; font-weight: bold; text-align: center; text-transform: uppercase; cursor: pointer; }
        .big-red-btn label:hover { background: url(/images/tai/backgrounds/red-grad-bg-btn-active.gif) repeat-x bottom; }
        .big-red-btn input { cursor: pointer; width: 13px; height: 13px; padding: 0; margin:0; vertical-align: bottom; position: relative; left: -5px; top: -1px; *overflow: hidden; }
            /* Browser Fixes */
            * + html .big-red-btn { display: block; } /* IE7 */
            /**/
        .small-red-btn { display: table; cursor: pointer;  }
        .small-red-btn label { background: url(/images/tai/backgrounds/red-grad-bg-btn-30pxH.gif) repeat-x bottom; white-space: nowrap; padding: 8px; display: table-cell; color: #fff; font-size: 1em; line-height: 1em; font-weight: bold; text-align: center; text-transform: uppercase; cursor: pointer; }
        .small-red-btn label:hover { background: url(/images/tai/backgrounds/red-grad-bg-btn-30pxH-active.gif) repeat-x bottom; color: #fff; text-decoration: none; }
        .small-red-btn input { cursor: pointer; width: 13px; height: 13px; padding: 0; margin:0; vertical-align: bottom; position: relative; left: -5px; top: -1px; *overflow: hidden; }
            /* Mods */
            * + html .small-red-btn { display: block; } /* IE7 */
            /**/      
        .olive-btn { padding: 10px 0 9px 0; background: url(/images/tai/backgrounds/olive-btn-bg.gif) repeat-x; font-size: 1.3em; line-height: 1.3em; text-align: center; font-weight: bold; text-transform: uppercase; color: #fff; display: block; }
        .olive-btn:hover { background: url(/images/tai/backgrounds/olive-btn-bg-active.gif) repeat-x; color: #fff; }
        .teal-btn { padding: 10px 0 9px 0; background: url(/images/tai/backgrounds/teal-btn-bg.gif) repeat-x; font-size: 1.3em; line-height: 1.3em; text-align: center; font-weight: bold; text-transform: uppercase; color: #fff; display: block; }        
        .teal-btn:hover { background: url(/images/tai/backgrounds/teal-btn-bg-active.gif) repeat-x; color: #fff; }        
        .add-to-cart-btn label { padding: 10px 55px; }
        .retailers-btn label { padding: 10px 20px; }      
        
        /* Overlay Definitions */
        #Overlay-Mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1000; background: url(/images/tai/backgrounds/overlay-mask.png) repeat; display: none; }
        #Overlay { border: 1px solid #ccc; position: absolute; z-index: 1001; display: none; }
        #Overlay .overlay-close { width: 49px; height: 33px; position: absolute; top: -15px; right: 20px; background: url(/images/tai/buttons/overlay-close.png) no-repeat; z-index: 1001; }
        #Overlay .overlay-content, .overlay { visibility: hidden; }          
            
        #Shop-Toshiba { margin-bottom: 0; position: relative; width: 980px; height: 465px; }
        #Shop-Toshiba iframe { width: 100%; height: 100%; }
            
/* Global Footer */
        #Page-Footer, #Push { position: relative; clear: both; height: 510px; width: 100%;  /* .push must be the same height as .footer */ }
    /* Sitemap */
        #Sitemap { background: url(/images/tai/backgrounds/sitemap-grad-bg.gif) repeat-x; height: 520px; border-top: 1px solid #c00; }
        #Sitemap .content { padding-top: 15px; }
        #Sitemap .disclaimer { width: 490px; font-size: 10px; line-height: 12px; color: #666; padding-top: 30px; }
        #Sitemap-Text-Links { float: left; width: 75%; }
        #Sitemap-Text-Links ul { float: left; }
        #Sitemap-Text-Links ul.col-1 { width: 23%; }
        #Sitemap-Text-Links ul.col-2 { width: 21%; }
        #Sitemap-Text-Links ul.col-3 { width: 30%; }
        #Sitemap-Text-Links ul.col-4 { width: 25%; }
        #Sitemap-Text-Links li.l { padding-bottom: 7px; }
        #Sitemap li { padding: 1px 0; }
        .sitemap-category, .sitemap-category a { text-transform: uppercase; font-weight: bold; color: #000; font-size: 12px; }
        #Sitemap .sitemap-category-v2 { text-transform: uppercase; font-weight: bold; color: #000; padding-bottom: 5px; }
        #Sitemap .sitemap-category-v3 { text-transform: uppercase; font-weight: bold; color: #000; padding-top: 10px; }
        .sitemap-sub-category, .sitemap-sub-category a { color: #666; text-transform: uppercase; display: block; }
        #Sitemap-Social-Links { float: left; width: 25%; }
        #Sign-Up { padding-top: 15px; }
        #Sign-Up .sitemap-category { padding-bottom: 5px; }
        #Sign-Up input { width: 160px; background: #ccc; border: 1px solid #999; float: left; height: 19px; padding: 4px 4px 2px 4px; }
        #Sign-Up a { display: block; float: left; background: url(/images/tai/buttons/signup-btn.png) no-repeat; width: 48px; height: 27px; margin-left: 1px; }
        #Sign-Up a:hover { background: url(/images/tai/buttons/signup-btn-active.png) no-repeat; }
        #Social-Icons { padding-top: 10px; clear: both; }
        #Social-Icons .social-links { padding-top: 5px; }
        #Social-Icons .social-links a { background: url(/images/tai/icons/social-icons.png) no-repeat; display: block; float: left; width: 140px; height: 62px; }
        #Social-Icons .social-links .facebook { background-position: 0 0; }
        #Social-Icons .social-links .twitter { background-position: -27px 0; }
        #Social-Icons .social-links .youtube { background-position: -55px 0; }
        #Social-Icons .social-links .google { background-position: -85px 0; }
        #Security-Icons { background: url(/images/tai/icons/security-icons.png) no-repeat scroll 0 0 transparent; height: 45px; width: 184px; margin-top: 15px; }
    /* Copyright */
        #Copyright { background: url(/images/tai/backgrounds/copyright-grad-bg.gif) repeat-x; height: 38px; border-top: 1px solid #999; }
        #Copyright p { color: #000; position: absolute; top: 4px; left: 165px; width: 810px; font-size: .7em; }
        #Copyright p a { display: block; float: left; padding: 9px 10px 0 10px; font-size: 11px; }
        #Copyright p .copyright { float: right; text-align: right; padding-top: 9px; color: #666; font-size: 11px; }
        #Site-Feedback-Btn { background: url(/images/shop/buttons/site-feedback-btn2.png) no-repeat; width: 164px; height: 45px; position:absolute; left: 0; top: -7px; }
        #Site-Feedback-Btn img { position: relative; left: 21px; top: 16px; }