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





/* Fluid grid
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Grid container */
.container {
	margin-left:auto;
	margin-right:auto;
	width:98%;
	max-width: 1035px;
}

.nested-container {
	width:102%;
	margin-left:-1%;
}

/* Grid-12 units */
.grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, /* Grid-4 units */ /* Useful as aliases for grid unit which have the same size in different grid systems
   e.g.: 
*/ .grid4-1, .grid4-2, .grid4-3, /* Grid-2 unit */ .grid2-1, /* Alias for full-width units */ .grid-full, /* Special grid units */ .grid-col2-sidebar, .grid-col2-main {
	position:relative;
	display:inline;
	float:left;
	margin-left:1%;
	margin-right:1%;
}

/* Grid units widths */
.grid12-1 {
	width:6.33%;
}

.grid12-2 {
	width:14.67%;
}

.grid12-3, .grid4-1 {
	width:23%;
}

.grid12-4 {
	width:31.33%;
}

.grid12-5 {
	width:39.67%;
}

.grid12-6, .grid4-2, .grid2-1 {
	width:48%;
}

.grid12-7 {
	width:56.33%;
}

.grid12-8 {
	width:64.67%;
}

.grid12-9, .grid4-3 {
	width:73%;
}

.grid12-10 {
	width:81.33%;
}

.grid12-11 {
	width:89.67%;
}

.grid-full {
	width:98%;
}

/* Special grid units: basic structure of pages with 1 and 2 sidebars
-------------------------------------------------------------- */
/* 2 columns: fixed-width sidebar unit and fluid main unit.
   Sidebar unit has the same width for all screen sizes equal or greater than 1280px.
   Width of the main unit is fluid.
*/
.grid-col2-sidebar {
	width:23%;
}

.grid-col2-main {
	width:73%;
}

/* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */
.grid-col3-sidebar {
	width:31.52%;
}

.grid-col3-main {
	width:65.90%;
}

/* Utility classes
-------------------------------------------------------------- */
/* Nested units: alpha - first unit in a row, omega - last unit in a row */
.alpha {
	margin-left:0;
}

.omega {
	margin-right:0;
}

/* Hide element if screen width is lower than the width specified in the class name */
.hide-below-1680 {
	display:none !important;
}

.hide-below-1440 {
	display:none !important;
}

.hide-below-1360 {
	display:none !important;
}

.hide-below-1280 {
	display:none !important;
}

/* Grid container: stretched, without side padding 
-------------------------------------------------------------- */
/* Remove padding (whic is added in media queries for mobile layouts) from basic grid containers.
   Stretch inner grid unit (full width) */
.container.stretched {
	width:96%;
	padding-left:0;
	padding-right:0;
}

.container.stretched .grid-full {
	width:100%;
	margin-left:0;
	margin-right:0;
}





















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

/* 1280px <= width */

@media only screen and (min-width: 1280px) {

.container {
	max-width:1035px;
}

/* Special grid units */
	.grid-col2-sidebar {
	width: 20.41%;
}

.grid-col2-main {
	width: 75.58%;
}

.grid-col3-sidebar {
	width:27.01%;
}

.grid-col3-main {
	width:70.34%;
}

/* Hide */
	.hide-below-1280 {
	display:inherit !important;
}
}






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

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

.container {
	max-width:980px;
}

.hp-featured-categories {
	width: 150px;
}

/* Hide */
	.hide-below-960 {
	display:none !important;
}
.user-menu {
float: none!important;
margin: 0px;
width: 100%!important;
}

.header .logo-wrapper {
	position: absolute;
	top: 0px;
	left: 3%;
}

.hp-feature-block {
width: 215px!important; 
float: left!important;
}


