/* CSS Document */
/* Eden Baby Carrier*/

* { margin: 0; padding: 0; }

html{
	background: url(../images/strip.jpg) repeat-x;
	font-size: 62.5%;
}

body{
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	color: white;
}

.background1 { background: #8c8c40 url(../images/background1.jpg) no-repeat top center; }
.background2 { }

p { margin: 0 0 .8em 0; }
a { color: #E1C000; text-decoration: none;}
a:hover { color: #333313; text-decoration: none; }

h1 {
	text-indent: -9999px;
	font-size: 0px;
	width: 800px;
	height: 136px;
	margin: 0 auto;
	background: url(../images/logo.gif) no-repeat 51px 38px;
	xborder: 1px solid blue;
	display: block;
}

#clear{ clear: both; }
.clear{ clear: both; }
h2 { font: normal 1.4em; margin: 0 0 12px 0;}
h3 { font: normal 1.2em; margin: 0 0 12px 0;}
h4 { font: normal 1em; margin: 0 0 12px 0;}
h5 { font: normal .8em; margin: 0 0 12px 0;}

blockquote {}

.pic-on-right { padding: 0 0 0 12px; }
.pic-on-left { padding: 0 12px 0 0; }

hr { margin: 0 0 8px 0; }



/* -----------------------------------------------  Structure  ------------------------------------------ */	

#content1 {
	width: 714px;
	height: 651px;
	margin: 0 auto;
}

#column {
	width: 800px;
	margin: 0 auto;
	background: url(../images/long-main-background.jpg) no-repeat;
}
#repeater {
	width: 800px;
	margin: 0 auto;
	background: url(../images/long-background-repeater.jpg) repeat-y;
}


/* -----------------------------------------------  NAV ------------------------------------------ */	

#nav { display: inline; }
#nav ul{ display: none; }

#nav img{
	border: none;
	display: inline;
	float: left;
}
.cartbutton{
	display: inline;
	float: right;
}

/* -------------------------------------- BOTTOM NAV -------------------------------------- */	

#bottomnav{
	width: 800px;
	height: 61px;
	margin: 0 auto 1px auto;
	text-align: right;
	background: url(../images/long-footer.jpg) no-repeat;
}

#bottomnav img{ border: none; }

#bottomnav  ul{ display: none; }

.end { margin: 0 30px 0 0; }

.title{ display: none; }

/* -----------------------------------------------  Content  ------------------------------------------ */	


/* -----------  Basic Right -------------- */	

#basicboxright{
	padding: 0 10px 0 12px;
	float: right;
	font-size: 14px;
	width: 425px;
}

#basicboxright  ul li{
	list-style-image: url(../images/bullet.gif);
	margin: 0;
	padding: 0;
}

#basicboxright ul{ margin: 0 0 0 1.5em; }
 

.numbers {
	padding: 3px 3px 0 0;
	float: left;
	width: 26px;
	height: 26px;
}

.flattery { padding: 0 0 0 16px; }
.instructions { padding: 0 0 0 10px; }
.instructiontables { font-size: .85em; }

/* -----------  Basic Left -------------- */	

#basicboxleft {
	float: left;
	width: 245px;
	line-height: 1.4em;
	font-size: 14px;
	padding: 0 0 0 12px;
}

#basicboxleft  ul li{ list-style-image: url(../images/bullet.gif); }

#basicboxleft ul{ margin: 0 0 0 1.5em; }

#faqlist li{ margin: 0 0 12px 0; }
#faqlist ul{ padding: 9px 0 0 0; }

#basicboxleft h2 a {
	color: white;
	font-size: .95em;
	margin: 0;
	padding: 0;
}

#basicboxleft h3 { margin: 0; padding: 0; }
#xbasicboxleft h2 { margin: 0; padding: 0; }


#basicboxleft h3 a {
	color: white;
	font-size: .85em;
	margin: 0;
	padding: 0;
}

#basicboxleft h3 a:hover {
	color: #333313;
	font-size: .85em;
}
#basicboxleft h2 a:hover {
	color: #333313;
	font-size: .85em;
}
/* -----------------------------------------------  Shop Page -------------------------------------- */
/* -----------  Basic Left -------------- */	

