* {
	padding:0;
	margin:0;
}
body {
	background: #2e3b03 url(../images/bg/Home.jpg) center 0 no-repeat;
	font: normal 12px Arial, Helvetica, sans-serif;
	height: 100%;
	width: 100%;
	text-align:center;
}
h1 sup{
	font-size:14px;
}	
h1 {
}
h2 {
	text-transform:uppercase;
	font-weight:normal;
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
p {
	margin:10px 0;
}
input, a{
	outline:none;
}
a img{
	border:none;
}
a:hover {
}
a:visited {
}
a.selected {
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.hide {
	visibility: hidden;
	display:none;
}

/* backgrounds */
body.home { background:#2e3b03 url(../images/bg/Home.jpg) top center fixed no-repeat; }
body.technology { background:#2e0f52 url(../images/bg/Technology.jpg) top center fixed no-repeat; }
body.TryThemOut{ background: #000 url(../images/Generallow.jpg) center -38px fixed no-repeat;}
body.WheretoGetThem,
body.TermsandConditions,
body.ForECPs,
body.PrivacyPolicy, 
body.Share { background:#1855bf url(../images/bg/WhereToGetThem.jpg) top center fixed no-repeat; }
body.BeInTheKnow { background:#001e00 url(../images/bg/BeInTheKnow.jpg) top center fixed no-repeat; }
body.pedal { background:#272204 url(../images/bg/Pedal.jpg) top center fixed no-repeat; }
body.trail { background:#6e5f00 url(../images/bg/Trail.jpg) top center fixed no-repeat; }
body.course { background:#909f1e url(../images/bg/Course.jpg) top center fixed no-repeat; }
body.road, body.Bell,
body.widget { background:#1d1916 url(../images/bg/Road.jpg) top center fixed no-repeat; }
body.water { background:#131522 url(../images/bg/Water.jpg) top center fixed no-repeat; }
body.style { background:#1d1916 url(../images/bg/Style.jpg) top center fixed no-repeat; }
body.range { background:#0a1109 url(../images/bg/Range.jpg) top center fixed no-repeat; }
body.SeeOurVision {
	background: #000 url(../images/Generallow.jpg) center 0 fixed no-repeat;
}

#mainContainer { position:relative; width:1010px; margin:0 auto; text-align:left; }

/* Regions */
#wrapper {
	clear:both;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;	
}
#header {
	width: 1010px;
}
#headerContainer { position:relative; width:1010px; }

#content {
	width: 960px;
	display: block;
	position:relative;
}
#ajaxContainer {
	overflow:hidden;
	width:960px;
	position:relative;
}
.pageContent { color:#fff; }
.default {
	color: #fff;
	font-size: 14px;
	padding-left: 57px;
}
.default p {
	margin-top: 15px;
	width: 339px;
}

/* global */
#content a { color:#fff; }
#content h1.pageTitle {
	background:url(../images/bg_h1Underline.gif) bottom left no-repeat; 
	padding-bottom:8px;
	font-size:45px; text-transform:uppercase; margin:0 0 12px 0; padding-top:20px; font-weight:normal;
	color:#fff;
}
#content h1.blue {
	background-image:url(../images/bg_h1Underline-blue.gif);
}
h1.videoTitle {
	position:absolute;
	top:20px; left:150px;
	padding:0 0 0 0px;
	margin:0;
	font-size:45px; text-transform:uppercase; font-weight:normal;
	text-align:left;
}

.btn_demoIt {
	display:inline-block;
	height:0;
	padding-top:40px;
	overflow:hidden;
	width:82px;
	background:url(../images/btn_demoIt.gif) 0 0 no-repeat;
}
.btn_whereToGetThem {
	display:inline-block;
	height:0;
	padding-top:40px;
	overflow:hidden;
	width:112px;
	background:url(../images/btn_whereToGetThem.gif) 0 0 no-repeat;
}
.btn_demoIt:hover,
.btn_whereToGetThem:hover {
	background-position:0 -40px;
}
.btn_getLenses {
	display:block;
	height:0;
	padding-top:26px;
	overflow:hidden;
	width:106px;
	background:url(../images/btn_getLenses.gif) 0 0 no-repeat;
	margin-top:8px;
	margin-bottom:30px;
}
.btn_getLenses:hover { background-position:0 -26px; }

.btn_drivewearWidget {
	display:block;
	height:0;
	padding-top:122px;
	overflow:hidden;
	width:308px;
	background:url(../images/btn_drivewearWidget.jpg) 0 0 no-repeat;
	margin-top:8px;
}
.btn_drivewearWidget:hover { background-position:0 -122px; }

/* .tabbedContent */
.tabbedContent {
	background:#000000;
}
.tabbedContent .pageContent {
	padding:51px 0 0 0;
	color:#fff;
}
.tabbedContent #ulTabs, .tabbedContent #ulTabs-drivewear {
	margin:0; padding:0;
	list-style:none;
}
.tabbedContent #ulTabs .tabList li { display:inline; }
.tabbedContent #ulTabs .tabList li a {
	float:left;
	display:block;
	height:0;
	padding-top:34px;
	overflow:hidden;
}
.tabbedContent #ulTabs-drivewear .tabList li a {
 	float:left;
	display:block;
	height:0;
	padding-top:65px;
	overflow:hidden;
	background-position: 0 0;
}
 
/* global panel styles */
.tabHolder h1 { font-size:45px; text-transform:uppercase; margin:0 0 12px 0; padding-top:20px; font-weight:normal;}
.tabHolder h2 { font-size:20px; color:#d1770e; text-transform:uppercase; margin:0 0 2px 0; font-weight:normal; }
.tabHolder h3 { font-size:14px; text-transform:uppercase; margin:0 0 6px 0; width:420px; }
.tabHolder p { font-size:14px; line-height:20px; margin:0 0 12px 0; width:420px; letter-spacing:0.6px; }
.tabHolder p.noH3 { margin-top:16px; }

.tabContent { clear:both; }

/*#tabs-2 h1, #tabs-3 h1, #tabs-4 h1, #tabs-5 h1 { background:url(../images/bg_h1Underline.gif) bottom left no-repeat; padding-bottom:8px;}*/
#tabs-2 h3, #tabs-3 h3, #tabs-4 h3, #tabs-5 h3 { margin-top:20px; }
#tabs-2 p, #tabs-3 p, #tabs-4 p, #tabs-5 p{ margin-bottom:20px; }
#tabs-2 p .caps { text-transform:uppercase; }


.tabHolder {
	background:url(../images/bg_tabHolder.gif) 0px 32px no-repeat;
}
.ui-tabs .ui-tabs-hide {
     display: none;
}
#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5 { clear:both; padding:0 28px; }

/* tab states */
#ulTabs .ui-state-default a { background-position: 0 -34px;}
#ulTabs .ui-state-active a{	background-position:0 0;}

.tabbedContent #ulTabs-drivewear .tabList li a:hover{	background-position: 0 -65px;}
.tabbedContent #ulTabs-drivewear .tabList .ui-state-active a { background-position: 0 -130px; }


/* Explore links */
#sub-header {
	clear: both;
	background:url(../images/bg_footerDiv.gif) no-repeat 0 0;
	padding-top:18px;
	float:left;
}

#ulSecondaryNav {
	background: #000;
	float: left;
	width: 960px;
	padding:0 10px;
}
#ulSecondaryNav li {
	float: left;
	padding: 0 3px;
}
#ulSecondaryNav li a {
	display: block;
	float: left;
	height: 0;
	overflow: hidden;
	padding-top: 175px;
	width: 307px;
}
#lnkChamp {
	background: url(../images/btnChampionship.jpg) 0 0 no-repeat;
}
#lnkBarclays {
	background: url(../images/btnBarclays.jpg) 0 0 no-repeat;
}
#lnkDemo {
	background: url(../images/btnDemo2.jpg) 0 0 no-repeat;
}
#lnkTeamGarmin {
	background: url(../images/btnTeamGarmin.jpg) 0 0px no-repeat;
}
#lnkChamp:hover, #lnkChamp.active,
#lnkBarclays:hover, #lnkBarclays.active,
#lnkDemo:hover, #lnkDemo.active,
#lnkTeamGarmin:hover, #lnkTeamGarmin.active {
	background-position: 0 -175px;
}

