/* Font styling */
h1 {color:#49A9BA; font-size:18px; line-height:21px; margin-bottom:15px;}
h2 {color:#2B220D; font-size:15px; font-weight:normal; line-height:21px;} 
p {font-family:Arial, Verdana, sans-serif; font-size:12px; line-height:16px; margin:12px 0;}
a {color:#49A9BA;}
a:hover {text-decoration:none;}

body {margin:0 auto; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#000;}
body, html {height:100%;}
#container {height:auto !important; height:100%; margin:0 auto -100px; min-height:100%; text-align:left; width:896px;}

table { text-align: left;
border-spacing: 0px;}

 td.padded {
 padding:10px;
 }

#header {width:896px; margin:20px auto;}
#header a {color:#000;}
#content {width:896px; margin:30px auto; text-align:left-align;}
#footer {margin:0 auto; padding-top:10px; width:896px;}
#footer-container {background:#899948;}
#footer-container, .push {height:115px;}
#footer li {display:inline; padding:0 4px; font-family:Arial, Verdana, Sans-serif ; font-size:12px;}
#index #footer-container {background-color:#fff;}
#index #footer, #index #footer a {color:#000;}
#footer, #footer a {color:#EBE4B7;}
#logo {margin-bottom:10px;}
#logo li {display:inline;}



/* Navigation styling */
.leftnav ul, .rightnav ul {text-align:center;}
.leftnav li {float:left; padding:0 21px;}
.rightnav li {float:right; padding:0 21px;}

.leftnav a, .rightnav a, #footer a {text-decoration:none;}
.leftnav a:hover, .rightnav a:hover, #footer a:hover {text-decoration:underline;}

#about #nav-about, #products #nav-bumble, #giftcards #nav-giftcards, #promotions #nav-promo, #services #nav-services, #stylists #nav-stylists,  {text-decoration:underline;}
/* End of Navigation styling */

/* Spotlight Homepage styling */
#spotlightBox {width:896px; height:351px; background: #DB3C23 url(/images/spotlight-bg.jpg) no-repeat top left; margin:12px 0;}
#spotlight-whatsyourstyle {margin:20px 0 0 50px;}

#photobox {position:relative; top:0; left:0;}
#photobox a {text-decoration:none; position:absolute; top:0;}
a#smooth {background:url(/images/spotlight-smooth.png) top left no-repeat; width:134px; height:163px; display:block; top:40px; left:80px;}
a#smart {background:url(/images/spotlight-smart.png) top left no-repeat; width:136px; height:165px; display:block; top:05px; left:220px;}
a#trendy {background:url(/images/spotlight-trendy.png) top left no-repeat; width:140px; height:168px; display:block; top:25px; left:360px;}
a#sweet {background:url(/images/spotlight-sweet.png) top left no-repeat; width:156px; height:179px; display:block; top:-10px; left:500px;}
a#modern {background:url(/images/spotlight-modern.png) top left no-repeat; width:156px; height:183px; display:block; top:-40px; left:655px;}
/* End of Spotlight Homepage styling */

.photobox-text {visibility:hidden;}

/* Column Styling */
.col-540 {float:left; margin-right:15px; width:540px;}
.col-341 {float:left; width:341px;}
.Col-33per {float:left; width:33%;}

#content ul {list-style-type:disc; list-style-position:outside; margin-bottom:15px; margin-left:30px;}


/* Rounded boxes */
.bucket {margin:0 auto; text-align:left; position:relative; width:239px; height:139px;}
.tan {background:#f3ebc1 url(/images/pattern-tanstripes.png) repeat top left;}
.green {background:#8b9c41 url(/images/pattern-greenscales.png) no-repeat top left;}
.yellow {background:#e8c350 url(/images/pattern-yellowcrosshatch.png) no-repeat top left;}
.box-content {padding:10px;}
	.rndcnr-topleft, .rndcnr-topright, .rndcnr-btmleft, .rndcnr-btmright {position:absolute; display:block !important;}
	.rndcnr-topleft {background: transparent url(/images/rndcnr-topleft.gif) top left no-repeat; width:8px; height:8px; top:0; left:0;}
	.rndcnr-topright {background: transparent url(/images/rndcnr-topright.gif) top right no-repeat; width:8px; height:8px; top:0; right:0;}
	.rndcnr-btmleft {background: transparent url(/images/rndcnr-btmleft.gif) bottom left no-repeat; width:8px; height:8px; bottom:0; left:0; margin-bottom:-1px;}
	.rndcnr-btmright {background: transparent url(/images/rndcnr-btmright.gif) bottom right no-repeat; width:8px; height:8px; bottom:0; right:0; margin-bottom:-1px;}


/* Form Styling */
form #emailaddress {border:0; color:#999; padding-left:5px;}
form #submit {}




/* Clear fix */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

.clearfix {display: inline-block;}

html[xmlns] .clearfix {display: block;}

* html .clearfix {height: 1%;}