/* @override http://localhost:9077/includes/css/main.css */
@charset "UTF-8";
/* @group Resets */
* {
	vertical-align:baseline;
	border:none;
	outline:0;
	padding:0;
	margin:0;
}
* :focus {
	outline:none;
	-moz-outline-style:none;
}
html {
	overflow-Y:scroll;
}
html, body {
	height:100%;
}
body {
	background:#e6e6e6 url('/includes/images/body_bknd.png') repeat-y fixed center center;
	font:62.5% Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}
a {
	color:#003877;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.clear {
	clear:both;
}
a:active, input, a .active {
	outline:none;
}
p {
	margin:5px 0 10px 0;
}
.leftFloat {
	float:left;
}
.rightFloat {
	float:right;
}
.centerAlign {
	text-align:center;
	margin:0 auto;
}
#mainContent #tabPanes .items .accordion div .noBorder, .noBorder {
	border:none;
}
h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
}
#sectionHeader {
	position:relative;
	background:url('/includes/images/tb_product_bknd.png') repeat-x;
	height:115px;
}
#sectionHeader #productIcon {
	width:91px;
	height:95px;
	position:absolute;
	bottom:0;
	left:10px;
}
#sectionHeader h1 {
	display:block;
	color:#FFF;
	font-size:2.6em;
	font-weight:normal;
	position:absolute;
	padding-right:270px;
	height:35px;
	left:110px;
	bottom:5px;
	text-shadow:#212121 0 2px 1px;
	overflow:hidden;
}
#sectionHeader h1 a {
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	width:225px;
	height:19px;
	font-size:0.6em;
	font-weight:bold;
	color:#1D2531;
	padding:8px;
	background:url('/includes/images/buy_now.png') no-repeat;
	text-shadow:#FFF 0 1px 1px;
}
#sectionHeader h4 {
	display:block;
	color:#0E1026;
	font-size:1.4em;
	font-weight:normal;
	position:absolute;
	left:110px;
	bottom:55px;
	text-shadow:#C5CBD8 0 1px 0px;
}

#sectionHeader #productScreens {
	position:absolute;
	top:3px;
	right:10px;
}

ol, ul {
	list-style:none;
	padding:0;
	margin:0;
}
h2 {
	color:#3280BF;
	font-size:1.8em;
}
h3, h4 {
	color:#003877;
}
h3 {
	font-size:1.4em;
}
h4 {
	font-size:1.2em;
}
/* @end */
#bodyContainer {
	background:#FFF url('/includes/images/topheader_bknd.png') repeat-x;
	text-align:left;
	width:969px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -122px;
}
/* @group Footer */
#footer, #clearFooter {
	height:122px;
}
#footer {
	background:url('/includes/images/footer_bknd.png') no-repeat center bottom;
	font-size:1em;
	color:#333;
}
#footer .wrapper {
	position:relative;
	margin:0 auto;
	width:936px;
	padding:27px 12px 0px 12px;
	line-height:22px;
	border-top:1px solid #ccc;
	color:#666;
}

