/* General */
 .oto { color: #333; font-size: 11px; }
 .oto h1 { font-size: 15px; font-weight: bold; color: #000; }
 .oto h2 { font-size: 14px; font-weight: bold; color: #000; }
 .oto h3 { font-size: 13px; font-weight: bold; color: #000; }
 .oto h4 { font-size: 12px; font-weight: bold; color: #000; }
 .oto h5 { font-size: 10px; font-weight: bold; color: #000; line-height: 15px; position: relative; }
 .oto sup { bottom:0.33em; font-size: smaller; position:relative; vertical-align:baseline; }

/* Top area */
 .oto .module_top { background: transparent url("../img/bg-hero-top.gif") top left no-repeat; height: 5px; }
 .oto h2 { font-size: 16px; font-weight: bold; margin-bottom: 6px; line-height: 19px; }
 .oto #top { border-radius: 5px; min-height: 248px; _height: 248px; width: 802px; background: #fff url("../img/bg-gradient-hero.png") top left repeat-x; position: relative;}
 .oto div#top.modulecontent { padding: 0; }
 .oto .hero-copy { display: inline; float: left; width: 320px; margin: 20px 35px 20px 27px; }
 .oto .hero-copy h1 { margin: 14px 0 13px 0; }
 .oto .hero-copy p { font-size: 13px; line-height: 1.4em; padding: 0 0 10px 0;}
 .oto .hero-img { position: absolute; right: 36px; bottom: 0; margin: 0; height: 335px\9; }
@media only screen and (min-device-width:481px) and (max-device-width:1024px) {.oto .hero-img {height:335px;}}
/* Middle */
 .oto #main { position: relative; float: left; width: 803px; *width: 802px; margin: 0; padding: 0; background: transparent url("../img/bg-cols.png") top center repeat-y; border-bottom: #bbb 1px solid; }
 .oto div#mid.modulecontent { padding: 0; } 
 .oto #main p { line-height: 1.4em; }

/* What you get */
 .oto #main #left { float: left; width: 385px; padding: 30px 28px 0 28px; }
 .oto #main #left h2 { font-size: 1.7em; letter-spacing: -1px; font-weight: normal; }
 .oto #main #left h3 { font-size: 1.3em; padding: 15px 0 3px 0; }
 .oto #main #tour { margin: 30px 0 0 0; }
 .oto #main #tour img { float: left; padding: 0 7px 0 0; }
 .oto #main #tour p { padding: 30px 0 0 5px; }
 .oto #main div.oto-more { position: relative; left: 2px; *left: -100px; top: 0; width: 235px; padding: 20px 0 5px 0; }

/* How to get one to one */
 .oto #main #right { float: right; width: 290px; margin: 0; padding: 30px 30px 30px 25px; }
 .oto #main #right h3 { font-size: 1.2em; padding-top: 12px; }
 .oto #main #right h4 { font-size: 1.1em; padding-bottom: 5px; }
 .oto #main #right #attend { float: right; margin: 5px 0 0 5px; }
 .oto #main #right .divider { position: relative; width: 300px; height: 15px; background: url("../img/bg-hrule.gif") 50% 50% no-repeat; }
 .oto #main #right .btn { margin: 7px 0 15px -3px; }
 .oto #main #right ol { margin-left: 18px; }
 .oto #main #right ol li { margin: 7px 0 5px -2px; }
 .oto #main #right strong { color: #000; }
 .oto #main #right .just-ask { margin: 13px 0 0 6px; }
 .oto #main #right .ask { float: left; margin: 3px 10px 0 0; }

/* Choose your Mac */
 .oto #choose { float: left; padding: 10px 15px 0 15px;}
 .oto #choose .modulecontent { background: none; }
 .oto #choose h2 { margin: 0 0 0 15px; }
 .oto #choose ul { width: 770px; padding-left: 15px;}
.oto #choose ul li {font-size: 12px; float: left;}

.oto #choose li#macbookair {width: 145px;}
.oto #choose li#macbookpro {width: 145px;}
.oto #choose li#macmini {width: 140px;}
.oto #choose li#imac {width: 185px;}
.oto #choose li#macpro {width: 155px;}


/* Navigation */
div#navigation .box-content p { color: #000; margin: 1px 1px 3px 1px; line-height: 17px;}
div#navigation .store-navigation:last-child .box-content p:last-child { margin: -3px 0 4px 1px; line-height: 14px;}
 #navigation p { color: #000; }
 #navigation div.grad1 { background: #efefef url("../img/bg-gradient-short.png") bottom left repeat-x !important; border: #bbb 1px solid; border-width: 0 1px 1px 1px; width: 166px; }
 #navigation div.grad2 { background: #efefef url("../img/bg-gradient.png") bottom left repeat-x !important; border: #bbb 1px solid; border-width: 0 1px 0 1px; width: 166px; }
 #navigation .grad1 .list_content, 
 #navigation .grad2 .list_content { background: transparent; background: #efefef; border-radius: 4px; }
 #navigation .list_content { padding-bottom: 10px; padding-top: 25px;}
 #navigation .grad2 .list_content sup { bottom:0.33em; font-size:smaller; position:relative; vertical-align:baseline; }
 #navigation .modulecontent h4 { font-size: 1.05em; padding: 15px 0 0 12px; }
 #navigation .modulecontent p { line-height: 1.35em; }
div#navigation .box-content .list_content p {line-height: 1.35em; color: #666; }
 a.learn-more { color: #0085CF; }

/* Bottom cap */
#primary .oto .module_btm { height: 4px; background: url("../img/bottomcap.png") no-repeat 0 0; float: none; }


/* TERMS AND CONDITIONS POPUP */
#oto-popup { text-align: left; margin: 20px 35px; font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; font-size: 12px; font-size-adjust: none; font-style: normal; font-variant: normal; font-weight: normal; color: #000;  }
#oto-popup img { padding-left: 5px; }
#oto-popup p { font-size: 11px; line-height: 1.4em; margin: 0 0 25px 0; padding: 0; }
#oto-popup h1 { font-size: 20px; font-weight: normal; }
#oto-popup h2 { font-size: 13px; margin: 0 0 5px 0; padding: 0; }


/* GUIDED TOUR POPUP */
#oto-tour  { text-align: left; margin: 20px 40px; font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; font-size: 12px; font-size-adjust: none; font-style: normal; font-variant: normal; font-weight: normal; color: #666;  }
#oto-tour h1 { font-size: 20px; color: #000; margin-bottom: 20px; }
#oto-tour h2 { font-size: 16px; color: #000; margin: 0 0 10px 0; white-space: nowrap; }
#oto-tour span { color: #666; }
#tour-vid { float: left; margin-right: 20px; }
#tour-vid p { font-size: 11px; }
#tour-vid .close a { color: #0085CF; }
#tour-copy p { }

/* MH POPUP */
#mh-popup { text-align: left; width:400px; margin:20px auto; font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; font-size:13px; }
#mh-popup h1 { font-size:18px; font-weight:normal; letter-spacing:-1px; margin-right: 120px; }
#mh-popup a { text-decoration:none; }
#mh-popup a:hover { text-decoration:underline; color:#0085cf; }
#mh-popup a.learn-more { background:transparent url(http://store.apple.com/rs/css/i/aos/module/link-more.png) no-repeat scroll 100% 82% !important; padding-right:7px; }


/* == 2012 One to One styles == */
.onetoone { border-radius: 5px; float:left; position:relative; }
.onetoone .hero { border-radius: 5px 5px 0px 0px; width:752px; padding:32px 20px 0 30px; border-bottom:1px solid #cdcdcd; position:relative;
background: #f9f8f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f9f8f9 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f8f9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9f8f9 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f9f8f9 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f9f8f9 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top,  #f9f8f9 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f8f9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.onetoone .hero .copy { width:348px; color:#333; padding-bottom:15px; }
.onetoone .hero .copy h1 { margin-bottom:16px; }
.onetoone .hero .copy p { font-size:13px; line-height:20px; margin-bottom:20px; }
.onetoone .hero .copy p.last { padding-right:8px; }
.onetoone .hero .hero-img { position:absolute; bottom:0; right:20px; }

.onetoone .main { width:802px; float:left; position:relative; /*background:url('../img/landing-onetoone-twocol-bg.jpg') repeat-y top right; */ border-bottom:1px solid #cdcdcd; padding-bottom:20px; }
.onetoone .main div.training { width:408px; float:left; position:relative; padding:29px 23px 17px 30px; font-size:12px; }
.onetoone .main div.training h2 { font-size:15px; line-height:1.2em; font-weight:bold; margin-bottom:37px; }
.onetoone .main div.training div { width:410px; float:left; position:relative; }
.onetoone .main div.training div img { float:right; position:relative; margin:0 0 26px 39px; }
.onetoone .main div.training div.open img { margin-bottom:21px; }
.onetoone .main div.training h3 { font-size:14px; line-height:1.4em; font-weight:bold; padding-top:14px; }
.onetoone .main div.training p { line-height:1.45em; }
.onetoone .main div.training .additional-info ul { margin-bottom:8px; }
.onetoone .main div.training .additional-info ul li { float:left; position:relative; width:50%; }
.onetoone .main div.training .additional-info ul li.last { text-align:right; }
.onetoone .main div.more-info { width:320px !important; float:left; position:relative; padding:0; color:#000; font-size:11px; line-height:1.5em; display:inline; border:1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin:20px 0 0; padding:17px 0 0;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fdfdfd 25%, #e6e6e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(25%,#fdfdfd), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fdfdfd 25%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fdfdfd 25%,#e6e6e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fdfdfd 25%,#e6e6e6 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#fdfdfd 25%,#e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}
.onetoone .main div.more-info div { width:284px; float:left; position:relative; margin-left:20px; }
.onetoone .main div.more-info h4 { font-size:13px; font-weight:bold; line-height:1.3em; }
.onetoone .main div.more-info .sessions { padding-bottom:18px; border-bottom:1px solid #bbb; }
.onetoone .main div.more-info .sessions .find-store { margin-top:12px; }
.onetoone .main div.more-info .how-to-get { padding:17px 0 5px; border-bottom:1px solid #bbb; }
.onetoone .main div.more-info .how-to-get ol { margin:13px 0 0 15px; }
.onetoone .main div.more-info .how-to-get ol li {list-style-type: decimal; margin-bottom:16px; }
.onetoone .main div.more-info .how-to-get ol li.last { margin-bottom:9px; }
.onetoone .main div.more-info .how-to-get ol li em { font-style:normal; font-weight:bold; }
.onetoone .main div.more-info .questions-answers { padding:19px 0 17px; }
.onetoone .main div.more-info .questions-answers h5 { font-weight:bold; font-size:11px; line-height:1.1em; padding-bottom:3px; }
.onetoone .main div.more-info .questions-answers img { float:left; position:relative; margin:2px 20px 0 0; }

/* == Find Store BUTTON == */
.button.matte { height:34px; margin:0 auto; box-shadow:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; background:none; display:inline; zoom:1; clear:both; }
.button.matte span { background: url('../img/button-blue.png') no-repeat; border:none !important; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; text-shadow:none; padding:5px 0 10px 12px; *padding:7px 0 10px 12px; display:inline; }
.button.matte span.label { background: url('../img/button-blue.png') no-repeat right -102px; display:inline; margin:0; padding:5px 10px 8px 1px; }
.button.matte span.label em { font-style:normal; font-size:13px; padding:0 5px 0 2px; }
.button.matte:hover span.label { background-position:right -136px; }
.button.matte:hover span { opacity:1; background-color:none; border:none; background-position:left -34px; }
.button.matte:active span.label { background-position:right -170px; }
.button.matte:active span { background-position:left -68px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;  }

.box .oto .box-content .onetoone .hero { width: 749px\9; }
.box .oto #top { width: 799px\9; }