/* -------------------------------------------------------------
 *	TYPOGRAPHY
 *
 *  This style sheet manages overall typography, color, and image styles
 *  for the site. These styles can be overloaded with styles for sections
 *  or pages.
 *
 *  Use the layout.css to manage element placement, margins, padding, etc.
 * -------------------------------------------------------------
 */

/* -------------------------------------------------------------
 *	"em" Emphasis
 *
 *  The font size unit requirement is "em". "em" is resolution dependent.
 *  The Windows operating system screen resolution is 96 ppi. The Mac uses
 *  72 ppi. Fortunately, popular Mac browsers emulate 96 ppi. So, to display
 *  a font size at 12pt at 96 ppi, .9em would be used.
 *
 *  The "em" size is also relative to it's parent, according to the W3C.
 *  Since we set the html and body's font-size to .9em and they are the
 *  parents of all page elements, font sizes for all elements will be relative
 *  to .9em. A paragraph with a font size of 1em would be 100% of the parent's
 *  size, or .9em. Smaller or larger sizes should be calculated accordingly.
 * -------------------------------------------------------------
 */
html, body
{
	font-family: Verdana, sans-serif;
	font-size: .9em; /* Equivalent for 12pt at 96 ppi - 1.2 * .75 = .9em */
	color: #333;
	background-color: #fff;
}

a
{
	cursor: pointer;
	color: #d64d09;
	text-decoration: none;
}

a:active, a:hover
{
	text-decoration: underline;
}

.active
{
	font-weight: bold;
}

.parent .parent-name
{
	font-weight: bold;
}

.subparent .subparent-name
{
	font-weight: bold;
}

.subsubparent .subsubparent-name
{
	font-weight: bold;
}

.required
{
}

em
{
	font-style: italic;
}

strong, .bold
{
	font-weight: bold;
}

.small-font
{
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
}

.tiny-font
{
	font-size: .75em; /* Equivalent for 10pt at 96 ppi - (10/12) * .9 = .75em */
}

.max-font
{
	font-size: 2em; /* Equivalent for 24pt at 96 ppi - (24/12) * .9 = 2em */
}

h1
{
	font-size: 1.2em; /* Equivalent for 16pt at 96 ppi - (16/12) * .9 = 1.2em */
}

h2
{
	font-size: 1.05em; /* Equivalent for 14pt at 96 ppi - (14/12) * .9 = 1.05em */
}

h3
{
	font-size: 1em; /* Equivalent for 12pt at 96 ppi */
}

h4, h5
{
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
	font-weight: bold;
}

.disclaimer {
	color: #727272;
	font-size: .75em; /* Equivalent for 10pt at 96 ppi - (10/12) * .9 = .75em */
}
.minicart-disclaimer {
	color: #999999;
	font-size: .85em; /* Equivalent for 10pt at 96 ppi - (10/12) * .9 = .75em */
}
h2.policy {
	padding: 10px 0;
	font-weight: bold;
	font-size: 1.2em; /* Equivalent for 16pt at 96 ppi - (16/12) * .9 = 1.2em */
}

.policy li {
	list-style-type: decimal;
}

.policy ol {
	padding-left: 20px;
}

/**
 * Place the markup class on a container element
 * which contains pre-formatted html.
 */
.markup p {
	padding: 0 0 5px 0;
}

.markup ol {
	padding: 5px 0 5px 25px;
}

.markup ol li {
	list-style: decimal;
}

.markup ul {
	padding: 5px 0 5px 25px;
}

.markup ul li {
	list-style: disc;
}

.markup h2 {
	font-weight: bold;
}

/**
 * Page Title
 **/
h1.page-title
{
	font-weight: bold;
	/* 	some characters in the title are not meant to be lowercase.
		title must be handled by code, not style.
	text-transform: lowercase;
	*/
}

#page-title-wrapper .customer-location
{
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
	text-transform: lowercase;
	white-space: nowrap;
}

/**
 * Header
 **/
#header
{
}

.csr a
{
	font-size: 1.2em;
	color: #adadad;
}

.csr a:hover
{
	color: #d34908;
}

/* Secondary Navigation */
#nav-utility
{
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
	text-transform: lowercase;
	white-space: nowrap;
}

#nav-utility ul li a
{
	text-decoration: none;
	color: #333;
	white-space: nowrap;
}

#nav-utility ul li a:hover
{
	text-decoration: underline;
}

#nav-utility #special-tasks li
{
	line-height: 3em;
}

/**
 * Navigation Bar
 **/
#navigation #logo a
{
	font-size: 2.5em;
	color: #fff;
}

#navigation #logo a:hover
{
	color: #61ad45;
}

/* Primary Navigation */
#nav-main
{
}

#nav-main ul li a
{
	color: #fff;
	font-weight: bold;
}

/* Sub-navigation */
#sub-navigation .nav-sub
{
	text-align: center;
}

#sub-navigation .nav-sub ul li a
{
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
	text-align: center;
	color: #333;
}

#sub-navigation .nav-sub ul li a:hover
{
	color: #61ad45;
	text-decoration: underline;
}

/**
 * Footer
 **/
#footer
{
	text-align: center;
	color: #323232;
}

#footer #foot-note-copy, #footer #foot-note-secure.foot-note-copy .foot-note-copy-text
{
	font-size: .75em; /* Equivalent for 10pt at 96 ppi - (10/12) * .9 = .75em */
}

#footer #foot-note-copy, #footer #foot-note-secure.foot-note-copy .foot-note-copy-text
{
	line-height: 1.5em;
}

#footer .learn-more-link {
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
	font-weight: normal;
	color: #D64D09;
}