/*
#topPlatform .mfgLogo, #footer .mfgLogo, #topPlatform #headerSearch .sButton, #topPlatform #worldwideSites img, #globalNav li a.dropDown {
	background-image:url('/includes/images/shared_elements.png');
	background-repeat:no-repeat;
}
#leftNav h4, #leftNav a.header, #leftNav ul li ul a, #mainContent .Box4Layout li h3 .arrow, #globalNav .sf-menu ul li a.indent, #topPlatform #worldwideSites .topArrow div, #globalNav .active div.arrow, a.linkButton {
	background-image:url('/includes/images/shared_arrows.png');
	background-repeat:no-repeat;
}
*/
#footer .mfgLogo {
	position:absolute;
	right:15px;
	top:32px;
	width:226px;
	height:34px;
	background-position:0px -45px;
	text-indent:-999em;
}
#footer a {
	color:#666;
	margin-right:24px;
}
/* @end */
/* @group Top Platform */
#topPlatform {
	position:relative;
	padding-top:5px;
	height:96px;
	z-index:1000;
}
#topPlatform #logo {
	position:absolute;
	display:block;
	left:10px;
	top:31px;
	width:249px;
	height:30px;
	background:url('/includes/images/logo.png') no-repeat;
	text-indent:-999em;
}
#topPlatform #topSubNav {
	font-size:1.1em;
	position:absolute;
	top:15px;
	right:10px;
	width:500px;
	text-align:right;
}
#topPlatform #topSubNav a {
	color:#666;
	margin-left:15px;
}
#topPlatform #worldwideSites {
	position:absolute;
	top:60px;
	right:0px;
	text-align:right;
}
#topPlatform #worldwideSites a {
	color:#666;
	font-size:1.1em;
	padding-right:10px;
}
#topPlatform #worldwideSites a:hover {
	text-decoration:none;
}
#topPlatform #worldwideSites img {
	width:18px;
	height:20px;
	background-position:-21px -80px;
	vertical-align:middle;
	margin:0px 5px;
}
#topPlatform #worldwideSites ul li ul li {
	float:none;
}
#topPlatform #worldwideSites .topArrow div {
	background-position:0px bottom;
}
#topPlatform #worldwideSites .sf-menu ul li div {
	width:350px;
	font-size:0.97em;
	right:0px;
	overflow:hidden;
}
#topPlatform #worldwideSites .sf-menu ul li.topArrow {
	position:relative;
	height:20px;
}
#topPlatform #worldwideSites .sf-menu ul li.topArrow div {
	position:absolute;
	right:0px;
	width:115px;
	height:20px;
}
#topPlatform #worldSitesMap {
	background:#3699AF;
}
#topPlatform #worldSitesMap div {
	background:url('/includes/images/world_map.png') no-repeat right 50%;
	border-left:1px solid #00748E;
	padding:10px;
	overflow:hidden;
}
#topPlatform #worldSitesMap div ul li {
	float:none;
}
#topPlatform #worldSitesMap div ul {
	position:relative;
	top:0px;
	border-bottom:none;
}
#topPlatform #worldSitesMap div a {
	display:block;
	width:130px;
	padding:4px;
	text-decoration:none;
	display:block;
	cursor:pointer;
	color:#FFF;
	text-align:left;
	border:1px solid transparent;
	font-size:1.2em;
}
#topPlatform #worldSitesMap div a:hover {
	border:1px solid #83C0CE;
	cursor:pointer;
}
#topPlatform #worldSitesMap div a.active {
	background:url('/includes/images/active_site_region.png') no-repeat right 50%;
	border:1px solid #ABC4C9;
}
#worldwideSites .rightFloat ul {
	border-right:none;
}
/* @end */
#fullPlatform {
	margin:0 auto;
	width:960px;
}
#contentContainer {
	position:relative;
	overflow:hidden;
	padding:10px 0px 20px 10px;
	width:950px;
}
#contentContainer #requirements {
	position:absolute;
	top:5px;
	right:265px;
	text-align:right;
	font-size:1.0em;
}
#contentContainer #requirements h5 {
	font-size:1.1em;
}
#contentContainer #crossSell {
	position:absolute;
	top:60px;
	left:310px;
	font-size:12px;
	font-weight:bold;
	border:1px solid #FFCC00;
	background-color:#EEE;
	padding:5px;
}
#contentContainer a, #contentContainer p {
	font-size:1.2em;
}
#leftContainer {
	float:left;
	width:285px;
}
#iPhoneProduct {
	position:relative;

	width:284px;

	height:613px;

	background:url('/includes/images/iphone_bknd_large.jpg') no-repeat;

}

#iPhoneProduct #product_screen {

	position:absolute;

	left:26px;

	top:102px;

}

/* @group Left Reviews */
#leftReviews a {
	display:block;
	font-size:1.0em;
	font-weight:bold;
	padding:5px 0px 10px 20px;
	color:#3280BF;
	background:url('/includes/images/accordion_arrows.png') no-repeat 0 -37px;
}
#leftReviews h4 {
	display:block;
	color:#565656;
	border-bottom:1px solid #E5E5E5;
	padding:20px 3px 5px 0px;
	margin-bottom:10px;
}
/* @group Accordion */
#leftReviews .accordion h6 {
	padding:5px 0px 10px 20px;
	background:url('/includes/images/accordion_arrows.png') no-repeat 0 -38px;
	cursor:pointer;
}
#leftReviews .accordion h6:hover {
	text-decoration:underline;
}
#leftReviews .accordion h6.ui-state-active {
	background-position:0 4px;
	cursor:default;
}
#leftReviews .accordion div {
	position:relative;
	padding:10px 20px;
	color:#666;
	border-top:1px solid #E5E5E5;
	background-color:#F5F5F5;
	overflow:hidden;
}
/* @end */

