/*This CSS is based css for this template*/

body, html>body {
	height: 100%;
}

body {
	margin: 10px;
	background: #FFFFFF url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/bg.gif');
}

body, td, th, div, textara {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
}

a, a:link, a:visited, a:hover {
	color: #C40176 !important;
}

#topNav {
	height: 160px;
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/bg-header.png') no-repeat;
}


/*top menu*/

#navWrapper {
	margin-left: 19px;
	height: 37px;
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/nav-bg.jpg') repeat-x;
}

#navWrapper ul, #navWrapper li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}

#navWrapper li {
	display: inline;
}


#navWrapper ul {
	margin-left: 220px;
	padding-top: 11px;
}

#navWrapper a, #navWrapper a:link, #navWrapper a:visited {
	display: block;
	text-indent: -2000px;
	margin-left: 0px;
	float: left;
	text-decoration: none;
}


#navWrapper a#menuHome {
	width: 69px;
	font-size: 100%;
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/menu_home.gif') 0px -11px no-repeat;
}

#navWrapper a#menuHome:hover {
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/menu_home.gif') 0px -48px no-repeat;
}

#navWrapper a#menuAbout {
	width: 107px;
	font-size: 100%;
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/menu_about.gif') 0px -11px no-repeat;
}

#navWrapper a#menuAbout:hover {
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/menu_about.gif') 0px -48px no-repeat;
}

#navWrapper a#menuShop {
	width: 66px;
	font-size: 100%;
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/menu_shop.gif') 0px -11px no-repeat;
}

#navWrapper a#menuShop:hover {
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/menu_shop.gif') 0px -48px no-repeat;
}

#navWrapper a#menuBratalk {
	width: 105px;
	font-size: 100%;
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/menu_bratalk.gif') 0px -11px no-repeat;
}

#navWrapper a#menuBratalk:hover {
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/menu_bratalk.gif') 0px -48px no-repeat;
}

#navWrapper a#menuPress {
	width: 72px;
	font-size: 100%;
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/menu_press.gif') 0px -11px no-repeat;
}

#navWrapper a#menuPress:hover {
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/menu_press.gif') 0px -48px no-repeat;
}

#navWrapper a#menuContact {
	width: 106px;
	font-size: 100%;
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/menu_contact.gif') 0px -11px no-repeat;
}

#navWrapper a#menuContact:hover {
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/menu_contact.gif') 0px -48px no-repeat;
}

#contentWrapper{
	margin-left: 19px;
	height: 100%;
	background: #ffffff url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/bg-content-wrap.jpg') repeat-y;
}
#leftColumn{
	width: 212px;
	min-height: 450px;
	height: 500px;
	float: left;
	padding-left: 10px;
}
#rightColumn{
	width: 527px;
	min-height: 450px;
	float: left;
}

/* Logo */
a#logo {
	display: block;
	height: 134px;
	width: 226px;
	text-indent: -2000px;
}

/* About us page*/
div#photoRow {
	margin-top: 30px;
}

div#bioRow {
	margin-top: 20px;
}

div#bioAmy, div#bioEmily, div#photoAmy, div#photoEmily {
	float: left;
/*	width: 170px;  */
	width: 400px;   /* HARTT : 6/29/2007 */
	margin-left: 50px;
}

div#photoEmily, div#bioEmily {
	margin-left: 60px;  
}

div#photoAmy img, div#photoEmily img{
	padding: 12px;
	border: 1px dashed #5A4518;
	margin-left: 130px; /* HARTT : 6/29/2007 */
}

/* coming soon*/

div#comingSoonOut {
	width: 260px;
	border: 1px dashed #5A4518;
	background-color: white;
	margin-left: 20%;
	margin-top: 15%;
	padding: 10px;
}

div#comingSoonIn {
	width: 220px;
	padding: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #AE0265;
	text-align: center;
	letter-spacing: 5px;
	background-color: #BFE6E2;
}

/* contact */

div#contactOut {
	width: 350px;
	padding: 10px;
	margin-left: 15%;
	margin-top: 15%;
	border: 1px dashed #5A4518;
}

div#contactIn {
	padding: 20px;
	background-color: white;
	color: #AE0265;
	font-weight: bold;
}

/* home content*/
div#homeImage, div#homeText {
	float: left;
	margin-top: 30px;
	margin-left: 10px;
}
/* home content - newspaper style HARTT : 6/29/2007 */
div#homeImageNews , div#homeTextNews {
	float: left;
	margin-top: 30px;
	margin-left: 10px;
	font-size: 10px;
}
div#homeImageNews {
	 width: 180px; 
}

div#homeTextNews {
	margin-top: 0px;
	/*width: 270px;*/
	margin-left: 30px;
}
div#homeImageNews img {
/*	margin-top: 80px;
	padding: 15px;
	background-color: white; 
	border: 1px dashed #5A4518; */
	margin-top: 0px;
	padding: 0px;

}

/* END : home content - newspaper style HARTT : 6/29/2007 */


div#homeImage {
	width: 180px;
}

div#homeText {
	width: 270px;
	margin-left: 30px;
}



