@import url("colorbox.css");

/* +++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++ GLOBAL STYLES ++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++ */

@font-face {
	font-family: "Helvetica Neue";
	src: url("../_fonts/HelveticaNeue.dfont")
}

* {border:0;list-style:none;margin:0;padding:0;outline:none;}

html {
}
body {
	background: url("../_images/body_bg2.jpg") repeat-x scroll 0 0 #b8b5b2;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
}

a {color:#ff872f;text-decoration:none;}

a:hover {color:#e94c00;}

p {color:#000; line-height: 130%; }

/* used for buy page (jm) */
td {color:#848484;}

h1 {
	color: #f56c10;
	font-size: 30px;
	margin: 1em 0;
}
h2 {color:#000;font-size:35px;}

h3 {color:#36322d;font-size:24px;font-weight:normal;}

#wrapper {margin:auto;width:925px;}

#container {width:925px}

#header {height:136px;}

	#header #left {float:left;padding-top:10px;width:380px;}
 
		#header #left a#logo {}
 
	#header #right {float:left;padding-top:26px;text-align:right;width:545px;}

	#header ul#nav {float:left;padding-top:11px;width:925px;}
		
		#header ul#nav li {
			display:inline;			
		}
		
			#header ul#nav li a {display:block;float:left;height:35px;position:relative;text-indent:-9999px;}
			
			#header ul#nav li#ipad-mounts a {background: url("../_images/nav-ipad-mounts.jpg") no-repeat scroll 0 0 transparent;width:160px;}
			#header ul#nav li#kindle-mounts a {background: url("../_images/nav-kindle-mounts.jpg") no-repeat scroll 0 0 transparent;width:172px;}
			#header ul#nav li#bulk-orders a {background: url("../_images/nav-bulk-orders.jpg") no-repeat scroll 0 0 transparent;width:158px;}
			#header ul#nav li#faq a {background: url("../_images/nav-faq.jpg") no-repeat scroll 0 0 transparent;width:87px}
			#header ul#nav li#design_dev a {background: url("../_images/nav-ipad-app-development.jpg") no-repeat scroll 0 0 transparent;width:199px;}
			#header ul#nav li#buy a {background: url("../_images/nav-buy-ipad-mounts.jpg") no-repeat scroll 0 0 transparent;width:149px;}
			
			#header ul#nav li a.hover, #header ul#nav li a:hover {cursor:pointer;}
			
			#header ul#nav li a .jsblend {background-position:0 -35px !important;}
			
			#header ul#nav li a.active, #header ul#nav li a.active:hover, #header ul#nav li a.active .jsblend {
				background-position:0 -70px !important;
				cursor:default;
			}
			
#footer {
	color:#919090;
	float:left;
	font-weight:lighter;
	padding-top:60px;
	text-align:right;
	width:925px;
}

#footer a:hover {
	color:#e94c00;
}

#footer ul {
	float:right;
}
	
	#footer ul li {
		float:left;
		font-size:18px;
	}
	
		#footer ul li a {
			color:#919090;
			float:left;
			padding:0 6px;
		}
		
		#footer ul li a.last {
			padding:0 0 0 6px;
			font-weight: bold;
			color: #e94c00;
		}

		#footer ul li a.last:hover {
			color: #919090;
		}
		
#footer p {
	float:left;
	width:925px;
}

	#footer p a {
		color:#919090;
		font-weight:bold;
	}
			
/* ++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++ HOME PAGE STYLES ++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++ */

#slider_nav {position:absolute;}

	ul#slider_nav li {}
	
		ul#slider_nav li a {}


.slider {
    position:relative;
    height:329px;
	width:925px;
}
.slider img {
	position:absolute;
	left:0;
	top:0;
	}

#btm_left, #btm_center {
	background:url("../_images/btm_left_bg.jpg") no-repeat scroll 0 0 transparent;
	float:left;
	height:350px;
	padding:20px 22px;
	width:270px;
}
	/*#btm_left #top {width:584px;}*/
	
		/*#btm_left #top h2 {float:left;width:217px;}*/
		
		/*#btm_left #top #buy_now {float:left;width:367px;}*/
		
			#btm_left #top #buy_now h2 {float:right;position:relative;width:auto;}
		
			#btm_left #top #buy_now a.buy_now, input.buy_now, a.buy_now {
					background:url("../_images/buy_now.png") no-repeat scroll 0 0 transparent;
					display:block;
					float:right;
					height:41px;
					margin-top:8px;
					width:116px;
					border: none;
				}
			input.buy_now {
				cursor: pointer;
				text-indent: -99999em;
			}
			#btm_left #top #buy_now a.buy_now {
				float: left;
			}
			#btm_left #top #buy_now a.hover, #btm_left #top #buy_now a.buy_now:hover {cursor:pointer}
			
			#btm_left #top #buy_now .jsblend {background-position:0 -41px !important;}
		
		#btm_left #top h3, #btm_center h3 {
			color:#d26014;
			clear:both;
			padding:10px 0;
			font-size: 19px;
			/*width:584px;*/
		}
		#btm_left p img {
			margin: 1em 0;
		}
		#btm_left #top p {}
		
			#btm_left #top p a {}
				
	#btm_left #btm {margin-top:26px;}
	
		#btm_left #btm p {color:#fff;}
		
		#btm_left #btm img {padding:10px 0;}
		

