/*
Theme URI: http://www.skin-perfection.com/
Description: Skin Perfections, Idaho.
Version: 1.0
Author: USN Veteran
Author URI: http://www.boise-webdesigns.com/
*/

/*------------Clearing the way to content----------------*/
.hide	{
	display:none;
	}
/*---------------------------------------------------*/

/*----------Start General Page Layout-----------*/
/*-------This section describes things in the order they appear on the page--------------*/

body {
	margin:0; /*It is generally good practice to
	zero out your margins and padding on the page,
	since some agents don't so this*/
	padding:0;
	font-family: Georgia, Arial, Helvetica;
	/* font-size: 76%; Tips for scaling up the font ladder,
	start with 76% and then use mostly ems 	for the rest of the page*/
	font-size: 14px;
	font-style: normal;
	line-height: 1.6em;
	color: #000000;
	text-align:center;
	background: #FFFFFF url(../images/bg.jpg);
	}

#wrapper {
	background: url(../images/two_column.gif) repeat-y;
	width: 980px;
	margin: 0 auto;
	/* border: solid #707C99;
	border-width: 0 1px 1px 1px; */
	text-align: left;
	color: #333333;
	position:relative;
	}

#header	{
	background: #ffffff url(../images/) no-repeat;
	background-position: 0 0;
 	height:175px;
	width:980px;
        border-bottom: 1px solid #9B9B77;
	}
	
#headerlogo {
	float:left;
        background: url(../images/skin_logo.jpg) no-repeat;
	background-position: 0 0;
 	height:175px;
	width:350px;
        border-bottom: 1px solid green;
	}

#headerscroll {
	float:right;
        background: url(../images/scroll.jpg) no-repeat;
	background-position: 0 0;
 	height:175px;
	width:410px;
        }

.headerlogin {
	float:right;
	font-family: Tahoma;
	font-size: 16px;
        background-position: 0 0;
 	height:80px;
	width:250px;
	text-align:right;
	}

.coffeecup {
	float:right;
	background-position: 0 0;
	height:10px;
	width:150px;
	margin: 5px;
	}

.shopping {
	background-position: 0 0;
	margin-top:2px;
	height:50px;
	width:150px;
	margin-left: 52px;
	}
.shopping a {
	text-decoration: none;
	color:#000000;
}

#login {
       background-color: #E7DECD;
       color: #000000;
       border: 1px solid #777777;
       font-family: Verdana;
       font-size: 10px;
       text-align: right;
       width: 470px;
       margin: 2px;
       }

#chatbox {
	float:right;
	background: blue;
        background-position: 0 0;
        padding-top:20px;
 	height:80px;
	width:150px;
	}

.pulldown {
        padding-left:7px;
	}

/* ---------- Begin topnav ----------------------- */
#topnav li  {
        display: inline;
        list-style-type: none;
        padding-right: 20px;
        }
        

/* ---------- Begin mainnav ----------------------- */

#mainnav {
  	background:#C2E449 url(../images/navmenu_back.jpg) top left repeat-x;
        float:left;
  	width:100%;
  	font-weight: bold;
  	}

#mainnav ul li { display: inline; }

#mainnav ul{
	margin:0px auto;
	padding-left: 40px;
	padding-right: 0px;
	font-weight: bold;
	color: #000000;
	font-size: 12px;
	}

#mainnav ul li a {
	padding: 0.2em 14px;
	color: #000000;
	text-decoration: none;
	float: left;

	}

#mainnav ul li a:hover {
	background: #50AE2C url(../images/navmenu_back_ro.jpg);
	color: #EAF8D0;
	}


/* ---------- Begin leftnav ----------------------- */
#navlist  {
        margin-left: 0;
        padding-left: 0;
        font-weight:bold;
        list-style: none;
        background: url(../images/leftbox_back1.gif) repeat-y;
        }

#navlist li {
        padding-left: 0px;
        }

#navlist ul { list-style: none; }

/* Left Navigation Links */

#navlist a:link {
	font-size: 12px;
        text-align: center;
	text-decoration: none;
	color: #BEB8AA;
        }

#navlist a:visited	{
	font-size: 12px;
        text-decoration:none;
	color: #BEB8AA;
	}

#navlist a:hover	{
	font-size: 12px;
        text-decoration:none;
	color: #95CE3F;
	margin: 0;
	padding: 2px;
	}

#navlist a:active	{
	font-size: 12px;
        text-decoration:none;
	text-align: center;
	color: #BEB8AA;
	}
/*  */

.navlistlink a:link {
	font-size: 12px;
        padding-left:15px;
        text-decoration: none;
	color: #68C714;
        }

.navlistlink a:visited	{
	font-size: 12px;
	text-decoration:none;
	color: #68C714;
	}

.navlistlink a:hover	{
	font-size: 12px;
	padding-left:15px;
	text-decoration:none;
	color: #68C714;
	}

.navlistlink a:active	{
	font-size: 12px;
	text-decoration:none;
	color: #68C714;
	}

#input.green {background-color: #A2C142;}

/* ---------- End mainnav area----------------------- */

#content_container {
	position:relative;
	margin:0;
	padding:0;
	}

#left	{
	float:left;
	width: 245px;
	font-size: 12px;
/*	position-top: 0;
	position-left: 0;	*/
	}

#content {
        float:right;
        width: 715px;
	text-align: justify;
        padding-right:10px;
        }
	
#main {
        float:right;
        width: 700px;
	text-align: justify;
        padding-right:10px;
        padding-left:10px;
       	}

