@import "/skin/frontend/default/default/css/magento/boxes.css";
@import "/skin/frontend/default/default/css/magento/clears.css";
@import "/skin/frontend/default/default/css/steve.css";

/*------------------------------------------------------------------
[Master Stylesheet]

Project: Mountain Equipment	
Version:	1.0
Last change:	2nd December 2008
Assigned to:	Chris
Primary use:	Screen
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
# [Color codes]

# Body background: #7D7D7D
# Header background: #dae0e1
# Main text colour: #53616c;
# Footer background: #f6903c;
# Border colour: #e1e7e9;

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
# [Structure]

body
	#header
		#logo
		#menu
		#addnav
	#page	
		#crumbs
		#navBoxes
		.middle
		#footer

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
 CSS Reset
-------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
address {
	font-style: normal;
}


/*------------------------------------------------------------------
Clear fix for floated content and container height stuff
-------------------------------------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*------------------------------------------------------------------
Body / Defaults
-------------------------------------------------------------------*/


body {
	margin: 0px;
	padding: 0px;
	background: #7D7D7D;
	font: 13px Din, Arial, sans-serif;
	color: #888;
}

pre { font-family: Din, Arial, sans-serif; }

h1, h2, h3 {
	font-size: 1.82em;
	font-weight: normal;
	letter-spacing: -1px;
	color: #888;
}


a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
p {
    margin-bottom: 0.75em;
}
.clear {
	clear:both;
}

.base {
	padding-bottom:4px;
	background-color:#fff;
	width: 945px;
	margin: 0px auto;
}

/*------------------------------------------------------------------
Header
-------------------------------------------------------------------*/

#header {
	position:relative;
	width: 985px;
	height: 126px;
	margin: 0px auto;
	background:url(../images/headerbg.jpg) no-repeat #dae0e1;	
}

#header a.login,
#header a.logout  {
	display: block;
	position:absolute;
	right: 10px;
	top: 35px;
	width:50px;
	height:15px;
	overflow: hidden;
	
	background-repeat: no-repeat;
	background-position: 0 0;
	
	text-indent: -100px;
	font-size: 10px;	
}
#header a.login { background-image: url(/images/login.gif); }
#header a.logout  { background-image: url(/images/logout.gif); }
#header a.login:hover,
#header a.logout:hover  {
	background-position: -50px 0;
}

/*------------------------------------------------------------------
Logo
-------------------------------------------------------------------*/

#logo {
	position:absolute;
	top:25px;
	left:10px;
	width: 284px;
	height: 40px;
	display: none;
}	

#logo h1 {
	margin: 0;
	background: url(../images/logo.jpg) no-repeat #fff;
	text-transform: lowercase;
	letter-spacing: -2px;
	line-height: 40px;
	font-weight: normal;
	color: #fff;
	overflow:hidden;
	text-indent: -1000px;
}

#logo h1 a {
	display: block;
	text-decoration: none;
	color: #fff;
}

/*------------------------------------------------------------------
Top Menu
-------------------------------------------------------------------*/

#menu {
	margin: 0px auto;
	position:absolute;
	bottom:0;
	left:5px;
	width: 970px;
	background: url(../images/tranny.png) repeat-y right top transparent;
}

#menu ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	margin-left: 5px;
	padding: 5px 6px;
	background-color: #eaeeef;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	color: #53616c;
	
}
#menu #menu-shop a,
#menu #menu-community a,
#menu #menu-home a {
	background-image: url(/images/topmenu-sprites.gif);
	background-repeat: no-repeat;
	text-indent: 100px;
	overflow: hidden;
	
	height: 24px;
	padding: 0;
}

#menu #menu-shop a { background-position: -160px -48px; width: 62px;}
#menu #menu-community a { background-position: -62px -48px; width: 98px;}
#menu #menu-home a { background-position: 0 -48px; width: 62px;}

#menu #menu-shop a:hover { background-position: -160px 0; }
#menu #menu-community a:hover { background-position: -62px 0; }
#menu #menu-home a:hover { background-position: 0 0; }

