/* REMOVING WHY CS */

#hdr_carousel, #content-carousel, #whyCSpire {display:none !important;}

.social_peek.horizontal {
background: url(/resources/images/bg/social-peek-bg.png) transparent no-repeat;
height: 60px;
padding-bottom: 40px;
width: 960px;
margin-left: 20px !important;
padding-left: 20px !important;
}

/******************************
	FLOWPLAYER TABS
***************************/


/* everything is constructed with a single background image */

/* tabs */
#flowtabs {  
	margin:0 0 0 0;
	padding:0px 0px 0px 25px;
	width:950px;
	height:64px !important;
	background: url(/resources/images/updates/horizontal_border.jpg) bottom right repeat-x;
	
}

#flowtabs li { 
	float:left; 
	margin:0 0 0 0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* every tab uses the same background image */
#flowtabs li a { 
	display:block;
	height: 64px;  
	/*overflow: hidden; */
	text-indent: -999em; 
	/*background: url(/resources/images/iphone5/iphone5_tabs.jpg) no-repeat;*/
	/* BACKGROUND CHANGE FOR PREORDER */
	background: url(/resources/images/iphone5/iphone5_tabs_buynow.jpg) no-repeat;
	padding:0px;
	margin:0px;
}

#flowtabs a.current	{ 
	cursor:default; 
}

/* adjust the background image position on each tab */
#flowtabs #t1 { background-position: 0 0; width: 150px;}
#flowtabs #t2 { background-position: -150px 0; width: 150px; }
#flowtabs #t3 { background-position: -300px 0; width: 150px; }
#flowtabs #t4 { background-position: -450px 0; width: 150px;}
#flowtabs #t5 { background-position: -600px 0; width: 150px;}
#flowtabs #t6 { background-position: -750px 0; width: 171px;}

#flowtabs #t1:hover { background-position: 0 -64px; }
#flowtabs #t2:hover { background-position: -150px -64px; }
#flowtabs #t3:hover { background-position: -300px -64px; }
#flowtabs #t4:hover { background-position: -450px -64px; }
#flowtabs #t5:hover { background-position: -600px -64px; }
#flowtabs #t6:hover { background-position: -750px -64px; }


#flowtabs #t1.current { background-position: 0 -128px; }
#flowtabs #t2.current { background-position: -150px -128px; }
#flowtabs #t3.current { background-position: -300px -128px; }
#flowtabs #t4.current { background-position: -450px -128px; }
#flowtabs #t5.current { background-position: -600px -128px; }
#flowtabs #t6.current { background-position: -750px -128px; }

/* panes */
#flowpanes {
	width: 950px;
	background-color: #fff;
	height:800px;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
	clear:both;
}

#flowplanes div#key_features {height:5587px;}
#flowplanes div#pre_register {height:400px;}
#flowplanes div#why_cspire {height:600px;}

#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}
#flowpanes a:link, #flowpanes a:visited { color: #0099cc; text-decoration: none; }
#flowpanes a:hover, #flowpanes a:active { text-decoration: underline; }

#flowpanes h3 { margin-bottom: 1em; }
/* PAGE ELEMENTS */
div.container { height: 351px; padding-top: 15px; margin-bottom: 15px; }
#flowpanes div.container p { font-size: 12px; color: #333; line-height: 140%; margin-bottom: 1em; }

ul.thumblist { list-style-type: none; font-size: 12px; line-height: 140%; margin: 0; padding: 0; }
ul.thumblist li { clear: left; }
ul.thumblist li img { float: left; margin: 0 12px 12px 0; }
ul.thumblist li span { margin: 0; padding: 0; vertical-align: top; }

/* OVERLAY */
div.overlay {
	display:none;
	background: url(/resources/images/overlay/white.png) no-repeat;
	_background: url(/resources/images/overlay/white.gif) no-repeat;
	padding: 40px;	
	width:576px;
	margin: 0 auto;
}

