@import url("../stylesheet/reset.css");
body
{
	color: #333;
	font: normal 13px/15px  "segoe ui", "lucida sans unicode", arial, helvetica, sans-serif;
}
.clr
{
	clear: both;
}
/*-------------------------------------------------------/ Common/Header */
#container
{
	margin: 0 auto;
	width: 950px;
}
#header_background
{
	background: url('../image/background.gif') top center no-repeat;
	height: 490px;
	min-width: 950px;
}
#header
{
	margin: 0 auto;
	width: 950px;
}
#header_left
{
	background-color: #f78f1e;
	float: left;
	height: 80px;
	width: 940px;
}
#header_rite
{
	background: url('../image/btm_rite_round.png') right no-repeat;
	float: left;
	height: 80px;
	width: 10px;
}
#header #logo
{
	float: left;
	margin: 10px 0 0 20px;
}
#header_top ul
{
	bottom: 0;
	display: block;
	float: right;
	margin-top: 50px;
}
#header_top ul li
{
	float: left;
}
#header_top ul li a
{
	color: #fff;
	display: block;
	margin-left: 20px;
	padding: 5px;
	text-decoration: none;
}
#header_top ul li a:hover
{
	color: #333;
	text-decoration: underline;
}
#header_top .icon
{
	margin-left: -19px;
	position: absolute;
}
#header_btm ul
{
	font-size: 18px;
}
#header_btm ul li
{
	float: left;
	line-height: 20px;
    height: 50px;
    background: #582601 url('../image/menu_bg_rite.gif') right top no-repeat;
}
#header_btm ul li:hover
{
    background: #913f02 url('../image/menu_bg_ro_rite.gif') right top no-repeat;
}
#header_btm ul li a
{
	background: transparent url('../image/menu_bg.gif') no-repeat;
	color: #f78f1e;
	display: block;
	padding: 15px 20px;
	text-decoration: none;
}
#header_btm ul li a:hover
{
	color: #fff;
    background: transparent url('../image/menu_bg_ro.gif') no-repeat;
}

#header_btm ul li#last  
{  
    background:transparent url('../image/menu_rite.png') right top no-repeat;
    height: 50px;    
}
#header_btm ul li#last:hover
{
    background: url('../image/menu_rite_ro.png') right top no-repeat;
}
#header_btm ul li#last a.rite 
{    
    background: transparent url('../image/menu_bg.gif') no-repeat;
    display: block;
}
#header_btm ul li#last a.rite:hover
{
    background:transparent url('../image/menu_bg_ro.gif') no-repeat;
}
#header_btm ul li#first a
{
	background: url('../image/menu_first_rite.gif') top right no-repeat;
	color: #fff;
}
#header_btm ul li#first 
{
    background: url('../image/menu_left.png') no-repeat;
}

#header_btm ul li#first a:hover
{
	color: #582601;
}

