/*
   Color Sets Templates

	 Maroon: #3a1608
	 Pink: #e64c85
	 Pink link: #dd0175;
	 
	 
*/

html {margin: 0; padding: 0;}
body {
	margin: 20px 0;
	padding: 0;
	font-family: arial, sans-serif;
	background: #f1efef;
	font-size: 11px;
	color: #3A1608;
	letter-spacing: .8px;
	
}

/*p {
	line-height: 14px;*/
}

img.preload {display: none;}

a {color: #3a1608; text-decoration: none; outline: none; }
a:hover {color: #DD0175; /*text-decoration: underline;*/}

img, img a, img a:hover {border: 0;}

em {
	color: #DD0175;
	font-style: normal;
}

#page {
	width: 1000px;
	overflow: hidden;
	background: #fff url(http://www.freddymadev.com/images/uploads/bgs/background12.gif) no-repeat;
	border: 1px solid #d1d1d1;
	margin: 0 auto;
	padding: 58px 0 10px 0;
}

#header {
	overflow: hidden;
	height: auto;
}

#container {
	width: 972px;
	margin: 0 auto;
	overflow: hidden;
}

#sideBarWrap {
	width: 173px;
	float: left;
	display: inline;
	background: #3a1608 url(/images/menu_bottom.png) bottom left no-repeat;
}
#sideBar {
	height: 610px;
	padding: 0 0 25px 0;
	background: url(/images/menu_bg.png) 0 0 no-repeat;
}

#contentWrap {
	width: 793px;
	float: right;
	display: inline;
	background: url(/images/container.png) 0 0 no-repeat;
}
#content {
	padding: 9px;
	overflow: hidden;
	height: 100%;
	background: transparent url(/images/container_bottom.png) bottom left no-repeat;
}
.contactBack #content {
	padding-right: 1px;
}
.mainBody {
	padding: 10px 20px 10px 10px;
	/*font-size: .8em;*/
}
.fullBody {
	padding: 0;
	/*font-size: .8em;*/
}

.allUpper {
	text-transform: uppercase; /* force text to uppercase */
}

.solidHead {
	color: #3A1608;
}

/* ########################################   FLASH NOTICE  ######################################## */		
.flashNotice {
	width: 771px;
	padding: 0 0 4px 0;
	color: white;
	background: url(/images/flash_notice_close.png) bottom left no-repeat;
}
.flashNotice p, .flashNotice div {
	margin: 0;
	font-size: 10px;
	padding: 5px 10px 2px 10px;
	background: url(/images/flash_notice.png) 0 0 no-repeat;
}

/* ########################################   EMAIL LIST  ######################################## */		
#mailList div {
	margin: 5px 0 0 8px;
}
#mailList #emailList {
	margin-left: 15px;
}

/* ########################################  HOME PAGE CONTENT  ######################################## */		
#content .imageContent {
	width: 771px;
	padding: 10px 0;
	margin: 0 0 10px 0;
	overflow: hidden;
	border-bottom: 1px solid #3a1608;
}
#content .imageContent .img {
	float: left;
	display: inline;
	overflow: hidden;
}
#content .imageContent .img img {display: block;}

#flashSlider {
	width: 328px;
}

#recentflash {
	background: url(/images/recentbg.png) top left no-repeat;
	padding-top: 15px;
}
#recentflash img {
	margin: 15px 0 0 52px;
}
#recentflash div {
	margin: 0 0 0 54px;
	width: 88px;
	height: 105px;
	float: left;
}

/*About page*/
.aboutText {
	width: 316px;
	margin: 0 5px 0 8px;
	float: left;
	display: inline;
      line-height: 14px;
}
.aboutText p {
	margin: 10px 0 0 0;
	padding: 0;
  
}
.extraImg {
	margin: 10px 5px 24px 0;
	float: right;
	display: inline;
}

/* ########################################   SERVICE PAGE  ######################################## */		
.serviceText {
	width: 270px;
	margin: 0 10px 0 3px;
	float: left;
	display: inline;
	font-size: 10px;
}
.serviceText ul {
	margin: 0 0 20px 40px;
	padding: 0;
}
.serviceText h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 0 0;
	font-variant: small-caps;
}
.serviceDetails {
	width: 535px;
	margin: 0 10px 0 8px;
	float: left;
	display: inline;
	font-size: 10px;
}

