/*---------------------------------------------------------------------------------------------------------------------------
author: Simon Church
website: http://www.asiadragon.co.uk
email: sales@asiadragon.co.uk
---------------------------------------------------------------------------------------------------------------------------*/
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333333; clear: both; }

p strong { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #333333 }

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #333;
	text-decoration: underline;
}

ul {list-style-type: none; }

li { font-family: Tahoma; font-size: 12px; }

img { border-style: none; }

body { background-color: #FFFFFF; }

div#Wrapper { background-color: #FFFFFF; }

div#Container { width: 960px; margin: 0 auto; position: relative; overflow: hidden; }

div#Masthead {
	position: relative;
	height: 95px;
	background-image: url(../images/logos/Background-2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

div#MastheadConcession {
  font-family: Arial Narrow;
	position: relative;
	background-image: url('../spf/images/BackgroundConcession.jpg');
	background-repeat: no-repeat;
	background-position: right top;
}


p#Contact {	font: bold 16px Calibri, Verdana; color: #c30; text-decoration: none; }
p#Contact a { color: #c30; text-decoration: none; }
p#Contact a:hover { text-decoration: underline; }
p#Contact img { vertical-align: middle; }

h1 { font: normal 16px Calibri, Arial; color: #999999; margin-left: 2px; margin-top: 10px; padding-bottom: 10px; margin-bottom: 10px; margin-right: 200px; }

h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333333; }

h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333333; }

img#AsiaDragonLogo { position: absolute; top: 0.5%; right: 0; }

ul#InformationNavigation li { display: none; }
ul#InformationNavigation { margin: 0; padding: 0; list-style: none; float: right; }
ul#InformationNavigation a { color: #999999; text-decoration: none; font-family: Tahoma; font-size: 0.85em; padding: 0 0.35em; right: 0%; border-right-width: 1px; border-right-style: solid; border-right-color: #999999; }
ul#InformationNavigation li a:hover { color: #009966; text-decoration: none; }

div#MainNavigationWholesale { background-color: #CC3300; width: 195px; float: left; padding-bottom: 10000px; margin-bottom: -10000px; }
div#MainNavigationWholesale ul { list-style-type: none; margin: 0; padding: 0; }
div#MainNavigationWholesale li a { font-family: Tahoma; color: #FFFFFF; text-decoration: none; font-size: 11px; padding-left: 6px; }
div#MainNavigationWholesale li a:hover { text-decoration: underline; }

ul#SectionNavigation {
	clear: both;
	height: 25px;
	margin: 0;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 0;
}

ul#SectionNavigation li {
	display: inline;
	list-style-type: none;
}

ul#SectionNavigation a {
    display: block;
	float: left;
	width: 217px;
	height: 22px;
	text-align: right;
	text-decoration: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #804000;
	background-image: url(../images/logos/Section-Navigation-Background.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 20px;
	padding-top: 3px;
}

ul#SectionNavigation li a:hover { color: #804000; text-decoration: underline; }

div#MainNavigation {
	background-color: #CC3300;
	width: 195px;
	float: left;
	padding-bottom: 10000px;
	margin-bottom: -10000px;
	background-image: url(../images/logos/Main-Navigation-Background.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
div#MainNavigation ul { list-style-type: none; margin: 0; padding: 0; }
div#MainNavigation li a { font-family: Tahoma; color: #FFFFFF; text-decoration: none; font-size: 11px; padding-left: 6px; }
div#MainNavigation li a:hover { text-decoration: underline; }

fieldset {
	margin: 5px 5px 5px;
	padding: 1px 3px 0px;
	border: 1px solid #FFFFFF;
	background-color: #D24D20;
}

legend {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
}

.button_search {
	margin-bottom: -2px;
}

.search_text {
	background-color: #FFFEFB;
	border: none;
	margin-left: 3px;
}

p#CrawlerBar { margin-top: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; color: #804000; }
p#CrawlerBar a { text-decoration: none; font-weight: bold; color:#804000; }
p#CrawlerBar a:hover {
	text-decoration: underline;
}

div#MainI {
	margin-left: 210px;
	padding-top: 10px;
}

div#MainI h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight: normal; color: #804000; clear: both; }

div#Main { float: left; width: 740px; padding: 8px; }
div#Main h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: normal; color: #333333; }
div#Main h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight: normal; color: #333333; clear: both; }

p#InformationBox { padding: 0.5em; clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #B72D0B; text-align: center; }

p#VisitUsBox { padding: 0.5em; clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #666666; text-align: center; }
p#VisitUsBox a { text-decoration: none; color: #666666;}
p#VisitUsBox a:hover { text-decoration: none; color: #009966; }

p#TellAFriendBox { padding: 0.5em; clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #666666; text-align: center; }
p#TellAFriendBox a { text-decoration: none; color: #666666; }
p#TellAFriendBox a:hover { text-decoration: none; color: #009966; }