.hp-feature-block img {width: 100%!important; height: 100%!important; }


}



 @media only screen and (max-width: 960px) {

.nav-container {
	position: absolute!important;
	width: 100%;
	top: 0px;
	z-index:99999999999;
	opacity: .95!important;
}

.main-container {
	margin-top: 0px!important;
}

.page {
	margin-top: 65px;
}

.user-menu {
	margin: 0px;
	width: 100%!important;
	float: none!important;
}

.user-menu .top-links {
	margin-top: 70px!important;
	float: none!important;
}

.hp-feature-label {
	display: none;
}

.hp-feature-block.block-d {
	width: 100%!important;
}

.blockd-top, .blockd-bottom {
	float: left!important;
	position: static!important;
	width: 30%!important;
	height: auto!important;

}
.blockd-top {	margin-left: 0%!important;}
.blockd-bottom { margin-left: 4.3%!important;}
.hp-feature-block.block-d .blockd-bottom {
	width: 64.7%!important;
	margin-right: 0%!important;
}

.hp-feature-block.block-d .blockd-bottom {
	background-position: 100% 15%!important;
}

.hp-feature-block.block-d .blockd-bottom .inner {
	width: 70%!important;
	height: 61px!important;
}

.hp-feature-block.block-d .blockd-bottom .inner a {
	font-size: 15px!important;
	line-height: 24px!important;
}

.hp-feature-blocks {
	width: 90%;
	margin-top: 3%!important;
}

.hp-feature-block {
	margin-right: 3.5%!important;
}

.hp-feature-block.block-c {
	margin-right: 0%!important;
}



.hp-feature-block {
	width:30%!important;
	height: auto!important;
	margin-bottom: 1.3%;
}

.hp-feature-block img {
	width: 100%!important;
}

.update-pair { width: 505px; margin: auto; float: none!important}

.after-mini-cart {
	clear: none;
}
.preface.full-fm {
	width: 97%;
	margin: auto;
	float: none!important;
}
.header-top-search-wrapper {
	right: 5%;
	width: 30%!important;
}

#mini-cart {
position: absolute;
right: 6%;
top: 28%;
}
.header .form-search .input-text {

-webkit-border-radius: 5px;
border-radius: 5px;
}


}



 @media only screen and (max-width: 950px) {



.hp-featured-categories {
	display: none;
}

.hp-slideshow {
	width: 90%!important;
	margin: auto;
	float: none!important;
}

.block-a, .block-b {
	margin-right: 4.3%!important;
}

.header-main {
	width: 86%;
	margin: auto;
}

body.cms-index-index .main, body.cms-index-defaultindex .main {
	padding-top: 0px;
}

.int-banner img {
	max-width: 97%;
}
}



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

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

/* Grid units below 768px screen size are 100% wide with no margin - compensate margin with padding */
	.container {
	width:94%;
	padding-left:1%;
	padding-right:1%;
}

.nested-container {
	width:100%;
	margin-left:auto;
}

/* Stretch all grid units */
	.grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid4-1, .grid4-2, .grid4-3, .grid2-1, .grid-full, .grid-col2-sidebar, .grid-col2-main, .grid-col3-sidebar, .grid-col3-main {
	width:100%;
	margin-left:0;
	margin-right:0;
}

.header .logo-wrapper {
	position: absolute;
	top: 0px;
	left: -3%;
}

.hp-feature-blocks {
	width: 520px;
}

.block-a {
	margin-right: 0px!important;
}

.block-b {
	margin-right: 0px!important;
	float: right!important;
}

.hp-feature-block.block-c {
	margin-top: 40px;
}
}





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

/* 480px <= width < 768px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.hp-slideshow { display: none;}
.container {
	max-width:453px;
}
.social-links { display: none;}
/* Hide */
	.hide-below-960 {
	display:none !important;
}

.hide-below-768 {
	display:none !important;
}

/* Persistent grid units
	-------------------------------------------------------------- */
    	
        /* Half */
        .persistent-grid2-1 {
	width:48%;
	margin-left:1%;
	margin-right:1%;
}

