/*---------------------------------------------------------------------------------------------------------------------------
author: Simon Church
website: http://www.asiadragon.co.uk
email: sales@asiadragon.co.uk
---------------------------------------------------------------------------------------------------------------------------*/

/*  CONTENTS
1.  Miscellaneous Site Wide
2.  Page Layout
3.  Masthead, Search and View Basket
4.  Menu
5.  Crawler Bar
6.  Category and Product Pages
7.  Footer and WC3 Validation
8.  Homepage - Promotion Box
9.  Homepage - MainI div, About Us, Right Column and Bottom Row Thumbnails
10. Homepage Product Box, Text Navigation, Concession List and Sitemap
11. Concession Training Section
12. Business/Wholesale Main Navigation
13. Concession Store
*/

/* Miscellaneous Site Wide */

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #3B3B3B;
	clear: both;
}

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

h1 {
	float: left;
	font-size: 0.8em;
	width: 98%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: normal;
}

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; 
}

a {
	color: #70AB48;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

a h2 {
	color: #70AB48;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

a h3 {
	color: #70AB48;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

a:hover {
	color: #093;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

ul {
    list-style-type: none; 
}

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

img { 
    border-style: none; 
}

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

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

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

label {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

/* Page Layout */

body { 
    background-color: #FFFFFF; 
}

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

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

/* Masthead, Search and View Basket */

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

h1 span {
	background-image: url(../images/logos/Masthead-Background.jpg);
	background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
}

img#AsiaDragonLogo { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
}

div#Search_ {
	position: absolute;
	top: 15px;
    left: 580px
}

fieldset {
    margin-top: -18px;
	border: none;
}

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

.search_text {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border: 1px solid #70AB4F;
	background-color: #F1F7EE;
}

img#Search { 
    position: absolute; 
    top: 15px; 
    right: 115px; 
}

img#Basket { 
    position: absolute; 
    top: 15px; 
    right: 0px; 
}

img#Information { 
    position: absolute; 
    top: 15px; 
    right: 200px; 
}

img#Contactus { 
    position: absolute; 
    top: 15px; 
    right: 310px; 
}
img#Home { 
    position: absolute; 
    top: 15px; 
    right: 420px; 
}

/* Menu */

div#menu *  {
	padding:0;
	margin: 0;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#menu {
	z-index: 99;
	margin: 0 auto;
	float: left;
	line-height: 20px;
	position: absolute;
}

div#menu a {
	display: block;
	border: 1px solid #fff;
	text-decoration: none;
	text-align: center;
	padding: 2px 10px;
	color: #C30;
	background-color: #F7EFC4;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right top;
}

div#menu a:hover {
	background-color: #F0E399;
}

div#menu ul li #menu ul li ul li  {
	width: 160px;
	list-style-type:none;
}

div#menu ul li {
	float: left;
	width: 160px;
}

div#menu ul li ul, #menu:hover ul li ul, #menu:hover ul li:hover ul li ul{
	display:none;
	list-style-type:none;
	width: 160px;
	}

div#menu:hover ul, #menu:hover ul li:hover ul, #menu:hover ul li:hover ul li:hover ul {
	display:block;
	}

div#menu:hover ul li:hover ul li:hover ul {
	position: absolute;
	margin-left: 160px;
	margin-top: -20px;
	}

div#MenuBackground {
    margin-bottom: -32px;
    margin-left: 2px;
}

/* Crawler Bar */

p#CrawlerBar {
	margin-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333;
}

p#CrawlerBar a { 
    text-decoration: none; 
    font-weight: bold; 
    color:#333; 
}

p#CrawlerBar a:hover {
	color: #666;
}

/* Category and Product Pages */

div#Main {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	float: left;
    margin-left: 1px;
	margin-top: 40px;
	width: 730px;
	padding: 8px;
	border: 1px solid #E9E9E9;
}

div#RightColumn {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	float: right;
    margin-right: 1px;
	margin-top: 40px;
	width: 180px;
	padding: 5px;
	border: 1px solid #E9E9E9;
}