/* keeping below for now incase we need individual color selectibility */
		
/*
		#btm_left #btm ul {}
		
			#btm_left #btm ul li {}
			
				#btm_left #btm ul li a {}
				
					#btm_left #btm ul li a img {}
*/
					
		#btm_left #btm_btm {}
		
			#btm_left #btm_btm p {
				color:#C4C0BA;
				float:left;
				margin-top:10px;
				width:300px;
			}
			
			#btm_left #btm_btm #form_wrap {
				float:left;
				margin-top:20px;
				width:284px;
				position:relative; 
			}
			
				#btm_left #btm_btm #form_wrap input.email {
					background:url("../_images/input_bg.jpg") repeat-x scroll 0 0 transparent;
					border:0 none;
					color:#58534F;
					font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;
					font-size:18px; 
					width:200px;
					padding:1px 4px 4px;
				}
				
				#btm_left #btm_btm #form_wrap input.sign_up {
					background:url("../_images/sign_up.jpg") no-repeat scroll 0 0 transparent;
					border:0 none;
					height:26px;
					margin-left:-5px;
					text-indent:-9999px;
					width:69px;
					/* following lines are actually bug fix for ie6 ie7 */
					position:absolute; 
					top:0px;
					*top:1px;
					left:210px;
					*left:213px; /* ie7 ie6 */
					overflow:hidden;
					font-size: 0;
					display:inline;
					line-height: 0;
				}
				
				
				#btm_left #btm_btm #form_wrap input.sign_up:hover {background-position:0 -26px;cursor:pointer;}
				
#btm_right {
	background: url("../_images/btm_right_bg.jpg") no-repeat scroll 0 0 transparent;
	float:left;
	height:350px;
	padding:20px 22px;
	width:253px;
}

	#btm_right h3 {
		color:#000;
		padding:10px 0;
		font-size: 28px;	
	}
	#btm_right h3 span {
		padding-left: 1em;
		color: #6d6e71;
	}
	
	#btm_right h4 {color:#fff;padding-bottom:5px;}
	
	#btm_right p {
		padding-bottom:10px;
		font-size: 21px;
		color: #fff;
	}
	
		#btm_right p a {}
		
	#btm_right a.find_out_more, #btm_center a.find_out_more {
		background:url("../_images/find_out_more_bg.jpg") no-repeat scroll 82px 0 transparent;
		display:block;
		font-size:12px;
		height:15px;
		line-height: 15px;
		padding-right:20px;
		text-align:left;
		margin: 1em 0;
		color: #e8530c;
	}
	
	#btm_right a.find_out_more:hover, #btm_center a.find_out_more:hover {background-position:82px -15px;}
	#btm_center a.find_out_more {
		background-position: 82px 0;
	}
	#btm_center a.find_out_more:hover {
		background-position: 82px -15px;
	}
/* 	Jason added this to get the arrows to behave correctly, but it didn't seem to work here, so I did it down below */
/*
	#btm_right a.contact_us_for_more_info  {
		background:url("../_images/find_out_more_bg.jpg") no-repeat scroll 237px 0 transparent;
		display:block;
		font-size:12px;
		height:15px;
		padding-right:20px;
		text-align:right;
		
	#btm_right a.contact_us_for_more_info:hover {background-position:237px -15px;}	
*/
			
/* +++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++ POP UP STYLES ++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++ */

/* (also see colorbox.css located in the same directory as this file) */

body#purchase {background-color:#fff;background-image:none;}

#checkout ul {}

	#checkout ul li {}
	
		#checkout ul li a {float:left;}

/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++ INTERNAL ONLY STYLES ++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

body#internal {background: url("../_images/internal_body_bg.jpg") repeat-x scroll 0 0 #fff;}

body#internal.buy {background: url("../_images/buy_body_bg.jpg") repeat-x scroll 0 0 #fff;}

body#internal.buy h2 {padding:10px 0 10px 25px;}
#internal #header {
	height: 160px;
}
/* used by form fields on the buy screen */
.formfields {
	background-color:#efffca;
	border:1px solid #999999;
	font-size:16px;
	color:#333;
	padding: 5px;
	}

/* used by form fields on the buy screen */	
.pulldowns {
	background-color:#efffca;
	border:1px solid #999999;
	font-size:16px;
	color:#333;
	}

