/* 
	TRAK Kayak Styles
	August, 2006
	c/o Yellow Pencil
	development
 */

	body {margin:0 auto; padding:0; background-color:#C3D5EB; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color:#404040; text-align:center; font-size:1em;}
	body#popup {margin:0 auto; padding:10px; background:#fff; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color:#404040; text-align:left; font-size:1em;}
	p, ul, ol, li, table, tr, td { font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; /*color: #565656;*/}
	h1, h2, h3, h4, h5, h6 { color:#676870; font-family:"Trebuchet MS", verdana, sans-serif; }
	body#popup h1 { margin: 0 0 10px 0; }
	a, a:link, a:visited {color:#000;}
	a:hover {color:#954402; text-decoration:none;}
	a img {border:0;}
	/* {padding:0; margin:0;}*/
	
	#page {width:900px; margin:0 auto;background:#fff url(../images/page_bg.jpg) repeat-y;position:relative;}
	
	/* header styles */
	#header {height:190px; width:900px; background:url(../images/header.gif) no-repeat;}
	#header #trakkayakslogo {float:left; margin:48px 0 0 32px;}
	#header p {float:right; text-align:left;width:150px; margin-top:63px; font-size:0.7em;}
	#header p a {color:#656565; text-decoration:none;}
	#header p a:hover, #header p a.active:hover {color:#232323;}
	#header p a.active {color:#0066AB; font-weight:bold;}
	
	/* navigation styles */
	#navigation {float:left; width:191px; text-align:left; margin-top:10px;}
	#navigation p {margin:1px 0 15px 32px; padding:0; font-size:0.8em;font-weight:bold;}
	#navigation p a {color:#656565; text-decoration:none;}
	#navigation p a:hover, #navigation p a.active:hover {color:#010101;}
	#navigation p a.current {color:#0066AB; font-weight:bold;}
	#navigation ul {margin:-10px 0 0 0; padding:0;}
	#navigation li {margin:0 0 0 32px; padding:0; list-style:none; font-size:0.7em;}
	#navigation ul li a {color:#656565; text-decoration:none;}
	#navigation ul li a:hover {color:#232323;}
	#navigation ul li a.current {color:#0066AB; font-weight:bold;}
	#events {margin:10px 0 0 0px;}
/*	#rethinkKayak, #trakNews {margin:0 0 10px -32px;} */
	.position-bottom {position:absolute;left:0;bottom:10px;}
	
	/* content styles */
	#content {float:left; width:603px; text-align:left; padding:0 60px 0 45px; font-size:0.8em; line-height: 1.4em;}
	* html #content {padding-right:50px;}
	#content h1 {margin:0px 0 25px 0;padding: 0; font-size: 2.2em; color: #000;}
	#content h2 {margin:10px 0;font-size:1.6em;}
	#content h3 {margin: 0; font-size: 1em; color: #333;}
	#content h5 {margin:-15px 0 10px 10px; font-size:0.8em; font-weight:normal;}
	#content p {margin: 0 0 15px 0; font-size:0.9em; }
	#content dt {color:#000; font-size:110%;}
	#content img {padding: 0 15px;}
	
	#content table { border-bottom:1px solid #ebebeb; }
	#content table th {color:#000; padding:4px 5px; border-top:1px solid #ebebeb;}
	#content table td {padding:3px 5px; border-top:1px solid #ebebeb;  border-right:1px solid #ebebeb;font-size:.8em;}
	#content table td.noborder {border-right:0;}
	h3.spec-table {padding-top:25px;}
	table.spec-table {border-right:none;width:100%;}
	td.productColors strong {display:block;}

	#content form label, #content form input.form  {display: block; width: 200px; float: left; margin-bottom: 10px; }
	#content form label { text-align: right;	width: 150px; padding-right: 20px; font-weight: bold;}
	#content form br { clear: left; }
	#content form fieldset { background-color: #d5dfeb; border: 0; }
	#content form fieldset legend { color:#676870; font-family:"Trebuchet MS", verdana, sans-serif; margin:-7px 0 25px -10px;padding: 0; font-size:1.5em;}

	.leftcolumn, #leftcolumn {float:left; width:291px; }
	.rightcolumn, #rightcolumn {float:right; width:291px;}
	#productspecifications {clear:both;border-top:1px solid #e5e5e5;margin-top:15px;}
	#guarantee { margin: 20px 0 0 0; }
	
	#flashtour {margin:0 -20px 0 0;}
	* html #flashtour {margin: 0 -50px 0 -20px;}
	#flashhome {margin-left:-43px;margin-right:-50px;}
	* html #flashhome {margin-right:-60px; margin-left: -44px;}
	
	/* Rebate Mailout Page Styles - added Dec 14, 2007 by Paul B*/
	#rebate-features {padding:30px 160px 20px 0;background: url(/images-mailout/dec07/road-signs.gif) no-repeat right top;}
	#rebate-features p {color:#3f7fb5;line-height:1.25em;padding-left:30px;background: url(/images-mailout/dec07/plus-bullet.gif) no-repeat left top;}
	#rebate-features .rebate-feature {color:#000;font-size:1.1em;line-height:1.5em;}
	#rebate-features p b {color:#35638b;}
	
	/* footer styles */
	#footer {clear:both; height:44px; background:url(../images/footer.gif) no-repeat 0 30px;padding:90px 20px 0 20px; }
	#footer p {font-size:0.76em;color:#e8e8e8; margin:0; padding:0;font-weight:bold;}
	#footer p a {color:#e8e8e8; text-decoration:none;}
	#footer p a:hover {color:#565656; }
	#footer p a.current {color:#0066AB; font-weight:bold;}
	#footer p.left {float:left;}
	#footer p.right {float:right;}
	#footer p.copyright { text-align:right; font-size:0.6em; width:860px; margin:0;padding:10px 0 0 0; float:right;}
	
	/* presentation styles*/
	
	.blackbold {color:#000; font-weight:bold;}
	.notbold {font-weight:normal;}
	strong {color:#333;}
	.callout {float:right;margin:0 20px;padding:10px 20px; border-left:1px solid #b8b8b8; line-height:2em; width:250px;}
	#colors .colorOption {float: left; cursor: pointer; border: 1px solid #b8b8b8; margin-right:10px; padding-right: 5px; margin-bottom: 10px; }
	#colors .colorOption img, #colors .colorOptionSelected img { padding: 0px; margin-right: 5px; }
	#colors .colorOptionSelected {float: left; cursor: pointer; border: 1px solid #2d63a1; margin-right: 10px; padding-right: 5px;  margin-bottom: 10px; }
	p.sectionheading {color: #0066ab;margin: 0; padding: 10px 0 0 0;}
	.buythistrak {color: #900;margin: 0; padding:0 10px 20px 10px; float: right;}
	.imagestructure h3 {}
	.imagestructure p {}
	.productdescriptionright {float:left; width:200px;}
	
	.topfeatureimage {margin: 10px -20px 20px -58px; }
	.homefeatureimage {margin:10px -20px 20px -28px;}
	* html #content img.topfeatureimage { padding:0;margin: 10px -62px 20px -38px;}
	
	.homepagekayak {margin:0 -60px 0 -48px;}
	* html .homepagekayak {margin:0 -78px 0 -48px;}
	.technologybreak {border-bottom:1px solid #e5e5e5; margin:8px auto;clear:both;}
	
	/* 3 ways buttons */
	#threeWays {clear:both;margin:15px 0;border-top:1px solid #e5e5e5;padding-top:15px;}
	#threeWays img {margin:0;padding:0;}
	#threeWays fieldset {border:none;float:left;margin:0;padding:0 15px 0 0;}
	#threeWays p {margin:10px 0;padding:0;}
	#threeWays .threeWaysButton {display:block;padding:1px 1px 1px 30px;color:#fff;text-decoration:none;}
	#threeWays a span, #threeWays span span {background: url(../images/bg3waysGrey.gif) no-repeat right;display:block;margin:-1px;}
	#threeWays span.threeWaysButton {background:#808183 url(../images/bg3waysGreyNoArrow.gif) no-repeat left;text-align:center;padding:1px;}
	#threeWays a.threeWaysButton {background:#808183 url(../images/bg3waysGreyArrow.gif) no-repeat left;}
	#threeWays a:hover {background:#0067a3 url(../images/bg3waysBlueArrow.gif) no-repeat left;}
	#threeWays a:hover span {background: url(../images/bg3waysBlue.gif) no-repeat right;}
	
	/* e-commerce styles */

	.clear { clear: both; font-size: 0.1em; }
	#colorPicker { text-align: center; position: relative; }
	div.color { float: left; background-color: #fff; padding: 10px; margin-right: 10px; width: 75px; height: 50px; }
	div.color div.header p { font-weight: bold; }
	#checkoutBreadcrumb { font-size: 0.85em; margin-bottom: 20px; border-bottom: 1px solid #ccc; }
	#checkoutBreadcrumb span.selected { font-weight: bold; }
	#checkoutBreadcrumb span.future { color: #ccc; }

	#summaryBillingAddress, #summaryShippingAddress { width: 49%; float: left; height: 250px; }
	#previousAddress, #registeredAddress { width: 45.5%; float: left; height: 250px; }
	#summaryShippingAddress, #registeredAddress { margin-right: 10px; }

	.productHighlight { border-top:1px solid #ccc;margin-top:5px;padding:15px 75px 0 0;}
	.productHighlight .image {float:right;padding-left:75px;}
	.technologyDescription {margin-left:232px;}
	.technologyImage {float:left;margin:0 25px 10px 0;}
	/*.productHighlight p.header { font-weight: bold; }
	.productHighlight p.description { width: 140px; float: left; }
	.productHighlight .image {  text-align: center; margin: 0; padding: 0 0 0 10px;}
	* html .productHighlight .image {padding:0;}
	.productHighlight .image a {font-size:.94em;color:#94b5db; text-decoration:none;}
	.productHighlight .image a:hover {color:#000;}
	#content .image a img { padding: 0; }
	#content .image p { margin: 0; }*/

	body#popup { font-size:0.8em; line-height: 1.4em; }

	/*#priceList { float:left; width:130px; font-size:0.9em; }
	#priceList ul {margin:3px 0;padding:0 20px;}
	#WhyBest { width: 150px; float: left; text-align:right;}
	.productPrice {}
	.productButtons {}
	.productButtons p, .productButtons a {margin:0;padding:0;}*/

	.UPSServiceName sup { font-size: 0.65em; margin-left: -3px;}
	
	/*#content .basketItem * { border: 2px solid red; }*/
	#content .basketItem { vertical-align: top; background-color: #d5dfeb; margin-bottom: 15px; height: 125px; clear: both; padding: 20px 20px 10px 0px; }
	#content .basketItem .quantity { float: left; width: 75px; text-align: center; }
	#content .basketItem .description { float: left; width: 350px; }
	#content .basketItem .quantity select { font-size: 1.1em; font-weight: bold; text-align: center; }
	#content .basketItem .quantity option { padding: 3px 6px 3px 6px; text-align: center; }
	#content .basketItem .price { float: right; width: 150px; text-align: right; font-size: 1.3em; font-weight: bold; }
	#content .basketItem .description h2 { font-size: 1.3em; margin: 0 0 10px 0; color: #333; }
	#content .basketItem .description img { float: left; margin: 0 5px 0 0; vertical-align: middle; border: 1px solid #ccc; padding: 0;}
	#content .basketItem .description p { float: left; }
	#content .basketItem .quantity p { margin: 0; }
	#content .basketItem .quantity p a { text-decoration: none; font-size: 0.95em; color: #333; }
	#content .basketItem .quantity p.fixed { font-size: 1.2em; margin: 0; font-weight: bold; }
	div.colorBasket { float: left; width: 60px;  margin: 0px 0 0 5px; text-align: center; border: 1px solid #ccc; background-color: white; font-size: 0.85em; height: 80px; }
	#content .basketItem .description div.colorBasket img { float: none; padding: 5px; margin: 10px 0 0 0; border: none;}
	#content .basketFooter sup { font-size: 0.55em; margin-left: -3px;}

	#content .basketFooter { height: 40px; background-color: #78a0d0; margin-bottom: 10px;  color: #fff; padding: 10px 10px 0 0; font-size: 1.3em; font-weight: bold; }
	#content .basketFooter .label { width: 400px; float: left; text-align: right; padding: 6px 0 0 0;}
	#content .basketFooter .price { width: 140px; float: right; padding: 6px 10px 0 0; text-align: right; }

	#viewCartControls, .viewCartControls { text-align: center; }

	div.boxout { background-color: #d5dfeb; border: none; margin-bottom: 10px; padding: 20px 10px 0px 10px; }
	div.boxoutDisabled { background-color: #e4e7eb; border: none; margin-bottom: 10px; padding: 20px 10px 0px 10px; }
	div.boxout input.radio { margin-right: 10px; }
	div.boxoutSummary { background-color: #d5dfeb; border: none; margin-bottom: 10px; padding: 20px 20px 0px 20px; }
	div.address { padding: 20px 20px 0 20px; }
	div.boxout a.formLink { display: block; text-align: center; margin: 0 0 10px 0 }
	div.boxout div.boxControl, div.boxoutDisabled div.boxControl { margin-top: 20px; margin-bottom: 20px; text-align: center;}
	#content div.boxout h3, #content div.boxoutDisabled h3 { margin: -20px 0 20px 0; font-size: 110%; }
	div.boxControl p.error { color: red; }

	#content div.shippingOption { background-color: #d5dfeb; padding: 17px 0 0px 10px; margin-bottom: 10px; }
	#content div.shippingOption .label { width: 400px; float: left; }
	#content div.shippingOption .price { width: 130px; float: right; font-size: 1.2em; padding: 0; }
	#content div.shippingOption .label h2 { color: #333; margin: 0; font-size: 1.2em; }
	#content div.shippingOption .label h2 input { margin-right: 10px; }
	#content div.shippingOption .label p { margin: 5px 0 0 32px; }

	#content img.formHelp { vertical-align: middle; margin: 10px 0px 0px 5px; padding: 0; }

	/* YAHOO container Tool Tip */
	.tt { visibility:hidden; position:absolute; color:#333; background-color:#FDFFB4; padding:2px 5px 2px 5px; border:1px solid #FCC90D; font-size: 0.75em; width:400px; 	line-height: 1.5em;	text-align: left; }
	.ttNoBorder { visibility:hidden; position:absolute; background-color:none; padding:0; border:0;}

	ul#formErrors { background-color: #ffcdcd; padding: 10px; }
	ul#formErrors li { margin: 0 0 0 20px; list-style:none; color: #cf0000; font-weight: bold;}

	#content div.info { background-color: #d5ebd6; padding: 20px 20px 20px 20px; margin-bottom: 10px; }
	#content div.info p { margin: 0; color: #000; }

	a.change { font-size: 0.7em; margin: 0 0 0 10px; }

	#content div.eventList { margin: 10px 0 30px 0; text-align: center;}
	#content div.eventList table { border: 0; width: 100%; text-align: left; border-collapse: collapse;}
	#content div.eventList table th { color: #333; padding: 3px 5px; border-top:1px solid #ebebeb;  border-bottom:1px solid #ebebeb; font-weight: bold;}
	#content div.eventList table td {border-collapse: collapse; padding:5px 5px; border-bottom:1px solid #ebebeb; border-right: 0; border-top: 0; border-left: 0;font-size: 80%;color: #333; line-height: 130%;}
	#content div.eventList table th.city { width: 80px; }
	#content div.eventList table th.dealer { width: 170px; }
	#content div.eventList table th.date { width: 70px; }
	#content div.eventList table th.time { width: 70px; }
	
	#content h3.eventHeader { font-family:'Lucida Grande'; font-size: 110%; color: #333; margin: 20px 0 10px 0; }
	#content h2.eventHeader { color: #333;}
	#content h2#tradeshow, #content h2#paddledemo { margin: 20px 0pt 10px 0; color: #333 }
	
	blockquote.paymentMessage { border: 2px solid #cf0000; color: #cf0000; margin: 10px; padding: 10px;  background-color: #ffcdcd;} 

	div#banners { margin-top: 30px; }
	div.banner, div.bannerSelected { margin: 10px 0 5px 22px; }
	div.banner a img { border: 1px solid #b1b1b1; }
	div.bannerSelected a img, div.banner a:hover img { border: 1px solid #2d63a1; }
	
	ul#investorMenu li { margin-top: 5px; margin-bottom: 10px;  }
	ul#investorMenu li a { font-weight: bold; font-size: 110%; }
	ul#investorMenu li a.selected { color: #2d63a1; }
	
	#content div.eventList tr.past td, #content div.eventList tr.past td a, #content div.eventList tr.past td a:hover { color: #999999; }
	
	#content p.requiredLabel { margin: -10px 20px 0 0; font-size: 85%; text-align: right; }
	
	
	#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}

	#lightbox a img{ border: none; }
	
	#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
	
	#imageContainer{padding: 10px;}
	
	#loading{position: absolute;	top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
	#hoverNav{position: absolute;top: 0;	left: 0;height: 100%;width: 100%;z-index: 10;}
	#imageContainer>#hoverNav{ left: 0;}
	#hoverNav a{ outline: none;}
	
	#prevLink, #nextLink{	width: 49%;	height: 100%;background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;	}
	#prevLink { left: 0; float: left;}
	#nextLink { right: 0; float: right;}
	#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }
	
	
	#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%}
	
	#imageData{	padding:0 10px; color: #666; }
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
	#imageData #caption{ font-weight: bold;	}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
	#overlay{position: absolute;top: 0;left: 0;	z-index: 90;width: 100%;height: 500px;background-color: #000;}
	
	.currencyButton {padding:5px;border:none;cursor:pointer;margin-left:20px;}
	.currencyButtonOver {padding:5px;border:none;cursor:pointer;color:#B6C7DC;margin-left:20px;}
	#content .currencyButton img, #content .currencyButtonOver img {padding:0px;vertical-align:middle;margin:0 0 3px 5px;}
	
	#logos { text-align: center; margin: 10px auto; width: 389px;}
	#upsLogo { border: 1px solid #320200; padding: 0px; width: 155px; text-align: left; float: left; margin-right: 10px; }
	#ccLogos { border: 1px solid #320200; padding: 0px; width: 220px; text-align: left;  float: left;}
	#upsLogo img, #ccLogos img { vertical-align: middle; padding: 0px; }
	#upsLogo span, #ccLogos span { margin: 0px 10px; font-size: 0.8em; }
	#upsLogo span a, #ccLogos span a { text-decoration: none; }
	
	/* Self-clearing elements */
	#threeWays:after {content:".";display:block;height:0;clear:both;visibility:hidden;}