/* FOOTER */
#pre-footer {
	background: #000;
	color: #fff;
	float: left;
	padding: 20px 13px 0 13px;
	width: 934px;
	clear:both;
	display:none;
}
#pre-footer .left,
#pre-footer .center,
#pre-footer .right {
	float:left;
}
#pre-footer .center {
	width:229px;
	padding:2px 8px 0 10px;
}
#pre-footer .center ul li {
	margin-bottom:6px;
}
#pre-footer #talkToUs {
	display:block;
	height:0;
	width:229px;
	padding-top:126px;
	overflow:hidden;
	background:url(../images/btn_talkToUs.jpg) 0 0 no-repeat;
}
#pre-footer #talkToUs:hover {
	background-position: 0 -126px;
}
#pre-footer #forEyecareProfessionals {
	display:block;
	height:0;
	width:229px;
	padding-top:81px;
	overflow:hidden;
	background:url(../images/btn_forEyecareProfessionals.jpg) 0 0 no-repeat;
}
#pre-footer #forEyecareProfessionals:hover {
	background-position: 0 -81px;
}
#pre-footer .right {
	padding-top:2px;
}
#pre-footer .right div {
	background:url(../images/bg_whereToGet.jpg) 0 0 no-repeat;
	width:229px;
	height:213px;
}
#pre-footer .right div span {
	display:block;
	color:#fff;
	padding:28px 0 0 15px;
}
#pre-footer .right div span a {
	color:#75bbf7;
}

