﻿body {
	margin: auto;
	background-color: #ffffff;
	font-size: .9em;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	color: #777;
}

* {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 1em;
	margin-left: 10px;
	text-align: left;
}

h2, h3, h4 {
	font-size: 100%;
	color: #B86179;
	text-align: left;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 1em;
}

p {
	color: #777;
	font-size: 90%;
	text-align: left;
	margin-bottom: 1em;
	margin-top: 1em;
}

.redtext {
	color: #B86179;
	font-weight: bold;
}

div {
	text-align: center;
	font-size: 100%;
}

#outer {
	color: white;
	background-color: #cccccc;
	width: 790px;
	margin: auto;
}
#wrap {
	text-align: center;
	color: #777;
	width: 990px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	margin: auto;
	background-color: #FFFFFF;
}
#wrap-home {
	text-align: center;
	color: #777;
	width: 990px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	margin: auto;
	background: transparent url(images/baby_color.png) left top no-repeat scroll;
}

#midsection {
	width: 990px;
	background: transparent url('images/bg.jpg') top left no-repeat;
}

#left-col {
	float: left;
	width: 139px;
}

#content-wrap {
	width: 851px;
	float: left;
	
}
#content-wrap p {
	margin-left: 10px;
}

#home-big-blank-box {
	float: left;
	background-color: transparent;
	height: 410px;
	width: 400px;
}
#latest-tech-home {
	float: left;
	margin: 4px 0;
	width: 461px;
	height: 410px;
}

#banner {
	color: black;
	width: 990px;
	height: 142px;
	background: transparent url(images/banner.png) top center no-repeat scroll;
	text-align: center;
	padding: 0px;
	border-style: none;
	font-size: .9em;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	border-collapse : collapse;
}
table#contactformtable {
	width: 100%;
	color: #B86179;
	font-size: 80%;
	font-weight: bold;
	text-align: left; 
}
table#contactformtable td {
	padding: 3px 6px;
}

table#contactformtable input {
	width: 150px;
	height: 20px;
	color: #000;
	float: right;
	border: thin #777 inset;
}
table#contactformtable textarea {
	width: 250px;
	height: 100px;
	color: #000;
	float: right;
	border: thin #777 inset;
	overflow: auto;
}

table.products {
	width: 550px;
	margin: 1em 10px;
}
table.products td {
	padding: 6px 0;
	vertical-align: top;
}

table#order-form {
	width: 600px;
	margin-left: 10px;
	text-align: left;
	font-size: 80%;
}
table#order-form th, table#order-form td {
	padding: 4px;
}

.pinkbox {
	border: 1px solid #B86179;
	background-color: #F8CFCF;
	padding: 8px 0;
	margin-bottom: 1em; 
}

#footer {
	background: #F19998 url('images/footer_x.gif') top left repeat-x;
	height: 31px;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#footer #footer-text {
	height: 31px;
	width: 900px;
	float: left;
}
#footer-text a {
	text-decoration: none;
	color: #fff;
}
#footer-text a:hover {
	color: #738ECB;
}
#footer p {
	font-size: 80%;
	color: #fff;
	margin-top: 10px;
	margin-left: 139px;
	font-weight: bold;
}

a {
	color: #B86179;
	text-decoration: underline;
}
a:link {
	color: #B86179;
	background-color: transparent;
}
a:visited {
	color: #B86179;
	background-color: transparent;
}
a:hover {
	color: #777;
}
a:active {
	color: #8B0000;
	background-color: transparent;
}

#left-col ul {
	margin-left: 30px;
}

#left-col ul li {
	color: #777;
	text-align: left;
	list-style-image: url('images/heart_blue.gif') ;
}
#left-col ul.none, li.none {
	color: black;
	Background-color: white;
	list-style: none;
}

ol {
	margin-left: 30px;
	margin-bottom: 1em;
}
ol li {
	color: #777;
	font-size: 90%;
	margin-bottom: .4em;
	text-align: left;
}

dt {
	margin-left: 20px;
	font-weight: bold;
	text-align: left;
	font-size: 90%;
	margin-bottom: .4em;
}
dd {
	margin-left: 40px;
	text-align: left;
	font-size: 90%;
	margin-bottom: 1em;
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	color: #000;
	font-weight: bold;
}