/* used for under headline on order page */	
body#internal p.subinfo {
	color: #000;
	padding-left: 0px; /* to line up with h2 headline */
	padding-bottom: 15px;
}

/* used by form fields on the buy screen */	
ul.error li, .error *, .error {
	color:#FF0000 !important;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* used by buy screen submit button */
#submit {
	color:#111111; 
	font-weight: bold;
	font-size:16px;
	padding:5px;
	border:1px;
	background-color:#e94c00;
	border:1px solid; 
	border-color: #999; 
}


body#internal h2 {color:#000;padding:50px 0 50px 25px;}

body#internal h3 {color:#676767;padding:25px 0 10px;}

body#internal h3.first {padding:0 0 10px;}

body#internal h3#header_text {color:#36322D;padding:0;}

body#internal p {color:#848484;padding-bottom:5px;}

body#internal a {color:#d94500;}

h2 span.bracket {color:#b3b3b3;}

h2 span.thirty {font-size:30px;}

body#internal #ibracket-img-lg {
	margin-top:20px;
}

body#internal form {padding-bottom:5px;}

body#internal form#subForm {
	position:relative;
}

	body#internal input.email {
		background:url("../_images/internal_input_bg.jpg") repeat-x scroll 0 0 transparent;
		border:0 none;
		color:#58534F;
		font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;
		font-size:15px;
		width:162px;
		padding:3px 4px 4px;
	}
	
	body#internal input.sign_up {
		background:url("../_images/internal_sign_up.jpg") no-repeat scroll 0 0 transparent;
		border:0 none;
		height:26px;
		margin-left:-5px;
		text-indent:-9999px;
		width:69px;
		padding: 3px 0 4px;
		/* following lines are actually bug fix for ie6 ie7 */	
		*position:absolute;
		top:0px;
		*top:1px; /* ie6 + ie7 specific */
		left:170px;
		overflow:hidden;
		font-size: 0;
		display:inline;
		line-height: 0;
		vertical-align: top;
	}
 	
	body#internal input.sign_up:hover {background-position:0 -26px;cursor:pointer;}

body#internal #internal_left {
	float:left;
	width:591px;
}

	body#internal #internal_left #internal_content {
		padding:25px 35px 0;
		width:521px;
	}
	
		.development #internal_content li {
			background:transparent url(/ibracket/_images/green-arrow-list-bullet.gif) no-repeat scroll 14px 5px !important;
			color:#848484;
			list-style-type:none;
			margin:0;
			padding:2px 0 3px 34px;
		}
		
		li.fancyBullets {
			background:transparent url(/ibracket/_images/green-arrow-list-bullet.gif) no-repeat scroll 14px 5px !important;
			color:#848484;
			list-style-type:none;
			margin:0;
			padding:2px 0 3px 34px;
		}

		#subForm label {display:none;}
	
		body#internal #internal_left #internal_content p#ib_images {
			
		}
		
			body#internal #internal_left #internal_content p#ib_images a {
				
			}
			
				body#internal #internal_left #internal_content p#ib_images a img {
					background-color:#eee;
					border:1px solid #cac8c7;
					height:89px;
					width:89px;
				}
				
				body#internal #internal_left #internal_content p#ib_images a img:hover {
					border:1px solid #676767;
				}

body#internal #internal_right {
	float:left;
	width:264px;
}

	body#internal #internal_right #internal_right_top {
		height:220px;
		position:relative;
		width:264px;
	}
	
	/* Jason added this exception for the "app design" page which has a different rightnav */
	body#internal.development #internal_right #internal_right_top {
		height:180px;
	}
	
		body#internal #internal_right #internal_right_top #internal_buy_now {
			bottom:20px;
			position:absolute;
			right:50px;
			width:210px;
		}
		
		body#internal #internal_right #internal_right_top #ib_bg {
			background:url("../_images/internal_right_top_ib_bg.jpg") no-repeat scroll 0 0 transparent;
			height:291px;
			left:-35px;
			position:absolute;
			top:-79px;
			width:356px;
		}
		
		/* Jason added this exception for the "app design" page which has a different picture on the top */
		body#internal.development #internal_right #internal_right_top #ib_bg {
			background:url("../_images/ipad-development-toprightcorner.jpg") no-repeat scroll 0 0 transparent;
		}
	
	body#internal #internal_right h3 {
		font-size:18px;
	}
	
	body#internal #internal_right h3.highlight {
		font-weight: bold;
		color: #f56c10;
	}
	
	/* Jason added this exception for the "app design" page which has a different picture on the top */
	body#internal.development #internal_right h3 {/* Ryan commented out Jason's overrides because they caused inconsistent styling in the right sidebar */
		/*font-size:18px;
		padding-top:0px;
		color:#CD2F06;
		*/
	}
	body#internal.development #internal_right h3.internal-ibracket-callout {/* Ryan added this to override the coloring Jason changed in the rule above */
		color: #676767;
		padding-top: 25px;
	}
	body#internal.development #internal_right #internal_buy_now {
		padding-top:10px;
}
	
	body#internal #internal_right p {
		font-size:14px;
	}
	
	body#internal #internal_right a.find_out_more {
		background:url("../_images/internal_find_out_more_bg.jpg") no-repeat scroll 94px 2px transparent;
		font-size:14px;
		height:16px;
		padding-right:20px;
	}
	
