/* CSS Document */

/* COLORS /
DK Purple: 453148
Type Purple: 6B1C71
Type Gray: 4A424B
Type Nav: E3E4D4
Tan: EEE9E3
Orange: E99709
DK Gray: 343434
*/

/*----- GLOBAL STYLES - APPLY TO ALL PAGES  -----*/
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }
/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 {
	font-size : 1.0em;
}
/* Removes list-style from lists */
ol,ul { list-style : none; }
/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }
/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }
/* Removes border from fieldset and img */
fieldset,img { border : 0; }
/* Left-aligns text in caption and th */
caption,th { text-align : left; }
/* Removes quotation marks from q */
q:before, q:after { content :''; }


body {
	margin:0; padding:0;
	background:#EEE9E3 url(/images/faux-finish-pattern-tan.jpg); height:100%;
	width:100%;
	font : 72%/1.7 "Trebuchet MS", Trebuchet, "Lucida Sans Unicode", Arial, sans-serif; color : #4A424B;
	word-spacing: -0.05em;
	}
	
	p {
	line-height:1.7em;
}
	
	li {line-height:1.5em;}
	
	h1 {
	font-size:2.1em;
	color:#6B1C71;
	margin-top:0px;
	line-height:1.1em;
	border-top: thin solid #343434;
	border-bottom: double #343434;
	padding-bottom: 3px;
}
	h2 {
	font-size:1.8em;
	color:#343434;
}
	h3 {
	font-size:1.6em;
	color:#4A424B;
	margin-top:10px;
}
	h4 {
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bolder;
}
	
	a, a:link, a:active {text-decoration:underline; color:#990066;}
	a:hover, a:active:hover {text-decoration:underline; color:#E99709;}
	
	.coupon {background:#FFF; padding:8px; border: 2px dotted #009bc9; color:#543018; font-size:14px;   }
	
	.secTitle {background:#543018; color:#FFF; font-size:14px; padding:3px 0px;width:156px; text-align:center;margin-bottom:4px;}
	
	hr {height:1px; width:100%; border:0;color:#dacfc6; background:#dacfc6; margin:-1px 0 !important; margin:-10px 0; padding:0;}
	
	.flag { 
		background:#009bc9;
		padding:4px;
		color:#FFF;
		text-transform:uppercase;
		font-weight:100;
		text-align:center;
		}
	.shopdesigner a {
		display:block;
		margin-right:200px;
		background:#009bc9;
		font-weight:800;
		font-size:14px;
		text-align:center;
		padding:5px;
		color:#FFF;
		width:200px;
		text-decoration:none;
		border:3px solid #dacfc6;
		}
		
	.shopdesigner a:hover {
		background:#e73f97;
		color:#FFF;
		text-decoration:none;
		}

/* ---------------- Page Structure ------------------- */
	#container {
	width:960px;
	margin:0px auto;
	 }
	
	#content {
	float:left; 
	width:960px;
	padding:0; margin:0;
	 }
	 
	div#header {
	float:left;
	width:960px;
	height:100px;
	padding-top:8px;
	margin-bottom:-15px;
	background:transparent url(/images/content-header.gif) no-repeat 258px 10px;
	 }
	 
	 #header a, #header a:active {margin-right:10px;text-decoration:none; color:#FFF; text-transform:uppercase; letter-spacing:.08em; font-weight:200; font-size:11px;}
	 #header a:hover, #header a:active:hover {color:#e73f97;}
	 
	 #shopnav {
	 	float:right;
		width:650px;
		text-align:right;
		}
		
		#logo {
			float:left; 
			 margin-left:145px; /* works in all */
  			*margin-left:145px; /* targets IE6 and 7 */
  			_margin-left:75px; /* targets IE6 */ 
			margin-top:0px;
			}
			
	div#branding {
	position : relative;
	z-index : 10;
	height : 100px;
	width: 275px;
	background : transparent url(/images/morrison-and-me-logo.gif) no-repeat 0 0;
	margin-bottom: -30px;
	}
	div#branding h1 {
	text-indent:-9999px;
	border:none;
	height:100px;
	}

	div#branding blockquote { 
	position : absolute;
	top : -9999px; }
	
	.spacer {clear:both;}
	
	 #realmain {
	 margin-top:10px;
	 float:left;
	 width:960px;
	 }
	 
	#leftcol {
	float:left;
	width:258px;
	padding-top:10px;}
	
	#rightcol {
	float:left;
	width:684px;
	background:#EEE9E3;
	border-left: #453148 solid 9px;
	border-bottom: #453148 solid 9px;
	border-right: #453148 solid 9px;
	padding-top:0px;
	padding-bottom:10px;
		}
	#rightContent {
	float:left;
	width:624px;
	padding-left: 30px;
	padding-right: 30px;
	min-height:650px;
	}
	
	.inside {padding:5px; }
	.interiorcontent {float:left; width:640px; margin-left:38px;}
	.interiorcontent .namerow {padding:10px;}
		
	#footer {text-align:right;padding: 10px 30px 0px 0px;}
	#footer a, #footer a:active {}
	#footer a:hover, #footer a:active:hover {}
	
	#copyright {width:960px; float:left;margin:7px 0 0 0;padding:0 0 0 260px;}

	#poweredby {width:960px; float:left; text-align:right; font-size:.8em; margin-bottom:10px;}
	#poweredby	a, a:link, a:active {text-decoration:none;}
	#poweredby	a:hover, a:active:hover {text-decoration:underline;}
	.illustration-head {text-align:center;margin:-20px 0 0 0;padding-bottom:2px;}

