/* RESET ALL BROWSER DEFAULTS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}

/* LAYOUT */

html {
	height: 100%;
	margin-bottom:0.1em;
}

body#plain {
	background-image: none;
}
div#header {
}

div#main {
	clear: both;
	width: auto;
	text-align: center;
	min-height: 636px;
}

body#home div#main {
	background: #FFF url(../img/home_main_bg.png) no-repeat  center -15px; /* different image for homepage */
}

div#main-content {
	position: relative;
	width: 960px;
	margin: 0 auto 0;
	text-align: left;
}

div#sub-nav {
	margin: 20px 0 0 0;
	padding-bottom: 10px;
}

div#left-content {
	float:left; 
	width:200px;
	color:#999;
}
div#left-content #nav_title {
	border-bottom: 1px solid #CCC;
	margin-top:10px;
	font-size:12px;
}
div#left-content #shop_faq {
	border-bottom: 1px solid #CCC;
	margin-top:20px;
	font-size:12px;
}
div#left-content #payment_method {
	border-bottom: 1px solid #CCC;
	margin-top:20px;
	font-size:12px;
}
div#content {
	float:left;
	margin: 0 0 20px 10px;
	padding: 0;
	width:740px;
}
div#quick_search input{
	color:#333;
	font-size:11px;
}

/* LOGO AND NAV */
div#header img {
	display: block;
}
/* NAVIGATION */
/* structure of the navigation */
ul#nav {
	margin: 0 0 0 60px; padding: 0;
	height: 60px;
	width: 860px;
	background: transparent url(../img/nav/nav-buttons.png) no-repeat 180px -70px;
}
ul#nav li {
	float: left;
	display: inline;
	text-align: left;
	text-indent: -999em;
}
ul#nav li a {
	border: 0;
	outline: none;
	text-decoration: none;
	display: block;
	background: transparent url(../img/nav/nav-buttons.png) no-repeat 0 1px;
}
ul#nav li#logo {
	position: relative;
	top: -9px;
	width: 180px;
	background: none;
}
/* widths of the li's */
div#header ul li#nav-home a, div#header ul li#nav-shop a, div#header ul li#nav-contact a, div#header ul li#nav-news a, div#header ul li#nav-events a  {
	width: 90px;
	height: 56px;
	margin: 0 27px 0 0;
}
/* no margin for the one on the right*/ 
div#header ul li#nav-events a {
	margin-right: 0;
}
/* normal background positions */
li#nav-home a:link, li#nav-home a:visited 			{ background-position: 0px 1px; }
li#nav-shop a:link, li#nav-shop a:visited 				{ background-position: -117px 1px; }
li#nav-contact a:link, li#nav-contact a:visited 		{ background-position: -234px 1px; }
li#nav-news a:link, li#nav-news a:visited	 			{ background-position: -351px 1px; }
li#nav-events a:link, li#nav-events a:visited	 		{ background-position: -468px 1px; }

/* normal hover positions */
li#nav-home a:hover, li#nav-home a:focus, li#nav-home a:active 				{ background-position: 0px 70px; }
li#nav-shop a:hover, li#nav-shop a:focus, li#nav-shop a:active 					{ background-position: -117px 70px; }
li#nav-contact a:hover, li#nav-contact a:focus, li#nav-contact a:active 		{ background-position: -234px 70px; }
li#nav-news a:hover, li#nav-news a:focus, li#nav-news a:active		 			{ background-position: -351px 70px; }
li#nav-events a:hover, li#nav-events a:focus, li#nav-events a:active	 		{ background-position: -468px 70px; }

/* active link for the page */
body#home li#nav-home a 		{ background-position: 0px 70px; }
div#shop li#nav-shop a 			{ background-position: -117px 70px; }
body#contact li#nav-contact a 	{ background-position: -234px 70px; }
body#news li#nav-news a 		{ background-position: -351px 70px; }
body#events li#nav-events a 	{ background-position: -468px 70px; }


/* FOOTER */
div#copyright ul {
	display: inline;
}
div#copyright ul li {
	display: inline;
}
div#copyright ul li a:link, div#copyright ul li a:hover,div#copyright ul li a:focus, div#copyright ul li a:visited {
	padding: 0 5px;
	text-decoration: none;
	text-transform: uppercase;
	color: #000D60;
	background: none;
}

/* FONTS, ETC */

body {
}

p {
}