#menu #menu-shop.active a { background-position: -160px -24px; }
#menu #menu-community.active a { background-position: -62px -24px; }
#menu #menu-home.active a { background-position: 0 -24px; }

#menu ul a:hover  {
	background-color: #8fa6b6;
	color:#fff;
}

#menu li.active a, #menu li.active a:hover {
	background-color: #fff;
	color: #53616c;
}

/*------------------------------------------------------------------
Additional Menu Right / Search
-------------------------------------------------------------------*/
#addnav {
	position:absolute;
	top: 0;
	right: 0;
	margin: 0;
	text-align: right;
	height: 26px;
	width: 600px;
}

#addnav ul {
	display:inline;
	float: right;
}
#addnav li {
	float: left;
}
#addnav form {
	margin:0;
	padding:0;
	float: right;
}
#addnav #keywordsearch {
	margin:0;
	padding:0;
	line-height: 18px;
	text-align: right;
	min-width: 191px;
}
#addnav ul li span, #addnav form  {
	font-weight: bold;
	font-size: 12px;
	color: #53616c;
}
#addnav ul label,  #addnav form label {
	display: inline;	
	float:left;
	margin-left: 5px;
	padding: 0px 9px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	color: #53616c;
	margin: 4px 0;
	padding-right:6px;	
}

#addnav ul a, #addnav form a {
	float: left;
	display:block;
	padding: 0px 9px;
	background-color: transparent;
	margin:4px 0;
	font-size: 12px;
	border-right:1px solid #fff;
	text-transform: uppercase;
	font-weight: normal;
	color: #53616c;
	text-decoration:none;
	line-height: 18px;
}
#addnav ul a:hover, #addnav form a {
	color: white;
	background: transparent;
}

#addnav #keywordsearch input.sentry {
	font-family: Din, Arial, sans-serif;
	display:block;
	width: 108px;
	height: 14px;
	margin: 0;
	margin-top: 3px;
	padding: 2px;

	float:left;
	
	border: none;
	background-color: transparent;
	background-image: url(/images/search-bg.gif);
	
	font-family: Din, Arial, sans-serif;	
	font-weight: bold;
	font-size: 10px;
	text-align: left;
	color:#000;	
}

#addnav #keywordsearch a.sgo, #keywordsearch2 a.sgo {
	display: block;
	width:19px;
	height: 18px;
	padding: 0;
	margin: 0;
	margin-top: 3px;
	overflow: hidden;
	
	background-image: url(/images/search-go.gif);
	background-position: -19px 0;
	background-repeat: no-repeat;
	
	font-size: 2px;
	float:left;
	text-indent: 100px;
	
	border: none;
		
}
#keywordsearch2 a.sgo {
	margin-top: 0;
}
#addnav #keywordsearch a.sgo:hover, #keywordsearch2 a.sgo:hover {
	background-position: 0 0;
}


/*------------------------------------------------------------------
Refine
-------------------------------------------------------------------*/

#refiner {
	position:absolute;
	right:3px;
	top:0;
	margin:0;
	padding:0;
}




/*------------------------------------------------------------------
Page
-------------------------------------------------------------------*/

#page {
	position:relative;
	width: 985px;
	margin: 0px auto;
	padding: 0;
	padding-bottom:10px;
	background: url(../images/pagebg.jpg) repeat-y left bottom #d0d7d9;
}

/*------------------------------------------------------------------
Paging
-------------------------------------------------------------------*/

div.pager span, div.pager a  {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	color: #888;
	padding: 0 5px;
}

div.pager a:hover {
	text-decoration:underline;
}

div.pager {
	width: auto;
	text-align:right;
	margin-bottom: 5px;
}


div.pagertop {
	position:absolute;
	top:-66px;
	right:10px;	
}
div.pagerbottom {
	clear:both;
}

/*------------------------------------------------------------------
Crumbs
-------------------------------------------------------------------*/

#crumbs {
	width:965px;
	margin: 0px auto;
	height: 40px;
	background:#fff;
}

