/*
#######################################################
# SEWINGMACHINESPLUS.COM WISHLIST                     #
#                                                     #
# Copyright (C) 2010 Jesse Woo SewingMachinesPlus.com #
#  All Rights Reserved                                #
# http://www.psychogenic.com/                         #
#                                                     #
# last updated on 03.17.2005                          #
# Sections:                                           # 
#  GENERAL                                            #
#  CONTENT                                            #
#   .form GENERAL                                     #
#   .form SPECIFIC                                    #
#  HEADER                                             #
#  FOOTER                                             #
#######################################################
*/


.barlen {
	background-color:#993333;
	margin:1px 5px;
	vertical-align:text-bottom;
}

.content {
	padding:0 15px 10px;
	margin:5px 5px 0;
	border:1px solid #8CA6BD;
	width:85%;
	max-width:900px;
	background:#fff;
}
.content TABLE {
	border-top:1px solid #5A7184;
	border-left:1px solid #5A7184;
	padding:0;
	margin:0 0 10px 0;
}
.content TABLE TH {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
	background:#999;
	letter-spacing:0.04em;
	text-align:left;
	padding:1px 5px 1px;
}
.content TABLE TD {
	padding:1px 5px;
	border-bottom:1px solid #5A7184;
	border-right:1px solid #5A7184;
	vertical-align:middle;
}
.content TABLE TD.lab {
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:right;
	padding:1px 5px;
	color:#425361;
	letter-spacing:0.03em;
	vertical-align:middle;
	width:25%;
}
.content TABLE TR {
	background:#FFFFFF;
}
.content TABLE TR.alt {
	background:#F2F9FF;
}
.copy {
	font:9px Arial, Helvetica;
	letter-spacing:0.08em;
	height:8px;
	color:#829BB0;
	margin:0;
	padding:0 0 0 5px;
}
FORM {  
	display:inline;
}
.form {
	line-height:25px;
	padding:3px;
	margin-bottom:5px;
	border:1px solid #ccc;
	background:#f2f2f2;
}
.form INPUT,.form SELECT {
	font:12px #000 Verdana;
	padding:0;
	margin:0;
	letter-spacing:0.03em;
}
.form INPUT {
	padding:1px;
}
.form INPUT.button {
	font:bold 12px #000 Arial;
	color:#000;
	letter-spacing:0.05em;
	padding:0 5px;
}
H1 {
	font:bold 17px Arial, Helvetica;
	color:#000;
	margin:0;
	padding:5px 0 0 10px;
	letter-spacing:0.04em;
}
H2 {
	font:bold 14px Arial, Helvetica;
	margin:0;
	padding:5px 0;
	letter-spacing:0.04em;
}
H3 {
	font:bold 13px Arial, Helvetica;
	color:#660000;
	margin:0;
	padding:5px 0 1px;
	letter-spacing:0.03em;
}
H4 {
	font:bold 12px Arial, Helvetica;
	color:#425361;
	margin:0;
	padding:5px 0 1px;
	letter-spacing:0.08em;
}
H5 {
	font:italic 12px Arial, Helvetica;
	color:#660000;
	margin:0;
	padding:0 0 2px 0;
	letter-spacing:0.08em;
}
.productwished {
	line-height:25px;
	padding:3px;
	margin-bottom:5px;
	border:1px solid #ccc;
	background:#f2f2f2;
}
.menu {
	position:relative;
	left:-15px;
}
.menu .item, .menu .itemLk { 	 
	float:left;
	padding:2px 5px 3px;
	border-right:1px solid #666;
}
.menu .item { 	 
	color:#666;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.06em	
}
.menu .itemLk { 	 
	letter-spacing: 0.03em;
	background:#f2f2f2;
	border-bottom:1px solid #666;
}
.menu A:link,.menu A:visited,.menu A:hover {
	font-weight:bold;
}
.rating,.ratingBG {
	margin:0px;
	padding:0px;
}
.rating {
	background:url('/wishlist/images/review_on.gif') repeat-x;
}
.ratingBG {
	background:url('/wishlist/images/review_off.gif') repeat-x;
}
TABLE.col {
	border:0;
	padding:0;
 	margin:0;
}
TD.col {
	width:50%;
	vertical-align:top;
	padding:0;
 	margin:0;
 	border:0 !important;
}
TEXTAREA {
	padding:1px;
	vertical-align:middle;
}
.tplerror,.errmsg,.err {	
	color: #cc0000;
	padding: 0 5px; 
	font: 12px "Courier New", Courier, mono;
	letter-spacing: 0.03em;
	text-decoration: blink;
}
.tplmessage {
	color: #fff;
	background: #ff66cc;
	padding: 1px 2px 2px 5px;
	font: bold 14px/14px "Courier New", Courier, mono;
	letter-spacing: 0.03em;
	border-top: 1px solid #fff;
}



	body {
		margin: 0px;
		padding: 0px;
	}
	
	/* HEADER STYLES */
	
	div.head1 {
		/* This is the top strip of the site header, where the SewingMachinesPlus.com logo is and everything to the right */
	
		background-image: url(/images/layout/top-bg1a.gif);
		background-repeat: repeat-x;
		position: relative;
		top: 0px;
		left: 0px;
		bottom: auto;
		right: auto;
		height: 80px;
		margin: 0px;
		width: 100%;
		overflow: hidden;
	}
	
	td.headerInfo {
		vertical-align: middle;
		height: 49px;
		width: 175px;
	}
	
	td.headlinks {
		/* Controls the links between the phone numbers and McAfee seal */
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		vertical-align: center;
		line-height: 150%;
	}
	
	td.headlinks a {
		color: #000000;
		font-weight: bold;
		text-decoration: underline;
	}
	
	#headerText {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12pt;
		font-weight: bold;
	}
	
	div.head2 {
		/* This is the middle strip of the site header, with the grey background */
	
		background-image: url(/images/layout/top-bg2.gif);
		background-repeat: repeat-x;
		position: relative;
		top: 0px;
		left: 0px;
		bottom: auto;
		right: auto;
		height: 50px;
		margin: 0px;
		width: 100%;
		vertical-align: middle;
		overflow: hidden;
	}
	
	div.head2 img {
		/* Controls any banners placed in head2 */
		
		margin: 1px 3px 0px 3px;
		float: left;
	}
	
	div.head3 {
		/* This is the bottom strip of the site header, with the red background and the dropdown nav menus */
	
		background-image: url(/images/layout/top-bg3.gif);
		background-repeat: repeat-x;
		position: relative;
		top: 0px;
		left: 0px;
		bottom: auto;
		right: auto;
		height: 41px;
		margin: 0px;
		width: 100%;
		z-index: 4;
	}
	
	/* END HEADER STYLES */

	.sidenav {
		/* This is the red column on the left, containing the side navigation */
	
		width: 200px;
		height: 100%;
		vertical-align: top;
	}
	
	.sidenav div.top {
		/* contains the top image of the red sidebar */
		
		margin: 0px;
		padding: 0px;
		border: none;
		bottom: auto;
		height: 14px;
		overflow: hidden;
	}
	
	.sidenav div.mid {
		/* contains the navigation links in the red sidebar */
		
		margin: 0px;
		padding: 0px;
		border: none;
		background-image: url(/images/layout/side-bg.gif);
		background-repeat: repeat-y;
		height: 100%;
	}
	
	.sidenav div.mid p {
		/* Controls the appearance of the text in the red sidebar */

		margin: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	.sidenav div.mid p a {
		/* Controls the appearance of the links in the red sidebar */
	
		color: #FFFFFF;
		text-decoration: none;
		display: block;
		width: 190px;
		text-indent: 15px;
		background-image: url(/images/layout/wh-arrow.gif);
		background-repeat: no-repeat;
	}
	
	.sidenav div.mid p a:hover {
		/* Controls the rollover effects on the links in the red sidebar */
	
		background-color: #b63b3e;
		background-image: url(/images/layout/bl-arrow.gif);
	}

	.sidenav div.mid p.category {
		/* Controls the appearance of the category headers in the red sidebar */
	
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		margin-right: 15px;
		margin-left: 4px;
		margin-bottom: 5px;
		background-color: #c9c9c9;
		border: 1px solid #000000;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	
	.sidenav div.mid br {
		/* Controls the height of explicit line breaks (<br> tags) inserted between navigational categories */
	
		line-height: 5px;
	}
	
	.body {
		/* the center of the page where the content will change */
		
		width: 680px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: top;
	}
	
	
/* FOOTER OF WISHLIST */	
	div.footer {
		background-color: #751113;
		border-top: 1px solid #999999;
		padding: 20px;
		color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	div.footer * {
		color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	div.footer * td {
		padding: 10px;
	}
	
	div.footer * a {
		color: #FFFFFF;
		text-decoration: none;
	}


	div.topnav {
		width: 1010px;
		margin: 0px;
		padding: 0px;	
	}
	
	img {
		border: none;
	}
	
	img.logo {
		margin: 0px;
		width: 460px;
		height: 80px;
		vertical-align: top;
	}
	
	img.side {
		/* controls the image at the top of the red sidebar on the left */
	
		margin: 0px;
		padding: 0px;
		height: 14px;
		width: 200px;
	}



/* TOP NAV MENUS BELOW THIS LINE */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 23px; margin-top: 13px; /* I'm using ems and px to allow people to zoom their font */
 left: -1px;
 width: 150px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 148px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 margin-right: -1px;
 width: 124px;
 height: 35px;
border-left: 1px solid #9f9f9d;
border-right: 1px solid #9f9f9d;
padding: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #FFFFFF;
		text-align: center;
		line-height: 14px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin: 0;
 margin-bottom: -1px;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist li a {
 display: block;
 padding: 3px;
 color: #FFFFFF;
 text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFFFFF;
}
.menulist a.highlighted {
 color: #FFFFFF;
}

	ul.submenu li {
		width: 124px;
		background-color: #390100;
		padding: 0px;
		margin: 0px;
		font-size: 12px;
		text-align: left;
		border-left: 1px solid #a0a09e;
		border-bottom: 1px solid #a0a09e;
		border-right: 1px solid #a0a09e;
		height: auto;
	}
	
	ul.submenu li a:hover {
		background-color: #b63b3e;
	}
	
	
/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */