/*

	Biking Solutions - by JOHANNES BOOY, Booyant Inc.
	VERSION 1.0
	
	CONTENTS ----------
	
	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.IMAGES
	   6.LAYOUT
	   7.BRANDING/MASTHEAD
	   8.NAVIGATION
	   9.SITEINFO/FOOTER
	   10.HOME PAGE
	   11.PRIMARY CONTENT
	   12.SECONDARY CONTENT
	   13.INTERNAL PAGES
	   14.FORMS
	   
	   
    -------------------
	
*/



@import url(reset.css); /* RESET CSS */


/* 1.BODY
---------------------------------------------------------------------- */

body {font-size:62.5%; color:#000; font-family: Tahoma, Arial, Helvetica, sans-serif; background: #005498 url(../images/bgTile.gif) top left repeat-x;}

ul#nav_access {position:absolute; top:-9999px; left:-9999px; }



/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */



ul {list-style: none; line-height: 2em; font-size: 1.3em; margin: 0 0 1.4em 1em;}
ul li { margin: 0; line-height: 2em; background: url(../images/bullet.gif) left 10px no-repeat; padding: 0 0 0 0.85em;}
ul li ul {list-style: circle; margin: 0.4em 0px 0.5em 1em; font-size: 1em;}
ul li ul li {background: none; padding: 0; }
dl {  } 
dt {  }
dd {  }
ol { list-style: lower-roman; list-style-position:outside; }
ol li { margin-left:30px; }
p, table {line-height: 1.6em; font-size: 1.3em; margin-bottom: 1.2em;}
hr { height:0; border:0; border-top:1px dotted #ccc; margin-bottom:24px; }

blockquote { padding: 10px 0px 10px 20px; margin-bottom:24px; }
blockquote p {font-size: 1.2em; line-height: 1.6em; color: #000; margin-bottom: 1.4em;}
blockquote cite { display:block; font-style:italic; font-size:1.1em; line-height: 1.4em;color:#333;  margin-top: 6px;}

pre {  }
pre code {  }
code {  }

abbr { border-bottom:1px solid #ccc; cursor:help; }
abbr:hover { border-color:#999; }
del { color:#999; }
strong { font-weight:bold; }
em { font-style: italic;}
sup { font-size:0.75em; position:relative; top:-3px; }

table.services {margin-bottom: 30px;}
table.services td {padding: 5px 10px; border-bottom: 1px solid #ccc;}
table.services td.grey {background: #ccc; }

p.disclaimer{font-size: 1.1em; font-style: italic;}

/* 3.HEADINGS
---------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight:normal; }

h1 {color: #005394; font-size: 1.5em; font-weight: bold; text-transform: uppercase; margin-bottom: 1.4em; letter-spacing: 0.02em;}
h2 {font-size: 1.3em; color:#005394; font-weight: bold;  margin-bottom: 0.6em; }
h3 {font-size: 1.3em; color:#000; line-height: 2em; font-weight: bold;}
h4 {font-size: 1.2em; color:#000; line-height: 2em; font-weight: bold;}

div#contentSecondary h3 {color: #fff; margin-bottom: 1.4em; text-align: center; font-weight: normal;}


/* 4.LINKS
---------------------------------------------------------------------- */
a {color:#005394; text-decoration: underline; }

a:link,
a:visited, { }
a:hover,
a:focus {color:#666;}

a.anchor {font-weight: bold; display: block; margin-bottom: 20px; text-decoration: none; font-size: 1.1em;}
div#contentColumn a {font-size: 1.1em;}
div#contentColumn p a {font-size: 1em;}
/* 5.IMAGES
---------------------------------------------------------------------- */




/* 6.LAYOUT
---------------------------------------------------------------------- */


div#branding {}


div#contentWrapper {width:940px; background: #fff; margin: 0 auto; /*border: 1px solid #fff; border-top: none; border-bottom: none;*/ }

div#contentPrimary {float: left; width:688px; position: relative;}
div#contentSecondary {float: right; width: 250px; border-left: 2px solid #fff; background: url(../images/bg_contentSecondary.png) top left repeat-y; padding: 0px 0px 0px 0px;}



div.contentColumn {float: right; width: 453px; margin: 182px 43px 0px 0px; }
div.subNav {margin: 180px 0px 20px 0px; width: 163px; float: left; background: url(../images/bg_subnav.gif) top left no-repeat;  min-height: 370px;}


.clear {clear: both; height: 0px; line-height: 0px; overflow: hidden; margin: 0; padding: 0; background: #fff;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


/* 7.BRANDING/MASTHEAD
---------------------------------------------------------------------- */

h1#branding {position: absolute; z-index: 1; width:254px; height:99px; text-indent:-9999em; padding:0; top: 108px; left: 0px; }
h1#branding a {background: url(../images/logo.gif) top left no-repeat; width:254px; height:99px; display: block; z-index: 1;}





/* 8.NAVIGATION
---------------------------------------------------------------------- */
div#navigation {background: url(../images/bck_nav.gif) top left repeat-x; }

ul#mainNav {float: right; list-style:none; margin: 0 0 4px 0px; }

ul#mainNav li {float:left; padding:0px; margin: 0px 3px 0px 0px; line-height: 0; background: none;}
ul#mainNav li a:link,
ul#mainNav li a:visited {padding: 0px; display: block; height: 59px;}
ul#mainNav li a:hover {}

ul#subNav {list-style: none; margin: 0;}
ul#subNav li {background: none; text-align: right; margin-bottom: 12px; line-height: 19px;}
ul#subNav li a:link,
ul#subNav li a:visited {/*font-size: 0.92em; line-height: 1.2em; */color: #000; text-decoration: none; font-size: 12px; line-height: 8px;}
ul#subNav li a:hover, ul#subNav li a.selected {color: #005394; text-decoration: underline;}


div#contentSecondary ul#persistentLinks {float: left; list-style: none; margin: 0px 0px 26px 0px;}
div#contentSecondary ul#persistentLinks li {float:left; padding:0px; margin: 0px 16px 0px 0px; padding: 0; line-height: 0; background: none; border: none;}
div#contentSecondary ul#persistentLinks li#ni_sitemap {margin: 0px 0px 0px 0px;}

div#contentSecondary ul#persistentLinks li a:link,
div#contentSecondary ul#persistentLinks li a:visited {height: 14px; padding: 0px; display: block;}
div#contentSecondary ul#persistentLinks li a:hover, ul#persistentLinks li a.selected {}


div#contentSecondary ul#persistentLinks li#ni_contact a {background: url(../images/nav/ni_contact.png) top left no-repeat; width: 38px;}
div#contentSecondary ul#persistentLinks li#ni_contact a:hover, div#contentSecondary ul#persistentLinks li#ni_contact a.selected {background-position: -38px 0;}
div#contentSecondary ul#persistentLinks li#ni_newsletter a {background: url(../images/nav/ni_newsletter.png) top left no-repeat; width: 95px;}
div#contentSecondary ul#persistentLinks li#ni_newsletter a:hover, div#contentSecondary ul#persistentLinks li#ni_newsletter a.selected {background-position: -95px 0;}
div#contentSecondary ul#persistentLinks li#ni_sitemap a {background: url(../images/nav/ni_sitemap.png) top left no-repeat; width: 42px;}
div#contentSecondary ul#persistentLinks li#ni_sitemap a:hover, div#contentSecondary ul#persistentLinks li#ni_sitemap a.selected {background-position: -42px 0;}



.quicklinks {clear: both; padding-top: 2px; }
.quickOff {background: url(../images/bck_quicklinks.png) top left no-repeat; height: 27px; position: absolute; top: 63px; width:688px; z-index: 100;}
.quickOn {background: url(../images/bck_quicklinks_on.png) top left no-repeat; height: 56px; top: 63px; width:688px; z-index: 100;}
a#droplink {width: 126px; height: 10px; float: right;}
.quickOff a#droplink {background: url(../images/quicklinks_off.png) top left no-repeat; margin: 10px 17px 10px 0px;} 
.quickOn a#droplink {background: url(../images/quicklinks_on.png) top left no-repeat; margin: 6px 17px 10px 0px} 

.quicklinks ul {list-style: none; margin: 0; padding: 4px 0px; display: none;}
.quicklinks ul li {background: none; float: left; padding: 0px 0; margin: 0; position: relative;  }

.quicklinks ul li a {color: #000; text-decoration: none; display: block; /*height: 23px; */text-align: right; font-size: 12px; line-height: 14px; padding: 4px 0px; margin-bottom: 2px;}
.quicklinks ul li a:hover {color: #fff;}
.quicklinks ul li.ma {background: red url(../images/bck_quick_ma.gif) top left no-repeat; height: 28px; width: 170px; padding-right: 30px;  }
.quicklinks ul li.os {background: red url(../images/bck_quick_os.gif) top left no-repeat; height: 28px; width: 156px; padding-right: 30px;}
.quicklinks ul li.training {background: url(../images/bck_quick_train.gif) top left no-repeat; height: 28px; width: 120px; padding-right: 30px;}
.quicklinks ul li.rebates {background: url(../images/bck_quick_train.gif) top left no-repeat; height: 28px; width: 120px; padding-right: 30px;}

ul.dropdown {position: absolute; top: 20px; left: 0; z-index: 102; padding: 20px 20px 10px 15px; background: #fbcb4f url(../images/dotted_border.gif) 0px 5px no-repeat; display: none;}
#navigation .quicklinks ul li ul.dropdown li {background: none; float: none; padding: 0; margin: 0; /*padding: 0px 0px 0px 103px;*/}
.quicklinks ul li ul.dropdown li a {text-align: left; padding-left: 5px; font-size: 11px; }
.quicklinks ul li ul.dropdown li a:hover {background: #cd9a31;}

.quicklinks ul li.ma ul.dropdown {width: 165px;} 
.quicklinks ul li.os ul.dropdown {width: 151px;} 
.quicklinks ul li.training ul.dropdown, .quicklinks ul li.rebates ul.dropdown {width: 115px;} 


/* Rollover effect and page identify
---------------------------------------------------------------------- */
ul#mainNav li#ni_home a {background: url(../images/nav/ni_home.png) 0 0 no-repeat; width: 77px;}
ul#mainNav li#ni_home a:hover {background-position: -77px 0;}

ul#mainNav li#ni_about a {background: url(../images/nav/ni_about.png) 0 0 no-repeat; width: 95px;}
ul#mainNav li#ni_about a:hover, .about ul#mainNav li#ni_about a {background-position: -95px 0;}

ul#mainNav li#ni_solutions a {background: url(../images/nav/ni_solutions.png) 0 0 no-repeat; width: 99px;}
ul#mainNav li#ni_solutions a:hover,  .solutions ul#mainNav li#ni_solutions a {background-position: -99px 0;}

ul#mainNav li#ni_membership a {background: url(../images/nav/ni_membership.png) 0 0 no-repeat; width: 113px;}
ul#mainNav li#ni_membership a:hover, .membership ul#mainNav li#ni_membership a {background-position: -113px 0;}

ul#mainNav li#ni_login a {background: url(../images/nav/ni_login.png) 0 0 no-repeat; width: 81px;}
ul#mainNav li#ni_login a:hover {background-position: -81px 0;}




/*Marketing and Adveristing Navigation*/
.adstrategy ul#subNav li#sni_adstrategy a, .loyaltyprograms ul#subNav li#sni_loyalty a, .directmail ul#subNav li#sni_direct a, .circulars ul#subNav li#sni_circular a, .instore ul#subNav li#sni_instore a, .printads ul#subNav li#sni_printads a, .custom ul#subNav li#sni_custom_em a{color: #005394; text-decoration: underline;}

/*Operations Navigation*/
.consumer ul#subNav li#sni_consumer_financing a, .credit ul#subNav li#sni_credit_card_processing a, .gift ul#subNav li#sni_gift_cards a, .kpp ul#subNav li#sni_kpp a, .roadside ul#subNav li#sni_roadside_assistance a, .performance ul#subNav li#sni_performance_summaries a, .insurance ul#subNav li#sni_insurance a, .realestate ul#subNav li#sni_real_estate_services a, .mystery ul#subNav li#sni_mystery_shopping a, .business ul#subNav li#sni_business_savings_programs a, .price ul#subNav li#sni_price-tag a{color: #005394; text-decoration: underline;}

/*Training Navigation*/
.principles ul#subNav li#sni_principles a, .gear ul#subNav li#sni_gear a, .teleseminar ul#subNav li#sni_teleseminar a, .proftele ul#subNav li#sni_proftele a,
.hrtele ul#subNav li#sni_hrtele a,
.tmtele ul#subNav li#sni_tmtele a,
.storecc ul#subNav li#sni_storecc a,
.mystery ul#subNav li#sni_mystery_shopping a {color: #005394; text-decoration: underline;}



/*About Navigation*/
.retailers ul#subNav li#sni_retailers a, .staff ul#subNav li#sni_staff a, .contact ul#subNav li#sni_contact a, .events ul#subNav li#sni_events a, .testimonials ul#subNav li#sni_testimonials a, .member ul#subNav li#sni_member a {color: #005394; text-decoration: underline;}


.pre-supply ul#subNav li#pref-supply a {color: #005394; text-decoration: underline;}
.pre-supply-kids ul#subNav li#pref-supply-kids a {color: #005394; text-decoration: underline;}


/* 9. SITEINFO/FOOTER
---------------------------------------------------------------------- */
#footer {float: left; background: url(../images/bck_footer.gif) top left repeat-x; min-height: 68px; font-size: 0.85em; width: 850px; padding: 20px 40px 20px 50px; color: #333333;}
#footer p {float: left; margin: 0;}
#footer ul {list-style: none; float: right; margin: 0;}
#footer li {float: left; background: none; margin-right: 6px;}
#footer li a {color: #333333; text-decoration: underline;}

/* 10.HOME PAGE
---------------------------------------------------------------------- */
#video {background: url(../images/txt_video.png) left 10px no-repeat; padding: 0px 0px 0px 30px; display: block; clear: both;}


.rotate {background: url(../images/txt_member.png) top left no-repeat; padding-left: 30px; float: left;}






div#interactive {background: #005394 url(../images/bck_interactive.gif) top left no-repeat; clear: both; border: 2px solid #fff; border-left: none; border-right: none; padding: 10px 20px 114px 80px;}
div#interactive p {font-size: 12px; line-height: 15px; clear: both;}

div#interactive a {font-weight: bold; text-decoration: none; font-size: 0.9em; background: url(../images/dingbat.jpg) right 4px no-repeat; padding-right: 12px;}

ul#selections {float: left; list-style:none; margin: 0 0 10px 0px;}
ul#selections li {float:left; padding:0px; margin: 0px 20px 0px 0px; line-height: 0; background: none; border-right: 1px solid #fff; padding-right: 20px;}
ul#selections li#ni_rebates {border: none;}
ul#selections li a:link,
ul#selections li a:visited {padding: 0px; display: block; height: 14px;}
ul#selections li a:hover {}

ul#selections li#ni_marketingAdvertising a {background: url(../images/ni_marketingAdvertising.png) top left no-repeat; width: 194px;}
ul#selections li#ni_operationsSavings a {background: url(../images/ni_operationsSavings.png) top left no-repeat; width: 178px;}
ul#selections li#ni_training a {background: url(../images/ni_training.png) top left no-repeat; width: 78px;}
ul#selections li#ni_rebates a {background: url(../images/ni_rebates.png) top left no-repeat; width: 138px;}

#ni_operationsSavings_copy {display: none;}
#ni_training_copy {display: none;}
#ni_rebates_copy {display: none;}

ul#selections li#ni_marketingAdvertising a.hover, ul#selections li#ni_marketingAdvertising a.on {background-position: -194px 0;}
ul#selections li#ni_operationsSavings a:hover, ul#selections li#ni_operationsSavings a.on {background-position: -178px 0; }
ul#selections li#ni_training a:hover, ul#selections li#ni_training a.on {background-position: -78px 0;}
ul#selections li#ni_rebates a:hover, ul#selections li#ni_rebates a.on {background-position: -138px 0;}

/*Begin edits by Paul Kelley on 7/28/08*/
div#flashcontent {z-index: 1; padding: 0; margin: 0;}
/*End edits by Paul Kelley on 7/28/08*/

div#interactive{
	position: relative;
}

ul#social-media-links{
	position: absolute;
	width: 150px;
	text-align: right;
	top: 110px;
	left: 5px;
}
ul#social-media-links li, ul#social-media-links li a{
	background: none;
}
ul#social-media-links li{
	margin-bottom: 5px;
}
ul#social-media-links li a{
	color: #fff;
	font-weight: normal;
	font-size: 1.2em;
}
ul#social-media-links li a img{
	margin-bottom: -5px;
}

/* 11.PRIMARY CONTENT
---------------------------------------------------------------------- */


/* 12.SECONDARY CONTENT
---------------------------------------------------------------------- */
.about div#contentWrapper, .training div#contentWrapper, .solutionsLand div#contentWrapper {background: #fff url(../images/bck_cycle.jpg) no-repeat;}
.operations div#contentWrapper, .marketing div#contentWrapper, .membership div#contentWrapper, #contact div#contentWrapper{background: #fff url(../images/bck_cycle2.jpg) no-repeat;}
.home div#contentWrapper {background-color: #fff; background-image: none; padding: 0;}


div#contentSecondary .gutterPrimary {padding: 23px 18px 9px 21px; border-bottom: 8px solid #104f81; float: left;}
.home div#contentSecondary .gutterPrimary {background: url(../images/bck_secContent.jpg) top left no-repeat;padding: 23px 22px 9px 21px; }
div#contentSecondary .gutterSecondary {padding: 20px 18px 0px 21px; float: left;}
.home div#contentSecondary .gutterSecondary {padding: 12px 18px 0px 21px; }

div#contentSecondary blockquote { padding: 0px 0px 8px 0px; margin-bottom:20px; font-weight: normal;}
div#contentSecondary blockquote p {font-size: 1.4em; line-height: 1.2em; color: #fff; margin-bottom: 0;}
div#contentSecondary blockquote cite { display:block; font-style:normal; font-size:1.1em; line-height: 1.4em;color:#ffcc66;  margin-top: 6px;}



/* 13.INTERNAL PAGES
---------------------------------------------------------------------- */



/* 14.FORMS
---------------------------------------------------------------------- */
.emailSign {width: 200px;  }
.emailSign label {text-transform: uppercase; padding: 2px 0px; color: #fff;}
.emailSign input {color: #000; margin-top: 3px;}
.emailSign input#email {width:148px; margin-left: 0px;float: left;}
.emailSign input.submit {float: right; margin-right: 6px;}
div#contentSecondary .emailSign h3 {color: #fff; margin-bottom: 0em; text-align: center; font-weight: normal;}


form#membership {font-size: 1.3em; padding: 24px 30px 24px 30px; background: #e6e6e6; margin-bottom: 20px;}
label,input {
	display: block;
	width: 250px;
	float: left;
	margin-bottom: 10px;
}

select {
	display: block;
	width: 255px;
	float: left;
	margin-bottom: 10px;
	
}

label {
	text-align: right;
	width: 80px;
	padding-right: 15px;
}

br {
	clear: left;
}

select#howContact, select#contactBook {width: 60px;}
label#howContact_label, label#contactBook_label {width: 270px;}

label#bestTime_label {width: 230px;}
select#bestTime {width: 100px;}

label#howHear_label {width: 180px;}
select#howHear {width: 150px;}

input#submit {width: 100px; float: right; margin: 10px 46px 20px 0px;}
input#submitNews {width: 80px; float: left; margin: 0px 0px 20px 0px;}



.stat {background: url(../images/tbs_stat.png) left 3px no-repeat; padding: 0px 0px 20px 30px; float: left;}
div#contentSecondary h3 {color: #fff; margin-bottom: 1.4em; text-align: center; font-weight: normal; line-height: 1.4em;}
div#contentSecondary ul {color: #fff; margin: 0;}
div#contentSecondary ul li { margin: 0; line-height: 14px; font-size: 12px; margin-bottom: 0.6em; background: #004c9f url(../images/bck_stats.gif) top left repeat-x; padding: 0.85em; border: 1px solid #4593cd; border-left: none; border-right: none;}
div#contentSecondary ul li span {color:#ffcc66; font-size: 17px; display: block; margin-top: 6px;}
div#contentSecondary ul li span.bot_pad {margin-bottom: 5px;}
div#contentSecondary h4 {color:#ffcc66; font-weight: bold; margin-bottom: 0.8em;  line-height: 1.3em; font-size: 1.3em; text-transform: uppercase; text-transform: uppercase;}
div#contentSecondary h4 em {color: #fff; }
div#contentSecondary p {color: #fff; }
div#contentSecondary p#er {font-size: 11px; line-height: 14px; padding-top: 5px;}


div#error {
color: red;
}

.dm_list strong {display: block; padding: 10px 0px;}

div.vid-wrap {margin: 70px auto; width: 480px; /*width: 480px;*/ text-align: left; }