﻿@import url('/App_Themes/css/ssi_reset.css');
@import url('/App_Themes/css/ssi_header.css');
@import url('/App_Themes/css/ssi_flxbx.css');
@import url('/App_Themes/css/ssi_templ_layouts.css');
@import url('/App_Themes/css/ssi_socialmedia.css');
@import url('/App_Themes/css/ssi_footer.css');
@import url('/App_Themes/css/flxbx-img.css');
@import url('/App_Themes/css/jquery.fancybox.css');
@import url('/App_Themes/css/ssi_forms.css');


html,body {
	margin: 0; 
	padding: 0; 
	height: 100%; 
	background-color: #535353; 
	outline: none; 
	font-family: BreuerText, Arial, Geneva, Verdana, sans-serif;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

p,ul,li,ol,span,div,h1,h2 {
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-o-user-select: text;
	user-select: text;
}

#global-container {position: absolute; top: 0; left: 0; width: 100%; background-color: #ffffff; z-index: 0;}
#global-container-lp {position: absolute; top: 0; left: 0; width: 100%; background-color: #ff0000; background: url('http://media.kingston.com/images/lp-grad-span.png') top center repeat-x; z-index: 0;}

/*
 * -- SideKicks -- */
.lp-sidekick {display: block; position: relative; top: 0; left: 0; margin: 0 auto 0 auto; padding: 0; height: 290px; background-color: #777777; background-repeat: no-repeat; background-position: bottom; z-index: 10;}
#mem-lp-header {background-image: url('http://media.kingston.com/images/company/landing-memory-F7FFE8.jpg'); background-color: #F7FFE8; border-bottom: 1px solid #ffffff;}
#mem-header {background-image: url('http://media.kingston.com/images/company/sidekick_000000.jp');}
#ssd-lp-header {background-image: url('http://media.kingston.com/images/company/landing-SSD-69929d.jpg'); background-color: #69929d; border-bottom: 1px solid #ffffff;}
#ssd-header {background-image: url('http://media.kingston.com/images/company/sidekick_000000.jp');}
#usb-lp-header {background-image: url('http://media.kingston.com/images/company/landing-USB-60041D.jpg'); background-color: #60041D; border-bottom: 1px solid #ffffff;}
#usb-header {background-image: url('http://media.kingston.com/images/company/sidekick_000000.jp');}
#fls-lp-header {background-image: url('http://media.kingston.com/images/company/landing-flash-cards-40678A.jpg'); background-color: #40678A; border-bottom: 1px solid #ffffff;}
#fls-header {background-image: url('http://media.kingston.com/images/company/sidekick_000000.jp');}
#sup-lp-header {background-image: url('http://media.kingston.com/images/company/landing-support-BED2E2.jpg'); background-color: #BED2E2; border-bottom: 1px solid #ffffff;}
#sup-header {background-image: url('http://media.kingston.com/images/company/sidekick_000000.jp');}

.co-sidekick {display: block; position: relative; top: 0; left: 0; margin: 0 auto 0 auto; padding: 0; height: 200px; background-color: #777777; background-repeat: no-repeat; background-position: center; z-index: 10;}
#header-co-hist {background-image: url('http://media.kingston.com/images/company/sidekick_000000.jp');}

#masthead {display: block; position: relative; top: 0; left: 0; margin: 0 auto 0 auto; padding: 0; width: 976px; height: 106px; background-color: transparent; z-index: 500;}

#BadgeTitle {position: relative; top: 0px; margin: 0 auto; width: 966px; height: 93px;}
#BadgeTitle-text {position: absolute; bottom: 8px; left: 20px; margin: 0; padding: 0; font-size: 24px; color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,.8);}
.BadgeTitle_text {position: absolute; bottom: 8px; left: 20px; margin: 0; padding: 0; font-size: 24px; color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,.8);}

#BadgeTitle-text-mem {margin: 143px 0 0 20px; font-size: 30px; color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,.8);}
#BadgeTitle-text-ssd {margin: 143px 0 0 20px; font-size: 30px; color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,.4);}
#BadgeTitle-text-usb {margin: 143px 0 0 20px; font-size: 30px; color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,.8);}
#BadgeTitle-text-fls {margin: 143px 0 0 20px; font-size: 30px; color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,.8);}
#BadgeTitle-text-sup {margin: 143px 0 0 20px; font-size: 30px; color: #454545; text-shadow: 0 1px 1px rgba(255,255,255,.8);}

#BadgeTitle-small-white {position: absolute; bottom: 8px; left: 20px; margin: 0; padding: 0; font-size: 24px; color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,.8);}
#BadgeTitle-small-gray {position: absolute; bottom: 8px; left: 20px; margin: 0; padding: 0; font-size: 24px; color: #454545; text-shadow: 0 1px 1px rgba(255,255,255,.8);}

#mainbody {margin: 21px auto 14px auto; width: 976px;}
#div-mainbody-outer {margin: 0 auto 0 auto; width: 976px; min-height: 675px;}

#mainbody_productWrapper {position: relative; margin: 14px auto 0px auto; width: 960px;}
#prod-listbox-container {margin: 0 auto; overflow: hidden; width: 960px; height: 200px; background: url('http://media.kingston.com/images/prodBox-fc-top-rpt.png') top center;}
#details_container {position: relative; display: none; top: 0px; left: 0px; background: url('http://media.kingston.com/images/prodBox-fc-ctr-rpt.png'); background-repeat: repeat; z-index: 50px;}
#details_container-top {margin: 0; padding: 0; width: 960px; background-image: url('http://media.kingston.com/images/detailBox-fc-top.png'); background-position: top center; background-repeat: no-repeat; z-index: 50px; overflow: visible;}
#details_container-btm {position: relative; bottom: 0px; left: 0; float: left; margin: -40px 0px 0px 0px; padding: 0; width: 960px; height: 40px; background-image: url('http://media.kingston.com/images/detailBox-fc-btm.png'); background-position: bottom center; background-repeat: no-repeat; z-index: 50px; overflow: visible;}

#content-wrapper {width: 100%; background: url('http://media.kingston.com/images/lp-grad-span.png') top center repeat-x;}
#content {margin: 0px auto 0px auto; padding: 21px 0px 14px 0px; width: 966px;}

.hist-summary {margin: 0; padding: 0; vertical-align: top; color: #666666;}
.hist-summary li.first {display: inline-block; list-style: none; margin: 0; padding: 10px 0px 25px 25px; width: 159px; zoom: 1; *display: inline; vertical-align: top;}
.hist-summary li {display: inline-block; list-style: none; margin: 0; padding: 10px 0px 25px 10px; width: 159px; zoom: 1; *display: inline; vertical-align: top;}
.hist-summary-blox {padding: 0px 10px 0px 23px; background: url('http://media.kingston.com/images/mb-gen-divider-vert.png') top left repeat-y;}
.hist-summary-blox-first {}
.hist-summary-blox-first p {margin: 0px 0px 0px 0px; padding: 6px 10px 0px 0px; font-family: arial; font-size: 11px;}
.hist-summary-blox-first b {display: block; margin: 0px 0px 0px 0px; padding: 16px 0px 0px 0px;}
.hist-summary-blox p {margin: 0px 0px 0px 0px; padding: 6px 0px 0px 0px; font-family: arial; font-size: 11px;}
.hist-summary-blox b {display: block; margin: 0px 0px 0px 0px; padding: 16px 0px 0px 0px;}

.hist-crono-yr {display: block; float: left; width: 75px; padding-left: 25px; font-family: Arial;}
.hist-crono-txtblox {display: block; float: left; width: 600px; font-family: Arial;}

.hist-crono-ulblox {display: block; float: left; margin-top: 10px; padding: 0; width: 600px; vertical-align: top;}
.hist-crono-ulblox li {margin-left: 15px; padding: 0}

#content-main {float: left; margin: -8px 0px 0px 0px; padding: 0; width: 706px;}

#content-sb {float: left; margin: -5px 0px 0px 14px; padding: 0; width: 240px;}
.content-details {margin: 0; padding: 0; vertical-align: top;}
.content-details li {display: inline-block; list-style: none; margin: 0; padding: 10px 0px 10px 25px; zoom: 1; *display: inline;}
.ban-sb {width: 240px; height: 100px; padding: 0 0 18px 0; background-image: url('http://media.kingston.com/images/ban-sb-240x100.png'); background-repeat: no-repeat; border: 0px 0px 0px 0px solid #ff0000;}

/*
 * -- TopNav List Landing Page Spotlight Objects -- */

/* -- memory -- */  
.lp-mem-fw-span {float: left; margin: 0; padding-bottom: 0px; width: 964px;}
.lp-mem-fw-span-item {float: left; margin: 0px; padding-bottom: 30px; width: 964px;}
#lp-mem-fw-span-item-col1 {float: left; margin-left: 47px; padding: 0; width: 270px;}
#lp-mem-fw-span-item-col2 {float: left; margin-left: 32px; padding: 0; width: 270px;}
#lp-mem-fw-span-item-col3 {float: left; margin-left: 36px; padding: 0; width: 270px;}
.lp-mem-fw-span-item-tblox {margin: 0; padding-bottom: 6px; font-weight: bold; color: #3b3b3b; font-size: 15px;}
.lp-mem-fw-span-item-txtblox {margin: 0; padding: 0; font-size: 12px; line-height: 130%; font-family: arial; color: #5d5d5d;}

/* -- ssd -- */
.lp-ssd-fw-span {float: left; margin: 0; padding-bottom: 0px; width: 964px;}
.lp-ssd-fw-span-item {float: left; margin: 0; padding-bottom: 30px; width: 964px; border: 0px solid red;}
#lp-ssd-fw-span-item-col1 {float: left; margin-left: 49px; padding: 0; width: 200px; border: 0px solid red;}
#lp-ssd-fw-span-item-col2 {float: left; margin-left: 30px; padding: 0; width: 200px; border: 0px solid red;}
#lp-ssd-fw-span-item-col3 {float: left; margin-left: 30px; padding: 0; width: 200px; border: 0px solid red;}
#lp-ssd-fw-span-item-col4 {float: left; margin-left: 30px; padding: 0; width: 200px; border: 0px solid red;}
.lp-ssd-fw-span-item-tblox {margin: 0; padding-bottom: 6px; font-weight: bold; color: #3b3b3b; font-size: 15px;}
.lp-ssd-fw-span-item-txtblox {margin: 0; padding: 0; font-size: 12px; line-height: 130%; font-family: arial; color: #5d5d5d;}

/* -- usb -- */
.lp-usb-fw-span { margin: 0 auto 0 auto; padding-bottom: 0px; width: 90%; }
.lp-usb-fw-span-item { margin: 0 auto 0 auto; padding-bottom: 30px; width: 90%; border: 0px solid red; }
#lp-usb-fw-span-item-col1 {float: left; margin-left: 66px; padding: 0; width: 230px; border: 0px solid red;}
#lp-usb-fw-span-item-col2 {float: left; margin-left: 66px; padding: 0; width: 230px; border: 0px solid red;}
#lp-usb-fw-span-item-col3 {float: left; margin-left: 66px; padding: 0; width: 230px; border: 0px solid red;}
.lp-usb-fw-span-item-tblox {margin: 0; padding-bottom: 6px; font-weight: bold; color: #3b3b3b; font-size: 15px;}
.lp-usb-fw-span-item-txtblox {margin: 0; padding: 0; font-size: 12px; line-height: 130%; font-family: arial; color: #5d5d5d;}

/* -- flash -- */
.lp-fls-fw-span {float: left; margin: 0; padding-bottom: 0px; width: 964px;}
.lp-fls-fw-span-item {float: left; margin: 0px; padding-bottom: 30px; width: 964px;}
#lp-fls-fw-span-item-col1 {float: left; margin-left: 66px; padding: 0; width: 230px;}
#lp-fls-fw-span-item-col2 {float: left; margin-left: 66px; padding: 0; width: 230px;}
#lp-fls-fw-span-item-col3 {float: left; margin-left: 66px; padding: 0; width: 230px;}
.lp-fls-fw-span-item-tblox {margin: 0; padding-bottom: 6px; font-weight: bold; color: #3b3b3b; font-size: 15px;}
.lp-fls-fw-span-item-txtblox {margin: 0; padding: 0; font-size: 12px; line-height: 130%; font-family: arial; color: #5d5d5d;}

/* -- support -- */
.lp-sup-fw-span {float: left; margin: 0px; padding-bottom: 0px; width: 964px;}
.lp-sup-fw-span-top {float: left; margin-top: 20px; padding-bottom: 0px; width: 964px;}
#lp-sup-fw-span-top-col1 {float: left; margin-left: 54px; padding: 0; width: 266px;}
#lp-sup-fw-span-top-col2 {float: left; margin-left: 40px; padding: 0; width: 266px;}
#lp-sup-fw-span-top-col3 {float: left; margin-left: 40px; padding: 0; width: 266px;}
.lp-sup-fw-span-top-tblox {margin: 0; padding-bottom: 6px; font-weight: bold; color: #3d3d3d;}
.lp-sup-fw-span-top-txtblox {margin: 0; padding: 0; font-family: arial; font-size: 13px; line-height: 130%; color: #5d5d5d;}
.lp-sup-fw-span-btm {float: left; margin: 0px; padding-bottom: 30px; width: 964px;}
#lp-sup-fw-span-btm-col1 {float: left; margin-left: 54px; padding: 0; width: 266px; font-weight: bold; font-size: 13px; line-height: 150%;}
#lp-sup-fw-span-btm-col2 {float: left; margin-left: 40px; padding: 0; width: 266px; font-weight: bold; font-size: 13px; line-height: 150%;}
#lp-sup-fw-span-btm-col3 {float: left; margin-left: 40px; padding: 0; width: 266px; font-weight: bold; font-size: 13px; line-height: 150%;}
.tl-sup-foot-fw {margin-bottom: 0px; padding: 0; width: 964px; background: url('http://media.kingston.com/images/mb-co-fw-ftr.png') no-repeat top Center;}

a {outline: none;}
a.mbtxt {color: #2e599a; text-decoration: none;}
a.mbtxt:hover {color: #000000;}

a.mbtxt-l {color: #2e599a; text-decoration: none;}
a.mbtxt-l:hover {color: #000000; text-decoration: underline;}

a.lgltxt {color: #999999; text-decoration: none;}
a.lgltxt:hover {color: #454545; text-decoration: underline;}

a.sd-mbtxt {color: #2464ac; text-decoration: none;}
a.sd-mbtxt:hover {color: #00408a;}

a.mb-qlinks	{float: left; margin: 0; padding: 0; width: 200px; font-size: 13px; text-decoration: none; line-height: 180%;}
a.mb-qlinks:link {color: #777777;}
a.mb-qlinks:visited	{color: #777777;}
a.mb-qlinks:hover {color: #454545;}

a.tmpl-nav:link {color: #e0e0e0; text-decoration: none;}
a.tmpl-nav:visited {color: #e0e0e0; text-decoration: none;}
a.tmpl-nav:hover {color: #666666; text-decoration: none;}

/*
 * -- ctrl GlobalSites -- */
#pnl_geo {margin: 0px 0px 0px 20px; padding: 10px 0px 0px 0px; width: 867; height: 433px; background: url('http://media.kingston.com/images/co-bkgdMap.png') top center no-repeat;}
.pnl_geo_col {float: left; margin: 0px 10px 0px 20px; padding: 0px 0px 0px 0px; width: 200px;}
a.geo-col           {clear: both; float: left; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; font-size: 13px; font-weight: bold;}
a.geo-col:link      {color: #2e599a; text-decoration: none;}
a.geo-col:visited   {color: #2e599a; text-decoration: none;}
a.geo-col:hover     {color: #000000; text-decoration: none;}

/*
 * -- Video Vault -- */
.youtube_player_container {position: relative; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 964px; height: 428px;}
#youtube-player-wrapper {position: relative; float: left; margin: 20px 20px 0 23px; padding: 0; width: 640px; height: 360px; z-index: 1;}
.youbube-player {width: 640px; height: 360px; border: 0px; z-index: 1;}
.vid_sidebar_right {float: left; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 260px;}
.tl_tblox_p {margin: 17px 0 15px 0; padding-left: 32px; width: 90%; color: #666666; font-size: 15px; font-weight: bold; text-shadow: 0 1px 1px rgba(255,255,255,1);}
.tl_tblox_feat_p {margin: 17px 0 15px 0; padding-left: 20px; width: 90%; color: #666666; font-size: 15px; font-weight: bold; text-shadow: 0 1px 1px rgba(255,255,255,1);}
.vid-featured {margin: 18px 0px 0px 20px; padding: 0px 0px 0px 0px; width: 260px;}
.vid_featured_container {float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 28px 0px;}
.vid_featured_pnl {float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100px; height: 56px; border: 0px; background: no-repeat -51px -26px;}
.vid_featured_img_on {display: block; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100px; height: 56px; border: 0px;}
.vid_featured_img_on:link {opacity: 0.4; background: url('http://media.kingston.com/images/video/play-button.png') no-repeat 30px 10px}
.vid_featured_img_on:visited {opacity: 0.4; background: url('http://media.kingston.com/images/video/play-button.png') no-repeat 30px 10px}
.vid_featured_img_on:hover {opacity: 1; background: url('http://media.kingston.com/images/video/play-button.png') no-repeat 30px 10px}
.vid_featured_desc {float: left; margin: 0px 0px 0px 0px; padding: 1px 0px 0px 10px; width: 135px; color: #444444; font-family: Arial; font-size: 10px;}
.vid-list-wrapper {float: left; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 2px; width: 1012px;}
.vid_list_container {position: relative; float: left; margin: 0px 16px 0px 16px; padding: 0px 0px 0px 0px; width: 200px;}
.vid_list_pnl {width: 200px; height: 111px; border: 0;}
.vid_list_img_on {display: block; position: relative; margin: 0px 53px 0px 0px; padding: 0px 0px 0px 0px; width: 200px; height: 111px;}
.vid_list_img_on:link {opacity: 0.4; background: url('http://media.kingston.com/images/video/play-button.png') no-repeat 81px 36px;}
.vid_list_img_on:visited {opacity: 0.4; background: url('http://media.kingston.com/images/video/play-button.png') no-repeat 81px 36px;}
.vid_list_img_on:hover {opacity: 1; background: url('http://media.kingston.com/images/video/play-button.png') no-repeat 81px 36px;}
.vid_list_desc {float: left; margin: 5px 5px 0px 5px; padding: 0px 0px 25px 0px; width: 200; color: #444444; font-family: arial; font-size: 11px; line-height: 140%;}
#vid-pager {margin: 20px 0px 0px 0px; background-color: transparent;}
.vid_list_mb_fw_hdr_sgl {float: left; margin: 0; padding-bottom: 0px; width: 964px; background: url('http://media.kingston.com/images/mb-gen-fw-hdr-sgl.png') no-repeat top center;}
.vid_list_txtblox {float: left; margin: 5px 5px 0px 20px; padding: 0px 0px 25px 0px; width: 200; color: #444444; font-family: arial; font-size: 11px; line-height: 140%;}
#lnk_moreVids {float: left; display: block; margin: 5px 0 20px 30px; padding: 0;}
.vid-tl-gen-stblox-spotlight {float: left; margin: 4px 0px 10px 21px;}
.vid-tl-gen-lnk-moreVids {margin: 0px 0px 0px 38px; padding: 0 13px 0 0; font-size: 13px;}
.vid-tl-tblox {margin: 15px 0 10px 0; padding-left: 25px; width: 80%; color: #454545; font-size: 15px; font-weight: bold; text-shadow: 0 0 0 transparent, 0 1px 1px rgba(255,255,255,1);}
