/*
Theme Name: ImagesCosmetic
Description: Custom Template for ImagesCosmetic.com
Version: 1.0
Author: William Hall
*/


/* reset the css rules */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1;}
:focus {outline: 0;}

/* set up some pre-determined styles */
.clear {width: 100%; height: 1px; background: transparent; clear: both;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption-dd {font-size: 9pt; line-height: 17pt; padding: 0 4px 5px; margin: 0;}
.wp-caption-text {font-size: 9pt; line-height: 17pt;}
.alignleft {float: left; border: 5px solid #fff; outline: 1px solid #ccc;}
.aligncenter {margin: 0 auto; clear: both; text-align: center; border: 5px solid #fff; outline: 1px solid #ccc;}
.alignright {float: right; border: 5px solid #fff; outline: 1px solid #ccc;}
.alignnone {border: 5px solid #fff; outline: 1px solid #ccc;}

/* Begin page styling */
html {width: 100%; height: 100%; background: transparent url(images/htmlbg.jpg) top left repeat;}
body {width: 100%; position: absolute; z-index: 10; background: transparent url(images/newbg2.jpg) bottom center fixed no-repeat; z-index: 10; color:#363636;	font:14px  arial, tahoma, sans-serif; margin:15px 0;}
body#indexbody {width: 100%; height: 100%; position: absolute; z-index: 10;	background: transparent url(images/newbg2.jpg) bottom center fixed no-repeat; z-index: 10; color:#363636; font:14px  arial, tahoma, sans-serif; margin: 0; overflow: hidden;}

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

h1 {color: #804c1b; font: 22pt/18pt Trebuchet MS, sans-serif;}
.post h1 {color: #804c1b; font: 22pt/18pt Trebuchet MS, sans-serif; padding-bottom: 10px;}
h2 {color: #000; font: 22pt/18pt Trebuchet MS, sans-serif;}
h3 {color: #000; font: 14pt/19pt Trebuchet MS, sans-serif;}
h4 {color: #804c1b; font: 14pt/19pt Trebuchet MS, sans-serif;}
h5 {color: #707069; font: 11pt/16pt Trebuchet MS, sans-serif;}
p {color: #000; font: 11pt/19pt Trebuchet MS, sans-serif;}
caption {font: 10px/12px Trebuchet MS, sans-serif; font-style: italic;}
ul {padding-left: 11pt; margin-left: 0;}

.odd {background: #efeedf; padding: 8px 15px;}
.even {background: transparent; padding: 8px 15px;}


/* Header */
#header {background: transparent; height: 136px; width: 960px; margin: 20px auto 0px auto;}
#indexbody #header {text-align: center;}

#wrapper {width: 960px; margin: 0 auto; background: transparent;}

/*Specifically for the main page of the site, the landing page, where we've grouped several of the most common procedures into 4 categories*/
#landing {margin: 50px auto 0px auto; clear:both; width:1000px;}
	
/*Each category image is within a the box class*/
#landing .box {float:left;}
#landing .skincare {width: 242px; height: 249px;} 
#landing .skincare a {width: 242px; height: 249px; overflow: hidden; float: left; background: transparent url(images/skincare.png) top left no-repeat;} 
#landing .skincare a:hover {background: transparent url(images/skincare.png) 0 -248px no-repeat;} 

#landing .hairbegone {width: 250px; height: 249px;} 
#landing .hairbegone a {width: 250px; height: 249px; overflow: hidden; float: left; background: transparent url(images/hairbegone.png) top left no-repeat;} 
#landing .hairbegone a:hover {background: transparent url(images/hairbegone.png) 0 -248px no-repeat;} 

#landing .bodyshape {width: 242px; height: 249px;} 
#landing .bodyshape a {width: 242px; height: 249px; overflow: hidden; float: left; background: transparent url(images/bodyshape.png) top left no-repeat;} 
#landing .bodyshape a:hover {background: transparent url(images/bodyshape.png) 0 -248px no-repeat;} 

#landing .facetime {width: 253px; height: 249px;} 
#landing .facetime a {width: 250px; height: 249px; overflow: hidden; float: left; background: transparent url(images/facetime.png) top left no-repeat;} 
#landing .facetime a:hover {background: transparent url(images/facetime.png) 0 -248px no-repeat;} 



/* Page content */
#content {width: 960px; margin: 30px auto 0px auto; background: transparent;}

#leftside {width: 209px; float: left; height: 100%;}

#leftside #menu {float:left; width:209px; margin: 0; padding: 0;}
#leftside #menu ul {width:209px; float:left; border-top: 3px solid #c837b2; margin: 0; padding: 0;}
#leftside #menu ul li {float:left; clear:both; list-style: none; margin: 0;}
#leftside #menu ul li a, #leftside #menu ul li .active {color:#000; text-decoration:none; display:block; width:190px; padding:8px 10px; background:#999; margin-bottom:2px; font-weight:bold; letter-spacing:1px;}
#leftside #menu ul li a:hover, #leftside #menu ul li .active {background:#232323; color:#fff;}
#leftside #menu ul li ul {background:#666; width:209px; float:left; clear:both; margin-top:-2px; margin-bottom:3px; padding:5px 0; display: none;}
#leftside #menu ul li.current_page_item ul {display: block;}
#leftside #menu ul li.current_page_parent ul {display: block;}
#leftside #menu ul li ul li {margin:0; float:left; width:209px;}
#leftside #menu ul li ul li a {width:auto; color:#ccc; background:transparent; font-size:12px; margin:0; letter-spacing:0px;padding:2px 0 2px 7px;}
#leftside #menu ul li ul li a:hover {color:#ce3588;	background:transparent;}	
/*The special offers box below the menu*/
#leftside .promos {float:left; width:200px; background:#e0e0e0 url(images/promo-bg.jpg) repeat; padding:35px 5px 5px 5px; margin-top:10px;}
#leftside .promos a {text-decoration: underline;}
#leftside .location {width: 195px; float: left; color:#000; background: #e0e0e0 url(images/stripestripe.jpg) top left repeat; font-size:14px; padding:8px; text-align:right; margin-top: 5px;}
.skinexpo {color: #c837b2;}
.skinexpo:hover {color: #000;}

#rightside {width: 720px; float: left; height: 100%; margin-left: 5px;}
#rightside .post h1 {background:#999; color:#000; font-size:18px; padding:5px; border-top: 3px solid #c837b2;}
#rightside .entry {padding: 10px; background: #e1e3e3; min-height: 209px;}
#rightside .entry h2 {margin-bottom: 6px; color:#c837b2; font-style:oblique; font-size:22px; font-weight:bold;}
#rightside p {font-weight: normal;}
#rightside strong {font-weight: bolder;}
#rightside .bannerbox {background: transparent; width: 720px; margin-bottom: 5px; text-align: center;}
#rightside .questionsgo {float: right; padding: 8px;}

/* footer */
#footernavs {width: 960px; margin: 20px auto 0px auto; color: #ccc; text-align: center;}
#footernavs a {color: #fff;}
#footernavs a:hover {color: #fff; text-decoration: underline;}

#footercopy {width: 960px; margin: 20px auto 0px auto; text-align: center; color: #fff; font-size: 13px;}
#footercopy a {color: #fff;}
#footercopy a:hover {color: #fff; text-decoration: underline;}

.dlm_download_list li {list-style: none; margin-bottom: 5px; border-bottom: 1px solid #707069; padding: 5px;}
.dlm_download_list li img.alignleft {width: 80px; height: 80px; overflow: hidden; border: 2px solid #efefef; outline: 1px solid #707069; margin-right: 8px;}
.dlm_download_list li .deskitem h3, .dlm_download_list li .deskitem h5, .dlm_download_list li .deskitem p {padding: 5px;}

#regbutton {position: absolute; top: 0; left: 50%; margin: 10px 0 0 300px;}