#crumbs span, #crumbs a  {
	text-transform: uppercase;	
	font-weight: normal;
	font-size: 10px;
	color: #53616c;
	line-height:40px;
	text-decoration:none;
}

#crumbs span {
	padding-left:25px;
}

#crumbs a:hover {
	color: #919191;
	text-decoration:underline;
}

/*------------------------------------------------------------------
Navigation Boxes
-------------------------------------------------------------------*/

ol#nav {
	display: none;
}
#navBoxes {
	position:relative;
	width:945px;
	margin: 0px auto;
	height: 24px;
	background:#6e7c88;
	border-left:10px solid #fff;   	
	border-right:10px solid #fff;
	border-bottom: 15px solid #fff;
	z-index: 10;
}

div.navBox, div.navBoxTitle, div#refine_by {
	float:left;
	margin: 2px 2px;
	border: 1px solid #6e7c88;
	width:auto;
	background:#fff;
}

div.navBoxTitle {
	border: 1px solid #6e7c88;
	width:auto;
	color:#fff;
	background:#6e7c88;
}

div.navBox span, div.navBoxTitle span, div#refine_by span {
	padding: 0 5px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	line-height:17px;
	cursor:hand;
	color:#555;
}
div.navBox span {
	padding: 0 10px;
}
div.navBoxTitle span {
	color:#fff;
}

div.navBoxGo {
	display: block;
	width: 20px;
	height: 17px;
	float: left;
	overflow: hidden;
	margin-top: 3px;
	margin-left: 3px;
}
div.navBoxGo a {
	display: block;
	width: 20px;
	height: 17px;
	float: left;
	overflow: hidden;
	
	border: none;	 
	padding: 0;
	margin: 0;
}
div.navBoxGo a {
	background-image: url(/images/finder-go.gif);
	background-position:0 0;
	text-indent: -100px;
}
div.navBoxGo a:hover {
	background-position:-20px 0;
}
div.navBox:hover, div.navBox:hover span, , div#refine_by:hover, div#refine_by:hover span {
    background: url(../images/me-productNavBG.png);
    color: #555;
}

div#navBoxes div.navBox div.dropDown {
    position:absolute;
    background: url(../images/me-productNavBG.png);
    color: #555;
    border-top: none;
    margin: 0;
    display: none;
}
div#navBoxes div.navBox div.dropDown a {
    width: auto;
    min-width: 100px;
    display: block;
    padding: 2px 10px;
	text-decoration: none;
	text-transform: uppercase;
    color: #666;
    font-size: 8pt;
    font-weight: bold;
    white-space: nowrap;
}
div#navBoxes div.navBox div.dropDown a:hover {
    background-color: #6e7c88;
    color: #fff;
}


div#navBoxes div.navBox span, div#navBoxes div#refine_by span {
    background-image: url(../images/down.png);
    background-repeat: no-repeat;
    background-position: 100% 2px;
    display: block !important;
    width: auto;
    padding-right: 20px;
    white-space: nowrap;
}


/*------------------------------------------------------------------
Content
-------------------------------------------------------------------*/

.middle {
	position:relative;
	margin: 0px auto;
	width: 945px;
	background:#fff;
	min-height:410px;
	padding-top:0px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;	
}

.side-col { width:195px; }
.col-left { float:left; }
.col-main { float:left; }
.col-right { float:right; }
.col-1-layout .col-main { float:none; margin:0; }
.col-2-right-layout .col-main { float:left; width:685px;  }
.col-2-left-layout .col-main { float:right; width:685px; }
.col-3-layout .col-main { width:475px; margin-left:17px; }


.middle div.box {
	border: 2px solid #e1e7e9;
}

.middle div.staticBox {
	border: 3px solid #e1e7e9;
	width:224px;
	height:190px;
	overflow:hidden;
}

.middle div.me-sideBoxes div.staticBox {
	margin-bottom:8px;
	height:auto;
	overflow:none;
}