/* home page headings, fonts, column */
div#home-column {
	width: 540px;
	text-align: justify;
}
div#home-column h1 {
	text-transform: none;
	font-weight: bold;
	margin: 15px 0 15px;
}
div#home-column p {
	line-height: 1.5em;
	margin: 0 0 15px;
}

div#home-column ul li p {
	line-height: 1.5em;
}

/* make chinese paragraph text a bit bigger */
span.zh, p.zh {
	font-size: 13px;
	line-height: 1.5em;
}

/* LINKS */
a:link,a:visited, a:hover,a:active {
	color:#848484;
}

#content a:link, #content a:visited, #content a:hover, #content a:active {
	color:#000D60;
}

#navContinue a {
	font-size:14px;
}

/* MISC */

a.note {
	color: #000D60;
	font-weight: bold;
}

.clear {
	clear: both;
}
div.clear {
	height: 0px;
	overflow: hidden;
}

/* NEWS SECTION */
ol.news-list li h2, ol.recent-news-list li h2 {
	text-transform: none;
	font-weight: bold;
	padding-top: 5px;
}
ol.recent-news-list li { /* more margin */
	margin: 0 0 25px;
}

ul.thumbnails {
}
ul.thumbnails li {
	width: 150px;
	text-align: center;
	float: left;
	display:inline;
	margin: 0 15px 45px 5px;
}
ul.thumbnails li img {
	border: 2px solid #FF0000;
	background: #FFF;
	margin: auto;
}
ul.thumbnails li a:hover img {
	border: 2px solid #DF0000;
}
/* new news */
/* divs and boxes */
#news-content {
	width: 420px;
}
#other-content {
	float: right;
	width: 240px;
	margin-top: 20px;
	background: #FCFCFC;
	padding: 0 0 20px;

}	
div.box {
	margin: 0 0 20px;
	clear: left;
	padding: 0 5px;
}
div.grey {
	background: #F0F0F0;
	padding: 10px 13px;
}

div.box img.news-thumb {
	float: right;
	margin: 0 0 12px 12px;
}
div.grey img.news-thumb {
	float: left;
	margin: 0 12px 12px 0;
}
div.box ul.thumbnails li {
	margin-right: 10px;
}


body#news h1 {
	text-transform:none;
	font-weight: bold;
	margin: 20px 0 5px;
	padding: 3px 0;
}
body#news h2 {
	text-transform:none;
	font-weight: bold;
	font-size: 11px;
	margin: 0 0 5px;
}

body#news h3 {
	text-transform:uppercase;
	font-weight: bold;
	margin: 20px 0 20px;
	padding: 3px 0;
	clear: left;
}
body#news h3.underline {
	border-bottom: 1px solid #DF0000;
}
body#news #other-content h1 {
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0 0px;
	background: #FF0000;
	color: #FFF;
	padding: 3px 5px 3px 10px;
	border-bottom: 2px solid #FFF;
	font-size: 11px;
}
body#news #other-content h1 a:link, body#news #other-content h1 a:visited, body#news #other-content h1 a:hover {
	color: #FFF;
	text-decoration: none;
}

body#news #other-content h2 {
	text-transform:none;
	font-weight: bold;
	margin: 0px 0 0px;
	padding: 3px 0;
	font-size: 12px;
}
body#news #other-content p {
	margin: 0 0 20px;
}
body#news #other-content li p {
	margin: 0;
}

body#news #other-content span.zh {
	white-space:nowrap; /* keep the chinese text all on one line */
}

body#news ul.thumbnails {
}
body#news ul.thumbnails li {
	width: 100px;
	text-align: center;
	float: left;
	display:inline;
	overflow: hidden;
	margin: 0 15px 15px 5px;
}
body#news ul.thumbnails li img {
	border: none;
	background: #FFF;
	margin: auto;
}
body#news ul.thumbnails li a:hover img {
	border: none;
}
#other-content ol {

}
#other-content li {
	margin: 0 0 5px;
	padding: 10px 0 0 10px;
	line-height: 14px;	
}
#other-content strong a {
	text-decoration: none;
	color: #000D60;
	font-weight: bold;
	line-height: 12px;
}
#other-content a:hover {
	color: #FF0000;
	text-decoration: underline;
}

div.clear-left {
	clear: left;
	height: 0px;
	overflow: hidden;
}


/* SHOP */
/* navigation */