blockquote {
	font-style: italic;
	font-size: 80%;
	margin: 1em 8px;
}
p.latest-tech {
	text-align: left;
	font-size: 90%;
	margin: 0 34px 1em 20px;
}

img, a img, a:link img {
	border: none;
	text-decoration: none;
	display: block;
	margin: 0;
}

/************* left column rollovers ******************/
div.menuitem {
	width: 139px;
	height: 24px;
	float: left;
	display: block;
}
.menutext {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-left: 22px; margin-right: 0;
	display: block;
	font-size: 9pt!important;
	color: #fff;
}
a.rollmenu {
	width: 139px;
	height: 24px;
	display: block;
	background-image: url('images/btn_blank.png');
	text-decoration: none;
}
div.menuitem a.rollmenu:link { background-position: 0 0; color: #fff; }
div.menuitem a.rollmenu:visited { background-position: 0 0; color: #fff; }
div.menuitem a.rollmenu:hover { background-position: 0 -24px; color: #fff; }
div.menuitem a.rollmenu:active { background-position: 0 -24px; color: #fff; }

#cart-menu {
	height: 25px;
	background-image: url('images/btn_blank.png');
}

#cart-menu a {
	padding-top:5px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin:0 12px;
	display: block;
	font-size: 9pt!important;
	text-decoration:none;
}

#cart-menu a:hover {
	text-decoration:underline;
}

div#enews {
	width: 139px;
	height: 49px;
	float: left;
	display: block;
}
a.roll-enews {
	width: 139px;
	height: 49px;
	display: block;
	background-image: url('images/btn_enews.png');
	text-decoration: none;
}
div#enews a.roll-enews:link { background-position: 0 0; color: #fff; }
div#enews a.roll-enews:visited { background-position: 0 0; color: #fff; }
div#enews a.roll-enews:hover { background-position: 0 -49px; color: #fff; }
div#enews a.roll-enews:active { background-position: 0 -49px; color: #fff; }

div.learn-more {
	width: 157px;
	height: 36px;
	float: right;
	display: block;
}
a.roll-learn-more  {
	width: 157px;
	height: 36px;
	display: block;
	background-image: url('images/btn_learn_more.gif');
	text-decoration: none;
}
div.learn-more a.roll-learn-more:link { background-position: 0 0; color: #fff; }
div.learn-more a.roll-learn-more:visited { background-position: 0 0; color: #fff; }
div.learn-more a.roll-learn-more:hover { background-position: 0 -36px; color: #fff; }
div.learn-more a.roll-learn-more:active { background-position: 0 -36px; color: #fff; }


div#e-news-join {
	background: #fff url('images/left_nav_bot.gif') top no-repeat;
	width: 139px;
	float: left;
}

	/* For ONLY the HOME button on all pages EXCEPT the home page */
div#home-btn {
	position: relative;
	left: -851px; top: 118px;
	width: 139px;
	height: 24px;
	float: right;
	display: block;
}
a.roll-home-btn  {
	width: 139px;
	height: 24px;
	display: block;
	background-image: url('images/btn_home.png');
	text-decoration: none;
}
div#home-btn a.roll-home-btn:link { background-position: 0 0; color: #fff; }
div#home-btn a.roll-home-btn:visited { background-position: 0 0; color: #fff; }
div#home-btn a.roll-home-btn:hover { background-position: 0 -24px; color: #fff; }
div#home-btn a.roll-home-btn:active { background-position: 0 -24px; color: #fff; }

div.order-now {
	width: 157px;
	height: 36px;
	float: left;
	display: block;
}
a.roll-order-now  {
	width: 157px;
	height: 36px;
	display: block;
	background-image: url('images/btn_order-now.gif');
	text-decoration: none;
}
div.order-now a.roll-order-now:link { background-position: 0 0; color: #fff; }
div.order-now a.roll-order-now:visited { background-position: 0 0; color: #fff; }
div.order-now a.roll-order-now:hover { background-position: 0 -36px; color: #fff; }
div.order-now a.roll-order-now:active { background-position: 0 -36px; color: #fff; }



/***************** END left rollovers **************/

/* Allset Clearing Method - may not need this. DELETE if we don't */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* backslash hack hides from IE Mac\ */
* html .clearfix {
	height: 1%;
}
/* end backslash hack */