div.overlay div.close {
	background: url(/resources/images/overlay/close.png) no-repeat;
	_background: url(/resources/images/overlay/close.gif) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

div.wrap {
	height: 450px;
	overflow-y: auto;
}
a.player { 
	display:block;
	height:450px;
}
#android-news p {
	padding-bottom: 8px;
	border-bottom: 1px solid #e8e8e8;
}
#android-news p.last {
	border-bottom: none;
}
span.date { font-style: italic; font-size: .9em; color: #999; }

div.blog-quotes {
	margin: 12px 0 20px 20px;
	padding: 12px;
	background-color: #e8e8e8;
}
div.blog-quotes h3 { width: 290px; font-weight: normal; color: #333; margin-bottom: 1em;}
div.blog-quotes p { margin-bottom: 1em; width: 290px; }

a.discuss {	color: #71b8d3; text-decoration: none; padding-right: 18px; background:url(/apache/images/discuss.gif) no-repeat right center; }

a.discuss:hover, a.discuss:active {
	text-decoration: underline;
}
div.wide-promo { margin-top: 12px; }

/* FORM STYLES */

#form_main { width:900px; clear:both; display:compact;}
.form_main_title {margin:10px auto; width:570px;}
.notify_form_container {border:1px solid #f7f7f7; padding:10px; width:600px; margin: 10px auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; height:280px;}
.notify_form_titles {text-align:right; background: #f7f7f7; width:200px; float:left; padding: 0px 10px 0px 10px; height:280px;}
.notify_form_titles p {margin:0px; padding:10px 0px 0px 0px;}
.notify_form_fields {text-align:left; width:380px; height:280px;float:left;}
.notify_form_fields input {margin:10px 0px 10px 10px; padding:0px;}
.prereg_form_container {border:1px solid #f7f7f7; padding:10px; width:600px; margin: 10px auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; height:360px;}
.prereg_form_titles {text-align:right; background: #f7f7f7; width:200px; float:left; padding: 0px 10px 0px 10px; height:360px;}
.prereg_form_titles p {margin:0px; padding:10px 0px 0px 0px;}
.prereg_form_fields {text-align:left; width:370px; height:360px;float:left; padding-left:10px;}
.prereg_form_fields input {margin:10px 0px 10px 0px; padding:0px;}
.prereg_form_fields select {margin:10px 0px 10px 0px; padding:0px;}
.form_item {height:40px;}
.form_item_radio {height:20px;}
.red {color:#F00;}
.required {margin-top:30px;}
.submit {margin:30px 0px 0px 0px; padding-left:10px; cursor:pointer;}
.wide {border:1px solid #7f9db9; background:#ffffff; height:20px; width:270px;}

/* BUY NOW TAB */
.main_top {margin:0px 0px 0px 70px;}
.buy_now_cont {background:url(/resources/images/iphone5/hr.png) top center no-repeat; width:930px; height:500px; margin:20px 0px 0px 0px; padding: 0px 0px 0px 60px;}
.buy_now_col1 {float:left; width:530px; padding:70px 0px 0px 30px;}
.bn_iphone5 {float:left;}
.buy_now_content {float:left; width:270px; margin:40px 0px 0px 30px;}
.buy_now_content h3 {color: #777777 !important; font-size:35px !important; padding:5px 0px !important; margin:0px !important; font-weight:100 !important;}
.buy_now_content p {color: #777777 !important; margin:5px 0px !important;}
a.buy_now_btn {background:url(/resources/images/iphone5/bn_button.png) 0 0 no-repeat; width:183px; height:48px; margin:10px 0px 0px 0px; display:block;}
.buy_now_col2 {float:left; width:300px; padding:30px;}
a.buy_accessories {background:url(/resources/images/iphone5/bn_accessories.png) 0 0 no-repeat; width:272px; height:134px; display:block; margin:10px 0px;}
a.buy_plans {background:url(/resources/images/iphone5/bn_plans.png) 0 0 no-repeat; width:272px; height:134px; display:block; margin:10px 0px;}
a.buy_percs {background:url(/resources/images/iphone5/bn_percs.png) 0 0 no-repeat; width:272px; height:134px; display:block; margin:10px 0px;}
a:hover.buy_accessories {background:url(/resources/images/iphone5/bn_accessories.png) 0 -134px  no-repeat;}
a:hover.buy_plans {background:url(/resources/images/iphone5/bn_plans.png) 0 -134px no-repeat;}
a:hover.buy_percs {background:url(/resources/images/iphone5/bn_percs.png) 0 -134px no-repeat;}
.buy_other {background:url(/resources/images/iphone5/hr.png) top no-repeat; width: 930px; padding:30px;}
a.buy_4s {background:url(/resources/images/iphone5/bn_bottom_4s.png) 0 0 no-repeat; width:272px; height:434px; display:block; float:left; margin:0px 15px;}
a.buy_4 {background:url(/resources/images/iphone5/bn_bottom_4.png) 0 0 no-repeat; width:272px; height:434px; display:block; float:left; margin:0px 15px;}
a.buy_ios6 {background:url(/resources/images/iphone5/bn_bottom_ios6.png) 0 0 no-repeat; width:272px; height:434px; display:block; float:left; margin:0px 15px;}
a:hover.buy_4s {background:url(/resources/images/iphone5/bn_bottom_4s.png) -272px 0 no-repeat;}
a:hover.buy_4 {background:url(/resources/images/iphone5/bn_bottom_4.png) -272px 0 no-repeat;}
a:hover.buy_ios6 {background:url(/resources/images/iphone5/bn_bottom_ios6.png) -272px 0 no-repeat;}

/* override single pane */
#flowpane_container {
	float:left;
	display: block;
	width: 970px;
	/*cursor:pointer;*/
}
/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}
/* single scrollable item */
div.item {
	display: inline;
	cursor:pointer;
	width:430px;
	height:120px;
	text-align: left;
	border: 1px solid black;
}
.pod {
	display: inline;
	margin:0 2px 2px 0;
	padding:0;
	border: 1px solid red;
	width: 86px;
	height:170px;
	font-size: .9em;
	line-height: 110%;
}

#magnets {
    height: 320px;
    padding-top: 30px;
    width: 980px;
    margin:0px;
}
a.magnet1 {
    background: url("/resources/images/back_to_school/magnet_4.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 262px;
    margin-right: 5px;
    width: 233px;
}
a.magnet2 {
    background: url("/resources/images/iphone5/plans_magnet.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 262px;
    margin-right: 5px;
    width: 233px;
}
a.magnet3 {
    background: url("/resources/images/iphone5/network_magnet.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 262px;
    margin-right: 5px;
    width: 233px;
}
a.magnet4 {
    background: url("/resources/images/back_to_school/magnet_3.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 262px;
    width: 233px;
}