/**

 * Common styles

 */







/* Common styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Sizes

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.header-top,

.header .dropdown { line-height:3em; } /* line-height:36px; */

.header .dropdown { max-height:3em; } /* Set static height to improve layout of inline elements */





/* Blocks

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/**/

.sidebar .block:first-child { margin-top:6px; } /* To align with page title */

.cms-index-index .sidebar .block:first-child { margin-top:0; } /* Remove margin on home page */



 

/* Headings

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/



/* Page Heading

-------------------------------------------------------------- */

.my-account .page-title,

.category-title { border-bottom:1px solid #e5e5e5; }



/* Block titles and section headings

-------------------------------------------------------------- */

/* Sidebar blocks */

.block .block-title,



/* Section title */

.section-title,



/* Cart */

.cart .crosssell h2,

.cart .discount h2,

.cart .shipping h2

{

	/* padding:13px 0 7px; */ /*TODO*/

	padding-top:7px;

	padding-bottom:7px;

/*	border-bottom:1px solid #e5e5e5;*/

	font-weight:normal;

	font-size:1.1em; /*18px*/

	line-height:1.2222em; /*22px*/

}
.block-title h2{ font-weight:bold; font-size:2em;}
.item h3{font-size: 1.6em;
    font-weight: normal;}
	.item h4{font-size: 1.4em;
    font-weight: normal;}
	
	.item p{font-size: 1.2em;
    font-weight: normal; line-height:22px;}
	
	.item p a{font-size: 1em; color:#FF4E00;
    font-weight: normal; line-height:22px;}
	
	.item p a:hover{ color:#1BA300;}



/* Secondary headings

-------------------------------------------------------------- */

/* Log in */

.account-login h2,



/* Checkout log in */

#opc-login h3,



/* Fieldset and multiple checkout */

.fieldset .legend,

.multiple-checkout .col2-set h2.legend,

.info-set h2.legend

{

	font-size:1.5em; /*18px*/

	line-height:1.3333em; /*24px*/

	font-weight:normal;

	text-transform:uppercase;

	border-bottom:1px solid #e5e5e5;

	padding-bottom:10px;

}



/* Account headings

-------------------------------------------------------------- */

/* Primary */

.box-account .box-head h2,

.order-items h2.table-caption,

.order-items h2.sub-title,

.order-items .order-comments h2 {}



/* Secondary */

.dashboard .box .box-title h3,

.dashboard .box .box-title h4,

.order-info-box h2 {}



/* Other headings

-------------------------------------------------------------- */

/* Page title */

.category-title,



/* Account */

.my-account .page-title,

.box-account .box-head,

.dashboard .box .box-title

{

	border-color:#e5e5e5;

}







/* Colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Borders

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/



/* Elements with horizontal border - normal

-------------------------------------------------------------- */

/* CMS */

.section-line,



/* Misc */

.toolbar 

{ border-color:#e5e5e5; }



/* Elements with horizontal border - lighter

-------------------------------------------------------------- */

/* Product page - Add-to-cart area */

.product-view .product-type-data,

.product-view .product-type-data .price-box,

.container1-wrapper,

.container2-wrapper,

.product-view .add-to-box,



/* Product grid/list */

.category-products-grid .item,

.products-list li.item,



/* Pop-ups */

.remember-me-popup h3,

.map-popup-heading

{

	border-color:#f5f5f5;

}



/* Elements with vertical border - normal

-------------------------------------------------------------- */

/* Product page */

.custom-sidebar-right .inner,

.custom-sidebar-left .inner

{

	border-color:#e5e5e5;

}



/* Elements with vertical border - lighter

-------------------------------------------------------------- */

/* Product grid/list */

.products-list .product-shop-inner

{

	border-color:#f5f5f5;

}



/* Elements with darker border

-------------------------------------------------------------- */

/* Cart */

.data-table thead,

.cart-table thead tr,



/* Availability */

.availability-only-details thead

{

	border-color:#e5e5e5; /*Currently the same color as other borders*/

}





/* Background colors

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/



/* Elements with light gray background

-------------------------------------------------------------- */

/* Product page - increaments */

.extrahint-wrapper .product-pricing,



/* Account */

.addresses-list .addresses-primary .item,

.order-info-box,



/* Advanced search */

.advanced-search-summary,



/* Checkout */

.opc .gift-messages-form

{

	background-color:#f5f5f5;

}





/* Text color

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/



/* Elements with lighter text

-------------------------------------------------------------- */

/* Product grid/list */

.products-list .ratings,

.products-grid .ratings,

.products-list .ratings a,

.products-grid .ratings a,



/* Breadcrumbs */

.breadcrumbs li,

.breadcrumbs a,



/* Layered nav */

.block-layered-nav dd li,



/* Product page */

.block-related-simple .related-add-to-wishlist,

.block-related-thumbnails .related-add-to-wishlist,



/* Availability */

.availability,



/* Reviews */

.product-view .box-reviews dd .date,



/* Product options */

.item-options dd,

.product-options p.note,



/* Prices */

.price-notice .price,



/* MSRP price and old price */

.old-price,

.product-view .price-box .old-price .price,

#map-popup-msrp,

.map-popup-msrp .price

{

	color:#aaa;

}





/* Forms

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* Product options form colors

-------------------------------------------------------------- */

.product-options dd select,

.product-options dd .input-text,

.product-options dd textarea,

.product-options ul.options-list { color:#888; }

.product-options dd select:hover,

.product-options dd select:focus,

.product-options dd textarea:hover,

.product-options dd textarea:focus,

.product-options ul.options-list:hover { color:#333; }





/* Selected interface icons:

   text color - icons on hover: toolbar icons, pager, prev/next slide etc.

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/



/* Hover item color */

/* Toolbar */

.sorter .view-mode a:hover,

.sorter .sort-by .category-asc:hover,

.sorter .sort-by .category-desc:hover,

.pager .pages li a:hover,



/* Add-to links */

.add-to-links.addto-icons a:hover,



/* Slider arrows */

.gen-slider-arrows1 .direction-nav a:hover,

.gen-slider-arrows2 .direction-nav a:hover,

.gen-slider-arrows3 .direction-nav a:hover,



/* Lightbox */

#cboxPrevious:hover,

#cboxNext:hover,

#cboxClose:hover,



/* Scroll to top button */

#scroll-to-top:hover

{

	color:#fff; /*Color of text*/

}







/* Fonts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Price on product page and MSRP

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

.product-view .price-box .price,

.map-popup-price .price,

.map-popup-msrp .price { font-family:Verdana, Geneva, sans-serif; }







/* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* Shadows: for pop-ups, drop-downs etc.

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/

/* IE version included */

#nav .level0-wrapper,

#nav.classic .parent > ul,



/* Mini cart */

#mini-cart .block-content,

.truncated .truncated_full_value .item-options,



/* Compare drop-down */

.header .block-compare .block-content,



/* Search autocomplete */

.header .form-search .search-autocomplete ul,



/* Dropdown */

.open > .dropdown-toggle.cover,

.dropdown-menu,



/* Pop-ups and tooltips */

.remember-me-popup,

.map-popup,

.tool-tip,

#subscribe-form .input-box .validation-advice

{
/*
	-moz-box-shadow:0 2px 10px rgba(0,0,0, 0.15);

	-webkit-box-shadow:0 2px 10px rgba(0,0,0, 0.15);

	box-shadow:0 2px 10px rgba(0,0,0, 0.15);
*/
}





/* Transitions

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/



/* Links and other selected elements

-------------------------------------------------------------- */

/* IMPORTANT: link transitions should be placed before other transitions */

a,

#mobnav-trigger .trigger-icon .line,

.accordion .opener /*Main menu accordion*/

{

	transition:			color 450ms ease-in-out, background-color 450ms ease-in-out;

	-moz-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;

	-webkit-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;

	-o-transition:		color 450ms ease-in-out, background-color 450ms ease-in-out;

}

a:hover,

#mobnav-trigger:hover .trigger-icon .line,

.accordion .opener:hover

{

	transition-duration:			100ms;

	-moz-transition-duration:		100ms;

	-webkit-transition-duration:	100ms;

	-o-transition-duration:			100ms;

}



/* Opacity

-------------------------------------------------------------- */

/*

.form-search .button span

{

	transition:			opacity 450ms ease-in-out;

	-moz-transition:	opacity 450ms ease-in-out;

	-webkit-transition:	opacity 450ms ease-in-out;

	-o-transition:		opacity 450ms ease-in-out;

}

.form-search .button:hover span

{

	transition-duration:			100ms;

	-moz-transition-duration:		100ms;

	-webkit-transition-duration:	100ms;

	-o-transition-duration:			100ms;

}

*/

.form-search .button span {

	transition:			opacity 300ms ease-in-out;

	-moz-transition:	opacity 300ms ease-in-out;

	-webkit-transition:	opacity 300ms ease-in-out;

	-o-transition:		opacity 300ms ease-in-out;

}



/* Interface icons: toolbar icons, pager, prev/next slide etc.

-------------------------------------------------------------- */

.sorter .view-mode .grid,

.sorter .view-mode .list,

.sorter .sort-by .category-asc,

.sorter .sort-by .category-desc,



/* Back link */

.buttons-set .back-link small,



/* Add-to links */

.add-to-links.addto-icons a,



/* Accordion and collapsible: opener */

.accordion-style1 .opener,

.accordion-style1 .opener:hover, /*Override: .accordion .opener:hover */

.collapsible .opener,



/* Scroll to top */

#scroll-to-top

{

	transition:			background-color 300ms ease-in-out, background-position 300ms ease-in-out;

	-moz-transition:	background-color 300ms ease-in-out, background-position 300ms ease-in-out;

	-webkit-transition:	background-color 300ms ease-in-out, background-position 300ms ease-in-out;

	-o-transition:		background-color 300ms ease-in-out, background-position 300ms ease-in-out;

}



/* Accordions, tabs & other components

-------------------------------------------------------------- */

/* TODO: del

.gen-tabs .tabs a,

.gen-tabs .acctab,

.opc .step-title

{

	transition:			color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;

	-moz-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;

	-webkit-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;

	-o-transition:		color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;

}

*/



/* Carets

-------------------------------------------------------------- */

#nav a.level-top .caret {

	transition:			border-top-color 450ms ease-in-out;

	-moz-transition:	border-top-color 450ms ease-in-out;

	-webkit-transition:	border-top-color 450ms ease-in-out;

	-o-transition:		border-top-color 450ms ease-in-out;

}

#nav > li:hover a.level-top .caret {

	transition-duration:			100ms;

	-moz-transition-duration:		100ms;

	-webkit-transition-duration:	100ms;

	-o-transition-duration:			100ms;

}



/* Elements with animated color, background color and borders

-------------------------------------------------------------- */

/* Forms */

input.input-text, select, textarea,

.product-options ul.options-list,



/* Product image thumbnails */

.product-view .product-img-box .more-views .thumbnails li a,



/* Product mini-lists */

.mini-products-list .product-image,

.cart .crosssell .product-image,



/* Tabs & accordion */

.gen-tabs .tabs a,

.gen-tabs .acctab,



/* OPC accordion */

.opc .step-title

{

	transition:			color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;

	-moz-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;

	-webkit-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;

	-o-transition:		color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;

}





/* Shadow for the main containers

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

*/



/* Elements which have backgr. color can be marked with "show-bg". They will drop shadow if "shadow" class was added to the containing block. */

.drop-shadow,

.shadow .show-bg,



/* Conditional shadow for main menu bar */

.shadow .nav-bar-drop-shadow #mobnav-trigger,

.shadow .nav-bar-drop-shadow .vertnav-top,

.shadow .nav-bar-drop-shadow #nav

{

	-moz-box-shadow:	0 2px 3px rgba(0, 0, 0, 0.1);

	-webkit-box-shadow:	0 2px 3px rgba(0, 0, 0, 0.1);

	box-shadow:			0 2px 3px rgba(0, 0, 0, 0.1);

}