#breadcrumb
{
	margin: 20px 0 20px;
	padding: 0 200px;
}
#breadcrumb a
{
	color: #333;
}
/*-------------------------------------------------------/ Common/Column Left & Right */ 
#column_left
{
	float: left;
	width: 190px;
}
#column_right
{
	float: right;
	width: 190px;
}
.box
{
	margin-bottom: 10px;
}
.box.orange .top
{
	background: url('../image/box_top_org.gif')top center no-repeat;
	color: #582601;
	font-size: 20px;
	font-weight: bold;
	height: 40px;
	line-height: 37px;
	text-align: center;
	text-transform: capitalize;
}
.box.green .top
{
	background: url('../image/box_top_grn.gif')top center no-repeat;
	color: #284600;
	font-size: 20px;
	font-weight: bold;
	height: 40px;
	line-height: 37px;
	text-align: center;
	text-transform: capitalize;
}
.box .mid
{
	background: url('../image/box_mid.gif') repeat-y;
	padding: 20px;
}
.box .btm
{
	background: url('../image/box_btm.gif') no-repeat;
	height: 10px;
}
.box li a, .box td a
{
	background: url('../image/list_bg.gif') 0 5px no-repeat;
	color: #666;
	padding-left: 10px;
}
.box li a:hover, .box td a:hover
{
	background: url('../image/list_bg_ro.gif') 0 5px no-repeat;
	color: #f78f1e;
	padding-left: 10px;
}
.box li
{
	line-height: 20px;
}
/*-------------------------------------------------------/ Common/Home Content */
#content
{
	background: url('../image/content_mid_bg.gif') repeat-y;
	float: left;
	margin: 0 10px;
	width: 550px;
}
#content .top
{
	background: url('../image/content_top_bg.gif') top center no-repeat;
	height: 40px;
	line-height: 37px;
	text-align: center;
}
#content .top.latest
{
	background: url('../image/content_top_latest_bg.gif') top center no-repeat;
	height: 40px;
	line-height: 37px;
	text-align: center;
}
#content .top h1
{
	color: #f78f1e;
	font-size: 20px;
}
#content .mid
{
	background: url('../image/content_mid_bg.gif') repeat-y;
	min-height: 600px;
	padding: 20px 0;
}
#content .btm
{
	background: url('../image/content_btm_bg.gif') bottom center no-repeat;
	height: 10px;
}
#content .mid .brand
{
	color: #f78f1e;
}
#content .mid .brand:hover
{
	color: #582601;
}
#content .list
{
	margin: 20px 0;
	padding: 0 5px;
}
#content .list .row
{
	margin: 10px 0;
}
#content .list-item
{
	float: left;
	margin: 0 10px;
	text-align: center;
	width: 160px;
}
.item-name
{
	color: #666;
	font-size: 15px;
	line-height: 20px;
}
.item-name:hover
{
	color: #f60;
}
.item-price
{
	color: #197b30;
	font-size: 16px;
	font-weight: bold;
}
.cross
{
	text-decoration: line-through;
}
.special
{
	color: #f30;
}
#content #featured-bg
{
	background: url('../image/featured_bg.gif') center no-repeat;
	height: 10px;
}
#content #welcome
{
	background: url('../image/welcome_bg.gif') top center no-repeat;
	min-height: 170px;
	padding: 30px 100px 30px 30px;
}
#content #welcome h3
{
	color: #f78f1e;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 15px;
}
#content #welcome p
{
	color: #666;
	line-height: 20px;
}
#content #homepage-entries
{
	line-height: 20px;
	padding: 20px 20px 0;
}
#content .homepage-list
{
	float: left;
	padding: 10px;
	width: 235px;
}
#content #homepage-entries h3
{
	color: #f78f1e;
	font-size: 16px;
	margin-bottom: 10px;
}
#content #intro
{
	line-height: 20px;
	padding: 30px;
}
#content #intro p
{
	margin-bottom: 10px;
}
input
{
	border: 1px solid #ccc;
	min-height: 15px;
	padding: 5px;
}
select
{
	min-height: 27px;
}
.success
{
	background: #e4f1c9;
	border: 1px solid #a5bd71;
	font-size: 11px;
	margin-bottom: 10px;
	padding: 5px 0px;
	text-align: center;
}
.warning
{
	background: #ffdfe0;
	border: 1px solid #ff9999;
	font-size: 11px;
	margin-bottom: 10px;
	padding: 5px 0px;
	text-align: center;
}
.wait
{
	background: #fbfaea;
	border: 1px solid #efebaa;
	font-size: 11px;
	margin-bottom: 10px;
	padding: 5px 0px;
	text-align: center;
}
.required
{
	color: #ff0000;
	font-weight: bold;
}
.error
{
	color: #ff0000;
	display: block;
}
.help
{
	cursor: pointer;
}
.tooltip
{
	background: #fbff95;
	border: 1px solid #fdda5c;
	font-size: 11px;
	padding: 5px;
	width: 250px;
}
/*-------------------------------------------------------/  Common/Footer */