ul#shop-nav {
	margin: 0 0 20px 0;
}
ul#shop-nav li {
	float: left;
	display: inline;
	text-align: left;
	text-indent: -999em;
}
ul#shop-nav li a {
	border: none;
	outline: none;
	text-decoration: none;
	display: block;
	background: transparent url(../img/shop-nav/shop-nav.png) no-repeat 0px 0px;
}
ul#shop-nav li#range {
	width: 100px;
	background: none;
	text-indent: 0;
	padding-top: 1px;
}
/* widths and heights, position the background image */
ul#shop-nav li#PM a, ul#shop-nav li#PM a:link, ul#shop-nav li#PM a:active {
	width: 29px;
	height: 48px;
	margin: 0 12px 0 0;
	background-position: 0 0;
}
ul#shop-nav li#PW a, ul#shop-nav li#PW a:link, ul#shop-nav li#PW a:active {
	width: 44px;
	height: 48px;
	margin: 0 11px 0 0;
	background-position: -41px 0;
}
ul#shop-nav li#PK a, ul#shop-nav li#PK a:link, ul#shop-nav li#PK a:active {
	width: 30px;
	height: 48px;
	margin: 0 19px 0 0;
	background-position: -96px 0;
}
ul#shop-nav li#PSizes a, ul#shop-nav li#PSizes a:link, ul#shop-nav li#PSizes a:active {
	width: 30px;
	height: 48px;
	margin: 0 19px 0 0;
	background-position: -144px 0;
}
ul#shop-nav li#PCart a, ul#shop-nav li#PCart a:link, ul#shop-nav li#PCart a:active {
	width: 29px;
	height: 48px;
	margin: 0 18px 0 0;
	background-position: -192px 0;
}
ul#shop-nav li#PCheckout a, ul#shop-nav li#PCheckout a:link, ul#shop-nav li#PCheckout a:active {
	width: 31px;
	height: 48px;
	margin: 0;
	background-position: -240px 0;
}
/* hover and active states */
ul#shop-nav li#PM a:hover, ul#shop-nav li#PM a:focus, ul#shop-nav li#PM a.active {
	background-position: 0 -60px;
}
ul#shop-nav li#PW a:hover, ul#shop-nav li#PW a:focus, ul#shop-nav li#PW a.active {
	background-position: -41px -60px;
}
ul#shop-nav li#PK a:hover, ul#shop-nav li#PK a:focus, ul#shop-nav li#PK a.active {
	background-position: -96px -60px;
}
ul#shop-nav li#PSizes a:hover, ul#shop-nav li#PSizes a:focus, ul#shop-nav li#PSizes a.active {
	background-position: -144px -60px;
}
ul#shop-nav li#PCart a:hover, ul#shop-nav li#PCart a:focus, ul#shop-nav li#PCart a.active {
	background-position: -192px -60px;
}
ul#shop-nav li#PCheckout a:hover, ul#shop-nav li#PCheckout a:focus, ul#shop-nav li#PCheckout a.active {
	background-position: -240px -60px;
}


/* -------------------------------------------------------
// NEW HOME PAGE 
/* ------------------------------------------------------ */

body#home div#main {
	background: none;
}
body#home div#content {
	margin-left: 60px;
	width: 900px;
}
div#home-frame {
	width: 818px;
	height: 642px;
	overflow: hidden;
	text-align: center;
	padding: 15px 20px 14px 10px;
	background: #FFF url(../img/home/frame_bg_200804.jpg) no-repeat top left;
}

div#tag {
	margin: 20px 25px;
	float: right;
	display: inline;
}
div#buttons-news {
	clear: right;
	padding-right: 25px;
	height: 418px;
}
div#plastered-footer {
	clear: right;
	color: #FFF;
	margin: 0px 25px 0;
	text-align: left;
}

/* buttons for shop */
#buttons-news ul {
	float: right;
	width: 170px;
}
#buttons-news ul li {
	margin: 0 0 25px 0;
	text-indent: -9999px;
}
#buttons-news ul li a {
	width: 170px;
	height: 87px;
	display: block;
	background: transparent url(../img/home/buttons.jpg) no-repeat;
	text-indent: -9999em;
	margin: 0;
	border: none;
	outline: none;	
}
/* position of buttons in off state */
#buttons-news ul li#hb-mens a:link, #buttons-news ul li#hb-mens a:visited, #buttons-news ul li#hb-mens a:active 					{ background-position: 0 0; }
#buttons-news ul li#hb-womens a:link, #buttons-news ul li#hb-womens a:visited, #buttons-news ul li#hb-womens a:active 		{ background-position: 0 -92px; }
#buttons-news ul li#hb-kids a:link, #buttons-news ul li#hb-kids a:visited, #buttons-news ul li#hb-kids a:active 						{ background-position: 0 -184px; }

