@import url('/App_Themes/WhiteFooterLinks.css');
body {
margin:0;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#004A00;
text-align:center;
}
/*
background-image:url(/App_Themes/Basin/images/page_bg.jpg);
background-repeat:repeat-x;
*/

a {
color:#004A00;
}

h1 {
font-size:14px;
}

img {
border:none;
}

.clear {
clear:both;
}

.displayNone {
display:none;
}

.floatLeft {
float:left;
}

.floatRight {
float:right;
}
.autoCenter
{
    margin:auto;
}
.GeoTrust
{
    width:115px;
    height:55px;
} 
div#container 
{
    margin-left:auto;
    margin-right:auto;
    width:1000px;
    text-align:left;
}
.mainHeader
{
    background-image:url(/HomeBanner.ashx);
    background-color:#014009; 
    width:1000px; height:138px;margin :0;
}
.mainHeaderEvo
{
    background-image:url(/images/banners/evolution/evolution.jpg);
}
.mainHeaderOOB
{
    background-image:url(/images/banners/oob/oob.jpg);
}
.mainHeaderTrueWheels
{
    background-image:url(/images/banners/truewheels/truewheels.jpg);
}
#headerT a img 
{
    padding:0;
    margin:0 0 -2px;
}

#headerM 
{
    background-image:url(/App_Themes/Basin/images/header_M.jpg);
    background-repeat:no-repeat;
    width:1000px;
    height:38px;
}

 #tNav {
padding-top:7px;
padding-left:55px;
}

 #tNav a 
 {
     font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;

color:#F9E8BC;
text-decoration:none;
margin-right:15px;
}

 #tNav a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#cc9966;
text-decoration:underline;
}
.freeShipping
{
    cursor:pointer;
    font-weight:bold;
    margin-top:93px;
    margin-left:50px;
    color:#F9E8BC;
    font-size:14px;
}
.freeShipping span
{
    font-size:12px;
}
#aFreeShipping
{
        color:#F9E8BC;

}
#headerB 
{
    background-image:url(/App_Themes/Basin/images/header_B.jpg);
    background-repeat:no-repeat;
    width:1000px;
    height:16px;
}

#inpSearch 
{
    width:120px;
    margin-left:10px;
}

#btnSearch {
    border:none;
    background-color:#84a614;
    color:White;
    font-weight:bold;
    width:30px;
}

#divSearch,.citySearch 
{
    margin-top:-2px;
    margin-left:10px;
    position:absolute;
    border:solid 1px gray;
    background-color:White;
}

a.searchItem 
{
    cursor:pointer;
    padding:2px;
    display:block;
    border-bottom:solid 1px gray;
    text-decoration:none;
}

a.searchItem:hover,a.searchItemSelect 
{
    background-color:#aebc99;
}

#content {
 padding-top:10px;
background-image:url(/App_Themes/Basin/images/content_bg.jpg);
background-repeat:repeat-y;

}

div#lNav {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#004a00;
text-decoration:none;
position:relative;
display:inline;
float:left;


}


#lNav img {
display:block;
}

#lNav .catTree {
background-color:#cccccc;
width:172px;
}

#lNav .catTree b {
text-transform:uppercase;
color:#003300;
font-size:13px;
padding:5px;
}

#lNav .catTree ul {
list-style-type:none;
margin-left:15px;
padding-left:0;
margin-top:0;
margin-bottom:0;
padding-bottom:0;
}

#lNav .catTree hr {
margin-bottom:2px;
color:White;
}

#lNav a {
color:#004a00;
text-decoration:none;
font-weight:bold;
}

#lNav a:hover {
color:#F9E8BC;
}

#lNav #lAddress {
margin-left:15px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#004a00;
text-decoration:none;
}

.hideChild ul
{
    display:none;
}

#contentBody {
margin-right:50px;
position:relative;
display:inline;
float:right;

}

#footer {
background-image:url(/App_Themes/Basin/images/footer.jpg);
background-repeat:no-repeat;
height:38px;
width:1000px;
}

#footerLinks {
text-align:center;
}

/*************************[ LOGIN ]****************/
.loginBox {
width:300px;
float:right;
text-align:right;
padding-right:300px;
}