#leftReviews h6 {
	font-size:1.1em;
	color:#3280BF;
}
#leftReviews p {
	font-size:1.1em;
}
#leftReviews .reviewer {
	color:#868686;
}
/* @end */
/* @group Content Container */
#mainContent {
	width:650px;
	float:right;
	color:#666;
	padding-top:105px;
	z-index:999;
}
#mainContent .contentBold {
	font-style:italic;
	font-weight:bold;
}
#mainContent .largerFont {
	font-size:1.1em;	
}
#mainContent a {
	color:#3280BF;
}
#mainContent .grayText {
	color:#868686;
}
#mainContent h2 {
	font-weight:normal;
}
#mainContent h4 {
	font-size:1.4em;
	padding:10px 0px 20px 0px;
	margin-top:20px;
}
#mainContent h4.top, #mainContent h5.top {
	margin-top:0;
}
#mainContent #tabPanes .navi {
    margin-left:250px; 
    width:370px; 
    height:20px;
    overflow:hidden;
} 
#mainContent #tabPanes .navi a { 
    width:8px; 
    height:8px; 
    float:left; 
    margin:3px; 
    background:url('/includes/images/gradient/navigator.png') 0 0 no-repeat; 
    display:block; 
    font-size:1px; 
} 
#mainContent #tabPanes .navi a:hover { 
    background-position:0 -8px;       
} 
#mainContent #tabPanes .navi a.active { 
    background-position:0 -16px;      
}
#mainContent #tabPanes .items .features h4 {
	color:#3280BF;
	background-color:transparent;
	font-size:1.3em;
	padding:5px 0px 10px 25px;
	background:url('/includes/images/accordion_arrows_lg.png') no-repeat 0 -44px;
	cursor:pointer;
	margin-top:5px;
	clear:both;
}
#mainContent #tabPanes .items .features h4:hover {
	text-decoration:underline;
}
#mainContent #tabPanes .items .features h4.ui-state-active {
	background-position:0 4px;
	cursor:default;
}
#mainContent #tabPanes .items .accordion div {
	padding:10px 20px;
	color:#666;
	border-top:1px solid #E5E5E5;
	background-color:#F5F5F5;
	overflow:hidden;
	margin-bottom:15px;
	width:590px;
}
/*#mainContent #tabPanes .items .accordion div div {
	border-top:none;
	width:auto;
	padding:0;
}*/
#mainContent #tabPanes .items .accordion div img {
	margin:5px;
	border:1px solid #858585;
}
#mainContent #tabPanes .accordion h6 {
	padding:5px 0px 10px 20px;
	background:url('/includes/images/accordion_arrows.png') no-repeat 0 -38px;
	cursor:pointer;
}
#mainContent #tabPanes .accordion h6:hover {
	text-decoration:underline;
}
#leftReviews .accordion h6.ui-state-active {
	background-position:0 4px;
	cursor:default;
}
.spacer20px {
	width:20px;
}
.topSpacer {
	margin-top:20px;
}
.vMarginLarge {
	margin:40px 0px;
}
#mainContent .equalHeightTable h3 {
	padding:10px 5px;
	border-bottom:1px solid #CACACA;
	overflow:hidden;
	position:relative;
}
#mainContent .equalHeightTable h3 a {
	position:absolute;
	right:0px;
	font-size:0.8em;
	color:#003877;
}
#mainContent .col_2image img.firstCol {
	margin-right:20px;
}

/* @group Tab Nav */
#mainContent #tabNav {
	padding-bottom:6px;
	background:url('/includes/images/tabnav_bknd.png') repeat-x 0 bottom;
	overflow:hidden;
}
#mainContent #tabNav li {
	float:left;
	margin-right:5px;
}
#mainContent #tabNav li a {
	display:block;
	padding:5px 15px;
	color:#666;
	border:1px solid #B4BBC2;
}
#mainContent #tabNav li a.active {
	font-weight:bold;
	color:#000033;
	background-color:#CBCBCB;
}

#mainContent #tabPanes {
    position:relative;
    width:640px;
	height:450px;
    overflow:hidden;
    margin-left:5px;
    margin-top:5px;
    clear:both;
    z-index:0;
} 
 
/* override single pane */ 
#mainContent #tabPanes div {
	position:relative;
    float:left;  
    width:640px;
} 
 
