/* Style Sheet for AG Brand Page, The American Girls Collection */

p { 
	font: 11px/13px Arial, Helvetica, sans-serif; 
	margin-top: 0px; 
	text-align: left;
	color: #666;
	}
	

h1 {
	font: 13pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #454545;
	line-height: 14pt;
	margin-top: 7px;
	margin-bottom: 3px;
}

/* to fix doll + hardcover dropdowns */
.dropdown { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #FFF; width: 180px; }

.brandHdr {
	background-color: #FFDDB4;
	border: solid 1px #FFDDB4;
	text-align: center;
	width: 99%;
	height: 52px;
	margin-bottom: 2px;
	}

/* ie win box model hack \*/
* html .brandHdr {
	width: 100%;
	}
/* end hack */

h2 {
	font: bold 11pt Arial, Helvetica, sans-serif;
	color: #666;
	margin-top: 14px;
	margin-bottom: 12px;
	}
	
/* ie win box model hack \*/
* html h2 {
	margin-top: 17px;
	}
/* end hack */

.brandTtl {
	background-color: #FFEED9;
	border: solid 1px #FFEED9;
	text-align: left;
	width: 337px;
	height: 48px;
	margin-bottom: 2px;
	padding: 4px 0px 0px 7px;
	}

/* ie win box model hack \*/
* html .brandTtl {
	width: 346px;
	height: 52px;
	padding: 14px 0px 0px 7px;
}
/* end hack */

h3 {
	font: bold 12pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #822433;
	line-height: 14pt;
	margin: 7px 0px 8px 5px;
	}
	
/* class: backrounds for brand page*/
.bgBrandBox {
	background-color: #FFEED9;
	}
.bgBrandCopy {
	background-color: #FFEED9;
	}
.bgBrandBorder {
	background-color: #666;
	}
.bgPromoBorder {
	background-color: #FFEED9;
	}
.bgPromoBox {
	background-color: #FFFFFF;
	}

/* class: backrounds for product page*/
.bgProdDescrip {
	background-color: #FFEED9;
	}
.bgProdDisclmr {
	background-color: #666666;
	}
.bgProdHr {
	background-color: #666666;
	}

/* class: brand page system text classes */
.txtBrandBox {
	font-size: 11px;
	color: #666666;
	}
.txtBrandCopy {
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	padding: 2px 5px 5px 10px;
	}
.txtCaptionHdr {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	}
.txtCaptionCallout {
	font-size: 11px;
	color: #666666;
	}

/* class: product page system text classes */
.txtProdTtl {
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	}
.txtProdInfo {
	font-size: 11px;
	font-weight: bold;
	color: #822433;
	}
.txtProdCallout {
	color: #996666;
	}
.txtProdDescrip {
	font-size: 11px;
	color: #666666;
	}
.txtProdAvail  {
	color: #000000;
	}
.txtProdLgl {
	font-size: 8.5px;
	color: #999999;
	}

/* specific divs */

#items {
	width: 100%;
	}
	
#main {
	width: 345px;
	float: left;
	}

p#box {
	margin: 2px 5px 5px 5px;
	}

#promoSave {
	margin: 14px 0px 0px 4px;
	}

#promoLeft {
	border: solid 1px #FFDDB4;
	background-color: #fff;
	margin-right: 6px;
	}

/* ie win box model hack \*/
* html #promoLeft {
	margin-right: 4px;
	}
/* end hack */
	
#promoMid {
	border: solid 1px #FFDDB4;
	background-color: #fff;
	margin-right: 6px;
	}

/* ie win box model hack \*/
* html #promoMid {
	margin-right: 4px;
	}
/* end hack */

#promoRight {
	border: solid 1px #FFDDB4;
	background-color: #fff;
	}

.promoPad {
	margin-top: 10px;
	}

.promoLnks {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin: 10px 0px 0px 0px;
	}

.boxBkgd {
	background-color: #FFEED9;
	border: solid 1px #FFEED9;
	width: 199px;
	height: 226px;
	}

/* ie win box model hack \*/
* html .boxBkgd {
	height: 230px;
}
/* end hack */

#promo {
	margin: 10px 0px 0px 0px;
	text-align: center;
	}	

#promoChar1 {
	margin-bottom: 4px;
	}

/* ie win box model hack \*/
* html .promoImg {
margin-bottom: -3px;
}
/* end hack */

#promoChar2 {
	margin-top: 3px;
	border-top: 1px solid #D9D9D9;
	text-align: center;
	}

#promo3 {
	background-color: #fff;
	margin: 5px 0px 0px 1px;
	float: left;
	}

.charCopy { 
	font: 11px/13px Arial, Helvetica, sans-serif; 
	text-align: left;
	color: #fff;
	margin: 2px 5px 30px 5px;
	}
	
/* pseudo-class: start : a/href: used on brand pages */
a.box:link,
a.box:visited,
a.box:hover,
a.box:active {
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #833422;
	}

a.charLnk:link,
a.charLnk:visited,
a.charLnk:hover,
a.charLnk:active {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #666666;}

a.brandCopy:link, 
a.brandCopy:visited,
a.brandCopy:hover,
a.brandCopy:active { font-size: 12px; color: #666666; text-decoration: none; }

/* pseudo-class: caption: a/href: used on brand pages*/
a.caption:active,
a.caption:link,
a.caption:hover,
a.caption:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #CA815C;}

a.promoLnks:link, 
a.promoLnks:visited,
a.promoLnks:hover,
a.promoLnks:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #CA815C;
	}