/* 
 * Load CC default styles for top navigation 
 */



/* Cultured Code Navigation */

ul#navi	{
	width: 790px;
	height: 50px;
	margin-left: 6px;
	position: relative;
	line-height: 0px; /* fixes IE6 stepdown bug */
}

ul#navi li a {
	display: block;	height: 50px;
	position: absolute; top: 0;
	text-indent: -9999px;
	background-image: url(navigation3.png);
	background-repeat: no-repeat;
}

ul#navi li#welcome_link a {
	left: 0;
	width: 160px;
	background-position: 0px 0px;
}
ul#navi li#welcome_link a:hover {
	background-position: 0px -60px;
}
ul#navi li#welcome_link a:active {
	background-position: 0px -120px;
}
ul#navi li#welcome_link a.current {
	background-position: 0px -120px;
}

ul#navi li#things_link a {
	left: 160px;
	width: 130px;
	background-position: -160px 0px;
}
ul#navi li#things_link a:hover {
	background-position: -160px -60px;
}
ul#navi li#things_link a:active {
	background-position: -160px -120px;
}
ul#navi li#things_link a.current {
	background-position: -160px -120px;
}

ul#navi li#thingsiphone_link a {
	left: 290px;
	width: 130px;
	background-position: -290px 0px;
}
ul#navi li#thingsiphone_link a:hover {
	background-position: -290px -60px;
}
ul#navi li#thingsiphone_link a:active {
	background-position: -290px -120px;
}
ul#navi li#thingsiphone_link a.current {
	background-position: -290px -120px;
}

ul#navi li#thingsipad_link a {
	left: 420px;
	width: 130px;
	background-position: -420px 0px;
}
ul#navi li#thingsipad_link a:hover {
	background-position: -420px -60px;
}
ul#navi li#thingsipad_link a:active {
	background-position: -420px -120px;
}
ul#navi li#thingsipad_link a.current {
	background-position: -420px -120px;
}


ul#navi li#support_link a {
	left: 550px;
	width: 80px;
	background-position: -550px 0px;
}
ul#navi li#support_link a:hover {
	background-position: -550px -60px;
}
ul#navi li#support_link a:active {
	background-position: -550px -120px;
}
ul#navi li#support_link a.current {
	background-position: -550px -120px;
}

ul#navi li#blog_link a {
	left: 630px;
	width: 80px;
	background-position: -630px 0px;
}
ul#navi li#blog_link a:hover {
	background-position: -630px -60px;
}
ul#navi li#blog_link a:active {
	background-position: -630px -120px;
}
ul#navi li#blog_link a.current {
	background-position: -630px -120px;
}

ul#navi li#about_link a {
	left: 710px;
	width: 80px;
	background-position: -710px 0px;
}
ul#navi li#about_link a:hover {
	background-position: -710px -60px;
}
ul#navi li#about_link a:active {
	background-position: -710px -120px;
}
ul#navi li#about_link a.current {
	background-position: -710px -120px;
}

ul#navi li a:hover {
	background-position-y: -50px;
}

ul#navi li a:active {
	background-position-y: -100px;
}

ul#navi li a.current {
	background-position-y: -100px;
	text-indent: -9999px;
}




/*
 * Basics
 */

img {
	border: 0px;
}

body { 
	background-color: #d5e9ed;
}
body.core-body-dialog{
	background-color: white;
}

body, table {
	font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 16px;
	color: #222;
}

a {
	color: #4d6399;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-weight: normal;
}

h2 {
	font-weight: normal;
	font-size: 16px;
}

h3 {
	font-weight: normal;
	font-size: 12px;
	margin-top: 2.0em;
	margin-bottom: 0.5em;
}

h4 {
	font-weight: normal;
	font-size: 12px;
}


#Wrapper {
	position: relative;
	width: 724px;
	margin-left: auto;
	margin-right: auto;
}

#Banner {

}

#Logo{
	padding-top: 20px; padding-left: 6px
}

#Page {
	background: url(page-background-middle.png) repeat-y;
	padding-left: 42px;
	padding-right: 42px;
}

#PageHeader {
	background: url(page-background-top.png) no-repeat;
	height: 64px;
	margin-top: 24px;
}

#PageHeader h1 {
	font-size: 18px;
	font-weight: normal;
	padding-top: 30px;
	padding-left: 42px;
}

#PageHeader img{
	float: left;
	padding-left:35px;
	padding-right:10px;
	padding-top:20px;
}

