/* CSS Document */
#topNavMenu {
/*	background-image:url(/v/vspfiles/templates/1/images/Template/topnav-background.jpg); */
	FONT: bold 11px Arial; 
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none;
}
#topNavMenu a {	
	
	COLOR: #FFFFFF; 
	
}


#topNavMenu ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#topNavMenu ul li {
	margin-left: 0;
	padding: 3px 15px;
	list-style: none;
	display: inline;
	}
	
		
#topNavMenu ul li.here {
	border-bottom: 1px solid #ffc;
	list-style: none;
	display: inline;
	}
	
#topNavMenu ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}

/********************* MM STYLES *****************************************************/
.hide { display: none; }

body {
	background-color: #5e504b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #62524E;
	margin: 0;
	padding: 0;
}

#sidebar {
	background-color: #E4B1B1;
	width: 218px;
	vertical-align: top;
}
a {
	color:#CC4D46;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	}
a:visited {
	color:#CC4D46;
}
a.linkPDF {
	padding: 2px 0 4px 20px;
	line-height: 24px;
	background: url(../../../../images/mm/icon-pdf.gif) top left no-repeat;
}
a.linkDemo {
	padding: 2px 0 4px 20px;
	line-height: 24px;
	background: url(../../../../images/mm/icon-demo.gif) 3px 0 no-repeat;
}

/********************************************************************/
/* This is the stuff I changed..........                            */
/********************************************************************/
ul#nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: transparent url(../../../../images/mm/bg_subnav.gif) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4B241C;
	line-height:14px;

}

ul#nav li {
    /* this is shorthand...
    background:background-color background-image background-repeat background-position
    */
	background:transparent url(../../../../images/mm/bg_subnav.gif) repeat-x left bottom;
    /* this is shorthand too...
    padding: top-value right-value bottom-value left-value
    */
	padding:6px 0;
} 

#nav a:link, #nav a:visited, #nav a:active {
	display:block;
    color: #4B241C;
	text-decoration: none;
    /* set padding here instead of 'text-indent' */
    padding-left:28px;
}
/* this takes care of the rollover AND the 'current' state */
ul#nav li.current strong {
    /* 
    notice the 10px at the end of this line...we can specify 'top left'
    but we can also give pixel values. this pushes the hover image in by 10px
    */
    display:block;
	background:transparent url(../../../../images/mm/subnav-o.gif) no-repeat 10px 50%;
}
#nav a:hover {
	color: #391811;


}
/*
I just used <strong> for the heck of it...we just need something to
separate it from the other <a> elements. Try changing this (in the definition above)
"ul#nav li.current strong" to "ul#nav li.current a" and see what I mean.
*/
ul#nav li.current strong {
font-weight: normal;
display:block;
}

ul#nav li ul.v4old_subnav {
    /* by default we want to hide the subnav... */
    display:none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
    /* ...but if it's within the 'current' nav item then we want to show it */
ul#nav li.current ul.v4old_subnav {
    display:block;
}
ul#nav li ul.v4old_subnav li {
	background:transparent;
	padding:0 0 0 12px;
	margin:5px 0;
	line-height: 18px;

}
/********************************************************************/
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 31px;
	line-height: 18px;


}
.hometext {
	padding-left: 30px;
}

h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
		color: F1908A;
	padding-top: 0px;
	padding-left: 10px;

}

h1 {font-size: 22px;
}

h2 {
font-size:16px;
}

h3 {
	font-size: 14px;
	}
