@charset "utf-8";
/* CSS Document */

@import url("../../_css/globalA.css");


/* ============================*/
/* THEME INSTRUCTION */
/* ============================*/
/* Page Styles */
body {
	background-image: url(../_img/interface/bkg_tile3.jpg);
	background-repeat: repeat;
}
h1{height: 110px;}
h1 a{
	height:0px !important; 
	height /**/:59px; /* for IE5/Win only */
	background-image: url(../_img/interface/logo_header.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 170px;
	padding: 62px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	top:20px;
	left:55px;
}

/* ============================*/
/* CONTENT AREA */
/* ============================*/
#contentArea{
	width: 831px;
	margin-left: 50px;
}
#contentArea h2{display: none;}


/* ============================*/
/* INTERIOR CONTENT AREA */
/* ============================*/
#contentArea_main{
	background-image: url(../_img/interface/contentArea_mid.png);
	background-repeat: repeat;
	background-position: 0px 17px;
	padding-left: 175px;
	margin-top: 10px;
	position: relative;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 150px;
	color: #000;
	z-index: 2;
}
/*\*/ * html #contentArea_main { background-image: url(../_img/interface/contentArea_mid.jpg); } /* defend against repeating png background in IE6 */

#bkg_top{
	background-image: url(../_img/interface/contentArea_top.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	width: 831px;
	height: 17px;
	display: block;
	left: 0px;
	top: 0px;
}
#bkg_low{
	background-image: url(../_img/interface/contentArea_low.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 8px;
	width: 831px;
}

#footer{
	color: #CCC;	
}

/* ============================*/
/* INTERIOR CONTENT AREA */
/* ============================*/
#header h2{
	display: none;
}
#referenceArea{}
#referenceArea li{
	position: absolute;	
}
#referenceArea li a{
	height: 18px;
	width: 126px;
	float: left;
	background-image: url(../_img/mmItemBkg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	padding-top: 4px;
}