#glossary {
        font-size: 14px;
        font-weight: bold;
	text-align: justify;
        padding-right:10px;
        }

#contentleft {
        float:left;
        width: 260px;
	text-align: justify;
        padding-right:20px;
        background-color:#FFFFFF;
	}

#contentright {
        float:right;
        width: 400px;
	text-align: justify;
        padding-right:20px;
        background-color:#FFFFFF;
	}

#right	{
	float:right;
	width: 770px;
	margin-left:400px;
        padding-right:5px;
	padding-left:5px;
        background:#FFFFFF;
        color:green;

/*	position-top: 0;
	position-right: 0;	*/
	}

#socialmedia {
	clear:both;
	padding-left:15px;
	padding-right:15px;
 	}
#organiclinks {
	clear: both;
	float: right;
	width: 500px;
	margin-top: 15px;
	margin-bottom: 20px;
	margin-right: 200px;
}

	
#footerlinks {
	clear:both;
	padding-left:15px;
	padding-right:15px;
	}

#products {
	clear:both;
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:40px;
	padding-right:40px;
	margin-bottom:40px;
        height:200px;
       	font-size: 12px;
	line-height: 1.2em;
	color: #000000;
	}

#footer	{
	clear:both;
	margin-top:20px;
	padding-top:5px;
	padding-left:15px;
        width:715px;
        height:225px;
        font-size: 12px;
	line-height: 1.2em;
	color: #000000;
	}

.footerblock {
	z-index:-1;
 	padding-top:1px;
 	margin-bottom:5px;
	width:750px;
	height:135px;
	font-size: 1.1em;
	line-height: 1.2em;
	background: url(/images/footer_border_back.jpg) no-repeat;
	color: #000000;
	}

#footerblockl {
	float:left;
        margin-left:40px;
	padding-top:5px;
	padding-left:25px;
	width:180px;
	text-align:left;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #000000;
	}

#footerblockc {
        float:left;
        margin:0;
	padding-top:5px;
	padding-left:25px;
	width:180px;
	text-align:left;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #000000;
	}

#footerblockr {
	float:left;
        margin:0;
	padding-top:5px;
	padding-left:25px;
	width:180px;
        text-align:left;
        font-size: 1.1em;
	line-height: 1.2em;
	color: #000000;
	}

/*----------End General Page Layout-----------*/

/*--------Start of Header Template CSS elements---------------*/


/*--------Start of Main Index CSS elements---------------*/

h1 	{
	font-size: 24px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	text-align: center;
	color:#C2E449;
	}

h2, h3 {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

/*-------------------------------------------------*/
.center {
	text-align: center;
	}


/*-------- Shopping Template action--------------------------*/
#shopping a:link {
	font-size: 12px;
        text-align: center;
	text-decoration: none;
	background-image: url(../images/cart_reg.gif);
        background-repeat: no-repeat;
        }

#shopping a:visited {
	font-size: 12px;
        text-decoration:none;
	}

#shopping a:hover {
	font-size: 12px;
        text-decoration:none;
	color: #ffffff;
	margin: 0;
	padding: 2px;
        background-image: url(../images/cart_over.gif);
        background-repeat: no-repeat;
	}

#shopping a:active {
	font-size: 12px;
        text-decoration:none;
	text-align: center;
	}


/*--------Time for some Footer Template action--------------------------*/
#footer a:link {
	font-size: 12px;
        text-align: center;
        color: #68AD0E;
	text-decoration: none;
        }

#footer a:visited {
	font-size: 12px;
	color: #BDB194;
        text-decoration:none;
	}

#footer a:hover	{
	font-size: 12px;
        text-decoration:none;
	color: #68AD0E;
	margin: 0;
	padding: 2px;
	}

#footer a:active {
	font-size: 12px;
        text-decoration:none;
	text-align: center;
	}

/*---------------Misc------------------*/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #A9BBE5;
	background-color: #FFF;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	border: 1px solid #A9BBE5;
	background-color: #FFF;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	border: 1px solid #A9BBE5;
	background-color: #FFF;
        }

.floatimgleft {
        float:left;
        margin-top:5px;
        margin-right:5px;
        margin-bottom:5px;
        }

.floatimgright {
        float:right;
        margin-top:5px;
        margin-left:5px;
        margin-bottom:5px;
        }
        
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
/*-------- Table style-------*/

table.feature{
       width: 630px;
       background-color: #A2D93B;
       border: 1px #ffffff solid;
       border-collapse: collapse;
       border-spacing: 0px;
       }

td.title {
       background-color: #A2D93B;
       border: 1px #000000 solid;
       font-family: Verdana;
       font-weight: bold;
       font-size: 12px;
       color: #404040;
       }

td.description {
       text-align: left;
       padding-left: 4px;
       background-color: #F2EFE6;
       border: 1px #000000 solid;
       font-family: Verdana;
       font-weight: bold;
       font-size: 12px;
       color: #404040;
       }

td.description1 {
       text-align: left;
       padding-left: 4px;
       background-color: #F0FADE;
       border: 1px #000000 solid;
       font-family: Verdana;
       font-weight: bold;
       font-size: 12px;
       color: #404040;
       }

td.contact {
       border-bottom: 1px #6699CC dotted;
       background-color: #B7E4ED;
       text-align: left;
       font-family: Verdana, sans-serif, Arial;
       font-weight: normal;
       font-size: .7em;
       color: #404040;
       background-color: #fafafa;
       padding-top: 4px;
       padding-bottom: 4px;
       padding-left: 8px;
       padding-right: 0px;
       }