body {font-family:Arial, Helvetica, sans-serif; font-size: 14px; min-width:320px;background-color:#f7f7f7;}
#overlay {background-color: rgba(0, 0, 0, 0.6);z-index: 999;position: fixed;left: 0;top: 0;width: 100%;height: 100%; z-index:99999;}
.preloader{  position: relative;width: 15%;margin: 10px auto;padding-bottom: 15%;z-index: 9999;background: url(//www.togoparts.com/images/common/loading.gif) no-repeat;background-size: contain;}
h1, .h1, h2, .h2, h3, .h3 {margin:0;}
h1, .h1 {font-size:24px;}
h2, .h2 {font-size:20px;}

.profile_icon{position: relative;border: 1px solid #f0f0f0;padding-bottom: 36px;width:36px;height:0;overflow: hidden;background-color: #FFFFFF;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-khtml-border-radius: 50%;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;display:inline-block;vertical-align:middle; z-index: 1;}
.profile_icon_25{padding-bottom: 25px;width:25px;}
.profile_icon_50{padding-bottom: 50px;width:50px;}
.profile_icon img{position: absolute;max-height: 100%;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.breadcrumb > li + li:before {color: #ccc;content: "> ";padding: 0 5px;}

textarea.no-resize{resize: none;}
.glyphicon-lock { margin-right: 5px; }

.navbar-wrapper{height:50px; margin-bottom:20px;}
.navbar-header{height:50px; overflow:hidden;}
#custom-bootstrap-menu.navbar-default .navbar-brand {color: rgba(0, 0, 0, 1);}
#custom-bootstrap-menu.navbar-default {font-size: 16px;background: #DFDFDF;border-bottom-width: 0px;background-image: none;min-height: 35px;font-family: 'Scada', Verdana, Arial, Helvetica, sans-serif;}
.navbar-fixed-top .navbar-collapse {max-height: 420px;}
#custom-bootstrap-menu.navbar-default .nav>li>a {color: rgba(0, 0, 0, 1);background-color: #DFDFDF;}
#custom-bootstrap-menu.navbar-default .navbar-toggle,#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {  border-color: transparent;
background-color: inherit;
padding: 14px 10px;
margin-right: 0;
border-left: 1px solid #BAB0B0;
border-radius: 0;
margin: 0;}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {background-color: #000;height:4px;width:25px;}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {background-color: #000;}
#custom-bootstrap-menu.navbar-default .nav>li>a.caret1{position: absolute !important;top: 0;right: 0;padding: 10px 5px;margin-top: 0;background: none;box-shadow: none;z-index: 1;}
#custom-bootstrap-menu.navbar-default .nav>li>a.caret1:hover,#custom-bootstrap-menu.navbar-default .nav>li>a.caret1:focus {background: none;}
#custom-bootstrap-menu.navbar-default .nav>li.homeicon>a{background-image: url(//www.togoparts.com/images/new_menu/home-v2.png); background-repeat:no-repeat; background-position:center; background-color:#a6a6a6; background-size:contain; text-indent: -9999px;padding: 9px 15px !important;}
#custom-bootstrap-menu.navbar-default .nav>li.messageicon{  vertical-align: middle; display:none;}
#custom-bootstrap-menu.affix .nav>li.messageicon{display:table-cell;}
#custom-bootstrap-menu.navbar-default .nav>li.messageicon>a{font-size:24px; padding: 5px 15px 3px; color:#000000 !important;background: none !important;}
#custom-bootstrap-menu.navbar-default .nav>li.messageicon:hover{background:none;}
#custom-bootstrap-menu.navbar-default .nav>li.messageicon .badge {top: 2px;position: absolute;right: 8px;box-sizing: content-box;text-align: center;}
#custom-bootstrap-menu.navbar-default .nav>li.homeicon.active>a{background-color: rgba(247, 134, 32, 1);}
#custom-bootstrap-menu.affix{ right: 0;left: 0;z-index: 1030; top:0;}
#custom-bootstrap-menu-new.affix{ right: 0;left: 0;z-index: 1030; top:0;}
#custom-bootstrap-menu .navbar-brand:before{content: ' ';vertical-align: middle;display: inline-block;height: 100%;}
#custom-bootstrap-menu .navbar-brand{width:50%;padding:0 0 0 15px;}
#custom-bootstrap-menu .navbar-brand img{width:100%;max-width:210px;vertical-align:middle;height: auto;display: inline-block;}
#custom-bootstrap-menu .navbar-brand-bike {width:50%;padding:0 5px 0 15px;}
#custom-bootstrap-menu .navbar-brand-bike:before{content: ' ';vertical-align: middle;display: inline-block;height: 100%;}
#custom-bootstrap-menu .navbar-brand-bike img { width: 38px; vertical-align:middle;height: auto;display: inline-block; }
.btn-default {background-color: #f6f6f6;}
.btn-success, .btn-primary,.btn-warning,.btn-danger,.btn-yellow{color:#FFFFFF !important;}
.bottom-separator-grey{border-bottom: 1px solid #a6a6a6; padding-bottom:15px; margin-bottom:15px;}
@media (min-width: 768px) and (max-width: 837px) {
	#e-store-link {
		width: 4%;
	}
}

@media (min-width: 838px) and (max-width: 1024px) {
	#e-store-link {
		width: 2%;
	}
}

#topbar{display:none;}
#logobar{margin:15px 0;}
#tgplogobox {margin-top:10px;}
#top-mobile-banner-box .adslot{width:320px; height:50px; margin-bottom:20px; display:inline-block !important;}
.main-container{position:relative; padding:0 10px;}
.content-wrapper,.sidebar-wrapper{display:block; position:relative; width:100%; padding:0;}
.sidebar-wrapper{margin-top:15px;}
#loginbar{background-color: #000;color:#FFF;font-size: 13px; padding:5px 0; line-height:28px;min-width: 1000px;}
#loginbar a{color:#FFF;}
#loginbar select.tgpregion{color:#000;}
.FBLoginButton{   height: 22px; cursor: pointer;background-color: #49639f;border-radius: 3px;color: #fff;display: inline-block;padding: 0 8px;line-height: 22px;}
.fb-like { overflow: visible; position: relative; z-index: 100; }
#loginbar .FBLoginButton img{vertical-align:text-top;}
#searchbar{display:none; padding-bottom:15px; background-color: #FFF; position: fixed; top:50px;border-top:1px solid #000;border-bottom:2px solid #000;}
#searchbar.active{display:block;  z-index: 10;}
#searchbar.active .row{margin: 0;}
#searchbar form > div{margin-top: 15px;}
.navbar-buttons .btn{color: #000 !important;
background: none;
border: none;
padding: 12px 10px;
position: relative;
line-height: 0.9em;
margin: 0;
margin-right: 0;
font-size: 24px;
border-left: 1px solid #BAB0B0; border-radius:0;}

.msg-badge{
background-color: #a94442;
border: 1px solid#FFF;
color: #FFF;
border-radius: 50%;
width: 20px;
font-size: 9px;
height: 20px;
line-height: 20px;
padding: 0;}


#topbar .badge{vertical-align: top;
  margin-top: 3px;}

.navbar-buttons .badge{ 
top: 2px;
position: absolute;
right: 0;
box-sizing: content-box;
text-align: center;
}

a:link, a:visited {text-decoration:none;color:#ef5727;}
a:hover	{text-decoration:underline;color:#666;}
div.medrect-wrapper{text-align:center;}
div.medrect-wrapper .adslot{width:300px; height:250px;  margin: 0 auto;}
#footer{background-color: #fff;border-bottom: #808080 solid 1px; padding-bottom:10px;font-family: Arial, Helvetica, sans-serif;font-weight: bold; font-size:12px;margin-top:20px; margin-bottom:10px;}
#footer h3{font-size:16px;font-weight:600;text-transform:uppercase; margin:3px 0;}
#footer a{color: #808080;text-decoration: none;font-weight: bold;}
.ios_app_icon, .android_app_icon{background-image:url(//www.togoparts.com/images/common/footer/tgp-dl.png); background-repeat: no-repeat; display:inline-block; width: 104px; height: 40px;}
.ios_app_icon{background-position: 0 0;}
.android_app_icon{	background-position: 0 -42px;}
.dropdown-backdrop {position: static;}


.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
text-align: justify;
}
.visible-xxs{
  display: none !important;
}
.row-left{margin-left: -10px;}
.row-right{margin-right: -10px;}

.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}
.col-same-height {
  display: table-cell;
  float: none !important;
}
.vertical-ellipse-text{text-overflow: ellipsis;
display: -webkit-box;
word-wrap: break-word;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow:hidden;
word-break: break-word;}
.ellipse-text{
white-space: nowrap;text-overflow: ellipsis; max-width:100%;overflow: hidden;
}
.strike {border-top: 0;padding-top: 0;padding-bottom: 1em; height:0; border-bottom-style:solid; border-bottom-width:3px;text-align: center; margin-bottom:1em;}
.strike span {padding-top: 10px;background: #f7f7f7;padding: 0 10px;position: relative;top: 0.5em; text-transform:uppercase; font-weight:600;}
.clear { clear: both; }
.no-padding { padding: 0; }
.no-margin { margin: 0; }

/* Margin Classes */
.mright5 { margin-right: 5px; }
.mleft5 { margin-left: 5px; }
.mtop5 { margin-top: 5px; }
.mbot5 { margin-bottom: 5px; }
.mright10 { margin-right: 10px; }
.mleft10 { margin-left: 10px; }
.mtop10 { margin-top: 10px; }
.mtop20 { margin-top: 20px; }
.mbot10 { margin-bottom: 10px; }
.mright15 { margin-right: 15px; }
.mleft15 { margin-left: 15px; }
.mtop15 { margin-top: 15px; }
.mbot15 { margin-bottom: 15px; }
.mtop20 { margin-top: 20px; }
.mbot20 { margin-bottom: 20px; }
.mtop25 { margin-top: 25px; }
.mbot25 { margin-bottom: 25px; }

/* Padding Classes */
.pad10 { padding: 10px; }
.pad5 { padding: 5px; }
.pad15 { padding: 15px; }
.pright5 { padding-right: 5px; }
.pleft5 { padding-left: 5px; }
.ptop5 { padding-top: 5px; }
.pbot5 { padding-bottom: 5px; }
.pright10 { padding-right: 10px; }
.pleft10 { padding-left: 10px; }
.ptop10 { padding-top: 10px; }
.ptop20 { padding-top: 20px; }
.pbot10 { padding-bottom: 10px; }
.pright15 { padding-right: 15px; }
.pleft15 { padding-left: 15px; }
.ptop15 { padding-top: 15px; }
.pbot15 { padding-bottom: 15px; }
.ptop20 { padding-top: 20px; }
.pbot20 { padding-bottom: 20px; }
.ptop25 { padding-top: 25px; }
.pbot25 { padding-bottom: 25px; }

@media (max-width: 767px){
	h3.strike {font-size: 18px;}
	.col-align-sm-left{margin-left: -15px;}
	.col-align-sm-right{margin-right: -15px;}
	#searchbar{width:100%;}
	#custom-bootstrap-menu.navbar-default .off-canvas-container {margin:0 2%;height: 100%;position:absolute;width: 96%;overflow:auto;  overflow-x: hidden;}
	#custom-bootstrap-menu.navbar-default .nav {margin: 7.5px -5px;}
	#custom-bootstrap-menu.navbar-default .nav>li>a.caret1{ width: 15%;}
	#custom-bootstrap-menu.navbar-default .nav>li>a.caret1 .caret{border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #000000;}
	.row-offcanvas {position: relative;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
	.row-offcanvas.active {overflow:hidden;}
	.row-offcanvas-right .sidebar-offcanvas {right: -65%;}
	.row-offcanvas-right.active, .row-offcanvas-right.active #custom-bootstrap-menu.navbar-default {right: 65%;left: -65%;}
	.row-offcanvas-right.active .sidebar-offcanvas {right: 0;}
	.sidebar-offcanvas {position: fixed;top: 0;width: 65%;background: #fff;height:100%;border-left: 3px solid #ccc;}
	#custom-bootstrap-menu.navbar-default .nav>li>a{background-color:#FFFFFF;}
	#sidebar {padding-top:0;}
	.dropdown-menu{font-size: 16px;}
	.oc-user{border-bottom: 1px solid #d5d4d4; padding:10px 5px;}
	.oc-settings{margin-bottom:10px;}
	.oc-header{padding: 10px 0 0 5px;font-weight: bold;color: #8C8C89;border-top: 1px solid #d5d4d4;}
	.oc-settings .oc-item{padding:7px 15px;}
	.text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
	.confirm-box .modal-dialog{margin-top:30%;}
	#footer{background: #DFDFDF; margin-bottom:0; margin-left:-10px; margin-right:-10px;}
	#footer .tgp-share-btn{  display: table-cell;float: none !important; vertical-align:top; padding-right:5px;}
}
@media (max-width: 479px){
	.strike {font-size: 16px;padding-bottom: 13px;}
	#grptabs > li > a {
	  padding: 10px 8px;
	  font-size: 13px;
	}
	.visible-xxs{
	  display: block !important;
	}
	.hidden-xxs{display: none !important;}
}
@media (min-width: 768px){
	#wrapper{min-width: 1000px;}
	.fixed-300{width:300px; float:right;}
	.container {width: 960px;}
    .container.hdrRvmpWrp, #cbnewheader .container{
        width:960px !important;
    }
	#custom-bootstrap-menu.navbar-default {background:none;  box-shadow: none; height:35px;}
	#custom-bootstrap-menu.navbar-default .navbar-brand{display:none;}
	#custom-bootstrap-menu.navbar-default,#custom-bootstrap-menu.navbar-default .nav .dropdown-menu{font-size: 14px;}
	#custom-bootstrap-menu.navbar-default .nav>li>a:hover,#custom-bootstrap-menu.navbar-default .nav>li>a:focus {color: rgba(255, 255, 255, 1);background-color: rgba(247, 134, 32, 1);}
#custom-bootstrap-menu.navbar-default .nav>.active>a,#custom-bootstrap-menu.navbar-default .nav>.active>a:hover,#custom-bootstrap-menu.navbar-default .nav>.active>a:focus {color: rgba(255, 255, 255, 1);background-color: rgba(247, 134, 32, 1);}
	#custom-bootstrap-menu.navbar-default .nav > li > a {padding: 9px 3px;}
	#topbar{display:block; width: 100%;}
	#loginbar .dropdown-menu a{color: #333 !important;}
	#tgplogobox{margin-top:15px;}
	#tgplogobox img{width:90%;}
	#topleaderboard .adslot{width:728px; height:90px;}
	.main-container{padding:0;}
	.content-wrapper{width:100%; padding-right:340px;  min-height:300px;}
	.sidebar-wrapper{width:300px; position:absolute;right:0;top:0; margin-top:0;}
	#custom-bootstrap-menu.affix{background: #DFDFDF;}
	.nav > li:last-child > ul{right: 0;left: initial;}
	#searchbar{display:block; position:relative; top:0; padding-bottom:25px; background:none; border:none;}
	.search-toggle{display:none;}
	.navbar-wrapper{height:40px;}
	.text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {

        text-align: justify;
    }
	.col-sm-height {
	  display: table-cell;
	  float: none !important;
	}
}
@media (min-width: 769px) {
	.container{ width: 100%;}
    .container.hdrRvmpWrp, #cbnewheader .container{
        width:100% !important;
    }
	#custom-bootstrap-menu.navbar-default,#custom-bootstrap-menu.navbar-default .nav .dropdown-menu{font-size: 9px; line-height: 1.8em;}
}
@media (min-width: 992px){
	.container {margin-left: auto;}
	#custom-bootstrap-menu.navbar-default,#custom-bootstrap-menu.navbar-default .nav .dropdown-menu{font-size: 10px; line-height: 1.6em;}
}
@media (min-width: 1200px){
	.container {width: 1160px;}
    .container.hdrRvmpWrp, #cbnewheader .container{
        width:1160px !important;
    }
	#loginbar{min-width: 1140px;}
	.content-wrapper{padding-right:370px;}
	#custom-bootstrap-menu.navbar-default,#custom-bootstrap-menu.navbar-default .nav .dropdown-menu{font-size: 11.7px; line-height: 1.3em;}
	#custom-bootstrap-menu.navbar-default .nav>li.messageicon>a {font-size: 22px;padding: 5px 15px 3px;color: #000000 !important;background: none !important;}
	#custom-bootstrap-menu.navbar-default .nav>li.messageicon .badge {top: -2px;position: absolute;right: 8px;box-sizing: content-box;text-align: center;}
	.text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}


.adminText {color: #999999;font-size: 10px;font-weight: normal;}
/**Forms**/
input.sizefour { display:inline-block; margin: 4px; transform: scale(1.6, 1.6); -moz-transform: scale(1.6, 1.6); -ms-transform: scale(1.6, 1.6); -webkit-transform: scale(1.6, 1.6); -o-transform: scale(1.6, 1.6); vertical-align: middle;width: auto !important;  height: auto;}
.form-group.required .control-label:after { 
   content:"*";
   color:red;
}

/**Bullets**/
ul.triangle { padding: 0;margin:0;}
ul.triangle li {padding: 3px 0 3px 15px;font-size: 11px;position: relative;list-style: none;background: url(//www.togoparts.com/images/css/triangle.gif) no-repeat 0 3px;}
ul.magazine{ padding:0; margin:0 0 11px 0; list-style:none;}
ul.magazine li{ padding:10px 0 0 0; font-weight:bold; font-size:11px} 
ul.bikeshops{padding:0 0 10px 0; margin:10px 0 ; list-style:none}
ul.bikeshops li{ padding:5px 0 0 0; font-size:11px;}
ul.bikeshopd li a{font-size:11px; color:#000; text-decoration:none}
.inline_triangle li{display: inline;list-style:none;padding-left:11px;margin-right:5px;background: url(//www.togoparts.com/images/css/triangle.gif) no-repeat;}
.inline_triangle li .label {font-weight:bold;font-size:1.0em;overflow:none;text-align:left;display:inline;margin-right:2px;border-bottom:1px dotted #D5D5D5;}
.inline_triangle li .value {font-size:1.0em;overflow:none;text-align:left;display:inline;border-bottom:1px dotted #D5D5D5;}

/*** Font styles.css ***/
.fontLarge{font-size:36px}
.fontLarger{font-size:72px}
.fontLargest{font-size:96px}
.arial1{font-family:Arial,Helvetica,sans-serif;font-size:10px}
.arial2{font-family:Arial,Helvetica,sans-serif;font-size:13px}
.arial3{font-family:Arial,Helvetica,sans-serif;font-size:15px}
.arial4{font-family:Arial,Helvetica,sans-serif;font-size:18px}
.verdana1{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px}
.verdana2{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:13px}
.verdana3{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:15px}
.verdana4{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:18px}
.georgia1{font-family:Georgia,"Times New Roman",Times,serif;font-size:10px}
.georgia2{font-family:Georgia,"Times New Roman",Times,serif;font-size:13px}
.georgia3{font-family:Georgia,"Times New Roman",Times,serif;font-size:15px}
.georgia4{font-family:Georgia,"Times New Roman",Times,serif;font-size:18px}
/* FROM styleswide! */
.odd{background:#ebebeb;}
.even{background:#f7f7f7;}

/* Text styles */.normalText{font-size:12px;color:#666;}
.bold{font-weight:bold;}
.greyText {color:#777;color:}
.adminText{font-size:10px;color:#999999;font-weight:normal;}
/* .label{font-weight: bold;text-decoration:none;color: #666;}*/ 
.label-orange{color: #ff9600;}
.priority-label,.newitem-label,.clearance-label,.newitem-label-ad, .star-merchant-label {color: #FFF !important;padding: 0 8px; line-height:21px;text-decoration: none; text-transform:uppercase; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; font-weight:600;  display: inline-block; text-align:center;}
.priority-label {background-color: #ffc516;}
.star-merchant-label { background-color: #5F008E; }
.star_merchant { 
	font-size: 10px;
	background: #5F008E;
	color: #fff;
	padding: 5px 10px;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	line-height: 21px;
}
.newitem-label, .newitem-label-ad {background-color: #00578e;}
.sold-label{position: absolute;max-height: 100%;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.sold-label > div {width: 100%;height: 100%;position: absolute;display: table; background: rgba(0,0,0,0.4);}
.sold-label > div > span{display: table-cell;float: none !important; vertical-align:middle; color:#FF0000; letter-spacing:2px; font-size:1.4em; font-weight:bold;}
.clearance-label{background-color: #FF0000;}
.available {color: #060;}
.sold {color: #F00;}
.bluefont{color: #3d758f;}
.red { color: red;  }
.redfont{color:#ff6600;}
.redfont2 {color:#ff6600;}
.redfont3 {color:#CC0000;}
.helpText{font-style:italic;font-size: 10px;color:#999999;}
.title{font-size:1.2em;font-weight:bold;}
.lineHeight140{line-height: 140%;}
/* Margin padding styles */
.margin5{margin: 5px;}
.margin10{margin: 10px;}
.marginLeft{margin-left: 5px;}
.marginRight{margin-right: 5px;}
.marginTop{margin-top:5px;}
.marginBtm{margin-bottom:5px;}
.marginTopLarge{margin-top:15px;}
.marginBtmLarge{margin-bottom:15px;}
.marginNone{margin:0;}
.paddingLeft{padding-left:5px;}
.paddingRight{padding-right:5px;}
.paddingTop{padding-top:5px;}
.paddingBtm{padding-bottom:5px;}
.paddingBtmLarge{padding-bottom:15px;}
.padding5{padding:5px;}
.padding0{padding:0;}



/* ul */ ul.tabLinks{font-size:1.2em;font-weight:bold;}
ul.smalltabLinks{font-size:0.9em;font-weight:bold;}
ul.tabLinks a, ul.smalltabLinks a {padding: 3px 9px;color: #fff;border-right: 1px dotted #fff;}
ul.tabLinks a:hover, ul.tabLinks li.selected a, ul.smalltabLinks a:hover, ul.smalltabLinks li.selected a {text-decoration:none;color:#f1b064;}
.inline{display:inline;padding:0;margin:0;}
.inline li{display: inline;list-style:none;}
.no-bullet{margin:0;padding:0;}
.no-bullet li{list-style:none;}
.triangle{padding:0;margin:0;}
.triangle li{list-style:none;padding-left:15px;background: url(//www.togoparts.com/images/css/triangle.gif) no-repeat;}
.bulletstyle1 {margin:0;padding:0;}
.bulletstyle1 li {list-style:none;padding-left:15px;background: url(//www.togoparts.com/images/css/arr1_red.gif) no-repeat;}
.moreBullet {padding-right:15px;background: url(//www.togoparts.com/images/css/triangle.gif) no-repeat right;}
.titleBullet {padding-left:15px;background: url(//www.togoparts.com/images/css/triangle2.gif) no-repeat left;}
.mask {position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; background:url(//www.togoparts.com/images/common/spacer.gif) repeat left;}
/* 
.center{text-align:center;} use text-center
.left{text-align:left;} use text-left
.right{text-align:right;} use text-right

.spacer{clear:both;} use clearfix
.floatRight{float:right;} use pull-right
.floatLeft{float:left;} use pull-left
*/
.spacer{clear:both;}
.floatRight{float:right;}
.floatLeft{float:left;}
.dottedBtm{border-bottom: 1px dotted #ccc;}
.dottedTop{border-top: 1px dotted #ccc;}
.lineBtm {border-bottom: 1px solid #000;}
/*Button styles*/
.carCompareBtn a{background-color: #dedede;border: 1px solid #b9b9b9;color: #e79a5a;font-weight:bold;}
.carCompareBtn a:hover{text-decoration:none;}
.ratingLogo{background:url(//www.togoparts.com/images/css/rating_bg.jpg) repeat-x;padding:3px;font-size:1.2em;font-weight:bold;color: #fff;}
.orangeBtn{background:url(//www.togoparts.com/images/css/rating_bg.jpg) repeat-x;padding:3px;font-weight:bold;font-size:0.9em;}
.orangeBtn a{color:#fff;}
.greyBtn{background:url(//www.togoparts.com/images/css/greystripe.gif) repeat-x;padding:3px;font-weight:bold;font-size:0.9em;}
.greyBtn a{color:#fff;}
.blueButton {background:url(//www.togoparts.com/images/css/button-blue.gif) repeat-x;padding:3px;font-weight:bold;font-size:0.9em;}
.blueButton a{color:#fff;}
.lightgreyBtn{background:url(//www.togoparts.com/images/css/button-grey.gif) repeat-x;padding:3px;font-weight:bold;font-size:0.9em;}
.lightgreyBtn a{color:#e79a5a;}
.closeButton{background-color:#fff;border:1px solid #ccc;padding:0 3px;}
.closeButton a{color:#FFAB04;}
/*Portlet Styles*/
.portletHeaderTabRed{font-size: 1.2em;font-weight:bold;padding:3px 10px 3px 8px;background-color:#dc0000;border:1px none #dc0000;color:white;text-align:left;display: inline-block;}
.portletHeaderTabBlue{font-size: 1.2em;font-weight:bold;padding:3px 10px 3px 8px;background-color:#446e90;border:1px none #446e90;color:white;text-align:left;display: inline-block;}
.portletStyle_clear{ /*borderless clear portlet*/padding:5px;}
.portletStyleBorderless{ /*borderless clear portlet*/padding:0px;}
.portletFooter {/* default portlet footer */padding: 2px 0;text-align: right;float:right;}
.portletFooter a{/* default portlet footer arrow for links*/padding-right:10px;background:url(//www.togoparts.com/images/css/arrw_yel.gif) no-repeat right;}
.portletBody_grey_flat{padding-top:3px;background-color: #f7f7f7; }
.portletStyle_grey_a{background: url(//www.togoparts.com/images/css/portlet/portletgreybg1x50_a.gif) repeat-x #FFFFFF;padding:5px;border:1px dotted #ccc;}
.portletStyle_grey_b{background: url(//www.togoparts.com/images/css/portlet/portletgreybg1x50_b.gif) repeat-x #FCFCFC;padding:5px;border:1px dotted #ccc;}
.portletStyle_grey_c{background: url(//www.togoparts.com/images/css/portlet/portletgreybg1x100_c.gif) repeat-x #FEFEFE;padding:5px;border:1px dotted #ccc;}
.portletStyle_grey_d{background: url(//www.togoparts.com/images/css/portlet/portletgreybg_d.gif) repeat-x #FEFEFE;padding:5px;border:1px dotted #ccc;}
.portletStyle_yellow_a{background: url(//www.togoparts.com/images/css/portlet/portletyellowbg1x60_a.gif) repeat-x #fffefa;padding:5px;border:1px dotted #ccc;}
.portletStyle_yellow_b{background: url(//www.togoparts.com/images/css/portlet/portletyellowbg1x60_b.gif) repeat-x #fefbe1;padding:5px;border:1px dotted #ccc;}
.portletStyle_yellow_c{background: url(//www.togoparts.com/images/css/portlet/portletyellowbg1x60_c.gif) repeat-x #f7f6ee;padding:5px;border:1px dotted #ccc;}
/*end latest portlet styles*/.portletStyle1 .header{font-size: 1.3em;font-weight:bold;background: url(//www.togoparts.com/images/css/portlet/portlet1_bg.jpg) repeat-x ;height:33px;padding-top: 5px;padding-left:20px;}
.portletStyle1 .headerSmall{font-size: 1.2em;font-weight:bold;background: url(//www.togoparts.com/images/css/portlet/portlet1_bg.jpg) repeat-x ;height:33px;padding-top: 7px;padding-left:20px;}
.portletStyle1 .body{min-height: 100px;padding:10px;background: url(//www.togoparts.com/images/css/portlet/portlet1_gd.jpg) top repeat-x;overflow:auto;}
/*------------------portletHeaders---------------------*/.portletHeader{font-size: 1.2em;font-weight:bold;color: #21557b;border-bottom: 1px dotted #ccc;padding-bottom:3px;}
.portletHeader span{padding-right:15px;background:url(//www.togoparts.com/images/css/triangle.gif) no-repeat right;}
.portletHeaderLineGrey{font-size: 1.4em;font-weight: bold;padding:5px 10px 5px 1px;border-bottom:3px solid #666666;color: #404040;text-align:left;}
.portletHeaderLineLightGrey{font-size: 1.4em;font-weight: bold;padding:5px 10px 5px 1px;border-bottom:3px solid #b8b8b8;color: #b8b8b8;text-align:left;}
.portletHeaderLineBlue{font-size: 1.4em;font-weight: bold;padding:5px 10px 5px 1px;border-bottom:3px solid #83C2E1;color: #36ADD8;text-align:left;}
.portletHeaderLineBlue span{padding-right:10px;background:url(//www.togoparts.com/images/css/arr2_blu.gif) no-repeat right;}
.portletHeaderLineGreen{font-size: 1.4em;font-weight: bold;padding:5px 10px 5px 1px;border-bottom:3px solid #B6D172;color: #8BA647;text-align:left;}
.portletHeaderLineGreen span{padding-right:10px;background:url(//www.togoparts.com/images/css/arr2_green.gif) no-repeat right;}
.portletHeaderLineGold{/* font-size: 1.2em; */font-size:1.4em;font-weight: bold;padding:5px 10px 5px 1px;border-bottom:3px solid #FFBF65;color: #FE9700;text-align:left;}
.portletHeaderLineGold span{padding-right:10px;background:url(//www.togoparts.com/images/css/arrw_yel.gif) no-repeat right;}
.portletHeaderLineOrange{font-size: 1.4em;font-weight: bold;padding:5px 10px 5px 1px;border-bottom:3px solid #FF883A;color: #FE6700;text-align:left;}
.portletHeaderLineOrange span{padding-right:10px;background:url(//www.togoparts.com/images/css/arr2_orange.gif) no-repeat right;}
.portletHeaderLineDarkred{font-size: 1.4em;font-weight: bold;padding:5px 10px 5px 1px;border-bottom:3px solid #D8623C;color: #CD3300;text-align:left;}
.portletHeaderLineDarkred span{padding-right:10px;background:url(//www.togoparts.com/images/css/arr2_db.gif) no-repeat right;}
.portletHeaderLineRed{font-size: 1.4em;font-weight: bold;padding:5px 10px 5px 1px;border-bottom:3px solid #FF3B3F;color: #FF0103;text-align:left;}
.portletHeaderLineRed span{padding-right:10px;background:url(//www.togoparts.com/images/css/arr2_red.gif) no-repeat right;}
.portletHeaderSolidBlue{font-size: 1.4em;font-weight: bold;padding:5px 10px 5px 15px;background-color:#5EB0D8;border:0px none #5EB0D8;color:white;text-align:left;}
.portletHeaderSolidOrange{font-size: 1.4em;font-weight: bold;padding:5px 10px 5px 15px;background-color:#FFAE3B;border:0px none #FFAE3B;color:white;text-align:left;}
.portletHeaderSolidGrey{font-size: 1.4em;font-weight: bold;padding:5px 10px 5px 15px;background-color:#626262;border:0px none #626262;color:white;text-align:left;}
.portletHeaderTabRed{font-size: 1.2em;font-weight:bold;padding:3px 10px 3px 8px;background-color:#dc0000;border:1px none #dc0000;color:white;text-align:left;display: inline-block;}
.portletHeaderTabBlue{font-size: 1.2em;font-weight:bold;padding:3px 10px 3px 8px;background-color:#446e90;border:1px none #446e90;color:white;text-align:left;display: inline-block;}
.headerSmall{font-size: 1.0em;font-weight:bold;color: #21557b;border-bottom: 1px dotted #ccc;padding-bottom:3px;}
.headerSmall span {padding-right:15px;background:url(//www.togoparts.com/images/css/triangle.gif) no-repeat right;}
.portletHeader2{border-bottom: 1px dotted #ccc;}
.portletHeader2.portletHeader2Left {font-size: 1.4em;font-weight:bold;color: #21557b;padding-bottom:3px;float:left;}
.portletHeader2.portletHeader2Left span {padding-right:15px;background:url(//www.togoparts.com/images/css/triangle.gif) no-repeat right;}
.portletHeader2.portletHeader2Right {float:right;font-size: 1.4em;}
/*---------portletBody ----------------*/.portletBody{min-height:20px;overflow:visible;padding-top:3px;}
.portletBody .pcontainer{padding:10px;}
.portletBody .content_desc{line-height:130%; display:inline;}
.portletBody .content_title{ font-family: Georgia, sans-serif; font-size:13px;}
.portletBody .content80{ min-height:80px; border-bottom: 1px dotted #666; margin-top:10px;}
.portletBody .content80 .content_image{ background-repeat:no-repeat; background-position:center top; background-size:contain;width:90px; height:70px; margin-right:10px; float:left;}
.portletBody .content70{ min-height:70px; border-bottom: 1px dotted #666; margin-top:10px;}
.portletBody .content70 .content_image{ background-repeat:no-repeat; background-position:center top; background-size:contain;width:80px; height:60px; margin-right:10px; float:left;}
.portletBody .content60{min-height:60px; border-bottom: 1px dotted #666; margin-top:10px;}
.portletBody .content60 .content_image{ background-repeat:no-repeat; background-position:center top; background-size:contain; height:50px; width:70px; margin-right:10px; float:left;}
.portletBodyBorderless{padding: 0px;}
.portletBodyBorderless .pcontainer{padding:5px;}
.portletBodyDovetail{padding: 0px;}
.portletBodyDovetail .pcontainer{padding:10px;}
.portletBodyDovetail .bluedovetail span{background:url(//www.togoparts.com/images/css/arrd_blu.gif) no-repeat scroll right 0 transparent;padding: 0 0 0 35px;}
.portletBodyDovetail .orangedovetail span{background:url(//www.togoparts.com/images/css/arrd_yel.gif) no-repeat scroll right 0 transparent;padding: 0 0 0 35px;}
.portletBodyDovetail .greydovetail span{background:url(//www.togoparts.com/images/css/arrd_grey.gif) no-repeat scroll right 0 transparent;padding: 0 0 0 35px;}
.portletBodySmall{font-size: 0.8em;padding-top:3px;}
.portletBodyShort{min-height:50px;overflow:auto;padding-top:3px;}
.portletStyle2 {padding: 5px;background-color:#ebebeb;}
.portletStyle3{padding: 5px;background-color:#eeeae4;}
.portletStyle4{padding:5px;border:1px dotted #ccc;}
.twoColSetting .colB div.portletStyle4 div.portletBody{max-width:288px;width:288px;}
 .portletStyle5{background-color:#ebebeb;}
.portletStyle5 .portletHeader{/*background: url(//www.togoparts.com/images/css/portlet/subtabs_bg.jpg) repeat-x;*/background-color:#0a729e;color:#fff;padding:3px 5px;}
.portletStyle5 .portletBody{padding:5px;}
.portletStyle6{padding:5px;background-color:#f2f1ef;border: 1px solid #ccc;}
.portletStyle6 .portletHeader{border-bottom:1px dashed #ccc;}
.portletStyle7{padding:5px;border: 1px solid #999;/*border-right: 10px solid #ccc;*/background-color: #fff;}
.portletStyle7 .portletHeader{border-bottom:1px dotted #999;}
.portletStyle7 .portletBody{position: relative;margin-left: 4px;bottom: 4px;right: 4px;}
.blur{background-color: #ccc; /*shadow color*/color: inherit;margin-left: 4px;margin-top: 6px;min-height: 50px;margin-bottom: 4px;}
.shadow{background-color: #ccc; /*shadow color*/color: inherit;position: relative;bottom: 4px;right: 4px;margin-top: 0px;}
.portletStyle8{padding:5px;border:0px;}
.portletStyle8 .portletHeader{/*border-bottom:1px dashed #ccc;*/}
.portletStyle9{padding:5px;background: url(//www.togoparts.com/images/css/portlet/portletstyle9bg.jpg) left top repeat-x;background-color: #FFF;border: 1px #666;}
.portletStyle9 .portletHeader{border-bottom:1px dotted #0a8fd1;}
.portletStyle10{padding:5px;background: url(//www.togoparts.com/images/css/portlet/portlet1_gd.jpg) left top repeat-x;border:1px dashed #ccc;}
.portletStyle10 .portletHeader{border-bottom:1px dotted #0a8fd1;}
.portletStyle11{padding:5px;border:1px dashed #ccc;}
.portletStyle11 .portletHeader{border-bottom:0px dotted #0a8fd1;}
.portletStylePS .portletHeader{background:#ee582d;color:#fff;padding:3px;}
.portletHighlightStyle1 {border: 1px solid #ccc;height:70px;}
.portletHighlightStyle1 .textcol {width: 123px;padding: 5px;/*background-color:#fff;*/float:left;position:relative;height:70px;}
.portletHighlightStyle1 .imgcol {width: 165px;float:right;position:relative;height:70px;}
.portletHighlightStyle1 .textcol .header{color:#666666;font-family:Georgia,Times New Roman,Times,serif;font-size:1em;line-height:1.3em;margin:0;padding-bottom:4px;text-transform:uppercase;}
.portletHighlightStyle1 .textcol .title{font-family:Georgia,Times New Roman,Times,serif;font-size:1.1em;font-weight:bold;letter-spacing:-0.06em;line-height:1.1em;margin:0;}
.portletHighlightStyle1 .textcol .summary{font-family:Arial,Helvetica,sans-serif;font-size:0.9em;line-height:1.1em;margin:0;padding:0;}
.portletStyle12 {padding:5px;background: url(//www.togoparts.com/images/css/portlet/portletstyle12bg.gif) left top repeat-x;border: 1px solid #999;}
.portletStyle12 .portletHeader {border-bottom:1px dotted #0a8fd1;/* border-bottom: none; */}
.twoColSetting .colB div.portletStyle12 div.portletBody{max-width:288px;width:288px;}
/*Page styles*/
/*.breadCrumbs, .pager{font-weight: bold;margin:3px 0;font-size:19px;}*/
.breadcrumb { background:#f7f7f7; font-weight:bold; padding-left:0; }
.breadCrumbs a{/* font-size:0.9em; */padding-right: 15px;padding-left: 15px;background: url(//www.togoparts.com/images/css/triangle.gif) no-repeat right;}
.breadCrumbs span{font-size:16px; font-weight: bold;}
@media (max-width: 479px){
.breadCrumbs span{font-size:13px;}
}
.breadCrumbs a.first {padding-left:0;}
.breadCrumbs .last {padding-left:5px;}
.breadCrumbs span.last {padding-left: 5px;font-size:0.9em;}
.breadCrumbs a, .breadCrumbs a:visited, .pager2 a, .pager2 a:visited {color: #3d758f;}
.breadcrumb1 {color: #f27d0b;display: inline;font-family: Arial,Helvetica,sans-serif;font-size: 14px;font-weight: bold;}
ul.breadMenu{ padding:0; margin:0; display:inline-block}
ul.breadMenu li{padding:0; margin:0px; list-style:none; position:relative;}
ul.breadMenu:hover li a.selected{padding:5px; padding-right:18px; border:1px solid #f27d0b; background:url(../images/arrow_menu.gif) no-repeat right}
ul.breadMenu li a.prev{padding:5px 6px; padding-right:19px; text-decoration:none}
ul.breadMenu:hover li a.prev{padding:5px; padding-right:18px; border:1px solid #f27d0b; background:url(../images/arrow_menu.gif) no-repeat right}

ul.breadMenu ul { position:absolute; display:none; margin:0; padding:0;width:220px; left:0; top:20px; z-index:999; border:1px solid #f27d0b; font-family:Arial, Helvetica, sans-serif}
ul.breadMenu ul li{ padding:0; margin:0px; list-style:none; padding:3px; background:#f27d0b;}
ul.breadMenu ul li:hover{ background:#FFF}
ul.breadMenu ul li a{ text-decoration: none; color:#FFF; font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif}
ul.breadMenu ul li:hover a{color:#f27d0b;}
ul.breadMenu ul li.group{background:#ccc; color:#FFF; font-size:14px}



.gRdSearchbar{color:#FFFFFF ; width:100%; vertical-align:middle; height:35px; line-height:35px; padding-left:8px; border: none; border-radius: 5px; background-color:#000;}
.gRdSearchbar.blue{background-color:#00578d ;}
.gRdSearchbar.green{background-color:#0ebe01 ;}
.gRdSearchbar.orange{background-color: #FF6700 ;}

.pager2{font-weight: bold;margin:12px 0;font-size:17px;}
.pager2 a{margin-right:3px;/* font-size:0.9em; */padding: 3px 5px;margin-right: 0px !important;}
.pager2 .selected{margin-right:3px;color: #FFAB04;}
.pageHolder{padding:0 0 0 5px;background: url(//www.togoparts.com/images/css/portlet/portlet1_gd.jpg) top repeat-x;overflow:auto;}
.pageHolderPlain{padding:0;}
.pageTitle{font-size:1.5em;font-weight:bold;margin:5px 0;}
.pageInstruct{margin: 5px 0 10px 0;}
/*Response portlet styles*/.portletStyle1 .userImg{float:left;padding:2px 4px 2px 0;}
/* prev oneshift style for highlighting search text */.gSearchHighlight {border: #FFFF33 solid 1px; background-color : #FFFF33;font-weight : bold;}
.gImage {border: solid 1px; margin: 0px;}
.frmSelectWidth {font-family:Arial ;font-size:12px;behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);}
.frmSelect {font-family:Arial;font-size:12px;color: #333;}
.frmSelectSmall {font-family:Arial;font-size:11px;color: #333;}
.frmTxtBox {color: #333;}
.inline_triangle {display: inline;padding:0;margin:0;}

span.stars, span.stars span { background: url('https://www.togoparts.com/images/common/stars.png') 0 -16px repeat-x; width: 100px; height: 16px; display: inline-block;  }
span.stars span {
    background-position: 0 0;
}


.no-curve-border{border-radius:0px !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important;}
.no-curve-border .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.confirm-box .modal-content{overflow:hidden;}
.confirm-box .modal-header{background-color: rgba(247, 134, 32, 1); color:#FFFFFF;}
.confirm-box .modal-body{font-size:15px;}
.confirm-box .modal-footer .btn{min-width:80px; text-align:center;}
.clickable{cursor: pointer; }
.panel-heading span {margin-top: -20px;font-size: 15px;}


.btn-yellow {
  background-color: #ffc516;
  border-color: #ffc516;
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active {
  background-color: #fcbd00;
  border-color: #e2aa00;
}
.btn-yellow.disabled:hover,
.btn-yellow.disabled:focus,
.btn-yellow.disabled:active,
.btn-yellow.disabled.active,
.btn-yellow[disabled]:hover,
.btn-yellow[disabled]:focus,
.btn-yellow[disabled]:active,
.btn-yellow[disabled].active,
fieldset[disabled] .btn-yellow:hover,
fieldset[disabled] .btn-yellow:focus,
fieldset[disabled] .btn-yellow:active,
fieldset[disabled] .btn-yellow.active {
  background-color: #ffc516;
  border-color: #ffc516;
}

.bs-callout {
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border: 1px solid #eee;
  border-left: 5px solid #eee;
  background-color: #fff;
  border-radius: 3px;
}
.bs-callout h4 {
  margin-top: 0;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
  background-color: #fff;
}

/* Compensate for legacy table style overwritten by Bootstrap */
.table_legacy {
	border-collapse:separate;
}
.table_legacy td {
    padding:3px;
}
.table_legacy th {
    padding:3px;
}
.bs1 {
	border-spacing:1px;
}
.bg_grey {
	background-color:#666666;
}
 
/* Themes for different contexts */
.bs-callout-danger {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
}
.bs-callout-warning {
  background-color: #fefbed;
  border-color: #f1e7bc;
}
.bs-callout-info {
  background-color: #f0f7fd;
  border-color: #d0e3f0;
}

.dropdown-menu a.disabled-link,.dropdown-menu a.disabled-link:visited ,.dropdown-menu a.disabled-link:active,.dropdown-menu a.disabled-link:hover {color:#aaa !important; cursor: not-allowed; pointer-events: none; background:none;}

.slick-active { overflow: hidden; }



/* For Marketplace Listing */
div.adprice {color: #ff9600;font-weight: 600;font-size: 16px;margin-bottom: 5px;}
div.adtitle {line-height: 1.2em;color: #000000;height:2.3em;overflow:hidden;}

ul#filter-sidenav li.collapse-link{margin:0;}
ul#filter-sidenav .collapse-link > div{position: relative;display: block;padding: 10px 0;}
ul#filter-sidenav ul{padding-left:10px;}
ul#filter-sidenav li{list-style:none; margin-bottom:10px;}
ul#filter-sidenav li.divider{  border: 1px solid #dfdfdf; margin-left: -10px;margin-right: -10px;}

ul#filter-sidenav-new li.collapse-link{margin:0;}
ul#filter-sidenav-new .collapse-link > div{position: relative;display: block;padding: 10px 0;}
ul#filter-sidenav-new ul{padding-left:10px;}
ul#filter-sidenav-new li{list-style:none; margin-bottom:10px;}
ul#filter-sidenav-new li.divider{  border: 1px solid #dfdfdf; margin-left: -10px;margin-right: -10px;}

.ads-sort-opts .dropdown-menu{font-size:13px; max-width:130px; min-width:130px;}
.ads-sort-opts .dropdown-menu > li > a{ padding:3px 8px;}


.ad-container > panel{cursor:pointer;}
.ad-container .panel-body{padding:2%; font-size:12px; color:#000000; position:relative; line-height:1.2;}
.ad-container.grid-view .panel-body{padding:3%;}
.ad-container h3.ad-title{font-size:1.2em;height: 2.2em; margin-bottom:5px; }
.ad-container.list-view .ad-img-container{margin-right: -5px;}
.ad-img-container{position:relative;border:1px solid #f0f0f0; padding-bottom:100%; overflow:hidden; height:0; background-color:#FFFFFF;}
.ad-img-container-75{padding-bottom:75%;}
.ad-img-container-55{padding-bottom:55%;}
.ad-img-container.active-thumb{ border-color:#ff8100;}
.ad-img-container .ad-img, .ad-img-container .container-img{position:absolute; max-height:100%; top:0; left:0;right:0;bottom:0;margin:auto;}
.ad-container .ad-price{font-size:1.2em; color:#ff9600;}
.ad-rrp{color:#CCCCCC; text-decoration:line-through;}
.ad-container .clearance-label,.ad-container .priority-label,.ad-container .newitem-label{padding:0; width:90px;}
.ad-container .shortlist-btn{width:90px;}

.ad-container.grid-view .ad-seller{margin-bottom:2px;}
.ad-container.grid-view .ad-label {display: inline-block;position: absolute;left: 0;/* bottom: 25%; */ bottom: 0;}



.ad-container.grid-view .ad-seller-info{margin:10px 0;}
.ad-seller-info .ad-seller-img{width:36px; height:36px; vertical-align:middle; display:inline-block; overflow: hidden; text-align:center; border-radius:50%;}
.ad-seller-info .ad-seller-img img{max-width:100%; height:auto;}

#ad-details #titlebox{position:relative; display:table; width: 100%; border-collapse: collapse; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; min-height: 40px;}
#ad-details #titlebox .prodprice{margin-left: 10px; width: 25%; text-align: center; background-color: #6f6f6f; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; padding: 5px; vertical-align:middle; display:table-cell; position:relative;white-space: nowrap;font-size:1.3em; font-weight:600;}
#ad-details #titlebox .prodprice .firmneg{display: block; font-size:70%;}
#ad-details #titlebox h1{font-size:1.5em;font-weight:600; background-color: #f78320; color: #FFFFFF; padding: 2px 10px; vertical-align: middle; display:table-cell; position:relative;}
#btn-mp-actions .btn { width: 95%; line-height: 20px; }

@media (max-width: 767px){
	.ad-container.grid-view .ad-seller{max-width:80px;}
	.btn-mp-action, .btn-mp-action:hover,.btn-mp-action:focus{ margin: 2px 0; }
	#btn-mp-actions.collapsing,#btn-mp-actions.collapse{position: absolute;z-index: 1;top: 100%;}
	#btn-mp-actions { background: #fff; }
	#ad-details #titlebox h1,#ad-details #titlebox .prodprice{font-size:1em;}
	#sidebar-chat-box.affix,#sidebar-floating-box.affix{position:static !important;}
	#forum-table { margin-bottom: 0; }
	.forum-btn { padding: 6px 8px; font-size: 11px; }
	.forum-title { font-size: 15px; }
}
@media (max-width: 359px){
	.ad-container{width:100%;}
	.ad-container.list-view .shortlist-btn, .ad-container .clearance-label,.ad-container .newitem-label,.ad-container .priority-label{width:80px;}
	.ad-container.grid-view > .row {padding: 0 2px;}
}
@media (min-width: 480px){
	.ad-container.list-view .ad-title-div{float:right; width: 66.66666667%;}
	.ad-container.list-view .ad-img-container{margin-right: 0;}
	/*.star_merchant { font-size: 7px; }*/
}
@media (min-width: 768px){
	.ad-container.list-view .ad-img-container{margin-right: 5px;}
	.ad-container .panel-body{font-size:14px;}
	.ad-container.grid-view .ad-seller{max-width: 110px;}
	.ad-container.list-view .ad-title-div{width: 75%;}
	#btn-mp-actions{display:block;}
	#sidebar-floating-box.affix{top:50px; position:fixed !important;}
}

#ad-details .slick-slider{margin-bottom:0;}
#ad-details .slick-next {right: 10px;}
#ad-details .slick-prev {left: 10px;}
#ad-details .slick-prev:before,#ad-details .slick-next:before{color: #111;}
#ad-details .ad-detail-label{color:#606060; margin-bottom:5px;}
#ad-details .ad-detail-value{font-weight:600; margin-bottom:5px;}
#ad-details .ad-detail-value:before{height:100%; display:inline-block; content:': '; position:absolute; left:1px;color:#606060;font-size:0.9em;}
#ad-details .ad-description{font-size:1.1em; line-height:1.4em;}

/* for bikeshop status label */
.bs-open-status{ font-size: 1em;}
.open-hrs { background-color: green; border:1px solid #396600; color:#fff; text-align: center; width:120px; line-height:35px;}
.closed-hrs {background-color:#e5e5e5; border:1px solid #cccbcb; color:#000000; width:120px; line-height:35px;}
.open-hrs , .closed-hrs{  font-weight:bold; width:100px; text-align:center; float:left; font-size: 12px;}


#ad-details #ad-images{visibility:hidden;}
#ad-details #ad-images.visible{visibility:visible;}
#ad-details #map-canvas{width: 100%; height: 400px;}
#ad-details #map-canvas-mini{width: 100%; height: 180px; border:thin solid #ccc;}
#ad-details .attribs-table td{padding-bottom:5px;}
#ad-details .view-google-map{  padding: 1px 3px;font-size: 11px;line-height: 1.1;color: #FFF !important;position: absolute;bottom: 3px;left: 3px;}
#ad-details .ad-comments .panel{border:1px solid #CCCCCC;}
#ad-details .ad-comments .ad-comment-by:before{   content: ' ';border-left: 1px solid #CCCCCC;position: absolute;left: 0;top: -15px;bottom: -15px;}
#ad-details .ad-comments .ad-comment-by .row{padding-left:10px;}
#ad-details form label.error{font-size:11px; color:#FF0000; margin:0;}






.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
	margin-bottom: 0;
}
.tt-hint {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1.428571429;
	color: #999;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.tt-menu {
	min-width: 100%;
	margin-top: 2px;
	padding: 5px 0;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
 
}
.tt-suggestion, .empty-message {
	display: block;
	font-size:13px;
	padding: 3px 20px;
	color:#000;
}
.tt-suggestion.tt-is-under-cursor , .tt-suggestion:hover {
	color: #fff;
	background-color: #428bca;
	text-decoration:none;
}
.tt-suggestion.tt-is-under-cursor a {
	color: #fff;
}
.tt-suggestion p {
	margin: 0;
}
span.validation_fails {
  color: red;
}

button.helpful {
	background: none;
	border: none;
	color: #337ab7;
	font-weight: bold;
	border: 1px solid #337ab7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	padding: 3px 10px;
	margin-top: 10px;
}

button.helpful:hover {
	background: #337ab7;
	color: #fff;
	cursor: pointer;
}

span.like-icon {
	background: url("../../images/icons/like_blue.png") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: top;
}

button.helpful:hover span.like-icon {
	background: url("../../images/icons/like_white.png") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: top;
}
span.like-border {
	border: 1px solid #337ab7;
	color: #337ab7;
	padding: 2px 2px 2px 6px;
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: 5px;
	text-align: center;
}
p.liked {
	margin-top: 10px;
	color: #337ab7;
	font-weight: bold;
	font-size: 12px;
}
p.liked .like-icon {
	vertical-align: bottom;
}
#shophours .open-hrs, .closed-hrs {
  width: auto;
  text-align: left;
  line-height:normal;
  padding: 2px 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 5px;
}

.btn-primary .badge, .btn-warning .badge, .btn-success .badge, .btn-danger .badge {
    color: #FFFFFF;
    background-color: transparent;
}

.msg-badge.extended-badge {
	width: 35px;
}

#categories-nav > a {
	display: inline-block;
	color: #000;
	font-size: 18px;
	padding: 12px;
	text-decoration: none;
	border-left: 1px solid #BAB0B0;
}

#categories-subnav {
	display: none;
	position: fixed;
	left: 0;
	top: 50px;
	margin: 0 !important;
	width: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	max-height: 80vh;
	height: auto;
	background: #fff;
	border-bottom: 1px solid #ccc;
}

#categories-subnav h2 {
	font-size: 24px;
}

#categories-subnav h3 {
	color: #7F7E7E;
	font-size: 18px;
	font-weight: normal;
}

#categories-subnav li > div {
	padding-left: 30px;
}

#categories-subnav li > div > div {
	padding-left: 20px;
}

#categories-subnav li > div a {
	font-size: 18px;
}
.mp-link {
	display: inline-block;
	color: #000 !important;
	font-size: 18px;
	padding: 12px;
	text-decoration: none !important;
	border-left: 1px solid #BAB0B0;
}

@media (max-width: 480px) {
	#custom-bootstrap-menu .navbar-brand {
		width: 37%;
	}
	#custom-bootstrap-menu .navbar-brand-bike{
		display: inline-block;
		padding: 0px 0px 0px 5px;
		width: auto !important;
	}
}

@media (max-width: 359px) {
	#categories-nav > a {
		font-size: 16px;
	}

	#custom-bootstrap-menu .navbar-brand {
		width: 35%;
	}
}

.flash-message { 
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin: 10px 0;
	text-align: center;
}
.message-success {
	border: 1px solid #22C026;
	background-color: #D1FACF;
}
.message-error {
	border: 1px solid #DC2525;
	background-color: #FABABA;
}
.bg-error {
	background-color: #FABABA;
}
.bg-ok {
	background-color: #D1FACF;
}
.text-error {
	color: red !important;
}
.text-ok {
	color: green;
}
.not-bold {
	font-weight: normal;
}
#my-container {
	margin-left: 20px;
}

#my-container #my-text {
	font-family: 'Marck Script', cursive;
	font-size: 28px;
	float: left;
	line-height: 40px;
}
#my-container img {
	height: 35px;
	width: 35px;
	float: left;
}
.shop-flag {
	height: 25px;
	width: 25px;
}
.ad-img-container .shop-flag, .img-merchant-box .shop-flag {
	position: absolute;
	top: 0;
	left: 0;
}
.ad-listing-cb {
	position: absolute;
	top: 15px;
	left: 20px;
	height: 15px;
	width: 15px;
	z-index: 96;
}
 .green {
    color: #00A828;
}
.orange {
    color: #ef5727;
}
.blue {
	color: #3a87ad;
}
#newsletter-subscribe label.error {
	display: none !important;
}
#newsletter-subscribe input.error {
	border-color: red;
}
.btn-fix{min-width: 75px !important;}
.btn-fix .msg-badge{
    width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    padding: 0 !important;
    margin-right: -1px !important;
}
.ff-count{font-size: 11px;}
.follow-btn {
	background: transparent;
	border: 1px solid #f68620;
	color: #f68620;
}

.following {
	background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}

.btn-follow, .btn-follow2, .btn-follow-user, .btn-follow-noicon, .btn-follow-new, .follow-map{ 
    background-color: #18A4F1 !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}
.btn-follow .msg-badge, .btn-follow2 .msg-badge, .btn-follow-user .msg-badge, .btn-follow-noicon .msg-badge, .btn-follow-new .msg-badge, .follow-map .msg-badge{
    color: #fff !important; 
    border: 1px solid #fff !important;
    margin-right: 1px;
}
.btn-follow.followed, .btn-follow2.followed, .btn-follow-user.followed, .btn-follow-noicon.followed, .btn-follow-new.followed, .follow-map.followed{
    background-color: #f3f3f3 !important;
    border: 1px solid #e2e2e2 !important;
    color: #2f93ea !important;
}
.btn-follow.followed .msg-badge, .btn-follow2.followed .msg-badge, .btn-follow-user.followed .msg-badge, .btn-follow-noicon.followed .msg-badge, .btn-follow-new.followed .msg-badge, .follow-map.followed .msg-badge{
    color: #2f93ea !important; 
    border: 1px solid #2f93ea !important;    
}

.btn-follow, .btn-follow2, .btn-follow-user, .btn-follow-noicon, .btn-follow-new, .follow-map {
	display: inline-block;
    color: #fff !important;
    padding: 7px 4px;
    background-color: #337ab7;
    border-radius: 5px;
    text-align: center;
    min-width: 100px;
    cursor: pointer;
    margin-bottom: 5px;
}
.btn-review {
	display: inline-block;
    color: #fff !important;
    padding: 6px 4px !important;
    background-color: #5bc0de;
    border-radius: 5px;
    text-align: center;
    min-width: 90px;
    cursor: pointer;
    border: 1px solid transparent;
    margin-bottom: 5px;
}
.btn-review.disabled {
    cursor: default;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-follow.followed, .btn-follow-user.followed, .btn-follow-noicon.followed, .btn-follow-new.followed, .follow-map.followed {
	background-color: #5cb85c;
}
.btn-follow:hover, .btn-follow2:hover, .btn-review:hover, .btn-follow-user:hover, .btn-follow-noicon:hover, .btn-follow-new:hover, .follow-map:hover {
	text-decoration: none;
}

.btn-message, .btn-message2 {
	display: inline-block;
    color: #fff !important;
    padding: 7px 4px;
    background-color: #d2232a;
    border-radius: 5px;
    text-align: center;
    min-width: 100px;
    cursor: pointer;
    margin-bottom: 5px;
}
.btn-message:hover, .btn-message2:hover {
	text-decoration: none;
}

.box-wrapper {
	padding-left: 5px;
    padding-right: 5px;
}

.box1, .box2, .box3 , .box4 {
	border: 1px solid #dddddd;
	height: auto;
}

/*.box1 {
	background-color: #2D83DC;
}
.box2 {
	background-color: #EFDD43;
}
.box3 {
	background-color: #18CF83;
}
.box4 {
	background-color: #f0ad4e;
}*/

.box-wrapper p {
    margin-left: 10px;
    margin-top: 10px;
    font-size: 14px;
    margin-bottom: 0px;
}
.box-wrapper span {
	display: block;
	margin-left: 10px;
    font-size: 24px;
    line-height: 20px;
    margin-bottom: 10px;
}
/*.box-wrapper a {
	display: block;
	float: right;
	margin-top: 15px;
    font-size: 11px;
    color: #000;
    margin-right: 5px;
}*/
.status-green {
    color: #5cb85c;
}
.status-red {
    color: #d9534f;
}
.circle:before {
    content: ' \25CF';
    font-size: 18px;
    color: #5cb85c;
}
.sorting, .sorting_disabled, .sorting_asc, .sorting_desc { background-image:none !important; }
.btn-default.shortlist-btn2 {
	border: 1px solid #ccc;
}
.shortlist-btn2 {
	height: 30px;
	width: 36px !important;
	outline: none !important;
	z-index: 96;
	position: absolute;
	top: 3px;
	right: 3px;
}
.shortlist-btn2 .glyphicon-heart {
	font-size: 20px;
	vertical-align: sub;
	margin-left: -2px;
}
.shortlist-added{
	/* background-color: #fff !important; */
	background-color: transparent; 
	background-repeat:no-repeat; 
	border: none; cursor:pointer; 
	overflow:hidden; 
	outline:none;
}
.shortlist-added .glyphicon-heart {
	color: #d9534f;
	/* color:#ff9600;  */
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black !important;
}
.btn-manage-ads{
	color: #fff !important;
	background-color: #DB5621;
}
.btn-manage-ads:hover {
	background-color: #c75020;
}
.btn-post-ads, .btn-shortlisted-ads{
	color: #fff !important;
	background-color: #D2232A;
}
.btn-post-ads:hover, .btn-shortlisted-ads:hover {
	background-color: #b52026;
}
.btn-shortlisted-ads .msg-badge, .btn-manage-ads .msg-badge{
	background-color: transparent !important;
}
.togo-column-fix{width: 20%;}
@media only screen and (max-width: 767px) and (orientation: portrait) {
	#messagetxt_ad, #messagetxt{ 
		font-size: 16px !important;
	}
	#msg-panel_ad, #msg-panel{height: 250px !important;}
	.togo-column-fix{width: 66.66666667% !important;}
	#searchtext, #filter-box input, input[type=text], select{font-size: 16px !important;}
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
	#messagetxt_ad, #messagetxt{ 
		font-size: 16px !important;
	}
	#msg-panel_ad, #msg-panel{height: 150px !important;}
	.togo-column-fix{width: 50% !important;}
	#searchtext{font-size: 16px !important;}
	#searchtext, #filter-box input, input[type=text], select{font-size: 16px !important;}
}

.article p > span > strong {
    font-size: 18px;
    color: #f39200;
}