#refPhone{
	height:0px !important;
	height /**/:30px; /* for IE5/Win only */
	padding: 30px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 690px;
	top: 8px;
	width: 159px;
	background-image: url(/_img/headers/toolbarLight/phoneNumber.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refContact{}
#refContact a{
	height:0px !important;
	height /**/:14px; /* for IE5/Win only */
	padding: 14px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 800px;
	top: 40px;
	width: 54px;
	background-image: url(/_img/headers/toolbarLight/contact.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refContact a:hover{background-position: 0px -14px;}

#refLocations{}
#refLocations a{
	height:0px !important;
	height /**/:14px; /* for IE5/Win only */
	padding: 14px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 732px;
	top: 40px;
	width: 68px;
	background-image: url(/_img/headers/toolbarLight/locations.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refLocations a:hover{background-position: 0px -14px;}

#refAboutUs{}
#refAboutUs a{
	height:0px !important;
	height /**/:14px; /* for IE5/Win only */
	padding: 14px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 673px;
	top: 40px;
	width: 59px;
	background-image: url(/_img/headers/toolbarLight/about.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refAboutUs a:hover{background-position: 0px -14px;}

#refResources{}
#refResources a{
	height:0px !important;
	height /**/:14px; /* for IE5/Win only */
	padding: 14px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 610px;
	top: 40px;
	width: 63px;
	background-image: url(/_img/headers/toolbarLight/resources.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refResources a:hover{background-position: 0px -14px;}

#refCalgary{}
#refCalgary a{
	height:0px !important;
	height /**/:14px; /* for IE5/Win only */
	padding: 14px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 146px;
	top: 85px;
	width: 53px;
	background-image: url(/_img/headers/calgary.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refCalgary a:hover{background-position: 0px -14px;}

#refSmithers{}
#refSmithers a{
	height:0px !important;
	height /**/:14px; /* for IE5/Win only */
	padding: 14px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 89px;
	top: 85px;
	width: 55px;
	background-image: url(/_img/headers/smithers.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refSmithers a:hover{background-position: 0px -14px;}


#mmProducts a{
	height:0px !important;
	height /**/:46px; /* for IE5/Win only */
	padding: 46px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 390px;
	top: 65px;
	width: 157px;
	background-image: url(../_img/interface/tab_products.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#mmInstruction a{
	height:0px !important;
	height /**/:46px; /* for IE5/Win only */
	padding: 46px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 550px;
	top: 65px;
	width: 157px;
	background-image: url(../_img/interface/tab_instruction.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#mmAdventureTours a{
	height:0px !important;
	height /**/:46px; /* for IE5/Win only */
	padding: 46px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 710px;
	top: 65px;
	width: 157px;
	background-image: url(../_img/interface/tab_tours.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#mmHome{
	position: absolute;
	left: 0px;
	top: 90px;
	height: 25px;
	width: 50px;
}
#mmResources a{
	height:0px !important;
	height /**/:115px; /* for IE5/Win only */
	padding: 115px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 8px;
	top: 130px;
	width: 43px;
	background-image: url(../_img/interface/tab_resources.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#mmRentals a{
	height:0px !important;
	height /**/:115px; /* for IE5/Win only */
	padding: 115px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 8px;
	top: 250px;
	width: 43px;
	background-image: url(../_img/interface/tab_rentals.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#productList{
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 5;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #036;
	padding-right: 20px;
	padding-bottom: 40px;
}
#productList h2{}
#productList ul{
	margin-left: 10px;
	margin-top: 50px;
}
#productList li{}
#productList li a:link,
#productList li a:visited{
	text-decoration: none;
	color: #000;
}
#productList li a:focus,
#productList li a:hover{
	border-bottom: dotted 1px #000;
}
#productList .heading{
	color: #069;
	font-size: 11px;
	text-transform: uppercase;
	margin-top: 10px;
	font-weight: bold;
}
#productList .item{
	font-size: 11px;
	color: #CCC;
}
#productList .item a:link,
#productList .item a:visited{
	text-decoration: none;
	color: #000;
}
#productList .item a:focus,
#productList .item a:hover{
	border-bottom: dotted 1px #000;
}

#products_breadcrumbs{
	font-size: 11px;
	height: 20px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#products_breadcrumbs ul{}
#products_breadcrumbs li{
	float: left;
	padding-right: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	padding-left: 5px;
}
#products_breadcrumbs .homeElement{
	border-left: none;
	padding-left: 0px;
}
#products_breadcrumbs li a:link,
#products_breadcrumbs li a:visited{
	text-decoration: none;
	color: #036;
}
#products_breadcrumbs li a:focus,
#products_breadcrumbs li a:hover{
	border-bottom: dotted 1px #036;
}


/* ============================*/
/* PRODUCTS LANDING */
/* ============================*/
.productFeatureImg{border:solid 1px #000;}

#categoriesDisplay{
	height: 350px;
	width: 440px;
	padding-top: 10px;
}
#categoriesDisplay ul{}
#categoriesDisplay li{
	float: left;
	height: 100px;
	width: 200px;
	border: 1px solid #666;
	margin-bottom: 10px;
	margin-right: 10px;
	background-color: #FFF;
}

#saleFeature{
	position: absolute;
	left: 655px;
	top: 280px;
	width: 160px;
	padding-bottom: 20px;
	border: 1px solid #666;
}
#saleFeature h3{
	font-size: 10px;
	text-transform: uppercase;
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	background-color: #036;
	font-weight: bold;
	color: #FFF;
}
#saleFeature ul{
	position: relative;
}
#saleFeature li{
	font-size: 11px;
	padding: 2px;
}
#saleFeature li .salePrice{
	position: absolute;
	right: 5px;
}
#saleFeature .saleMore{
	position: absolute;
	right: 5px;
}
#saleFeature li a:link,
#saleFeature li a:visited{
	text-decoration: none;
	color: #900;
	width: 200px;
}
#saleFeature li a:focus,
#saleFeature li a:hover{
	border-bottom: dotted 1px #036;
}

