/*
Title:  MSBOM  
Author:  Razorfish  
Copyright:  2012
*/

/* layout styles
--------------------------------------------- */
.win8bom-row {width:100%; background:#fff;}
.win8bom-row:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.win8bom-540wrap,.win8bom-540wrap-full  {width:540px;}
.win8bom-col {width: 244px; float:left; margin: 0px 4px 0 28px;}
.win8bom-col.secondary {width: 236px; margin: 0px 22px 0 6px;}
.win8bom-col.secondary img {float:right;}
.win8bom-540wrap-full .win8bom-col {width: 491px; padding:0;}

#win8bom-nav ul {background: #fff; font-family: "Segoe UI",Segoe,Tahoma,Geneva,sans-serif; list-style:none; float:left; list-style:none; padding:12px 0 12px 28px; margin:0;}
#win8bom-nav li {float:left; margin:0 20px 0 0;}
#win8bom-nav a {font-weight:normal; font-size:16px; text-decoration: none; display: block; width: auto; padding: 0; color: #00D8CC;}
#win8bom-nav a.current,
#win8bom-nav a:hover {color: #969696;}
#win8bom-nav .win8bom-win8logo {float: right;margin: 15px 1px 0 0;padding: 0;}
#win8bom-nav .win8bom-win8logo img {border:0;}


/* custom row styles
--------------------------------------------- */
.win8bom-flash {background-color:#180052;}

.winbom8-news {background-color:#fff;}
.winbom8-news .win8bom-col {padding: 32px 0 16px;}
.winbom8-news .win8bom-col.secondary h1 {padding: 0 0 16px; white-space:nowrap;}
.winbom8-news .win8bom-col.secondary {padding: 66px 0 0;}

.win8bom-apps {background-color:#00bcf2;}
.win8bom-apps .win8bom-col {padding: 48px 0 47px;}
.win8bom-apps .win8bom-col.secondary {padding: 66px 0 65px;}

.win8bom-connected {background-color:#fff;}
.win8bom-connected .win8bom-col {padding: 44px 0 39px;}
.win8bom-connected .win8bom-col.secondary {padding: 50px 0 0;}

.win8bom-work {background-color:#7fba00;}
.win8bom-work .win8bom-col {padding: 60px 0 0;}
.win8bom-work .win8bom-col h1 {padding: 0 0 16px;}
.win8bom-work .win8bom-col.secondary {padding: 30px 0 36px;}

.win8bom-get {background-color:#fff;}
.win8bom-get .win8bom-540wrap-full .win8bom-col {padding: 43px 0 0;}
.win8bom-get .win8bom-540wrap-full .win8bom-col h1 {padding: 0 0 15px; line-height: 20px;}
.win8bom-get .win8bom-540wrap .win8bom-col {padding: 0;}
.win8bom-get .win8bom-540wrap .win8bom-col.secondary {padding: 0 0 32px;}
.win8bom-get .win8bom-equalheight {height:139px;}
.win8bom-get .win8bom-col p {padding:0 0 17px;}

.win8bom-upgrade-hero,
.win8bom-move,
.win8bom-move-pro {background-color:#9b4f96;}
.win8bom-move .win8bom-540wrap-full .win8bom-col {padding: 28px 0 0;}
.win8bom-move .win8bom-540wrap-full .win8bom-col h1 {padding: 0 0 5px;}
.win8bom-move .win8bom-540wrap .win8bom-col h3 {padding: 7px 0 0;}
.win8bom-move .win8bom-540wrap .win8bom-col p {padding:0 0 14px;}
.win8bom-move .win8bom-540wrap .win8bom-col p span {font-size:11px; width: 210px; float:left; line-height:14px;}
.win8bom-move .win8bom-col {padding: 0 0 30px;}
.win8bom-move .win8bom-col.secondary img {float:none;}
.win8bom-move .win8bom-equalheight {height:260px;}
.win8bom-move .win8bom-col p {color: #fff; font-size:12px; margin:0; padding:0 0 20px;}

.win8bom-move .win8bom-540wrap-full .win8bom-col {padding: 33px 0 0;}
.win8bom-move .win8bom-540wrap-full h1 {padding: 0 0 10px;}
.win8bom-move .win8bom-540wrap .win8bom-col p {padding:0 0 15px;}
.win8bom-move .win8bom-540wrap .win8bom-col p span {font-size:11px; float:left; line-height: 14px;}
.win8bom-move .win8bom-col {padding: 0 0 36px;}
.win8bom-move .win8bom-col.secondary img {float:none;}
.win8bom-move .win8bom-equalheight {height:290px;}
.win8bom-move .win8bom-equalheight h3 {padding:0; margin:0 0 8px; line-height: 20px;}
.win8bom-move .win8bom-col p {color: #fff; font-size:12px; margin:0; padding:0 0 25px;}

.win8bom-move-pro .win8bom-540wrap-full .win8bom-col {padding: 33px 0 0;}
.win8bom-move-pro .win8bom-540wrap-full h1 {padding: 0 0 5px;}
.win8bom-move-pro .win8bom-540wrap .win8bom-col p {padding:0 0 10px;}
.win8bom-move-pro .win8bom-540wrap .win8bom-col p span {font-size:11px; float:left; line-height: 14px;}
.win8bom-move-pro .win8bom-540wrap .win8bom-col a.win8bom-nav {margin-top: 20px;}
.win8bom-move-pro .win8bom-col {padding: 0 0 36px;}
.win8bom-move-pro .win8bom-col.secondary img {float:none;}
.win8bom-move-pro .win8bom-equalheight {height:130px;}
.win8bom-move-pro .secondary h3 {padding:0; margin:0 0 8px; line-height: 20px;}
.win8bom-move-pro .win8bom-col p {color: #fff; font-size:12px; margin:0; padding:0 0 25px;}

.win8bom-compatibility {background-color:#f472d0;}
.win8bom-compatibility .win8bom-col {padding: 37px 0 39px;}
.win8bom-compatibility .win8bom-col.secondary {padding: 48px 0 39px;}
.win8bom-compatibility .win8bom-col.secondary h1 {padding: 0 0 8px;}
.win8bom-compatibility .win8bom-col p {padding:0 0 20px; line-height: 14px;}

.win8bom-faq .win8bom-540wrap-full .win8bom-col {padding: 20px 0 0;}
.win8bom-faq .win8bom-540wrap-full h1 {padding:0 0 10px;}
.win8bom-faq .win8bom-540wrap-full h1 span {padding: 0 28px 0 165px; margin:-10px 0 0 -80px;}
.win8bom-faq .win8bom-540wrap-full h1 span,
.win8bom-faq .win8bom-540wrap-full h1 span a {color: #00d8cc; font-size: 12px; text-decoration:none; font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif; letter-spacing:normal;}
.win8bom-faq .win8bom-540wrap-full h1 span a:hover,
.win8bom-faq .win8bom-540wrap-full h1 span a:focus,
.win8bom-faq .win8bom-540wrap-full h1 span a:active {color:#00bfb4;}
.win8bom-faq p a {color: #00D8CC; text-decoration:none;}
.win8bom-faq h3 a {color: #505050; text-decoration:none;}
.win8bom-faq #winbom-faq {margin: 15px 0 37px; padding:0; float:left; width: 100%; clear:both;}
.win8bom-faq #winbom-faq li {list-style-type: none; margin: 0; padding:0 0 12px 21px;}
.win8bom-faq #winbom-faq h3, .win8bom-faq #winbom-faq table th {font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif; font-weight:normal; color:#505050; padding: 0; font-size:15px; text-indent:-21px;}
.win8bom-faq #winbom-faq h3 a.win8bom-closed {background: url("../images/icon-faq.gif") no-repeat 0 4px; padding: 0 0 0 20px;}
.win8bom-faq #winbom-faq h3 a.win8bom-open {background: url("../images/icon-faq.gif") no-repeat 0 -57px; padding: 0 0 0 20px;}
.win8bom-faq #winbom-faq h4 {font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif; font-weight:normal; color:#505050; padding: 0; font-size:15px; margin: 10px 0 5px;}
.win8bom-faq #winbom-faq p {margin: 10px 0 5px; color:#505050; line-height: 15px;}
.win8bom-faq #winbom-faq ul {padding:0; list-style-type: none;}
.win8bom-faq #winbom-faq ul li {font-family: "Segoe UI",Segoe,Tahoma,Geneva,sans-serif; list-style:none; font-size:12px; padding-left:3px; padding-bottom: 5px; color:#505050;}
.win8bom-faq #winbom-faq table {width: 468px;}
.win8bom-faq #winbom-faq table th {text-align: left; text-indent: 0px; padding-top: 8px;}
.win8bom-faq #winbom-faq table td {width: 234px; color: #505050; font-weight:normal; font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif; font-size:12px; padding-top: 10px;}
.win8bom-faq #winbom-faq p.win8bom-faq-important {margin-left: -21px; padding: 3px 0 0 24px; background: url("../images/important.jpg") no-repeat 0 2px;}
.win8bom-hide {display:none;}
.win8bom-show {display:block;}

.win8bom-device-hero,
.win8bom-find,
.win8bom-yours {background-color:#7fba00;}
.win8bom-find {padding: 0 0 30px;}
.win8bom-find .win8bom-col {padding: 35px 0 0;}
.win8bom-find .win8bom-col h1 {padding: 0 0 15px;}
.win8bom-find .win8bom-col p {padding: 0 0 20px; line-height:14px;}
.win8bom-find .win8bom-col.secondary {padding: 25px 0 0;}
.win8bom-find .win8bom-col.secondary p {padding: 0 0 19px; line-height:14px;}
.win8bom-find .win8bom-yours .win8bom-col {padding: 42px 0 10px;}
.win8bom-find .win8bom-yours .win8bom-col.secondary {padding: 47px 0 0;}

.win8bom-compatibility-white {background-color:#fff;}
.win8bom-compatibility-white .win8bom-col {padding: 54px 0 36px;}
.win8bom-compatibility-white .win8bom-col.secondary {padding: 39px 0;}
.win8bom-compatibility-white  .win8bom-col.secondary p {padding: 0 0 20px;line-height:14px;}

.win8bom-more {background-color:#9b4f96;}
.win8bom-more .win8bom-col {padding: 40px 0 38px;}
.win8bom-more .win8bom-col.secondary {padding: 51px 0 42px;}
.win8bom-more  .win8bom-col p {padding: 0 0 20px; line-height:14px;}

.win8bom-footer {background:#00d8cc; width:100%; float:left;}
.win8bom-ms-logo {display:block; float:right; padding:0; margin:0 28px 0 0;}
.win8bom-ms-logo img {display:block;}


/* typography styles 
--------------------------------------------- */
.win8bom-row h1 {color: #969696; font-weight:normal; font-family: "Segoe UI Light", "Segoe UI", Arial, Verdana, Tahoma, sans-serif; font-size:25px; line-height: 30px; margin:0; padding:0 0 18px;}
.win8bom-row h2 {color: #969696; font-weight:normal; font-family: "Segoe UI Light", "Segoe UI", Arial, Verdana, Tahoma, sans-serif; font-size:12px; margin:0; padding:0 0 25px;}
.win8bom-row h3 {color: #969696; font-weight:normal; font-family: "Segoe UI Light", "Segoe UI", Arial, Verdana, Tahoma, sans-serif; font-size:24px; margin:0; padding:11px 0 7px;}
.win8bom-row p {color: #505050; font-weight:normal; font-family: "Segoe UI", Segoe, Tahoma, Geneva, sans-serif; font-size:12px; clear:both; margin:0; padding:0; line-height: 15px;}

.win8bom-apps h1,
.win8bom-apps p,
.win8bom-work h1,
.win8bom-work p,
.win8bom-move h1,
.win8bom-move h2,
.win8bom-move h3,
.win8bom-move p,
.win8bom-move-pro h1,
.win8bom-move-pro h3,
.win8bom-move-pro p,
.win8bom-compatibility h1,
.win8bom-compatibility p,
.win8bom-find h1,
.win8bom-find p,
.win8bom-more h1,
.win8bom-more p{color: #fff;}

/* button styles 
--------------------------------------------- */
a.win8bom-nav {background:#00d8cc; color:#fff; display:inline-block; text-align:center; font-size:12px; margin:0; padding:3px 12px 4px; font-family: "Segoe UI",Segoe,Tahoma,Geneva,sans-serif; text-decoration:none;}

a.win8bom-nav:hover,
a.win8bom-nav:focus {background-color:#00bfb4;}