/* ########################################   BRIDAL / CUSTOM EVENTS  ######################################## */		
#formInfo {
	width: 300px;
	float: left;
	display: inline;
	margin: 0 0 0 20px;
}
#formInfo h1.bridal, #formInfo h1.custom {
	text-indent: -9999px;
	width: 298px;
	background: url(/images/tag_custom_purses.png) 0 0 no-repeat;
	height: 33px;
	margin: 20px 0 20px 0;
	padding: 0;
}
#formInfo h1.custom {
	background: url(/images/tag_join_us.png) 0 0 no-repeat;
}
#formInfo p {
	width: 250px;
}

#formFields {
	width: 229px;
	float: left;
	display: inline;
	background: url(/images/tag_fill_form.png) top center no-repeat;
	padding: 66px 0 0 0;
	margin: 50px 0 0 20px;
}
.woman {
	float: right; display: inline;
	width: 135px;
	height: 493px;
	margin: 38px 13px 60px 0;
}


/* ########################################   CONTACT PAGE  ######################################## */		
.headRight {
	float: right;
	margin-top: -20px;
	margin-right: 20px;
	color: white;
	font-size: 11px;
}
.contactBack #content .mainBody {
	background: #fff url(/images/uploads/contact_back.jpg) no-repeat right bottom;
}

/* ########################################   LOOKBOOK  ######################################## */		
h1.lookbook{
	text-indent: -9999px;
	width: 368px;
	background: url(/images/favorite_looks_styles.png) 0 0 no-repeat;
	height: 33px;
	margin: 20px 0 20px 15px;
	padding: 0;
}

#lbHolder {
	margin-bottom: 15px;
}

/* ########################################   CUSTOM PRODUCTS ######################################## */		
#customHolder {
	margin-bottom: 15px;
}
h1.handbag{
	text-indent: -9999px;
	width: 391px;
	background: url(/images/category_handbag.png) 0 0 no-repeat;
	height: 30px;
	margin: 20px 0 10px 10px;
	padding: 0;
}
h1.pillow{
	text-indent: -9999px;
	width: 379px;
	background: url(/images/category_pillow.png) 0 0 no-repeat;
	height: 29px;
	margin: 20px 0 10px 10px;
	padding: 0;
}
h1.plate{
	text-indent: -9999px;
	width: 367px;
	background: url(/images/category_plate.png) 0 0 no-repeat;
	height: 29px;
	margin: 20px 0 10px 10px;
	padding: 0;
}
.categoryText {
	font-size: 10px;
	color: #3A1608;
	margin: 0 0 0 10px;
}
.productListing {
	width: 120px;
	margin: 5px 0 5px 59px;
	float: left;
}
.productListing div {
	width: 120px;
	text-align: center;
	font-size: 10px;
	color: #3A1608;
}
.productListing div a {
	color: #3A1608;
}


/* ########################################   MENUS  ######################################## */	
#header ul#menu {
	width: 780px;
	margin: 14px 0 0 25px;
	padding: 0;
	float: left;
	display: inline;
	list-style: none;
	overflow: hidden;
}

#header ul#menu li {
	float: left;
	display: inline;
	height: 7px;
	font-size: 1px; /*IE6 requires this to avoid auto-height based on font sizing. Not quite a "hack", per se*/
	padding: 0;
	margin: 0;
}
/*Phone number tag*/
#header ul#menu li.phone {
	text-indent: -9999px;
	float: right;
	display: inline;
	background: url(/images/phone.png) 0 0 no-repeat;
	width: 169px;
	height: 7px;
}
/*Shopping basket items marker*/
#header ul#menu li.basket_items {
	height: auto;
	font-size: 8px;
	margin: -1px 0 0 -5px;
	color: #3a1608;
}

/*
	I wanted to keep the borders as separate entities and not within the link image.
  Since CSS borders don't look like the PSD, in this case a span tag around the anchor
	works well. The result? Lean markup with plain text for search engine indexing.
*/
#header ul#menu li span {
	background: url(/images/top_menu_bg.png) top right no-repeat;
	height: 7px;
	padding: 0 10px;
	float: left;
	display: inline;
}
#header ul#menu li span.last_li {
	background: none;
}
#header ul#menu li span a {
	padding: 0;
	display: block;
	height: 7px;
	text-indent: -9999px;
}

#header ul#menu li.lookbook span a {width: 61px; background: url(/images/top_menu_look.png) 0 0 no-repeat;}
#header ul#menu li.designers span a {width: 102px; background: url(/images/top_menu_designers.png) 0 0 no-repeat;}
#header ul#menu li.contact span a {width: 77px; background: url(/images/top_menu_contact.png) 0 0 no-repeat;}
#header ul#menu li.account span a {width: 71px; background: url(/images/top_menu_account.png) 0 0 no-repeat;}
#header ul#menu li.basket span a {width: 99px; background: url(/images/top_menu_basket.png) 0 0 no-repeat;}