.middle div.staticBox img {
	width:224px;
}

.middle div.home-main {
	position:relative;
	top:0;
	width:940px;
	height:401px;	
}

.middle #me-flashContainerHome {
	float:left;
	margin-right:15px;
}

.middle #home-feature {
	float:left;
	width:225px;
}
.middle #home-feature #home-feature-product, .middle #home-feature #home-feature-advice {
	float:left;
}
.middle #home-feature #home-feature-product div.brand-logo img {
	width:50%;
}
.middle #home-feature div.me-Product  {
	margin: 0 0 15px 0;
	width: 230px;
	height: 196px;
	float:left;
    overflow: hidden;
	position: relative;
	border: none;
	background-image: url(/images/me-homeFeatureProductBox.jpg);
}

.middle div.shop-main {
	position:absolute;
	top:0;
	left:10px;
	width:459px;
	height:400px;
	
}
.middle div.shop-one, .middle div.shop-two, .middle div.shop-three, .middle div.shop-four {
	width:224px;
	height:190px;	
}
.middle div.shop-one {
	position:absolute;
	top:0;
	left:486px;
}
.middle div.shop-two {
	position:absolute;
	top:0;
	left:727px;
}
.middle div.shop-three {
	position:absolute;
	top:206px;
	left:486px;
}
.middle div.shop-four {
	position:absolute;
	top:206px;
	left:727px;
}
.filler {
	background:url(../images/filler.jpg) repeat;
}


.static h3 {
	margin:0;
	font-size:60px !important;
	font-weight:normal !important;
	text-transform: lowercase;
	text-align:left;
	margin:0 0 15px 0;
	padding: 0px 10px; 
	border-bottom: none;
	color: #ffffff;
	background-color: #ebeeef;
	height: 175px;
	line-height: 250px;
	vertical-align: baseline;
	overflow: hidden;
}

.middle div.static div.main {
	width:480px;
	min-height:405px;
	padding:0;
	margin:0;
	float:left;
	text-align:justify;
}

.middle div.static div.main h4 {
	margin:0 0 0.75em 0;
}

.middle div.static div.main h5 {
	margin:0 0 0.5em 0;
}

.middle div.static div.main ol {
	list-style-type: decimal;	
	margin-bottom:0.75em;
}

.middle div.static div.main ol li{	
	margin-left:18px;
	margin-bottom:0.35em;
}

.middle div.static div.main ul {
	list-style-type: none;
	margin-bottom:0.75em;
}

.middle div.static div.main ul li{	
	margin-left:0;
	margin-bottom:0.35em;
}
.middle div.static div.main div#sitemap {
	width:660px;
	height:auto;
}
.middle div.static div.main div.sitemaplist {
	float:left;
	width:300px;
}

.middle div.static div.main table.pager {
	clear:both;
	display:block;
}


.middle div.me-Category, 
.middle div.me-Product  {
	margin: 0 15px 15px 0;
	width: 225px;
	height: 195px;
	float:left;
    overflow: hidden;
	position: relative;
	border: none;
}
.middle div.me-CategoryRowLast {
	margin: 0;
}
/*------------------------------------------------------------------
Footer
-------------------------------------------------------------------*/

#footer {
	width: 965px;
	margin: 0 auto;
	color: #FFFFFF;
	height:30px;
	background:#f58e3c;
	clear:both;
	text-align: left;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer li {
	display: inline;
}
#footer a {
	color: #fff;
}
#footer a {
	display: block;
	float: left;
	margin-top: 8px;
	margin-bottom: 5px;
	padding: 0px 8px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: -0.03em;
}
#footer a.me-footerNav {
	border-right: 1px solid #fcdcc2;
}
#footer li.first-child a.me-footerNav {
	margin-left:10px;
}

#footer a:hover {
	text-decoration:underline;
}


#footer li span a {
	/* color:#f7e3d1; */
}

#footer li span.indent a {
	padding-left: 15px;
}


/*------------------------------------------------------------------
Product List
-------------------------------------------------------------------*/
.middle div.product {
    position: relative;
}

