/*
	Media Makeup Styles
	Site by Triplezero

	Table of Contents:
		layout
		sidebar
		content
		screamer
		footnote
		footer
		other
*/

/* layout
----------------------------------------------- */
body  {
background: #fff;
font-family : arial, verdana, sans-serif;
margin : 0px;
padding : 10px;
}

P, TD, FONT, BODY, PRE, div  {
color : #393939;
font-size : 12px;
font-family : arial, verdana, sans-serif;
line-height: 140%;
}

hr {
width: 100%;
border-left:0;
border-right:0;
border-bottom:0;
border-top:1px solid #e5e5e5;
}

h1 {
color: #727272;
font-size: 17px;
}

h2 {
color: #fff;
background-color: #645646;
font-size: 22px;
padding: 0;
margin: 0;
}

h3 {
color: #333;
font-size: 16px;
}

h4 {
color: #666;
font-size: 12px;
}

h5 {
color: #fff;
background-color: #645646;
font-size: 14px;
padding: 6px;
margin: 0;
}

h6 {
color: #fff;
background-color: #999;
font-size: 14px;
padding: 6px;
margin: 0;
}

CITE  {
font-style : normal;
color : #666;
font-size:10px;
line-height:120%;
}

TR {vertical-align:top;}

a, a:visited, a:active{
text-decoration: underline;
color: #645646;
}

a:hover {
text-decoration: none;
color: #645646;
}

/* Sidebar
----------------------------------------------- */

#sidebar {
float: left;
width: 238px;
background-color: #e5e5e5;
color: #393939;
margin: 10px 0 0 0;
background-image: url('../images/ripped.gif');
background-position: bottom;
background-repeat: no-repeat;
}

#sidebar .insider {
margin: 18px;
}

#sidebar .line {
width: 100%;
border-top: 1px solid #acacac;
}

#sidebar .terms  P{
font-size: 11px;
color: #727272;
}

#sidebar ul {
margin-left: 5px;
padding-left: 0;
list-style: none;
}

#sidebar  li {
margin-bottom:7px;
padding-left: 26px;
padding-bottom:3px;
background-image: url("../images/arrow_grey2.gif");
background-repeat: no-repeat;
background-position: 0 2px;
}

#sidebar a, #sidebar a:visited, #sidebar a:active{
text-decoration: underline;
color: #727272;
}

#sidebar a:hover {
text-decoration: none;
color: #727272;
}

/* Content
----------------------------------------------- */

#content {
float: left;
width: 549px;
background-color: #fff;
color: #000;
margin: 10px 0 0 0;
/*list-style-image: url("../images/arrow_grey.gif");*/

}

#content .insider {
margin: 0 0 18px 18px;
}

#content .compactlist {
font-size: 13px;
}

#content a, #content a:visited, #content a:active{
text-decoration: underline;
color: #645646;
}

#content a:hover {
text-decoration: underline;
color: #645646;
background-color: #EEE8E2;
}

#content .compactlist ul {
margin-left: 5px;
padding-left: 0;
list-style: none;
}

#content .compactlist li {
margin-bottom:7px;
padding-left: 26px;
padding-bottom:3px;
background-image: url("../images/arrow_grey.gif");
background-repeat: no-repeat;
background-position: 0 2px;
}

#content ul {
margin-left: 8px;
padding-left: 0;
list-style: none;
}

#content ul li {
margin-bottom:3px;
padding-left: 18px;
padding-bottom:2px;
background-image: url("../images/bullet.gif");
background-repeat: no-repeat;
background-position: 0 2px;
}

#content ol li {
margin-bottom:7px;
padding-left: 15px;
padding-bottom:3px;
}

#content .header {
color: #8C7E6D;
background-color: #645646;
font-size: 14px;
padding: 10px;
margin: 0;
}

#content .solid {
display: block;
}

#content .solid  a, #content .solid  a:visited, #content .solid  a:active{
text-decoration: none;
background-color: #d41045;
}
#content .solid  a:hover {
text-decoration: none;
background-color: #d41045;
}

/* Screamer
----------------------------------------------- */

#screamer {
width: 531px;
background-color: #b30638;
color: #fff;
}

#screamer table, #screamer td{
color: #fff;
}

#screamer ul {
margin-left: 0;
margin-top: 14px;
padding-left: 0;
list-style: none;
font-size: 13px;
}