#footer {
	background: #000 url(../images/bgFooter.jpg) center 96px no-repeat;
	clear: left;
	color: #474747;
	padding-top: 192px;
	padding-bottom:30px;
	text-align: center;
	width: 960px;
}
#footer p {
	margin: 0 auto;
	width: 530px;
}
#ulFooter, #ulTerms {
	text-align: center;
}
#ulFooter li, #ulTerms li {
	display: inline;
}
#ulFooter {
	margin-bottom: 40px;
}
#ulFooter li {
	padding: 0 22px;
}
#ulFooter a {
	color: #818181;
	text-decoration: none;
	text-transform: uppercase;
}
#ulTerms {
	padding-bottom: 15px;
}
#ulTerms a {
	color: #474747;
}

/* Navigation */
#leftCorner {
	background: url(../images/bgNavLeftSide.png) 0 0 no-repeat;
	float: left;
	width: 43px;
	height: 44px;
}
#rightCorner {
	background: url(../images/bgNavRightSide.png) 0 0 no-repeat;
	float: left;
	width: 54px;
	height: 44px;	
}
#menuDropShadow {
	clear:both;
	position:absolute;
	top:44px;
	left:0;
	z-index:150;
}
#ulMainNav li {
	float: left;
}
#ulMainNav li a {
	display: block;
	float: left;
	height: 0;
	overflow: hidden;
	padding-top: 44px;
}
#ulMainNav li a#lnkHome {
	background: url(../images/lnkHome.jpg) 0 0 no-repeat;
	width: 252px;
}
#ulMainNav li a#lnkTechnology {
	background: url(../images/lnkTechnology.jpg) 0 0 no-repeat;
	width: 152px;
}
#ulMainNav li a#lnkTryThem {
	background: url(../images/lnkTryThemOut.jpg) 0 0 no-repeat;
	width: 162px;
}
#ulMainNav li a#lnkBeInTheKnow {
	background: url(../images/lnkBeInTheKnow.jpg) 0 0 no-repeat;
	width: 172px;
}
#ulMainNav li a#lnkWhereToGetThem {
	background: url(../images/lnkWhereToGetThem.jpg) 0 0 no-repeat;
	width: 175px;
}
#ulMainNav li a#lnkHome:hover, .home #ulMainNav li a#lnkHome,
#ulMainNav li a#lnkTechnology:hover, .technology #ulMainNav li a#lnkTechnology,
#ulMainNav li a#lnkTryThem:hover, .TryThemOut #ulMainNav li a#lnkTryThem,
#ulMainNav li a#lnkBeInTheKnow:hover, .BeInTheKnow #ulMainNav li a#lnkBeInTheKnow, 
#ulMainNav li a#lnkWhereToGetThem:hover, .WheretoGetThem #ulMainNav li a#lnkWhereToGetThem {
	background-position: 0 -43px;
}
#ulMainNav li a#lnkTechnology.active,
#ulMainNav li a#lnkTryThem.active, 
#ulMainNav li a#lnkBeInTheKnow.active, 
#ulMainNav li a#lnkWhereToGetThem.active {
	background-position: 0 -87px;
}