.middle div.me-Product div.info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 205px;
    height: 38px;
    line-height: 38px;
    /* background-image: url(../images/product_list_bg.jpg); */
    padding: 0 10px;
    margin: 0;
}
.middle div.me-Product {
	background-image: url(/images/me-productListBox.jpg);	
}
.me-ProductListImage {
	display: block;
	width: 219px;
	height: 152px;
	overflow: hidden;
	margin: 3px;	
	position:relative;
}

.middle div.me-Product div.info a,
.middle div.me-Product div.info span {
    line-height: 36px;
    height: 38px;
}

.middle div.me-Product div.info .name {
    float: left;
    text-transform: uppercase;
    font-size: 8pt;
	display:block;
	width:100px;
	line-height: 38px;
}

.middle div.me-Product div.info a {
	overflow:hidden;
	float: right;
	text-decoration: none;
	color: #888;
}
.middle div.me-Product div.info a:hover {
	text-decoration: underline;
}

.middle div.me-Product div.info .cart {
	float: right;
	margin: 0;
	padding-left:3px;
	line-height: 38px;
}

.middle div.me-Product div.info img {
    vertical-align: middle;
    margin-top: -5px;
}

/*------------------------------------------------------------------
Product Detail
-------------------------------------------------------------------*/
div.productDetail {	
	position:relative;
	top:0;
	left:0px;
	width:705px;
	min-height:405px;
	border: none;
}
table.productDetailLayout {	
	width:705px;
	min-height:405px;
	border: none;
	background-image: url(/images/me-productDetailBorderMiddle.jpg);
	background-repeat: repeat-y;
	padding: 0;
}
table.productDetailLayout td {
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
}
table.productDetailLayout td.borderTop,
table.productDetailLayout td.borderBottom {
	padding: 0;
	height: 3px;
	background: url("/images/me-productDetailBorderTop.jpg") no-repeat;
}
table.productDetailLayout td.borderBottom {
	background: url("/images/me-productDetailBorderBottom.jpg") no-repeat;
}

div.productHeader {
    height: 36px;
    width: 675px;
    line-height: 37px;
    background: url(../images/me-productHeadBG.jpg) no-repeat #f27526;
    color: #ffffff;
    font-size: 16pt;
    padding-left:12px;
    padding-right: 12px;
    text-align: right;
}
.middle div.productHeader h2 {
    font-size: 22px;
    color: inherit;
    letter-spacing: 0;
    display: inline;
}
div.productHeader h2 { float: left; }

.middle div.productSpecs {
    border: none;
    width: 290px;
    margin: 0;
    margin-right: 3px;
    margin-top: 9px;
    padding-bottom: 1px;
    float: right;
}
.middle div.productImage {
    border: solid 1px #f0f0f0;
    width: 398px;
    height: 252px;
    margin-left: 3px;
    margin-top: 9px;
    overflow: hidden;
    position: relative;
}

.middle div.brand-logo {
	position:absolute;
	top:10px;
	left:10px;	
}

.middle div.brand-logo-list {
	position:absolute;
	top:6px;
	left:6px;
}

.middle div.brand-logo-list img {
	width:50%;
}

.middle div.productImage a.hide {
    display: none;
}
.middle div.productImage div.morePhotos {
    position: absolute;
    bottom: 5px;
    left: 3px;
    text-transform: uppercase;
    font-size: 8pt;
}
.middle div.productImage div.morePhotos a {
    text-decoration: none;
    color: #888;
    padding: 0 2px;
}
.middle div.productImage div.morePhotos a:hover {
    background-color: #8fa6b6;
    color: #fff;
}
.middle div.productImage div.morePhotos a img {
    vertical-align: top;
}
.middle div.productControls {
    /* border: solid 1px #f0f0f0; */
    width: 400px;
    min-height: 96px;
    margin-left: 3px;
    margin-top: 4px;
}
.middle div.productControls .ui-tabs-nav {
    clear: both;
    display: block;
    height: 21px;
    border-bottom: solid 1px #f4f4f4;
}
.middle div.productSwatches {
    width: 220px;
    text-transform: uppercase;
    padding-left: 6px;
}
.middle div.productSwatches li {
    margin: 0;
    margin-right: 5px;
    margin-bottom: 4px;
    float: left;
    width: 100px;
    white-space: nowrap;
}

