/* CSS Document */

html, body {
	margin: 0;
	font-size: 11px;
	color: #000;
	line-height: 20px;
	font-family: Georgia, Tahoma, Verdana, sans-serif;
	
	}
h1 {
	margin: 0 0 20px 0;
	color: #003399;
	padding:0;
	font-size: 16pt;
	font-weight: bold;
	}
h2 {
	margin: 0;
	color: #000000;
	padding:0;
	font-size: 12pt;
	font-weight: bold;
	}
h3 {
	margin: 0;
	font-size: 12px;
	font-weight:bold;
	color: #333;
	padding:0;
	}
p {
	margin: 7px 0 18px 0;
	font-size:14px;
	}
ul {
	margin: 0 0 25px 0;
	padding-left: 15px;
	font-size: 14px;
	}
ol {
	font-size: 14px;
	}
li {
	margin: 8px 0;
	line-height: 18px;
	}

img {
	border: 0;
	}
a:link, a:visited {
	color: #0066cc;
	font-size:14px;
	
	font-weight:bold;
	}
a:hover, a:active {
	color: #0066cc;
	font-size:14px;
	font-weight:bold;
	}
/* CSS according to body ID */
body#page_hints #nav #nav-hints,
body#page_lifestyle #nav #nav-lifeStyle,
body#page_cleaning #nav #nav-lifeStyle,
body#page_pets #nav #nav-lifeStyle,
body#page_craft #nav #nav-lifeStyle,
body#page_items #nav #nav-lifeStyle,
body#page_beauty #nav #nav-beauty,
body#page_skincare #nav #nav-beauty,
body#page_hair #nav #nav-beauty,
body#page_nails #nav #nav-beauty,
body#page_tips #nav #nav-tips,
body#page_products #nav #nav-products,
body#page_buy #nav #nav-buy,
body#page_home #nav #nav-home {
	background: #FFF url(../images/doth.gif) 5px 11px no-repeat;
	color: #0066cc;
	}

#nav {
	background-color:#0066cc;
	border-top:3px solid #dddddd;
	border-bottom:3px solid #dddddd;
	height:28px;
	padding:0px 0 0 8px;
	}
#nav a:link, #nav a:visited {
	display:block;
	float:left;
	color: #FFF;
	text-decoration: none;
	padding: 3px 15px 5px 15px;
	background: url(../images/dota.gif) 5px 11px no-repeat;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
#nav a:hover, #nav a:active {
	color: #0066cc;
	background: #ffbd1b url(../images/doth.gif) 5px 11px no-repeat;
	}
#center {
	background: #d5e7f5 url(../images/center_bg.gif) 0 0 repeat-y;
	}


#content {
	float:left;
	width: 570px;
	margin: 0 25px 0 25px;
	padding: 15px 0 25px 0;
	}
#sidebar {
	float:left;
	width:205;
	padding: 16px 0 0 0;
	}
.subnav {
	background-color:#4d9777;
	border:1px solid #336600;
	text-align:center;
	}
.subnav a:link, .subnav a:visited {
	color: #FFF;
	text-decoration: none;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

.subnav a:hover, .subnav a:active {
	text-decoration: underline;
	}
.signup {
	border:3px solid #4d9777;
	background-color:#fcf8ed;
	}
.signup form {
	margin: 0 0 0 8px;
	}
.sidebucket01 {
	border:4px solid #fcd475;
	background-color:#fcf8ed;
	margin: 15px 0 15px 0;
	}
.sidebucket02 {
	border: 4px solid #6514b9;
	background-color:#aac9bb;
	font-family:arial;
	margin: 15px 0 30px 0;
	}
.sidebucket02_1 {
	
	margin: 15px 0 30px 0;
	}
.sidebucket02 p {
	font-size:11px;
	line-height:16px;
	padding: 0 6px 0 6px;
	}
/* footer CSS
------------------------------------------------------------------ */
#footer {
	clear:both;
	background: #9ecad5 url(../images/footer_bg.gif) 0 0 repeat-y;
	height: 55px;
	border-top: 1px solid #097486;
	border-bottom: 1px solid #097486;
	padding: 6px 0 0px 16px;
	line-height:14px;
	font-size:10px;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	}
#footer .fleft {
	float: left;
	width: 280px;
	
	}
#footer .fright {
	float: left;
	width: 400px;
	}
#footer a:link, #footer a:visited {
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	}

#footer a:hover, #footer a:active {
	
	}
/* Form
-----------------------------------------------------------------------------*/
form {
	padding:0;
	margin:0;
	font-family: Georgia, Tahoma, Verdana, sans-serif;
	color:#000;
	clear: right;
	}
label {
	display: block;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 2px;
	}
textarea {
	
	}
input, textarea, select {
	background-color: #F7F7F7;
	}
form .error input {
	border:1px solid #990000;
	}
form .error label {
	color:#990000;
	}
form .row {
	padding: 0px 10px 0px 0px;
	zoom: 1.0; /* gives element "layout" in IE.  See: http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/haslayout.asp */	
	}
form .row div {
	float: left;
	margin-right: 10px;
	}
form .row div.block {
	float: none;
	}

/* Common CSS
------------------------------------------------------------------ */
.right {
	float:right;
	}
.left {
	float:left;
	}
.imgRight {
	float:right;
	margin: 0px 0px 10px 20px;
	}
.imgLeft {
	float:left;
	margin: 0px 20px 10px 0px;
	}
.txtRight {
	text-align:right;
	}
.txtLeft {
	text-align: left;
	}
.txtCenter {
	text-align: center;
	}
.clear {
	clear:both;
	}
.clearLeft {
	clear:left;
	}
.clearRight {
	clear:right;
	}
.txtb {
	font-weight:bold;
	}
.txtu {
	text-decoration:underline;
	}
.find-store {
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding: 0px 16px 0px 16px;
	margin: 14px 0;
	}
.find-store p {
	font-size:12px;
	font-weight:bold;
	}