/* CSS Document */

* {
	margin:0; padding:0;
}


html, input, textarea
	{
	color:#333333;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
	}

body{
	background:#FFFFFF url(images/footer_bg.gif) bottom repeat-x;
}
h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #5A5A5A;
}

h1 {
	font-size: 1
`50;
	margin-bottom: 1em;
	font-size: 160%;
}
h2 {
	font-size: 140%;
	margin-bottom: 1em;
	border-top: 1px dotted #CCCCCC;
	padding-top: 0.3em;
	margin-top: 1em;
}
h3 {
	font-size: 110%;
}
h4 {
	font-size: 110%;
}

p {
	margin-top: 1em;
	margin-bottom: 1em;
}


a {
	color:#3d6f92;
}





a:hover{text-decoration:none;}

a img { border:0;}
img {
}
ul {
	list-style: square;
	padding-left: 12px;
}
ul.disc {
	list-style: disc outside;
	padding-left: 20px;
}

.content ul {
	list-style: disc;
	padding-left: 15px;
	margin-top: 1em;
	margin-bottom: 1em;
}


.blink {
	text-decoration: blink;
	color: #FF0000;
	font-weight: bold;
	font-size: 110%;
}
.soldout {
	text-decoration: line-through;
}
.hidden {
	display: none;
	background-color: #CCCCFF;
}

.box3 {
	border: 1px dashed #FF9999;
	background: #FAF1F1;
	padding: 2px;
	color: #990000;
	font-size: 10px;
	height: 30px;
	line-height: normal;
	margin: 5px;
}
.bb {
	padding-left: 10px;
}
.bb ul {
	list-style: disc outside;
}


.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

/*main layout */
.h_logo{
	height: 74px;
	width: 100%;
}

#header_tall {background:url(images/header_tall.gif) top repeat-x;}

#main {
	margin:0 auto;
	width: 738px;
}
#header {
	height:250px;
}

#header .left {
	padding:20px 0 0 0;
}
#header .right {padding:46px 11px 0 0;}
#header .right a {color:#868686; font-family:arial; font-size:12px; background:url(images/RSS.gif) no-repeat top right; padding:0 29px 2px 0;}

#header .content {
	background:url(assets/nourkrin_header_pc.jpg) no-repeat left top;
	height: 170px;
	color: #333333;
}
#header .content .text {
	padding:2px 0 18px 2px;
	font-size: 120%;
}
#header .content a img {float:right;}


#middle { width:100%;}
#footer { height:61px;}



#footer .indent {
	padding:23px 0 0 17px;
	color:#868686;
	text-align: center;
}
#footer  .indent ul {
	list-style: url(none) none;
	margin: 0px;
	padding: 0px;
}
#footer  .indent li {
	padding-right: 8px;
	padding-left: 8px;
	display: inline;
}
#footer .indent li a {
	color: #999999;
	font-size: 11px;

}




.border {background:url(images/border_tall.gif) top repeat-x;}
.border .btall {background:url(images/border_tall.gif) bottom repeat-x;}
.border .ltall {background:url(images/border_tall.gif) left repeat-y;}
.border .rtall {background:url(images/border_tall.gif) right repeat-y;}
.border .tleft {background:url(images/border_tl.gif) top left no-repeat;}
.border .tright {background:url(images/border_tr.gif) top right no-repeat;}
.border .bleft {background:url(images/border_bl.gif) bottom left no-repeat;}
.border .bright {background:url(images/border_br.gif) bottom right no-repeat; width:100%;}
.border .ind {padding:4px 4px 15px 2px;}


.h_text {padding-bottom:2px; background:url(images/h_text_bg.gif) bottom repeat-x;}

.more {text-align:right;}
.more a{
	background:url(images/more_bg.gif) top right no-repeat;
	padding-right:13px;
	font-weight:bold;
}

.date {background:url(images/date_bg.gif) no-repeat 0 0; padding:2px 0 2px 22px; color:#444444;}

.bot_line {background:url(images/h_text_bg.gif) bottom repeat-x;}
.retailer {
	border: 1px solid #CCCCCC;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.prices {
	margin-top: 2em;
	margin-bottom: 3em;

}
.prices td {
	text-align: center;
	border-bottom: 1px solid #ECE9D8;
}
.prices  .table-row-1 {
	background: #F2F2F2;
}
.prices .table-row-1 td {
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: #000099;
}



.prices h3 {
	padding: 4px 5px 5px;
	font-size: 1.2em;
	font-weight: bold;
	background: #5987C2;
	color: #FFFFFF;
	margin-bottom: 0.5em;
	text-align: center;
}


.boxes {
	padding-left: 16px;
	margin-bottom: 2em;
	margin-top: 1em;
}

.boxes  .box1 {
	width: 165px;
	margin-right: 14px;
	text-align: center;
	background: #F7F7F7;
	border: 1px solid #EFEFEF;
}
.boxes   .box1   .text  ,{

}
.boxes  .text {
	font-weight: normal;
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.pic   .box-wide img   {
	border: 1px solid #ECECEC;
}
.boxes   .box-wide  {
	text-align: center;
	margin-right: 30px;
	border: 1px solid #EFEFEF;
	background: #F7F7F7;
}
.boxpad   {
	padding: 5px;
}
.boxes  .box1  .pic , .boxes .box-wide .pic {
	border-bottom: 1px solid #EAEAEA;
	padding-top: 5px;
	padding-bottom: 10px;
}

.column1, .column2, .column3, .indent_column, .col1, .col2, .col3, .ind_col, .box1, .box2 {float:left;}
.style1 {color: #666666}
.style2 {
	color: #FF0000;
	font-weight: bold;
}



#index  .columns2  {
	padding:10px 0 0;
}
#index .columns2 .column1 {
	width:168px;
}
#index .columns2 .column2 {
	width:570px;
}

#index  .columns2  .column1  .padding  {

}
#index  .columns2  .column2  .padding  {
	padding:14px 5px 0 25px;
}
#index   .columns2   .column2   .content   {
	margin-left: 145px;
}

#middle .indent {
	padding-bottom: 20px;
}
.left-img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 8px solid #F0F0F0;
}
.column1  ul {
	padding-left: 0px;
	list-style: url(none) none;
	padding-right: 0px;
	margin-top: 10px;
}
.column1 /* END LAYOUT */

/* ---STYLING--- */

 li {
	list-style: none;
	margin: 0px;
}
.column1  li  a {
	color: #FFFFFF;
	display: block;
	height: 18px;
	padding-left: 5px;
	padding-top: 10px;
	text-decoration: none;
	background: #C1AC84;
}
.column1     li     a.nav1 {
	background: #B6776D;
	border-bottom: 1px solid #BB8077;
}
.column1   li   a.nav2 {
	background: #84ACC1;
	border-bottom: 1px solid #91B5C8;
}
.column1 li a.nav3 {
	background: #C18B84;
	border-bottom: 1px solid #C5938B;
}
.column1 li a.nav4 {
	background: #A0BCCB;
	border-bottom: 1px solid #91B5C8;
}


.column1  li  a:hover {
	background: #AE9360;
}
.column1   li   a.nav1:hover {
	background: #AC6459;
}
.column1   li   a.nav2:hover {
	background: #5286A3;
}
.column1 li a.nav3:hover {
	background: #AE6960;
}
.column1 li a.nav4:hover {
	background: #5286A3;
}