/* CSS @ italiamarble.com */

body { background: #ab0511 url(../images/bg.gif) repeat; color: #fff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; height: 100%; position: relative; text-align: center; }

h1 { font-family: Arial Black, Arial, sans-serif; font-size: 300%; font-weight: normal; color: #f9d960; }
h2 { font-family: Arial Black, Arial, sans-serif; color: #f9d960; font-size: 200%; font-weight: normal; }
h3 { font-size: 120%; font-weight: bold; color: #333; line-height: 1.8em; }
label { font-weight: bold; font-size: 120%; color: #333; line-height: 1.8em; }
p { font-size: 140%; line-height: 1.8em; }
a:link, a:visited { font-size: inherit; color: #fff; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }
.block { display: block; }
.none { display: none; }

#outerContainer { width: 1024px; margin: 0 auto; padding: 0; position: relative; }
.homepage { background: url(../images/bg_black.jpg) repeat-x; height: 272px; position: absolute; top: 120px; left: 0; width: 100%; }
#container { background: url(../images/bg_mid.png) repeat-y; width: 960px; height: 100%; margin: 0 auto; padding: 0; position: relative; text-align: center; }

#header { background: url(../images/logo.gif) no-repeat left 20px; width: 940px; height: 120px; margin: 0 auto; position: relative; text-align: left; z-index: 20; }
#header a.logo { display: block; width: 320px; height: 80px; position: absolute; top: 20px; text-decoration: none; }
#header div#nav { background: url(../images/bg_nav_right.gif) no-repeat top right; font-size: 120%; height: 38px; margin: 0; padding: 0; position: absolute; top: 5px; right: 0; width: auto; }
#header div#nav ul { background: url(../images/bg_nav_left.gif) no-repeat top left; height: 38px; margin-right: -10px; padding: 0 6px; position: relative; left: -10px; width: auto; }
#header div#nav ul li { float: left; margin: 5px 20px 0 0; }
#header div#nav ul li.last { margin-right: 0; }
#header div#nav ul li a { color: #fff; display: block; height: 29px; line-height: 2.5em; text-decoration: none; text-transform: uppercase; }
#header div#nav ul li a span { display: block; height: 29px; padding: 0 10px; }
#header div#nav ul li a:hover span, #header div#nav ul li a:active span, #header div#nav ul li a.selected span { background: url(../images/bg_nav_hover_left.jpg) no-repeat top left; }
#header div#nav ul li a:hover, #header div#nav ul li a:active, #header div#nav ul li a.selected { background: url(../images/bg_nav_hover_right.jpg) no-repeat top right; color: #292929; }

#header p.rgt { font-size: 120%; position: relative; top: 50px; right: 5px; }

#secondaryHead { background: url(../images/bg_homeMiddle.jpg) no-repeat top center; min-height: 252px; margin: 10px auto; width: 100%; text-align: left; }
#secondaryHead.bestMiddle { background: url(../images/best/bg_bestMiddle.jpg) no-repeat top center; }
#secondaryHead div.lft { position: relative; top: 185px; margin-left: 20px; }
#secondaryHead div.lft h1 { text-transform: uppercase; }
#secondaryHead div.lft p { text-transform: uppercase; line-height: 18px; position: relative; top: -8px; }
#secondaryHead div.lft h1 span { font-size: 75%; }
#secondaryHead div.lft h1 sup { font-size: 40%; position: relative; top: -7px; text-decoration: underline; }
#secondaryHead div.lft h1 a { color: #fff; font-size: 40%; font-family: Arial, Helvetica, sans-serif; position: relative; top: -7px; left: 12px; text-transform: uppercase; }

#secondaryHead div.rgt p { font-size: 120%; text-transform: uppercase; text-align: right; position: relative; top: 185px; margin-right: 20px; }

#content { margin: 0 auto; text-align: left; width: 935px; }
#content #homeLeft { font-weight: normal; width: 480px; }
#content #homeLeft .text ul { margin: 10px 0 20px 0; }
#content #homeLeft .text ul li { background: url(../images/icon_check.gif) no-repeat; margin-bottom: 5px; padding-left: 30px; }
#content #homeLeft .text ul li p { font-size: 180%; position: relative; top: -3px; }
#content #homeLeft .text p span { color: #f9d960; }
#content #homeLeft .text { padding-bottom: 97px; }
#content #homeRight { font-weight: normal; width: 420px; }
#content #homeRight p span { font-style: italic; }
#content #homeRightSecond { font-weight: normal; width: 420px; margin-top: -20px; position: relative; z-index: 100; }
#content #homeRight #vanity { padding: 20px 8px 0 15px; }
#content #homeRightSecond #hours { padding-bottom: 50px; }
#content #homeRightSecond #hours p.rgt { margin-right: 50px; position: relative; z-index: 200; }
#content #homeRightSecond #hours p.closed { text-transform: uppercase; }
#content #homeRightSecond div.clock { background: url(../images/bg_clock.png) no-repeat right bottom; _background: url(../images/bg_clock.gif) no-repeat right bottom; height: 107px; width: 103px; position: absolute; bottom: 7px; right: 6px; z-index: 100; }

#content #bestsellersLeft { font-weight: normal; width: 580px; }
#content #bestsellersLeft .text { padding-bottom: 63px; }
#content #bestsellersLeft h2 { font-size: 180%; margin-bottom: 0; }
#content #bestsellersLeft p.options { margin-bottom: 10px; }
#content #bestsellersLeft ul { margin-right: 20px; }
#content #bestsellersLeft ul li { width: 125px; margin-bottom: 5px; text-align: left; }
#content #bestsellersLeft ul li a:link, #content #bestsellersLeft ul li a:visited { background: #850c14; display: block; width: 100%; height: 22px; font-size: 130%; line-height: 1.6em; padding-left: 5px; text-decoration: underline; } 
#content #bestsellersLeft ul li a:hover, #content #bestsellersLeft ul li a:active, #content #bestsellersLeft ul li a.selected { background: #850c14; color: #f9d960; display: block; width: 100%; height: 22px; font-size: 130%; line-height: 1.6em; padding-left: 5px; text-decoration: none; } 

#content #bestsellersLeft div#bestGallery { width: 390px; }
#content #bestsellersLeft div#bestGallery a { display: block; float: left; width: 130px; height: auto; margin-bottom: 10px; }
#content #bestsellersLeft div#bestGallery a img { border: 2px solid #f9d960; }

#content #bestsellersRight { font-weight: normal; width: 320px; }
#content #bestsellersRight h2 { margin-bottom: 5px; }
#content #bestsellersRight p { font-size: 130%; }
#content #bestsellersRight span { color: #e7e7e7; font-size: 110%; line-height: 1.8em; }
#content #bestsellersRight form { margin-top: 20px; }
#content #bestsellersRight div.codeHolder { margin-top: 20px; }
#content #bestsellersRight #offer h3 { color: #f9d960; float: left; font-size: 140%; font-weight: normal; display: block; margin: 10px 5px 0 0; width: 115px; text-align: right; }
#content #bestsellersRight div.offerBubble { background: url(../images/best/bg_offerBubble.gif) no-repeat; float: left; height: 50px; width: 157px; margin: 0 0 0 0; padding: 0; position: relative; }
#content #bestsellersRight div.offerBubble h1 { font-size: 160%; color: #fff; font-weight: normal; text-transform: uppercase; position: absolute; top: 50%; margin-top: -10px; text-align: center; width: 100%; }
#content #bestsellersRight label { color: #f9d960; clear: left; float: left; font-size: 140%; font-weight: normal; display: block; margin: 3px 5px 0 0; position: relative; top: -3px; width: 115px; text-align: right; }
#content #bestsellersRight input.type { background: url(../images/best/bg_formBubble.gif) no-repeat; border: none; color: #fff; float: left; height: 20px; width: 147px; margin: 3px 0 5px 0; padding: 4px 5px 0 5px; }
#content #bestsellersRight input.submit { background: url(../images/best/bg_formButton.jpg) no-repeat; border: none; cursor: pointer; font-size: 120%; margin-top: 5px; width: 101px; line-height: 1.6em; height: 29px; }

#content #services div.lft { width: 350px; }
#content #services div.lft h2 { font-size: 160%; margin-bottom: 5px; }
#content #services div.lft p { border-bottom: 1px solid #f9d960; font-size: 140%; margin-bottom: 6px; padding-bottom: 2px; }
#content #services div.rgt { width: 456px; }
#content #services div.rgt p { margin-top: 0; text-align: center; }
#content #services div.rgt span { color: #f9d960; display: block; font-size: 110%; font-style: italic; line-height: 1.8em; text-align: center; }
#content #services div.rgt a.vis { visibility: hidden; }
#content #services div.rgt img { border: 1px solid #f9d960; margin-right: 8px; padding: 2px; }

#content #faq p span { font-size: 100%; font-weight: bold; color: #f9d960; }
#content #faq p.section { font-size: 135%; width: 70%; margin: 0 auto; }

#content #contactLeft { font-weight: normal; width: 580px; }
#content #contactLeft div.lft { margin: 0 -15px 5px 0; width: 180px; }
#content #contactLeft img { margin-right: 15px; }
#content #contactLeft p { font-size: 140%; }
#content #contactLeft p.small { font-size: 110%; }
#content #contactLeft p a { position: relative; top: 10px; }
#content #contactLeft .text { padding-bottom: 58px; }
#content #contactLeft label { color: #f9d960; }
#content #contactLeft span { font-size: 120%; }
#content #contactLeft input.type { background: url(../images/best/bg_formBubble.gif) no-repeat; border: none; color: #fff; height: 20px; width: 147px; margin: 3px 0 5px 0; padding: 4px 5px 0 5px; }
#content #contactLeft input.submit { background: url(../images/best/bg_formButton.jpg) no-repeat; border: none; cursor: pointer; font-size: 120%; margin-top: 5px; width: 101px; line-height: 1.6em; height: 29px; }
#content #contactRight { width: 320px; }
#content #contactRight h2 { font-size: 160%; line-height: 22px; }
#content #contactRight p { font-size: 130%; }
#content #contactRight a { display: block; margin-top: 10px; }
#content #contactRight img { border: 1px solid #f9d960; padding: 2px; margin: 0 0 10px 0; }
#content #contactRight span { color: #e7e7e7; font-size: 110%; line-height: 1.8em; }
#content #contactRight { padding-bottom: 30px; }

#footer { margin: 0 0 5px 15px; text-align: center; width: 920px; }
#footer.roundedShadow .text p { font-size: 120%; }
#footer a { color: #f9d960; font-size: 100%; }
#footer a.selected { color: #fff; text-decoration: none; }

.roundedShadow {
 position:relative;
 margin:0px auto;
 min-width:80px;
 max-width:935px; 
 color:#fff;
 z-index:1;
 margin-left:15px; 
 margin-bottom:5px; 
}

.roundedShadow .text { margin-top: 20px; padding: 20px 15px 0 15px; }
.roundedShadow .text h2 { margin-bottom: 15px; }
.roundedShadow .text p { font-size: 160%; }

.roundedShadow .inner,
.roundedShadow .top,
.roundedShadow .bottom,
.roundedShadow .bottom div {
 background:transparent url(../images/bg_roundedShadow.png) no-repeat top right;
 _background-image:url(../images/bg_roundedShadow.gif);
}

.roundedShadow .inner {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 9px 0px 0px;
}

.roundedShadow .top {
 position:absolute;
 left:0px;
 top:0px;
 width:11px;
 margin-left:-11px;
 height:100%;
 _height:1600px; 
 background-position:top left;
}

.roundedShadow .bottom {
 position:relative;
 width:100%;
}

.roundedShadow .bottom,
.roundedShadow .bottom div {
 height:20px; 
 font-size:1px;
}

.roundedShadow .bottom {
 background-position:bottom right;
}

.roundedShadow .bottom div {
 position:relative;
 width:11px;
 margin-left:-11px;
 background-position:bottom left;
}