/*
Credit: http://www.templatemo.com
*/

body {
	margin: 0;
	padding: 0;
	color: #C0C0C0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 16px;
	background-color: #2e2e2e;
	background-repeat: repeat;
	background-image: url(../images/my_body.jpg)
}

a, a:link, a:visited {
	color: #FE6D4B;
	font-weight: normal;
	text-decoration: none;
}

a:hover { 
	text-decoration: underline;
}

a.more {
	display: inline-block; 
	width: 80px; 
	height: 28px; 
	line-height: 28px;
	text-align: center; 
	font-size: 10px;
	font-weight: bold; 
	color: #21bdd0;
	background: url(../images/more_but.jpg);
}
a.more:hover { 
	background: #333; 
	text-decoration: none; 
}

p {
	margin: 0 0 10px 0; 
	padding: 0; 
}

img {
	border: none;
}
.imgage-border{
    BORDER: #737171 5px solid;
}

.img-border{
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #646464;
}


.my_list {
	margin: 10px 0 10px 5px;
	padding: 0px;
	list-style: none; 
}

.my_list li {
	color: #d6d3d3;
	margin: 0 0 5px 0;
    line-height:20px;
	padding: 0 0 0 20px;
	background: url(../images/dot.png) no-repeat scroll 0 7px;
}

.my_list li a {
	color: #636363; font-weight: normal;
}

.my_list li a:hover {
	color: #000;
}

h1, h2, h3, h4, h5, h6 { 
	color: #ECE8E9;
	font-weight: normal;
}

h1 { 
	font-size: 36px;
	margin: 0 0 30px;
	padding: 0px 0;
}

h2 {
	font-size: 26px;
	margin: 0 0 25px;
	padding: 5px 0;
}

h3 { 
	font-size: 20px;
	margin: 0 0 20px;
	padding: 0;
}

h4 {
	font-size: 20px;
	margin: 0 0 10px;
	padding: 0;
    border-bottom:1px solid #CC0000;
}

h5 { 
	font-size: 14px; 
	margin: 0 0 10px; 
	padding: 0;  
}

h6 {
	font-size: 12px; 
	margin: 0 0 5px; 
	padding: 0; 
}

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }

.float_l { float: left }
.float_r { float: right }

#my_wrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 0 10px 10px;
}

#my_header {
	width: 100%;
	padding: 90px 0 10px;
    background: url(../images/mm_logo180.png) no-repeat top left;
}

#my_menu {
	width: 100%;
	height: 82px;
	margin-bottom: 10px;
	background: url(../images/my_menu.jpg) repeat-x
}

#my_middle {
	width: 100%;
	height: 340px;
	margin-bottom: 10px;
	padding-bottom: 2px;
	background: #fff url(../images/my_middle.jpg) repeat-x bottom
}

#my_main {
	width: 100%;
	margin-bottom: 10px;
}

#content {
	width: 720px;
	background: #4C4A4A;
	border: 0px solid #fff;
    padding: 14px;
    margin-bottom:10px;
    background: #4C4A4A url(../images/conent_bottom.png) repeat-x bottom
}

#content h1 {
	font-size: 36px;
	font-weight: 700;
	padding: 0px 10px 20px 10px;
	width: 728px;
	height: 20px;
	margin: -14px 0 14px -14px;
	background: url(../images/my_sidebar_header.png) repeat-x; color: #999
}
.col_2 {
	float: left;
	width: 340px;
	margin-right: 10px;
}

.col_3 {
	float: left;
	width: 220px;
	margin-right: 10px;
}

.col_4 {
	float: right;
	width: 460px;
	margin-right: 10px;
    padding-left:10px;
}

.navLink {
	width: 736px;
    padding: 6px;
    margin-bottom:10px;
    background: #4C4A4A url(../images/conent_bottom.png) repeat-x bottom
}

.Title {
	font-size: 16px;
	margin: 0 0 5px;
	padding: 0 0 0px;
    font-weight:bold;
}

#sidebar { width: 240px }

#my_footer {
	width: 960px;
	text-align: center;
	padding: 9px 19px;
	background: #121212;
	border: 1px solid #3a3a3a
}

#site_title {
	float: left;
}

#site_title h1 {
	margin: 0;
	padding: 0;
}

#site_title h1 a {
	display: block;
	width: 164px;
	height: 20px;
	font-size: 12px;
	color: #ECE8E9;
	text-align: left;
}

#header_right {
	float: right;
	margin-top: -60px;
}

#header_right a { 
	color: #ccc;
}

#menu_second_bar { 
	padding: 5px 10px; 
}

#top_shopping_cart {
	float: left;
	padding: 5px 0; 
	font-size: 11px; 
}

#my_search {
	float: right; 
}

#my_search form {
	margin: 0;
	padding: 0;
}