#screamer ul li {
margin-bottom:7px;
padding-left: 26px;
padding-bottom:3px;
background-image: url("../images/arrow_red.gif");
background-repeat: no-repeat;
background-position: 0 2px;
color:#ccc;
}

#screamer .sep {
margin:15px 8px 15px 7px;
float:left;
width:156px;
}

#screamer img {
margin-top: 5px;
}

#screamer a, #screamer a:visited, #screamer a:active{
text-decoration: underline;
color: #fff;
}
#screamer a:hover {
text-decoration: none;
background-color: #b30638;
color: #fff;
}



/* Footnote
----------------------------------------------- */

#footnote p {
color: #999;
font-size: 9px;
padding-top: 8px;
margin-bottom: 16px;
border-top: 1px solid #ccc;
}

#footnote a, #footnote a:visited, #footnote a:active{
text-decoration: underline;
color: #999;
}

#footnote a:hover {
text-decoration: none;
background-color: #fff;
color: #999;
}

#footnote {display:none;}

#storefootnote p {
color: #999;
font-size: 11px;
padding-top: 8px;
margin-bottom: 16px;
border-top: 1px solid #ccc;
}

/* Footer
----------------------------------------------- */

#footer {
color: #666;
border-top: 1px solid #ccc;
margin-top: 20px;
width:787px;
}

#footer a, #footer a:visited, #footer a:active{
text-decoration: underline;
color: #666;
}
#footer a:hover {
text-decoration: none;
color: #666;
}

