
/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * 2013-02-04 23:37:50 */


/* Desktop, laptop - design for a width of 1280px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 1280px <= width */

@media only screen and (min-width: 1280px)  {
	
	/* Header
	-------------------------------------------------------------- */
    
    /* Cart
	-------------------------------------------------------------- */
    .cart-table .product-image { max-width:110px; }
	
	/* Misc
	-------------------------------------------------------------- */
	/* Mini cart */
	
	/* Item grid: number of columns
	-------------------------------------------------------------- */
	/* Item grid: 2 columns */
	.itemgrid-2cols .item { width:31.333%; clear:none !important; }
	.itemgrid-2cols .item:nth-child(3n+1) { clear:left !important; }
	
	/* Item grid: 3 columns */
	.itemgrid-3cols .item { width:23%; clear:none !important; }
	.itemgrid-3cols .item:nth-child(4n+1) { clear:left !important; }
	
	/* Item grid: 4 columns */
	.itemgrid-4cols .item { width:18%; clear:none !important; }
	.itemgrid-4cols .item:nth-child(5n+1) { clear:left !important; }
	
	/* Item grid: 5 columns */
	.itemgrid-5cols .item { width:14.667%; clear:none !important; }
	.itemgrid-5cols .item:nth-child(6n+1) { clear:left !important; }
	
	/* Item grid: 6 columns */
	.itemgrid-6cols .item { width:12.286%; clear:none !important; }
	.itemgrid-6cols .item:nth-child(7n+1) { clear:left !important; }
	
	/* Item grid: 7 columns */
	.itemgrid-7cols .item { width:10.5%; clear:none !important; }
	.itemgrid-7cols .item:nth-child(8n+1) { clear:left !important; }
	
	/* xxx
	-------------------------------------------------------------- */
	.in-col1 .itemslider-x .slides > li { width:168px !important; }
	.in-col1 .itemslider-x { max-width:1128px; } /*6*/

	/* Inside main column in 2-col layout */
	.in-col2 .itemslider-x .slides > li { width:162px !important; }
	.in-col2 .itemslider-x { max-width:910px; } /*5*/
	
	/* Inside main column in 3-col layout */
	.in-col3 .itemslider-x .slides > li { width:140px !important; }
	.in-col3 .itemslider-x { max-width:640px; } /*4*/
    
    /* Slideshow caption
	-------------------------------------------------------------- */

}

/* Design for a width of 960-1280 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 960px <= width < 1280px */
@media only screen and (min-width: 960px) and (max-width: 1279px) {

	/* Cart
	-------------------------------------------------------------- */
    .cart-table .product-image { max-width:80px; }
	
	/* xxx
	-------------------------------------------------------------- */
	/* Inside main column in 2-col layout */
	.in-col2 .itemslider-x .slides > li { width:155px !important; }
	.in-col2 .itemslider-x { max-width:700px; } /*4*/
	
	/* Inside main column in 3-col layout */
	.in-col3 .itemslider-x .slides > li { width:134px !important; }
	.in-col3 .itemslider-x { max-width:462px; } /*3*/
}

@media only screen and (max-width: 1279px) {
    .product-view .product-additional {display:none }
    .product-view .box-up-sell2 { display: block; }
}


/* Design for a width of 960-1024 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 960px <= width < 1024px */
@media only screen and (min-width: 960px) and (max-width: 1023px) {
	
	/* xxx
	-------------------------------------------------------------- */
	.in-col1 .itemslider-x .slides > li { width:156px !important; }
	.in-col1 .itemslider-x { max-width:880px; } /*5*/
	
	/* Inside main column in 2-col layout */
	.in-col2 .itemslider-x .slides > li { width:168px !important; } /*MORE*/
	.in-col2 .itemslider-x { max-width:564px; } /*3*/
	
	/* Inside main column in 3-col layout */
	.in-col3 .itemslider-x .slides > li { width:168px !important; } /*MORE*/
	.in-col3 .itemslider-x { max-width:376px; } /*3*/
	
	.product-view .product-additional {display:none }
}

/* Mobile, small old desktop - design for a width of less than 960px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 960px */
@media only screen and (max-width: 959px) {
	
	/* Hide amount. Note: has to be defined after aligning ".amount" center */
	.toolbar .sorter .amount { display:none !important; }

    /* Other
	-------------------------------------------------------------- */
    #scroll-to-top { display:none !important; }
    .product-view .product-additional {display:none }
    .product-view .box-up-sell2 {display: block }
    .mobile-nav { display: block; }
    .navigation { display: none; }
}



