body {
	background-image: url(../images/bkgd_whitebluegrade.jpg);
	width: 100%;
	margin: 0px;
	background-repeat: repeat-x;
	background-position: top;
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	color: #753F0F;
	text-align: left;
	font-weight: normal;
}

/* entire page - aids stretch/adjusting width and helps the site center in broswer */
#container {
	width: 100%;
	margin-top: 0px;
	height: auto;

}

/* entire masthead - includes logo and tag */
#mastcontainer {
	width: 800px;
	height: 145px;
	position: relative;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}
#logo {
	width: 390px;
	height: 138px;
	float: left;
}
#tagarea {
	width: 393px;
	height: auto;
	margin-left: 400px;
	top: 90px;
	position: relative;
}

/* all divs controlling top nav */
#TopNav {
	height: 65px;
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	background-image: url(http://www.fussybritches.net/images/topnav_brownbar3.png);
	background-repeat: no-repeat;
	list-style-type: none;
}
#NavBtnContainer {
	height: 70px;
	width: 800px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#TopNav ul {
	list-style-type: none;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1000;
	margin-left: 0px;
	padding: 0px;
	margin-top: 0px;
}
#TopNav li {
	list-style-type: none;
	position: relative;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#TopNav ul ul {
	display: none;
	list-style-type: none;
}
#TopNav ul.level1 li.AboutUs {
	display: block;
	padding-right: 40px;
	padding-bottom: 18px;
}
#TopNav ul.level1 li.Fabric {
	display: block;
	padding-right: 40px;
	padding-bottom: 18px;
}
#TopNav ul.level1 li.Order {
	display: block;
	padding-right: 40px;
	padding-bottom: 18px;

}
#TopNav ul.level1 li.FussFans {
	display: block;
	padding-right: 40px;
	padding-bottom: 18px;
}
#TopNav ul.level1 li.Blog {
	display: block;
	padding-right: 0px;
	padding-bottom: 18px;
}

/* Controls position and hover of subnav: About Us */
#TopNav ul.level1 li.AboutUs:hover ul.AboutUsSub { display: block;}
#TopNav .AboutUs .AboutUsSub { float: left; width: 250px; left: 0px; margin-top: 47px;}
#TopNav .AboutUs .AboutUsSub a { color: #753F0F; text-decoration: none; margin-top: 0px; padding-right: 16px;}
#TopNav .AboutUs .AboutUsSub a:hover { color: #ee84b5;}

/* Controls position and hover of subnav: Fabric */
#TopNav ul.level1 li.Fabric:hover ul.FabricSub { display: block;}
#TopNav .Fabric .FabricSub { float: left; width: 350px; left: 0px; margin-top: 47px;}
#TopNav .Fabric .FabricSub a { color: #753F0F; text-decoration: none; margin-top: 0px; padding-right: 16px;}
#TopNav .Fabric .FabricSub a:hover { color: #ee84b5;}

/* Controls position and hover of subnav: Order */
#TopNav ul.level1 li.Order:hover ul.OrderSub { display: block;}
#TopNav .Order .OrderSub { float: left; width: 350px; left: 0px; margin-top: 47px;}
#TopNav .Order .OrderSub a { color: #753F0F; text-decoration: none; margin-top: 0px; padding-right: 16px;}
#TopNav .Order .OrderSub a:hover { color: #ee84b5;}

/* div that holds all things below the top nav down to footer */
#maincontainer {
	width: 820px;
	height: auto;
	position: relative;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}	
#sidenav {
	width: 211px;
	height: 375px;
	position: relative;
	float: left;
	background-image: url(../images/sidenav_pinkbox.png);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
}
#sidenav ul {
	list-style:none;
	width: 93%;
	margin: 0;
	padding: 0;
	position: relative;
	top: 70px;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	height: auto;
}	
#sidenav ul a {
  display: block;
  margin: 0;
  padding: 0;
}
#sidenav ul a span {
  display: block;
  margin: 0;
  padding: 0;
  }
#sidenav li {
	background: transparent url(../images/snav_brwnbtn_end.png) no-repeat scroll right top;
	height: 30px;
	display: block;
	margin: 0;
	padding-bottom: 13px;
}
#sidenav a {
	background: transparent url(../images/snav_brownbtn.png) no-repeat left top;
	height: 30px;
	width: 95%;
	display: block;
	margin: 0;
	color:#FFFFFF
  }
#sidenav a:hover {
	color:#EE84B5	
  }
  
/* controls mail list link below side nav */
#sidenav #joinmaillist {
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	color: #753F0F;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	position: relative;
	margin-left: 22px

  }
#sidenav #joinmaillist a:link {
	color: #753F0F;
	text-decoration: none;
	background-image: none;
	margin-left: 25px

  }
  
#sidenav #joinmaillist a:visited {
	color: #753F0F;
	text-decoration: none;
	background-image: none;

  }
  #sidenav #joinmaillist a:hover {
	color: #EE84B5;
	text-decoration: underline;
	background-image: none;

  }
  
/* div containing editable region */
#maincontent {
	width: 580px;
	height: auto;
	position: relative;
	margin-left: 230px;
	text-align: left;
}

/* used on pages where footer was sitting up too high due to little content */
#maincontentpush {
	width: 100%;
	height: 400px;
	position: relative;
	text-align: left;
}
/* used on pages where footer was sitting up too high due to little content */
#maincontentpush2 {
	width: 100%;
	height: 550px;
	position: relative;
	text-align: left;
}
/* used on fussy fan page to push footer */
#maincontentpush3 {
	width: 100%;
	height: 2150px;
	position: relative;
	text-align: left;
	}
