/* home.css */
/* LAYOUT */
html, body { background-color:#f2f2f2; -webkit-font-smoothing:antialiased; } /*#f5f6f7*/
#main { width: 980px; margin: 0 auto; }
.content { width: 980px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; 
box-shadow: 0 1px 3px rgba(0,0,0,.35); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.35); background:#fff; background:-webkit-gradient(linear, 0% 0%, 0% 20%, from(#f2f2f2), to(#fff)); background:-moz-linear-gradient(#f2f2f2, #fff 20%); border: 1px solid ;border-color: #e5e5e5 #dbdbdb #d2d2d2;}
.content:nth-child(1n) { border: none; } /* reset border for smart browsers */
/* MAIN */

#main .divider { border-top:1px solid #e0e0e0; margin:0; padding:0; }
#main p { color: #767676; }

/* CONTENT */
#main .content h2 { font-size: 16px; font-weight: normal; color: #000; margin-bottom:8px; text-align:center; } 
#main .content.twoup { width:606px; height:100px; float:left; margin-right:0; margin-bottom: 10px; padding: 15px 22px; text-align:center;}
#main .content.twoup.last { width:276px; float:right; margin:0; }
#main .content.threeup { width:276px; height:170px; float:left; margin-right:10px; margin-bottom: 10px; padding: 20px 22px; }
#main .content.threeup.last { width:276px; float:right; margin:0; }
#main .content.threeup.small { width:276px; height:145px; float:left; margin-right:10px; margin-bottom: 10px; padding: 20px 22px; }
#main .content.threeup.small.last { width:276px; float:right; margin:0; }

/* PRODUCT BROWSER */
#productbrowser { margin-bottom:8px; padding-top:12px; } 
#productbrowser .content { width:978px; }
#productbrowser h1 { font-size:20px; margin:0 22px 10px;}
#productbrowser li { float:left; text-align:center; font-size:14px; margin-bottom:0; }
#productbrowser li#mac { width: 230px; }
#productbrowser li#ipod { width: 163px; }
#productbrowser li#iphone { width: 160px; }
#productbrowser li#ipad { width: 170px; }
#productbrowser li#itunes { width: 130px; }
#productbrowser li#all { width: 155px; }
#productbrowser.all h1, #productbrowser.iphone h1, #productbrowser.ipad-iphone h1 { margin: 35px 0 0 0; }
#main #productbrowser h2 { font-size:16px; color:#767676; line-height:1.5em; margin-right: 50px; }

.grid2cold .column.first { width: 33%; }
.grid2cold .column.last { width: 66%; }

#productbrowser li img { display: block; margin:0 auto 12px; width:125px; height:125px; }
#productbrowser li#mac img { width:163px; }
#productbrowser li a { padding-bottom:22px; display:block; }
#productbrowser li a:link,
#productbrowser li a:visited { color:#767676; }
#productbrowser li a:hover, #productbrowser li a:focus { color:#000; text-decoration:none; }
#productbrowser.content { background:none; background-color:#fff; }
#productbrowser.content.all, #productbrowser.content.iphone, #productbrowser.content.ipad-iphone { padding-bottom: 22px; }
#productbrowser.content.all img { display: block; margin:22px auto 12px; width:359px; height:175px; }
#productbrowser.content.iphone img { display: block; margin:22px auto 12px; width:135px; height:175px; }
#productbrowser.content.ipad-iphone img { display: block; margin:22px auto 12px; width:163px; height:175px; }

/* RESOURCES */
#resources { margin-bottom:10px; background: #fff url("/support/assets/images/products/home/resources_bg.png") repeat-y 50% 0%; background-size: 589px 1px; }
#resources li { width: 196px; float: left; text-align: center; padding:0; }
#resources li.last { width: 196px; border:none;  padding:0; }
#resources li img { display: block; margin: 0 auto 7px; width:72px; height:56px; }
#resources li a { padding:15px; display:block; }
#resources li a:link,
#resources li a:visited { color: #767676; }
#resources li a:hover,#resources li a:focus { color:#000; text-decoration:none; }
#main #resources h2 { font-size: 12px; font-weight: bold; margin-bottom: 0; }
#resources p { font-size: 12px; color: #888; line-height: 1.5em; margin-bottom: 15px; } 

/* SERVICE */
#selfservice .divider { margin:10px 0; }
#selfservice img { margin-bottom:40px; }
#asp img { margin-bottom:40px; margin-top:17px;}
#asp2 img { margin-bottom:40px; margin-top:42px;}  
#extra-asp.content.touchable img { margin:-26px 0px 10px;float:right;background:none; background-color:#fff; } 
#aspsmall img { margin:-2px 10px -20px display:block; } 
#contactus img { margin:-2px 0px 0px  display:block; } 
#applecare img { margin:-2px 0px 0px  display:block; } 
#appleid img { margin:-2px 0px 0px display:block; } 
#applecaresmall img { margin:-2px 10px 0px display:block; } 
#main #applecare { width:309px; *width:303px !important; width: 303px\9;}
#applecare lix { line-height: 140%; margin-bottom: 7px; }

/* OTHER */
#extra.content {background:none; background-color:#fff;}
#extra .column { padding: 10px 22px 15px; }
#extra .column p { margin-bottom: 0px; }
#extra .column.first { width: 445px;}
#extra .column.last { width: 445px; border-left:1px solid #dedede;}
#extra-warranty { padding: 15px 22px 20px; width: 936px; margin-bottom: 0px;background:none; background-color:#fff; }
#extra-asp.content { width: 936px; height:121px;  padding:15px 22px 20px; background:none; background-color:#fff; }
#extra-asp.content.touchable { width: 936px; height:121px; padding:15px 22px 20px; background:none; background-color:#fff; margin-bottom: 10px\9;} 

/* TOUCHABLE */
#main .touchable { padding:0 !important; cursor:pointer; }
#main .touchable A { display:block; text-decoration:none !important; padding:15px 22px 20px !important; }
#main .touchable A SPAN { color:#063; }
#main .touchable A:hover SPAN { text-decoration:underline; }
#main .touchable A SPAN.more { background:url("img/morearrow.png") no-repeat center right; padding-right:9px; text-align:left; background-size: 4px 7px; }
#main .content.touchable { width:980px; }
/*#main .content.touchable A { width:936px; }*/
#main .content.twoup { height:120px; padding:15px 22px 20px; }
#main .content.twoup.touchable { width:650px; height:130px; }
#main .content.twoup.touchable A { width:606px; height:95px; }

#main .content.twoup.long { height:155px; padding:15px 22px 20px; }
#main .content.twoup.long.touchable { width:650px; height:155px; }
#main .content.twoup.long.touchable A { width:606px; height:120px; }

#main .content.twoup.last { width:276px; }
#main .content.twoup.last.touchable { width:320px;height:130px;  }
#main .content.twoup.last.touchable.A { width:276px; }
#main .content.twoup.short { height:120px; }
#main .content.twoup.short.touchable {  }
#main .content.threeup h2 { font-size: 16px;  margin-bottom: 8px; }
#main .content.threeup { width:276px; height:174px; padding:15px 22px 20px; }
#main .content.threeup.touchable { width:325px; height:210px; }
#main .content.threeup.touchable A { height:175px; }
#main .content.threeup.short.last { height:130px; width:276px;  }
#main .content.threeup.short.last.touchable { height:130px; width:320px;}
#main .content.threeup.short.last.touchable A { height:95px; }

#main .content.threeup.long.last { height:155px; width:276px;  }
#main .content.threeup.long.last.touchable { height:155px; width:320px;}
#main .content.threeup.long.last.touchable A { height:145px; }

#main .content.threeup.tall { height:246px; width:325px; }
#main .content.threeup.tall.touchable { height:246px; width:325px;}
#main .content.threeup.tall.touchable A { height:211px; }
#main .content.threeup.tall.last { height:246px; width:325px; }
#main .content.threeup.tall.last.touchable { height:246px; width:325px;}
#main .content.threeup.tall.last.touchable A { height:211px; }

#main .content.threeup.talls { height:228px; width:325px; }
#main .content.threeup.talls.touchable { height:228px; width:325px;}
#main .content.threeup.talls.touchable A { height:193px; }
#main .content.threeup.talls.last { height:228px; width:325px; }
#main .content.threeup.talls.last.touchable { height:228px; width:325px;}
#main .content.threeup.talls.last.touchable A { height:193px; }

#main .content.threeup.threelines { width:276px; height:228px; padding:15px 22px 20px; }
#main .content.threeup.threelines.touchable { width:325px; height:228px; }
#main .content.threeup.threelines.touchable A { width:276px; height:228px; }

#main .content.threeup.short { height:120px; width:276px;  }
#main .content.threeup.short.touchable { height:130px; width:320px;}
#main .content.threeup.short.touchable A { height:120px; }
#main .content.threeup.small { width:276px; height:145px; float:left; margin-right:10px; margin-bottom: 10px; padding: 20px 22px; }
#main .content.threeup.small.touchable { height:145px; width:320px; }
#main .content.threeup.small.touchable A { height:110px; }
#main .content.threeup.small.last. { height:145px; width:276px; }
#main .content.threeup.small.last.touchable { height:145px; width:320px; width:314px\9;}
#main .content.threeup.small.last.touchable A { height:110px; width:276px; }
#main .content .column.first.touchable { width:489px; }
#main .content .column.last.touchable { width:489px; }

#contactus center {
    bottom: 1px;
    height: 116px;
    position: relative;
}
#main .content.threeup a{
	overflow: hidden;
}
#extra-asp.content.touchable a{
	height: 86px;
}
#main a.more:focus,#main h2 a:focus, #main p a:focus,#main a:focus span.more, #main a:focus span {
	text-decoration: underline;
}