/* One-third + two-thirds */
        .persistent-grid3-1 {
	width:31.33%;
	margin-left:1%;
	margin-right:1%;
}

.persistent-grid3-2 {
	width:64.67%;
	margin-left:1%;
	margin-right:1%;
}

/* One-fourth + two-fourths + three-fourths */
        .persistent-grid4-1 {
	width:23%;
	margin-left:1%;
	margin-right:1%;
}

.persistent-grid4-2 {
	width:48%;
	margin-left:1%;
	margin-right:1%;
}

.persistent-grid4-3 {
	width:73%;
	margin-left:1%;
	margin-right:1%;
}


.xchat { display: none;}

}



@media only screen and (max-width: 767px) 
{
	#canvasLoader {
top: -62px!important;
left: -90px!important;}




	.block-tw {

float: none!important;
margin: auto; margin-bottom: 30px;
}
	.block-promos {
float: none!important; margin: 0px!important;
margin: auto!important; margin-bottom: 30px; 
}.hp-update-blocks {

width: 83%;
}
		 .block-fb {
width: 402px;
overflow: hidden;
float: none!important;
margin: auto;
}
	
	.hp-feature-blocks {
	width: 240px!important;
}

.hp-feature-blocks .hp-feature-block {
	float: none!important;
	width: 100%!important;
	margin: auto!important;
	margin-bottom: 10%!important;
	height: auto!important;
}

.hp-feature-block.block-d {height: 265px;}


.hp-feature-block.block-d .blockd-top, .hp-feature-block.block-d .blockd-bottom {
	float: none!important;
	width: 100%!important;
	margin: auto!important;
	margin-bottom: 10%!important;
	margin-top: 30px!important;
	height: 100%!important;
}

.hp-feature-block.block-d .blockd-bottom .inner {
	height: auto!important;
}

.hp-feature-block.block-d .blockd-bottom .inner a {
	margin-bottom: 5px!important;
	font-size: 20px!important;
	line-height: 24px!important;
}



.hp-update-blocks {
margin-top: 50px;
width: 90%;
margin: auto;
}



.fcols-float-group {
width: 100%!important;
float: none!important;
padding-top: 20px;
}
.tfcol {
width: 100%!important;
float: none!important;
margin-right: 0%!important;
font-size: 12px!important; text-align: center; margin-bottom: 5%; padding: 0px;
}
.tfcol-001 {  text-align: left; background-size: 16%!important; padding-top: 20px;
padding-left: 18%!important; line-height: 20px; width: auto!important;}
.tfcol-001 .col-hdr { display: inline; padding-right: 5px; color: black; font-size: 13px;}
.tfcol-001 br { display: none;}
.col-hdr {
color: black;
font-size: 13px!important; margin-bottom: 3px;
}

.update-pair {
float: none!important;
width: 275px!important;
}

}




/* 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) {
.xchat { display: none;}
.container {
	max-width:602px;
}

.product-shop {
	width: 100%!important;
}
}





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

/* 320px <= width < 480px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
.header .links .xchat a { padding-left: 15px!important;}
.int-banner {
	display: none;
}
.hp-slideshow { display: none;}
.container {
	max-width:301px;
}

/* Hide */
	.hide-below-960 {
	display:none !important;
}

.hide-below-768 {
	display:none !important;
}

.hide-below-480 {
	display:none !important;
}

.product-shop {
	width: 100%!important;
}
.hp-feature-blocks {
width: 270px!important;
}
}





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

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



.product-shop {
	width: 100%!important;
}

.container {
	max-width:226px;
}

/* Hide */
	.hide-below-960 {
	display:none !important;
}

.hide-below-768 {
	display:none !important;
}

.hide-below-480 {
	display:none !important;
}

.hide-below-320 {
	display:none !important;
}
}








/* IPAD ONLY */

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	.tfcol {margin-right: 3%!important;}
	.tfcol-001 {margin-right: 0%!important; background-size: 30%;} 
	.tfcol-006 { display: none;}
	.hp-update-blocks {
margin-top: 50px;
width: 90%;
margin: 0px;
margin: auto;}
	
	
.hp-feature-blocks {
width: 90%!important;
}