#header ul#menu li.lookbook span a:hover, #header ul#menu li.store span a:hover, #header ul#menu li.contact span a:hover, 
#header ul#menu li.account span a:hover, #header ul#menu li.basket span a:hover {background-position: bottom left;}



/* ########################################   SIDE BAR NAV  ######################################## */		
#sideBar ul#main {
	list-style: none;
	height: 540px;
	margin: 0;
	padding: 20px 0 10px 10px;
	width: 160px;
	font-size: 1px;
}
/*The "main" class is for upper-level links*/
#sideBar ul#main li.main_li {
	margin: 9px 0;
	padding: 1px 0 3px 15px;
}
#sideBar ul#main li.main_li span {
	overflow: hidden;
	height: 10px;
	display: block;
	padding-top: 10px;
	margin: 0 0 0 -15px;
}
#sideBar ul#main li.main_li a {
	text-indent: -9999px;
	display: block;
	height: 7px;
}	
/*The "expanded" class is for expanded links within upper-level links*/
#sideBar ul#main li.main_li ul.expanded_ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
#sideBar ul#main li.main_li ul.expanded_ul li.expanded_li {
	margin: 13px 0;
	padding: 0 0 0 10px;
	height: 7px;
	display: block;
}



/*==== upper-level ====*/
#sideBar ul#main li.design span, #sideBar ul#main li.handbag span, #sideBar ul#main li.home span, #sideBar ul#main li.dress span {background: url(/images/nav/navArrowClose.gif) 0px 0px no-repeat; padding: 0px 0 0 15px; display: block;}
#sideBar ul#main li.design, #sideBar ul#main li.handbag, #sideBar ul#main li.home, #sideBar ul#main li.dress {background: url(/images/nav/navArrowOpen.gif) 0px 1px no-repeat;}
#sideBar ul#main li.design a {background: url(/images/nav/nav_design_your_own.png) 0 0 no-repeat; width: 127px;}
#sideBar ul#main li.handbag a {background: url(/images/nav/nav_handbag_collection.png) 0 0 no-repeat; width: 127px;}
#sideBar ul#main li.home a {background: url(/images/nav/nav_home_collection.png) 0 0 no-repeat; width: 127px;}
#sideBar ul#main li.dress a {background: url(/images/nav/nav_dress_collection.png) 0 0 no-repeat; width: 127px;}
#sideBar ul#main li.gift a {background: url(/images/nav/nav_gift_cards.png) 0 0 no-repeat; width: 127px;}
#sideBar ul#main li.custom a {background: url(/images/nav/nav_custom_events.png) 0 0 no-repeat; width: 127px;}
#sideBar ul#main li.bridal a {background: url(/images/nav/nav_bridal_services.png) 0 0 no-repeat; width: 127px;}
#sideBar ul#main li.sale a {background: url(/images/nav/nav_sale_items.png) 0 0 no-repeat; width: 127px;}
#sideBar ul#main li.about a {background: url(/images/nav/nav_about_fm.png) 0 0 no-repeat; width: 127px;}
#sideBar ul#main li.press a {background: url(/images/nav/nav_press_celebs.png) 0 0 no-repeat; width: 127px;}
#sideBar ul#main li.blog a {background: url(/images/nav/nav_fm_blog.png) 0 0 no-repeat; width: 127px;}
#sideBar ul#main li.service a {background: url(/images/nav/nav_service.png) 0 0 no-repeat; width: 127px;}

#sideBar ul#main li.design a:hover, #sideBar ul#main li.handbag a:hover, #sideBar ul#main li.home a:hover,
#sideBar ul#main li.dress a:hover, #sideBar ul#main li.gift a:hover, #sideBar ul#main li.custom a:hover,
#sideBar ul#main li.bridal a:hover, #sideBar ul#main li.sale a:hover, #sideBar ul#main li.about a:hover,
#sideBar ul#main li.press a:hover, #sideBar ul#main li.blog a:hover, #sideBar ul#main li.service a:hover {background-position: bottom left;}
/*==== end upper level ====*/