#footer {
	width: 570px;
	height: 35px;
	position: relative;
	top: 0;
	margin-left: 230px;
	margin-top: 5px;
}
#copyright {
	width: 570px;
	height: auto;
	position: relative;
	top: 0;
	margin-left: 230px;

}
#fussfanhiglight {
	width: 570px;
	height: 266px;
	position: relative;
	top: 0;
	background-image:url(../images/fussfans_box_brwndot.png);
}
#fussfantext {
	width: 250px;
	height: 210px;
	position: relative;
	top: 0;
	padding: 40px 30px 20px 50px;
	text-align: left;
	vertical-align: top;
	float: left;
}
#fussfanpic {
	width: 190px;
	height: 220px;
	position: relative;
	top: 0;
	margin-left: 340px;
	padding: 24px 15px 15px 15px;
	vertical-align: top;
}
#fussfancollage {
	width: 570px;
	height: 550px;
	position: relative;
	top: 0;
}

/* controls space between mail list form items */
#frmMail p {
	line-height: 26px;
}

/* misc text styles */

.frmMailFieldNames {
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	color: #753F0F;
	text-align: right;
	font-weight: normal;
	font-variant: small-caps;
}
.frmMailSmItal {
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	color: #753F0F;
	text-align: left;
	font-weight: normal;
	font-style: italic;
}
.bodytext {
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	color: #753F0F;
	text-align: left;
	font-weight: normal;
}
.bodytextbold {
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	color: #753F0F;
	text-align: left;
	font-weight: bold;
}
.bodytextital {
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	color: #753F0F;
	text-align: left;
	font-weight: normal;
	font-style: italic;
}
.pinkboldtext {
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	color: #EE84B5;
	text-align: left;
	font-weight: bold;
}
.smallhead {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	color: #EE84B5;
	text-align: left;
	font-weight: bold;
	font-variant: small-caps;
	line-height: 26px;
}
.lgrsubhead {
	font-family: "Times New Roman", Times, serif;
	font-size: 14pt;
	color: #EE84B5;
	text-align: left;
	font-weight: bold;
	font-variant: small-caps;
	line-height: 30px;
}
.faqlist {
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	color: #753F0F;
	text-align: left;
	font-weight: bold;
}
.sidelinks {
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	color: #FFFFFF;
	text-align: left;
	font-weight: normal;
	text-indent: 33px;
	line-height: 30px;
	font-variant: small-caps;
	}
.shopcart {
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	color: #753F0F;
	text-align: right;
	padding-top: 15px;
	font-weight: normal;
}
.tagline {
	font-family: "Times New Roman", Times, serif;
	font-size: 13pt;
	font-weight: bold;
	font-variant: small-caps;
	color: #753F0F;
	text-align: right;
}
.faqlist {
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	color: #753F0F;
	text-align: left;
	font-weight: bold;
}
.collecImgName {
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	color: #753F0F;
	text-align: left;
	font-weight: normal;
}
.footertext {
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	color: #753F0F;
	text-align: center;
	font-weight: normal;
}
.fussfanhead {
	font-family: "Times New Roman", Times, serif;
	font-size: 18pt;
	color: #EE84B5;
	text-align: left;
	font-weight: bold;
	font-variant: small-caps;
}

.fussfanname {
	font-family: "Times New Roman", Times, serif;
	font-size: 14pt;
	color: #753F0F;
	text-align: left;
	font-weight: bold;
	font-variant: small-caps;
}
.fussfancity {
	font-family: "Times New Roman", Times, serif;
	font-size: 13pt;
	color: #753F0F;
	text-align: left;
	font-weight: normal;
	font-style:italic;
	font-variant: small-caps;
}

#swatches-siginitial {
	width: 570px;
	margin-left: 10px;
	margin-top: 10px;
}
#swatches-siginitial td {
	padding-bottom: 20px;
}
#swatches-siginitial img {
	border: 1px solid #753F0F;
}
#swatches {
	width: 570px;
	margin-left: 10px;
	margin-top: 10px;
}
#swatches td {
	padding-bottom: 5px;
}
#swatches img {
	border: 1px solid #753F0F;
}
#swatches td.swatch-text {
	color: #753F0F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	white-space: nowrap;
	padding-top: 5px;
	clear: both;
}
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 0px;
	width: 120px;
}
ul.thumb li {
	margin: 0; padding: 0px;
	float: left;
	position: relative;
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 110px; height: 110px;
	padding: 0px;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic; 
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;
	border: none;
}
ul.giftsetHZ {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 190px;

}
ul.giftsetHZ li {
	margin: 0; padding: 0px;
	float: left;
	position: relative;
	width: 175px;
	height: 117px;
}
ul.giftsetHZ li img {
	width: 175px;
	height: 117px;
	padding: 0px;
	position: absolute;
	left: 0;
	top: 0;
	-ms-interpolation-mode: bicubic;
	border: 1px solid #753F0F;
}
ul.giftsetHZ li img.hover {
	background:url(thumb_bg.png) no-repeat center center;
}
ul.giftsetVT {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 190px;

}
ul.giftsetVT li {
	margin: 0; padding: 0px;
	float: left;
	position: relative;
	width: 117px;
	height: 175px;
}
ul.giftsetVT li img {
	width: 117px; 
	height: 175px;
	padding: 0px;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic; 
	border: 1px solid #753F0F;
}
ul.giftsetVT li img.hover {
	background:url(thumb_bg.png) no-repeat center center;
	border: none;
}
#color-swatch td {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right: 3px;
}
#color-swatch img {
	border: 1px solid #753F0F;
	margin-right: 3px;
	margin-bottom: 5px;
}
#color-swatch-container {
	height: 225px;
	width: auto;
}