/* ---------------- Side Navigation ------------------- */
#designernav, #departmentnav {width:256px; padding-left:2px;}
/* -------- TABS --------- */
.nav {
	width: 256px;
	height: 73px;
	position: relative;
	margin:0;
	padding:0;
}
.nav5 a:hover {background:  url(/images/nav-morrison.gif) 0px -73px no-repeat;}
.nav3 a:hover {background:  url(/images/nav-morrison.gif) -90px -73px no-repeat;}

ul.nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	position: absolute;
	text-indent:-9999px;
}
.nav a {display: block;}

.nav1 {background:  url(/images/nav-left-accent.gif) 0px 0px no-repeat;
	width: 68px;
	height: 73px;
}
.nav2 {background:  url(/images/nav-morrison.gif) 0px -73px no-repeat;
	left: 68px;
	top: 0px;
	width: 90px;
	height: 73px;
}
.nav3 {background:  url(/images/nav-morrison.gif) -90px 0px no-repeat;
	left: 158px;
	top: 0px;
	width: 90px;
	height: 73px;
}
.nav4 {background:  url(/images/nav-right-accent.gif) 0px 0px no-repeat;
	left: 248px;
	width: 8px;
	height: 73px;
}
.nav5 {background:  url(/images/nav-morrison.gif) 0px 0px no-repeat;
	left: 68px;
	top: 0px;
	width: 90px;
	height: 73px;
}
.nav6 {background:  url(/images/nav-morrison.gif) -90px -73px no-repeat;
	left: 158px;
	top: 0px;
	width: 90px;
	height: 73px;
}

.nav a {height: 73px;}

/* -------- LIST --------- */
.navCategory, .navDesigner {
	width:210px;
	left: 0px;
	background-color:#453148;
	float: right;
}
.navCategory li {
	color:#E3E4D4;	
	font-size:13px;
	line-height:18px;
	font-weight:bold;
	text-indent:30px;
	margin-top:10px;
	}
.navCategory li ul li {
	color:#E3E4D4;
	font-size:13px;
	line-height:18px;
	font-weight:normal;
	text-indent:45px;
	margin-top:0;
	}

.navCategory img {
	padding:0 0 0 5px;
	margin: -5px 0 5px 0;
}
.navCategory a:link, .navCategory a:visited, .navDesigner a:link, .navDesigner a:visited {
	text-decoration:none; color:#E3E4D4;
}
.navCategory a:active, .navCategory a:hover, .navDesigner a:active, .navDesigner a:hover {
	text-decoration:underline; color:#E3E4D4;
}
.navDesigner li {
	color:#E3E4D4;
	font-size:13px;
	line-height:18px;
	font-weight:normal;
	text-indent:30px;
	}

.navhere {
	background-image:url(/images/nav-on-background.gif);
	background-repeat: no-repeat;
	background-position: 8px bottom;
}
#navsale a {
	color:#E99709;}

.navscroll {
	width:205px; 
	height:350px;
	overflow:auto;
	margin-top:10px;
	margin-left:0;
	margin-bottom:10px;
	}

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


/* ---------------- Section Pages ------------------- */

	#section {
	float:left;
	width:670px;
	}
	#centerLeftCol {
	float:left;
	width:450px;
	margin-top:1px;
	}
	
	#centerLeftCol p {color:#999; font-size:14px; line-height:1.5em; padding:0px 20px;}
	
	#centerRightCol {
	float:left;
	width:246px;
	text-align:center;
	}

/* ---------------- Designer page navigation ------------------- */	