/* body background and ajaxcontainer changes */
body.TermsandConditions #content.termsAndConditions, 
body.PrivacyPolicy #content.privacyPolicy, 
body.PrivacyPolicy .privacyPolicy, 
body.TermsandConditions .termsAndConditions {
	background: #000;
	color: #fff;
	padding: 50px 30px 30px 30px;
}
body.TermsandConditions #content.termsAndConditions p, 
body.PrivacyPolicy #content.privacyPolicy p {
	font-size: 14px;
	margin: 10px 0;
	width: 900px;
}
body.TermsandConditions #content.termsAndConditions a, 
body.PrivacyPolicy #content.privacyPolicy a {
	color: #fff;
}

/** firefox 2 news release bug **/
.firefox2 #ulNews li span {
	width: 240px;
}
.firefox2 #ulNews li span.comingSoon {
	margin-top: -15px;
	width: 185;
}
.win.firefox2 #ulNews li span.comingSoon {
	margin-top: -18px;
}



/* SOLFX 2.0 */
#pnlSubNav {
	clear:both;	
	position:absolute;
	z-index:100;
	left:0;
	top:44px;
	width:910px;
}
#subNavHolder {
	margin:0 0 0 155px;
	height:35px;
	background:url(../images/bg_subNav.png) 0 0 no-repeat;
}
#subNavLeftCorner {
	/*background: url(../images/subNav_leftCorner.png) 0 0 no-repeat;*/
	float: left;
	height: 35px;
	width: 49px;
}
#subNavRightCorner {
	/*background: url(../images/subNav_rightCorner.png) 0 0 no-repeat;*/
	float: left;
	height: 35px;
	width: 49px;
}
.BeInTheKnow #subNavHolder{
	display:none;
}
#ulSubNav a {
	display: block;
	float: left;
	height: 0;
	overflow: hidden;
	padding-top: 35px;
}
#ulSubNav li {
	float: left;
	height:35px;
}
#lnkLabelSports {
	width:70px;
}
	#lnkPedal {
		background:url(../images/nav_pedal.gif) 0 0 no-repeat;
		width:43px;
	}
	#lnkTrail {
		background:url(../images/nav_trail.gif) 0 0 no-repeat;
		width:40px;
	}
	#lnkCourse {
		background:url(../images/nav_course.gif) 0 0 no-repeat;
		width:52px;
	}
#lnkLabelSpecialty {	
	width:105px;
}
	#lnkRoad {
		background:url(../images/nav_road.gif) 0 0 no-repeat;
		width:39px;
	}
	#lnkWater {
		background:url(../images/nav_water.gif) 0 0 no-repeat;
		width:46px;
	}
	#lnkRange {
		background:url(../images/nav_range.gif) 0 0 no-repeat;
		width:62px;
	}
#lnkLabelStyle {	
	width:59px;
}
	#lnkLook {
		background:url(../images/nav_look.gif) 0 0 no-repeat;
		width:45px;
	}	