div#homeImage img {
	margin-top: 80px;
	padding: 15px;
	background-color: white;
	border: 1px dashed #5A4518;
}

/* before and after */

div#beforeImg, div#afterImg {
	float: left;
	text-align: center;
	width: 170px;
	border: 1px dashed  #5A4518;
	padding: 10px;
	color: #AE0265;
	font-weight: bold;
	margin-left: 30px;
	margin-top: 20px;
}

div#beforeAfterText {
	padding: 30px;
}

/* how to wear */
div#howtowearContent, div#findyoursizeContent {
	background-color: #D9F1EC;
	padding: 10px;
}
div#howtowearContent h2 , div#findyoursizeContent h2{
	font-size: 12px;
}
div#howtowear, div#findyoursize {
	padding: 10px;
	background-color: white;
	border: 1px dashed #5A4518;
	width: 420px;
	margin-left: 7%;
	margin-top: 7%;
}

/* credits */
div#creditLink {
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	text-align: right;
	padding-right: 30px;
}

div#creditLink a {
	color: #5A4518;
	text-decoration: none;
	font-weight: bold;
}


/* head search */
div#navMainSearch {
	margin-top: 56px;
	margin-right: 35px;
}

.searchBtn {
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/search-button.gif') 0px 10px no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	height: 25px;
	width: 60px;
	text-indent: -2000px;
}

.searchField {
	width: 109px;
	height: 19px;
	border: 1px dashed #5A4518;
	padding: 3px;
	margin: 0px;
}

/* customer service link*/
div#customerLink {
	clear: both;
	text-align: center;
	width: 188px;
	margin-top: 30px;
}

div#customerLink a {
	display: block;
	width: 148px;
	height: 12px;
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/customer-service-link.gif') no-repeat;
	text-indent: -2000px;
}

div#whereBuyOut {
	width: 220px;
	padding: 10px;
	margin-left: 25%;
	margin-top: 15%;
	background-color: white;
}

div#whereBuyIn {
	padding: 15px;
	background-color: #BFE7E0;
	color: #5A4518;
	font-weight: bold;
}

/* credit page */
div#creditWrap {
	width: 400px;
	padding: 10px;
	margin-left: 15%;
	margin-top: 15%;
}

/* category menu */
div#catMenu {
	margin-left: 45px;
	margin-top: 25px;
}

div#catMenu, div#catMenu h1, div#catMenu h2, div#catMenu a, div#catMenu ul, div#catMenu li {
	font-size: 10px;
	font-weight: bold;
	color: #AE0265;
}

div#catMenu ul, div#catMenu li {
	list-style: none;
	margin: 0px;
	padding-left: 10px;
	text-indent: 0px;
}

div#catMenu a {
	color: #AE0265;
}

div#catMenu h1, div#catMenu h2, div#catMenu h1 a, div#catMenu h2 a {
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
	color: #80CDC5;
}

div#catMenu h1 {
	color: #AE0265;
}

ul#firstList li.indent {
	display: block;
	padding-left: 10px;
}

div#catMenu li {
	display: block;
	margin-top: 7px;
}

div#sectionHeading {
	clear: both;
	margin-top: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	border-top: 1px dashed #A5A48F;
	border-bottom: 1px dashed #A5A48F;
}

span#headingWelcome {
	display: block;
	/*width: 159px;*/
	height: 23px;
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/welcome.gif') no-repeat;
	/*margin-left: auto; */
	background-position: top center;
	/*margin-left: 30px;  */
	margin-right: auto;
	text-indent: -2000px;
}

span#headingShop {
	display: block;
	/*width: 84px;*/
	height: 23px;
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/shop.gif') no-repeat;
	/*margin-left: auto;*/
	/*margin-left: 0px; */
	background-position: top center;
	margin-right: auto;
	text-indent: -2000px; 
}

span#headingBlog {
	display: block;
	/*width: 84px;*/
	height: 23px;
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/bra-talk.gif') no-repeat;
	/*margin-left: auto;*/
	/*margin-left: 0px; */
	background-position: top center;
	margin-right: auto;
	text-indent: -2000px; 
}

span#headingAbout {
	display: block;
/*	width: 160px; */
	height: 23px;
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/about-us.gif') no-repeat;
	/*margin-left: 30px; auto; */
	background-position: top center;
	margin-right: auto;
	text-indent: -2000px;
}

span#headingBratalk {
	display: block;
	/*width: 160px;*/
	height: 23px;
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/bra-talk.gif') no-repeat;
	background-position: top center;
/*	margin-left: auto; 
	margin-left: 20px;  */
	margin-right: auto;
	text-indent: -2000px;
}

span#headingPress {
	display: block;
/*	width: 93px; */
	height: 23px;
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/press.gif') no-repeat;
	background-position: top center;
/*	margin-left: auto; */
	margin-right: auto;
	text-indent: -2000px;
}

span#headingContact {
	display: block;
/*	width: 150px; */
	height: 23px;
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/contact.gif') no-repeat;
/*	margin-left: 20px;  auto; */
	background-position: top center;
	margin-right: auto;
	text-indent: -2000px;
}

