﻿@charset "UTF-8";
/* CSS Document */

body{
background: transparent url('../images/mnt_main_bg.jpg') repeat-x top center;
padding:0px;
margin:0px auto;
font-family: myriad pro, Arial, Helvetica, sans-serif;
font-size:12px;}

h1,h2,h3,h4,h5,h6,p,form,li,ul,ol,blockquote,fieldset{padding:0px;margin:0px;}
input{margin:0;padding:0;}
img{border:0;}
html{height:100%;}
.maintable{height:100%;}
#fullheight{height:100%;}
body{margin:0;height:100%;background-color:#ffffff;font-size:13px;font-family:Myriad Pro, Arial,Helvetica,Verdana,sans-serif;}
strong{font-weight:bold;}
ol,ul{list-style:none;}
th{text-align:left;}
a{text-decoration:none; color:#999;}
a:hover{text-decoration:none; color:gray;}
input{padding:5px; background-color:#e9e9e9; border:1px solid #999999; color:#5b5b5b;}
.button{background-color:#000000; border:0px solid #999999; color:#cccccc;}

.register_button{background:url(../images/register_btn.jpg) no-repeat top left; border:0px solid #999999; color:#cccccc;}

input, textarea, select{font-family:Myriad Pro,Arial,Helvetica,sans-serif; font-size:12px; padding:2px; margin:2px 0 2px 0; background:#f5f5f5; border:1px solid #ddd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

.textbox{resize: none;}

.search_btn2{background-image:url(../images/search2.jpg); width:136px; height:22px; cursor:pointer; color:#fff; border:0px;}

h1{font-size:33px;}
h2{font-size:19px;}
h3{font-size:17px;}
h4{font-size:15px;}
h5{font-size:12px;}

#containerMain{min-width:950px; margin:0px auto;
}

#btmtbl {color:#666666; background-repeat:no-repeat; background-position:bottom; padding-top:10px; height:253px;}

#btmtbl a{color:#999999;}
#btmtbl a:hover{color:red;}


.ie8 #btmtbl {color:#666666; background-repeat:no-repeat; background-position:bottom; padding-top:10px; height:253px;}
.ie8 #btmtbl a{color:#999999;}
.ie8 #btmtbl a:hover{color:red;}

.copyright{color:#666666; font-family:Myriad Pro, Arial, Helvetica, sans-serif}
.Callus{color:#999999;}
.mtnyellow{color:#ffcc33;}
.mtnred{color:#B5B1B0;}



#yellowbanner	{color:#ba8c02; font-size:11px;}
#yellowbanner	td{vertical-align:top;color:#7d7d7d;}
#yellowbanner a{color:#7d7d7d; cursor:pointer}
#yellowbanner a:hover{color:#866501; cursor:pointer}
#yellowbanner .ared{color:#7d7d7d; cursor:pointer}
#yellowbanner .ared:hover{color:#ff0f0f; cursor:pointer}

#yellowbanner #logoblock{width:305px; padding:10px 0px 0px 5px;}
#yellowbanner #searchblock{padding:19px 0px 0px 0px;}
#yellowbanner #flagblock{width:40px; padding:23px 0px 0px 0px;}
#yellowbanner .flag{border:1px solid #cc9900;}
#yellowbanner .arrow{padding-bottom:5px;}

#yellowbanner #weather{width:85px; padding:23px 0px 0px 0px;}
#yellowbanner #signuplinks{width:190px; padding:3px 5px 0px 0px; line-height:19px;}

#mtnplaybtn{
width: 120px;
height: 83px;
margin: 0;
position:absolute;
top:35px;
right:-85px;
padding:0px 0px 0px 0px;
border:0px solid blue;
text-align:right;
z-index:800;
}

#mtnplaybtn .off{width:120px; height:83px; position:absolute; right:0px; z-index:800;}




#mtnplaybtn a{width:120px; height:83px; background-image:url(../images/MTNplaybuttonblue.png); position:absolute; right:0px; z-index:800;}
#mtnplaybtn a:hover{width:120px; height:83px; background-image:url(../images/MTNplaybuttonred.png); position:absolute; right:0px; z-index:800;}

/* MAIN MUSIC BAR STYLING */
#mainbar {width:962px; border:0px solid green; margin-top:3px; background-color:#464646; height:88px; position:relative; color:#999999; font-size:11px;}
#mainbar .leftbar {border:0px solid yellow; position:relative; float:left; width:48%; padding:5px 0px 0px 10px;}
#mainbar .rightbar {border:0px solid cyan; position:relative; float:left; width:50%; text-align:right; padding:5px 8px 0px 0px; line-height:22px; height:78px;}
#mainbar .rightbar a{padding:0px 5px 0px 0px; color:gray;}

#mainbar .header {position:relative; float:left; text-align:right;}
#mainbar .items {position:relative; float:left; text-align:right; top:17px; padding-left:6px;}

#mainbar a{color:#999999;}
#mainbar a:hover{color:red;}
#mainbar .on {color:red;}	













/* LEFT COLUMN */
.pt_account #leftcolumn,.pt_order #leftcolumn,.pt_wishlist #leftcolumn{margin-right:10px;}
.searchrefine{float:left; padding;0px; margin:0px 0px 0px 1px; }
.searchrefinements{float:left;margin-left:-1px;}
.fillter_by_tit{float:left; width:176px; margin:0 0 1px 1px; padding:0 10px; font-weight:bold; font-size:16px; line-height:24px; background-color:#464646; color:#999999;}

.searchrefinements .searchcategorytitle,.styled_nav .navgroup .nav-title{display:block;margin:0 0 1px;padding-left:25px;line-height:21px;color:#999999;font-weight:bold;background:url("../images/megasprite.html") no-repeat 10px -205px}
.searchrefinements .searchcategorytitle:hover,.styled_nav .navgroup a:hover,.styled_nav .navgroup .selected{background-color:#fff; color:#999 !important}
.searchrefinements .collapsed,.styled_nav .navgroup .collapsed{background:url("../images/megasprite.html") no-repeat 10px -229px}
.searchrefinements .refineattributes{clear:both;width:100%!important;padding:0 0 5px;line-height:16px}
.searchrefinements .refineattributes li a,.styled_nav .navgroup li a{display:block;padding:1px 10px 1px 25px;margin-bottom:1px;color:#999999; line-height:22px;}
.searchrefinements .refineattributes li li a{padding-left:35px}
.searchrefinements .refineattributes li a:hover{background-color:#fff}
.searchrefinements .navgroup{float:left;width:194px;margin-bottom:1px;background-color:#464646;margin-left:1px}
.searchrefinements .navgroup .resultcount{color:#999}
.searchrefinements .navgroup .refineattributes.swatches{float:left;padding-left:25px!important;padding-bottom:25px;padding-top:5px!important;width:157px!important}
.searchrefinements .navgroup .refineattributes.swatches li{float:left}
.searchrefinements #refinement-size .selected a{background-color:#000!important;color:#fff}
.searchrefinements .navgroup .refineattributes.swatches .unselectable{display:none}
.searchrefinements .navgroup .refineattributes.swatches a{width:33px;height:19px;margin:0 5px 5px 0;padding:0;text-indent:0;overflow:hidden}
#refinement-searchColor li a{width:29px;height:15px;padding:1px;text-indent:-1000px;border:1px solid #b2b2b2;background:#dbdbdb url("../images/megasprite.html") no-repeat -355px -38px}
#refinement-searchColor li a:hover,#refinement-searchColor li.selected a{border:1px solid #666;background-color:#333}
#refinement-size .swatches{padding-left:23px}
#refinement-size .swatches a{margin:0;line-height:19px;text-align:center;text-decoration:none;border-top:2px solid #dbdbdb;border-bottom:3px solid #dbdbdb;border-left:2px solid #dbdbdb;border-right:3px solid #dbdbdb;background-color:#fff}
#refinement-size .swatches a:hover{background-color:#666;color:#fff}
.refinements_selected{float:left;width:100%;  margin:0 0 1px; padding:0px 0;background-color:#464646}
.refinements_selected p{float:left;line-height:18px}
.refinetitle{float:left; width:172px; margin:0 0 1px; padding:0 10px; font-weight:bold; font-size:16px; line-height:39px; background-color:#464646; color:#999999;}
.refinements_selected .refinementname{float:left;width:172px;font-weight:bold;margin-left:2px; border:0px solid red}
.refinements_selected .clear_all{padding:5px 7px 0 0;text-align:right;clear:both; line-height:24px;}
.refinements_selected  .clear_all a{padding:5px 7px 0 0;text-align:right;clear:both; line-height:24px; color:#777!important;}
.refinements_selected .clear_all:hover{padding:5px 7px 0 0;text-align:right; color:#000!important; background:#fff; line-height:24px;}
.refinements_selected .relax{display:block;font-weight:normal;padding:5px 5px 5px 9px;color:#777;background:url("../images/megasprite.html") no-repeat 6px -162px; border:0px solid green}


.refinements_selected .refinementname ul
{
float:left;
list-style-type:none;
}

.refinements_selected .refinementname ul li p
{
word-break:break-all;
}
p.col1
{
width: auto;
line-height:20px;
}
p.col2
{
width: auto;
line-height:20px;
}

.refinements_selected .relax.unselectable{cursor:default;background:url("../images/megasprite.html") no-repeat -9px -122px}


/* LEFT COLUMN */


/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
.clearFloat:after
{ 
 content: ".";  
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden; 
}

.clearFloat{display: inline-block;}

/* Hides from IE-mac */
* html .clearFloat{height: 1%;}

.clearFloat{display: block;}
/* End hide from IE-mac */


/* MY MTN ACCORDION */
.accordian {width: 95%; margin: 42px auto;}
.accordian li {list-style-type: none; padding: 3 1px;}
.dimension {height: 150px; overflow:auto; padding:10px;}
.even, .odd {color:#CB0D0D; height: 27px; padding-top: 4px; padding-left: 7px;}
.even {border: 1px solid #d2d2d2; background-color: #e7e7e7;}
.odd {border: 1px solid #e7e7e7; background-color: #e7e7e7;}
/* MY MTN ACCORDION */


/*mypets*/

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 0px;
border: 1px solid #fff;
height:16px;
background:url(images/closed.gif)  no-repeat;
background-position:5px;
padding-left:20px;
width:100%;
font: bold 12px Verdana;

}

.openpet{ /*class added to contents of 1st demo when they are open*/
background:#DEE5E9;
background:url(images/open.gif) no-repeat;
background-position:5px;
padding-left:20px;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}

.mypets1 {cursor: hand;
cursor: pointer;
padding: 2px 0px;
border: 0px solid #fff;
height:16px;
background:url(images/closed.gif)  no-repeat;
background-position:5px;
padding-left:20px;
width:100%;
}
/*ends*/

.register_area{position:relative; width:370px; padding:15px; overflow:hidden; color:#fff;}
.register_area .regis_close{position:absolute; top:0xp; right:12px; cursor:pointer;}
.register_area .colu1{height:20px; color:#fff; border:0px solid red; }
.register_area .colu2{height:25px;}
.pag_link{text-decuration:none}
.pag_link a{color:#999;}
.pag_link a:hover{color:#c00;}
.fillter_by_tit {
    background-color: #464646;
    color: #999999;
    float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin: 0 0 1px 1px;
    padding: 0 10px;
    width: 174px;
}

.file_1 {
   border:2px solid #c4c4c4; height:20px; padding:8px 5px  5px 5px; width:100px; color:#7d7c7c; 
}


.button_blue_big{background:url(../images/browse-1.png) repeat-x top left; width:52px; height:33px;  border:0px solid #1d86c8; color:#4d4c4c; font-weight:bold; cursor:pointer; font-size:12px; font-family:Arial, Helvetica, sans-serif;margin-left: 56px;vertical-align: middle;margin-bottom: 10px;}


/* New Search */
#mainbar .rightbar {    border: 0px solid cyan;    position: relative;    float: left;    width: 50%;    text-align: right;    padding: 20px 0px 0px 0px;    line-height: 22px;    height: 60px;}
.search-form {    padding: 10px;}
.search-form .sinput1 {    padding: 5px;    margin: 4px 4px;    background: #f5f5f5;    border: 1px solid #ddd;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    width: 330px;    height: 16px;    font-size: 12px;    box-sizing: content-box;}
.search-form .sbtn1 {    margin: 2px 0 0 10px;  -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    font-size: 12px;    background: url("../images/loginheader-main.jpg") 0 0 no-repeat;    width: 80px;    height: 28px;    color: #fff;    text-align: center;    padding: 0;    cursor: pointer;    border: 0;    box-sizing: content-box;    font-weight: bold;}

/* Recommended banner section*/
.rtbanner1{float:left; margin-left:0px; margin-top:0px;width:190px; height:435px; }
.rtbanner1 .rtbanner-inner{ background:#fff url('../images/rtbanner_bg.jpg') center bottom repeat-x;padding:6px; padding-right:0;border: 1px solid #d3d3d3; height:389px;}
.rtbanner1 .rt-title{ background: #333;font-size: 13px;color: #fff;padding: 5px 10px;height: 14px; line-height:16px;}

/* Search Styles */
.ac_results{text-align:left;overflow:hidden;z-index:99999;margin:0;padding:0;-webkit-box-shadow: 0px 20px 10px 0px rgba(50, 50, 50, 0.81);-moz-box-shadow:    0px 20px 10px 0px rgba(50, 50, 50, 0.81);box-shadow: 0px 20px 10px 0px rgba(50, 50, 50, 0.81);position: absolute;top: 70px;width: 260px;display: block;left:14px;}
.ac_results ul{list-style-position:outside;list-style:none;background:#333;margin:0;padding:5px 10px 10px}
.ac_results li{cursor:pointer;display:block;overflow:auto;margin:0;padding:0;border-top:1px solid #e1e1e1;}
.ac_results li:first-child{border:0;}
.ac_loading{background-image:url(../../images/loading.gif);background-position:97% center;background-repeat:no-repeat;}
.ac_over{background-color:#FFFFF0;color:#fb0}
.ac_over a:hover{color:#000}
.ac_results li a{display:block; overflow:auto; padding:3px!important; color:#2c2c2c!important;}
.ac_results li a img{width:42px; height:auto; max-height:42px;float:left; margin-right:15px;}
.srchtitle {    background: #333 none repeat scroll 0 0;    color: #fff;    font-weight: bold;    padding: 3px;}
.srchclose {    background: #333 none repeat scroll 0 0;    color: #000;    height: 20px;    width: 100%;}
.srchpredict {    color: #fff;    font-weight: bold;}
.srchpredict img {    height: 14px;    width: 14px; margin-left:5px;}







/* table bg changes for Header top  start*/
#R1C1L1{ background-color: transparent!important;}
#R1C1L2{ background-color: transparent!important;}
#R1C1L3{ background-color: transparent!important;}
#R1C1L4{ background-color: transparent!important;}
#R1C1L5{ background-color: transparent!important;}
#R1C1L6{ background-color: transparent!important;}
/* table bg changes for Header top  stop*/




/* Promo CSS */
.promo-left{position:absolute; top:147px; left:0px;display:block;}
.promo-right{position:absolute; top:147px; right:0px;display:block;}

@media screen and (min-width: 1680px){
	.promo-left{left:120px;}
	.promo-right{right:120px;}
}
@media screen and (max-width: 1365px){
	.promo-left,.promo-right{
	display: none !important;
	}
}

#yellowbanner #signuplinks div{color: #fff!important;}
#yellowbanner #signuplinks div a{color: #fff!important;}
#yellowbanner .ared {color: #fff!important;}

