/* CSS Document */
body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; background:#245 url("../images/bkgd.gif");}

p {font-size:11px; line-height:13px;}
h1 {font-size:24px; color:#FFF; font-weight:400;}
h2 {font-size:18px; color:#234455; font-weight:500;}

dt {font-weight:600;}
dd {font-size:11px; line-height:13px;}

#brandlist ul {list-style-type:none; margin:0; padding:0;}
	#brandlist li {
		display: block; float:left; width:33%; padding-bottom:10px; font-size:10px;
		}
	#brandlist ul li a {
		display:block;
		}

#leftnav {float:left;width:150px;height:400px;overflow:auto;}
#leftnav ul {
	list-style-type:none; margin:0; padding:0 6px;}
#leftnav li {margin:0; padding:2px 0; font-size:12px; }
	
#leftnav li a:link, #leftnav li a:visited { color:#FFF; text-decoration:none;border-bottom: 1px solid #D66656;}
#leftnav li a:hover, #leftnav li a:visited:hover {color:#FFF; text-decoration:none; background-color:#D66656;border-bottom: 1px solid #D66656;}

/* ---------------------- PAGE STRUCTURE ----------------------- */


#container {
	position:relative;
	text-align:left;
	margin: 0 auto;
	padding:0;
	width:780px;
	}

#madisontop {
	float:left; height:140px; width:780px;
	background:url("../images/secskyline.gif") no-repeat bottom left;}
	
	.shopright {
	position:absolute;top:0; 
	padding:0px; margin:0;
	right:10px;
	}
	#secfish {position:absolute; top:0px; left:0px;}
	#account {position:absolute; top:0px; left:100px;}
	#search {position:absolute; top:100px; left:20px;}
	#giftideas {position:absolute; top:100px; left:295px;}
	#logo {position:absolute; top:12px; right:25px;}
#secnav {
	float:left; 
	background:#B64434; 
	width:774px; 
	border-right:3px solid black; border-left:3px solid black;
	}
#yellow {
	float:left; 
	background-color:#FC0;
	width:774px; 
	height:25px;
	padding:0; margin:0;
	border-right:3px solid black; border-left:3px solid black;} 

/*-- when yellow is used for category/department links, put inside div inside it --*/

	.inside {float:left; padding:0; margin:0;}
	.clear {clear:both;}
	.hide {display:none;}
	.spcr {padding:3px;}
	
#content {
	float:left;
	color: #000;
	text-align: left;
	margin: 0;
	padding: 0;
	width:774px; border-right:3px solid black; border-left:3px solid black;
}
.interior {
	float:left;
	padding:0px 20px;
	}
#seccolor {
	float:left;
	margin: 0;
	padding: 0;
	background:url("../images/secbkgd.gif") repeat-y;
}

#leftcol {
	float: left;
	text-align: left;
	width: 150px;
	}
#main {
	float: left;
	text-align: left;
	width: 624px;
	background:url("../images/mainsky.gif") no-repeat top left;
	}

#footer {
	float:center;
	background:#FFF;
	color:#000;
	width:774px;
	height:110px;
	padding:0;
	margin:5;
	border-bottom:3px solid black;
	border-right:3px solid black;
	border-left:3px solid black;
	font:12px Verdana, Arial, Heveltica;
	text-align:center;
}

#footer a:link, #footer a:active, #footer a:visited {
	color:#000; 
	text-decoration:underline;

}
	
#footer a:hover, #footer a:active:hover, #footer a:visited:hover {
	color:#B64434; 
	text-decoration:underline;
}

.fleft {
	float:left;color:#FFF; 
	text-decoration:none; 
	font-size:9px; margin-right:10px;
	padding-bottom:10px;}
.fright {
	float:left;color:#FFF; 
	text-decoration:none; 
	font-size:9px; margin-right:10px;
	padding-bottom:10px;}

.fright a:link, .fright a:active, .fright a:visited {color:#FFF; text-decoration:none;}
.fright a:hover, .fright a:active:hover, .fright a:visited:hover {color:#FC0; text-decoration:none;}

.inside { padding:5px; margin:0;}

/* ---------------------- HOMEPAGE ----------------------- */
#homemadisontop {
	float:left; height:236px; width:780px;padding-top:0px;
	background:url("../images/madhometop.gif") no-repeat bottom left;
	}
#shomefish {position:absolute; top:0px; left:0px;}
#homefeature {
	position:absolute; 
	top:87px; left:30px;
	}
#homeyellow {
	float:left; 
	text-align:center;
	background-color:#FC0;
	width:774px; 
	border-right:3px solid black; border-left:3px solid black;} 
	
	#homeyellow img {padding:5px;}
#color {
	float:left;
	margin: 0;
	padding: 0;
	width:774px;
	background:#C0CDD2 url("../images/homebuildings.gif") no-repeat top left;
}
#homemaillist {
	float: left;
	padding-left:15px;
	text-align: left;
	width: 155px;
	}
#hometour {
	float: left;
	text-align: center;
	width: 186px;
	}