#shopboxleft {
	float: left;
	width: 245px;
	padding: 0 0 0 12px;
}

#shopboxleft ul li{
	list-style-image: url(../images/bullet.gif);
	margin:0; padding:0;
}

/* -----------  Product Builder-------------- */	

.product {
	width: 425px;
	height: 225px;
	float: right;
}

.product-pic { float: left; padding: 0 12px 0 0; }

.productcap {
	width: 425px;
	height: 14px;
	background: url(../images/pb-cap.gif) no-repeat bottom;
}

.productbase {
	width: 425px;
	height: 14px;
	margin: 0 0 12px 0;
	background: url(../images/pb-base.gif) no-repeat top;
	clear:both;
}

.product-content{
	width: 425px;
	background: url(../images/product-builder_back.gif) repeat-y;
	clear: both;
}

.pic{
	padding: 0 12px 0 14px;
	height: 165px;
	float: left;
	border: none;
}

.price {
	font-size: 1.4em;
	font-weight: bold;
	padding: 0;
}

.product-content p {
	font-size: .85em;
	margin: 0 10px 11px 0;
}
.product-content h2 {
	font-size: 1.2em;
	margin: 0 0 7px 0;
	padding: 0;
}

.clearme:after
{
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
}



/* -----------------------------------------------  Home Page -------------------------------------- */	

/* -----------  Left Side of home page -------------- */	

#player1 { width: 424px; height: 389px; }


#homeleft {
	float: left;
	width: 245px;
	line-height: 1.85em;
	padding: 0 0 0 12px;
}

#homeleft  ul li{ list-style-image: url(../images/bullet.gif); }

#homeleft ul{ margin: 0 0 0 1.5em; }

.takemeshopping { padding: 0 0 .5em 0; }




/* ---------------------  Right Side of home page ------------------------ */	

#homeright {
	float: right;
	width: 425px;
	height: 560px;
}


/* ----------------------  NewsBox --------------------------- */	

#newsbox {
	background-color: #7b7c3b;
	width: 424px;
	margin: 0 0 30px 0;
}

#newsbox-top {
	background: url(../images/newsbox-top.gif) no-repeat;
	width: 424px;
	height: 16px;
}

#newsbox-bot {
	background: url(../images/newsbox-bot.gif) no-repeat bottom;
	width: 424px;
	height: 10px;
}

#newsbox p {
	font-size: 14px;
	padding: 0 20px 0 20px;
}

#quote {
	font-size: 12px;
	text-align: right;
	line-height: 1.6em;
	margin: 15px 0 0 0;
}



/* ------------------  Contact Form -------------------- */	

#contactform {
	margin: 38px 0 60px 0;
	width: 230px;
	float: left;
}

#contactform p { padding: 0 0 2px 0; margin: 0; }

.mailformfield{
	background-color: #EDEDED;
	border: 1px solid #9E9E9E;
	height: 18px;
	padding: 0 0 0 5px;
	margin: 2px 0 15px 0;
	width: 230px;
	color: #506569;
	font-family: Arial, Helvetica, sans-serif;
}

.messageformfield{
	background-color: #EDEDED;
	border: 1px solid #9E9E9E;
	height: 85px;
	margin: 2px 0 8px 0;
	padding: 3px 0 0 5px;
	width: 230px;
	color: #506569;
	font-family: Arial, Helvetica, sans-serif;
}




/* -----------------------------------------------  Footer ---------------------------------------- */	
#footer {
	margin: 0 auto 0 auto;
	padding: 0 0 60px 0;
	font-size: 1.1em;
	text-align: right;
	width: 700px;
	color: #D0D18F;
}
.space { padding: 0 12px 0 0; }
/* -----------------------------------------------  Debris ---------------------------------------- */	
#clear{ clear: both; }

.faq { margin-left: 12px; }



/* -----------------------------------------------  Lightbox ---------------------------------------- */	
#lightbox{
	background-color: #eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	color: black;
	font-size: 13px;
}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	font-size: 13px;
}	
#lightboxCaption{ float: left; font-size: 13px; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ascripts/overlay.png", sizingMethod="scale");
}