#designContentnav ul
{
margin-left: .5em;
padding-left: 0;
list-style-type: none;
}
#designContentnav a, #designContentnav a:link, #designContentnav a:visited
{
display: block;
padding: 3px 0px;
width: 150px;
color:#FFF;
text-decoration:none;
border-bottom: 2px dotted #e1ecde;
font-weight:700;
}
#designContentnav a:hover, #designContentnav a:visited:hover {
text-decoration:none;
color:#e73f97;
}
#searchsite {
background-color:#453148;
margin:10px 0 0 48px;
padding:0 0 60px 20px;
}
	
/* ---------------- Form buttons ------------------- */
input.ftext {background-color:#ebebff; border: 2px solid #998980; color:#000;}
input.button {background-color:#EEE9E3; color:#6b1c71; border:none;cursor:pointer; text-transform:uppercase; font-size:1.2em; font-weight:bold;}


/* ---------------- Shopping specific styles ------------------- */

.catnamebox {	border-top: thin solid #343434;
	border-bottom: double #343434;
}
.catnamebox h1{border:none;}

.prodtable {margin:10px 0;}


.namerow, .smallprice {font-size:1em; text-align:left; margin:0;padding-bottom:7px;}
.smallprice {line-height:1em;}
.namerow a, .namerow a:active {text-decoration:underline;}
.namerow a:hover, .namerow a:active:hover {text-decoration:none;}

 .detaillink a, .detaillink a:active {text-decoration:none; color:#FFF;}
 .detaillink a:hover, .detaillink a:active:hover {text-decoration:none; color:#543018;}
	
.pictrow {text-align:left; padding-right:25px;}

.deptlist {font-size:1em; line-height:16px;}

.pagecount {padding-top:10px;color:#343434; margin-bottom:10px; padding-left:0px; }
.prodname {font-size:2em; line-height:1.1em;margin:0; border:none; color:#343434; padding-top:15px; font-weight:100;}
.shortdesc, .smallcatname, .longdesc, .crosslink {margin-bottom:8px;}
.shortdesc, .smallcatname, .longdesc {font-size:1.2em;}
.smallcatname {font-weight:800;font-size:1em;line-height:.7em;}
.specinst {line-height:16px; color:#543018; font-style:italic; margin-bottom:10px;}
.price {font-size:1.6em; margin-bottom:10px; font-weight:200;}

.pictrow img, #section img {border:4px solid #BBB7B1; margin-bottom:5px; }
.detaillink a, .detaillink a:visited { color:#6B1C71; text-decoration:none; border:0;}
.detaillink img {border:0; padding:0;}

.alsorec {float:left; clear:both; width:630px; margin:25px 0;}
.seealso {color:#FFF; font-weight:800; background-color:#E99709; width:600px;padding:3px 20px 2px 10px;}
.alsorec td { padding-top:10px; }

	
div.float {float:left; margin:5px 15px 5px 0px;overflow:visible;}
div.item {float:left; margin:5px 15px 5px 0px;width:130px;}

.catname h1 {
font-weight:100;
}
table.product {margin-top:20px;}


/* ---------------- shopping bag styles ------------------- */
.shoppingbag {margin: 25px 0;

}

.itemdesc a, .itemdesc a:active {text-decoration:underline; color:#543018;}
	.itemdesc a:hover, .itemdesc a:active:hover {text-decoration:underline; color:#e73f97;}
/* heading styles */
.sbhead {
	font-size: 1.2em;
}
.sbhead  p {
	margin-top: 0;
	margin-bottom: 0;
	margin-left:5px;
	margin-right:5px;
}
.sbqtyhead, .sblistpricehead, .sbtotalpricehead {
	text-align:right;
	font-weight:700;
}
/* item row styles  */
.sbitem {
	border:medium solid #dacfc6;
	font-size: 14px;
}
.sbitem p {	
	margin-left:5px;
	margin-right:5px;
}
.sbimage {
	width:110px;
	text-align:center;
}
.sbitemname {
	width:320px;
}
.itemremove {
	text-align:right;
}
.sbqty {
	width:50px;
	text-align:right;
}
.sblistprice {
	width:100px;
	text-align:right;
}
.sbtotalprice {
	width:100px;
	text-align:right;
}
/* summary lines */

.sbsubtotal {
	background-color:#E99709;
	font-size: 1.7em;
}
.sbsubtotal p {
	margin-left:15px;
	margin-right:15px;
	color:#FFF;
}
.sbline { margin-bottom:10px;
}
.alsorec  {
	margin-bottom:10px;
}