/* Globals */

html,body{margin:0;padding:0}

body{font: 76% arial,sans-serif;text-align:center; background-color: #ccc; line-height: 1.6em;}

a{ color: #981793;padding:10px;}



/* Primary Divs */


div#header { height: 4em; background-color: white; color:black; border-bottom: 2px solid #5D7CBA;}


div#wrapper { margin-top: 5px; }

div#container{text-align:left}

div#content p{line-height:1.4}

div#navigation{background:#fff}

div#extra{background:#fff}

div#footer{background: #fff;color: #000; border-top: 2px solid #5D7CBA; }

div#footer p{margin:0;padding:5px 10px}

div#container{width:700px;margin:0 auto; }


div#bgwrap { background: #4b4b4b url(/images/bg3.jpg); width: 800px; margin: 0 auto;}

div#content{float:right;width:495px}

div#navigation{float:left;width:200px}

div#extra{float:left;clear:left;width:200px;}

div#footer{clear:both;width:100%}



/* TABLES */ 


table {border: 2px solid #7B7B7B; border-collapse:collapse; width:90%; margin-left: 3ex; }


td {background-color: #fff; padding:3px; border: 1px solid #ccc; color:#000;}


th {text-align:left;border: 1px solid #fff}


thead th {color:#285178; font-size:1.5em; background-color: #EAEAEA ; padding: 10px 6px}

tbody th {color:#fff; font-size:1.15em; background-color: #69f ; padding: 6px}

tbody th.sub {font-size: .90em; color:#fff; background-color: #336; padding: 6px}



/* TEXT STYLES */


div#content a:link, div#content a:visited { padding:0; color:#222C43; text-decoration:none; border-bottom: 1px solid #222C43; }


div#content a:hover {background-color: #404B66; color:#fff; }


div#content h1 { font-size: 2.5em; color:#600; margin-top: 0;  text-transform:uppercase; letter-spacing: 1px;}


div#content h2 { font-size: 2em; color: #23214F; line-height: 1.3em; letter-spacing: -1px;}


div#content h3 { font-size: 1.5em; color: #5a89b5;}


div#content h4 { font-size: 1.25em; color: #5a89b5;}


div#content h5 {font-size: 1em; font-weight:bold;}

div#content h1,h2,h3,h4,h5 {padding:0 5px 0px;}
acronym {border-bottom: 1px dotted #966; cursor:help; } 

div#content img {padding: 3px; margin: 2px; margin-left:2px; }


form,submit { padding:0; margin:0; } 

.maintext {text-align:justify}

/* removes extraneous padding around the form */


code { border: 1px dotted #69f; background-color: #990; color:#fff; margin-left: 3ex;}


blockquote { border: 1px solid #69f; background-color: #990; color:#fff; margin: 3ex; font-style:italic;}



/* Horizontal Navigation Menu */


a.headerpic { margin:0; padding: 0; color:#fff; }

#header ul { margin:0; text-align: right; padding-top: 1.6em; padding-bottom:0;}


#header ul li { list-style-type:none; display:inline;}


#header ul li a:link, #header ul li a:visited { display:inline; padding-top: 3em; text-decoration:none; color:gray; border-left: 2px solid gray;}


#header ul li a:hover { border-bottom: 1px solid gray; background: #fff;}
.skiplink a:link, .skiplink a:visited { visibility: hidden;}



/* Vertical Navigation Menu */


#navigation { margin-bottom: 15px; }


#navigation ul { list-style-type:none; margin:0; padding:0; }


#navigation ul li {line-height: 4px; border-bottom: 1px solid gray;}


#navigation ul li a:link,#navigation ul li a:visited { text-decoration:none; color:black; text-transform:uppercase; display:block; }


#navigation ul li a:hover { background: #fff; padding-left: 25px; font-weight:bold; }


#navigation p{margin:0 10px 10px}



/* celazome product above Nav Menu */

#navproduct { width: 190px; height: 110px; border: 1px solid #fff; }

a.navproduct { margin:0; padding: 0; color:#fff; }



/* Main pic area above content */


div#mainpicbox {  height: 250px; border: 1px solid #5D7CBA; margin-left: 10px; padding: 10px; margin-bottom: 15px;}


div#mainpic { height: 250px; background:blue url(/images/celazome-clinical-skin-care.jpg) no-repeat; color:white; }


div#mainpic h2 { color:#fff; font-size: 2.75em; margin-top:0; padding-top: 1em; padding-left: 20px; margin-bottom:0; }


div#mainpic h3 { padding-left: 20px; color:#330;}


div#mainpic p, div#mainpic a:link, div#mainpic a:visited { display:inline; margin:0; color:#fff; margin-left: 10px;font-weight:bold; font-size: 1.2em; text-decoration:none; }


div#mainpic a:hover {color:#600; background-color:inherit; }



/* Extra section */


.stripnav { background: blue url(/images/bluehoriz.jpg) top left repeat; margin:0; padding: 6px; color:white; text-transform:uppercase; font-weight:bold; padding-top: 10px; padding-left: 10px; margin-bottom: 10px;}


a.sidetitle { background: transparent; margin:0; padding: 6px; color:#1A1536; text-transform:uppercase; font-weight:bold; padding-top: 10px; padding-left: 10px;}


.sidetext { background: transparent; margin:0; padding: 6px; color:#1A1536; padding-top: 10px; padding-left: 10px; margin-bottom: 10px; font-style: italic; text-align: justify; }


.sidetext2 { background: transparent; margin:0; padding: 6px; color:#1A1536; padding-top: 10px; padding-left: 10px; margin-bottom: 10px; }


.randomimage { width: 30px; height: 70px; padding: 0 2px 2px 2px; }

div#extra p {margin-left: 0;  }


div#extra img { float:left; padding: 3px; margin: 2px; margin-left:0; }


div#extra p a:link, div#extra p a:visited { padding:0; color: #600; font-weight:bold; padding-bottom: 1px; text-decoration:none;}


div#extra p a:hover { text-decoration:underline;}



/* Photo Gallery Area */


div#gallery { border-top: 2px solid #5D7CBA; padding-top: 15px;}


div#gallery img {width: 70px; height: 70px; padding: 2px; border:1px solid #5D7CBA;}


div#gallery ul { list-style-type:none; margin:0; padding:0;}


div#gallery ul li {display:inline;}


div#gallery ul li a:link, div#gallery ul li a:visited {display:inline; border-bottom:0;}


div#gallery ul li a:hover {background-color:inherit;}


/* Footer Area */


div#footer ul { list-style-type:none; margin:0; padding:0; padding-top: 2px; text-align:center; font-size: .8em; }


div#footer ul li { list-style-type:none; display:inline; border-left: 1px solid gray;}


div#footer  ul li a:link,#footer ul li a:visited { display:inline; text-decoration:none; color:black; text-transform:uppercase;}


div#footer ul li a:hover {text-decoration:underline;}


div#footer p {text-align:left; font-size:10px; margin-top: 5px;}



/* Content Area */


div#content img { border: 1px solid #5D7CBA; padding: 2px; margin: 3px; margin-left: none; }


div#content p {padding-left: 5px;}


/* Bonus Styles */


p.rightsidelink { text-align:right;}


.rightsidelink a:link, .rightsidelink a:visited { padding:0; color:#600; font-weight:bold; text-decoration:none;}


.rightsidelink a:hover {text-decoration:underline;}


.entrytext { margin-top: 0; font-size:larger; font-weight:bold;}


.bright { font-size: 1.5em; color:#600; text-transform:uppercase;}


.links { margin-left: 10px; }


#codetable
{
	font-size: 12px;
	background: #fff;
	margin: 45px;
	width: 480px;

	text-align: left;
}
#codetable th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#codetable td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
#codetable tbody tr:hover td
{
	color: #009;
}

#codetable {margin:0;padding:0}


#form {
border: 2px solid #29447B;
padding: 8px 15px 8px 10px;
}

a.mailbutton { color:#fff; margin: 0; padding: 0;}