/*
Theme Name: True Ride
Theme URI: http://synotac.com
Description: A custom theme developed by Synotac Web Design
Version: 1.0
Author: Synotac Web Design
Author URI: http://synotac.com/


style.css
Developer: Synotac Web Design
URI: http://www.synotac.com

CSS 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
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
BODY
{
	line-height: 1;
}
OL, UL
{
	list-style: none;
}
BLOCKQUOTE, Q
{
	quotes: none;
}
BLOCKQUOTE:before, BLOCKQUOTE:after, Q:before, Q:after
{
	content: '';
	content: none;
}
/*remember to define focus styles!*/
:focus
{
	outline: 0;
}
/*remember to highlight inserts somehow!*/
INS
{
	text-decoration: none;
}
DEL
{
	text-decoration: line-through;
}
/*tables still need 'cellspacing="0"' in the markup*/
TABLE
{
	border-collapse: collapse;
	border-spacing: 0;
}
/*End CSS Reset
General
------------------------------------------------------------------
Selection background color*/
*::-moz-selection
{
	background: #51A201 none repeat scroll 0 0;
	color: #FFF;
}
/*HTML and BODY*/
HTML, BODY
{
}
HTML
{
	height: 100%;
	margin-bottom: 1px;
	overflow-y: scroll;
}
BODY
{
	background: #000000;
	font: 12px/16px Arial, "Lucida Grande", "Lucida Sans Unicode", "Microsoft YaHei", sans-serif;
	text-align: center;
	color: #000000;
}
/*Links*/
A
{
}
A:link
{
	color: #790B00;
}
A:visited
{
	color: #848F93;
}
A:focus, A:hover, A:active
{
	color: #0064C9;
}
/*Headers*/
H1, H2, H3
{
	font-weight: bold;
	color: #000000;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}
H1
{
	font-size: 28px;
	line-height: 30px;
	margin-bottom: 3px;
}
H2
{
	font-size: 16px;
	line-height: 20px;
}
H3
{
}
H4, H5, H6
{
}
H4
{
}
H5
{
}
H6
{
}
/*Text blocks, Content*/
ADDRESS
{
}
BLOCKQUOTE
{
}
CITE
{
}
EM
{
	font-style: italic;
}
P
{
	margin: 0 0 1em;
}
PRE
{
}
SMALL
{
	font-size: 0.8em;
}
SPAN
{
}
STRONG
{
	font-weight: bold;
}
/*Misc*/
ABBR, ACRONYM
{
	border-bottom: 1px dashed #999;
	cursor: help;
}
DEL
{
	color: #8B0000;
	text-decoration: line-through;
}
HR
{
	display: none;
}
INS
{
	color: #006400;
	text-decoration: none;
}
SUB, SUP
{
	font-size: 0.7em;
}
SUP
{
	vertical-align: sub;
}
SUP
{
	vertical-align: super;
}
/*Tables*/
TABLE
{
}
CAPTION
{
}
THEAD
{
}
TFOOT
{
}
TBODY
{
}
TR
{
}
TR.alt
{
}
TH
{
}
TD
{
}
/*Froms*/
FORM
{
}
FIELDSET
{
}
LEGEND
{
}
LABEL
{
}
INPUT
{
	vertical-align: middle;
}
INPUT.button
{
}
INPUT.primary-button
{
}
INPUT.secondary-button
{
}
TEXTAREA
{
}
SELECT
{
}
.checkboxes
{
}
/*Lists*/
UL, OL
{
}
UL
{
}
OL
{
}
LI
{
}
/*Defition Lists*/
DL
{
}
DD
{
}
DT
{
}
/*STRUCTURE
------------------------------------------------------------------
Use #bgwrap if centered column has drop shadow background that is centered*/
#header, #main, #footer, #logos
{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
#header
{
	position: relative;
}
#main
{
}
#wrap
{
	background: #FFFFFF;
}
#container
{
}
#content
{
}
#sub-container
{
	float: right;
	margin: 0 0 0 -250px;
	width: 100%;
}
#sub-content
{
	margin: 0 0 0 250px;
	overflow: hidden;
	padding: 0px 0px 0px 50px;
}
#sidebar
{
	float: left;
/*right = sidebar on right; left = sidebar on left*/
	padding: 0px;
	width: 250px;
/*= (width - padding)*/
}
DIV#footer
{
}
/*HEADER
------------------------------------------------------------------*/
#accessibility
{
	position: absolute;
	top: 10px;
	right: 0px;
}
#accessibility LI
{
	float: left;
	margin-right: 5px;
	color: #FFFFFF;
}
#accessibility A
{
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
	text-transform: uppercase;
}
#accessibility A:hover
{
	color: #FFF;
	text-decoration: underline;
}
DT.logo A, DT.logo A:hover, DT.logo A:visited, DT.logo A:active
{
	text-decoration: none;
}
/*MENU
------------------------------------------------------------------*/
#nav
{
	height: 48px;
	width: 100%;
	background: url(images/navbackground_center.gif) repeat-x 0px 0px;
}
UL#menu
{
	height: 48px;
	width: 100%;
	position: relative;
}
#menu LI
{
	float: left;
	height: 48px;
	background: url(images/nav_verticalline.gif) no-repeat right center;
	margin-right: 8px;
	display: inline;
}
#menu LI.first
{
	background: url(images/navbackground_left.gif) no-repeat 0px 0px;
	width: 10px;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0;
}
#menu LI.last
{
	width: 10px;
	background: url(images/navbackground_right.gif) no-repeat right top;
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 0;
}
#menu LI.first-item
{
	margin-left: 52px;
}
#menu LI.last-item
{
	margin-right: 52px;
	background: none;
}
#menu LI.last-item A
{
	margin-right: 0px;
}
#menu A
{
	display: block;
	height: 24px;
	margin-right: 16px;
	margin-top: 12px;
}
#btn-trueride
{
	width: 144px;
	background: url(images/nav_trueridehd_stack.gif) no-repeat 0px 0px;
}
#btn-trueride:hover, .page-id-38 #btn-trueride, .parent-pageid-38 #btn-trueride, .parent-pageid-49 #btn-trueride, .parent-pageid-40 #btn-trueride
{
	background-position: 0px -24px;
}
#btn-trueride-steel
{
	width: 175px;
	background: url(images/nav_trueridesteel_stack.gif) no-repeat 0px 0px;
}
#btn-trueride-steel:hover, .page-id-3 #btn-trueride-steel, .parent-pageid-3 #btn-trueride-steel, .parent-pageid-35 #btn-trueride-steel
{
	background-position: 0px -24px;
}
#btn-trueride-classic
{
	width: 198px;
	background: url(images/nav_truerideclassic_stack.gif) no-repeat 0px 0px;
}
#btn-trueride-classic:hover, .page-id-4 #btn-trueride-classic, .parent-pageid-4 #btn-trueride-classic, .parent-pageid-32 #btn-trueride-classic
{
	background-position: 0px -24px;
}
#btn-why-trueride
{
	width: 160px;
	background: url(images/nav_whytrueride_stack.gif) no-repeat 0px 0px;
}
#btn-why-trueride:hover, .page-id-5 #btn-why-trueride, .parent-pageid-5 #btn-why-trueride
{
	background-position: 0px -24px;
}
#btn-contact
{
	width: 102px;
	background: url(images/nav_contact_stack.gif) no-repeat 0px 0px;
}
#btn-contact:hover, .page-id-6 #btn-contact, .parent-pageid-6 #btn-contact
{
	background-position: 0px -24px;
}
/*CONTENT
----------------------------------------------------------------*/
#wrap
{
	/*+border-radius:5px;*/
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}
DIV.sub-page
{
	margin-top: 30px;
	padding: 30px 50px 36px 30px;
}
DIV.headings
{
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 3px solid #780A00;
}
/*SIDEBAR
-----------------------------------------------------------------*/
UL.tr-sidebar
{
	margin-bottom: 30px;
}
UL.tr-sidebar LI
{
	border-right: 3px solid #000000;
	border-left: 3px solid #000000;
}
UL.tr-sidebar LI A
{
	border-bottom: 1px solid #848484;
	text-decoration: none;
	display: block;
	padding: 24px 10px 10px;
	text-transform: uppercase;
	margin: 0px 22px;
}
UL.tr-sidebar LI.current_page_item A, UL.tr-sidebar LI.current_page_ancestor
{
	font-weight: bold;
	color: #000 !important;
}
UL#the-basics-list LI.title
{
	display: block;
	width: 250px;
	height: 47px;
	background: url(images/subnavheader_thebasics.gif) no-repeat 0px 0px;
	border: none;
}
UL.tr-sidebar LI.bottom
{
	display: block;
	width: 250px;
	height: 10px;
	background: url(images/subnav_bottomslice.gif) no-repeat 0px 0px;
	border: none;
}
UL.tr-sidebar LI.bottom-spacer
{
	display: block;
	height: 18px;
}
UL#sup-info-list
{
}
UL#sup-info-list LI.title
{
	display: block;
	width: 250px;
	height: 47px;
	border: none;
	background: url(images/subnavheader_supplementalinfo.gif) no-repeat 0px 0px;
}
/*FOOTER
--------------------------------------------------------------------*/
#footer
{
	text-align: center;
	background: url(images/logo_footer.gif) no-repeat 20px 20px;
	padding: 20px 0px;
	color: #FFFFFF;
	text-transform: uppercase;
}
#footer A
{
	color: #FFFFFF;
	text-decoration: none;
}
#footer A:hover, #footer A:active
{
	text-decoration: underline;
}
#footer P.copy
{
	margin-top: 18px;
	color: #B23427;
}
#footer P.copy A
{
	color: #B23427;
}
#logos
{
	margin-bottom: 20px;
}
DIV#logos DIV.network
{
	padding-top: 20px;
	width: 492px;
	margin: 0 auto;
}
DIV#logos DIV.network A
{
	display: block;
	float: left;
	height: 55px;
	margin-right: 20px;
}
DIV#logos DIV.network A#sr-footer-logo
{
	width: 60px;
	background: url(images/spohn_logos_stack.png) no-repeat 0px -55px;
}
DIV#logos DIV.network A#sr-footer-logo:hover
{
	background-position: -60px -55px;
}
DIV#logos DIV.network A#tr-footer-logo
{
	width: 190px;
	background: url(images/spohn_logos_stack.png) no-repeat 0px 0px;
}
DIV#logos DIV.network A#tr-footer-logo:hover
{
	background-position: -190px 0px;
}
DIV#logos DIV.network A#sa-footer-logo
{
	width: 180px;
	background: url(images/spohn_logos_stack.png) no-repeat 0px -110px;
}
DIV#logos DIV.network A#sa-footer-logo:hover
{
	background-position: -180px -110px;
}
/*-- HOMEPAGE STYLES
---- hero area*/
#hero
{
	color: #FFF;
}
#hero H1.welcome-header
{
	width: 356px;
	height: 70px;
	background: url(images/headertext_welcome.gif) no-repeat 0px 0px;
}
#hero DIV.hero-content
{
	margin-left: 50px;
	width: 355px;
	height: 222px;
	overflow: hidden;
}
#hero DIV.hero-photos
{
	float: right;
	width: 594px;
	height: 222px;
	background: url(images/hero_home.jpg);
	overflow: hidden;
}
/*---- content area*/
DIV.home-wrap #content
{
	padding: 30px 20px 36px 50px;
}
DL.cc-1
{
	float: left;
	width: 280px;
	margin-right: 30px;
	margin-bottom: 25px;
}
DL.cc-1 DT A
{
	display: block;
	width: 280px;
	height: 190px;
	padding-bottom: 10px;
}
DL.cc-2
{
	float: left;
	width: 590px;
	margin-right: 30px;
	margin-bottom: 25px;
}
DL.cc-2 DT A
{
	display: block;
	width: 590px;
	height: 190px;
	padding-bottom: 10px;
}
DD.learn-more
{
	text-align: right;
	text-transform: uppercase;
}
#dl-trueride DT A
{
	background: url(images/graphic_trueride.jpg) no-repeat 0px 0px;
}
#dl-trueride DT A:hover
{
	background: url(images/graphic_trueride_hover.jpg) no-repeat 0px 0px;
}
#dl-trueride-steel DT A
{
	background: url(images/graphic_trueridesteel.jpg) no-repeat 0px 0px;
}
#dl-trueride-steel DT A:hover
{
	background: url(images/graphic_trueridesteel_hover.jpg) no-repeat 0px 0px;
}
#dl-trueride-classic DT A
{
	background: url(images/graphic_truerideclassic.jpg) no-repeat 0px 0px;
}
#dl-trueride-classic DT A:hover
{
	background: url(images/graphic_truerideclassic_hover.jpg) no-repeat 0px 0px;
}
#dl-product-line DT A
{
	background: url(images/graphic_productline.jpg) no-repeat 0px 0px;
}
#dl-product-line DT A:hover
{
	background: url(images/graphic_productline_hover.jpg) no-repeat 0px 0px;
}
#dl-get-in-touch
{
	float: right;
}
#dl-get-in-touch DT A
{
	height: 230px;
	background: url(images/graphic_getintouch.jpg) no-repeat 0px 0px;
}
#dl-get-in-touch DT A:hover
{
	background: url(images/graphic_getintouch_hover.jpg) no-repeat 0px 0px;
}
#dl-pdf-downloads DT A
{
	background: url(images/graphic_pdfdownloads.jpg) no-repeat 0px 0px;
}
#dl-pdf-downloads DT A:hover
{
	background: url(images/graphic_pdfdownloads_hover.jpg) no-repeat 0px 0px;
}
#dl-order-replacement DT A
{
	background: url(images/graphic_orderreplacement.jpg) no-repeat 0px 0px;
}
#dl-order-replacement DT A:hover
{
	background: url(images/graphic_orderreplacement_hover.jpg) no-repeat 0px 0px;
}
/*-- PDF Downloads*/
.page-id-13 DIV.wp-caption
{
	padding-top: 10px;
	height: 225px;
	width: 185px !important;
	margin-right: 10px !important;
	margin-bottom: 10px !important;
	text-align: center;
	overflow: hidden;
}
.page-id-13 DIV.wp-caption:hover
{
	background: #CCC;
}
.page-id-13 DIV.wp-caption P.wp-caption-text
{
	font-size: 12px;
	margin-top: 5px;
	font-weight: bold;
}
/*Wordpress specific CSS
-------------------------------------------------------------------*/
.aligncenter, DIV.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.aligncenter IMG, .aligncenter P.wp-caption-text
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.alignleft
{
	float: left;
}
.alignright
{
	float: right;
}
IMG.alignleft
{
	display: inline;
	margin: 0 7px 2px 0;
	padding: 4px;
}
IMG.alignright
{
	display: inline;
	margin: 0 0 2px 7px;
	padding: 4px;
}
.entry DIV.alignleft
{
	float: left;
	margin: 0 8px 7px 0;
}
/*Resizes the image to the maximum width of the content area*/
.entry IMG
{
	max-width: 576px;
/*smooth image resizement in IE7+*/
	-ms-interpolation-mode: bicubic;
}
.wp-caption
{
	background-color: #F0F0F0;
	border: 1px solid #E5E5E5;
	overflow: hidden;
	padding: 3px;
}
.wp-caption IMG
{
	border: 0 none #000000;
	margin: 0;
	padding: 0;
}
.wp-caption P.wp-caption-text
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.more-link
{
	background-color: #F4F8F9;
	border-bottom: 1px solid #E6F0F2;
	font-size: 11px;
	padding: 5px 6px 3px;
	text-shadow: 0 1px 0 #fff;
}
.more-link:hover
{
	background-color: #E6F0F2;
	border-bottom-color: #B3CDD8;
	color: #000;
}
/*Tables and #wp-calendar*/
TABLE
{
	width: 100%;
	border: 1px solid #000000;
	font-size: 12px;
}
CAPTION
{
	background-color: #E6F0F2;
	border-top: 1px solid #E6F0F2;
	text-align: center;
}
THEAD
{
	background-color: #770900;
	color: #FFFFFF;
	text-align: left;
}
THEAD TH
{
	padding: 5px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	white-space: nowrap;
}
TBODY
{
	text-align: left;
}
TD
{
	padding: 10px;
	border: 1px dotted #AAA;
	border-top: none;
}
/*---------- Featured Parks Image Gallery ---------
-- album view --*/
.ngg-album
{
	width: 185px;
	height: 180px;
	float: left;
	margin: 0px 20px 20px 0px;
}
.ngg-album .ngg-thumbnail A IMG
{
	margin-bottom: 7px;
	width: 150px;
	border: 2px solid #000000;
}
.ngg-album .ngg-thumbnail A:hover IMG
{
	border: 2px solid #AAAAAA;
}
.ngg-album A
{
	display: block;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	font-weight: bold;
	padding-bottom: 7px;
}
.ngg-album A:hover
{
	color: #780A00;
}
A.gallery-link
{
	float: right;
	display: block;
	text-decoration: none;
	padding: 0px 0px 10px 20px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	text-align: center;
}
A.gallery-link IMG
{
	border: 2px solid #000;
	margin-bottom: 10px;
}
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
.scrollable
{
/*required settings*/
	position: relative;
	overflow: hidden;
	width: 790px;
	height: 84px;
	margin: 0px auto 0;
/*custom decorations*/
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set the width and height for the root element and
not for this element.
*/
.scrollable .items
{
/*this cannot be too large*/
	width: 20000em;
	position: absolute;
	clear: both;
}
/*single scrollable item*/
.scrollable IMG
{
	float: left;
	margin: 0px 21px 0px 5px;
	background-color: #000;
	padding: 1px;
	border: 1px solid #000;
	cursor: pointer;
	width: 100px;
	height: 75px;
	/*+border-radius:3px;*/
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-box-shadow: 0px 0px 5px #020202;
}
/*active item*/
.scrollable .active
{
	border: 1px solid #710;
	z-index: 9999;
	position: relative;
	background: #710;
}
.scrollable .hover
{
	background: #710;
	border: 1px solid #710;
}
/*next and previous buttons*/
DIV.gallery-wrap .left, DIV.gallery-wrap .right
{
	display: block;
	width: 35px;
	height: 38px;
	cursor: pointer;
}
DIV.gallery-wrap .right
{
	background: url(images/pg_right_arrow.png) no-repeat 0 0;
	position: absolute;
	bottom: 41px;
	right: 40px;
}
DIV.gallery-wrap .left:hover, DIV.gallery-wrap .right:hover
{
	background-position: -35px 0;
}
DIV.gallery-wrap .left
{
	background: url(images/pg_left_arrow.png) no-repeat 0 0;
	position: absolute;
	bottom: 41px;
	left: 40px;
}
DIV.gallery-wrap A.disabled
{
	display: none !important;
}
/*the overlayed element*/
DIV.overlay
{
/*growing background image
dimensions after the growing animation finishes*/
	width: 996px;
	height: 464px;
/*initially overlay is hidden*/
	display: none;
/*some padding to layout nested elements nicely*/
	padding: 0;
}
/*default close button positioned on upper right corner*/
DIV.overlay DIV.close
{
	background-image: url(images/overlay/close.png);
	position: absolute;
	right: -15px;
	top: -15px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}
DIV.overlay DIV.gallery-wrap
{
	margin: 0;
	padding: 0;
	height: 464px;
	background: #FFFFFF;
	border: 3px solid #710;
	text-align: center;
	width: 990px;
}
DIV.overlay DIV.gallery-wrap H2.photo-gallery-title
{
	display: block;
	text-align: center;
	margin-top: 15px;
	color: #710;
	font-size: 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: Verdana;
}
#image_wrap
{
/*dimensions*/
	width: 790px;
	margin: 15px auto 5px;
	padding: 0;
/*centered*/
	text-align: center;
/*some "skinning"
-moz-ouline-radius: 4px*/
	position: relative;
}
#image_wrap IMG
{
	border: 5px solid #000;
	max-width: 790px;
	-webkit-box-shadow: 0px 0px 10px #020202;
}
#image_wrap SPAN.image_loading
{
	display: block;
	position: absolute;
	top: 10px;
	left: 46%;
	width: 32px;
	height: 32px;
	background: #FFF url(images/loading.gif) no-repeat 50% 50%;
	padding: 10px;
	border: 3px solid #AFAFAF;
	opacity: .5;
	display: none;
}
DIV.navi
{
	display: block;
	height: 10px;
	text-align: center;
	width: 80px;
	margin: 0 auto 10px;
	padding: 0px 0;
}
DIV.navi A
{
	display: block;
	float: left;
	width: 8px;
	height: 8px;
	margin: 3px;
	background: transparent url(images/navigator.png) no-repeat 0 0;
}
DIV.navi A:hover
{
	background-position: 0 -8px;
}
DIV.navi A.active
{
	background-position: 0 -16px;
}
/*Sample Designs Galleries
--------------------------------------------------------------------*/
DIV.ngg-gallery-thumbnail
{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
DIV.ngg-gallery-thumbnail A IMG
{
	border: 2px solid #FFF;
}
DIV.ngg-gallery-thumbnail A:hover IMG
{
	border: 2px solid #000;
}
DIV.ngg-gallery-thumbnail SPAN
{
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #666;
}
/*CONTACT FORMS
-----------------------------------------------------------------------*/
.cform
{
	width: 100% !important;
}
.cform OL LI
{
	padding-bottom: 5px !important;
}
.cform LABEL
{
	width: 35% !important;
	text-align: right;
}
.cform INPUT[type='text'], .cform TEXTAREA
{
	width: 59% !important;
}
.cform LABEL SPAN
{
	display: block !important;
	width: 100% !important;
	font-weight: bold;
}
.cform LEGEND, .linklove
{
	display: none;
}
/*GENERIC CLASSES
------------------------------------------------------------------
Beautified ampersands*/
.amp
{
	font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman";
	font-style: italic;
}
/*Emphasize your name in the About-Box*/
.smaller-caps
{
	font-size: 110%;
	font-variant: small-caps;
}
.hidden
{
	display: none;
}
.hidden
{
	position: absolute;
	left: -9999em;
}
/*CLEARFIX
------------------------------------------------------------------*/
HTML .clearfix
{
	display: block;
}
* HTML .clearfix
{
	height: 1%;
}
.clearfix:after
{
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix
{
	display: inline-block;
}