@charset "utf-8";
/* CSS Document */

body {
background:url('../images/floral-bck3.png') repeat-x top;
color: #000000;
margin: 0;
padding: 0;
font: small Georgia, 'Lucida Grande', Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-align: center;
line-height: 1.5em;
background-color: #ffffff;
}

html, body {height:100%;} /* footerstickalt*/

em {color: #666;}
img {border:none;}
/* Layout

* links
*
********************************************/

a{color: #fff; font-size:12px; text-decoration:none;}
a:visited,
a:active {
	outline:none;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.product:link {
	text-decoration: none;
	
	font-size:12px;
	color:#000000;
	}
.product:visited {
	text-decoration: none;
	
	font-size:12px;
	color:#000000;
}
.product:hover {
	text-decoration:underline;
	
	font-size:12px;
		color:#000000;
}
.product:active {
	text-decoration: none;
	
	font-size:12px;
	color:#000000;
}
.extra:link {
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	}
.extra:visited {
	text-decoration: none;
		font-weight:bold;
	font-size:14px;
	color:#000000;
}
.extra:hover {
	text-decoration:underline;
		font-weight:bold;
	font-size:14px;
		color:#000000;
}
.extra:active {
	text-decoration: none;
		font-weight:bold;
	font-size:14px;
	color:#000000;
}
/********************************************
*
-----------------------------------------------------------------------------*/

#wrapper {
min-height:100%;    /* footerstickalt*/
width: 1000px;
margin: 0 auto;
padding: 0;
text-align: left;
}
* html #wrapper {
background-image: none;
}

#headerUserInformation {
	width:1000px;
	font-size:0.8em;
	overflow:hidden;
	line-height:2em;
	text-align:right
}
#headerUserInformation ul {
	display:block;
	height:auto;
	margin:0;
	padding:0;
	list-style-type:none;
}

#headerUserInformation ul li {
	float:right;
	margin:0;
	background:#url(../images/cart.png) center no-repeat; 
}

#headerUserInformation ul.left li#userChart {
	border-left:none;
}

#headerUserInformation ul.left {
	width:100%;
	padding:0;
}
#headerUserInformation ul.left li#userChart {
	float:right;
	width:300px;
}

#content {
position:relative;
width: 710px;
margin: 0;
padding: 0;

}

* html #wrapper {height: 100%;} /* footerstickalt*/
/* Header
-----------------------------------------------------------------------------*/
#header {
width: 600px;
float:left;
height:145px;
margin: 0;
padding: 0px 0px 0px 20px;

}
#header-right {
width: 360px;
float:left;
margin: 0;
padding: 100px 20px 0px 0px;
color:#FFFFFF

}

* html #header {height: 138px;} /* footerstickalt*/


#header img {
margin: 0;
padding: 0;
line-height: 0;
}
#header a {
border: none;
text-decoration:none;
padding:0; margin: 30px 0 0 0;
position:absolute;
}

/********************************************
*
* content
*
********************************************/
#right-col {
float: right;
width: 680px;
margin: 20px 0 0 0;
padding: 0;
display:inline;
}
 
.right-col h3  {
	padding-left:0.3em;
	font-family:tahoma;
	font-size:18px;
	}
#right-col .content{
font-family:tahoma;
font-size:12px;
font-weight:normal;
padding:10px;
width:310px;
line-height:22px;
float:left;
text-align:justify;
}

#detailArticleThumb {
	height:280px;
	width:350px;
	text-align:center;
	float:right
}



#left-col {
float: left;
width: 300px;
margin: 20px 20px 0 0;
padding: 0;
display:inline;
}

/* Navigation
-----------------------------------------------------------------------------*/
.navigation dl, #search dl, #cart-right-col dl {
float:left;
width: 300px;
margin: 0;
padding: 0;
}

#cart-right-col{background-color: #DCE2DE;}

.navigation dt, #search dt, #cart-right-col dt{
margin:0;
font-size: 90%;
padding:0.5em 1.5em;
color: #fff;
font-weight:800;
background: #333 url(../images/nav_heading_bg.gif) repeat-x;
}
.navigation dd, #search dd, #cart-right-col dd {
margin:0;
padding:2px 0px 2px 0px;
color: #555;
font-size: 90%;
background: #DCE2DE;
border-bottom: 1px solid #ccc;
}

.navbar a, .navbar a:visited {
color:#213661;
font-family:tahoma;
text-decoration:none;
font-weight:bold;
font-size:11px;
display:block;
padding:3px 3px 3px 20px;
background: transparent url(../images/arrow.gif) 10px 50% no-repeat;
width:277px;
}
.navbar a:hover {
background: #666 url(../images/arrowh.gif) 10px 50% no-repeat;
color:#fff;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
clear:both;
position:relative;
width: 100%;
text-align:right;
border-top:1px solid #cccccc;
color: #999999;
height: 0.8em;        
margin: 2em auto 0 auto;  
font-family:tahoma;   
}

* html #footer {margin-top: 2em;} 

#footer a, #footer a:visited {
padding:0;
font-family:tahoma;
margin:0 6px;
color:#666666;
display:inline;
font-size:85%;

}

#footer a:hover {color:#000;}