/*
#00A6EB Logo Blue
#42BDF0 Headings Blue, Nav Hover

#00B4FF Button Blue Top
#0091CD Button Blue Bottom
#DDDED5 Button Inactive Beige Top
#B2B2AB Button Inactive Beige Bottom
#F5F7E8 Product Hover, Account Hover
#514F54 Headings Grey
#656660 Account, Body Grey
#E5E5E5 Separator Grey
#DEDEDE Footer Grey

*/

html
	{border-top: 14px solid #00A6EB;}

body
	{font-size: small; font-family: Verdana, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Free Sans", Arial, sans-serif; color: #656660; /*line-height: 1.8;*/}
	
	div.page, div.noscript-inner
		{width: 740px; margin: 0 auto;}
		 
		div.header
			{margin: 26px 0 18px 0;}
			
			p#branding,
			div#nav,
			div.account
				{float: left;}
			
			p#branding
				{width: 89px; margin: 0 101px 0 0; text-indent: -9999em;}
				
				p#branding a
					{display: block; width: 89px; height: 99px; background-image: url(/skin/frontend/default/mls/images/logo.png); background-repeat: no-repeat;}
				
			div#nav
				{width: 352px; margin: 14px 24px 0 0;}
				
				div#nav ul
					{}
					
					div#nav ul li
						{font-size: 80%; width: 7.6em; float: left; margin: 0 14px 6px 0; line-height: 1; text-transform: uppercase;}
							
						div#nav ul li.active a
							{color: #42BDF0;}
						
						div#nav li a
							{display: block; height: 2.6em; padding: 3px 0; border-top: 1px solid #E5E5E5;}
							
							div#nav li a:hover
								{}
				
			div.account
				{width: 174px; margin: 14px 0 0 0; font-size: 80%; line-height: 1;}
				
				div.account ul
					{border-top: 1px solid #E5E5E5;}
					
					div.account ul li
						{border-bottom: 1px solid #E5E5E5;}
						
						div.account ul li a
							{display: block; padding: 0.5em 4px; background-color: #FFF; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;}
							
							div.account ul li a:hover
								{background-color: #F5F7E8;}
								
			div.main,
			div#footer
				{font-size: 85%;}
				
			div.main
				{}
					
				div.main h1 a
					{color: #656660;}
				
				/* Base Columns */ 
				.col-left
					{float: left; width: 174px;}
				.col-main
					{float: left; width: 552px;}
				.col-right
					{float: right; width: 174px;}
				
				/*div.column
					{float: left; width: 284px; padding-right: 79px; margin-right: 14px;}
					
					div.last
						{margin-right: 0;}*/
					
				body.cms-home h1,
				body.catalog-category-view h1,
				body.catalog-product-view h1,
				ul#category-list li h2,
				ul#product-list li h2
					{font-size: 210%;}
					
					body.cms-home ul
						{margin: 0; padding: 0;}
					
						body.cms-home li
							{list-style-type: none;}
					
					h1 span.category
						{font-weight: normal;}
						
					h1 span.product
						{font-weight: normal; color: #42BDF0;}
						
				ul#category-list,
				ul#product-list
					{}
					
					ul#category-list li,
					ul#product-list li
						{padding: 10px 4px 10px 4px; width: 740px; position: relative; left: -4px; background-color: #FFF; -moz-transition: background-color 1s; -webkit-transition: background 1s; border-bottom: 1px solid #E5E5E5;}
						
					ul#category-list li
						{padding: 20px 4px 20px 4px;}
						
						ul#category-list li:last-child,
						ul#product-list li:last-child
							{border-bottom: 0;}
						
						div#nav li a:hover,
						ul#category-list li.hover,
						ul#product-list li.hover
							{background-color: #F5F7E8; cursor: pointer;}
						
						ul#category-list li h2,
						ul#category-list li p,
						ul#product-list li h2,
						ul#product-list li p
							{width: 70%;}
						
						ul#category-list li h2,
						ul#product-list li h2
							{text-transform: uppercase; color: #00A6EB; margin-bottom: 0.2em;}
							
						ul#category-list li p,
						ul#product-list li p
							{line-height: 1.8; margin: 0;}
							
						ul#category-list li p a,
						ul#product-list li p a
							{font-size: 150%; line-height: 1; position: absolute; top: 18%; right: 4px; padding: 0.2em 0.3em 0.25em 0.3em; font-weight: bold; text-transform: uppercase; color: #FFF; background-color: #DDDED5; background: -webkit-gradient(linear, left top, left bottom, to(#B2B2AB), from(#DDDED5)); -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); text-shadow: rgba(0, 0, 0, 0.2) 0 -1px 1px;}
							
						ul#category-list li p a
							{top: 30%;}
							
							ul#category-list li:hover p a,
							ul#product-list li:hover p a
								{background-color: #00B4FF; background: -webkit-gradient(linear, left top, left bottom, to(#0091CD), from(#00B4FF)); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);}
				
				div.product-view
					{margin: 0 0 2em 0;}
					
					div.product-view div.product-description,
					div.product-view div.product-info
						{float: left;}
					
					div.product-view div.product-description
						{width: 364px; margin: 0 14px 0 0;}
						
						div.product-view div.product-description p
							{/*line-height: 1.8; margin: 0 0 1em 0;*/}
							
							div.product-view div.product-description ul.attributes li
								{margin-bottom: .8em; line-height: 1.8; overflow: auto;}
							
								div.product-view div.product-description ul.attributes li span.label
									{display: block; width: 8em; float: left; clear: both; margin-right: .6em; color: #00A6EB;}
								
								div.product-view div.product-description ul.attributes li span.data
									{display: block; float: left;}
					
						div.reviews
							{clear: both;}
					
							div.reviews h2,
							form#review-form
								{margin-top: 2em;}
								
							div.reviews	dt
								{margin-top: 2em;}
							
							div.reviews	dt,
							div.reviews	dd,
							div.reviews	p,
							div.reviews table
								{margin-bottom: .6em; line-height: 1.2;}
							
							form#review-form table
								{margin-bottom: 1em; width: 364px;}
							
							form#review-form table th.rating
								{width: 10%;}
							
							form#review-form input
								{margin-right: 0;}
							
							form#review-form input[type="text"],
							form#review-form textarea
								{width: 354px;}
							
							form#review-form textarea
								{padding: 4px;}
							
							form#review-form div.buttons-set
								{padding-left: 0;}
							
							form#review-form button
								{float: none;}
						
					div.product-view div.product-info
						{width: 362px; text-align: right;}
						
						div.product-view div.product-info div.product-imagery
							{text-align: center; margin-bottom: 8px;}
							
							div.product-view div.product-info div.product-imagery p.magnify
								{font-weight: bold; margin: 0;}
							
						div.product-view div.product-info div.product-order
							{text-align: left; color: #FFF; background-color: #00A6EB; font-size: 190%; padding: 10px 12px; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; margin: 0 0 0.6em 0;}
							
							div.product-view div.product-info div.product-order div.price-box
								{float: left; width: 25%;}
								
							div.product-view div.product-info div.product-order form
								{float: right; width: 75%;}
								
								div.product-view div.product-info div.product-order form fieldset.add-to-cart
									{float: right;}
									
									div.product-view div.product-info div.product-order form label.qty
										{display: block; float: left; margin: 0 10px 0 0;}
								
									div.product-view div.product-info div.product-order form input.qty
										{display: block; font-size: 100%; float: left; width: 2.5em; margin: 0 8px 0 0; background-color: #FFF; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border: 0; padding: 0 0.3em 0.15em 0.3em;}
										
									div.product-view div.product-info div.product-order form button
										{float: right; margin: 0; padding: 0 0.3em 0.15em 0.3em; font-weight: bold; text-transform: uppercase; color: #FFF; background-color: #00B4FF; background: -webkit-gradient(linear, left top, left bottom, to(#0091CD), from(#00B4FF)); -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); text-shadow: rgba(0, 0, 0, 0.2) 0 -1px 1px; border: 0;}
									
						div.product-view div.product-info ul.product-pricing
							{font-size: 120%; margin-bottom: 1em;}
							
							div.product-view div.product-info ul.product-pricing li
								{margin-bottom: .4em;}
				
				ul#product-other-related
					{margin: 2em 0 4em 0;}
					
					ul#product-other-related li
						{float: left; width: 174px; margin: 0 14px 0 0;}
						
						ul#product-other-related li.last
							{margin-right: 0;}
							
						ul#product-other-related li h3
							{font-weight: bold; color: #00A6EB;}	
						
							ul#product-other-related li h3 a
								{display: block;}
								
								ul#product-other-related li a img
									{margin: 0 0 1.2em 0;}
									
				div#base
					{}
				
					ul#product-other
						{margin: 2em 0 4em 0; float: left; width: 566px;}
						
						ul#product-other li
							{margin: 0 0 0.7em 0;}
							
							ul#product-other li h3
								{font-size: 150%; line-height: 1; text-transform: uppercase; color: #42BDF0;}
								
								ul#product-other li h3 a
									{}
									
					div#base div.account
						{font-size: 100%; margin-top: 2em;}
						
						div#base div.account ul
							{font-size: 90%;}
			
			div#footer
				{border-top: 1px solid #DEDEDE; color: #BBB; margin: 3em 0 0 0; padding: 0.5em 0 2em 0; clear: both;}
				
				div#footer ul
					{}
					
					div#footer ul li
						{float: left;}
						
						div#footer ul li#footer-copyright
							{float: right;}
						
						div#footer ul li#footer-home:after,
						div#footer ul li#footer-shophome:after,
						div#footer ul li#footer-contact:after,
						div#footer ul li#footer-sitemapcategory:after
							{content: "|";}
							
						div#footer ul li a
							{margin: 0 1em;}
							
						div#footer ul li#footer-home a
							{margin-left: 0;}
							
						div#footer ul li a:hover
							{color: #666;}
							
/*========GENERAL FORMS========*/

/* Form lists */
.form-list li { margin:0 0 5px; }
.form-list label { font-weight:bold; }
.form-list .input-box { float:left; width:260px; }
.form-list input.input-text,
.form-list textarea { width:246px; }
.form-list select { width:246px; }
.form-list li.add-row { border-top:1px solid #ddd; margin-top:10px; }
.form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:5px 5px 0 0; text-align:right; }
.form-list .range input.input-text { width:96px; }

.group-select {}
.group-select li { margin:0 0 5px; }
.group-select .input-box { float:left; width:260px; }
.group-select input.input-text,
.group-select textarea {width:510px; }
.group-select select { width:516px; }
.group-select .input-box input.input-text,
.group-select .input-box textarea { width:246px; }
.group-select .input-box select { width:246px; }

.buttons-set { clear:both; margin:5px 0 0; padding:5px; /*border:1px solid #ddd;*/ }
.buttons-set .back-link { float:left; }
.buttons-set button.button { float:right; }

.buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; text-align:right; }

input,
select
	{}

input,
select
	{font-size: 120%; padding: 4px; color:	#0091CD; margin: .4em .4em .4em 0;}

label
	{margin: 0 1em 0 0; position: relative; top: -1px;}
	
	input:focus
		{color: #00A6EB;}

button
	{margin-bottom: 1em;}

body.customer-account-login input
	{}

/*.data-table tr.odd
	{background-color: #;}*/

.data-table tr.even
	{background-color: white;}
	
/*========BASKET========*/

div.cart div.page-title h1
	{width: 50%; float: left; text-align: left;}

/*ul.checkout-types
	{width: 70%; float: right; text-align: right;}

div.cart form
	{clear: both;}*/

#shopping-cart-table
	{width: 100%; line-height: 1.8;}
	
/*#shopping-cart-table thead tr:first-child th
	{padding-top: 4px;}
	
#shopping-cart-table thead tr:last-child th
	{padding-bottom: 4px;}
	
#shopping-cart-table th
	{font-weight: bold; background-color: #F5F7E8; padding: 0 4px 0 4px;}
	
#shopping-cart-table tbody td
	{padding: 1em 4px; vertical-align: top; border-top: 1px solid #E5E5E5;}*/

th.productname
	{width: 45%;}

.a-center
	{text-align: center;}

.a-right
	{text-align: right;}
	
div.cart input
	{margin: 0; padding: 2px;}
	
input.qty
	{width: 3em; font-size: 100%;}

/*div.totals
	{width: 30%; float: right;}*/

/*#shopping-cart-totals-table
	{width: 100%; float: right; margin-bottom: 1em;}

#shopping-cart-totals-table th, #shopping-cart-totals-table td
	{padding: 4px;}

#shopping-cart-totals-table tfoot th, #shopping-cart-totals-table tfoot td
	{font-size: 140%;}*/

.opc .step-title
	{color: #656660; font-size: 120%; background-color: #F5F7E8; padding: 0 14px;}

.opc .active .step-title
	{background-color: #DDDED5;}

.opc .step-title .number, .opc .step-title h2
	{line-height: 1; margin: 4px .6em 4px 0;}

.opc .step-title h2
	{float: left; font-size: 100%;}

.opc .step
	{padding: 14px;}

.block-progress dd
	{ margin-bottom: 1em;}
							
/*========MESSAGES========*/

/*ul.messages
	{margin-bottom: 12px; padding: 4px 8px; clear: both; background-color: #B2B2AB; color: white;}*/
	
/*#advice-required-entry-pass,
#advice-required-entry-email,
#advice-validate-password-pass,
#advice-required-entry-email_address
	{color: #42BDF0; margin: -1em 0 1em 0;}*/
				
/*========GLOBAL========*/
				
h1,
h2,
h3,
h4,
h5,
h6
	{line-height: 1; text-transform: uppercase; font-weight: bold; margin-bottom: .8em;}
	
h1
	{font-size: 160%; margin-bottom: 18px;}
	
h2
	{font-size: 210%; margin-bottom: 10px; color: #42BDF0;}

h3
	{font-size: 160%; margin-top: 1em;}
	
h4
	{font-size: 140%; margin-top: .6em;}
	
h5
	{font-size: 120%; margin-top: .4em; color: #42BDF0;}

p
	{line-height: 1.8; margin: 0 0 1em 0;}
	
div.main a
	{color: #42BDF0;}
	
div.main a:hover
	{color: #656660;}

strong, em
	{font-weight: bold;}

/* Content Columns */
.col2-set .col-1, .col2-set .col-2
	{width: 284px; padding-right: 79px; margin-right: 14px;}
	
.col2-set .col-2
	{float: left; margin-right: 0;}
	
.block,
.block .block-title
	{border-color: #E5E5E5;}

.block .block-title
	{padding: 8px 14px 0 14px; background-color: #F5F7E8;}

.block .block-title h2
	{margin-bottom: 6px; line-height: 1;}

.block .block-content h3
	{font-size: 100%; line-height: 1;}

.block .block-content
	{padding: 10px 14px 10px 14px;}

.block .block-content p
	{line-height: 1.2;}

.block .block-content li
	{margin-bottom: .6em;}

.block .block-content li.last
	{margin-bottom: 1em;}

legend
	{display: none;}

.block-subscribe input#newsletter
	{width: 132px;}

.block-reorder .label
	{margin-left: 0;}

thead
	{background-color: #F5F7E8 !important;}

li.even,
li.odd
	{background-color: white;}
							
/*========CHECKOUT/ACCOUNT========*/

.opc div.col2-set div.col-1,
.opc div.col2-set div.col-2,
div.dashboard div.col2-set div.col-1,
div.dashboard div.col2-set div.col-2
	{width: 254px; padding: 0; float: left;}

.opc div.col2-set div.col-1,
div.dashboard div.col2-set div.col-1
	{margin-right: 14px;}

.opc div.col2-set div.col-2,
div.dashboard div.col2-set div.col-2
	{margin-right: 0;}

body.checkout-onepage-index div.block-progress
	{margin-top: 38px;}

div.delivery_charges dt, div.delivery_charges dd
	{display: inline;}

div.delivery_charges h2
	{font-size: 140%;}

div.delivery_charges h3
	{font-size: 120%;}

div.delivery_charges h4
	{font-size: 100%;}

div.delivery_charges p
	{line-height: 1.4}

div.delivery_charges
	{margin-top: 2.6em;}

/*========TOOLBOX========*/

div.header:after,
div.product-view:after,
div.product-order:after,
ul#product-other-related:after,
div#base:after,
div#footer:after/*,
div.cart:after*/
	{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 1%; line-height: 0;}
	
.hide
	{position: absolute; left: -9999em;}