.loginBox h1 {
margin-bottom:3px;
}

.loginBox div {
margin-bottom:5px;
}

.loginBox div label {
font-weight:bold;
cursor:pointer;
}

.Error {
color:Red;
}

.loginBox div.loginAccount {
text-align:left;
margin-left:70px;
}

.txtField {
border:solid 1px gray;
}

.emailField {
width:200px;
}

.addressField {
width:250px;
}

.btn {
border:none;
background-color:#84a614;
color:White;
font-weight:bold;
padding:5px;
border:solid 2px #196133;
}

.loginBox #loginProgress {
margin:10px;
}

.loginBox #loginResult {
color:Red;
font-weight:bold;
}

.loginStrength {
width:12px;
height:12px;
background-image:url(/images/icons/null.gif);
}

.loginStrong {
background-image:url(/images/icons/strong.gif);
}

.loginMedium {
background-image:url(/images/icons/medium.gif);
}

.loginWeak {
background-image:url(/images/icons/weak.gif);
}
/*********************[my account]********************/

#tblOrderHistory, .orderDetail{
   border-collapse:collapse;
    width:100%;
    border:dashed 1px gray;
    padding:5px 5px 5px 5px;
    
}
#tblOrderHistory h1{
 margin-bottom:2px;
}
      .important{
          font-style:italic;
          font-size:12px;
          font-weight:bold;
      }
.orderShow{
    background-image:url(/images/icons/treeshow.gif);
    width:16px;
    height:16px;
}
.orderHide{
    background-image:url(/images/icons/treehide.gif);
    width:16px;
    height:16px;
}                   
.orderLoading{
     background-image:url(/images/icons/treeloading.gif);
    width:16px;
    height:16px;
}   
.orderId, .detailsRowId{
    display:none;
}
tr.darkRow,tr.darkRowDetail{
 background-color:#ebebeb;
 cursor:pointer;
}

tr.lightRow{
 cursor:pointer;
}
tr.lightRow:hover,tr.darkRow:hover{
    background-color:#f5ffd6;
    }
/***************************[ CART ] **************/
.money,.right,.cartItemLineTotal,.cartItemPrice {
text-align:right;
}

.qty {
width:25px;
border:solid 1px #333;
}

.cartItemDelete {
cursor:pointer;
}

#tblCart {
width:100%;
}

.productNotAvailable {
font-weight:bold;
color:Red;
}

/***************************[ CheckOut ]*************/
.checkOut div label {
font-weight:bold;
}

.checkOut h1 {
margin-bottom:2px;
}

.checkOut #divBillingAddress,.checkOut #divShippingAddress,.checkOut #divInternationalAddress {
float:left;
border:dashed 1px gray;
padding:5px;
margin:5px;
}

.checkOut #divPaymentInfo,.checkOut #divOrderReview {
border:dashed 1px gray;
padding:5px;
margin:5px;
}

#tblOrderDetails {
width:100%;
}

.invalid {
width:16px;
height:16px;
}

.valid {
background-image:url(/images/icons/valid.gif);
width:16px;
height:16px;
}

.help {
background-image:url(/images/icons/help.gif);
width:16px;
height:16px;
}

.threeDigitField {
width:26px;
}

.fourDigitField {
width:39px;
}

#btnGoToStep2, #btnGoToStep3 {
float:right;
}

.zoomCursor {
cursor:url(/images/cursor/zoomin.cur), pointer;
}

.addressControl tr th {
text-align:left;
}

.addressControl tr td {
 vertical-align:top;
}
.left {
text-align:left;
}

/***************************[ Category ]**************/
#divProductName
{
    height:30px;
    width:240px;
}
#divProductText
{
    height:40px;
    width:240px; 
}

.strike {
text-decoration:line-through;
}

.salePrice {
color:Red;
}

.storeInfo {
margin:20px 0;
width:730px;
}

.storeInfo img {
float:left;
padding-right:50px;
}

.brandTile {
width:240px;
height:200px;
text-align:center;
float:left;
border:solid 2px white;
cursor:pointer;
 text-align:center;
}

.brandTile:hover {
border:solid 2px gray;
}

.brandTile img {
 margin:auto;
margin-bottom:3px;
display:block;

}