div#Footer {
	height: 30px;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-align: left;
	margin-top: 6px;
	margin-bottom: 10px;
	width: 958px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/logos/Footer-Background.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 6px;
	padding-left: 30px;
}

div#Footer img {
	vertical-align: middle;
	padding-right: 20px;
}

div#WC3Validator { display: none; }

ul#thumbnails { margin: 10px 0 ; padding: 0; }
ul#thumbnails li { display: inline; list-style-type: none; }
ul#thumbnails li a {
	display: block;
	float: left;
	padding: 5px;
	text-decoration: none;
	text-align: center;
	border: 1px solid #FFF;
	margin: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
ul#thumbnails li a:hover { border: 1px solid #FFF; }
ul#thumbnails li a img {
	border: 1px solid #E8E8E8;
}
ul#thumbnails li a:hover img { border: 1px solid #E8E8E8; }
ul#thumbnails li.last { clear: both; }

ul#thumbnails2 { margin: 10px 0 ; padding: 0; }
ul#thumbnails2 li { display: inline; list-style-type: none; }
ul#thumbnails2 li a { display: block; float: left; padding: 5px; text-decoration: none; text-align: center; border: 1px solid #CCCCCC; margin: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333333; }
ul#thumbnails2 li a:hover { border: 1px solid #333333; }
ul#thumbnails2 li a img { border: 1px solid #000; }
ul#thumbnails2 li a:hover img { border: 1px solid #339966; }
ul#thumbnails2 li.last { clear: both; }

.MainNavigationHeadText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	padding: 4px;
	font-weight: bold;
}

p#ResourceBox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #CC3300; border: 1px solid #CCCCCC; }

.Text1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; }
.Text2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #804000; text-decoration: none; }
.Text1Bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold; }
.Text2Bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #804000; text-decoration: none; font-weight: bold; }



div#WrapperI { min-width: 960px; background-color: #FFFFFF; }

div#Main1 {
    margin-top: 15px;
	float: left;
	width: 310px;
	height: 375px;
}
div#Main2 {
    margin-top: 15px;
	float: left;
	width: 300px;
	height: 375px;
}

ul#ThumbnailsM1 { margin: 0 ; padding: 0; }
ul#ThumbnailsM1 li { display: inline; list-style-type: none; }
ul#ThumbnailsM1 li a {
	display: block;
	float: left;
	padding: 0px;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	margin: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

ul#ThumbnailsM1 li a hover {
    color: #339966; text-decoration: underline;
}


ul#ThumbnailsM1 li.last { clear: both; }
ul#ThumbnailsM1 img { width: 142px; }

ul#ThumbnailsM2 { margin: 0 ; padding: 0; }
ul#ThumbnailsM2 li { display: inline; list-style-type: none; }
ul#ThumbnailsM2 li a {
	display: block;
	float: left;
	padding: 0px;
	text-decoration: none;
	text-align: center;
	margin: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}
ul#ThumbnailsM2 li.last { clear: both; }
ul#ThumbnailsM2 img { width: 88px; }

div#RightColumn {
	float: right;
	width: 125px;
    height: 390px;
}

div#Sitemap {
	margin-top: 10px;
	clear: right;
}

#RightColumn img {
}

#bbcnews {
	width: 800px;
	height: 1000px;
}

.warning { font-weight: bold; color: #f00; }

.FloatLeft {
	float: left;
	margin-right: 15px;
}

div#ConcessionList {
	padding: 0;
	float: left;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

div#ConcessionList ul { 
    list-style-type: none;  
	margin: 0; 
	padding: 0; 
}

div#ConcessionList li a {
	display: block;
	width: 360px;
	float: left;
	padding: 1px;
	text-decoration: none;
	border: 1px solid #E5E5E5;
	margin: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	vertical-align: top;
	clear: both;
}
div#ConcessionList li a:hover { border: 1px solid #CCCCCC; }
div#ConcessionList img {
	float: left;
	margin-right: 10px;
}
div#ConcessionList a img { border: 0px; }
div#ConcessionList li.last { clear: both; }

div#ProductBox {
	padding: 0;
	float: right;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

div#ProductBox ul { 
    list-style-type: none;  
	margin: 0; 
	padding: 0; 
}

div#ProductBox li a {
	display: block;
	width: 360px;
	float: left;
	padding: 1px;
	text-decoration: none;
	border: 1px solid #E5E5E5;
	margin: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	vertical-align: top;
	clear: both;
}
div#ProductBox li a:hover { border: 1px solid #CCCCCC; }
div#ProductBox img {
	float: left;
	margin-right: 10px;
}
div#ProductBox a img { border: 0px; }
div#ProductBox li.last { clear: both; }


div#TextNavigation {
	margin-left: 5px;
	margin-bottom: 10px;
	width: 738px;
	float: left;
	border: 1px solid #E5E5E5;
}

.PurpleTextLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #6633FF;
	font-weight: bold;
}

.YellowTextLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFCC00;
	font-weight: bold;
}

.PurpleTextMedium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #6633FF;
	font-weight: bold;
}