/*==== expanded ====*/
#sideBar ul#main li.main_li ul.expanded_ul li.handbags a {background: url(/images/nav/nav_custom_handbags.png) 0 0 no-repeat; width: 95px; height: 9px;}
#sideBar ul#main li.main_li ul.expanded_ul li.pillows a {background: url(/images/nav/nav_custom_pillows.png) 0 0 no-repeat; width: 80px;}
#sideBar ul#main li.main_li ul.expanded_ul li.plates a {background: url(/images/nav/nav_custom_melamine_plates.png) 0 0 no-repeat; width: 130px;}
#sideBar ul#main li.main_li ul.expanded_ul li.leather a {background: url(/images/nav/nav_leather.png) 0 0 no-repeat; width: 39px;}
#sideBar ul#main li.main_li ul.expanded_ul li.fabric a {background: url(/images/nav/nav_fabric.png) 0 0 no-repeat; width: 32px;}
#sideBar ul#main li.main_li ul.expanded_ul li.cause_bags a {background: url(/images/nav/nav_carry_for_a_cause_bags.png) 0 0 no-repeat; width: 121px; height: 10px;}
#sideBar ul#main li.main_li ul.expanded_ul li.vote_totes a {background: url(/images/nav/nav_vote_totes.png) 0 0 no-repeat; width: 52px;}
#sideBar ul#main li.main_li ul.expanded_ul li.accessories a {background: url(/images/nav/nav_accessories.png) 0 0 no-repeat; width: 61px;}
#sideBar ul#main li.main_li ul.expanded_ul li.pillows2 a {background: url(/images/nav/nav_pillows.png) 0 0 no-repeat; width: 37px;}
#sideBar ul#main li.main_li ul.expanded_ul li.plates2 a {background: url(/images/nav/nav_plates.png) 0 0 no-repeat; width: 32px;}
#sideBar ul#main li.main_li ul.expanded_ul li.odds_and_ends a {background: url(/images/nav/nav_odds_and_ends.png) 0 0 no-repeat; width: 63px;}
#sideBar ul#main li.main_li ul.expanded_ul li.coming_soon {background: url(/images/nav/nav_coming_soon.png) 0 0 no-repeat; width: 66px; height: 9px; text-indent: -9999px; margin: 13px 0 10px 10px;}

#sideBar ul#main li.main_li ul.expanded_ul li.handbags a:hover, #sideBar ul#main li.main_li ul.expanded_ul li.pillows a:hover,
#sideBar ul#main li.main_li ul.expanded_ul li.plates a:hover, #sideBar ul#main li.main_li ul.expanded_ul li.leather a:hover,
#sideBar ul#main li.main_li ul.expanded_ul li.fabric a:hover, #sideBar ul#main li.main_li ul.expanded_ul li.cause_bags a:hover,
#sideBar ul#main li.main_li ul.expanded_ul li.vote_totes a:hover, #sideBar ul#main li.main_li ul.expanded_ul li.accessories a:hover, #sideBar ul#main li.main_li ul.expanded_ul li.pillows2 a:hover,
#sideBar ul#main li.main_li ul.expanded_ul li.plates2 a:hover, #sideBar ul#main li.main_li ul.expanded_ul li.odds_and_ends a:hover {background-position: bottom left;}
/*==== end expanded ====*/





/* ########################################   FOOTER  ######################################## */		
#footer {
	clear: both;
	width: 980px;
	text-align: right;
	font-size: 9px;
	margin: 2px 0 0 0;
}
#footer p {
	margin: 0;
	padding: 0;
}
#footer p a {
	color: #6a6a6a;
	text-decoration: none;
}
#footer p a:hover {
	text-decoration: underline;
	color: #dc0175;
}

/* ########################################   FORMS  ######################################## */		
input.formText {
	background: url(/images/text_bg.png) 0 0 no-repeat;
	padding: 4px;
	width: 221px;
	height: 10px;
	border: 0;
	margin: 0 0 8px 0;
	font-size: 10px;
	font-family: Arial, sans-serif;
	color: #3a1608;
}
textarea.formTextarea {
	background: url(/images/textarea_bg.png) 0 0 no-repeat;
	padding: 4px;
	width: 221px;
	height: 255px;
	border: 0;
	margin: 0 0 8px 0;
	font-size: 10px;
	font-family: Arial, sans-serif;
	color: #3a1608;
}
input.submitButton {float: right; display: inline;}

/* ########################################   IMAGES  ######################################## */		
.logo {width: 133px; height: 30px; margin: 0 0 0 33px; float: left; display: inline;}


/* ########################################   MISC  ######################################## */		
.pagination {
padding: 5px 0;
margin: 0;
clear: both;
}
.pagination p {
margin: 0;
padding: 0;
}


/* ########################################   PRESS / CELEB  ######################################## */		
div.celebHold {
	width: 110px;
	height: 170px;
	margin: 10px 0px 35px 35px;	
	padding: 0;
	float: left;
}
div.celebHold img {
	margin: 0;
	padding: 5px;
	border: 1px solid #000;
}

div.celebHold div{
	text-align: center;
	font-size: 10px;
	color: #3A1608;
	margin-top: 3px;
}