/* our additional wrapper element for the items */ 
#mainContent #tabPanes .items {
	position:absolute; 
    width:2000em;  
    margin:0; 
    padding:0; 
}

#mainContent .restoreBullets li, .restoreBullets li {
	list-style-type:square;
	list-style-position:outside;
	margin:10px 20px;
	padding:0px
}
#mainContent #tabPanes .items h4 {
	font-size:1.5em;
	padding:4px;
	margin-top:20px;
	color:#aaa;
	background-color:#E6E6E6;
	text-shadow:#FFF 0 -1px 0px;
}
#mainContent #tabPanes .items #instructionsDiv h4 {
	font-size:1.8em;
	color:#666;
	margin-bottom:10px;
}
#mainContent #tabPanes .items li {
	color:#666;
	font-size:1.3em;
}
#mainContent #tabPanes .items li p {
	font-size:1.0em;
}
#mainContent #tabPanes .items li ul li {
	list-style-type: circle;
	font-size:1.0em;
}

#mainContent #tabPanes .items h4.top { margin-top:0px; }

#tabPanes .newFunct, #tabPanes .imprv, #mainContent #tabPanes .bugFix {
	font-weight:bold;
	color:#009900;
	text-shadow:#C6C6C6 0 1px 0px;
}
#tabPanes .imprv {
	color:#FF6600;
}
#mainContent #tabPanes .bugFix {
	color:#990000;
}
/* @end */

/* @group Scrollable Screens */

#mainContent #tabPanes .scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 500px;
	height:180px;
	/* custom decorations */
	border:1px solid #ccc;
	background:url('/includes/images/gradient/h300.png') repeat-x;
}
#mainContent #tabPanes .scrollable .thumbnailItems {
	width:20000em;
	position:absolute;
	clear:both;
}
#mainContent #tabPanes .scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:89px;
	height:128px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#mainContent #tabPanes .scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}
#mainContent #tabPanes .scrollable {
	float:left;	
}
/* prev, next, prevPage and nextPage buttons */
#mainContent #tabPanes a.browse {
	background:url('/includes/images/gradient/hori_large.png') no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:70px 10px;
	cursor:pointer;
	font-size:1px;
}
#mainContent #tabPanes a.right 		{ background-position: 0 -30px; clear:right; margin-right: 0px;}
#mainContent #tabPanes a.right:hover 	{ background-position:-30px -30px; }
#mainContent #tabPanes a.right:active 	{ background-position:-60px -30px; } 
/* left */
#mainContent #tabPanes a.left			{ margin-left: 28px; } 
#mainContent #tabPanes a.left:hover  	{ background-position:-30px 0; }
#mainContent #tabPanes a.left:active  	{ background-position:-60px 0; }
/* disabled navigational button */
#mainContent #tabPanes a.disabled {
	visibility:hidden !important;		
} 	
#mainContent #tabPanes div.scrollable { 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 500px; 
    height:180px; 
} 
#mainContent #tabPanes div.scrollable div.thumbnailItems { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
div.scrollable div.thumbnailItems div { 
    float:left; 
}  
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}
#mainContent #tabPanes #image_wrap { 
    /* dimensions */ 
    width:560px; 
    margin:15px 0 15px 40px; 
    padding:15px 0; 
 
    /* centered */ 
    text-align:center; 
 
    /* some "skinning" */ 
    background-color:#efefef; 
    border:2px solid #fff; 
    outline:1px solid #ddd; 
    -moz-ouline-radius:4px;
    cursor:pointer;
}

#mainContent #tabPanes #image_wrap img {
	border:1px solid #767676;
}

#mainContent #tabPanes #image_wrap h4 {
	color:#767676;
	background-color:transparent;
}
/* @end */

#leftContent {
	float:left;
	width:444px;
	padding-right:25px;
	margin-top:25px;
	border-right:1px solid #F0F0F0;
}
#rightContent {
	float:right;
	width:220px;
	padding:0px 10px;
	margin-top:25px;
}
#rightContent h5 {
	font-size:1.2em;
}
/* @end */

@media print {
	body {
		background:white;
		text-align:left;
		font:62.5% Arial, Helvetica, sans-serif;
		color:#526083;
	}
	#bodyContainer {
		margin:0;
	}
	#mainContent {
		color:#000;
	}
	.accordion div {
		
	}
	#footer {
		background:none;
	}
}