/* Tablet (Portrait) - design for a width of 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width < 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    /* Header
    -------------------------------------------------------------- */
    .quick-access .welcome-msg { display: none; }
    .quick-access .links a { padding: 0; }
    .quick-access .links a:before { display: none; }
	/* Default Magento classes
	-------------------------------------------------------------- */
	.nobr { white-space:normal !important; }
	
	/* Cart
	-------------------------------------------------------------- */
    .cart-table .product-image { max-width:80px; }
    
    /* Item grid: number of columns
	-------------------------------------------------------------- */
	/* Always show 2 columns */
	.itemgrid-2cols .item,
	.itemgrid-3cols .item,
	.itemgrid-4cols .item,
	.itemgrid-5cols .item,
	.itemgrid-6cols .item,
	.itemgrid-7cols .item { width:48%; clear:none !important; }
	
	/* Clear every first item in each row (group of n items) */
	.itemgrid-2cols .item:nth-child(2n+1),
	.itemgrid-3cols .item:nth-child(2n+1),
	.itemgrid-4cols .item:nth-child(2n+1),
	.itemgrid-5cols .item:nth-child(2n+1),
	.itemgrid-6cols .item:nth-child(2n+1),
	.itemgrid-7cols .item:nth-child(2n+1) { clear:left !important; }
	
	/* xxx
	-------------------------------------------------------------- */
	.in-col1 .itemslider-x .slides > li { width:160px !important; }
	.in-col1 .itemslider-x { max-width:722px; } /*4*/
	
	/* Inside main column in 2-col layout */
	.in-col2 .itemslider-x .slides > li { width:155px !important; }
	.in-col2 .itemslider-x { max-width:525px; } /*3*/
    
    /* Items grid: in category view
    -------------------------------------------------------------- */
    
    /* Slideshow caption
	-------------------------------------------------------------- */

    /* Product detail
    -------------------------------------------------------------- */
	.product-view .product-img-box {
		float: none;
		margin: 0 auto 20px;
	}

}


/* All desktop - design for a width of 768px and wider
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width */
@media only screen and (min-width: 768px) {
    
    /* xxx
	-------------------------------------------------------------- */
	.in-sidebar .itemslider-x .slides > li { width:168px !important; }
	.in-sidebar .itemslider-x { max-width:188px; } /*1*/
	
	/* Product page
	-------------------------------------------------------------- */
		
	/* Itemslider: float left if 1, 2 or 3 items */
	.box-up-sell .itemslider-q.count-1,
	.box-up-sell .itemslider-q.count-2 { margin-left:0; margin-right:auto; }
	
}