.brandTile a {
width:100%;
color:Gray;
}

.brandTile a b {
display:block;
font-size:16px;
text-decoration:none;
}

.categoryTile {
width:235px;
text-align:center;
float:left;
border:solid 1px white;
cursor:pointer;
padding:3px;
}

.categoryTile:hover {
border:solid 1px #7d915d;
}

/***************************[ Product ]**************/
.productDetail {
width:704px;
padding:10px 15px 15px;
}

#txtProductId,#txtProductColors,#txtQuantity,.cartItemGuid {
display:none;
}

#tblProduct {
width:320px;
float:right;
}

#tblProduct tr th {
vertical-align:top;
}

.UnitPrice {
    font-size:16px;
    font-weight:bold;
}
.UnitPriceMarkdown{
    color:Red;
}

#spanSavings {

font-weight:bold;
}

#productImage {
float:left;
}

#productZoom img {
cursor:pointer;
}

.productImageThumb {
cursor:pointer;
border:solid 2px #186134;
margin-right:2px;
}

.msgBox {
text-align:left;
border:solid 2px #f4e291;
background-color:#fff3be;
padding:5px;
}

.msgBox h2 {
margin-top:1px;
margin-bottom:3px;
font-size:14px;
}
.small{
    font-size:8px;
}
.productSpecs th{
 vertical-align:top;
 }

.flashControl
{
    width:320px;
    height:240px;
    
    margin-bottom:20px;
}
.flashPlaceholder{
    width:320px;
    height:240px;
    margin-bottom:20px;
    background-image:url(/images/flashPlaceholder.gif);

}
.MagicZoomBigImageCont {
	border:			1px solid #91b817;
}
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#91b817;
	text-align:     center !important; 
}
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
}
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; 
}
.MagicZoomLoading img {
	padding-top:	3px !important;
}
.MagicThumb-caption {
    		font-size: 14px;
    	}
    	/* ©2008 MagicToolbox.com. To use this code on your own site, visit http://www.magictoolbox.com */

/* CSS class for thumbnail link <A> */
.MagicThumb {
    cursor: url(cursor/zoomin.cur), pointer;
    outline: none;
}

/* CSS class for the thumbnail link <A> when the big image is zoomed */
.MagicThumb-zoomed { cursor: default; }

/* CSS class for span inside the thumbnail <A> */
a.MagicThumb span { display: none; }

/* CSS class for the thumbnail image */
.MagicThumb img { border: 1px solid #808080; outline: none; }

/* CSS class for the big image while zooming */
.MagicThumb-image { border: 1px solid #cccccc; outline: none; }

/* CSS class for the zoomed big image */
.MagicThumb-image-zoomed { cursor: url(cursor/zoomout.cur), pointer; }

/* CSS class for the caption under the big zoomed image */
.MagicThumb-caption {
    color: #333333;
    background-color: #F0F0F0;
    border: 1px solid #CCCCCC;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 11px;
    padding: 8px 16px;
}

/* CSS class for the control bar */
.MagicThumb-controlbar {
	display: block;
	height: 18px;
}

.MagicThumb-controlbar a {
	display: block;
	width: 18px;
	height: 18px;
	margin: 0px 1px;
	outline: none;
	float: left;
	overflow: hidden;
}

.MagicThumb-controlbar a span {
	display: block;
	width: 1000px;
	height: 1000px;
	background: transparent url(/images/controlbar.png) no-repeat 0 0;
	outline: none;
	position: absolute;
	left: 0px;
	top: 0px;
}

/***************************[ TOOL TIP ]**************/
#toolTip {
position:absolute;
left:-300px;
text-align:left;
border:solid 1px #baa067;
padding:2px;
background-color:White;
/* background-image:url('/images/ddbg.gif');
    background-repeat:repeat-x;*/
background-position:bottom;
visibility:hidden;
z-index:1000;
font-size:10pt;
}

#toolTipPointer {
position:absolute;
left:-300px;
z-index:1001;
visibility:hidden;
}

.toolTipImg {
display:block;
padding:3px;
}

/*******************************[ LINKS PAGE ]***************/
.linksContainer h1 {
font-size:18px;
}