.hp-feature-block {
width: 30%!important;
height: auto!important;
margin-bottom: 4.3%;

margin-bottom: 10%!important;
}

.hp-feature-block.block-d {
	width: 100%!important;
}

.blockd-top, .blockd-bottom {
	float: left!important;
	position: static!important;
	width: 30%!important;
	height: auto!important;
	margin-right: 0%!important;
}
.hp-feature-block.block-d .blockd-top { }
.hp-feature-block.block-d .blockd-bottom {
width: 64.7%!important;
margin-right: 0%!important;float: left!important;
position: static!important;
}

.hp-feature-block.block-d .blockd-bottom {
	background-position: 100% 15%!important;
}

.hp-feature-block.block-d .blockd-bottom .inner {
	width: 85%!important;
	height: auto!important;
}

.hp-feature-block.block-d .blockd-bottom .inner a {
	font-size: 20px!important;
	line-height: 24px!important;
	margin-bottom: 30px!important;
}



.hp-update-blocks {

width: 90%;
margin: auto;
margin-top: 0px!important;
}



.block-fb {
width: 505px;
margin: auto;
float: none!important;
}

.loaderwrapper {

top: 50%!important;
left: 50%!important;
margin-top: 40px!important;
}



}








@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	.hp-featured-categories {
width: 220px!important;

}
	.hp-slideshow {
width: 740px!important;
position: relative;
}
	.hp-feature-block {
width: 215px!important;
float: left!important;
}
.hp-feature-block img {width: 100%!important; height: 100%!important; }


.header-top-search-wrapper {

top: -10px;
-webkit-border-radius: 5px!important;
border-radius: 5px!important;
}
}








@media handheld, only screen and (max-width: 480px) {
		.block-fb { display: none;}
	.hp-feature-blocks {
	width: 240px!important;
}

.hp-feature-blocks .hp-feature-block {
	float: none!important;
	width: 100%!important;
	margin: auto!important;
	margin-bottom: 10%!important;
}

.hp-feature-block.block-d .blockd-top, .hp-feature-block.block-d .blockd-bottom {
	float: none!important;
	width: 100%!important;
	margin: auto!important;
	margin-bottom: 10%!important;
	margin-top: 30px!important;
	height: 100%!important;
}

.hp-feature-block.block-d .blockd-bottom .inner {
	height: auto!important;
}

.hp-feature-block.block-d .blockd-bottom .inner a {
	margin-bottom: 15px!important;
	font-size: 20px!important;
	line-height: 24px!important;
}


.loaderwrapper {
position: absolute;
top: 40%!important;
left: 61%;
}

	.hp-slideshow {
width: 90%!important;
float: none!important;
}
	
	}






/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
	.block-fb { display: none;}
	.hp-feature-blocks {
	width: 240px!important;
}

.hp-feature-blocks .hp-feature-block {
	float: none!important;
	width: 100%!important;
	margin: auto!important;
	margin-bottom: 10%!important;
}

.hp-feature-block.block-d .blockd-top, .hp-feature-block.block-d .blockd-bottom {
	float: none!important;
	width: 100%!important;
	margin: auto!important;
	margin-bottom: 10%!important;
	margin-top: 30px!important;
	height: 100%!important;
}

.hp-feature-block.block-d .blockd-bottom .inner {
	height: auto!important;
}

.hp-feature-block.block-d .blockd-bottom .inner a {
	margin-bottom: 15px!important;
	font-size: 20px!important;
	line-height: 24px!important;
}


.loaderwrapper {
position: absolute;
top: 40%!important;
left: 61%;
}


	
	}

@media only screen and handheld and (max-width: 960px) {.hp-slideshow {
	width: 90%!important;
	margin: auto;
	float: none!important;
} }