.foot {color:#999; font-size:11px;}
.foot span {color:#cacaca;padding:0 6px;}

/* Other
----------------------------------------------- */

.small p {
color: #666;
font-size: 10px;
}

.bordered {
border: 1px solid #e2e2e2;
padding: 15px;
}

.intro {
font-size: 14px;
color:#666
}

.latestnews {
border: 1px dashed #fff;
padding: 15px;
background-color: #ccc;
font-size: 12px;
}

.sidephoto {border:1px solid #ccc; padding:8px; background:#fff;}

.sideimage {padding-top:10px; background:#fff; font-size:9px; color:#cacaca;}
.sideimage .text {padding:2px 20px; font-size:9px; color:#cacaca; text-align:center; width:190px;}

.fr {float:right; margin:0 0 20px 20px;}

.fl {float:left; margin:0 20px 20px 0;}

.sideright {float:right; margin: 0 0 10px 10px;}

.flash {}

.newintake {background:#333;padding:10px;}
.newintake h1 {color:#fff;font-size:26px;font-weight:bold;margin:5px 0;}
.newintake p {color:#999;margin-bottom:0;}

#content .career {background:#C7C7C7 url('files/images/career_arrow.gif') bottom left no-repeat;margin-bottom:30px;}
#content .career .inner {padding:15px;}
#content .career h4 {color:#000;margin:0 0 5px 0;}
#content .career ul {margin-left:0;padding-left: 0;list-style: none;}
#content .career li {margin-bottom:3px;padding-left: 22px;padding-bottom:2px;background:url("../files/images/arrow_grey.gif") 0 0px no-repeat;}

#frontflash {background:#1D201F;}
.promos {}
.box {float:left;width:160px;margin:10px 18px;}
.box h5 {color:#fff;background:#343736;font-size:14px;padding:3px 6px;margin:0;}
.box h5 a:link, .box h5 a:active, .box h5 a:visited, .box h5 a:hover {text-decoration:none;display:block;}
.box h5.new {background:#645646;}
.box h5.new a:link, .box h5.new a:active, .box h5.new a:visited, .box h5.new a:hover {background:#645646;}
.box p {color:#999999;font-size:12px;padding-left:5px;}
.box a:link, .box a:active, .box a:visited {text-decoration:underline;color:#fff;}
.box a:hover {text-decoration:underline;color:#fff;background:#313332;}

.fixer {clear:both;font-size: .1em;line-height: .01em;color: #1D201F;}

/* Store
----------------------------------------------- */

#sidebar ul.store {margin-left: 0;padding-left: 0;list-style:none;}
#sidebar ul.store li {border-top:1px dotted #cacaca;background:none;padding:0;margin:0;}
#sidebar ul.store li a:link, #sidebar ul.store li a:active, #sidebar ul.store li a:visited {padding:5px 0 5px 25px;margin:0;background:#E5E5E5 url("../files/images/arrow_grey_light.gif") 4px 6px no-repeat;display:block;text-decoration:none;}
#sidebar ul.store li a:hover {background:#D9D9D9 url("../files/images/arrow_grey.gif") 4px 6px no-repeat;}
#sidebar ul.store li a.on {background:#D9D9D9 url("../files/images/arrow_grey.gif") 4px 6px no-repeat;}

#content .storeheader {color: #d9839c;background-color: #1F1F1F;font-size: 14px;padding: 10px;margin: 0;}
#content .storeheader h2 {background-color: #1F1F1F;}
#content .storeheader h2 span {color:#B4B4B4;font-weight:normal;padding-left:10px;}

#sidebar .bag {background:#D9D9D9;padding:2px 0;}
#sidebar .bag p {font-size:11px;color:#6D6D6D;}
#sidebar .bag h1 {color:#5B5B5B;}

#content .storefeature {width:530px;}
#content .storefeature .left {float:left;}
#content .storefeature .mid {float:left;}
#content .storefeature .right {float:left;width:361px;background:#fff url("../files/images/store/feature_bg.gif") top left no-repeat;}
#content .storefeature .right h4 {margin-left:55px;font-size:18px;color:#fff;margin-top:15px;}
#content .storefeature .right h4 a:link, #content .storefeature .right h4 a:active, #content .storefeature .right h4 a:visited {color:#fff;text-decoration:none;background:none;}
#content .storefeature .right h4 a:hover {color:#fff;text-decoration:underline;background:none;}
#content .storefeature .right p {margin-left:55px;margin-right:20px;font-size:14px;color:#fff;}

#content .product {border:3px solid #EAEAEA;width:253px;float:left; margin-top:12px;}
#content .product .inner {margin:12px;}
#content .product .info {float:left;width:100px;margin-right:12px;}
#content .product .pic {float:left;width:100px;padding-left:12px;border-left:1px solid #EAEAEA;}
#content .product h3 {font-size:14px;font-weight:normal;color:#645646;margin:0 0 6px 0;}
#content .product h3 a {font-size:14px;font-weight:normal;color:#645646;text-decoration:underline;}
#content .product h4 {font-size:14px;font-weight:bold;color:#000;margin:0 0 12px 0;}

#sidebar .shoppingbag table {border-collapse:collapse;width:200px;margin-top:20px;}
#sidebar .shoppingbag table tr {}
#sidebar .shoppingbag table tr td {border-bottom:1px dotted #C2C2C2;padding:5px;font-size:11px;}
#sidebar .shoppingbag table tr th {border-bottom:1px dotted #C2C2C2;padding:5px;background:#D1D1D1;font-size:11px;text-align:left;}

#content .productinfo {margin-left:171px;}
#content .productinfo h4 {color:#645646;font-size:18px;margin-top:10px;}
#content .productinfo p {color:#717171;font-size:14px;}

#content table.options {border-collapse:collapse;border-top:1px solid #E5E5E5;width:100%;}
#content table.options tr {}
#content table.options tr td {border-bottom:1px solid #E5E5E5;padding:5px;font-size:11px;color:#717171;vertical-align:middle;}
#content table.options tr td.price {font-size:14px;color:#000;font-weight:bold;}
#content table.options tr th {border-bottom:1px solid #E5E5E5;padding:5px;font-size:11px;color:#717171;font-weight:bold;text-align:left;}

#content a.options {background:url('../files/images/store/button_blank.gif') top left no-repeat;color:#fff;font-weight:bold;font-size:11px;text-decoration:none;padding:4px 40px 4px 8px;}

.pagenumbers table {margin-top:10px;font-size:11px;}

table.cart {border-collapse:collapse; width:530px;}
table.cart tr td, table.cart tr th {padding:5px; vertical-align:middle;}
table.cart tr th {border-bottom:1px solid #666; background:#fff; font-size:9px; color:#666; font-weight:normal;}
table.cart tr td {border-bottom:1px solid #e0e0e0; background:#f1f1f1;}

fieldset {background:#FFF9E9;padding:10px;margin-bottom:10px;border:5px solid #FDEEC5;width:488px;}
fieldset legend {font-weight:bold;font-size:14px;padding:5px;}

table.freight {border-collapse:collapse; margin-top:10px; border:2px solid #F4DEA3; background:#FDEEC5;}
.freight tr {vertical-align:middle;}
.contactform .freight tr td {margin:0; padding:8px 12px 8px 7px; border-bottom:1px solid #F4DEA3; border-right:1px solid #F4DEA3; font-size:11px;}
.contactform .freight tr th {margin:0; padding:8px 12px 8px 7px; border-bottom:1px solid #F4DEA3; border-right:1px solid #F4DEA3; font-size:11px; font-weight:bold;}

.contactform {border:0;}
.contactform tr {vertical-align:top;}
.contactform tr th {text-align:left; font-size:12px; padding:5px;vertical-align:middle;}
.contactform tr td {font-size:12px; padding:5px;}
.contactform tr td textarea {font-size:12px; padding:10px; width:350px; height:125px;}
.contactform hr {margin: 0 0 10px; padding:0; height: 1px; background: #FDEEC5; color: #FDEEC5; border: 0;}

#response {color:#000; background-image:url(../files/images/highlight.gif);margin-bottom:20px;}
#response cite {color:#333;}
#response p {padding:10px 10px 10px 20px; margin:0;color:#333;}

#content .printversion {float:right;margin-top:10px;}
#content .printversion img {}
#content .printversion a:link, #content .printversion a:active, #content .printversion a:visited {color:#999;}
#content .printversion a:hover {color:#999;background:none;}

cite.new {background:#645646;color:#fff;padding:1px;margin-left:6px;}

/* misc */

#content div.photoshop {clear:both;width:230px;background:#cacaca;padding:10px;font-size:11px;}
#content div.photoshop a:link, #content div.photoshop a:active, #content div.photoshop a:visited, #content div.photoshop a:hover {color:#000;background:none;}

.trips {background:#cacaca;padding:10px;}
.trips h1 {color:#000;font-size:16px;font-weight:bold;margin:5px 0;}
.trips p {color:#333;margin-bottom:0;}
#content .trips a:link, #content .trips a:active, #content .trips a:visited, #content .trips a:hover {color:#000;background:none;}

.makeupforever {background:#2F79BD url('/files/images/makeup-forever-promo.gif') top left no-repeat;width:530px;margin:10px 0;}
.makeupforever .inner {margin:0 20px 0 285px;}
.makeupforever p {font-size:14px;color:#fff;margin:0;}
#content .makeupforever ul {margin:0;padding:12px 0;list-style:none;}
#content .makeupforever ul li {font-size:14px;color:#fff;margin-bottom:3px;padding-left: 12px;padding-bottom:2px;background-image: url("/files/images/makeup-forever-arrow.gif");background-repeat: no-repeat;background-position: 0 5px;}
#content .makeupforever a:link, #content .makeupforever a:active, #content .makeupforever a:visited, #content .makeupforever a:hover {background:none;color:#fff;}

.bluepromo {background:#5B4F40;color:#fff;padding:8px;margin:10px 0;font-size:14px;}
#content .bluepromo a:link, #content .bluepromo a:active, #content .bluepromo a:visited, #content .bluepromo a:hover {background:none;color:#fff;}

#fatfooter {background:#E7E7E7;width:787px;}
#leftfooter {width: 255px;float: left;border-right:1px solid #C3C3C3;margin:15px 0;}
#middlefooter {width: 271px;float: left;border-right:1px solid #C3C3C3;margin:15px 0;}
#rightfooter {width: 255px;float: left;margin:15px 0;}
#fatfooter ul {padding-left:18px;margin-bottom:0;margin-top:10px;}
#fatfooter ul li {list-style:none;background: url('/files/images/ff-arrow.gif') 0 7px no-repeat;margin:0;font-size: 11px;color: #666666;text-align: top;padding:1px 0 1px 14px;}
#fatfooter h3 {color:#393939;font-size:14px;margin-left:17px;margin-top:0;margin-bottom:10px;}
#fatfooter a:link, #fatfooter a:active, #fatfooter a:visited, #fatfooter a:hover {text-decoration:none;}
#fatfooter li a:link, #fatfooter li a:active, #fatfooter li a:visited, #fatfooter li a:hover {text-decoration:none;background:none;}
#fatfooter li a:hover {text-decoration:underline;background:#DCDCDC;}