/* SMALLER THAN 1170PX */
@media screen and (max-width: 1170px) {}

/* SMALLER THAN 768PX */
@media screen and (max-width: 768px) {}


/************************************************************************************
 IPHONE [portrait + landscape] >> max-width 480;
*************************************************************************************/
@media screen and (max-width: 520px) {}
@media only screen and (min-device-width: 240px) and (max-device-width: 680px) {}

/*iPhone < 5*/
@media screen and (device-aspect-ratio: 2/3) {}

/*iPhone 5*/
@media screen and (device-aspect-ratio: 40/71)
{
	header #topbar form.search input[type="submit"] {top: 3px;}
}


/************************************************************************************
 IPAD [portrait + landscape]
*************************************************************************************/
@media screen and (device-aspect-ratio: 3/4)
{
	header #topbar form.search input[type="submit"] {top: 3px;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
{
	
}


/************************************************************************************
 OTHER BROWSER HACKS
*************************************************************************************/
/*
html[data-useragent*="Trident/"] body {}
html[data-useragent*="MSIE 10.0"] body {}
html[data-useragent*="MSIE 9.0"] body {}
html[data-useragent*="MSIE 8.0"] body {}

html[data-useragent*="Safari/"] body {}
html[data-useragent*="Chrome/"] body {}
html[data-useragent*="Firefox/"] body {}

html[data-useragent*="Trident/"]	header #topbar form.search input[type="submit"] {padding: 4px 10px;}
html[data-useragent*="MSIE 10.0"]	header #topbar form.search input[type="submit"] {padding: 4px 10px;}
html[data-useragent*="MSIE 8.0"] 	header #topbar form.search input[type="submit"] {height: 23px;}
html[data-useragent*="Android 4."] 	header #topbar form.search input[type="submit"] {top: 4px;}
*/

/*HEADER*/
html.win 				header #topbar form.search input[type="submit"] {padding: 4px 10px;}
html.ie8				header #topbar form.search input[type="submit"] {height: 23px;}
html.webkit				header #topbar form.search input[type="submit"] {padding: 4px 10px;}
html.chrome				header #topbar form.search input[type="submit"] {top: 2px;}
html.win.chrome			header #topbar form.search input[type="submit"] {top: 3px;}
html.win.ff2			header #topbar form.search input[type="submit"] {padding: 3px 10px;}
html.mobile.safari5		header #topbar form.search input[type="submit"] {top: 0px;}
html.mobile.android		header #topbar form.search input[type="submit"] {top: 4px; padding: 4px 10px;}
/*html.mobile.android[data-useragent*="Android 4.1"] header #topbar form.search input[type="submit"] {top: 0;}*/
html.ie8[data-useragent*="Windows NT 5.1"] header #topbar form.search input[type="submit"] {height: 24px; top: 7px;}

/* Support for full multi-stop gradients with IE9 (using SVG).
Add a "gradient" class to all your elements that have a gradient, and add the following override to your HTML to complete the IE9 support:
<!--[if gte IE 9]><style type="text/css">.gradient {filter: none;}</style><![endif]-->	*/
html.ie9 header nav.main .inner ul.nav li a.sel, 
html.ie9 header nav.main .inner ul.nav li a:hover, 
html.ie9 header nav.main .inner ul.nav li {
	filter: none;
}

/*PRODUCTS*/
html.ie8 .products .left_column .prod_img .bottom_img {border-top: 1px dotted #ccc;}

/*POWERTOOLS*/
html.win .detail .powertools_content {margin-top: 48px;}
html.webkit .detail .powertools_content {margin-top: 48px;}
html.chrome .detail .powertools_content {margin-top: 49px;}