/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; outline: 0; font-size: 100%; font-family: Thonburi, "Lucida Grande", Arial, Tahoma, Sans-Serif; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;}

caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";} 

body,p,td,th,ul,li{ color: #fff; font-family: "Lucida Grande", Arial, Tahoma; font-size: 11px; line-height: 15px; }
.clearspace {clear:both; height:0px; padding:0px; margin:0px; width:0px;}
a { color: #888888; text-decoration: none; }
a:hover { color: #333; }
a:active { color: #333; }
p {
margin: 4px 0 0 0; color:#fff;
}
a img { border:0 none;}
/*Wordpress*/
img.aligncenter  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

body { background:url(images/bg-all.gif) #f1f6f9 repeat-x;}
#wrapper { width:963px; margin:0 auto; padding:0;}
#header { width:963px;}
#logo { width: 252px; float:left;}
#banner { width:711px; float: right;}
#content { width:963px; padding:6px 0 30px 0; }
#lcol { width: 242px; float:left; padding:0 4px 0 6px;}
#buy-product { width:241px; background:url(images/bg-buy-product.gif) #29166f no-repeat; padding:0 0 5px 0;}
#buy-product p { margin:5px 0 0 0; padding:0 0 0 7px; width:}
#buy-product .detail { width:234px; padding:0 0 0 7px; margin:5px 0 0 0;}
#buy-product .detail .price { width:128px; float:left; color:#9dcb08; font-size:16px; font-weight: bold; padding:5px 0 0 0;}
#buy-product .detail .buynow 
{ background-image:url(images/button-buy.gif); width:68px; height:21px; float:left; background-repeat: no-repeat; padding:3px 0 0 20px;} 
#buy-product .detail .buynow a { color: #d6b126; font-weight:bold;}
#buy-product .detail .buynow a:hover { color: #fff;}
#text-product {width:241px; text-align:center; color:#FFFFFF; background-color:#066dae; padding:10px 0; margin:0 0 15px 0;}
#call { margin:0 0 15px 0;}
#product-present { background:url(images/bg-vdo.gif) no-repeat; width:223px; height:266px; padding: 10px 9px 0 8px;}
#product-present h2 { color:#FFFFFF; border-bottom:1px solid #3883c5; margin:0 0 10px 0; font-size:14px;}

#rcol { width:681px; float:right; padding:10px 15px; background-color:#FFFFFF;}
#rcol p { color:#666; margin:0 0 10px 0;}
#rcol h1 { color:#29166f; margin:0 0 5px 0; font-size:12px;}
#rcol .facts { width: 515px; float:left;}
#rcol .pic { width:153px; float: right;}
#rcol th { background-color:#b0d605; padding:5px; color:#29166f; text-align:left; font-weight:bold;}
#rcol .center { text-align: center;}
#rcol .left{ text-align: left;}
#rcol td { color:#000; padding:3px 5px; text-align:center;}
#rcol td.head { background-color:#2370b4; color:#FFFFFF; font-weight:bold; text-align: left; padding:5px;}

#about { height:800px;}
#about .picabout { margin:0 0 20px 0; text-align:center;}
#about .picabout img { margin:0 25px 0 0;}

#contactpic { width: 166px; float:right;}
#contact { width:461px; float:left;}
#contact .contacttop{ background:url(images/bg-contact.gif)  no-repeat; width:461px; height:10px;}
#contact .contactbody { background-color:#f1f6f9; width:421px; color:#666; padding: 0 20px; height:775px;}
#contact .texttop 
{ background: url(images/bg-text.gif) no-repeat; width:294px; height:56px; margin:0 0 10px 25px; color:#1f1265; padding: 10px 0 0 10px;}
#contact .contactbottom { background-image: url(images/bg-contact-buttom.gif); background-repeat:no-repeat; width:461px; height:10px;}

#contact table { width:361px; margin:0 auto;}
#contact td { vertical-align:top; text-align:left; padding:0 0 10px 0;}
#contact td.textsub { padding:0 0 0 10px;}
#contact td.lefttext { text-align:left; color:#29166f; font-weight:bold; font-size: 12px;}
#contact #submit { background-color:#29166f; color:#FFFFFF; border:0 none;}

#product { color: #000;}
#product td { padding:0 0 15px 0; font-size:12px;}
#product th.head { text-align:center;} 
#product td.head { text-align:center;} 
#product td.discount { color:#FF0000; font-weight:bold;}
#product td.total { color:#0000FF; font-weight:bold; text-shadow:#999999; text-decoration:underline;}
#footer { background-color:#29166f; padding:5px 10px; width: 691px; float:right; text-align:right; font-size:10px;}
#footer .fnav { width:300px; float:left; text-align:left;}
#footer .fnav  a { color:#FFFFFF; margin:0 10px; }

#special { background: url(images/bg-special.jpg) no-repeat; width:201px; height:79px; margin:10px 0; padding:10px 20px 0 20px;}
#special h2 { color:#c8b126; font-size:16px; font-weight:bold; margin:0 0 0 0; text-transform:uppercase; text-align: right; }
#special p { color:#FFFFFF; margin:4px 0 0 0; padding:0; font-size:12px; text-transform:uppercase; font-weight:bold; text-align: right;  }

#flag { width:222px; margin:0 0 10px 0; padding:10px 10px 0 10px;}
#flag li { float: right; margin:0 0 0 10px;}
#flag li a img { margin: 0 5px 0 0;}

#nav { width: 252px; height:76px; float: left; margin:0; padding:0;}
#nav #mainnav { margin:0; padding:0; }
#nav #mainnav li { display: inline; }
#nav #mainnav li a { float: left; width: 0; padding-left: 252px; display:block; }
#nav #mainnav li a { background: url(images/nav.jpg) ;background-repeat: no-repeat; overflow:hidden; }


/* BUTTONS */
#nav #mainnav li#m-1 a { height: 28px; background-position: 0px 0px; }
#nav #mainnav li#m-2 a { height: 23px; background-position: 0px -28px; }
#nav #mainnav li#m-3 a { height: 25px;  background-position: 0px -51px; }

/* OVER STATES */
#nav #mainnav li#m-1 a:hover { height: 28px; background-position: -252px 0px; }
#nav #mainnav li#m-2 a:hover { height: 23px; background-position: -252px -28px; }
#nav #mainnav li#m-3 a:hover { height: 25px;  background-position: -252px -51px; }


#nav.m1 #mainnav li#m-1 a { height: 28px; background-position: -252px 0px; }
#nav.m2 #mainnav li#m-2 a{ height: 23px; background-position: -252px -28px; }
#nav.m3 #mainnav li#m-3 a { height: 25px;  background-position: -252px -51px; }