#orderOnline{
	font-size: 11px;
	color: #666;
	font-style: italic;
	margin-top: 20px;
	padding-right: 20px;
}
#orderOnline a:link,
#orderOnline a:visited{
	color: #F60;
	border-bottom: dotted 1px #F60;
	text-decoration: none;
}
#orderOnline a:focus,
#orderOnline a:hover{
	color: #F30;
	border-bottom: dotted 1px #F30;
}

/* ============================*/
/* PRODUCTS SEARCH */
/* ============================*/

#searchCriteria{
	border-bottom: dotted 1px #666;
	width: 592px;
	font-size: 11px;
	margin-bottom: 20px;
}
#searchCriteria h3{
	font-size: 18px;
	color: #036;
}
#searchMessage{
	width: 400px;
}
#searchMessage a:link,
#searchMessage a:visited{
	text-decoration: none;
	color: #036;
}
#searchMessage a:focus,
#searchMessage a:hover{
	border-bottom: dotted 1px #036;
}
#searchParam{
	margin-bottom: 10px;
	margin-top: 10px;
	border: dotted 1px #036;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	display: none;
}
#searchCriteria input,
#searchCriteria select{
	font-size: 10px;
	color: #000;
	text-transform: none;
}
#recordNav ul{}
#recordNav li{
	float: left;
	margin-right: 5px;
	padding-right: 5px;
	border-right: solid 1px #666;
}

#searchNavigation {
	height: 20px;
	position: relative;
}
#searchNavigation ul{
}
#searchNavigation li{
	float: left;
}
#searchNavigation li a{}

#searchNavigationText{
	position: absolute;
	width: 100px;
	text-align: right;
	left: 410px;
	top: 0px;
	color: #333;
}

#sn_First a,
#sn_Previous a,
#sn_Next a,
#sn_Last a{
	height:0px !important;
	height /**/:15px; /* for IE5/Win only */
	padding: 15px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 15px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	z-index: 2;
}
#sn_First a{background-image: url(../_img/icons/pageNavFirst.gif);left: 517px;}
#sn_Previous a{background-image: url(../_img/icons/pageNavPrevious.gif);left: 537px;}
#sn_Next a{background-image: url(../_img/icons/pageNavNext.gif);left: 557px;}
#sn_Last a{background-image: url(../_img/icons/pageNavLast.gif);left: 577px;}
#sn_First a:focus,#sn_First a:hover,
#sn_Previous a:focus,#sn_Previous a:hover,
#sn_Next a:focus,#sn_Next a:hover,
#sn_Last a:focus,#sn_Last a:hover{background-position: 0px -15px;}


#nav_First_inactive,
#nav_Previous_inactive,
#nav_Next_inactive,
#nav_Last_inactive{
	height:0px !important;
	height /**/:15px; /* for IE5/Win only */
	padding: 15px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 15px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#nav_First_inactive{background-image: url(../_img/icons/pageNavFirst_inactive.gif);left: 517px;}
#nav_Previous_inactive{background-image: url(../_img/icons/pageNavPrevious_inactive.gif);left: 537px;}
#nav_Next_inactive{background-image: url(../_img/icons/pageNavNext_inactive.gif);left: 557px;}
#nav_Last_inactive{background-image: url(../_img/icons/pageNavLast_inactive.gif);left: 577px;}

#searchResults{
	height: 600px;
}
#searchResults a{
}
.searchItem {}
.searchItem{
	border: solid 1px #CCC;
	width: 270px;
	height: 110px;
	overflow: hidden;
	float: left;
	/* border-bottom: dotted 1px #999; */
	position: relative;
	margin-right: 12px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin-bottom: 12px;
	text-decoration: none;
}
.searchItem a:link{
	text-decoration: none;
}
.searchItem hover{
	border: solid 1px #F60;
}