.linksContainer a {
float:left;
padding:15px;
display:block;
margin-bottom:10px;
text-decoration:none;
}

.linksContainer a b {
font-size:14px;
display:block;
}

/****************************[ HOME ]********************/


#trPictureLinks td {
text-align:center;
}

#trPictureLinks td b {
font-size:12px;
display:block;
margin:10px 0 7px;
text-transform:uppercase;
}
@import url('/App_Themes/whiteFooterLinks.css');


.homeSpace {
width:10px;
background-color:#e5e5e5;
}

.searchResults a {
display:block;
height:100px;
padding:5px;
margin-left:30px;
margin-right:30px;
font-size:18px;
text-decoration:none;
border:solid 3px white;
}

.searchResults a:hover {
border:solid 3px gray;
}

.searchResults a b {
vertical-align:top;
margin-left:20px;
}
.photoFooter{
 margin-top:10px;
    width:738px; 
    height:150px;
}

/*******************[Driving directions]***************/
#tblDirections {
width:100%;
}

#tblDirections tr td,#tblDirections tr th {
vertical-align:top;
}


/*******************[Ski Boots]***************/
.basinSkiBoots span
{
    width:500px;
    float:left;
}
.basinSkiBoots img
{
    float:right;
}
#trueWheelsContainer
{
     width:100%;
}
#trueWheelsLeft
{
    display:inline;
    float:left;
    width:220px;
}
#trueWheelsBody
{ 
    display:inline;
    float:right;
}
.trueWheelsStaff a{
    float:left;
    text-align:center;
    margin:0px 5px 15px 5px;
    font-weight:bold;
    font-size:12px;
}
.trueWheelsStaff a img{
    display:block;
}



/*****************************[TABS]*********************/
.shadetabs {
padding:3px 0;
margin-left:5px;
margin-top:1px;
margin-bottom:0;
font:bold small Verdana;
list-style-type:none;
text-align:left;
/*set to left, center, or right to align the menu as desired*/
}

.shadetabs li {
display:inline;
margin:0;
}

.shadetabs li a {
text-decoration:none;
padding:3px 7px;
margin-right:3px;
border:1px solid #e4d8b3;
color:#5c0202;
background:white url(/images/shade.gif) top left repeat-x;
}

.shadetabs li a img {
padding-right:4px;
margin-bottom:-2px;
}

.shadetabs li a:visited {
color:#5c0202;
}

.shadetabs li a:hover {
text-decoration:underline;
background-image:url(/images/shadeactive.gif);
text-decoration:none;
}

.shadetabs li.selected {
position:relative;
top:1px;
}

/*selected main tab style */
.shadetabs li.selected a {
background-image:url(/images/shadeactive.gif);
border-bottom-color:white;
}

/*selected main tab style */
.shadetabs li.selected a:hover {
text-decoration:none;
}

/*style of tab content onlisting display page*/
.tabDisplay {
border:1px solid #e4d8b3;
width:100%;
height:100%;
background-color:White;
padding:10px;
}

.tabcontent {
display:none;
height:100%;
}

/*  Lightbox */
  /* 
.black_overlay
{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
  background-image:url(/images/lightBoxBG.gif); 
    z-index:1001;

  background-color: black; 
  -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);

}
.white_content {
    display: none;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    padding: 16px;
    border: 16px solid gray;
    background-color: white;
    z-index:1002;
    overflow: auto;
}
*/


/*************************[Rating]********************/
div#reviewBox 
{

}
div#reviewBox b
{
    font-size:14px;
}
div#reviewBox table tr
{
    height:30px;
}
div#reviewBox table tr th, div#reviewBox table tr td
{
 vertical-align:top;
}
.starOn
{
    width:16px;
    height:16px;
    background-image:url(/images/starOn.png);
}
.starOff
{
    width:16px;
    height:16px;
    background-image:url(/images/starOff.png);
}
#divRating
{
    width:100px;
    height:16px;
        background-image:url(/images/starsNone.png);   
}
#divRating div
{
    display:inline;
    float:left;
}
.starsOn
{
    height:16px;
    background-image:url(/images/starsOn.png);
    background-position:left;
}
.starsOff
{
    height:16px;
    background-image:url(/images/starsOff.png);
    background-position:right;
}