#PageFooter {
	background: url(page-background-bottom.png) no-repeat;
	height: 40px;
}

#Content {
	position:relative;
	padding-top: 20px;
	padding-bottom: 1px;
}

#Content p#EducationInformation {
	margin: 0px;
	padding: 20px 0px;
}








/**
 * Store Switch
 */

#LinkEducationStore{
display:none;
font-size: 12px;
margin-bottom: 16px;
margin-left: 163px;
margin-top: 10px;
text-align: center;
width: 400px;
}

#LinkEducationStore img{
/*	margin-bottom: -10px; */
	padding-right: 5px;
}

.main-store-link { display: none; }
.edu-store-link { display: none; }

.edu-page .main-store-link{
	display:inline;
}
.edu-page #LinkEducationStore{
	display: block;
}
.main-page .edu-store-link{
	display:inline;
}
.main-page #LinkEducationStore{
	display: block;
}






/**
 * Product catalog table
 */

.product-catalog-table {
	width: 640px;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

.product-catalog-table tr {
	height: 200px;
}

.product-catalog-table tr.separator {
	border-top: 1px solid #ddd;	
}

.product-catalog-table td.productImage {
	width: 200px;
}

.product-catalog-table td.productInformation {
	width: 340px;
	font-size: 12px;
	color: #333;
}

.product-catalog-table td.productPurchase {
	width: 100px;
	padding-right: 10px;
	text-align: center;
}

.product-catalog-table .productTitle {
	font-size: 18px;
	line-height: 24px;
	color: #000;
}

.product-catalog-table .productOS {
	line-height: 18px;
}

.product-catalog-table .productDescription {
	margin-top: 16px;
	padding-right: 1em;
}

/* Hack for volume discount */
.product-catalog-table .productDescription font {
	font-size: 12px;
}

.product-catalog-table .productPrice {
	font-size: 16px;
	margin-bottom: 10px;
}







/**
 * Page Top Navigation Buttons
 */

#ContinueShopping {
	display: none;
 	position: absolute; left: 30px; top: 10px;
	background: url(button-tinylink-back.png) no-repeat;
	padding-left: 12px;
	font-size: 11px;
}
#ViewCart{
	display: none;
 	position: absolute; right: 30px; top: 10px;
	background: url(button-tinylink-cart.png) no-repeat;
	padding-left: 19px;
	font-size: 11px;
}
.store-page-product #ViewCart {
	display:block;
}
.store-page-customer #ContinueShopping, 
.store-page-confirm #ContinueShopping,
.store-page-contents #ContinueShopping {
	display: block;
}

/* Blue Button
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	color: white !important;
	background: #ea713c url(button-bg-blue.png) bottom left repeat-x;
	padding: 2px 8px;
	font-size: 11px;
	text-shadow: #6d899c 0px -1px 0px;
	border: 1px solid #5c809a;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
*/






/**
 * Page Headers
 */
.PageHeaderShoppingCart, .PageHeaderConfirm, .PageHeaderComplete, .PageHeaderEducation{
	display: none;
}
.edu-page .PageHeaderEducation{
	display: block;
}
.edu-page .PageHeaderDefault{
	display: none;
}
.store-page-customer .PageHeaderShoppingCart{
	display: block;
}
.store-page-customer .PageHeaderDefault{
	display: none;
}
.store-page-contents .PageHeaderShoppingCart{
	display: block;
}
.store-page-contents .PageHeaderDefault{
	display: none;
}
.store-page-confirm .PageHeaderConfirm{
	display: block;
}
.store-page-confirm .PageHeaderDefault{
	display: none;
}
.store-page-complete .PageHeaderComplete{
	display: block;
}
.store-page-complete .PageHeaderDefault{
	display: none;
}





/**
 * FS
 */

.store-survey .core-form-field-body-note{
	width: 100%;
	padding-top: 1em;
}








/* Hack to make the question text for "heard about" same as h2 core-section-header 
  this works only because the education questions are required.
*/
.store-survey .core-form-field-optional .core-form-field-label{ 
	font-size: 16px;
	font-weight: normal;
	margin-top: .75em;
	margin-bottom: .75em;
/*	font-size: 1.5em;
	margin-top: .75em;
	margin-bottom: .75em;
	font-weight: bolder;
	*/
}