.searchItem img{
	float: left;
	padding: 5px;
	border: #FFF;
}
.searchItem_brand{
	margin-left: 120px;
	font-size: 10px;
	text-transform: uppercase;
	color: #F60;
	border-bottom: solid 1px #FFF;
}

.searchItem_description{
	margin-left: 120px;
	font-size: 12px;
	color: #333;
	font-weight: bold;
}
.searchItem_description a:link,
.searchItem_description a:visited{
	text-decoration: none;
	color: #069;
}
.searchItem_description a:focus,
.searchItem_description a:hover{
	border-bottom: dotted 1px #069;
}

.searchItem_price{
	margin-left: 120px;
	margin-top: 5px;
	color: #060;
	font-size: 12px;
}
#noParams{
	height: 400px;	
}

#searchBar {
	margin-left: 3px;
	margin-top: 0px;
	width: 125px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	padding-bottom: 5px;
	height: 36px;
	position: absolute;
}
#searchBar h3{
	font-size: 10px;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	margin-bottom: 5px;
	color: #666;
}
#searchBar .searchBar_keyword{
	font-size: 11px;
	width: 84px;
	border: 1px solid #999;
	margin-left: 2px;
	position: absolute;
	top: 19px;
	left: 0px;
}
#searchBar .searchBar_img{
	position: absolute;
	top: 18px;
	left: 90px;
	border: solid 1px #FFF;
}
#searchBar .searchBar_img{}




/* ============================*/
/* PRODUCTS DETAIL */
/* ============================*/

#productDetail{
	padding-top: 15px;
	width: 620px;
	position: relative;
	height: auto;
	margin:auto;
}
#productDetail img{
	float: none;
	margin-top: 35px;
	display: block;
}
.swatch{
	float: none;
	margin-top: 355px;
	left: 0px;
}
#productImg{
	width: 355px;
	float: left;
	height: auto;
}
#productData{
	margin-left: 370px;
	font-family: Verdana, Geneva, sans-serif;
	padding-top: 15px;
	height: auto;
}
/*clear the above float*/
#productDetail .clr {
	clear:both;
}
#imageClose{
	font-style: italic;
	color:#999;
	font-size: 11px;
	margin-top: 10px;
	text-align: right;
	margin-right: 20px;
}
#brand{
	font-size: 12px;
	text-transform: uppercase;
	color: #F60;
	margin-bottom: 5px;
}
#description{
	font-size: 24px;
	color: #333;
	margin-bottom: 20px;
}
#extendedDescription{
	line-height: 16px;
	font-size: 12px;
	margin-bottom: 40px;
}
#descriptionComplete{}
#descriptionComplete .toggleText{
	text-decoration: none;
	color: #F60;
	font-style: italic;
	font-size: 10px;
}
#descriptionComplete a:focus,
#descriptionComplete a:hover{
	color: #F60;
	font-style: italic;
	cursor: pointer;
	font-size: 10px;
	border-bottom: dotted 1px #F60;

}
#descriptionPartial{}
#descriptionPartial .toggleText{
	text-decoration: none;
	color: #F60;
	font-style: italic;	font-size: 10px;
}
#descriptionPartial a:focus,
#descriptionPartial a:hover{
	color: #F60;
	font-style: italic;
	cursor: pointer;
	font-size: 10px;
	border-bottom: dotted 1px #F60;

}
#cost{
	color: #060;
	font-size: 16px;
	margin-bottom: 25px;
}
#quantity{
	font-size: 12px;
	color: #333;
	margin-bottom: 50px;
}