#homedenim {
	float: left;
	text-align: left;
	width: 192px;
	}
#homeevents {
	float: left;
	text-align: left;
	width: 214px;
	}
	
	/* ---------------------- DENIM LOUNGE NEW -------------*/
	#topdenim { 
	float:left;width:774px;
	}
	#denimlogo {position:absolute; top:170px; left:15px;}
	#denimquote {float:right; padding:40px 10px 0px 0px; margin-bottom:20px;}
	#denimpants {position:absolute; top:175px; left:300px;}
#bottomdenim {float:left; width:774px;}
 #denimyellow {
float:left; width:774px; height:134px; top:380px; background:url("../images/denimlounge/yellowbanner.gif") repeat-x;
margin-bottom:90px;
 }
 
 #denimyellow ul {list-style:none;margin-top:0px;}
 #denimyellow li {margin-top:5px; margin-bottom:5px;}

 /* ---------------------- GIFT IDEAS ----------------------- */
 
 #gifttitle {position:absolute; top:160px; left:5px; width:264px; height:334px;}

	
#giftinside { float:left; padding-left:200px; padding-top:10px; text-align:right; }
#gift {padding:10px 10px 10px 40px;}
#giftyellow {
	float:right;
	margin-top:10px;
	margin-bottom:50px; 
	text-align:center;
	background-color:#FC0;
	width:704px; 
	border:3px dotted #FFF;} 
	
 /* ---------------------- STORE HISTORY ----------------------- */

#aboutinside { float:left; padding:10px 10px 10px 220px;text-align:left; }

p.callout {font-size:12px; line-height:15px; color:#B64434; font-weight:600; background-color:#FFF; padding:3px;} 

 /* ---------------------- MAILING LIST ----------------------- */

#mailinside { float:left; padding:100px 10px 10px 160px;text-align:left; }
 #mailtitle {position:absolute; top:160px; left:5px; }
 
 #mailyellow {
	float:right;
	margin-top:10px;
	margin-bottom:50px; 
	text-align:center;
	width:704px; 
	border:3px dotted #FFF;} 
 
  /* ---------------------- LOCATIONS ----------------------- */


#locations {padding:10px 20px 10px 20px;}

#locationsinside { float:left; padding-left:325px; padding-top:10px; text-align:left; }

#locationsborder {
	float:left;
	padding:20px;
	width:660px;
	margin-bottom:20px; 
	border:3px dotted #FFF;}  
	
	 #locmap {position:absolute; top:170px; left:15px; }

 /* ---------------------- NEWSLETTER ----------------------- */
#news {padding:10px 20px 10px 20px; margin-bottom:10px;}
#newsinside { float:left; padding:10px 20px 10px 20px;text-align:left; }
#newsyellow {
	float:left;
	margin-top:10px;
	margin-bottom:50px; 
	text-align:center;
	background:#FFF url("../newsletter/newsbkgd.jpg") no-repeat top right;
	width:704px; 
	} 

#newsspacer {float:right; padding:10px 150px 0px 0px; height:150px; }
#newstitle {float:left; padding:10px 145px 0px 0px; }

/* ---------------------- LINKS ----------------------- */
a {color:#234; text-decoration:underline;}
a:visited {color:#234; text-decoration:underline;}
a:active {color:#234; text-decoration:underline;}
a:hover {color:#B64434; text-decoration:underline;}

/* ---------------------- LEFT SIDE NAVIGATION ----------------------- */

#deptnav { width: 150px; height:600px; overflow:auto;}

#deptnav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font: 12px Arial, Helvetica, sans-serif;

}

#deptnav a
{
display: block;
padding: 3px 3px 3px 5px;
width: 125px;
/*background-color: #B64434;*/
color:#FFF;
border-bottom: 1px solid #D66656;
text-decoration:none;
}

#deptnav a:link, #navlist a:visited
{
color: #FFF;
text-decoration: none;
}

#deptnav a:hover
{
background-color: #D66656;
color: #fff;
}
#deptnav li.deptselected {
background-color: #D66656;
}



/* --------------------- EMPLOYMENT -----------------------*/

#employApp {
font-size:11px; 
line-height:13px;
}
#employConfirm{
font-size:11px;
line-height:13px;
margin:0 25px 0 25px;
}

/* --------------------- CONTACT US -----------------------*/

p.smaller{
font-size:9px;
}

/* ------------------------ PRESS ------------------------ */

#press{
margin:20px;
text-align:left;
}

#pressText{
text-align:left;
margin:0 40px 0 40px;
}

.pressImgLeft{
float:left;
margin:0 15px 15px 40px;

}

/*------------------------DESIGNERS------------------------*/

.designers{
font-size:12px;
border:hidden;
}

#designyellow{
float:left;
margin-top:10px;
margin-bottom:50px; 
text-align:center;
background-color:#FC0;
width:704px; 
border:3px dotted #FFF;}


#designertitle{position:absolute; top:195px; left:75px; /*width:264px; height:334px;*/}