#my_search .txt_field {
	float: left;
	display: block;
	margin-right: 5px;
	height: 24px;
	line-height: 24px;
	width: 300px;
	color: #999;
	font-size: 12px;
	padding: 0 5px;
	font-variant: normal;
	border: 1px solid #A5A5A5;	
	background: #333;
}

#my_search .sub_btn {
	float: right;
	display: block;
	color: #fff;
 	height: 26px;
	font-size: 11px;
	font-weight: 700;
	line-height: 26px;
	cursor: pointer;
	border: 1px solid #333;
    background: url(../images/my_menu_hover.jpg) repeat-x top

}

.sidebar_box {
	position: relative;
	background: #4c4a4a;
	margin-bottom: 36px;
}

.sidebar_box h3 {
	font-size: 28px;
	font-weight: 700;
	padding: 0px 10px 20px 10px;
	width: 220px;
	height: 20px;
	margin-bottom: 0px;
	background: url(../images/my_sidebar_header.png) no-repeat; color: #999
}

.sidebar_box span.bottom {
	position: absolute;
	bottom: -26px;
	left: 0;
	width: 240px;
	height: 26px;
	background: url(../images/my_sidebar_bottom.jpg)
}

#sidebar .sidebar_box .content {
	padding: 10px 10px 0;
}

#sidebar .sidebar_list {
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

#sidebar .sidebar_list li { 
	display: block; 
	margin: 0; 
	padding: 3px 0; 
	border-top: 1px solid #595858;
	border-bottom: 1px solid #343434;
    background: url(../images/dot.png) no-repeat scroll 0 7px;

}

#sidebar .sidebar_list li.first {
	border-top: none;
}

#sidebar .sidebar_list li.last {
	border-bottom: none;
}

#sidebar .sidebar_list li a {
	color: #d6d3d3;
    padding: 0 0 0 15px;
}

#sidebar .sidebar_list li a:hover {
	color: #0089F3;
	text-decoration: none;

}
#sidebar .sidebar_list li:hover {
    color: #0089F3;
    background: url(../images/my_menu_hover.jpg) repeat-x
}

.product_box {
	float: left;
	width: 220px;
    height:260px;
	text-align: center;
    padding:5px 0px 5px 0px;
	margin: 0 20px 30px 0;
    DISPLAY: inline-block;
    position:relative;
}

.product_box img {
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #646464;
}

.product_box .product_info{
  height:90px;
  line-height:12px;
}


.product_box span {
	font-size: 14px;
	color: #ffffff;
    line-height: 24px;
}

.product_box .product_price {
	color: #8fb410;
	font-size: 14px;
	font-weight:700
}

.product_box .add_to_cart {

	float: left;
	display: block;
	width: 110px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #fff;
    bottom:0px;
	background: url(../images/add_to_cart1.png)
}
.product_box .in_cart {

	float: left;
	display: block;
	width: 110px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #fff;
    bottom:0px;
	background: url(../images/in_cart.png)
}

.product_box .watchlist {
	float: left;
	display: block;
	width: 110px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: url(../images/watchlist.png)
}

.product_box .saved {
	float: left;
	display: block;
	width: 110px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: url(../images/saved.png)
}

.product_box .outofstock {
	float: left;
	display: block;
	width: 110px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: url(../images/Out_of_Stock.png)
}

.product_box .makeanorder {
	display: block;
	width: 160px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: url(../images/make_an_order.png)
}

.checkout input { 
	border: 1px solid #ccc; 
	margin-bottom: 15px; 
	padding: 5px; 
}


#my_footer {
	color: #707070;
}

#my_footer a {
	color: #999;
}


/******************************** CSS style for Button  ***********************************8*/
.button {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0.55em; MARGIN: 0px 2px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 1.2em; OUTLINE-WIDTH: medium; PADDING-RIGHT: 1.5em; ZOOM: 1; DISPLAY: inline-block; FONT: 14px/100% Verdana,Arial, Helvetica, sans-serif; VERTICAL-ALIGN: middle; CURSOR: pointer; TEXT-DECORATION: none; PADDING-TOP: 0.5em; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.button:hover {
	TEXT-DECORATION: none
}
.button:active {
	POSITION: relative; TOP: 1px
}
.bigrounded {
	-webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em
}
.medium {
	PADDING-BOTTOM: 6px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FONT-SIZE: 12px; PADDING-TOP: 6px
}
.small {
	PADDING-BOTTOM: 0.45em; PADDING-LEFT: 0.6em; PADDING-RIGHT: 0.6em; FONT-SIZE: 11px; PADDING-TOP: 0.20em
}
.big {
	PADDING-BOTTOM: 1.8em; PADDING-LEFT: 2.8em; PADDING-RIGHT: 2.8em; FONT-SIZE: 18px; PADDING-TOP: 1.80em;
}

.green {
	BORDER-BOTTOM: #538312 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A3D117', endColorstr='#769712'); BORDER-LEFT: #538312 1px solid; BACKGROUND: #64991e; COLOR: #ffffff; BORDER-TOP: #538312 1px solid; BORDER-RIGHT: #538312 1px solid
}
.green:hover {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');color:#E5B819;
}
.green:active {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

.orange {
	BORDER-BOTTOM: #da7c0c 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); BORDER-LEFT: #da7c0c 1px solid; BACKGROUND: #f78d1d; COLOR: #fef4e9; BORDER-TOP: #da7c0c 1px solid; BORDER-RIGHT: #da7c0c 1px solid
}
.orange:hover {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); BACKGROUND: #f47c20; COLOR: #0C89CE
}
.orange:active {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); COLOR: #0C89CE
}