.core-section{
	background: url(page-separator.png) no-repeat center bottom;
	padding-bottom: 40px;
} 
.core-section + .core-section{
	margin-top: 2em;
}

.store-field-cc-security-code .core-form-field-body-note {
	display:inline;
}
.store-field-cc-security-code .store-field-cc-security-code-about {
	display: none;
}

.store-page-navigation{
	border: none;
	margin: none;
	text-align: center;
}
.store-page-navigation .store-action-list{
	text-align: center;
}

.store-page-customer .store-section-order-contents .core-section-header,
.store-page-contents .store-section-order-contents .core-section-header
{
	display:none;
}

.store-section-customer-details .core-form-field-group-header{
	display:none;
}
.store-section-customer-details .store-section-customer-address{
	margin-top: 2em;
}

.store-order-item-offers{
	font-style: normal;
}
.store-order-item-group{
	/*background: url(shoppingcarttable-background.png) repeat-x bottom left;*/
	border: 0px;
	margin: 0px;
	padding: 1em;
	position: relative;
	background: #f7f7f7;
	border-bottom: 1px solid #e5e5e5;
}
.store-order-item-group + .store-order-item-group{
	border: 0px;
	margin: 0px;
}

.store-order-item-action-quantity .store-action-command{
	padding-left: 14px;
	background: url(arrow_refresh_small.png) no-repeat top left;
	left: 8.25em;
	top: .9em;
	position: absolute;
	text-decoration: none !important;
}
.store-order-item-action-quantity .store-action-title{
	visibility: hidden;
}
.store-order-item-action-quantity .store-action-input{
/*	left: 5.5em;*/
	top: 1em;
	position: absolute;
	margin-right: 1em;
	right: 125px;
}

.store-section-payment-details-billing{
	margin-top: 3em;
}

#ccShippingAddressDisplay > div{
	margin-top: 1em;
}
.core-messages{
	margin-bottom: 1em;
}

.store-order-item-group-action-list{
	text-align: left;	
	margin-top: .25em;
}
.store-order-item-group-action-list li{
	margin: 0px;
	padding: 0px;
}

.store-tools{
	position: absolute;
	margin: 0px;
	right: 0.5em;
	top: -35px;
}
#store-variation-selection-body{
	width: 16em;
}

.core-form-field + .core-form-field{
  margin-top: .5em;
}
.core-form-field-label{
  margin-bottom: .25em;
  font-size: .9em
}
.core-form-field-body{
	padding: 0em;
}
.core-form-field-body-note{
  font-size: .9em;
  color: rgb(50,50,50);
  width: 16em;
}
.store-field-contact-email .core-form-field-body-note{
	color: #888;
	line-height: 1.3em;
	margin-top: 0.5em;
}
.core-form-field-required .core-form-field-label{
	font-weight: bold;
}

.store-order-pricing{
	padding-right: 1em;
}

input[type=text]{
	padding: 2px 3px;
	background:#fff url(text-bg.gif) repeat-x 0 0;
	border: 1px solid #B5B8C8;	
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;
}
input[type=text]:focus{
	border: 1px solid #7eadd9;	
}

.store-order-item-group-base{
	position:relative;
}

.store-order-action-list{
	text-align: right;
}

.store-order-action-coupon .store-action-input{
	width: 16em;
	font-size: 0.9em;
	font-weight: normal;
}

.store-field-license-name-option-custom input[type=text]{
	margin-left: .5em !important;
}

.store-action-command + .store-action-input{
	margin-left: .5em;
}

.store-decorate-pay2 .store-field-cc-number .core-form-field-body-note{
	padding-top: 3px;
}

.store-order-item-offer{
  display: block;
}

.secure-seal{
	margin-top: 1em;
	text-align:center;
}

.store-page-customer .store-footer{
	color: rgb(85, 85, 85);
	font-size: 0.8em;
	margin-top: 6em;
	padding-top: 0em;
	position: absolute;
	text-align: center;
	width: 640px;
}

.store-page-customer .secure-seal{
	margin-top: 5em;
}

/*.store-page-confirm .store-order-action-coupon-li{
	display:none;
}*/

/*.store-payment-method-list li{
	margin-top: 16px;
}
.store-payment-method-list-selection input{
	height: 24px;
}*/

.store-payment-method-list-selection{ 
	font-size: 24px;
}
.store-payment-method-list li{
	margin-top: 16px;
}







/** 
 * Shopping Cart on Shopping Cart Page and on Order Page
 */
 
