@charset "UTF-8";
body    { font-family: Helvetica, Sans-Serif; line-height: 1.4em; font-size: 0.8em; margin: 0px; padding: 0px; text-align: center; background: #282828; color: white; }

h1      { font-size: 1.7em; line-height: 1.2em; font-weight: bold; margin: 0px; }
h2      { font-size: 1.5em; line-height: 1.2em; font-weight: bold; margin: 0px; }
h3      { font-size: 1.3em; line-height: 1.2em; font-weight: bold; margin: 0px 0px 3px 0px; }
h4      { font-size: 1.2em; line-height: 1.2em; font-weight: bold; margin: 0px 0px 3px 0px; }
h5      { font-size: 1.1em; line-height: 1.2em; margin: 0px; font-weight: bold; }
h6      { font-size: 1.0em; line-height: 1.2em; margin: 0px; font-weight: bold; }

form    { margin: 0px; padding: 0px; }
img     { border: 0px; }

strong  { font-weight: bold; }

a       { color: #ff4f00; text-decoration: none; padding: 0px; }
a:hover { color: #ff4f00; text-decoration: underline; }

a.facebook { padding-left: 20px; background: url('../images/theme/icon-facebook.gif') left center no-repeat; }

div.hr      { line-height: 0px; font-size: 0px; height: 1px; background-color: #cccccc; margin: 8px 0px 8px 0px; }

/*span.alert { color: red; font-weight: bold; }*/


input.button
  {
  height: 21px; color: white; margin: 2px; padding: 2px 6px 3px 6px; background-color: rgb(128, 130, 132); border: solid 1px rgb(128, 130, 132); text-align: center; white-space: pre; outline: none;
  -webkit-border-radius: 4px; -webkit-box-align: center; -webkit-box-sizing: border-box;
  -moz-border-radius: 4px;
  cursor: pointer;
  }

input.priority { background-color: #f9db07 !important; border-color: #777777 !important; color: black !important; font-weight: bold !important; }
input.subpriority { background-color: rgb(170, 170, 170) !important; border-color: rgb(150, 150, 150) !important; color: #f8f8f8 !important; }
input.critical { background-color: #a72727 !important; border-color: #8e1919 !important; color: #f8f8f8 !important; font-weight: bold !important; }
input.disabled { background-color: #dddddd !important; border-color: #aaaaaa !important; color: #aaaaaa !important; font-weight: bold !important; }

/* GENERAL PURPOSE ---------------------------------------------------------------------- */

/* Thumbnail sizes */
/*img.photo             { width: 490px; height: 450px; }*/
div.photo             { background: center center no-repeat; width: 100%; height: 450px; }


/* Used to divide the page into 4 areas - ie, place a sequence of 4 divs with quadrant classes to do this */
/*div.quadrant   { width: 162px; margin-right: 10px; float: left; }*/

/* Used to divide the page into 3 areas - ie, place a sequence of 3 divs with quadrant1-3 classes to do this */
/*div.quadrant1-3   { width: 220px; margin-right: 10px; float: left; }*/

/* A filled, padded bar for headlines or other uses */
/*div.bar        { background-color: #adadad; padding: 4px; color: white; font-weight: bold; }*/

/* Error and message boxes */
div.msg-box    { background-color: #f9db07; color: black; padding: 10px; margin: 10px 0 10px 0; }
div.msg-box h2 { color: black; font-size: 1.1em; }
div.err-box    { background-color: #f9db07; color: black; padding: 10px; margin: 10px 0 10px 0; }
div.err-box h2 { color: black; font-size: 1.1em; }

/* PAGE LAYOUT -------------------------------------------------------------------------- */

/* Main webpage (everything but the footer) */
#webpage { color: #282828; background: #9a8d7d; }

/* Wrapper creates a centered DIV to place webpage content within */
div.border { background: url('../images/theme/border.png'); width: 956px; margin: 0 auto 0 auto; }

/* Wrapper creates a centered DIV to place webpage content within */
div.wrapper { width: 950px; text-align: left; padding: 0 3px 0 3px; margin: 0 auto 0 auto; }

/* Page contents */
#container { background: white url('../images/theme/content-footer.gif') bottom left repeat-x; color: #color: #282828; }  /* Main content area */
#contents { padding: 10px 10px 20px 10px; }  /* Actual contents */

/* Footer */
#footer { font-size: 0.8em; margin: 20px 0 10px 0; color: #dddddd; }
#footer h5 { color: #dddddd; margin-bottom: 5px; }
#footer a       { color: #cccccc; text-decoration: none; }
#footer a:hover { color: #f9db07; text-decoration: none; }
/* Footer sitemap */
#footer div.sitemap { margin: 0 0 20px 0; }
#footer div.sitemap div.column { width: 178px; float: left; }
#footer div.sitemap div.spacer { width: 10px; height: 10px; float: left; }
#footer div.sitemap ul { margin: 0; padding: 0; }
#footer div.sitemap ul li { font-size: 1.0em; display: block; margin: 0px 0px 0px 0px; padding: 0 0 0 0px; }


/* BANNER ------------------------------------------------------------------------------- */

#banner { color: #ffffff; background: #282828 /*url('../images/theme/banner-bkg.jpg') bottom center repeat-x*/; padding: 10px 10px 10px 10px; /* min-height: 315px; */ }
#banner h1 { color: #ffffff; }
#banner h2 { color: #ffffff; }
#banner h3 { color: #ffffff; }
#banner h4 { color: #ffffff; }
#banner h5 { color: #ffffff; }
#banner h6 { color: #ffffff; }

#banner div.graphic { float: left; width: 500px; }
#banner div.graphic div.ss-bar      { position: relative; background-color: white; }
#banner div.graphic div.ss-bar img.icon  { position: absolute; top: -5px; left: -5px; width: 50px; }
#banner div.graphic div.ss-bar div.inner  { float: right; width: 440px; padding: 5px 0 5px 5px; }
#banner div.graphic div.ss-bar div.section { float: right; margin: 0 5px 0 0; width: 175px; font-size: 0.9em; text-align: right; color: black; }
#banner div.graphic div.ss-bar div.btn { float: right; cursor: pointer; margin: 0 5px 0 0; width: 15px; height: 15px; line-height: 12px; font-size: 1.3em; text-align: center; background: black; border: solid 1px white; color: white; opacity: 0.75; }
#banner div.graphic div.ss-bar div.title { color: black; font-weight: bold; font-size: 1.3em; margin-right: 10px; }
#banner div.graphic div.ss-bar div.summary { color: black; font-size: 0.9em; }

#banner div.overview { float: right; width: 420px; }
#banner a { color: #f9db07; }

#banner div.hr { background-color: #333333; }



/* HEADER ------------------------------------------------------------------------------- */

#header { position: relative; width: 950px; margin: 0px 0 -5px 0; }

#socialtab { position: absolute; top: 0px; left: 950px; }

#header div.logobar { height: 105px; overflow: hidden; padding: 0; background: black; }
#header div.logobar div.contactinfo { float: right; width: 345px; margin: 20px 10px 0 0; color: white; text-align: right; }
#header div.logobar h3 { font-weight: normal; font-size: 1.2em; }

/* H1 tag is used to display the touratech logo */
#header h1 { display: inline; margin: 0; padding: 0; }
#header h1 a { width: 201px; height: 93px; margin: 4px 0 0 10px; background: url('../images/theme/motodiscovery-logoalt-new.gif') 0 0 no-repeat; display: block; text-indent: -9999px; }

/* The main bair that contains the entire top menu and logo... it is padded to ensure text does 
not get placed on top of the absolute-positioned logo */
#header div.contents { position: relative; top: -5px; overflow: hidden; background: url('../images/theme/header-tab-bkgalt.gif'); padding: 0 0 0 0; height: 29px; }
#header div.context { position: relative; top: -5px; overflow: hidden; background: #282828; height: 28px; color: #c5c4c4; }
#header div.nocontext { position: relative; top: -5px; overflow: hidden; background: #282828; height: 5px; color: #c5c4c4; }

/* UL used for all the navigation menu items */

#header div.contents ul { display: inline; float: left; margin: 0; padding: 0 0 0 0; }
#header div.contents ul li { text-transform: uppercase; font-weight: bold; font-size: 1.0em; display: inline; float: left; padding: 0 7px 0 5px;  background: url('../images/theme/header-tab-divider.gif') top right no-repeat; line-height: 37px; }
#header div.contents ul li.selected { background: #282828; color: #ffcc00; padding: 0 10px 0 10px; line-height: 32px; }
#header div.contents ul li.first-unselected { margin-left: 10px; }

#header div.context ul { padding: 0 0 0 10px; display: inline; float: left; margin: 0; }
#header div.context ul li { font-weight: normal; line-height: 28px; margin: 0 15px 0 0; font-size: 1.0em; display: inline; float: left; }
#header div.context ul li.selected { background-color: transparent; color: white; }

/* Set link styles for the menu items */
#header div.contents a	{ color: black; text-decoration: none; padding: 0px; }
#header div.context a		{ color: #e1e1e1; text-decoration: none; padding: 0px; }

#header div.contents *.selected a	{ color: #f9db07 !important; font-weight: bold !important; }
#header div.context *.selected a	{ color: white !important; font-weight: bold !important; }

#header a:hover { color: white !important; text-decoration: none; }


/* BANNER  ------------------------------------------------------------------------------ */

/* The main banner/header image */
#slideshow { position: relative; width: 950px; height: 200px; background: #282828; overflow: hidden; padding-bottom: 5px; }
img.slide { width: 950px; height: 200px; }



/* SIDENAV  ----------------------------------------------------------------------------- */

#sidenav { float: left; width: 220px; }

#sidenav ul { margin: 0 0 20px 0; padding: 0 0 0 0; }
#sidenav ul li { list-style: none; padding: 3px 0 3px 0; border-top: solid 1px #d9d9d9; margin: 0; }
#sidenav ul li.selected { font-weight: bold; }


/* CONTENTAREA -------------------------------------------------------------------------- */

#contentarea { float: right; width: 690px; }

#tourdetails { width: 370px; float: right; }
#tourmap { width: 300px; float: left; }
#touroutline { margin-top: 10px; }
#touroutline div.column { float: left; width: 217px; }
#touroutline div.spacer { float: left; width: 19px; height: 10px; }

#tourdetails div.hr { margin: 5px 0 5px 0; }
#tourdetails span.price { font-size: 1.8em; color: #ff4f00; }

#touroutline div.column ul { margin: 0 0 20px 0; padding: 0 0 0 1.5em; }
#touroutline div.column ul li { padding: 2px 0 2px 0; }

/* THUMBNAILS --------------------------------------------------------------------------- */

div.tourthumbnail { width: 225px; }
div.tourthumbnail div.inner { width: 215px; height: 110px; border: solid 5px #282828; }
div.tourthumbnail div.inner img { width: 215px; height: 110px; border: none; }


/* HOMEPAGE ----------------------------------------------------------------------------- */

#aboutarea { position: relative; z-index: 100; float: right; width: 400px; margin: -40px -10px 0 10px; }
#aboutbox { background: #282828; color: #e1e1e1; padding: 10px; }
#aboutbox h1 { color: white; }

div.homecolumn { width: 255px; }


/* COMPANY ------------------------------------------------------------------------------ */

div.history-block { background: #F6EBE8; padding: 10px; margin-bottom: 1px; }
div.history-block div.thumbnail { float: left; width: 150px; }
div.history-block div.details { float: left; width: 520px; }
div.history-block div.details p { margin: 0 0 0 20px; padding: 5px 0 0 0; }

/* FORMS -------------------------------------------------------------------------------- */

form { margin: 0; padding: 0; }

form div.row { margin-bottom: 5px; clear: both; }
form div.row label { float: left; width: 150px; }
form div.row p { color: #555555; margin: 0px; padding: 0px; margin-left: 160px; }
form div.row p span.err { color: red; }

form.compact { }
form.compact label { float: left; width: 110px !important; }
form.compact p { color: #A0A0A0; margin: 0px; padding: 0px; margin-left: 120px !important; }

form h1 { font-size: 1.2em; margin-bottom: 0.5em; }
form strong { }

form span.fielderr { color: #ff4f00; margin: 3px 0px 3px 0px; }

form div.callout { padding: 5px 0 5px 0; margin: 0px; }

form div.fineprint { font-size: 0.9em; color: #666666; }


form p label { margin: 0px !important; float: none !important; }
form p a { display: block; color: #ff4f00; }

form label.disabled { color: #b0b0b0; }
input.tt-disabled { color: #303030; }

form div.column { float: left; width: 340px; }
form div.spacer { float: left; width: 10px; height: 10px; }

form div.row input.button { margin: 0px; }