/* 	Jason added this for other buttons on interior pages */
	body#internal #internal_right a.contact_us_for_more_info {
		background:url("../_images/internal_find_out_more_bg.jpg") no-repeat scroll 160px 2px transparent;
		font-size:14px;
		height:16px;
		padding-right:30px;
	}
	body#internal #internal_right a.find_out_more:hover {background-position:94px -19px;}
	
	body#internal #internal_right #internal_buy_now {
		float:left;
		padding-top:80px;
		width:384px;
	}
		
			body#internal #internal_right #internal_buy_now h2 {
				float:left;
				padding:0;
				position:relative;
				width:auto;
			}
		
			body#internal #internal_right #internal_buy_now a.internal_buy_now {
					background:url("../_images/internal_buy_now.jpg") no-repeat scroll 0 0 transparent;
					display:block;
					float:left;
					height:40px;
					margin-top:8px;
					width:116px;
				}
			
			body#internal #internal_right #internal_right_top #internal_buy_now a.hover,
			body#internal #internal_right #internal_buy_now a.hover,
			body#internal #internal_right #internal_buy_now a.internal_buy_now:hover {
				background-position:0 -40px;
			}
			
			body#internal #internal_right #internal_buy_now a.internal_buy_now .jsblend {background-position:0 -40px !important;}

body#internal #footer a:hover {color:#e94c00;}
	
body#internal #footer ul li a {color:#919090;}
		
body#internal #footer p a {color:#919090;font-weight:bold;}

/* Jason added this section for the "buy" page */
	body#internal #buy_content {
		background:url("../_images/buy_center_background.jpg") no-repeat scroll 0 0 transparent;
		padding:25px 35px 0;
		width:926px;
	}




#slidernav {
	height: 0px;
}

#slidernav a {
	border: 1px solid #ccc;
	text-decoration: none;
	margin: 5px;
	padding: 4px;
	font-size: xx-small;
	position: relative;
	top: -53px;
	left: 820px;
	z-index: 900;
	background-color: #D0F66A;
	font-weight: bold;
	color: #000;
}

#slidernav a.activeSlide {
	background: #ea0;
	color: #000;
	border: 1px solid #606060;
}


/* ---- data table styles ----------------------------------------- */

.data_table {
	border-top:1px solid #C4C0BA;
	width:100%;
	table-layout:fixed;
	color: #848484;
	} 

.data_table td {	
	border-bottom:1px solid #C4C0BA;
	width:100%;
	padding:4px 10px;
	vertical-align:top;
	color: #848484;
	}

td.odd { 
/* 	background-color:#D8E5FD;  */
	background:url("../_images/table_td_bg.gif") repeat-x scroll 0 0 transparent;
	}

.even { 
/* 	background-color:#D8E5FD;  */
	background:url("../_images/table_td_bg_alt.gif") repeat-x scroll 0 0 transparent;
	}


/* .
data_table .even td { background-color:#B7C6E3; } 
.data_table .data td { text-align:right; }
.data_table td.label { text-align:left; }
*/

.ibracket-logo {
	text-indent: -9999em;
	background:url("../_images/ibracket-logo.png") no-repeat 0 0 transparent;
	width: 217px;
	height: 59px;
}
.ibracket-logo a {
	display: block;
	width: 217px;
	height: 59px;
}
h3.internal-ibracket-callout {/* these are for the right sidebar on interior pages */
	color: #959595;
	font-size: 21.65px;
}
body#internal h2.internal-ibracket-callout {
	font-size: 46.92px;
	color: #ccc;
	padding: 0px 0px 0px 0px;
}
h2.internal-ibracket-callout span, body#internal h2.internal-ibracket-callout a {
	color: #707070;
	cursor: pointer;
}
.buy-ibracket-wrapper {/*prevent each buy now form from overlapping */
	margin: 2em 0;
	height: 220px;
	clear: left;
}
.buy-ibracket-wrapper input.buy_now, .buy-ibracket-wrapper select {
	float: none;
	margin: 1em 0;
}


/* ---- kindle landing page styles ----------------------------------------- */
		
		

		
body.landing #internal_right {
	/* display: none; */
}
		
body.landing #internal_left {
	/* border: 1px solid red;
	width: 925px;
	*/
}