/*********************************************************************************************************
generic elements 
*********************************************************************************************************/
body{font-family:'Trebuchet MS',arial,helvetica,sans-serif;font-size:1em;background:#fff url('http://cyclebuy.com/pagebg.jpg') no-repeat;background-size:cover;background-attachment:fixed;}
html,body{width:100%;margin:0;}
table{background-size:cover;}
img{border:0;max-width:99% !important;height:auto;}
table,tr{max-width:100% !important;border:0;border-spacing:0;border-collapse: collapse;}
a,a:visited,a:link,a:active{text-decoration:none;color:#808080;}
a:hover{font-weight:bold;}
.trow{clear:both;display:block;width:100%;margin:1em 0;}
.trow a{color:#666;text-decoration:none;}
.tcell2,.tcell3,.tcell4,.tcell5,.tcell6{display:inline;float:left;width:100%;text-align:center;min-height:160px;}
.tcell2{max-width:48%;}
.tcell3{max-width:32%;}
.tcell4{max-width:23%;}
.tcell5{max-width:19%;}
.tcell6{max-width:15%;}
.tcell5:first-child,.tcell6:first-child{clear:left;}
.cellsep .tcell3,.cellsep .tcell5,.cellsep .tcell6{border-right:1px solid #c0c0c0;}
.cellsep .tcell3:last-child,.cellsep .tcell5:last-child,.cellsep .tcell6:last-child{border-right:0;}
.graytitle{color:#666;font-size:1.6em;max-width:100%;margin:0 0 1em 0;}
.trow img{max-width:100%;height:auto;}
hr{color:#ddd;width:99%;margin-bottom:1em;}
hr.czero{color:#c0c0c0;width:99%;margin-bottom:1em;}
.centertext{text-align:center;}
.left{text-align:left;}
.white{color:#fff;}
.leftrightborder{border-left:1px solid #000;border-right:1px solid #000;}
.smalltext{font-size:80%;color:#666;}
.largertext{font-size:110%;}
.graytext{color:#666666;}
/*********************************************************************************************************
main page structure
*********************************************************************************************************/
#framework{margin:1em auto 2em auto;max-width:1343px;border-radius:16px;}
#header{border:1px solid #333;border-radius:16px 16px 0 0;}
#main{margin:0;background-color:#fff;border:1px solid #333;border-radius:0 0 16px 16px;}
#maininner{margin:15px 15px 0px 15px;}
#contentsqueeze{float:left;width:82%;max-width:1341px;}
#footer{padding-top:2em;margin-top:1em;}
#footer a:link,#footer a:visited,#footer a:active{color:#cc0000;}
/*********************************************************************************************************
page components
*********************************************************************************************************/
#banner{background-color:#333;background-image:url('http://cyclebuy.com/top-banner.jpg');background-repeat:no-repeat;height:165px;}
#top-strip,#nav-strip{font-size:15px;padding:5px 8px;color:#fff;font-family:'Arial Narrow';line-height:120%;}
#top-strip{background-color:#000;min-height:20px;border-radius:16px 16px 0 0;}
#top-strip .rightbox img{width:16px;height:11px;margin-left:1em;}
#nav-strip{background-color:#4a4a4a;}
#nav-strip a{padding-right:15px;color:#fff;white-space:nowrap;}
#nav-strip a img{margin-right:-8px;}
#nav-strip-mobile .dropbox{text-align:center;border-bottom:1px solid #ccc;}
#bottom-strip{text-align:center;}
#bottom-strip div{font-size:.8em;color:#808080;text-align:center;margin:0 auto;}
#brands-strip{background-color:#fff;}
#badgeslogos{display:inline;float:right;margin:0 0 1em 1em;text-align:center;}
#badgeslogos a{display:block;width:100%;}
#badgeslogos img,#badgeslogos div{margin-bottom:1em;}
#siteseal{display:inline;position:relative;top:-20px;}
.flexifloatleft{display:inline;padding:.5em 0 0 1em;float:left;min-height:120px;}
.bordered{border:1px solid #000;}
.orangebanner{background-color:#FF6600;font-size:140%;font-weight:bold;color:#000;padding:.5em .5em .5em 50px;}
.bluebanner,.orangebanner{background-color:#274263;font-size:140%;font-weight:bold;color:#ffff33;padding:.5em .5em .5em 50px;margin-bottom:1em;}
.orangebanner{background-color:#FF6600;color:#000;}
.bluebanner{background-color:#274263;color:#ffff33;}
body#husqvarna_motorcycles .tcell2,body.husqvarma_motorcycles_2018 .tcell2{margin-right:1em !important;white-space:nowrap;text-align:left;}
img.bullet{width:6px;height:14px;margin:0 1em;}
.husaheader{font-size:.9em;background-color:#024093;background-image:url('http://cyclebuy.com/husaberg/images/formlabel_husa-blua.gif');background-size:cover;}
/*********************************************************************************************************
dropdowns
*********************************************************************************************************/
.droplist{display:block;float:left;margin:0;}
a.dropbox:hover{font-weight:bold;}
.dropdown-content a{font-size:.9em;width:172px;display:block;text-decoration:none;float:left;line-height:2em}
.dropbox img{margin:auto auto;}
.droptitle{background-color:#333;background-image:url('http://cyclebuy.com//droptitle-bg.png');background-repeat:no-repeat;height:20px;overflow:hidden;padding-left:13px;color:#fff;font-size:12px;padding:6px 0 0 21px;cursor:pointer;white-space:nowrap;min-width:170px;}
#dropdowns{background-color:#333;width:100%;border-right:1px solid #333;position:relative;left:-1px;overflow-y:visible !important;}
.dropdown{position:relative;display:inline-block;}
.dropdown-content{display:none;position:absolute;background-color:#fff;overflow:visible;left:0;min-width:170px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);padding:12px 16px;z-index:99999;margin-top:-2px;border-radius:0 7px 7px 7px;}
.dropdown:hover .dropdown-content{display:block;}
.dropdown:hover .droptitle{display:block;background-image:url('http://cyclebuy.com/droptitle-bg-active2.png');color:#000 !important;font-weight:bold;}
/* dropdowns with special requirements:*/
#shop_by_brands .dropbox{padding:0;text-align:center;width:100%;}
#shop_by_brands .dropdown-content{overflow-y:scroll;max-height:400px;}
#search .dropdown-content{min-width:250px;}
#search form{z-index:9999}
#searchfield{border:1px solid #000;border-radius:4px;line-height:19px;font-size:1em;width:170px;}
/*********************************************************************************************************
common styles
*********************************************************************************************************/
.rightbox{float:right;display:inline;}
.leftbox{float:left;display:inline;}
.nobr{white-space:nowrap;}
.orange{color:#ff6600 !important;}
.yellow{color:#ffe401 !important;}
.indent15{margin-right:1.5em}
/*
workaround for making old-school html mobile friendly
*/
.fullwidth{width:100%;height:auto !important;}
/*********************************************************************************************************
adapt to smaller displays
*********************************************************************************************************/
@media screen and (max-width:1341px){#framework{border:0;border-radius:0;margin:0;}
	#header,#top-strip,#main{border:0;border-radius:0}
	#header{margin-bottom:0;}
}
@media screen and (max-width:1080px){.over1080{display:none;}
	#badgeslogos{float:left;margin:.7em .7em 0 .7em;text-align:center;width:99%;white-space:nowrap;}
	#badgeslogos a{display:inline;margin:0;max-width:30% !important;text-align:center;}
	#badgeslogos img{max-width:30% !important;}
	#contentsqueeze{width:100%;}
	#maininner{margin:.3em;}
}
@media screen and (max-width:800px){#framework{margin:0;}
	#rightcol{float:none;}
	#main{margin:0;}
	#nav-strip{display:none;}
	#nav-strip-mobile{display:block !important;}
	#shop_by_brands{float:left;}
	#shop_by_brands .dropbox{float:left;display:inline;}
	.tcell2{max-width:99%;float:none;}
	.tcell3{max-width:48%;}
	.tcell4,.tcell5{max-width:32%;}
	.tcell6{max-width:24%;}
	body.husqvarma_motorcycles_2018 td{display:block;width:100% !important;text-align:left;}
}
@media screen and (max-width:640px){.dropdown{display:block !important;}
	#top-strip{display:none;}
	#banner{background-image:url('http://cyclebuy.com/top-banner-small.jpg');background-size:contain;min-height:100px;}
	#banner img{width:100% !important;height:auto !important;}
	#stretcher{display:block !important;}
	#bannerlinksimg{display:none !important;}
	#banner{height:auto !important;}
	#brands-strip{display:block !important;white-space:nowrap;text-align:center;}
	#brands-strip img{margin:2px 3px;width:400px;height:auto;max-width:22% !important;}
	#search{clear:both;width:100% !important;}
	.tcell3,.tcell4,.tcell5,.tcell6{max-width:99%;width:99%;}
	.tcell3 table,.tcell5 table,.tcell6 table{margin:0 auto !important;width:99%;}
	.tcell3 table img,.tcell5 table img,.tcell6 table img{width:85%;height:auto;}
	.youtube{max-width:320px;max-height:180px;}
	/*
	a kluge for all the content area tables with fixed width cells/contents
	*/
	#contentsqueeze table,#framework,#main{overflow-x:scroll;}
}
@media screen and (max-width:500px){
	.tcell3,.tcell5,.tcell6,.flexifloatleft{max-width:99%;display:block;text-align:center;margin-left:auto;margin-right:auto;float:none;}
}