.middle div.productSwatches  div.swatchGroupTitle {
    margin-bottom: 4px;
    font-size: 8pt;
}
.middle div.productSwatches span.swatchImage {
    display:block;
	width:25px;
	height:15px;
	float:left;
}
.middle div.productSwatches span.swatchDescription {
	display:block;
	float:left;
    font-size: 7pt;
	padding-left:3px;
	line-height:15px;
}

.middle div.productForm {
    width: 170px;
    float: right;
    text-align: right;
}

.middle div.productForm select {
	width:150px;
}

.middle div.productForm .add-to-cart-box {
	margin-top:4px;
	width: 98%;
}


.middle div.productForm dl {
    line-height: 20px;
    vertical-align: middle;
    margin-bottom: 0.25em;
    display: block;
    clear: both;
  
}
.middle div.productForm .me-productConfigLink { display: block; text-align: left; clear: both; font-size: 8pt; margin-left: 80px;}
.middle div.productForm .me-productConfigLink  { color: #c6cace; }
.middle div.productForm .me-productConfigLink:hover { color: #252b30; text-decoration: none;}
.middle div.productForm dl dt { text-align: right; float: left; }
.middle div.productForm dl dd { text-align: left; }
.middle div.productForm li a {
    text-decoration: none;
    color: #d4d4d4;
    font-size: 8pt;
    text-transform: uppercase;
}
.middle div.productForm label {
    display: block;
    width: 80px;
    text-align: right;
    text-transform: uppercase;
    font-size: 8pt;
    padding-right: 0.5em;
    position: relative;
    padding-right: 10px
}
.middle div.productForm label span.required {
	position: absolute;
	top: 0;
	right: 1px;
}
.middle div.productForm select {
    border: solid 1px #e1e7e9;
    width: 75px;
    font-size: 8pt;
    padding: 1px 1px;
    color: #6e7c88;
}
.middle div.productForm .field {
}



.middle div.productForm .submitButton {
    border: none;
    background-color: transparent;
    background-image: url(../images/shopping_cart_buy.jpg);
    background-repeat: norepeat;
    background-position: 0 0;
    padding: 0;
    width: 68px;
    height: 28px;
    margin-top:5px;
    display: block;
	float: right;
	clear: both;
}
.middle div.productForm .submitButton:hover {
    background-position: 0 -28px;
}
.middle div.productForm .submitButton span {
	display: none;
}
.middle .me-AddToCartTop {
    border: none;
    background-color: transparent;
    background-image: url(../images/shopping_cart_buy_detail.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    width: 34px;
    height: 28px;
	margin-top: 1px;
	margin-right: 0px;
	vertical-align: bottom;
	margin-bottom: 4px;
}
.middle .me-AddToCartTop span {
	display: none;
}
	
.middle .me-AddToCartTop:hover {
    background-position: 0 -28px;
}

/*------------------------------------------------------------------
	[Tabbed] content for product description, specs and more 
-------------------------------------------------------------------*/

.ui-tabs-nav li {
    border: solid 1px #f0f0f0;
    border-color: #f4f4f4;
    border-width: 1px 1px 0 1px;
    display: block;
    float: left;
    margin-right: 3px;
}
.ui-tabs-nav li a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 8pt;
    color: #5a5c5e;
    height: 21px;
    line-height: 21px;
    padding: 0 7px;
    display: block;
}
.ui-tabs-nav li a:hover {
	background-color: #8fa6b6;
	color: #fff;
}
.ui-tabs-nav li.ui-tabs-selected {
    border-color: #e5e6e6;
    background-color: #f6f8f8;
}
.ui-tabs-nav li.ui-tabs-selected a:hover {
	background: transparent;
	color: #5a5c5e;
}
.ui-tabs-nav li.ui-tabs-unselect {}
.ui-tabs-nav li.ui-tabs-disabled {}
div.ui-tabs-panel {
    display: block;
    width: 288px;
    height: 330px;
    clear: both;
    border: solid 1px #f0f0f0;
    border-top: none;
    background-image: url(../images/product_spec_bg_repeat.jpg);
    background-repeat: repeat-y;
}
div.ui-tabs-hide {
    display: none;
}
div.ui-tabs-panel div.productInfoPanel {
    display: block;
    position: relative;
    width: 267px;
    height: 310px;
    overflow: auto;
    padding: 10px 11px;
    background-image: url(../images/product_spec_bg.jpg);
    background-repeat: no-repeat;
	text-align:justify;
}

div.ui-tabs-panel div.productInfoPanel pre {	
	width: 267px;	
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */

}

.productInfoPanel  h4 {
	font-size: 9pt;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.productInfoSubPanel {
	position: absolute;
	bottom: 4px;
	left: 3px;
	width: 284px;
	height: 87px;
	padding: 5px 0px;
	background-image: url("/images/me-productInfoSubPanelBG.jpg");
}
#page .productInfoSubPanel td {
	text-align: right;
	vertical-align: bottom;
	height: 25px;
	width: 140px;
	padding: 0;
}
#page .productInfoSubPanel td.colspan {
	width:280px;
}
.productInfoSubPanel a {
	text-transform: uppercase;
	color: #888;
	font-size: 10px;
	display: block;
	height: 25px;
	width: 140px;

	background-repeat: no-repeat;
	background-position: 0 0;
}
.productInfoSubPanel a:hover {
	background-position: 0 -25px;
}
.productInfoSubPanel a span {
	display: none;
}


.productInfoSubPanel #permalinkcontainer {
	width:275px;	
	margin-left:7px;
	padding:0;
	height:15px;
	display:none;
	
}
.productInfoSubPanel #permalinkcontainer input {
	border:1px solid #ccc;	
	width:245px;
	height:12px;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
