/*
Theme Name: Scooter Rack
Description: 
Version: 1 
*/

/*** Reset ***/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
:focus { outline: 0; }
img { vertical-align: bottom; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/*** Clearfix ***/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
.clear { clear: both; }

/*** Positioning and Alignment ***/
.fl { float: left; }
.fr { float: right; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }

/*** General Settings ***/
body { background: #000; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; margin-bottom: 15px; }
h1 { font-family: 'bebas_neueregular'; color: #fc0b05; font-size: 28px; padding-top: 10px; line-height: 30px;}
h2 { color: #000000; font-size: 16px; font-weight: bold; padding-top: 10px; line-height: 20px; }
p { margin: 0 0 15px 0; line-height: 20px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

hr.fadeline {
    border: 0;
    height: 1px;
    background: #999;
    background-image: -webkit-linear-gradient(left, #ccc, #999, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #999, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #999, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #999, #ccc); 
}

.container {
	margin: 0px auto;
	width: 930px;
}


/*** Header ***/
#header {
	background: url(../images/bg-header.jpg) repeat-x #fff;
	height: 119px;
}
#header .logo.fl {
	margin-top: 32px; 
}
#header .logo.fr {
	margin-top: 14px; 
}

/*** Main-body ***/
#main-body {
	background: #fff;
}

#main-body.half .container {
	background: url(../images/bg-main-column-2.jpg) repeat-y scroll 100% 0;
	min-height: 400px;
}

#main-menu {
	position: relative;
	z-index: 100;
}

#main-menu.main-content {
	position: relative;
	z-index: 100;
    border-bottom: 1px solid #cfcfcf;
    padding-bottom;20px;
    margin-bottom;20px;
}

#main-menu ul {

}
#main-menu ul li {
	float: left;
	margin-right: 20px;
	position: relative;
}
#main-menu ul li.last {
	margin-right: 0px;
}
#main-menu ul li a {
	color: #333333;
	display: block;
	float: left;
	font-family: 'bebas_neueregular';
	font-size: 25px;
	padding: 14px 0px;
	text-transform: uppercase;
}
#main-menu ul li a:hover,
#main-menu ul li.sfHover a,
#main-menu ul li.active a {
	background: url(../images/arrow-down.jpg) no-repeat scroll 50% 0;
	color: #999999;
	text-decoration: none;
}
#main-menu ul ul {
	display: none;
	left: 0px;
	position: absolute;
	top: 100%;
	width: 150px;
}
#main-menu ul ul li {
	border-bottom: 1px solid #ffffff;
	float: none;
	margin-right: 0px;
}
#main-menu ul ul li a {
	background: #000000!important;
	color: #ffffff;
	display: block;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px 10px;
}
#main-menu ul ul li a:hover {
	background: #fc0b05!important;
	color: #ffffff;
}

/*** Content ***/
#content {
	float: left;
	padding-bottom: 20px;
	width: 638px;
}

#content .answer p {font-weight:normal; font-size:14px; line-height:18px;}
#content .answer a {font-weight:bold;}


#content ol {
	margin: 0 0 15px 30px; line-height: 20px; list-style-type: decimal;
}

#slideshow {
	height: 306px;
}


.index h1 { font-family: 'bebas_neueregular'; color: #fc0b05; font-size: 24px; padding-top: 10px; line-height:26px; }

.post h1 { padding-top: 30px; }
.post.index-post h1 { padding-top: 10px; }
.post.index-post h2 { padding-top: 0px; }

.video-fl { float: left; padding:0 25px 20px 0;}

.post {}
.post ul { 
	list-style-type: disc; 
	margin-bottom: 15px;
	padding-left: 15px;
    line-height: 20px;
}
.post a {
	color: #ff0000;
}
.post a:hover {
	color: #3333ff; text-decoration:none;
}

.distributor-list {
	font-size: 14px; line-height:18px;
}
  
.distributor-list td {
	padding: 12px 10px; border: 1px solid #999;
}

.row {
background-color: #efeeee;
}

.centrepage {
margin:50px auto 0 auto;
}

.teaser {
	margin-bottom: 20px;
	position: relative;
	z-index: 100;
}
.teaser .fl {
	border-right: 1px solid #fc0b05;
	margin-right: 5px;
	padding-right: 5px;
	width: 495px;
}
.teaser .fr {
	width: 130px;
}
.teaser .btn img {
	margin: -35px 0px 0px;
}

.paypal-button-options {
	float: right; padding-left:20px;
}

.two-columns {
	float: left; width:285px; padding-right:20px;
}

.pretenders img {
	padding-bottom:10px;
}


/*** Sidebar ***/
#sidebar {
	float: right;
	padding: 12px 10px 0px 12px;
	width: 254px;
}