span#headingCustomerService {
	display: block;
	width: 170px;
	height: 54px;
	background: transparent url('http://www.thelittlebracompany.com/includes/templates/littlebra/images/customer-service.gif') no-repeat;
	margin-left: auto;
	margin-right: auto;
	text-indent: -2000px;
}


div#sectionLink {
	margin-top: 10px;
	padding-left: 45px;
}

div#sectionLink a {
	font-size: 10px;
	font-weight: bold;
	color: #AE0265;
}

div#sectionLink ul, div#sectionLink li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}

div#sectionLink li {
	display: block;
	margin-top: 10px;
}

table.product-grid {
	width: 100%;
}
td.product-grid {
	width: 33%;
	padding: 10px;
	text-align: center;
}

td.product-grid img {
	padding: 10px;
	border:  1px dashed #A5A48F;
}

td.product-grid a {
	color: #AE0265;
	font-size: 10px;
}

/*product info */
div#productDetailImage, div#productDetailInfo {
	float: left;
	width: 250px;
}

div.wrapperAttribsOptions{
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
	margin-bottom: 5px;
}

label.attribsSelect {
	font-size: 11px;
}

div.optionName {
	float: left;
	width: 70px;
}

div.optionMenu, div.optionMenu input, div.optionMenu select {
	float: left;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

div.optionMenu select {
	width: 120px;
}

/** product main image */
div#productMainImage {
	margin: 0px;
	padding: 0px;
}
div#productMainImage img {
	padding: 10px;
	border:  1px dashed #A5A48F;
}

/** product name */
h1#productName {
	font-size: 11px;
	color: #AE0265;
}

/* price */
h2#productPrices, div#productDescription {
	font-size: 11px;
}

/* shop nav */
div#shopNavigator {
	text-align: right;
	margin-right: 10px;
	/*margin-bottom: 10px;*/
	float: right;
}

div#shopNavigator ul, div#shopNavigator li {
	list-style: none;
	margin:  0px;
	padding: 0px;
}

div#shopNavigator li {
	display: inline;
}

div#shopNavigator li a {
	margin: 20px;
	color: #5A4518;
	font-weight: bold;
}

/*next prev*/

div.navNextPrevWrapper {
	float: left;
	margin-top: 50px;
}

/* additional image */
div#productAdditionalImages a {
	font-weight: bold;
	color: #5A4518;
}

h3.itemTitle a:link, h3.itemTitle a:visited, h3.itemTitle a:hover {
	color: #AE0265;
}	
/*
img.moreview {
	height:50px;
	width:auto;
}
*/



/* more view 
div.moreview {
	height:50px;
	width:50px;
	float:left;
	text-align:center;
	padding: 0px 5px 5px 0px;
	display:block;
	background:#FFFFFF;
}*/
div.moreview img{
	border: solid 1px #75cdd9;
}


div.divMoreview {
	height:50px;
	width:50px;
	float:left;
	text-align:center;
	padding: 0;
	margin:0px 5px 5px 0px;
	display:block;
	background:#FFFFFF;
}
div.divMoreview img{
	height:50px;
}


/* new store listing*/
#productlisting{
width:155px;
padding-bottom:20px;
}
#productlisting h1, #productlisting a{
font-family:Arial, Helvetica, sans-serif;
text-transform:capitalize;
font-size:12px;
color:#000000;
margin:0;
padding:0;
letter-spacing:2px;
}

#productlisting p.product-price{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
font-weight:bold;
color:#b30075;
}
#productlisting p.product-description{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:5px;
padding:0;
font-style:italic;
color:#000;
line-height: 100%;
}
.displayImage{
border: solid 1px #75cdd9;
}

/* product detal */
#productinfo{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
color:#231f20;
text-align:left;
}
#productinfo p.product-price{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
font-weight:bold;
color:#b30075;
}
#productinfo p{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
margin:0;
padding:2px 0;
color:#231f20;
line-height: 110%;
}
#productinfo img.actualimg{
border: solid 8px #75cdd9;
}
#swatches{
width: 105px;
float:left;
padding: 10px 2px;
text-align:center;
color:#231f20;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:10px
}
#swatches-s{
width: 25px;
float:left;
margin:0;
padding: 5px 2px;
text-align:center;
color:#231f20;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:10px;
}

#spanSelectedColor, #spanSelectedSize{
color:#B30075;
}
.divSwatchUnselected {
	float:left;
	text-align:center;
	padding:1px;
	margin:1px;
	display:block;
}

.divSwatchSelected {
	border:solid 1px #B30075;
	float:left;
	text-align:center;
	padding:0px;
	margin:1px 0;
	display:block;
}

.divSizeSelected {
	float:left;
	border:solid 2px #B30075;
	margin:3px;
	color:#000;
	min-width: 25px;
	text-align:center;
	display:block;
}
.divSizeUnselected {
	float:left;
	border:solid 2px #ccc;
	margin:3px;
	color:#000;
	min-width: 25px;	
	text-align:center;
	display:block;
}
.divSizeDisabled {
	float:left;
	border:solid 2px #ccc;
	margin:3px;
	color:#000;
	background:#ccc;
	min-width: 25px;
	text-align:center;
	color:#000;
	display:block;
}