.store-order-action-list,
.store-page-contents .store-page-navigation{
  position: relative;
}


/* General (on Order Page) */
.store-action-list .store-order-action-list {
  margin-top: 2em;
}
.store-action-list .store-order-action-quantity-li {
  position: absolute;
  top: -1em;
  right: 0em;
}
.store-action-list .store-order-action-coupon-li {
  position: absolute;
  top: -1em;
  left: 0em;
}


/* Specific for Shopping Cart Page */
.store-page-contents .store-order-action-list{
  margin-top: 3.5em;
}
.store-page-contents .store-order-action-quantity-li{
  position: absolute;
  top: -3em;
  right: 0em;
}
.store-page-contents .store-order-action-coupon-li{
  position: absolute;
  top: -3em;
  left: 0em;
}

.store-order-action-more{
	display:none;
}






/**
 * Buttons
 */

.product-catalog .store-action-command,
.store-page-navigation .store-action-command, 
.store-page-contents .store-order-action-order .store-action-command,
.store-page-navigation .store-action-command:hover, 
.store-page-contents .store-order-action-order .store-action-command:hover, 
.store-page-navigation .store-action-command:active, 
.store-page-contents .store-order-action-order .store-action-command:active, 
.store-page-navigation .store-action-command:link, 
.store-page-contents .store-order-action-order .store-action-command:link, 
.store-page-navigation .store-action-command:visited, 
.store-page-contents .store-order-action-order .store-action-command:visited, 
.store-page-navigation .store-action-command:focus, 
.store-page-contents .store-order-action-order .store-action-command:focus {
	display: inline-block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	color: white !important;
	background: #ea713c url(button-bg-orange.png) bottom left repeat-x;
	/*height: 14px;*/
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	font-size: 12px;
	text-shadow: #d15f2b 0px -1px 0px;
	border: 1px solid #df3500;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.product-catalog .store-product-detail-action-order .store-action-command {
	width: 70px;
}

.store-order-action-edit .store-action-command, 
.store-order-action-edit .store-action-command:hover, 
.store-order-action-edit .store-action-command:active, 
.store-order-action-edit .store-action-command:link, 
.store-order-action-edit .store-action-command:visited, 
.store-order-action-edit .store-action-command:focus, 

.store-order-action-more .store-action-command, 
.store-order-action-more .store-action-command:hover, 
.store-order-action-more .store-action-command:active, 
.store-order-action-more .store-action-command:link, 
.store-order-action-more .store-action-command:visited, 
.store-order-action-more .store-action-command:focus, 

.store-order-action-coupon .store-action-command, 
.store-order-action-coupon .store-action-command:hover, 
.store-order-action-coupon .store-action-command:active, 
.store-order-action-coupon .store-action-command:link, 
.store-order-action-coupon .store-action-command:visited, 
.store-order-action-coupon .store-action-command:focus,

.store-order-action-quantity .store-action-command, 
.store-order-action-quantity .store-action-command:hover, 
.store-order-action-quantity .store-action-command:active, 
.store-order-action-quantity .store-action-command:link, 
.store-order-action-quantity .store-action-command:visited, 
.store-order-action-quantity .store-action-command:focus
{
	display: inline-block;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	color: white !important;
	background: #aaa;
	height: 18px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	font-size: 10px;
	line-height: 18px;
	border: none; /* needed to overwrite orange buttons */
	text-shadow: none; /* needed to overwrite orange buttons */
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}


.store-order-item-action-delete .store-action-command, 
.store-order-item-action-delete .store-action-command:hover, 
.store-order-item-action-delete .store-action-command:active, 
.store-order-item-action-delete .store-action-command:link, 
.store-order-item-action-delete .store-action-command:visited, 
.store-order-item-action-delete .store-action-command:focus
{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(button-trash.gif) no-repeat;
	position: absolute;
	top: 1em;
	right: 180px;
}
.store-order-item-action-delete .store-action-title {
	display: none;
}


/**
 * Variation Selection Decoration
 */

#store-variation-selector-command{
  padding-right: 19px;
  font-size: 14px;
  background: url(var_arrow.png) no-repeat center right;
}
#store-variation-selector-command:hover{
  padding-right: 19px;
  font-size: 14px;
  background: url(var_arrow_over.png) no-repeat center right;
}
#store-variation-selector-command.store-variation-selector-active{
  padding-right: 19px;
  font-size: 14px;
  background: url(var_active.png) no-repeat center right;
}



