/***CSS Reset***/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,p,blockquote,th,td {
	margin:0; 
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
	outline: none;
}

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

h1,h2,h3,h4,h5,h6,p {
	font-size:100%;
}

q:before,q:after {
	content:”;
}

/***Layout***/

body{
	margin: 0 auto;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	background: #ff0000 url(../images/red_sm.jpg);
}

#wrapper{
	margin: 0 auto;
	padding: 10px;
	background: #E0D4AD;
	border: #c7c6c6 1px solid;
	width: 938px;
}

#index{
	margin: 100px auto 40px auto;
	padding: 0;
	width: 760px;
	height: 420px;
}

#header {
	margin: 0 auto;
	padding: 0;
	width: 940px;
	height: 201px;
}

#menu {
	margin: 10px auto;
	padding: 0;
	width: 940px;
	height: 260px;
}

#main {
	margin: 0;
	padding: 0;
	width: 940px;
}

#left{
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
}

#nav {
	margin: 0;
	padding: 0;
	width: 300px;
}

#payment {
	margin: 0;
	padding: 10px 0;
	width: 300px;
}

#right{
	float: right;
	margin: 0;
	padding: 0;
	width: 620px;
}

#right .colour{
	float: left;
	margin: 0;
	padding: 0;
	width: 206px;
	text-align: center;
}

#contact{
	float: left;
	margin: 0;
	padding: 0;
	width: 620px;
}

#details{
	float: right;
	margin: 0;
	padding: 0;
	width: 300px;
}

#intro {
	float: right;
	margin: 0 0 10px 40px;
	padding: 0;
	width: 445px;
}

#thai-text {
	float: left;
	width: 660px;
}

#thai-gallery {
	float: right;
	width: 267px;
}


#footer {
	margin: 0 auto;
	padding: 0;
	width: 940px;
	text-align: center;
}


/**Typography**/

#main h2 {
	margin: 0;
	padding: 0;
	font-size: 1.6em;
	font-weight: normal;
	color: #EB2428;
}

#main h3 {
	margin: 0;
	padding: 6px 0;
	font-size: 1.4em;
	color: #444444;
}

#main h4 {
	margin: 0;
	padding: 6px 0;
	font-size: 1.2em;
	color: #444444;
}

.home {
	background: #E0D4AD url(../images/welcome.png) no-repeat;
	text-indent: -6000px;
}

.about {
	background: #E0D4AD url(../images/about.png) no-repeat;
	text-indent: -6000px;
}

.contact {
	background: #E0D4AD url(../images/contact.png) no-repeat;
	text-indent: -6000px;
}

.headings {
	background: #E0D4AD url(../images/categories.png) no-repeat;
	text-indent: -6000px;
}

.cart{
	background: #E0D4AD url(../images/cart.png) no-repeat;
	text-indent: -6000px;
}

.payment{
	background: #E0D4AD url(../images/payment.png) no-repeat;
	text-indent: -6000px;
}

.itemdetail{
	background: #E0D4AD url(../images/proddetail.png) no-repeat;
	text-indent: -6000px;
}

.items{
	background: #E0D4AD url(../images/products.png) no-repeat;
	text-indent: -6000px;
}

.search{
	background: #E0D4AD url(../images/search.png) no-repeat;
	text-indent: -6000px;
}

.sorry{
	background: #E0D4AD url(../images/sorry.png) no-repeat;
	text-indent: -6000px;
}

.thanks{
	background: #E0D4AD url(../images/thanks.png) no-repeat;
	text-indent: -6000px;
}

.thai{
	background: #E0D4AD url(../images/thai.png) no-repeat;
	text-indent: -6000px;
}

.feedback{
	background: #E0D4AD url(../images/feedback.png) no-repeat;
	text-indent: -6000px;
}

.links{
	background: #E0D4AD url(../images/links.png) no-repeat;
	text-indent: -6000px;
}

#main p {
	margin: 0;
	padding: 6px 0;
	font-size: 1.2em;
	color: #444444;
}

#main p a{
	color: #444444;
	text-decoration: none;
}

#main p a:hover{
	text-decoration: underline;
}

#main .ectlink{
	color: #EB2428;
	text-decoration: none;
}


.red {
	color:#EC1F27;
	font-weight: bold;
}

#footer p {
	margin: 0;
	padding: 6px 0;
	font-size: 1.1em;
	color: #FFFFFF;
}

#footer p a{
	color: #FFFFFF;
	text-decoration: none;
}

/***Lists***/
#left ul {
}

#left li a{
	margin: 0;
	padding: 10px 0;
	font-size: 1.4em;
	line-height: 1.8em;
	color: #444444;
	text-decoration: none;
}

#left li a:hover{
	text-decoration: underline;
}

ul#thai  {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	color: #444444;
}

/***Forms***/

#contact form p{
	clear: both;
}

#contact label {
	float: left;
	width: 160px;
	color: #444444;
	text-align:left;
}

#contact label.error {
	margin-left: 160px;
	padding: 4px;
	color: red;
	width: 200px;
	text-align:left;
}

#contact input {
	margin: 0;
	padding: 2px;
	border:1px solid #444444;
	width:196px;
	height:20px;
	color: #444444;
}

#contact select {
	width:200px;
	border:1px solid #444444;
	font-size: 1em;
	color: #444444;
}


#contact textarea {
	width:200px;
	border:1px solid #444444;
	color: #444444;
}

#contact .send {
	float:left;
	margin:10px 0 10px 160px;
	padding:0;
	width:60px;
	height:24px;
	text-align:center;
	border:1px solid #444444;
	background:#FFFFFF;
	color: #444444;
	font-weight:bold;
}

/**Cart**/

#right td.catname {
	padding:10px 0;
	text-align: center;
}

#right p.catname a{
	font-size: 1.1em;
	color: #EB2428;
	text-decoration: none;
}

#right p.catdesc {
	font-size: 1em;
}

#right .prodname {
	font-size: 1.2em;
	color: #EB2428;
}

#right .detailname {
	font-size: 1.6em;
	color: #EB2428;
}

#right .details {
	color: #EB2428;
	text-decoration: none;
}

#right img.prodimage {
	padding: 6px 0;
}

#right .prodoption {
	margin: 6px 0;
}

#right .detaildescription{
	padding: 6px 0;
}

#pricediv0,#pricediv1,#pricediv2,#pricediv3,#pricediv4,#pricediv5,#pricediv6,#pricediv7{
	color: #EB2428;
}

table.cobtbl {
	border: #EB2428 1px solid;
}

td.cobll {
	background-color: #E0D4AD;
	border: #EB2428 1px solid;
}

td.cobhl {
	background-color: #B3AA8A;
	border: #EB2428 1px solid;
}

td {
	padding: 4px;
}

/**Tables**/

#links table {
	margin: 10px 0;
	border: 1px solid #C1BAAC;
	color: #444444;
}

#links th {
	font-size: 1.4em;
	color: #000000;
	border-left: 1px solid #DCD2C2;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #C1BAAC;
}

#links td {
	border-left: 1px solid #C1BAAC;
	background: #DCD2C2;
	padding: 6px 6px 6px 12px;
}


#links td.alt {
	border-left: 1px solid #D2D2D2;
	background: #C1BAAC;
}

#links td a {
	color: #444444;
}

/**Misc**/

.clear {
	clear: both;
}

.right {
	float: right;
}

#thai-gallery img {
	padding: 0 0 10px 0;
}

.colour img {
	border: #444444 1px solid;
}