/* All mobile - design for a width of less than 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 768px */
@media only screen and (max-width: 767px) {
	
	/* Grid and basic layout
	-------------------------------------------------------------- */
	
		/* Margin for basic Magento columns */
		.col-main,
		.col-left,
		.col-right
		{
			margin-bottom:30px;
		}
		
		/* Product view:
		   margin for all grid units */
		.product-view .grid12-1,
		.product-view .grid12-2,
		.product-view .grid12-3,
		.product-view .grid12-4,
		.product-view .grid12-5,
		.product-view .grid12-6,
		.product-view .grid12-7,
		.product-view .grid12-8,
		.product-view .grid12-9,
		.product-view .grid12-10,
		.product-view .grid12-11,
		
		.product-view .grid4-1,
		.product-view .grid4-2,
		.product-view .grid4-3,
		
		.product-view .grid2-1
		{
			margin-bottom:30px;
		}

	-------------------------------------------------------------- */
	.nobr { white-space:normal !important; }
    
    /* Forms
	-------------------------------------------------------------- */
	.form-list .field,
	.form-list input.input-text,
	.form-list textarea,
	.form-list select,
	.form-list li.wide .input-box,
	.form-list li.wide input.input-text,
	.form-list li.wide textarea,
	.form-list li.wide select { max-width:100%; }
	
	/* Tables
	-------------------------------------------------------------- */
	.data-table thead .nobr { white-space:normal !important; }
	.data-table th,
	.data-table td { padding:5px; }
    
	/* Data tables formatting
	-------------------------------------------------------------- */
    
    	/* Basic formatting */
			.cart .data-table thead,
            .my-wishlist .data-table thead,
            .my-account .data-table thead,
            .order-review .data-table thead { display:none; }
            
            .cart .data-table tbody,
            .my-wishlist .data-table tbody,
            .my-account .data-table tbody,
            .order-review .data-table tbody { background:transparent !important; }
            
            .cart .data-table tr,
            .cart .data-table td,
            .my-wishlist .data-table tr,
            .my-wishlist .data-table td,
            .my-account .data-table tr,
            .my-account .data-table td,
            .order-review .data-table tr,
            .order-review .data-table td { border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; }
            
            .cart .data-table tr,
            .my-wishlist .data-table tr,
            .my-account .data-table tr,
            .order-review .data-table tr { border-bottom:1px solid #e5e5e5 !important; margin-bottom:20px; }
            
            .cart .data-table tfoot tr { border-bottom: none !important; margin-bottom: 5px; }
            
		/* Highlight first cell in table footer */
            .my-account .data-table tfoot tr td:first-child,
            .order-review .data-table tfoot tr td:first-child { font-weight:bold; }
    
    	/* Show cell label */
			.data-table .td-title {
				display: inline-block;
				width: 100px;
				padding: 0 10px 0 0;
				font-weight: bold;
			}
			.data-table .td-actions .btn-remove, .data-table .td-actions .btn-edit { display: inline-block; }
    /* Header
    -------------------------------------------------------------- */
    .quick-access { text-align: center; }
    .quick-access .welcome-msg { display: none; }
    .quick-access .links { float: left; }
    .quick-access .links li, .quick-access .links li.first{ padding-left: 0 !important; border: none;}
    .block-mini-cart { border: none; float: right }
    .quick-access .dropdown { display: none; }
    .currency-select, .language-select { display: block; width: 50%; float: left; text-align: left; margin: 5px 0 0;}
    .language-select { text-align: right; }

    .language-select select, .currency-select select { width: 125px; height: auto; }
    .header .logo { float: none; text-align: center; display: block;}
    .form-search { float: none; text-align: center; }
    /* Magento utility classes
	
	/* Nav
	-------------------------------------------------------------- */
    
	/* Footer
	-------------------------------------------------------------- */
	
	

	/* Products list
	-------------------------------------------------------------- */
	.products-list .product-shop-inner { padding-right:0; border-right:none; }
    
    /* Products grid
	-------------------------------------------------------------- */
    .products-grid .add-to-links.addto-onimage { display:none; }
    
    /* Layered navigation
	-------------------------------------------------------------- */
    .block-layered-nav dd li,
    .block-layered-nav .currently ol li { line-height:2.3333em; background-position:3px 10px; }
    .block-layered-nav dd li:hover,
    .block-layered-nav .currently ol li:hover { background-position:6px 10px; }
	
	/* Toolbar
	-------------------------------------------------------------- */
	
		/* All elements - align center and increase vertical spacing */
		.pager,
		.sorter { text-align:center; }
		.pager .amount,
		.pager .limiter,
		.pager .pages,
		.sorter .amount,
		.sorter .limiter,
		.sorter .view-mode,
		.sorter .sort-by { display:inline-block; float:none; padding-top:10px; padding-bottom:10px; }
		
		.toolbar .sort-by,
		.toolbar sorter .amount { border-right:none; }

	/* Product page
	-------------------------------------------------------------- */
	
		/* Secondary column */
		.product-secondary-column .inner { padding-left:0; border-left:none; min-height:auto; }
		
    	/* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */
    	.product-view .box-additional { margin-top:0; }
        
		/* Sidebar */
		.product-view .box-sidebar .box-sidebar-inner { padding-left:0; border-left:none; }
		
		/* Related: remove bottom margin */
		.block-related-slider { margin-bottom:0; }
	
	/* Cart
	-------------------------------------------------------------- */
    
    /* Buttons below table: align center */
    	.cart-table tfoot tr.first td { text-align:center !important; padding:0; margin-bottom:20px; }
    	.cart-table tfoot button { display:inline-block; float:none !important; margin:0 0 3px; padding:0; }
    
	/* One Page Checkout
	-------------------------------------------------------------- */
	.opc .form-list .field { float: none; width: auto; }
	.opc .form-list li.wide input.input-text { width: 90%; }
	.opc .form-list select { width: 126px; }

	/* Account
    -------------------------------------------------------------- */
    .my-wishlist .product-image { max-width:none;  }
	
	/* Items slider
	-------------------------------------------------------------- */
	/*.itemslider .control-nav { display:none; }*/
	.control-nav.control-paging { display:none; }
	
	/* Slideshow
	-------------------------------------------------------------- */ 
    /* Cloud Zoom
	-------------------------------------------------------------- */
    /* Hide zoom */
    .cloud-zoom-big,
    .cloud-zoom-lens { display:none !important; }
    .cloud-zoom-lens { cursor:default !important; }
	
	/* Lightbox
	-------------------------------------------------------------- */
	#cboxTitle,
	#cboxCurrent { display:none !important; }
    
	/* Accordion
	-------------------------------------------------------------- */
    .accordion li a { padding:15px; }
    /* Space for openner if item has children. It has to be a few pixels wider than openner */
    .accordion li.parent > a { padding-right:53px; }
    .accordion .opener { width:48px; height:48px; }
    
	/* Items grid: in category view
	-------------------------------------------------------------- */
    /* Revert default sizes */
    .category-products-grid.itemgrid .product-name
    {
        font-size:1.3333em; /*16px*/
        line-height:1.25em; /*20px*/
    }  
    
    /* Hide/show elements: 6 & 7 columns */
	.category-products-grid.itemgrid-6cols .item .btn-cart,
	.category-products-grid.itemgrid-7cols .item .btn-cart { display:block; }
	
	
    .product-view .product-additional {display:none }
    .product-view .box-up-sell2 {display:block; margin-left:0; }
    .product-view .product-img-box {float:none; margin:0 auto 20px; max-width:none; width: 100% !important; }
    .product-view .product-img-box .product-image img{ height:auto; }
    /*.product-view .product-img-box .more-views .carousel { width: 210px !important; }
    


    .product-view .product-img-box .more-views .carousel li { width: 202px !important; }
    .product-view .product-img-box .more-views .carousel li img{ width: 192px !important; height: auto; }
    */
    .product-tabs, .tabs-content {display:none}
    .product-view .tab-heading { display: block; }
    .product-tabs-accordion {display:block}
    .product-view .box-tags .form-add input.input-text {width:155px;}
    .mousetrap, #cloud-big-zoom { display: none; }
    
    /* Before Spotlight
    -------------------------------------------------------------- */
    .social-block, div.social_links_area { float: none; }
    .footer address { float: left; margin-top: 5px; }
	
	#oar_widget_orders_and_returns_form ul li .submit-button { width: auto !important;}
}
/* end: width < 768px */


/* Mobile (Landscape) - design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 480px <= width < 768px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	/* Item grid: number of columns
	-------------------------------------------------------------- */
	/* Always show 2 columns */
	.itemgrid-2cols .item,
	.itemgrid-3cols .item,
	.itemgrid-4cols .item,
	.itemgrid-5cols .item,
	.itemgrid-6cols .item,
	.itemgrid-7cols .item { width:48%; clear:none !important; }
	
	/* Clear every first item in each row (group of n items) */
	.itemgrid-2cols .item:nth-child(2n+1),
	.itemgrid-3cols .item:nth-child(2n+1),
	.itemgrid-4cols .item:nth-child(2n+1),
	.itemgrid-5cols .item:nth-child(2n+1),
	.itemgrid-6cols .item:nth-child(2n+1),
	.itemgrid-7cols .item:nth-child(2n+1) { clear:left !important; }
	
	/* xxx
	-------------------------------------------------------------- */
	.itemslider-x.count-2,
	.itemslider-x.count-3,
	.itemslider-x.count-4,
	.itemslider-x.count-5,
	.itemslider-x.count-6,
	.itemslider-x.count-7,
	.itemslider-x.count-8,
	.itemslider-x.count-multi { max-width:376px; } /*2*/
	
	/* Cloud zoom
	-------------------------------------------------------------- */
	/* Broaden the slider if at least 4 thumbnails */
	.itemslider-thumbnails.count-4,
	.itemslider-thumbnails.count-5,
	.itemslider-thumbnails.count-multi { max-width:316px; } /*4*/
	
	/* Direction navigation */
	.itemslider-thumbnails.count-4 .direction-nav { display:none; }

}