#quick-links .learn-more-link a {
	font-weight: normal;
	color: #D64D09;
}

#footer #footer-links {
	font-size: .7em; /* Equivalent for 10pt at 96 ppi - (10/12) * .9 = .75em */ /*reduced to .7 to fit in IE8 */
	line-height: 1.35em;
}

#footer ul li a
{
	text-decoration: none;
	white-space: nowrap;
}
#footer-links ul li a {
	color: #323232;
}
#footer ul li a:hover
{
	text-decoration: underline;
}

#footer ul li a.letter-spacing-05
{
	letter-spacing: -0.5pt;
}

#footer p
{
	text-align: left;
	padding-bottom: 1em;
}

/**
 * Sidebar Elements
 **/
#checkout-sidebar
{
	color: #2b2b2b;
	line-height: 1.35em;
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
}

#checkout-sidebar h3
{
	font-weight: bold;
}

/**
 * Generic sidebar nav
 **/
.nav-bar-header
{
	font-weight: bold;
	font-size: 1em !important;
}

.nav-bar-subheader
{
	font-weight: bold;
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
}

/**
 * Box Styles
 **/
#order-summary .rounded-box
{
	line-height: 1.5em;
}

.rounded-header-light h2, .rounded-header-dark h2,
.rounded-header-light-left h2, .rounded-header-light-right h2, .rounded-header-blue h2
{
	font-size: 1em;
	font-weight: bold;
	text-transform: lowercase;
}

.rounded-header-dark h2
{
	color: #fff;
	text-align: center;
}

.rounded-header-blue h2
{
	color: #fff;
}

.rounded-header-light h2 span.rounded-header-asterisk, .rounded-header-blue h2 span.rounded-header-asterisk
{
	text-align: right;
	font-weight: normal;
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
	color: #9d9d9d;
}

.rounded-box-nav-wrapper, #nav-side-wide-wrapper .rounded-box {
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
}

.rounded-box-nav-link.active {
	font-weight: bold;
}

#nav-side-wide-wrapper .rounded-box ul li.active ul li a
{
	font-weight: normal;
}

/**
 * Overrides
 **/
/* Colors */
.orange
{
	color: #d64d09 !important;
}

.light-grey
{
	color: #d5d5d5 !important;
}

.red
{
	color: #af0800 !important;
}

.dark-grey
{
	color: #727272;
}

.grey-link
{
	color: #333333 !important;
}

/* Other */
.text-left
{
	text-align: left !important;
}

.text-center
{
	text-align: center !important;
}

.text-right
{
	text-align: right !important;
}

.line-height-normal
{
	line-height: normal !important;
}

.print-link {
 	font-size: 0.9em;
 }

/** Bullet Lists **/
ul.bullet, ul.bullet-padded {
	list-style-position: outside;
	margin-left: 15px;
}

ul.bullet li, ul.bullet-padded li {
	list-style-type: disc;
}

ul.bullet-padded li {
	padding: 5px 0;
}

/**
 * CNET Rating
 */

.cnet-rating a {
	color: #333 !important;
}

.cnet-text {
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
	font-weight: bold;
	margin-top: 10px;
}

.cnet-rate {
	color: #ab100f;
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
	font-weight: bold;
}

/**
 * Shop Landing Page
 **/
.shop-aisle-link {
	font-weight: bold;
}

/**
 * Login Global
 */
#login h2 {
	font-weight: bold;
}

.login-text {
	margin-bottom: 5px;
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
}

.login-controls, .login-controls .login-links {
	font-weight: bold;
}

.login-links {
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
}

/**
 * Login Rounded
 */

.login-rounded .login-text {
	margin-bottom: 5px;
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
}

.login-rounded .login-controls button {
	font-weight: bold;
}

.login-rounded  .login-controls .login-links {
	font-weight: normal;
}

.login-rounded .login-links {
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
}

/**
 * Accessories (Phone Details Tab and Accessories Page)
 **/

.item-accessories-cart-button {
	text-align: center;
	text-transform: lowercase;
}

#item-specifics-accessories h2
{
	font-weight: bold;
	font-size: 1.1em;
	text-transform: lowercase;
	}

#item-specifics-accessories .accessory-list-accessory-image
{
	text-align: center;
}

#item-specifics-accessories .accessory-list-accessory-checkbox
{
	text-align: right;
}

#item-specifics-accessories .accessory-list-accessory-price
{
	color: #D64D09;
	font-weight: bold;
	font-size: 0.90em;
	text-align: right;
}

#item-specifics-accessories .accessory-list-accessory-name .item-name a
{
	color: #3C3C3C;
}

#item-specifics-accessories .accessory-list-accessory-name a
{
	font-size: 0.825em;
}

#item-specifics-accessories #included-accessories h2 {
}

#item-specifics-accessories #included-accessories ul li {
	font-size: 0.75em;
	line-height: 1.5em;
}

#item-specifics-accessories #already-have-item {
	text-align: right;
}

#item-specifics-accessories #already-have-item p {
	font-size: 0.75em;
}

#item-specifics-accessories #already-have-item h2 {
	font-weight: normal;
}

/**
 * Shop Landing Page
 **/

.shop-aisle {
	font-size: 0.825em;
}

/**
 * Become a Supplier Pages
 **/

#become-a-supplier p {
	font-size: 0.825em;
	line-height: 1.6em;
	margin-bottom: 10px;
}

#become-a-supplier h3 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom:3px;
}

.device-key-features-icons {
	width: 400px;
}

.device-key-feature-item {
	width: 200px;
	margin: 4px 0 4px 0;
}