/* supersedes */
body{margin: 0px; padding: 0px; background-repeat: repeat-x; background-color: #FFFFFF; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
p{margin: 10px 0px;}
a{color: #0066cc;}
form{margin: 0px; padding: 0px;}
.clear{clear: both;}

/* popup */
#bgPopup{display: none; margin: 0px; padding: 0px; background-image: url(/asset/image/background/bgPopup.png); position: absolute; top: 0; left: 0; background-repeat: repeat; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; z-index: 99998;}
#popup{display: none; margin: 0px; padding: 5px; background: #FFF; border: solid 5px #000; z-index: 99999; position: absolute; top: 700px; margin: 0 auto;}

/* basic structure */
#mainContainer{margin: 0px auto; width: 1026px; position: relative;}
#mainContainer #header{margin: 0px auto; width: 1026px; position: relative; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #424242;}

#mainContainer #interior{margin: 0px auto; width: 1026px; position: relative;  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #424242;}
#mainContainer #footer{margin: 0px auto; width: 1026px; position: relative;  height: 221px; background-image: url(/asset/image/background/bgFooterCheckout.gif); background-repeat: no-repeat; height: 221px;}

/* header */
#mainContainer #header #row1{display: block; margin: 0px; padding: 0px; height: 69px; width: 1006px; border: none;}
#mainContainer #header #row1 .imgContainer{float: left; padding: 0px; margin: 0px; display: inline;}
#mainContainer #header #row1 #rowA{float: left; width: 760px; height: 39px; text-align: right; position: relative;}
#mainContainer #header #row1 #rowB{float: left; width: 760px; height: 30px; text-align: right; position: relative;}
#mainContainer #header #row1 #rowA div,#mainContainer #header #row1 #rowB div{position: absolute; bottom: 0px; right: 0px; display: inline;}
#mainContainer #header #row1 #rowA a.blueLink,#mainContainer #header #row1 #rowB a.blueLink{color: #00F;}
#mainContainer #header #row1 #rowA a.pinkLink{color: #e22c91;}
#mainContainer #header #row2{display: block; margin: 0px; padding: 0px; height: 28px;}
#mainContainer #header #row2 .imgContainer{float: left; padding: 0px; margin: 0px; display: inline;}
#mainContainer #header #row2 .row2End{background-image: url(/asset/image/bfheader_10.gif); background-repeat: no-repeat; background-position: left bottom; height: 39px; width: 298px; position: relative;}
#mainContainer #header #row2 .row2End div{position: relative; bottom: -10px; text-align: right; padding-right: 10px; color: #e22c91; font-size: 14px; }
#mainContainer #header #row1 .imgContainer #loginContainer{position: relative; height: 53px; width: 177px; padding-top: 20px; font-size: 11px; display: none;}
#mainContainer #header #row1 .imgContainer #loggedInContainer{position: relative; height: 53px; width: 177px; padding-top: 20px; font-size: 11px;}
#mainContainer #header #row1 .imgContainer #loginContainer a{color: #0066cc;}
#mainContainer #header #row1 .imgContainer #loggedInContainer a{color: #0066cc;}
#mainContainer #header #row1 .imgContainer #loginContainer #forgotPW{position: absolute; top: 20px; left: 10px;}
#mainContainer #header #row1 .imgContainer #loginContainer #divider{position: absolute; top: 20px; left: 98px;}
#mainContainer #header #row1 .imgContainer #loginContainer #login{position: absolute; top: 20px; left: 104px;}
#mainContainer #header #row1 .imgContainer #loginContainer #join{position: absolute; top: 45px; left: 84px;}

#mainContainer #header #row1 .imgContainer #loggedInContainer #welcome{position: absolute; left: 0px; top: 20px;}
#mainContainer #header #row1 .imgContainer #loggedInContainer #logout{position: absolute; right: 30px; top: 20px;}
#mainContainer #header #row1 .imgContainer #loggedInContainer #myProfile{position: absolute; left: 0px; top: 45px; color: #cc6666; text-decoration: none;}
#mainContainer #header #row1 .imgContainer #loggedInContainer #myAccount{position: absolute; right: 30px; top: 45px;}
#mainContainer #header #row1 .imgContainer #loggedInContainer .on{color: #cc6666; text-decoration: none;}
#mainContainer #header #row1 .imgContainer #loggedInContainer .off{}
/*
#mainContainer #header #row1{display: block; margin: 0px; padding: 0px; height: 73px; width: 1026px; border: none;}
#mainContainer #header #row1 .imgContainer{float: left; padding: 0px; margin: 0px; display: inline;}
#mainContainer #header #row2{display: block; margin: 0px; padding: 0px; height: 28px;}
#mainContainer #header #row2 .imgContainer{float: left; padding: 0px; margin: 0px; display: inline;}

#mainContainer #header #row1 .imgContainer #loginContainer{position: relative; height: 53px; width: 177px; padding-top: 20px; font-size: 11px; display: none;}
#mainContainer #header #row1 .imgContainer #loggedInContainer{position: relative; height: 53px; width: 177px; padding-top: 20px; font-size: 11px;}
#mainContainer #header #row1 .imgContainer #loginContainer a{color: #0066cc;}
#mainContainer #header #row1 .imgContainer #loggedInContainer a{color: #0066cc;}
#mainContainer #header #row1 .imgContainer #loginContainer #forgotPW{position: absolute; top: 20px; left: 10px;}
#mainContainer #header #row1 .imgContainer #loginContainer #divider{position: absolute; top: 20px; left: 98px;}
#mainContainer #header #row1 .imgContainer #loginContainer #login{position: absolute; top: 20px; left: 104px;}
#mainContainer #header #row1 .imgContainer #loginContainer #join{position: absolute; top: 45px; left: 84px;}

#mainContainer #header #row1 .imgContainer #loggedInContainer #welcome{position: absolute; left: 0px; top: 20px;}
#mainContainer #header #row1 .imgContainer #loggedInContainer #logout{position: absolute; right: 30px; top: 20px;}
#mainContainer #header #row1 .imgContainer #loggedInContainer #myProfile{position: absolute; left: 0px; top: 45px; color: #cc6666; text-decoration: none;}
#mainContainer #header #row1 .imgContainer #loggedInContainer #myAccount{position: absolute; right: 30px; top: 45px;}
#mainContainer #header #row1 .imgContainer #loggedInContainer .on{color: #cc6666; text-decoration: none;}
#mainContainer #header #row1 .imgContainer #loggedInContainer .off{}
*/
#mainContainer #checkoutSteps {display: block;}
#mainContainer #checkoutSteps #theSteps{padding-left: 20px; margin-bottom: 20px; height: 35px;}
#mainContainer #checkoutSteps #theSteps div{float: left;}
#mainContainer #checkoutSteps #theSteps div img{margin: 0px; padding: 0px;}
#mainContainer #checkoutSteps #theSteps .stepOn{ width: 242px; height: 35px; color: #e22c91; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(/asset/image/background/bgStepOn.gif); background-position: top center; background-repeat: no-repeat; position: relative;}
#mainContainer #checkoutSteps #theSteps .stepOff{width: 242px; height: 35px; color: #cccccc; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(/asset/image/background/bgStepOff.gif); background-position: top center; background-repeat: no-repeat; position: relative;}
#mainContainer #checkoutSteps #theSteps .stepOn div,
#mainContainer #checkoutSteps #theSteps .stepOff div{width: 242px; text-align: center; margin: 15px auto 0px auto; }


#mainContainer #interior #beautyProfileContainer #checkoutSteps{width: 862px; margin: 0px auto;}

/* breadcrumbs */
#mainContainer #breadcrumbContainer #breadcrumbs{position: relative; left: 32px; font-size: 11px;}
#mainContainer #breadcrumbContainer #selectedPage{color: #0066cc; left: 50-18px;}
#mainContainer #breadcrumbContainer #title{position: absolute; left: 30px; top: 30px;}
#mainContainer #breadcrumbContainer #banner{float: right;}

/* interior */

/* footer */
#mainContainer #footer{position: relative; font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#mainContainer #footer #row4{position: absolute; bottom: 70px; left: 20px; color: #666666;}
#mainContainer #footer #img1{position: absolute; bottom: 0px; right: 292px;}
#mainContainer #footer #img2{position: absolute; bottom: 0px; right: 249px;}
#mainContainer #footer #img3{position: absolute; bottom: 0px; right: 179px;}
#mainContainer #footer #img4{position: absolute; bottom: 0px; right: 180px;}
#mainContainer #footer #icons{position: absolute; bottom: 117px; left: 614px; height: 40px; width: 340px;}
#mainContainer #footer #icons #img1{float: left; margin-right: 4px;}
#mainContainer #footer #icons #img2{float: left; margin-right: 4px;}
#mainContainer #footer #icons #img3{float: left; margin-right: 4px;}
#mainContainer #footer #icons #img4{float: left; margin-right: 4px;}
#mainContainer #footer #icons #facebookLike{float: left; position: absolute; left: 150px; top: -10px;}