.productInfoSubPanel #permalinkcontainer a {
	display:block;
	width:15px;
	height:15px;
	background-image: url(../images/close.gif);
	float:left;
}
.productInfoSubPanel #permalinkcontainer a:hover {
	background-position: 0 -15px;
}
#me-relatedAdsContainer, #me-relatedArticleContainer {
	width: 219px;
	height: 189px;	
	overflow:hidden;
}
/*------------------------------------------------------------------
Overlay modal forms
-------------------------------------------------------------------*/


.jqmOverlay {
    background-color: #000;
}
/* Generic modals */
div.modalWindow {
    color: #333;
    position: relative;
}
div.modalWindow h2 {
	text-transform: uppercase;
	color: #fff;
	font-size: 14pt;
	font-weight: normal;
	margin-bottom: 1em;
}
div.modalWindow p {
	text-transform: uppercase;
	color: #fff;
	font-size: 8pt;
	margin-bottom: 1em;
}
div.modalWindow div.modalTitle {
	position: fixed;
	margin-top: -30px;
}
div.modalWindow a.modalClose {
    background-image: url(../images/x.png);
    background-repeat: no-repeat;
    display: block;
    width: 46px;
    height: 15px;
    position: absolute;
    top: 32px;
    right: 32px;
    cursor: pointer;
}
div.modalWindow a.modalClose:hover {
    background-position: 0 -15px;
}
div.modalWindow div.modalContent {
	width: 600px;
	height: 400px;
	overflow: auto;
	padding: 0 1em 0 0;
	margin: 80px 80px 0 80px;
	position: absolute;
}