/**
 * Volume Discount Table
 */


table.store-product-pricing-tiered-table {
	font-size: 0.85em;
	color: #555;
}

table.store-product-pricing-tiered-table thead th {
	font-weight: bold;
}

.store-product-pricing-tiered-table-level {
	width: 6em;
}
.store-product-pricing-tiered-table-level {
	width: 6em;
}





/* Shopping Cart - Add Top Border */

.store-order-items {
	border-top: 1px solid #e5e5e5;
}


/* Processing ... */

#store-processing-element {
	font-weight: normal;
	margin: 1em 0em;
	color: #000;
	font-weight: normal;
	/*
	border: 3px solid #df3500;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	padding: 1em;
	padding-left: 230px;
	*/
}





/* Dialog / Popup Window / Volume Discounts */

body.core-body-dialog {
	background: #fff;
	margin-left: 1em;
}
body.core-body-dialog h2 {
	margin-top: 1em;
}
body.core-body-dialog .core-section {
	background: none;
}

body.core-body-dialog table.store-product-pricing-tiered-table {
	font-size: 1em;
	color: #000;
}





/* VAT ID 

.store-section-vat-exemption a.store-action-command {
	display: inline-block;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	color: white !important;
	background: #aaa;
	height: 18px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	font-size: 10px;
	line-height: 18px;
	position: absolute;
	left: 21em;
}

.store-section-vat-exemption {
	position: relative;
}
.store-section-vat-exemption p {
	margin-bottom: 0em;
}

*/

.store-section-vat-exemption .store-order-price-value{
	overflow:visible;
}




/* Credit Card Info and Billing Address */

#confirm .store-field-cc-expire {
	margin-top: 0em;
}
#ccShippingAddressDisplay {
	font-size: 11px;
	line-height: 14px;
}
.store-section-payment-details-cc h3 {
	display: none;
}
.store-section-payment-details-billing h3 {
	font-size: 16px;
}
.store-section-payment-details-cc {
	position: relative;
	height: 7em;
}
.store-section-payment-details-cc .core-form-field-area-left {
	float: none;
}
.store-section-payment-details-cc .core-form-field-area-right {
	margin-left: 0px;
}
.store-section-payment-details-cc .store-field-cc-number {
	position: absolute;
	top: 0em;
	left: 0px;
}
.store-section-payment-details-cc .store-field-cc-expire {
	position: absolute;
	top: 0em;
	left: 250px;
}
.store-section-payment-details-cc .store-field-cc-security-code {
	position: absolute;
	top: 0em;
	left: 456px;
}









/* Store Page Complete */

.store-page-complete .store-notice-bill-descriptor-message {
	margin-top: 0px;
}
.store-page-complete .store-notice-bill-descriptor {
	border: none;
	background: none;
	padding: 0px;
}

.store-page-complete .store-section-delivery .cc-instructions ol {
	list-style: decimal outside;
	padding-left: 20px;
	margin-bottom: 1em;
}
.store-page-complete .store-section-delivery .cc-license {
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	padding: 1em;
	margin: 1em 0em;
	background: #fff;
	color: #000;
	font-weight: normal;
	border: 3px solid #b8cfe5;
}

.store-page-complete .store-section-delivery .cc-license .cc-label {
	display: inline-block;
	width: 10em;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding-right: 0.5em;
}
.store-page-complete .store-section-delivery .cc-license .cc-value {
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
}
.store-page-complete .cc-info {
	margin-top: 3.5em;
	/*margin-bottom: 2em;
	font-size: 11px;
	color: #777;*/
}
.store-page-complete .store-order-items {
	margin-top: 2em;
}

/* Coupon Code fix */
.store-order-item-group-zero .store-order-item-action-quantity-li{
  display:none;
}






/* Contact */

#contact h3 {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 0em;
}
#contact .core-form-field-group-body textarea {
	margin-top: 0.5em;
}
#contact .core-form-field-group-body input {
	margin-top: 0.5em;
}
#contact .store-page-navigation input {
	margin-top: 2em;
	display: inline-block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	color: white !important;
	background: #ea713c url(button-bg-orange.png) bottom left repeat-x;
	/*height: 14px;*/
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	font-size: 12px;
	text-shadow: #d15f2b 0px -1px 0px;
	border: 1px solid #df3500;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
#contact .core-form-field-group-body div {
	width: 500px;
}