h4 { margin-bottom: 0; font-size: 12px; text-transform: uppercase; color: #62524e; }

a:link, a:active {
	color:#CC4D46;
	text-decoration: none;
}
a:visited {color:#CC4D46;}
a:hover {text-decoration: underline;}

.testimonial {
	color: #782C28;
	font-family: Georgia, serif;
	font-size: 12px;
	font-style: italic;
	padding-left: 25px;
	padding-right: 8px;
}
.testimonialName {
	color: #3d3230;
}
ul {
	list-style:none;
	margin-left:10px;
	padding-left:10px;
	margin-bottom:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
ol {
	margin-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 20px;


}
ul li, ul li ul li {
    padding:0 0 5px 15px;
    background:transparent url(../../../../images/mm/bullet.gif) no-repeat 0 6px;
}
	
#leftdiv {
	background-repeat: repeat-x;
	background-color: #E4B1B1;
	background-image: url(../../../../images/mm/bg_subleft.jpg);
	width: 218px;
	}
	
#maindiv {
	background-repeat: repeat-x;
	background-image: url(../../../../images/mm/bg_submain.jpg);
	background-color: #FFFFFF;
	}
		
#footer {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFFDE2;
	font-size:12px;
	padding-bottom: 25px;
	padding-top: 10px;
}
#footer a:link,#footer a:visited,#footer a:active {
	color: #FFFDE2;
	text-decoration: none;
}

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

table#copy {
	font-size:12px;
	background:#FFFDE2;
	border:1px solid #62524E;
	border-collapse:collapse;
	margin:10px auto 10px 10px;


}
table#copy th {
	background-color:#FFFDE2;
	border-bottom:1px none!important;
	font-family:Arial, sans-serif;
	font-size:12px;
	color: #62524E;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #62524E;
	border-left-color: #62524E;
	border-top-style: none;
	font-weight: bold;
	text-align: center;

}
table#copy td, table th {
	vertical-align: top;
	text-align:left;
	padding:5px;
	border-bottom:1px solid #62524E;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: 62524E;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: 62524E;
}
.bold {
	font-weight: bold;
}
.faq {
	font-weight: bold;
	font-style: normal;
	margin-right: 15px;
	}
.normal {
	font-weight: normal;
	font-style: normal;
}
.top {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	color: #E4B1B1;
	text-align: right;
	margin-bottom: 20px;

}
.top a:link, .top a:visited, .top a:active {
	text-decoration: none;
	padding: 0 5px;
}
.top .firstLink {
	border-right: 1px solid #E4B1B1;
}
.top a:hover {
	text-decoration: underline;
	}
table#photo {
	width: 500px;
	margin: 0 0 50px 10px;
	
}
table#phtwo {
	width: 300px;
	margin-bottom: 50px;
}
.picC {
	align: center;
	margin-bottom: 50px;
	margin-left: 100px;
}
.picR {
    float:right;
    margin:10px 10 10px 20px;
}
.picL {
    float:left;
    margin:10px 20px 10px 0;
}
.small {
	font-weight: normal;
	font-style: normal;
	font-size: 9px;

}
.swatch {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: F1908A;
	font-size: 12px;
	padding-bottom: 5px;

}
.redbold {
	font-weight: bold;
	color: #CC4D46;

}

/*************************************
  SITEMAP
**************************************/
#sitemap li ul {
	margin-top: 3px;
	margin-bottom: 5px;
}

/*************************************
  HOMEPAGE LABEL SIDEBAR
**************************************/
#labelSidebar div {
	margin: 10px 0;
}
a.label {
	font-size: 12px;
	color: #62524E;
	padding: 2px 16px 4px 4px;
	background: url(../../../../images/mm/label-arrow.gif) top right no-repeat;
}
/*************************************
  SWATCH OVERLAY
**************************************/
#swatchOverlay {
	font-family: Georgia, "Times New Roman", Times, serif;
	position: absolute;
	top: 223px;
	width: 100%;
	height: 440px;
	border: 1px solid #ccc;
	padding: 10px;
	text-align: center;
	color: #666; 
	display: none;
}
#swatchName {
	font-size: 16px;
	padding-top: 150px;
}
#swatchOverlay a {
	font-size: 11px;
	color: #666; 
}

/*************************************
 Press room
**************************************/