.PurpleTextMedium a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #6633FF;
	font-weight: bold;
}

.Box {
	padding: 6px;
	border: 1px solid #804000;
}

/***
 * Concession Store Style list
 * by wattana <hanattaw@gmail.com>
 *
 */

/* Concession control bar */
.StoreManager {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 position: fixed;
 top: 1px;
 /*bottom: 0px;*/
 width: 960px;
 z-index: 100;
 background-image: url('../spf/images/bgtop.png');
	background-repeat: repeat;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
}

.StoreManager a { font-size: 10px; color: white; }

/* Wholesale control bar */
.WholesaleManager {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 position: fixed;
 top: 1px;
 /*bottom: 0px;*/
 width: 960px;
 z-index: 100;
 background-image: url('../spf/images/bgtop_wholesale.png');
	background-repeat: repeat;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
}

.WholesaleManager a { font-size: 10px; color: white; }


/* Store Logo on the left */
img.StoreLogo  {
  margin-top: 1px; margin-left: 1px;
  float: left; 
  width: 180px; height: 84px; 
  border: 0px;
}

/* Asiadragon Logo on the right */
.AsiaDragonLogo {
  /*position: relative; top: 0.5%; right: 0;*/
  margin-top: 1px; margin-right: 1px;
  float: right; 
  width: 140px; height: 90px;
}

/* Store H1 at the Center-Top of Page */
h1.StoreH1 {
  font: normal 22px Calibri;
  color: #534A4B; 
  text-align: center; 
  padding-top: 10px;
}
h2.StoreH2{
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: normal; color: #804000;
  padding-top: 10px; padding-bottom: 10px;
}

/* WC3Validator*/
.WC3Validator { 
  display: none;
  margin-bottom: 2px; margin-left: 5px; margin-top: 50px;
  position: absolute;
  bottom: -1px;
}

/* Category */
div.category_list { 
  margin: 5px; padding: 0; 
  display: inline; 
  list-style-type: none; 
  border: 1px solid #CCCCCC; 
  float: left;
  width: 214px;
}
div.category_list img { 
  display: inline; 
  margin: 2px; 
  border: 1px solid #000;
  width: 200px;
  height: 200px;
}
div.category_list a { 
  display: block; 
  float: left; 
  padding: 2px; 
  text-decoration: none; 
  margin: 2px; 
  font-size: 10px; color: #804000; 
}
div.category_list a img { border: 1px solid #000;}
div.category_list a:hover img { border: 1px solid #339966;}
div.desc { 
  width: 200px;
}
div.category_name a {
  width: 200px;;
  margin-top: 2px; margin-bottom: 1px;
  text-align: center;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; color: #804000;
}
div.category_edit {
  position: relative;
  
  width: 200px;
}
div.category_edit a {
  border: 1px solid #339966;
  margin-top: 1px; margin-left: 1px;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; color: #339966;
}
.category_warning { color: #CC3300; float: right; }

/* View Category */
p.StoreDetail{
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333333; clear: both;
  padding-top: 10px;
  text-align: justify;
}

p.CategoryInto{
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333333; clear: both;
  padding-top: 10px;
  text-align: justify;
}

.edit_product a {
  border: 1px solid #339966;
  float: right;
  padding: 2px;
  margin-right: 2px;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; color: #339966;
}

ul#product_list { margin: 10px 0; padding: 0;}
ul#product_list li { list-style-type: none; width: 320px; float: left; height: 150px; border: none; margin: 2px;}
ul#product_list li img { float: left; width: 140px; padding-top: 5px; padding-bottom: 5px; padding-left: 2px;}
ul#product_list li.last { clear: both; border: none; width: 1px; height: 1px; margin: 0; }
h2 strong { color: #f00; }
ul#product_list li h2 { clear: none; padding: 1px 0; margin: 0 ; margin-top: 0px; padding-left: 150px; font-size: 0.85em ;}
ul#product_list li p { clear: none; padding: 1px 0; margin: 0; padding-left: 150px; font-size: 0.85em; }
ul#product_list li p.stock_warning { color: #f00; font-size: 0.6em; }
ul#product_list li p.stock_warning strong { color: #f00; }

ul#product_thumbs li { display: inline; }
ul#product_thumbs li a { float: left; }


/* View Product */
.sample_link_text { /* Duplication from ./store.css */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #804000;
}

/* Store/Category/Product Admin Page */
.textbox {
  width: 300px;
  height: 20px;
  border: 1px solid #FF9933
}
.optiontextbox{
  width: 100px;
  height: 20px;
  border: 1px solid #FF9933
}
.textarea {
  width: 300px;
  height: 100px;
  border: 1px solid #FF9933
}

.img_product {width: 400px;}

/* signin signup for wholesale*/
.titlelabel {color: #CC3300; font-weight: bold;}
.infolabel {color: #FF9933; font-size: 0.8em;}

/* Wholesale display username profile/logout */
.wholesale_user {font-family: Tahoma; font-size: 0.75em; color: #CC3300; float: right; margin: 0px;}