.gray {
	BORDER-BOTTOM: #555 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); BORDER-LEFT: #555 1px solid; BACKGROUND: #6e6e6e; COLOR: #e9e9e9; BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid
}
.gray:hover {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b'); BACKGROUND: #616161
}
.gray:active {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888'); COLOR: #afafaf
}

.white {
	BORDER-BOTTOM: #b7b7b7 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); BORDER-LEFT: #b7b7b7 1px solid; BACKGROUND: #fff; COLOR: #606060; BORDER-TOP: #b7b7b7 1px solid; BORDER-RIGHT: #b7b7b7 1px solid
}
.white:hover {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); BACKGROUND: #ededed
}
.white:active {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); COLOR: #999
}

.black {
	BORDER-BOTTOM: #333 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000'); BORDER-LEFT: #333 1px solid; BACKGROUND: #333; COLOR: #d7d7d7; BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid
}
.black:hover {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000'); BACKGROUND: #000
}
.black:active {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666'); COLOR: #666
}

	BORDER-BOTTOM: #980c10 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); BORDER-LEFT: #980c10 1px solid; BACKGROUND: #d81b21; COLOR: #faddde; BORDER-TOP: #980c10 1px solid; BORDER-RIGHT: #980c10 1px solid
}

.red {
	BORDER-BOTTOM: #aa1317 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de898c', endColorstr='#aa1317'); BORDER-LEFT: #aa1317 1px solid; BACKGROUND: #333; COLOR: #d7d7d7; BORDER-TOP: #aa1317 1px solid; BORDER-RIGHT: #333 1px solid
}
.red:hover {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); BACKGROUND: #b61318
}
.red:active {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24'); COLOR: #de898c
}

.blue {
	BORDER-BOTTOM: #0076a3 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); BORDER-LEFT: #0076a3 1px solid; BACKGROUND: #0095cd; COLOR: #d9eef7; BORDER-TOP: #0076a3 1px solid; BORDER-RIGHT: #0076a3 1px solid
}
.blue:hover {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e'); BACKGROUND: #007ead
}
.blue:active {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee'); COLOR: #80bed6
}
.rosy {
	BORDER-BOTTOM: #b73948 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f'); BORDER-LEFT: #b73948 1px solid; BACKGROUND: #da5867; COLOR: #fae7e9; BORDER-TOP: #b73948 1px solid; BORDER-RIGHT: #b73948 1px solid
}
.rosy:hover {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845'); BACKGROUND: #ba4b58
}
.rosy:active {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c'); COLOR: #dca4ab
}

.pink {
	BORDER-BOTTOM: #d2729e 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab'); BORDER-LEFT: #d2729e 1px solid; BACKGROUND: #f895c2; COLOR: #feeef5; BORDER-TOP: #d2729e 1px solid; BORDER-RIGHT: #d2729e 1px solid
}
.pink:hover {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4'); BACKGROUND: #d57ea5
}
.pink:active {
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3'); COLOR: #f3c3d9
}

/************ Table ************/


#mytable {
	padding: 0;
	margin: 0;
    font-family: Arial,sans-serif;
    font-size: 11px;
    color:#ffffff
}

caption {
    text-align: left;
    color:#68791F;
    font-size:15px;
    font-weight: bold;
    font-style:italic;
    margin:10px 0 10px 10px;
}
.tabHead{
    color:#4C4A4A;
    font-size: 12px;
    font-weight: bold;
    height:24px;
    background: #FFD9D3 url(../images/stay_menu_o.jpg) repeat-x;
}

.td0{
    BORDER-top: #FF4E4E 0px solid;
    BORDER-bottom: #FF4E4E 0px solid;
    BORDER-left: #FF4E4E 0px solid;
    BORDER-right: #FF4E4E 0px solid;
}

.td1{
    BORDER-top: #FF4E4E 1px solid;
    BORDER-bottom: #FF4E4E 1px solid;
    BORDER-left: #FF4E4E 1px solid;
    BORDER-right: #FF4E4E 0px solid;
}

