/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://creativecommons.org/licenses/MIT/	*/


/*	Resets */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}

/* Type */

h1, h3, h4 {
	font-size: 24px;
	line-height: 28px;
	color: #2b92fa;
	font-weight:normal;
	margin-bottom:20px;
}

h2 {
	font-size: 20px;
	line-height: 27px;
	color: #91959a;
	font-weight: bold;
	letter-spacing:-1px;
	padding:8px 0 0 13px;
	background: url(../images/h2Bg.jpg) repeat-x;
	background-position:bottom;
	height:33px;
}

h5 {
	font-size: 18px;
	line-height: 28px;
	color: #91959a;
	font-weight:normal;
	margin-bottom:20px;
}

h6 {
	font-size: 14px;
	line-height: 28px;
	color: #2b92fa;
	font-weight:bold;
	margin-bottom:30px;
}

body {
	font-size: 15px;
	transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
	font-family:'Myriad','Myriad Pro','Calibri',Geneva;
}

p{color:#80858a;margin-bottom:20px}
footer p{font-size:11px}

.small, small {
	font-size: 13px;
	line-height: 18px;
}

/* Selection colours (easy to forget) */

::selection 	 	{background:#efe4bd;}
::-moz-selection 	{background:#efe4bd;}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color:#efe4bd;}


/*		Default Layout: 960px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {width: 960px;background:#ffffff;background: url(../images/headerBg.jpg) left top repeat-x;color:#80858a;-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */margin: 0 auto;}
#wrapper{width:960px;}
header{width:960px;height:114px;margin:0 auto;float:left;display:block}
#farnell_newark_logos{width:256px;height:78px;float:left;display:inline;margin-top:36px;background: url(../images/farnell_newark_logos.jpg) no-repeat}
#element14_logo{width:184px;height:77px;float:left;display:inline;margin-top:42px; margin-left:18px; background: url(../images/element14_logo.jpg) no-repeat}
#countrySelector{width:960px;height:55px;float:right;text-align:right;display:block}
#countrySelectorText{width:130px;height:35px;padding-top:20px;float:right;display:inline}
#countrySelectorFlag{width:52px;height:38px;padding-top:17px;float:right;display:inline}
#countrySelectorDropdown{width:170px;height:38px;padding-top:17px;float:right;display:inline; text-align:left;}
#countrySelectorText p{font-size:12px}
#mainProduct{width:716px;min-height:248px;float:left;display:inline}
#productDescription{width:446px;float:left;display:inline}
#mainProduct ul{font-size:15px;margin:0 0 0 15px;padding:0;line-height:150%}
#mainProduct li{list-style-type:disc;font-size:15px;padding:0;line-height:16px;margin:7px 0;font-weight:normal}
#productImg{width:270px;height:247px;float:left;}
#btnsMain{width:446px;float:left;display:inline;margin-top:20px}
#whyChooseUs{width:220px;_width:200px;min-height:250px;float:right;display:inline;border:solid 1px #dfe3e6;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;margin-bottom:10px}
#whyChooseUs ul{font-size:13px;margin:12px 0 0 15px;padding:0;line-height:150%;color:#80858a;font-weight:bold}
#whyChooseUs li{list-style-type:disc;font-size:13px;padding:0;line-height:12px;margin:7px 10px;color:#80858a;}
#btnLearnMore{text-align:right;margin:10px;}
.splitter{width:960px;height:48px;float:left;margin:40px 0 0 0;display:inline-block;clear:both}
.splitterL{width:50%;height:48px;float:left;background: url(../images/splitter.jpg) left top no-repeat;display:inline-block}
.splitterR{width:50%;height:48px;float:right;background: url(../images/splitter.jpg) right top no-repeat;display:inline-block}
#contentArea02{width:960px;min-height:320px;float:left;display:inline-block}
#contentArea02Description{width:405px;height:275px;float:left;margin-left:32px;display:inline}
#contentArea02Img{width:412px;height:312px;float:right;background: url(../images/applications_410x312.png) no-repeat;display:inline;margin-right:50px}
#contentArea03{width:900px;height:350px;float:left;display:inline}
#contentArea03Img{width:489px;height:244px;float:left;display:inline;margin-right:50px;background: url(../images/avago_led_489x244.png) no-repeat;}
#contentArea03Description{width:350px;height:312px;float:right;display:inline}
#btnBuyFromYour{width:960px;float:left;text-align:center;margin-bottom:0;}
footer{width:inherit;height:80px;clear:both;display:inline-block}
#footerL{width:50%;height:inherit;float:left;background: url(../images/splitter.jpg) left no-repeat;text-align:right;padding-top:80px;display:inline}
#footerR{width:50%;height:inherit;float:right;background: url(../images/splitter.jpg) right no-repeat;text-align:left;padding-top:80px;display:inline}
#footerR p{margin-left:7px}

#google_translate_element{
	width: 300px;
	float: left;
	text-align:left;
	margin: 10px 0 0;
	}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 961px) {
	
body {width: 712px;background:#ffffff;background: url(../images/headerBg.jpg) left top repeat-x;color:#80858a;-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */margin: 0 auto;}
#wrapper{width:inherit;}
header{width:inherit;height:114px;margin:0 auto;float:left}
#farnell_newark_logos{width:256px;height:42px;float:left;display:inline;margin-top:36px;background: url(../images/farnell_newark_logos.jpg) no-repeat}
#element14_logo{width:184px;height:32px;float:right;display:inline;margin-top:37px;background: url(../images/element14_logo.jpg) no-repeat}
#countrySelector{width:inherit;height:55px;float:right;text-align:right;}
#mainProduct{width:680px;min-height:248px;float:left;}
#productImg{width:270px;height:247px;float:left;}
#btnsMain{width:446px;float:left;display:inline}
#productDescription{width:410px;float:left;display:inline}
#whyChooseUs{width:632px;min-height:62px;float:left;display:inline;border-color:#dfe3e6;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;margin:40px 0 0 32px}
#whyChooseUs ul{width:600px;font-size:13px;margin:12px 0 0 15px;padding:0;line-height:150%;color:#80858a;font-weight:bold}
#whyChooseUs li{width:280px;float:left;list-style-type:disc;font-size:13px;padding:0;line-height:12px;margin:5px 10px;color:#80858a;}
#btnLearnMore{text-align:right;margin:10px;}
.splitter{width:960px;height:48px;float:left;margin:40px 0 0 0;display:inline-block;clear:both}
.splitterL{width:50%;height:48px;float:left;background: url(../images/splitter.jpg) left top no-repeat;display:inline-block}
.splitterR{width:50%;height:48px;float:right;background: url(../images/splitter.jpg) right top no-repeat;display:inline-block}
#contentArea02{width:960px;min-height:275px;float:left;display:inline-block}
#contentArea02Description{width:385px;float:left;margin-left:32px;display:inline}
#videoPlayer{width:534px;height:275px;float:left;margin-left:17px;background: url(../images/videoPlayerBg.jpg) no-repeat;text-align:center}
#contentArea03{width:680px;height:217px;float:left;margin-left:32px}
h4{width:inherit}
#quotes{width:155px;height:137px;float:left;background: url(../images/quotes.png) no-repeat;}
#btnBuyFromYour{text-align:center;margin-bottom:0;}
footer{width:inherit;height:80px;clear:both}
#footerL{width:50%;height:inherit;float:left;background: url(../images/splitter.jpg) left no-repeat;text-align:right;padding-top:80px;}
#footerR{width:50%;height:inherit;float:right;background: url(../images/splitter.jpg) right no-repeat;text-align:left;padding-top:80px;}
#footerR p{margin-left:7px}
.btn.small{margin-top:15px}


}


/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
		width: 412px;
		padding: 48px 34px 48px 34px;
	}

h1{margin:0}
	
}


/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
body {
	width: 252px;
	padding: 48px 34px 60px 34px;
	/*background: url(../images/bg.jpg) 0 50px;
*/	}
	
h1{margin-top: 0;}
	
}