#lnkPedal:hover, .pedal #lnkPedal { background-position: 0 -35px; }
#lnkTrail:hover, .trail #lnkTrail {	background-position: 0 -35px; }
#lnkCourse:hover, .course #lnkCourse { background-position: 0 -35px; }
#lnkRoad:hover, .road #lnkRoad {	background-position: 0 -35px; }
#lnkWater:hover, .water #lnkWater {	background-position: 0 -35px; }
#lnkRange:hover, .range #lnkRange { background-position: 0 -35px; }
#lnkLook:hover, .look #lnkLook { background-position: 0 -35px; }

/* Available Products */
#availableProducts {
	clear:both;
	background:#000 url(../images/hdr_availableProducts.gif) 0 18px no-repeat;
	padding-top:55px;
	display:none;
}
#ulAvailableProducts {
	background: #000;
	float: left;
	width: 960px;
}
#ulAvailableProducts li {
	float: left;
	padding: 0 0;
}
#ulAvailableProducts li a.productLink {
	display: block;
	float: left;
	height: 0;
	overflow: hidden;
	padding-top: 109px;
	width: 320px;
}
#lnkRXProducts {
	background:url(../images/btnRXProducts.jpg) 0 0 no-repeat;
}
#lnkNonRXProducts {
	background:url(../images/btnNonRXProducts.jpg) 0 0 no-repeat;
}
#ulAvailableProducts li a:hover,
#ulAvailableProducts li a.active {
	background-position: 0 -109px;
}

/*  Product Button Carousel  */
#sub-header .carouselHolder {
	color:#fff;
	width:320px;
	overflow:hidden;
	position:relative;
	display:block;
	margin-top:35px;
}
#sub-header .carouselHolder li {
	width:320px;
	height:109px;
}
#sub-header .carouselHolder li a{
	padding:0;
	height:auto;
}
#sub-header .carouselControls a {
	width:15px;
	height:0;
	padding-top:17px;
	overflow:hidden;
	z-index:100;
}
#sub-header .carouselControls a.prev {
	position:absolute;
	top:46px;
	left:12px;
	background:url(../images/btn_carouselLeft.gif) 0 0 no-repeat;
}
#sub-header .carouselControls a.next {
	position:absolute;
	top:46px;
	right:12px;
	background:url(../images/btn_carouselRight.gif) 0 0 no-repeat;
}
#sub-header .carouselControls a:hover {
	background-position: 0 -17px;
}
#sub-header #carouselSquares {
	position:absolute;
	top:90px;
	left:85px;
	height:10px;
	width:150px;
	display:block;
	/*background:url(../images/bg_carouselSquares.gif) 0 0 no-repeat;*/
	z-index:100;
	overflow:hidden;
}
#carouselSquares .square{
	height:9px;
	width:9px;
	background:#303030;
	display:block;
	margin:0 3px;
	float:left;
}
#sub-header #carouselSquares .active{
	background:#ffffff;
}
/*#sub-header #carouselSquares.squarePos1 { background-position: 0 0; }
#sub-header #carouselSquares.squarePos2 { background-position: 0 -11px; }
#sub-header #carouselSquares.squarePos3 { background-position: 0 -22px; }
#sub-header #carouselSquares.squarePos4 { background-position: 0 -33px; }
#sub-header #carouselSquares.squarePos5 { background-position: 0 -44px; }*/



/* QuickLinks (Side) */
#quickLinks {
	display:block;
	height:245px;
	margin:0;
	padding:0;
	position:absolute;
	right:-6px;
	top:60px;
	clear: both;
}
#quickLinks {
	background: url(../images/twig_hack.gif) no-repeat;
	background-position: 0px 5px;
}
#quickLinks a, #quickLinks img{
	border:none;
}
#quickLinks a{
	display:block;
	width:36px;
	position:relative;
}
#quickLinks .lang {
	margin-top:20px;
	background: url(../images/twig_hack2.gif) no-repeat;
	background-position: 0px 5px;
}
#quickLinks .lang .espBtn{
	_margin-top:-3px;
}