.td2{
    BORDER-top: #FF4E4E 1px solid;
    BORDER-bottom: #FF4E4E 1px solid;
    BORDER-left: #FF4E4E 1px dotted;
    BORDER-right: #FF4E4E 0px solid;
}

.td3{
    BORDER-top: #FF4E4E 1px solid;
    BORDER-bottom: #FF4E4E 1px solid;
    BORDER-left: #FF4E4E 1px dotted;
    BORDER-right: #FF4E4E 1px solid;
}

.td4{
    BORDER-top: #FF4E4E 0px solid;
    BORDER-bottom: #FF4E4E 1px solid;
    BORDER-left: #FF4E4E 1px solid;
    BORDER-right: #FF4E4E 0px solid;
}

.td5{
    BORDER-top: #FF4E4E 0px solid;
    BORDER-bottom: #FF4E4E 1px solid;
    BORDER-left: #FF4E4E 1px dotted;
    BORDER-right: #FF4E4E 0px solid;
}

.td6{
    BORDER-top: #FF4E4E 0px solid;
    BORDER-bottom: #FF4E4E 1px solid;
    BORDER-left: #FF4E4E 1px dotted;
    BORDER-right: #FF4E4E 1px solid;
}

.td7{
    BORDER-top: #FF4E4E 0px solid;
    BORDER-bottom: #FF4E4E 1px solid;
    BORDER-left: #FF4E4E 1px solid;
    BORDER-right: #FF4E4E 1px solid;
}

.td8{
    BORDER-top: #FF4E4E 0px solid;
    BORDER-bottom: #FF4E4E 0px solid;
    BORDER-left: #FF4E4E 1px dotted;
    BORDER-right: #FF4E4E 0px solid;
}
.td9{
    BORDER-top: #FF4E4E 0px solid;
    BORDER-bottom: #FF4E4E 1px dotted;
    BORDER-left: #FF4E4E 0px dotted;
    BORDER-right: #FF4E4E 0px solid;
}
.hidden {
	DISPLAY: none
}

.DateBox {
    border:solid 1px #FF4E4E; color: #000000 ;WIDTH: 80px; HEIGHT: 16px;FONT-FAMILY: Arial; font-size:12px;
}
.yetext{
    border:solid 1px #A5A5A5;
    color: #FFFFFF;
    background: #4C4C4C;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height:18px;
    padding: 1px;
}

.myimg{
  	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #646464;
}

/************ Shortcut Buttons ************/

.shortcut-button {
    border: 0px solid #ccc;
    background: #4C4C4C url('../images/shortcut-button-bg.gif') top left no-repeat;
    display: block;
    width: 120px;
    margin: 0 0 20px 0;
    }

.shortcut-button span {
    border: 1px solid #666666;
    display:block;
    padding: 10px 5px 10px 5px;
    text-align: center;
    color: #FF4F4F;
    font-size: 12px;
    line-height: 20px;
    }

.shortcut-button span img {
    margin-bottom: 6px;
    }

.shortcut-button:hover {
    background: #666666;
    }

.shortcut-button span:hover {
    color: #8FB410;
    }

ul.shortcut-buttons-set li {
    float: left;
    margin: 0 15px 0 0;
    padding: 0 !important;
    background: 0;
    list-style: none;
}

/************ Login Message box************/
.messagebox{
	position:absolute;
	width:250px;
	margin-left:0px;
    margin-top:0px;
	border:1px solid #c93;
	background:#ffc;
	padding:4px;
    color:#004DE6
}
.messageboxok{
	position:absolute;
	width:250px;
	margin-left:0px;
    margin-top:0px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:4px;
	font-weight:bold;
	color:#008000;
}
.messageboxerror{
	position:absolute;
	width:250px;
	margin-left:0px;
    margin-top:0px;
	border:1px solid #FD3D0E;
	background:#FEC9BD;
	padding:4px;
	font-weight:bold;
	color:#CC0000;
}

.yes {
     text-indent: -5000px;
     display: inline-block;
     background: transparent url(../images/Yes.png);
     height:24px;
     width: 24px;
}

.yes.no {
     background-position:0 24px;
}

.new {
     text-indent: -5000px;
     display: inline-block;
     background: transparent url(../images/Yes.png);
     height:24px;
     width: 24px;
}

.new.old {
     background-position:0 24px;
}

.num {
    display:inline-block;
	color: #3291E5;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 11px;
	cursor: pointer;
	margin-left: 3px;
	border: 1px solid #60A9EB;
	background-color: #EAEAEA;
    text-decoration: none;
}

.num_o {
    display:inline-block;
	color: #FF0000;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 11px;
	cursor: pointer;
	margin-left: 3px;
	border: 1px solid #60A9EB;
	background-color: #92BC20;
    text-decoration: none;
}