@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: #4a4b4d; color: #606060; }

h1      { color: #606060; font-size: 1.7em; line-height: 1.2em; font-weight: bold; margin: 0px; }
h2      { color: #606060; font-size: 1.5em; line-height: 1.2em; font-weight: bold; margin: 0px; }
h3      { color: #606060; font-size: 1.3em; line-height: 1.2em; font-weight: bold; margin: 0px 0px 3px 0px; }
h4      { color: #606060; font-size: 1.2em; line-height: 1.2em; font-weight: bold; margin: 0px 0px 3px 0px; }
h5      { color: #606060; font-size: 1.1em; line-height: 1.2em; margin: 0px; font-weight: bold; }
h6      { color: #606060; 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: #c47b25; text-decoration: none; padding: 0px; }
a:hover { color: #c47b25; 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; }

a.button, 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;
  }

a.button:hover { color: white; text-decoration: none; }

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

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

/* Thumbnail sizes */
img.thumbnail         { width: 162px; height: 152px; }
img.thumbnail-med     { width: 122px; height: 114px; }
img.thumbnail-small   { width: 70px; height: 66px; }
img.thumbnail-full    { width: 220px; height: 206px; }
img.thumbnail-product { width: 320px; height: 300px; }
img.thumbnail-youtube { width: 130px; height: 97px; }
img.photo             { width: 490px; height: 450px; }

div.thumbnail         { background: top center no-repeat; width: 162px; height: 152px; }
div.thumbnail-med     { background: top center no-repeat; width: 122px; height: 114px; }
div.thumbnail-small   { background: top center no-repeat; width: 70px; height: 66px; }
div.thumbnail-full    { background: top center no-repeat; width: 220px; height: 206px; }
div.thumbnail-product { background: top center no-repeat; width: 320px; height: 300px; }
div.photo             { background: center center no-repeat; width: 490px; height: 450px; }

a.thumbnail         { display: block; background: top center no-repeat; width: 162px; height: 152px; }
a.thumbnail-med     { display: block; background: top center no-repeat; width: 122px; height: 114px; }
a.thumbnail-small   { display: block; background: top center no-repeat; width: 70px; height: 66px; }
a.thumbnail-full    { display: block; background: top center no-repeat; width: 220px; height: 206px; }
a.thumbnail-product { display: block; background: top center no-repeat; width: 320px; height: 300px; }
a.photo             { display: block; background: center center no-repeat; width: 490px; height: 450px; }

/* Stock Status */

span.stockstatus-nb { color: #e12727; }  /* No buy */
span.stockstatus-is { color: #28d724; }  /* In Stock */
span.stockstatus-os { color: #e12727; }  /* Out of Stock */
span.stockstatus-cs { color: #c2740e; }  /* Coming Soon */
span.stockstatus-ls { color: #c2740e; }  /* Low stock */
span.stockstatus-so { color: #c2740e; }  /* Special Order */
span.stockstatus-dc { color: #e12727; }  /* Discontinued */


/* 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: #4a4b4d; padding: 4px; color: white; font-weight: bold; }
a.bar						{ text-decoration: none; display: block; background-color: #4a4b4d; padding: 4px; color: white; font-weight: bold; }
a.bar span			{ color: #aaaaaa; display: none; }
a.bar span span { text-decoration: underline; }

/* 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 { background: #b1b2b4; }

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

/* Page contents */
#container { background: white; }  /* Main content area */
#contents { padding: 10px 10px 20px 10px; float: right; width: 690px; }  /* 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; padding: 0 0 0 7px; background: url('../images/theme/arrow.gif') left center no-repeat; }
#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; }


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

#header { position: relative; width: 950px; margin-top: 0px; z-index: 100; }

/* H1 tag is used to display the touratech logo */
#header h1 { position: absolute; top: 0px; left: 10px; display: inline; margin: 0; padding: 0; }
#header h1 a { color: #e9e9e9; text-decoration: none; width: 218px; height: 81px; line-height: 41px; background: url('../images/theme/touratech-logo2.gif') 0 0 no-repeat; display: block; text-indent: -9999px; }
#header h1 a:hover { color: white; }

/* 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 { overflow: hidden; background: #4a4b4d url('../images/theme/tt-header-bkg.gif') top left no-repeat; padding: 0 10px 0 234px; height: 52px; }

/* UL used for all the navigation menu items */
#header ul { display: inline; float: left; margin: 0; padding: 0 0 0 0; }
#header ul li { font-size: 1.0em; display: inline; float: left; margin: 0px 0px 0px 15px;  line-height: 73px; }
#header ul.accountinfo { float: right; width: 250px; margin-left: 15px; }
#header ul.accountinfo li { float: right; }
#header ul li a.cart { color: #e9e9e9; background: url('../images/theme/cart.gif') center left no-repeat; margin: 0 0 0 0px; padding: 0 0 0 25px; text-decoration: none; }

/* Set link styles for the menu items */
#header a       { color: #e1e1e1; text-decoration: none; padding: 0px; }
#header a:hover { color: white; text-decoration: none; }
#header *.selected a { color: #f9db07 !important; font-weight: bold !important; }


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

/* The main banner/header image */
#banner { position: relative; width: 950px; height: 150px; overflow: hidden; }
img.banner { width: 950px; height: 150px; }

/* Slideshow caption bar */
#ss-bar      { position: absolute; top: 122px; width: 950px; height: 28px; background-color: black; opacity: 0.75; z-index: 90; }
/* Positioning for slideshow controls */
#ss-controls { position: absolute; top: 122px; width: 950px; height: 28px; z-index: 95; line-height: 28px; color: #cccccc; }
/* Slideshow control button (next/prev) */
#ss-controls div.btn { float: right; cursor: pointer; margin: 5px 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; }
/* Slideshow caption text */
#ss-controls div.title { float: right; margin-right: 10px; }



/* BREADCRUMB  -------------------------------------------------------------------------- */

#breadcrumb { z-index: 100; }

/* The main bar that the breadcrumb is displayed within */
#breadcrumb div.contents { overflow: hidden; background: #4a4b4d url('../images/theme/tt-breadcrumb-bkg.gif') top left no-repeat; padding: 0 10px 0 244px; height: 28px; }

#breadcrumb div.trail { float: left; width: 520px; overflow: hidden; }   /* Contains the breadcrumb trail, trails that are too long will be cut off */
#breadcrumb div.trail ul { width: 3000px; }  /* Ensure that the breadcrumb trail doesn't wrap to the next line if the text in the trail is too long */

#breadcrumb ul li span { color: #bbbbbb; }

/* UL used for all the breadcrumb trail links */
#breadcrumb ul { margin: 0; padding: 0 0 0 0; }
#breadcrumb ul li { font-size: 1.0em; display: inline; float: left; margin: 0px 0px 0px 5px; padding: 0; line-height: 28px; }
#breadcrumb ul li a { color: #e9e9e9; text-decoration: none; }
#breadcrumb ul li a:hover { color: white; }
#breadcrumb ul li a.home { display: block; text-indent: -9999px; width: 14px; height: 25px; line-height: 28px; background: url('../images/theme/icon-home.gif') left center no-repeat; }

/* Search box */
#breadcrumb input.sbox_l    { background: url('../images/theme/search/srch_l.gif') no-repeat top left; float: left; width: 19px; height: 19px; margin: 4px 0 0 15px; border: 0px; padding: 0px; cursor: pointer; }
#breadcrumb span.sbox_r     { background: url('../images/theme/search/srch_r.gif') no-repeat top left; float: left; width: 10px; height: 19px; margin: 4px 0 0 0; }
#breadcrumb span.sbox input { margin-top: 4px; height: 17px; width: 110px; background: white url('../images/theme/search/srch_bg.gif') repeat-x top left; float: left; border: 0; padding: 2px 0 0 0; font-size: 12px; color: #000; }

#breadcrumb form { padding: 0px; margin: 0px; }

/* Breadcrumb link styles */
#breadcrumb a       { color: #e1e1e1; text-decoration: none; padding: 0px; }
#breadcrumb a:hover { color: white; text-decoration: none; }
#breadcrumb *.selected a { color: #f9db07; font-weight: bold !important; }


/* CONTEXT MENU  ------------------------------------------------------------------------ */

#sidebar { position: relative; left: 10px; top: -28px; width: 219px; z-index: 110; }

#contextmenu { padding-top: 28px; background: url('../images/theme/tt-menu-topper.gif') top left no-repeat; color: white; margin-bottom: 10px; }
#contextmenu div.inner { padding-top: 15px; background: #4a4b4d; }
#contextmenu h1 { height: 28px; overflow: hidden; line-height: 28px; background: #f9db07; font-size: 14px; font-weight: bold; color: black; padding: 0 10px 0 10px; border-bottom: white 1px solid; }
#contextmenu h2.touratech { height: 34px; margin-bottom: 0px; background: url('../images/theme/site-tt-tt.gif') no-repeat; text-indent: -9999px; }
#contextmenu h2.streetline { height: 34px; margin-bottom: 10px; background: url('../images/theme/site-tt-sl.gif') no-repeat; text-indent: -9999px; }
#contextmenu h2.cycoactive { height: 34px; margin-bottom: 10px; background: url('../images/theme/site-tt-cyco.gif') no-repeat; text-indent: -9999px; }
#contextmenu h3 { height: 22px; overflow: hidden; line-height: 22px; font-size: 13px; font-weight: bold; color: #b5b7b9; margin: 0px; padding: 5px 10px 0 22px; }
#contextmenu p.phone  { background-color: #f6de12; text-align: center; font-size: 1.7em; font-weight: bold; color: #5e5e5e; line-height: 1.5em; margin: 20px 0 0 0px; padding: 5px 10px 5px 10px; }
#contextmenu p.footer { background: #4a4b4d; font-size: 1.1em; font-weight: bold; height: 26px; line-height: 26px; background: url('../images/theme/tt-footer-icon.gif') right center no-repeat; margin: 0px; padding: 5px 10px 5px 10px; }
#contextmenu ul { margin: 0; padding: 0px 0 15px 13px; background-color: #4a4b4d; }
#contextmenu ul li { font-size: 1.0em; display: block; margin: 0px 0px 0px 10px; padding: 0 0 0 7px; background: url('../images/theme/arrow.gif') left center no-repeat; }

#contextmenu a       { color: #e1e1e1; text-decoration: none; padding: 0px; }
#contextmenu a:hover { color: #f9db07; text-decoration: none; }
#contextmenu *.selected { color: #f9db07; font-weight: bold !important; }

#contextmenu div.alert { background: #f9db07; padding: 10px; color: black; }
#contextmenu div.alert a { color: black; }


/* LISTINGS ----------------------------------------------------------------------------- */

div.listing { }
div.listing span.date { color: #999999; }
div.listing div.details { }
div.listing div.details a { color: #606060; }
div.listing div.indent { margin-left: 132px; }
div.listing div.summary { margin-top: 10px; }
div.listing div.summary a { display: block; color: #c47b25; padding-left: 7px; background: url('../images/theme/arrow-yellow.gif') 6px left no-repeat; }

/* RES EDITOR --------------------------------------------------------------------------- */

span.spanitem { position: relative; display: block; padding: 4px 2px; }
span.spanitem:hover { background: #fffda7; color: black; }
span.spanitem:hover span.tools { display: block; }
span.spanitem span.tools { display: none; padding: 4px; width: 94px; height: 16px; position: absolute; top: 0px; left: -102px; background: #fffda7; }
span.spanitem span.tools span.icon { display: block; cursor: pointer; margin-right: 10px; overflow: hidden; text-indent: -999px; float: left; width: 16px; height: 16px; background-image: url('../images/theme/admin-tag-icons.png'); background-repeat: no-repeat; }
span.spanitem span.tools span.up { background-position: -32px 0; }
span.spanitem span.tools span.down { margin-right: 0; background-position: -48px 0; }
span.spanitem span.tools span.delete { background-position: -16px 0; }

/* REVIEWS ------------------------------------------------------------------------------ */

ul.rating { list-style: none; padding: 0; margin: 0; height: 17px; }
ul.rating li { display: inline; float: left; position: relative; overflow: hidden; text-indent: -999px; width: 18px; height: 17px; background: url(../images/theme/stars.gif) no-repeat; }
ul.rating li.full { }
ul.rating li.half { background-position: -17px 0; }
ul.rating li.empty { background-position: -34px 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: #A0A0A0; 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 div.fielderr { color: #ffc20e; 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: #c47b25; padding-left: 7px; background: url('../images/theme/arrow-yellow.gif') 6px left no-repeat; }

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; }



/* _skylight
----------------------------------------------- */
#overlay {
	position: fixed;
	_position: absolute;
		top: 0;
		left: 0;
	width: 100%;
	height: 100%;
	background:#FFF;
	display: none;
	z-index:220;
}

#skylight {
	background: #fff;
	border:1px solid #aaaaaa;
	box-shadow: 0 0 20px rgba(0,0,0,0.7);
		-moz-box-shadow: 0 0 20px rgba(0,0,0,0.7);
		-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.7);
	display: none;
	height:0px;
	margin: 0;
	overflow:hidden;
	position: fixed;
	_position: absolute;
		top: 50%;
		left: 50%;
		z-index:250;
	width:0px;
}
#skylight #LbMainImg, #GWLBSliderNav li img { display:block; margin:0 auto; }
#skylight .target {
	overflow:hidden;
	padding: 15px 20px 20px;
	position:relative;
}
#skylight .target span {
	display:none;
	z-index:100;
}
#skylight .target img {
	border:none;
}
#skylight .zoomIn, #skylight .fullSize span {
	cursor:pointer;
	cursor:-moz-zoom-in;
	cursor:-webkit-zoom-in;
}
#skylight .zoomIn span {
	background:#FFF;
	display:block;
	font-weight:bold;
	height:26px;
	line-height:26px;
	position:absolute;
		top:0;
		left:0 !important;
	white-space:nowrap;
	width:100%;
	text-align:center;
}
#skylight .zoomIn span img {
	display:inline;
	margin:0;
	padding:0;
	vertical-align:middle;
}
#skylight .zoomOut span {
	background:#FFF;
	background:rgba(255,255,255,.85);
	border-bottom:1px solid #CCC;
	cursor:pointer;
	display:block;
	font-weight:bold;
	height:26px;
	line-height:26px;
	position:absolute;
		top:0;
		left:0;
	white-space:nowrap;
	width:100%;
}
#skylight .zoomOut span img {
	display:inline;
	margin:0;
	padding:0;
	vertical-align:middle;
}

#skylight.loading {
	background: #fff url(/include/store_detail/images/loader.gif) no-repeat center center;
}

#skylight .close {
	background:url(/include/store_detail/images/lb-close-button.png) no-repeat 0 0;
	border:none;
	cursor:pointer;
	display: none;
	height:39px;
	overflow:hidden;
	position: absolute;
		left: -12px;
		top: -12px;
		z-index:300;
	text-indent:-9999px;
	width:38px;
}

#skylight a.prev, #skylight a.next {
	position: absolute;
		top: 50%;
		left: 0;
	padding: 5px;
	background: #fff;
	margin-top: -0.5em;
	width: 6em;
	text-align: center;
	opacity: 0.5;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#skylight a.next { left: auto; right: 0; }

#skylight a:hover.prev, #skylight a:hover.next { opacity: 1; }

#GWLBSlider {
	background:url(/include/store_detail/images/lb-thumbs-bg.gif) repeat-x 0 0 #FAFAFA;
	height:90px;
	margin:0 auto;
	position:absolute;
	bottom:0;
	width:100%;
}
#GWLBSliderInner {
	margin:0 auto;
	position:relative;
	width:800px;
}
#GWLBSliderNav {
	height:80px;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
		top:0;
		left:0;
	width:100%;
}
#GWLBSliderNav li {
	cursor:pointer;
	display:block;
	height:60px;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	width:29px;
}
#GWLBSliderNav .prevThumb { background:url(/include/store_detail/images/lb-slider-nav.gif) no-repeat 0 0; left:15px; top:17px; }
#GWLBSliderNav .nextThumb { background:url(/include/store_detail/images/lb-slider-nav-next.gif) no-repeat 0 0; right:15px; top:17px; }
#GWLBSliderNav li.hover { background-position:0 -60px; }
#GWLBSlider #GWLBSliderMask {
	height:90px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:800px;
}
#GWLBSlider #GWLBThumbs {
	float:left;
	height:90px;
	list-style:none;
	margin:0;
	position:relative;
	padding:0;
	width:2000px;
}
#GWLBSlider #GWLBThumbs li {
	display:block;
	padding:14px 0 14px;
	float:left;
	margin:0 10px;
	text-align:center;
	width:65px;
}
#GWLBSlider #GWLBThumbs li a, #GWLBSlider #GWLBThumbs li a:link, #GWLBSlider #GWLBThumbs li a:visited {
	background:#FFF;
	border:1px solid #BEBFBF;
	border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
	box-shadow:#CCC 0px 3px 3px;
		-moz-box-shadow:#CCC 0px 1px 3px;
		-webkit-box-shadow:#DDD 0px 1px 3px;
	display:block;
	height:65px;
	margin:0 auto;
	outline:none;
	vertical-align:middle;
	width:65px;
}
#GWLBSlider #GWLBThumbs li a:hover {
	border-color:#3990CD;
}
#GWLBSlider #GWLBThumbs li.selected {
	background:url(/include/store_detail/images/lb-thumbs-selected.gif) no-repeat center 0;
	border:none;
}
#GWLBSlider #GWLBThumbs li.selected a,
#GWLBSlider #GWLBThumbs li.selected a:link,
#GWLBSlider #GWLBThumbs li.selected a:visited,
#GWLBSlider #GWLBThumbs li.selected a:hover,
#GWLBSlider #GWLBThumbs li.selected a:focus,
#GWLBSlider #GWLBThumbs li.selected a:active {
	border-color:#979898;
}
#skylight .target { text-align: center; }
#skylight .target img { margin:0 auto; }

#SDPricing {
	width:auto !important;
}