#additionalInformation{
	position: relative;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 20px;
	margin-top: 20px;
	margin-right: 20px;
}
#additionalInformation h3{
	display: none;
}
#tabbedAreas{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 5;
}
#tabbedAreas ul{
	margin: 0px;
	padding: 0px;
}
#additionalInformation ul li{
	list-style-type: square;
	margin-bottom: 3px;
	margin-left: 25px;
}
#tabbedAreas li{
	text-transform: uppercase;
	font-size: 10px;
	float: left;
	list-style-type: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	height: 17px;
	margin-left: 0px !important;
	list-style-type: none !important;
}
#tabbedAreas li a{
	width: 100%;
	height: 27px;
}
#tabbedAreas a:link,
#tabbedAreas a:visited{
	text-decoration: none;
	color:#000;
}
#tabbedAreas a:focus,
#tabbedAreas a:hover{
	color: #F60;
	cursor: pointer;
}

.tabContentArea{
	border: 1px solid #999;
	position: relative;
	z-index: 3;
	left: 0px;
	top: 20px;
	display: none;
}
.tabListArea{
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#Specifications li{
	position: relative;
	height: 18px;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	list-style-type: none !important;
}

#Specifications .pair_label{
	width: 120px;
	position: absolute;
}
#Specifications .pair_value{
	margin-left: 100px;
	text-align: left;
	position: absolute;
}

#productMinor{
	margin-bottom: 50px;
	height: 70px;
	width: 230px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999;
	border-bottom-color: #999;
}
#productMinor img{
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	display: block;
	position: absolute;
	visibility: hidden;
}
#minorData{
	font-size: 11px;
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	margin-left: 80px;
	padding-top: 5px;
}
#minorBrand{
	font-size: 10px;
	text-transform: uppercase;
	margin-bottom: 0px;
}
#minorDescription{
	font-size: 14px;
	color: #333;
	margin-bottom: 5px;
}
#minorCost{}
.matrixNote{
	font-size: 10px;
	color: #333;
	width: 180px;
}
.matrixOption{
	font-size: 10px;
	color: #333;
	margin-top: 5px;
	margin-bottom: 20px;
}
.matrixStock{
	font-style: italic;
}



#additionalProducts {
	position: relative;
	width: 625px;
	height: 90px;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 15px;
	padding-left: 7px;
}
#additionalProducts h3{
	font-size: 10px;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: normal;
}

.addProductItem{
	width: 303px;
	height: 110px;
	float: left;
	border: solid 1px #CCC;
	margin-right: 6px;
	text-decoration: none;
}
.addProductItem_description a:link,
.addProductItem_description a:visited{
	text-decoration: none;
	color: #069;
}
.addProductItem_description a:focus,
.addProductItem_description a:hover{
	border-bottom: dotted 1px #069;
}
.addProductItemData_link{
}
.addProductItemData{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 130px;
	margin-right: 10px;
}
.addProductItem_img{
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	position: absolute;
	border: #FFF;
}
.addProductItem_brand{
	text-transform: uppercase;
	color: #666;
	font-size: 10px;
}
.addProductItem_description{
	margin-bottom: 10px;
	color: #000;
}
.addProductItem_price{
	font-size: 11px;
	color: #060;
}



#productDisplayPreview{
	width: 550px;
	height: 375px;
}

.productItem{
	text-decoration: none;
	height: 110px;
	width: 230px;
	float: left;
	margin-right: 5px;
	margin-top: 12px;
	border: 1px solid #999;
	background-color: #FFF;
	font-size: 11px;
	position: relative;
}
.productItem img{
	float: left;
	width: 100px;
	height: 100px;
	border-color: #FFF
}
.productBrand{
	color: #C30;
	margin-top: 10px;
	margin-left: 110px;
}
.productName{
	font-weight: bold;
	color: #000;
	margin-left: 110px;
}
.productName a:link,
.productName a:visited{
	text-decoration: none;
	color: #069;
}
.productName a:focus,
.productName a:hover{
	border-bottom: dotted 1px #069;
}
.productPrice{
	color: #060;
	margin-top: 10px;
	margin-left: 110px;
}