/* position of buttons in over state */
#buttons-news ul li#hb-mens a:hover	{background-position: -175px 0;}
#buttons-news ul li#hb-womens a:hover {background-position: -175px -92px;}
#buttons-news ul li#hb-kids a:hover {background-position: -175px -184px;}

/* news box */

div#news-updates {
	clear: right;
	width: 275px;
	text-align: left;
	float: right;
}
div#news-updates h3 {
	font-weight: normal;
	color: #FFF;
	font-size: 11px;
	text-transform: uppercase;
	text-indent: 0;
	line-height: 16px;
	margin: 0;
	padding: 0 0 4px;
	background: none;
}
div#news-updates ol {
	background: url(../img/white-dots.png) repeat-x top;
	padding: 10px 0 0 0;
	margin: 0 0 0px;
}
div#news-updates ol li {
	line-height: 18px;
	margin: 0;
}
div#news-updates ol li p {
	margin: 0;
}

div#news-updates ol li a {
	color: #FFF;
	background: none;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	display: inline;
	border: 0;
}
div#news-updates ol li a:hover {
	color: #FF0000;
}

div#news-footer {
	width: 275px;
	float: right;
	display: inline;
	font-size: 11px;
	padding: 19px 0 0;
}
div#news-footer p {
	background: url(../img/white-dots.png) repeat-x top;
	margin: 0 0 0 0;
	padding: 0 0 0 4px;
	line-height: 25px;
}
div#news-footer a {
	color: #FFF;
	text-decoration: none;
	margin-right: 43px;
}
div#news-footer a:hover {
	color: #FF0000;
}

div#home-email {
	width: 474px;
}
div#home-email form {
	margin: 0;
	padding: 0;
	display: block;
}
div#home-email form br {
	clear: left;
}
div#home-email form label {
	display: block;
	float: left;
	line-height: 16px;
	width: 109px;
	background: none;
	text-indent: 0;
	margin: -1px 0 0;
}
div#home-email form input.inputText {
	width: 160px;
	border-collapse: collapse;
	border: 1px solid #FFF;
	border-bottom: none;
	padding: 0 2px;
	height: 15px;
	margin: 0 0 3px;
	float: left;
}
div#home-email form input.submit {
	margin: 0px 0 0 5px;
	padding: 0 0 0 0;
	float: left;
}
div#home-email form div.f-extra {
	display: none;
}
div#home-email p {
	clear: left;
	background: url(../img/white-dots.png) repeat-x top;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 25px;
	display: block;
}
div#home-email a {
	color: #FFF;
	background: none;
	text-decoration: none;
}
div#home-email a:hover {
	color: #FF0000;
}
input.hideInput {
	display: none;
	visibility: hidden;
	height: 0px;
}
div.message {
	padding: 10px;
	background: #E6E6E6;
	margin: 5px 0 10px 5px;
	border: 2px solid #BBB;
	text-align: left;
	width: 815px;
}
div.message h3 {
	font-weight: bold;
}

/* CONTACT PAGE */
div.contact-wrap {
	padding: 10px;
	background: #F0F0F0;
	margin: 5px 0 10px;
	border: 2px solid #BBB;
	text-align: left;;
}
div.address-en {
	font-size: 11px; 
	float: left; 
	padding-right: 40px; 
	width: 280px;
}
div.address-en h2 {
	font-size: 12px; 
	font-weight: bold;
}
div.address-zh {
	font-size: 13px; 
	float: left;	
}
div.address-zh h2 {
	font-size: 14px; 
	font-weight: normal;
}

/* POPUP WINDOWS */
div#pop {
	width: 600px;
	padding: 10px;
	text-align: left;
}
#createAcctDefaultLoginLink a:link, #createAcctDefaultLoginLink a:visited, #createAcctDefaultLoginLink a:hover, #createAcctDefaultLoginLink a:active {
	color:#333;
}
#siteMapList li{
	float:left;
	border-right:1px solid #848484;
	padding:0 4px 2px;
}
#keywordList {
	margin-top:20px;
}
#keywordList li{
	float:left;
	padding:0 4px 2px;
}