/* Additional break-point:
   Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 640px <= width < 768px */
@media only screen and (min-width: 640px) and (max-width: 767px) {
	
	/* xxx
	-------------------------------------------------------------- */
	.itemslider-x.count-3,
	.itemslider-x.count-4,
	.itemslider-x.count-5,
	.itemslider-x.count-6,
	.itemslider-x.count-7,
	.itemslider-x.count-8,
	.itemslider-x.count-multi { max-width:564px; }

}


/* All small mobile - design for a width of less than 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 480px */
@media only screen and (max-width: 479px) {

	/* Grid elements
	-------------------------------------------------------------- */
	.col2-set .col-1,
	.col2-set .col-2 { width:100%; }
	
	/* Header
	-------------------------------------------------------------- */
    .language-select span, .currency-select span { display: none; }
    .quick-access,.quick-access .links li { line-height: 30px }
    .quick-access .links { float: none; }
    .block-mini-cart { float: none; display: block; text-align: center; }
    .form-search input.input-text { margin-bottom: 5px; width: 90%; padding-left: 5%; padding-right: 5%; }
    .title-buttons .checkout-types { display: none; }
    /* Products list
	-------------------------------------------------------------- */
    .products-list .product-image { margin-bottom:20px; }
	
	/* Product page
	-------------------------------------------------------------- */
	
		/* Reviews */
		.product-view .box-reviews .form-add .data-table th,
		.product-view .box-reviews .form-add .data-table td { padding:6px 1px; }
		.product-view .box-reviews .form-add .form-list input.input-text,
		.product-view .box-reviews .form-add .form-list textarea { width:90%; }
	
	/* Toolbar
	-------------------------------------------------------------- */
	
		.toolbar .limiter { display:none; }
		
		/* Pages */
		.pager .pages li { display:none; }
		.pager .pages li.previous,
		.pager .pages li.current,
		.pager .pages li.next { display:block; }
	
	/* Cart
	-------------------------------------------------------------- */
    
    /* Account
    -------------------------------------------------------------- */
    
    	/* Account info + Order info */
            .my-account .col2-set .col-1 { border-right:none; margin-bottom:20px; }
            .my-account .col2-set .col-1 .box { padding-right:0; }
        
		/* Order details */
			.order-items .sub-title .separator { display:none; }
	
	/* Slideshow
	-------------------------------------------------------------- */
	
	/* Before Spotlight
    -------------------------------------------------------------- */
    .social-block h4 , .subscribe-form label { float: none; display: block; }
    .subscribe-form .input-box { margin-bottom: 5px; }
}