/* specific modal windows */
#defaultModalWindow, 
#productGalleryModalWindow,
#communityGalleryModalWindow,
#meRequestModal,
div#meClubModal {
    display: none;

    position: fixed;
    top: 75px;
    left: 50%;

    margin-left: -380px;
    width: 763px;
    height: 548px;

    background-image: url(../images/modal_background.png);
    background-repeat: no-repeat;
}
#productGalleryModalWindow, #communityGalleryModalWindow {
	/* background-color: #2f373c; */
	background-image: url(/images/me-modalBackgroundDark.png);
}
#productGalleryModalWindow .modalContent, #communityGalleryModalWindow .modalContent {
	width: 525px;
	height: 420px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 80px;
	left: 123px;
}



form.modalForm fieldset {
    margin-bottom: 30px;
}
form.modalForm legend {
    text-transform: uppercase;
    color: #252b30;
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 0.75em;
}
form.modalForm li {
    margin-bottom: 0.5em;
}
form.modalForm label {
    display: block;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0.25em;
    font-size: 8pt;
}
form.modalForm .field {
    border: none;
    width: 20em;
    height:16px;
}
form.modalForm .button {
    border: none;
    background-color: #fff;
    color: #000;
    text-transform: uppercase;
    font-size: 9pt;
}
form.modalForm a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 8pt;
}
form.modalForm a:hover {
    text-decoration: underline;
}

form#meRequestForm {
	width:580px;
}

form#meRequestForm #meRequestFormMsg {
	font-size:11px;
	color:#fff;
	padding-bottom:5px;
}

form#meRequestForm #meRequestEmail {
	float:left;
	margin-right:10px;
}
form#meRequestForm .field {
	width:285px;
}
form#meRequestForm label {
	color:#242b31;
	font-weight:bold;
	font-size:12px;
}
form#meRequestForm #meRequestModalMessage {
	width:576px;
	border:none;
}
form#meRequestForm #meRequestModalSendButton {
	color:#fff;
	background-color:#8fa6b6;
	float:right;
}


.no-display, .hide {
	display:none;
}

#meClubModal .validation-advice-overlay, #meRequestModal .validation-advice-overlay {
	color:#f00a36;
}

#meClubModal a {
	text-decoration:underline;
}
/*------------------------------------------------------------------
	header "Best" links
-------------------------------------------------------------------*/
#meBestLinks {	
	display: block;
	width: 420px;
	height: 40px;

	position: absolute;
	top: 25px;
	left: 315px;
}
#meBestLinks a span {
	display: none;
}
#meBestLinks a#meBestBrands, 
#meBestLinks a#meBestRange,
#meBestLinks a#meBestAdivce {
	display: block;
	width: 140px;
	height: 40px;

	position: absolute;
	top: 0px;

	background-image: url(/images/me-bestLinks.jpg);
	background-repeat: no-repeat;
}
#meBestLinks a#meBestBrands { left: 0px; background-position: 0 0; }  
#meBestLinks a#meBestRange { left: 140px; background-position: -140px 0; }
#meBestLinks a#meBestAdivce { left: 280px; background-position: -280px 0; }

#meBestLinks a#meBestBrands:hover { background-position: 0 -40px; }  
#meBestLinks a#meBestRange:hover { background-position: -140px -40px; }
#meBestLinks a#meBestAdivce:hover { background-position: -280px -40px; }

/*------------------------------------------------------------------
siFR Screen Styles
-------------------------------------------------------------------*/


.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}


.sIFR-replaced {
	visibility: visible !important;
}


span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


.sIFR-flash + div[adblocktab=true] {       /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


html.sIFR-hasFlash .static h3 {
	text-transform: lowercase;
	text-align:left;
	margin:0 0 15px 0;
	padding: 0px 10px; 
	border-bottom: none;
	color: #ffffff;
	background-color: #ebeeef;
	height: 78px;
	line-height: 1;
	vertical-align: baseline;
	overflow: hidden;
	padding-top:97px;
}

html.sIFR-hasFlash .static h3 span {
	letter-spacing: 2px;
	visibility: hidden;
}

/*
.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
		letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/






/* ------------------------
onepage checkout
----------------------*/

div.col-2-right-layout div.col-right div.one-page-checkout-progress {
	border:none;	
}