.pressroom { margin: 0; overflow: hidden; _zoom: 1; }

.pressroom li { float: left; list-style-type: none; background: none; padding: 0;  }

.thumbnail { border: 1px solid #ccc; margin: 0 10px 15px 0; }
.gallery .thumbnail { margin: 0 10px 5px 0; }
.gallery .caption { margin-bottom: 20px; }

#pressRoomPopup { padding: 10px; }
#pressRoomPopup .closeLink { float: right; font-size: 90%; }
#pressRoomPopup h1 { margin: 0; padding: 0 0 5px 0; font-size: 110%; color: #f1908a; }

#pressRoomPopup img ,
#pressRoomPopup object { border: 2px solid #8c7667; }

#link { padding-top: 5px; }
#link a { color: #fffde2; font-size: 90%; } 

/*************************************
 Swatches
**************************************/
#copy .swatchBG { text-align: center; }
#copy .black { background-image: url(../../../../images/mm/sw_black.jpg); }
#copy .sand { background-image: url(../../../../images/mm/sw_sand.jpg); }
#copy .sage { background-image: url(../../../../images/mm/sw_sage.jpg); }
#copy .chocolate { background-image: url(../../../../images/mm/sw_choco.jpg); }
#copy .rose { background-image: url(../../../../images/mm/sw_rose.jpg); }
#copy .camo { background-image: url(../../../../images/mm/sw_camo_olive.jpg); background-position: 20% 0; }

#copy .swatchBling { }
#copy .crown { background-image: url(../../../../images/mm/swsm_crown.jpg); }
#copy .peace { background-image: url(../../../../images/mm/swsm_peace.jpg); }
#copy .dragon { background-image: url(../../../../images/mm/swsm_dragon.jpg); }
#copy .skull { background-image: url(../../../../images/mm/swsm_skull.jpg); }
#copy .fleur { background-image: url(../../../../images/mm/swsm_fleur.jpg); }
#copy .wings { background-image: url(../../../../images/mm/swsm_wings.jpg); }

/*************************************
 Volusion Cart
**************************************/
#contentWell h1 { padding-left: 0; }
#contentWell table { width: auto; }
#contentWell table td { margin: 0 !important; padding: 0 !important; text-align: left !important; }
#contentWell { padding: 0 10px; }
#MainForm td td td { padding: 1px !important; font: 12px Arial, Verdana, Helvetica, sans-serif; }

.ProductNameColorLARGE { font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px; margin: 0 0 6px 0; }

#display_cart_summary { margin: 20px 30px; padding: 4px; background-color: #fffdf2; color: #782C28; border: 1px solid #b58585; border-width: 0 1px 1px 0; }
#display_cart_summary div { padding: 4px; border: 1px dashed #eec4b8; }
#display_cart_summary a { display: block; margin-top: 5px; background: url(../../../../images/mm/shopping_cart_bg.gif) no-repeat 0 100%; padding: 8px 0 0 20px; }

#table_checkout_cart0 { display: none; }

.onePageCheckout #contentWell form table table table td { padding: 2px 2px 2px 10px !important; }
.onePageCheckout #contentWell form table table table table td { padding-left: 0 !important; }
.onePageCheckout #contentWell form table table table td div { text-align: left !important; }

.onePageCheckout #leftdiv, .onePageCheckout #sidebar { display: none; }
.onePageCheckout #contentWell { padding-left: 50px !important; }


/*************************************
 Homepage Sidebar Callout
**************************************/
.sidbarCallout { margin-bottom: 15px; padding: 5px 30px 0 5px; }
.sidbarCallout h3 { margin: 0 0 5px 0; padding: 0; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
.sidbarCallout h3 a { color: #5f1e00; }
.sidbarCallout p { margin: 0; padding: 0; }
.sidbarCallout p a { padding-left: 0; line-height: 12px; font-size: 11px; color: #7c6662; }