/* Mobile (Portrait) - design for a width of 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 320px <= width < 480px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
	/* Item grid: number of columns
	-------------------------------------------------------------- */
	/* Always show 2 columns */
	.itemgrid-2cols .item,
	.itemgrid-3cols .item,
	.itemgrid-4cols .item,
	.itemgrid-5cols .item,
	.itemgrid-6cols .item,
	.itemgrid-7cols .item { width:98%; clear:none !important; }
	
	/* xxx
	-------------------------------------------------------------- */
	.itemslider-x.count-1,
	.itemslider-x.count-2,
	.itemslider-x.count-3,
	.itemslider-x.count-4,
	.itemslider-x.count-5,
	.itemslider-x.count-6,
	.itemslider-x.count-7,
	.itemslider-x.count-8,
	.itemslider-x.count-multi { max-width:188px; } /*1*/
}


/* Mobile (Portrait) - design for a width of 240px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 320px */
@media only screen and (max-width: 319px) {
	/* Item grid: number of columns
	-------------------------------------------------------------- */
	/* Always show 1 columns */
	.itemgrid-2cols .item,
	.itemgrid-3cols .item,
	.itemgrid-4cols .item,
	.itemgrid-5cols .item,
	.itemgrid-6cols .item,
	.itemgrid-7cols .item { width:98%; clear:none !important; }
	
	/* xxx
	-------------------------------------------------------------- */
	.itemslider-x.count-1,
	.itemslider-x.count-2,
	.itemslider-x.count-3,
	.itemslider-x.count-4,
	.itemslider-x.count-5,
	.itemslider-x.count-6,
	.itemslider-x.count-7,
	.itemslider-x.count-8,
	.itemslider-x.count-multi { max-width:188px; } /*1*/
	
	/* Header
	-------------------------------------------------------------- */
	.language-select select, .currency-select select {
		width: 100px;
		height: auto;
	}

}