/* ---------------------- SHOPPING ----------------------- */

.flag {font-size:10pt; background:#FC0; color:#B64434; text-align:center;}

input.ftext {background-color:#FFF; border: 1px solid #FFF; color:#000;}
input.button {background-color:#245; color:#FFF; border:0;cursor:pointer; }

.shopt {
	padding:0;
	margin:-1px 0 -3px 0 !important;
	margin:0 0 -3px 0;
	}
	
.namerow {font-size:14px; line-height:16px;}
.longdesc {font: 12px/15px Arial, Helvetica, sans-serif;}
.shortdesc {font: 12px/15px Arial, Helvetica, sans-serif;}
.specinst {font: 12px/15px Arial, Helvetica, sans-serif; font-style:italic;}
.deptlist {font-size:14px; line-height:16px;}
.price {font-size:12px; line-height:16px;font-weight:bold;margin-top:10px;margin-bottom:10px;}
h1.prodname {color:#B64434; padding-bottom:5px; font: 18px/1.3 Arial, Helvetica, sans-serif; font-weight:700; margin:0;}
.catname h1 {color:#FFF; padding-bottom:5px; font: 24px/1.3 Arial, Helvetica, sans-serif; font-weight:700;margin:0;}
.catname a h1 {padding-bottom:5px; font: 24px/1.3 Arial, Helvetica, sans-serif; font-weight:700;margin:0;text-decoration:none;}
.deptname {color:#FFF; padding-bottom:5px; font: 24px/1.3 Arial, Helvetica, sans-serif; font-weight:700;}
.pagecount {font-size:12px; line-height:14px;}
	
div.float {float:left; margin:5px 15px 5px 0px;overflow:visible;}
div.item {float:left; margin:5px 15px 5px 0px;width:130px;}


#navbar {
	background-color: #B64434;
	color: #FFF;
	float:left;
	width:774px; 
	border-right:3px solid black; border-left:3px solid black;
	font-size:11px;
	height:22px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  Style Theme:0 -Basic Style
  -----------------------------------
*/
#p7PMnav {
	margin: 0;
	padding:0;
}
#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#p7PMnav ul {
	margin: 0;
	padding: 0;
	background-color: #B64434;
/*	border: 1px solid #000000; */
	position: absolute;
	left: -9000px;
	z-index: 10000;
}
#p7PMnav a {
	display: block;
	text-decoration: none;
	padding: 5px 4px 5px 4px;
	border-right:1px solid #D66656;
	color: #fff;
	line-height:1;
}
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
	background-color: #D66656;
	color: #FFFFFF;
}

/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
	color: #fff;
/*	font-weight: bold;  */
	background-color: #D66656;

}
/* ------ the trigger link styles ------- */

/*the trigger link */
#p7PMnav ul .p7PMtrg, #p7PMnav ul .p7PMon {
	background-image:  url(p7pm/img/p7PM_light_east.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}
/* the active trigger link style */
#p7PMnav .p7PMon {
	background-color: #B64434;
	color: #FFFFFF;
}
/*the submenu classes */

#p7PMnav .p7PMhide {
	left: -9000px;
}
#p7PMnav .p7PMshow {
	left: auto;
	z-index: 20000 !important;
}
/* Top level menu width */
#p7PMnav li {
	float: left;
	width: auto; 
}
#p7PMnav ul li {
	float: none;
	border-bottom:1px solid #D66656;
}
#p7PMnav ul, #p7PMnav ul li {
	width: 100px;
}
#pmmcrumb {
	font-weight: bold;
	margin-bottom: 16px;
	color: #fff;
}
#pmmcrumb a, #pmmcrumb a:visited {
	font-weight: normal;
	color: #fff;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
	font-weight: normal;
	color: #fff;
}

#men1 {width:50px;text-align:center;}
#men2 {width:55px;text-align:center;}
#men3 {width:45px;text-align:center;}
#men4 {width:45px;text-align:center;}
#men5 {width:45px;text-align:center;}
#men6 {width:95px;text-align:center;}
#men7 {width:72px;text-align:center;}
#men8 {width:73px;text-align:center; background-color:#8B2E21;}
#men9 {width:151px;text-align:center;}
#men10 {width:80px;text-align:center; }
#men11 {width:83px;text-align:center;}


.shoppingbag {
	margin-bottom:30px;
}
/* heading styles */
.sbhead {
	background-color:#EEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}
.sbhead  p {
	margin-top: 0;
	margin-bottom: 0;
	margin-left:5px;
	margin-right:5px;
}
.sbqtyhead, .sblistpricehead, .sbtotalpricehead {
	text-align:right;
}
/* item row styles  */
.sbitem {
	background-color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000;
}
.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:#EEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.sbsubtotal p {
	margin-left:5px;
	margin-right:5px;
}
.sbline {
}
.shoppingbag .seealso {padding-top:30px }

.recitem {
	width:120px;
	float:left;
}

.detaillink {
	text-align:left;
	font-size:11px;
	margin-bottom:10px;
}