.distributor ul li a {
	background: url(../images/distributors/distributor-button.jpg) no-repeat;
	height: 50px; width:260px; display:block; text-decoration: none; margin-top:10px;

}

.distributor ul li a:hover {
	background: url(../images/distributors/distributor-button-over.jpg) no-repeat;
	height: 50px; width:260px; display:block;  text-decoration: none; margin-top:10px;
}

.free-call {
	padding-left: 25px;
}

.buy-now  ul li a {
    background: url(../images/display/button/buy-now-button.gif) no-repeat;
	height: 64px; width:198px; display:block;  text-decoration: none; margin:10px 0 20px 21px;
}

.buy-now  ul li a:hover {
    background: url(../images/display/button/buy-now-button-over.gif) no-repeat;
	height: 64px; width:198px; display:block;  text-decoration: none; margin:10px 0 20px 21px;
}

.widget {
	margin-bottom: 20px;
}

.widget-search .input-txt {
	width: 170px;
}
.widget-search .input-btn {
	cursor: pointer;
}

.widget-menu ul {

}
.widget-menu ul li {
	border-bottom: 1px solid #cfcfcf;
}
.widget-menu ul li a {
	background: url(../images/arrow-right.jpg) no-repeat scroll 0 50%;
	color: #333333;
	display: block;
	font-family: 'bebas_neueregular';
	font-size: 26px;
	padding: 8px 0px 8px 25px;
	text-decoration: none;
}
.widget-menu ul li a:hover {
	color: #999999;
}



/*** Footer ***/
#footer {
	background-color: #000000;
	height: 100px;
}
#footer ul {
	padding-top: 36px;
}
#footer ul li {
	color: #ffffff;
	display: inline;
	font-size: 10px;
	
}
#footer ul li a {
	color: #ffffff;
	margin: 0px 5px;
}

#footer ul li a:hover {
	color: #999999;
	margin: 0px 5px;
	text-decoration:none;
}




/*** Social ***/
.widget-social{
	text-align:center;
	padding:0px 0 0 5px;
	min-height:30px;
    width:300px;
}
.widget-social .fb{
	float:left;
	margin-right:15px;
}
.widget-social .gp{
	float:left;
    width:100px;

}


/* Social Icon links */

.socials {
	position:relative;
    top:-5px;
    margin-left:0px;
	overflow: hidden;
}
/* .socials .counts {
	margin-left: 55px;
	overflow: hidden;
}
.socials .counts .item {
	float: left;
	margin-right: 10px;
} */
.socials .links {
	margin: 0px 0px 0px 0px;
}
.socials .links ul {
	overflow: hidden;
    list-style:none;
}
.socials .links ul li {
	float: left;
	margin-left: 0px;
}
.socials .links ul li a {
	background: url(../images/social/icon-socials.jpg) no-repeat;
	float: left;
	height: 27px;
	text-indent: -9999px;
	width: 29px;
    margin-left:10px;
    
}
/* .socials .links ul li.twitter a {
	background-position: 0px 0px;
} */

.socials .links ul li.facebook a {
	background-position: 0px 0px;
}

.socials .links ul li.facebook a:hover {
	background-position: 0px -27px;
}

/* .socials .links ul li.linkedin a {
	background-position: -59px 0px;
}
.socials .links ul li.pinterest a {
	background-position: -88px 0px;
} 
.socials .links ul li.youtube a {
	background-position: -118px 0px;
}
.socials .links ul li.twitter a:hover {
	background-position: 0px -27px;
} */

/* .socials .links ul li.linkedin a:hover {
	background-position: -59px -27px;
}
.socials .links ul li.pinterest a:hover {
	background-position: -88px -27px;
}
.socials .links ul li.youtube a:hover {
	background-position: -118px -27px;
} */


/*.fancylook a:link {padding:5px 5px; border:1px solid #666666; display:block;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
}
.fancylook a:hover {border:1px solid #999999;}*/



/*** Fonts ***/
@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebas_neueregular/bebasneue-webfont.eot');
    src: url('../fonts/bebas_neueregular/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebas_neueregular/bebasneue-webfont.woff') format('woff'),
         url('../fonts/bebas_neueregular/bebasneue-webfont.ttf') format('truetype'),
         url('../fonts/bebas_neueregular/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}