* {
    padding:0;
    margin-left: 0px;
    margin-right: 0;
    margin-top: 2px;
}
html {
height:100%; 
font-size:100%;

}

body {
background-color:#fefefe; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size:13px; 
font-weight:normal; 
color:#6d6d6d;
line-height:22px; }

h1 {
    text-align:center;
    
}

:focus {outline:0;}
ul li {list-style:none;}
a { color:#6d6d6d; text-decoration:underline;}
a:hover { color:#363636;}
.left {float:left;}
.right {float:right;}
.clear { clear:both;}
.bold { font-weight:bold}
.italic { font-style:italic}
.underline { text-decoration:underline;}
.center { text-align:center;}
.tdright { text-align:right;}
.noborder { border:none}
.rounded3, #pagination a, #pagination .page-active {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;}
	
.rounded5{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;}

#header-bg1{ 
    background:url(../../img/background.jpg) repeat-x center top;
    height: 242px;
    width:100%; 
}

#topHeader { 
    background-color:yellowgreen;
	float:left; 
	padding:5px 0 1px 0; 
    height: 30px;
    width:100%;
    position:absolute;
    top:0;
}

#topHeaderInner {
    width:90%; 
}

#header { 
    
    width:90%;
	margin:auto;
}

#content
{
    width:100%;	
	clear:both; 
}

#main-container {
    width:90%;
	margin:auto; 
	position:relative;
    overflow:visible;
}


 
/* ========================================================== 
	(03) Top Menu
============================================================ */

#top-menu { 
    background-color:#fb8cff;
    width:100%;
    float:left; 
	padding:1px 0 1px 0; 
    Font-Size:10pt;
    font-weight: bold;
    position:relative;
}
	
#TopMenu MenuItem { 
	float:left; 
	letter-spacing:0.5px; 
}
	

/* ========================================================== 
	(04) Search Box
============================================================ */

#search { 
	margin-top:9px; 
	width:170px;
	float:right; }
	
#search .search-input { 
	border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('../../img/search-bg.png') no-repeat;
    width:115px; 
	height:32px; 
	float:left; 
	padding:0 6px 0 8px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#fff; 
	font-weight:bold; 
	line-height:32px; }	
	
#search .search-icon {
	float:left;
	height:26px;
	width:33px; }

/* ========================================================== 
	(05) Logo 
============================================================ */
	
.logo {	float:left; }


	
/* ========================================================== 
 Footer
============================================================ */
#footer {
    
    width:100%;
	height:57px;
    position:absolute;
	clear:both; 
	color:#fff; 
	text-shadow: 1px 1px 0 #2d3f47;
    margin-top: 20px;
}
	
#inner-footer { 
    background-color:#fb8cff;
	width:90%; 
	margin:auto; 
	font-size:13px; 
	padding:15px 20px 10px 20px; 
	position:relative;
    top: -1px;
    left: -6px;
    height: 34px;
}

#footer-links {	
    float:left;
    height: 26px;
}
	
#footer-links ul li { 
	float:left;
	padding:0 10px 0 10px; 
	line-height:26px; 
	margin-bottom:4px; }
	
#footer-links ul li a {
	text-decoration:none; 
	color:#fff; }
	
#footer-links li:first-child {
	color:#fff; 
	padding:0 10px 0 0;}
	
#footer-links a:hover {
	text-decoration:underline;}

#inner-footer span {	 
	float:right;
	margin:2px 0 0 8px; }
	
#inner-footer span a {
	text-decoration:none; 
	color:#fff; 
	margin:0; }
	
#inner-footer span a:hover { text-decoration:underline; }	
    
/* ========================================================== 
	(09) Inner Page Layout
============================================================ */	

/* ==== (a) Innerpage Container ===================== */

.inner-container { 	
	width:960px;	 	
	padding-top:16px;
	clear:both;	}  
  
/* ==== (b) H1 Title Section ===================== */

#innerpage-title {		
	margin-bottom:10px;
	height:66px; }
	
#innerpage-title h1 { 
	margin:0;
	padding-top:23px; 
	font-size:30px; 	
	font-weight:normal; 
	color:#2c3e46; 
	float:left; }
	
#innerpage-title span { 
	float:right; 
	padding-top:30px; 
	font-size:18px; 
	font-weight:normal; 
	color:#2c3e46; }
    

/* ==== (d) Pagination ===================== */
	
#pagination ul li, #pagination li { 
	float:left; 	
	background:none; 
	line-height:24px;
	margin:0; 
	padding:0;}

#pagination a {
	float:left;
	text-decoration:none; 	
	background-color:#ebebeb; 	
	border:1px solid #dadada; 	 
	text-shadow: 1px 1px 0 #fff;}
	
#pagination li a:hover {
	color:#363636; 
	border:1px solid #bebebe; 
	background-color:#dadada; }
	
#pagination .page-active {	 
	color:#FEFEFE; 
	text-decoration:none;  
	font-weight:bold; 
	background-color:#424242; 
	border:1px solid #323232; 	
	text-shadow: 1px 1px 0 #000;}
	
#pagination .page { margin:3px 10px 0 0;}

#pagination a, #pagination .page-active {
	margin:0 5px 0 0; 
	padding:0 8px 0 8px;}

#pagination .page-arrow a{font-family:arial;margin:0 5px 0 0; 
	padding:1px 8px 3px 8px; line-height:20px; }	
	

.accordion {
}  
          
.accordionHeader {  
    font-weight: bold;  
    padding: 5px;  
    margin-top: 5px;  
    cursor: pointer;  
}  
          
.accordionHeaderSelected {   
    background-color: #CCFF66;  
    font-weight: bold;  
    padding: 5px;  
    margin-top: 5px;  
    cursor: pointer;  
}  
          
.accordionContent {  
    border-top: none;  
    padding: 5px;  
    padding-top: 10px;  
}  

.header-item
{
    float: left;
}

.ball
{
    width: 9px;
    height: 9px;
    background-image: url('../../img/ico_ball.png');
    float: left;
    margin: 4px 8px 0px 8px;
}

.LoginButton {
    border:none;
    height:27px;
    background-color:GreenYellow;
    padding:0 11px 0 7px;
}

#recommended {
    width:80%;
    margin: 0 auto;
}

#recommendedTitle {
    width:100%;
    text-align:center;
    background-color:#CCFF66;
}

#recommendedContent {
    width:80%;
    margin: 0 auto;
}

#noti_Container {
    position:relative;
    border:0px;
    width:245px;
    height:65px;
}
.noti_bubble {
    position:absolute;
    top: 5px;
    right:10px;
    padding:1px 5px 1px 5px;
    background-color:red;
    color:white;
    font-weight:bold;
    font-size:0.55em;
    
    border-radius:5px;
    box-shadow:1px 1px 1px gray;
}

#cart_noti_Container {
    position:relative;
    border:0px;
    width:150px;
}

.cart_noti_bubble {
    position:absolute;
    top: -15px;
    right:10px;
    padding:1px 5px 1px 5px;
    background-color:red;
    color:white;
    font-weight:bold;
    font-size:0.55em;
    
    border-radius:5px;
    box-shadow:1px 1px 1px gray;
}