body { background-image:url(../images/bg.gif);background-repeat:repeat-x;font-family:"Tahoma", "Arial";	font-size: 12px;line-height: 125%;color:#777777;margin:0px; text-align:center; background-color:#FFFFFF; }

a { color:#777777; text-decoration: none;}
a:link {color:#777777; text-decoration: none;}
a:visited {color:#777777; text-decoration: none;}
a:active {color:#777777; text-decoration: none;}
a:hover {
	color: #333333;
	text-decoration: underline;
	font-family: Tahoma, Arial;
}

.navlink {  font-size: 11px; color: #777777; text-decoration: none; }
.navlink a { font-size: 11px; color: #777777; text-decoration: underline;  }
.navlink a:link { font-size: 11px; color: #777777; text-decoration: underline;  }
.navlink a:visited { font-size: 11px; color: #777777; text-decoration: underline;  }
.navlink a:hover { font-size: 11px; color: #333333; text-decoration: none; }

.alllink { font-size: 11px; color: #777777; text-decoration: underline;  }
.alllink:link { font-size: 11px; color: #777777; text-decoration: underline;  }
.alllink:visited { font-size: 11px; color: #777777; text-decoration:underline ;  }
.alllink:hover { font-size: 11px; color: #333333; text-decoration: none; }

form{ padding:0px; margin:0px;}

/*---------------------------header-------------------------*/
#header{width:950px;margin-left:auto;margin-right:auto; padding:19px 0 0 0; position:relative;}
#flag{ width:60px; position:absolute; right:0px; top:0px; margin:5px 0 0 0; text-align:right;}
#logo{ margin-bottom:17px;}
#menu{width:950px;}


/*---------------------------container-------------------------*/
#container{width:950px;margin-left:auto;margin-right:auto; text-align:left;}
#container h1{ font-size:20px; font-family:Arial; margin:3px 0 3px 0; line-height:130%; padding:0px; font-weight:bold;}
#container-box{
	background-image: url(../images/bg_allPage.gif);
	background-repeat: repeat-x;
	background-color: #FFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #e1e1e1;
	padding: 20px 10px;
	margin-bottom: 10px;
	text-align: left;
}
#submenu{ width:200px; float:left; margin:10px 0 0 0;}
#submenu-box{ background-image:url(../images/h-submenu.gif); background-repeat:repeat-x; background-color:#FFF; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #e1e1e1; padding:10px; margin-bottom:10px;}
#submenu-box strong{ font-size:11px;}
#submenu-box ul{margin:0 0 0 0;padding: 0; list-style-type: none;}
#submenu-box li a{display: block; color: #000000; font-size:11px; text-decoration: none;  border-bottom-width:0px; border-top-width:1px; padding: 5px 6px 7px 6px;  background-image:url(../images/line.gif); background-position:bottom; background-repeat:repeat-x;opacity: 0.9; filter: alpha(opacity=90);}
#submenu-box li a:hover{background-color: #fffde0;color: #000000;text-decoration:none; border-bottom-width:0px; border-top-width:1px; }
#submenu-box li ul li a{display: block; color: #000000; font-size:11px; text-decoration: none; padding: 3px 6px 3px 15px;  background-image:url(../images/arr.gif); background-position:left top; background-repeat:no-repeat;opacity: 0.9; filter: alpha(opacity=90);}
#submenu-box li ul li a:hover{background-color: #fffde0;color: #000000;text-decoration:none; }


.submenu-box-ov {font-size:11px; font-weight:bold; color:#000000; text-decoration: none;  border-bottom-width:0px; border-top-width:1px; padding: 6px 6px 8px 6px; background-color: #fffde0; background-image:url(../images/line.gif); background-position:bottom; background-repeat:repeat-x;opacity: 0.9; filter: alpha(opacity=90);}


#submenu-h{ font-weight:bold; margin:3px 0 10px 0; color:#000;}
#contain-right{width:710px; float:right; margin:10px 0 0 0; }
#contain-right h2{ font-size:15px; font-family:Arial; margin:3px 0 3px 0; line-height:130%; padding:0px; font-weight:bold;}
#fTopsShopOnline{ font-size:11px; background-image:url(../images/bg_topsShopOnline.gif); background-repeat:no-repeat; width:220px; height:255px; float:left; border-bottom: 1px solid #898989; margin:25px 0 0 20px; text-align:left;}
#fOwnBrand, #fExclusive{ background-image:url(../images/bg_Spot.gif); background-repeat:no-repeat; background-position:bottom; width:223px; height:255px; float:left; border-bottom: 1px solid #898989; margin:25px 0 0 20px;  text-align:left; position:relative;}
#fSpotRewards{ background-image:url(../images/bg_Spot.gif); background-repeat:no-repeat; background-position:bottom; width:223px; height:255px; float:left; border-bottom: 1px solid #898989; margin:25px 0 0 0;text-align:left; position:relative;}
#f100Guaranteed{width:220px; height:155px; float:left; margin:25px 0 0 0;  text-align:left;}
#fCFRMagaxune, #fActivity, #FFacebook{width:223px;  float:left; margin:25px 0 0 20px;  text-align:left;}
.input {border: 1px solid #d6dade; color:#333333; width:260px; font-size:12px;}
.inputadd {border: 1px solid #d6dade; color:#333333; width:255px; font-size:12px;}

/*---------------------------footer-------------------------*/
#footer{ background-image:url(../images/bg-footer.gif); background-repeat:repeat-x;}
#footerinner{ width:950px;margin-left:auto;margin-right:auto; padding:20px 0 20px 0; text-align:left;}
#footer1{ width:180px; float:left;}
#footer2{ width:180px; float:left;  font-size:11px;}
#footer3{ width:335px; float:left; font-size:11px;}
#footer4{ width:243px; float:left; background-image:url(../images/boxE-mail.gif); background-repeat:no-repeat; background-position: 0 20px; font-size:10px;}
.space1{ float:left; width:165px;}
.space2{  float:left; width:100px;}
.space3{  float:left; width:95px;}
.ico-logo{ margin:0 9px 9px 0; float:left;}
.inputMail {border: 0px solid #FFF; color:#222; background-color:transparent; font-size:12px; width:185px; height:25px; margin:6px 0 0 5px;}
* html .inputMail {border: 0px solid #FFF; color:#222; background-color:transparent; font-size:12px; width:182px; height:22px; margin:10px 0 0 5px;}
.bgGo{ margin:-4px 0 0 0;}
* html .bgGo{ margin:4px 0 0 0;}
#copyRights{ text-align:center; padding:10px 0 0 0;}
* html #copyRights{ text-align:center; padding:15px 0 0 0;}



/*---------------------------topBar-------------------------*/
.mattblackmenu{ text-align:left; padding:0px; margin:0px; left:0px;}
.mattblackmenu ul{margin: 0;padding: 0; list-style-type: none;overflow: hidden;}
.mattblackmenu li{display: inline;margin: 0;}
.mattblackmenu li a{float: left;display: block;margin: 0px; padding: 0px;}
.mattblackmenu li a:visited{color: white;}
.mattblackmenu li a:hover{margin: 0px; padding:0px; }
.mattblackmenu a.selected{margin: 0px; padding: 0px; }
.mattblackmenu-ov{margin: 0px; padding: 0px; }

/*---------------------------DrowBar-------------------------*/
.ddsubmenustyle, .ddsubmenustyle div{margin: 0;padding: 0;position: absolute;left: 0;top: 0;list-style-type: none;visibility: hidden;z-index: 100; text-align:left;}
.ddsubmenustyle ul{margin:0 0 0 0;padding: 0;position: absolute;left: 0;top: 0;list-style-type: none;border: 0px none;}
.ddsubmenustyle li a{display: block;width: 140px;color: #000000; font-size:11px; text-decoration: none; border: 4px solid #FFF; border-bottom-width:0px; border-top-width:1px; padding: 6px 6px 8px 6px; background-color: #FFFFFF; background-image:url(../images/line.gif); background-position:bottom; background-repeat:repeat-x;opacity: 0.9; filter: alpha(opacity=90);}
.ddsubmenustyle li a:hover{background-color: #fff675;color: #000000;text-decoration:none; border: 4px solid #FFF; border-bottom-width:0px; border-top-width:1px; }
* html .ddsubmenustyle li{display: inline-block;color: #FFFFFF;opacity: 0.9; filter: alpha(opacity=90);width: 140px;}


.downarrowpointer{padding-left: 0px;border: 0;}
.rightarrowpointer{position: absolute;padding-top: 0px;left: 100px;border: 0;}
.ddiframeshim{position: absolute;z-index: 500;background: transparent;border-width: 0;width: 0;height: 0;display: block;}


/*---------------------------stepcarousel-------------------------*/
.stepcarousel,.stepcarousel2 {position: relative;border: 0px;overflow: scroll; width: 220px;height: 235px;}
.stepcarousel .belt, .stepcarousel2 .belt{position: absolute;left: 0;top: 0;}
.stepcarousel .panel, .stepcarousel2 .panel{float: left; overflow: hidden; margin: 0px; width: 220px; height: 235px; }

#mygallery-paginate, #mygallery2-paginate{width: 50px; left:0px; margin:195px 0 0 165px; text-align:center; position:absolute; z-index:200;}
* html #mygallery-paginate, * html #mygallery2-paginate {width: 50px; left:0px; margin:210px 0 0 165px; text-align:center; position:absolute; z-index:200;}

/*---------------------------datail-------------------------*/
.ulownBrand{margin: 0px 0px 0px 20px;padding: 4px 2px 6px 0px;line-height: 135%; font-size:11px;}
.topsBrand-box{ background-image:url(../images/topsBrand-logo.gif); background-repeat:no-repeat;-moz-border-radius: 5px; border-radius: 5px; border: 1px solid #e1e1e1; padding:0 0 0 57px; margin:0 0 10px 0;}
.smartBrand-box{ background-image:url(../images/Smart-Brand-logo.gif); background-repeat:no-repeat;-moz-border-radius: 5px; border-radius: 5px; border: 1px solid #e1e1e1; padding:60px 0 0 57px; margin:0 0 10px 0;}
.LikeBrand-box{ background-image:url(../images/Like-Brand-logo.gif); background-repeat:no-repeat;-moz-border-radius: 5px; border-radius: 5px; border: 1px solid #e1e1e1; padding:60px 0 0 57px; margin:0 0 10px 0;}
.mychoiceBrand-box{ background-image:url(../images/mychoiceBrand-logo.gif); background-repeat:no-repeat;-moz-border-radius: 5px; border-radius: 5px; border: 1px solid #e1e1e1; padding:40px 0 0 57px; margin:0 0 10px 0;}
.mychoiceThaiBrand-box{ background-image:url(../images/mychoiceThaiBrand-logo.png); background-repeat:no-repeat;-moz-border-radius: 5px; border-radius: 5px; border: 1px solid #e1e1e1; padding:40px 0 0 57px; margin:0 0 10px 0;}
.cookingforfunBrand-box{ background-image:url(../images/cookingforfun-Brand-logo.gif); background-repeat:no-repeat;-moz-border-radius: 5px; border-radius: 5px; border: 1px solid #e1e1e1; padding:40px 0 0 57px; margin:0 0 10px 0;}
.importProducts-box{ background-image:url(../images/import-logo.gif); background-position:540px 0; background-repeat:no-repeat;-moz-border-radius: 5px; border-radius: 5px; border: 1px solid #e1e1e1; padding:20px 0 0 10px; margin:0 0 10px 0;}
.Waitrose-box{ background-image:url(../images/waitrose-logo.gif); background-repeat:no-repeat;-moz-border-radius: 5px; border-radius: 5px; border: 1px solid #e1e1e1; padding:50px 0 0 10px; margin:0 0 10px 0;}
#activitybg{ background-image:url(../images/activity/h-img.jpg); background-repeat:no-repeat; background-position:top center; height:150px; margin-top:10px; padding:110px 490px 0 30px; color:#cccccc;}
#activitybgth{ background-image:url(../images/activity/h-img-th.jpg); background-repeat:no-repeat; background-position:top center; height:150px; margin-top:10px; padding:110px 490px 0 30px; color:#cccccc;}
.font12{ font-size:12px;}

.exclusive1{float:left; width:340px;}
.exclusive1 td{text-align:left;}