#two-birds
{
	background: url('../image/two_birds.gif') right bottom no-repeat;
	height: 40px;
	margin-top: 30px;
    text-align: center;
}
#two-birds li
{
    margin-left: 5px;
    display: inline;
}
#two-birds li a
{
    color: #333;
}
#two-birds li a:hover
{
    color: #f78f1E;
}
#footer
{
	border-top: 1px dotted #ddd;
	margin: 0 0 40px;
	padding-top: 20px;
	text-align: center;
}
#sitemap
{
	line-height: 20px;
	padding: 20px;
}
#sitemap a
{
	color: #666;
}
#sitemap a:hover
{
	color: #f60;
}
.sitemap-list
{
	float: left;
	padding: 0 10px;
	width: 235px;
}
.sitemap-list ul ul
{
	margin-left: 15px;
}
a.button
{
	background: transparent url('../image/button_right.png') no-repeat scroll top right;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font: normal 12px arial, sans-serif;
	height: 25px;
	margin: 15px 6px 0 0;
	padding-right: 18px;
	text-decoration: none;
}
a.button span
{
	background: transparent url('../image/button_left.png') no-repeat;
	color: #fff;
	display: inline-block;
	padding: 5px 0 5px 18px;
}
.tabs
{
	display: block;
	margin: 0 30px;
	width: 465px;
}
.tabs a
{
	background: #ffffff url('../image/tab.png') repeat-x;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	color: #000000;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 13px;
	font-weight: bold;
	margin-right: 2px;
	padding: 6px 10px 7px 10px;
	position: relative;
	text-decoration: none;
	top: 1px;
	z-index: 1;
}
.tabs a.selected
{
	background: #ffffff url('../image/tab.png') repeat-x;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
}
.tab_page
{
	background: #ffffff;
	border: 1px solid #dddddd;
	clear: both;
	display: block;
	display: inline-block;
	margin: 0 30px 10px;
	padding: 10px;
	width: 465px;
	z-index: 2;
}
.pagination
{
	background: #f8f8f8;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	display: inline-block;
	margin-bottom: 10px;
	padding: 0 10px;
	width: 528px;
}
.pagination .links, .pagination .results,.review-pagination .links, .review-pagination 
.results
{
	padding: 7px;
}
.pagination .links
{
	float: left;
}
.pagination .links a
{
	border: 1px solid #cccccc;
	color: #000000;
	padding: 4px 7px;
	text-decoration: none;
}
.pagination .links b
{
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #000000;
	padding: 4px 7px;
	text-decoration: none;
}
.pagination .results
{
	float: right;
}
.review-pagination
{
	background: #f8f8f8;
	display: inline-block;
	margin-bottom: 10px;
	padding: 0 10px;
	width: 445px;
}
.sort
{
	background: #f8f8f8;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	margin-bottom: 10px;
	padding: 10px;
	width: 528px;
}
.sort .div1
{
	float: right;
	margin-left: 5px;
	padding-right: 9px;
}
.sort .div2
{
	padding-top: 9px;
	text-align: right;
}
.sort select
{
	font-size: 11px;
	margin: 0;
	padding: 0;
}
#search-info h4
{
	background-color: #fff;
	border: 1px solid #eee;
	color: #8dc73f;
	display: block;
	padding: 10px;
    margin: 0 15px 0;
}
#content-search
{
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	font-weight: normal;
	margin: 2px 15px 0;
	padding: 10px;
	width: 498px;
}
#search-info
{
	padding: 10px 0;
}
.buttons
{
	padding: 0 10px;
	text-align: right;
}
.heading
{
	margin-top: 20px;
	padding: 10px 30px;
}
/*-------------------------------------------------------/ Module/Bestseller */ 
#bestseller
{
	text-align: center;
}
#bestseller li 
{
    line-height: 15px;
    margin-bottom: 20px;
}
#bestseller a
{
	background-image: none;
	color: #666;
	padding: 0;
}
#bestseller a:hover
{
	color: #f78f1e;
}
#bestseller .item-price
{
	font-size: 12px;
}
/*-------------------------------------------------------/ Account/*.tpl */
#account
{
	padding: 15px;
	width: 520px;
}
#account h4
{
	background-color: #fff;
	border: 1px solid #eee;
	color: #8dc73f;
	display: block;
	margin-bottom: 15px;
	padding: 10px;
}
.account-full
{
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	font-weight: normal;
	margin: 20px 0 0;
	padding: 10px;
	width: 495px;
}
.account-half
{
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	float: left;
	font-weight: normal;
	margin: 0 5px;
	min-height: 280px;
	padding: 10px;
	width: 228px;
}
#account h5
{
	margin: 15px 0 5px;
}
#account li a
{
	color: #333;
	margin-left: 15px;
}
#account li a:hover
{
	color: #f78f1e;
}
.forgotten
{
	color: #333;
}
.forgotten:hover
{
	color: #f78f1e;
}
/*-------------------------------------------------------/ Checkout/*.tpl */
#shopping-cart
{
	line-height: 20px;
	padding: 15px;
}
#shopping-cart h4
{
	background-color: #fff;
	border: 1px solid #eee;
	color: #8dc73f;
	display: block;
	margin-bottom: 15px;
	padding: 10px;
}
.shopcart-full
{
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	font-weight: normal;
	margin: 20px 0 0;
	padding: 10px;
	width: 495px;
}
.cart
{
	border: 1px solid #eeeeee;
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
}
.cart th
{
	background: #eeeeee;
	font-weight: bold;
	padding: 15px 5px;
	text-align: center;
}
.cart td
{
	border-bottom: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
	padding: 5px;
	vertical-align: middle;
}