div#MainColumnLeft {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	float: left;
    margin-left: 1px;
	margin-top: 40px;
	width: 450px;
	padding: 8px;
	border: 1px solid #E9E9E9;
}

div#MainColumnRight {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	float: right;
    margin-right: 1px;
	margin-top: 40px;
	width: 450px;
	padding: 8px;
	border: 1px solid #E9E9E9;
}

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; 
}

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; }

/* Footer and WC3 Validation */

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; 
}

/* Homepage - Promotion Box */


/* Homepage - MainI div, About Us, Right Column and Bottom Row Thumbnails */

div#MainI {
	margin-left: 0px;
	padding-top: 20px;
}

div#AboutUs {
    margin-top: 10px;
    margin-left: 0px;
    float: left;
	width: 250px;
}

div#ImgRight {
    margin-top: 5px;
    padding: 0; 
    float: left;
	width: 250px;
}

div#ImgRight li { 
    display: inline; 
    list-style-type: none; 
}

div#ImgRight li a {
	display: block;
	padding: 0px;
	margin: 12px;
}

div#ImgBottom ul {
    margin: 0 ; 
    padding: 0; 
    list-style-type: none; 
	width: 960px;
}

div#ImgBottom ul li { 
    float: left; 
}

div#ImgBottom li a {
	padding: 0px;
	margin-right: 26px;
}

div#ImgBottom ul .last a {
	margin-right: 0px;
}

.Box {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #E9E9E9;
	padding: 6px;
}

/* Homepage Product Box, Text Navigation, Concession List and Sitemap */

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 {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	width: 350px;
	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 {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	display: block;
	float: left;
	padding: 1px;
    padding-right: 8px;
	text-decoration: none;
	border: 1px solid #E5E5E5;
	margin: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 0.9em;
	vertical-align: top;
	clear: both;
}

div#ProductBox li a:hover { 
    border: 1px solid #CCCCCC; 
}

div#ProductBox img {
	float: left;
	margin: 10px;
}
div#ProductBox a img { 
    border: 0px; 
}

div#ProductBox li.last { 
    clear: both; 
}

div#QingdaoBox {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10x;
	width: 580px;
    height: 336px;
	padding: 0;
	float: left;
	margin-top: 25px;
    padding: 10px;
	border: 1px solid #E5E5E5;
}

div#DeliveryBox {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10x;
	width: 580px;
    height: 152px;
	padding: 0;
	float: left;
	margin-top: 10px;
    padding: 10px;
	border: 1px solid #E5E5E5;
}

div#InteriorDesignBox {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10x;
	width: 580px;
    height: 152px;
	padding: 0;
	float: left;
	margin-top: 10px;
    padding: 10px;
	border: 1px solid #E5E5E5;
}

div#JiaDesignBox {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10x;
	width: 580px;
    height: 152px;
	padding: 0;
	float: left;
	margin-top: 10px;
    padding: 10px;
	border: 1px solid #E5E5E5;
}

div#TextNavigation {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 10px;
	width: 600px;
	float: left;
	border: 1px solid #E5E5E5;
}

div#TextNavigation table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #FFF;
}

div#TextNavigation caption {
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	text-align: left;
}

div#TextNavigation th {
	text-align: left;
}

div#TextNavigation th, td {
	padding: 0.3em 0.5em;
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	font-size: 12px;
}

div#TextNavigation col {
    border-right: 1px solid #FFF;
}

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

/* Concession Training Section */

.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;
}

/* Business/Wholesale Main Navigation */

.MainNavigationHeadText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding: 4px;
	padding-left: 12px;
	font-weight: bold;
}

div#MainNavigationBusiness { 
    margin-top: 30px;
    margin-left: 2px;
    background-color: #CC3300; 
    width: 200px; 
    float: left; 
    padding-bottom: 10000px; 
    margin-bottom: -10000px; 
}

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

ul#MainNavigationBusiness li a { 
    padding-left: 12px; 
}

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

/* Concession masthead */

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

/* 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 14px Calibri;
	color: #333;
	padding-top: 10px;
}

h2.StoreH2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333;
	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; 
}

/* 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: 1px solid #FFF;
	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: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #70AB48;
}

/* 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.75em;
}