/* temp panel heights */
#content.water #tabs-1 { height:500px; }
#content.look #tabs-1 { height:480px; }

/* HEADLINES */
#content h1.pageTitle, .tabHolder h1{
	width:100%;
	padding-top:121px;
	height:0px;
	display:block;
	_text-indent:-5000px;
	_height:101px;
	_padding-top:0;
	overflow:hidden;
	background: 0 20px no-repeat;
	position:relative;
}
.technology #content h1.pageTitle{	background-image: url(../images/headings/technology_head.gif);}
.BeInTheKnow #content h1{	background-image: url(../images/headings/beintheknow_head.png);}
.WheretoGetThem #content h1{	background-image: url(../images/headings/wheretogetthem_head.png); padding-top:50px;}
.pedal .tabHolder #tabs-1 h1{		background-image: url(../images/headings/pedal_head.gif); padding-top:75px;_height:75px;_padding-top:0;}
.pedal .tabHolder #tabs-2 h1{		background-image: url(../images/headings/pedal_trail_irx_head.gif);}
.pedal .tabHolder #tabs-3 h1{		background-image: url(../images/headings/oakley_head.gif);}
.trail .tabHolder #tabs-1 h1{		background-image: url(../images/headings/trail_head.gif); padding-top:75px;_height:75px;_padding-top:0;}
.trail .tabHolder #tabs-2 h1{		background-image: url(../images/headings/pedal_trail_irx_head.gif);}
.trail .tabHolder #tabs-3 h1{		background-image: url(../images/headings/oakley_head.gif);}
.trail .tabHolder #tabs-4 h1{		background-image: url(../images/headings/trail_colorEnhanced_hdr.gif);}
.course .tabHolder #tabs-1 h1{		background-image: url(../images/headings/course_head.gif); padding-top:75px;_height:75px;_padding-top:0;}
.course .tabHolder #tabs-2 h1{		background-image: url(../images/headings/course_definity_head.gif);}
.course .tabHolder #tabs-3 h1{		background-image: url(../images/headings/oakley_head.gif);}
.course .tabHolder #tabs-4 h1{		background-image: url(../images/headings/course_neox_head.gif);}
.road .tabHolder #tabs-1 h1{		background-image: url(../images/headings/road_head.gif); padding-top:75px;_height:75px;_padding-top:0;}
.road .tabHolder #tabs-3 h1{		background-image: url(../images/headings/road_bell_head.gif);}
.road .tabHolder #tabs-5 h1{		background-image: url(../images/headings/road_lazer_head.gif);}
.road .tabHolder #tabs-4 h1{		background-image: url(../images/headings/road_shield_head.gif);}
.road .tabHolder #tabs-dw1 h1{		background-image: url(../images/headings/road_drivewear_head.gif); padding-top:75px;_height:75px;_padding-top:0;}
.road .tabHolder #tabs-dw2 h1{		background-image: url(../images/headings/road_whatisdrivewear_head.gif); padding-top:75px;_height:75px;_padding-top:0;}
.road .tabHolder #tabs-dw3 h1{		background-image: url(../images/headings/road_driveweartestimonials_head.gif); padding-top:75px;_height:75px;_padding-top:0;}
.water .tabHolder #tabs-1 h1{		background-image: url(../images/headings/water_head.gif); padding-top:75px;_height:75px;_padding-top:0;}
.water .tabHolder #tabs-2 h1{		background-image: url(../images/headings/water_irx_head.gif); padding-top:75px;_height:75px;_padding-top:0;}
.range .tabHolder #tabs-1 h1{		background-image: url(../images/headings/range_head.gif); padding-top:75px;_height:75px;_padding-top:0;}
.range .tabHolder #tabs-2 h1{		background-image: url(../images/headings/range_autumngold_head.gif); padding-top:75px;_height:75px;_padding-top:0;}
.style .tabHolder #tabs-1 h1{		background-image: url(../images/headings/look_head.gif); padding-top:75px;_height:75px;_padding-top:0;}