/* CSS Document */

@import url("/css/tools.css");
html, body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 190%;
	font-weight: normal;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #959595;
	background-color: #FFFFFF;
}


a {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a:active, a:visited, a:hover, input, select /* stops the dashed border on firefox */
{
outline: none;
}

/*ul, ol, dl {
position: relative;  } /* fixes list background bug in IE */

img{ border:0;}

input {
background-color:#fff;
}

div, p, ul, ol, h1, h2, h3, a, img, form, select, input {
margin:0;
padding:0;
z-index:0;
/*background:transparent;*/
}


#holdtop {
width:100%;
position:relative;
z-index:100;
}

#topleft {
width:50%;
position:absolute;
left:0;
top:0;
}

#topgrad {
width:934px;
margin:0 auto;
z-index:100;
}

#topgradbg {
width:934px;
float:left;
display:inline;
position:relative;
z-index:100;
}

#topright {
width:50%;
position:absolute;
right:0;
top:0;
}

#topleft, #topright {
height:100px;
min-height:100px;
z-index:-1;
}

#logo {
float:left;
}

#logo, #logo span {
width:214px;
height:100px;
}

/* basket and signup */
#toprightnav {
margin:0 19px 0 0;
float:right;
list-style-type:none;
display:inline;
z-index:400;
position:relative;
width:245px;
padding-top:8px;
}

#toprightnav li {
display:inline;
z-index:400;

}


#toprightnav li a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
z-index:400!important;
}

#toprightnav li a#basket {
padding-left:13px;
float:left;
display:inline;
}

#toprightnav li a#login {
padding-left:13px;
float:right;
display:inline;
}


#toprightnav li a#account {
padding-left:13px;
float:right;
}

p.loggedin {
position:absolute;
right:20px;
top:35px;

font-family:Arial, Helvetica, sans-serif;
font-size:10.5px;
}

p.loggedin a {
text-transform:uppercase;
color:#fff;
font-weight:bold;
}

#loginform, #basketlayer {
display:none;
position:absolute;
width:298px;
top:0px;
right:-27px;
min-height:85px;
height:auto!important;
height:85px;
z-index:-1;
}

/* safari only */

/*\*/
 html>body* #loginform,  html>body* #basketlayer {right:-27px; }
 /**/

#loginform img.srchbtm {
clear:both;
display:block;
behavior: url(/css/iepngfix.htc);
z-index:400;
}

#loginform img {
display:block;
}

#loginform img.logintopbg {
z-index:-100;
}

#logincontent, #basketcontent {
float:left;
background:url(/img/srch/srchmainbg.png) repeat-y 0px 20px;
behavior: url(/css/iepngfix.htc);
width:298px;
background-color:transparent;
padding-left:12px;
display:inline;

}

* html #logincontent, * html #basketcontent {
background:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/img/srch/srchmainbg.png', sizingMethod='scale');
width:286px;
}

#logincontent a, #logincontent a img, #basketcontent a, #basketcontent a img {
position:relative!important;
}


#logincontent form {
float:left;
margin:10px 0 15px 20px;
display:inline;
}

#logincontent form label {
clear:both;
width:230px;
float:left;
margin:0 0 7px 0;
}

#logincontent form label span {
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:10px;
color:#626365;
font-weight:bold;
float:left;
text-align:right;
width:64px;
padding-top:3px;
}

#logincontent form input {
width:153px;
border:1px solid #c3c3c3;
float:right;
font-size:9px;
padding:3px;
position:relative;
}

#logincontent form a {
clear:both;
color:#024468;
font-weight:bold;
font-size:10px;
text-transform:none;
text-decoration:underline;
font-style:italic;
margin-left:70px;
}

#logincontent form p {
font-size:15px;
}

#logincontent div.butts, #basketcontent div.butts  {
clear:both;
height:33px;
min-height:33px;
}


#logincontent div.butts a.registerbtn {
padding:10px 0 0 12px;
float:left;
display:inline;
}

#logincontent div.butts a.loginbtn, #basketcontent div.butts a.loginbtn {
margin:10px 40px 0 0;
float:right;
display:inline;
padding:0;
}

* html #logincontent div.butts a.loginbtn, * html #basketcontent div.butts a.loginbtn {
margin-right:20px;
}


#basketscroll {
height:239px;
margin:0 0 15px 0;
min-height:239px;
overflow-y:auto;
width:264px;
padding-left:8px;
}

#basketscroll table {
float:left;
border:0;
padding:0;
width:238px;
margin:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
}


#basketscroll table td {
vertical-align:top;
}

#basketscroll table td.img {
padding:5px 0;
}

#basketscroll table td.desc {
color:#7f7f7f;
font-size:11px;
padding:5px;
}

#basketscroll table td.price {
color:#41423f;
font-size:11px;
}

#basketcontent p.delivery {
color:#6c6c6c;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:150px;
margin:0 53px 5px 0;
float:right;
display:inline;
}

#basketcontent p.subtotal {
color:#41423f;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
width:150px;
margin:0 53px 15px 0;
float:right;
display:inline;
}




/* end basket and signup */

/* begin top nav */

#topnav {
list-style-type:none;
position:absolute;
left:250px;
top:76px;

}

#topnav li {
float:left;
}

form#search {
width:115px;
position:absolute;
top:76px;
right:13px;
height:17px;
min-height:17px;
z-index:300!important;
}

form#search input {
float:left;
width:85px;
border:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#6e6e6e;
padding:1px 0;
z-index:300!important;
}

form#search span.leftsrch {
width:17px;
float:left;
height:17px;
z-index:300!important;
}

form#search span.rghtsrch {
width:7px;
float:left;
height:17px;
z-index:300!important;
}

#srchresult {
position:absolute;
z-index:200!important;
width:298px;
top:62px;
left:643px;
min-height:85px;
height:auto!important;
height:85px;
padding-top:6px;
}

#srchresult img.srchbtm {
clear:both;
display:block;
behavior: url(/css/iepngfix.htc);
z-index:200;
}



#srchresult img {
display:block;
}

#srchcontent {
float:left;
background:url(/img/srch/srchmainbg.png) repeat-y 0px 20px;
behavior: url(/css/iepngfix.htc);
width:298px;
background-color:transparent;
padding-left:12px;
display:inline;

}

* html #srchcontent {
background:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/img/srch/srchmainbg.png', sizingMethod='scale');
width:286px;
}

#srchcontent a, #srchcontent a img {
position:relative!important;
}

#srchcontent h3 {
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
font-size:11px;
padding:12px 0 0 12px;
}


#srchcontent table {
border:0;
padding:0;
margin:0 0 0 8px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
width:257px;
}

#srchcontent table tr {
border:1px solid #d2d2d2;
}

#srchcontent table td.srchimg {
width:75px;
vertical-align:top;
padding-left:10px;
}



#srchcontent table td.srchdesc {
color:#7f7f7f;
text-transform:uppercase;
width:110px;
padding :10px 10px 0 0;
vertical-align:top;
}

#srchcontent table td.srchdesc a {
color:#7f7f7f;
}

#srchcontent table td.srchprice {
color:#41423f;
font-size:11px;
text-align:right;
width:30px;
padding:10px 10px 0 0;
vertical-align:top;
}

#srchcontent ul {
list-style-type:none;
margin:8px 0 8px 12px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:257px;
}

#srchcontent ul li {
margin:3px 0 0 0;
}

#srchcontent ul li a {
color:#5a5a5a;
position:relative;

}

#srchcontent ul li a img {
display:inline;
padding:2px 0 0 3px;

}

/* end top nav */


/* begin bits of background gradient */
#holdmain {
float:left;
width:100%;
position:relative;
}
#foot-main {
float:left;
width:100%;
position:relative;
line-height:12px;
}

#gradleft, #gradright {
position:absolute;
z-index:-1;
width:50%;
top:0;
background:url(/img/horizgrad.jpg) repeat-x 0 0;
}

#gradleft {
left:0;
}

#gradright {
right:0;
}

#maincontentbg {
width:934px;
margin:0 auto;
padding:0;
min-height:700px;
height:auto!important;
height:700px;
}

/* end bits of background gradient*/

/* main content area */

#maincontent {
width:934px;
padding:1px 0 0 0;
float:left;
position:relative;
}

#maincontent a {
position:relative; /* IE6 png bug fix */
}


#topbanners {
margin-left:14px;
width:912px;
float:left;
display:inline;
}

#topbanners img {
display:block;
}

#leftnav {
float:left;
width:150px;
min-height:378px;
height:auto !important;
height:378px;
margin-left:85px;
display:inline;
}

#leftnav-thaigem {
float:left;
width:150px;
min-height:378px;
height:auto !important;
height:378px;
margin-left:0px;
display:inline;
}

#leftnav img {
display:block;
}


#nav {
margin:0;
padding:0;
float:left;
height:auto !important;
list-style-type:none;
width:150px;
}


#nav h3.subnav {
border-bottom:none !important;
}


#nav li ul li {
padding:0 10px 2px 11px;
}

#nav li ul li a {
color:#4FA8C4;
padding:0 8px 0 0;
background:url(/img/arra-grey.gif) no-repeat right bottom;
position:static;
}

.nav5link {
border:0!important;
}
/*//////////////////////////////////////////Edit By Golf/////////////////////////////////////////////////*/

#bar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #959595;
	/*border-top-width: thick;
	border-bottom-width: thick;*/
	border:1px solid #EFEFEF;
	border-collapse:collapse;
	font-style: bold;
	background-color:#FEFEFE;
}
#bar div.title a{
display:block;
FONT-WEIGHT: bold;
COLOR: #959595;
}
#bar div.title a:hover,#bar div.selected a{
display:block;
FONT-WEIGHT: bold;
COLOR: #4FA8C4;
text-decoration: none; 
}
#bar td.w_td{
height:20px;
vertical-align : middle;
background-color:#EFEFEF;
}
#bar td.w_td2{
height:35px;
vertical-align : middle;
}
/*//////////////////////////////////////////Edit By Golf/////////////////////////////////////////////////*/
/* left nav prod table for various pages */
table.lnprodtable {
clear:both;
border:0pt none;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
margin:0pt;
padding:0pt;
width:236px;
}


table.lnprodtable td.srchimg {
width:85px;
text-align:center;
}

#leftnav table.lnprodtable td.srchimg img {
display:inline;
}

table.lnprodtable td.srchimg a {
float:none;
}

table.lnprodtable td.srchdesc {
width:95px;
vertical-align:top;
padding-top:5px;
}

table.lnprodtable td.srchdesc a {
color:#4FA8C4;
}

table.lnprodtable td.srchdesc a:hover {
color:#d74a1c;
}

table.lnprodtable td.srchprice {
padding:5px 5px 0 0;
text-align:right;
vertical-align:top;
position:relative;
float:left;
}

table.lnprodtable td.srchprice a {
position:absolute;
top:25px;
}


/* footer */
#footer {
float:right;
list-style-type:none;
margin:50px 15px 0 0;
display:inline;
}

#footer li {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#909090;
}

#footer li a {
color:#909090;
padding:0 5px;
}

#footer li a.largedes {
color:#40c3d7;
padding-left:10px;
}


/*/////////////////////// Edit by eve start //////////////////////////*/

#mainright {
float:left;
padding:0 0 0 1px;
display:inline;
width:675px;

}



/*//////////////////////////// for index start /////////////////////////////////*/


#leftnav2 {
float:left;
width:235px;
min-height:200px;
height:auto !important;
height:200px;
margin-left:15px;
display:inline;
margin-top:0px;
}

#leftnav2 img {
display:block;
}

#footer2 {
float:right;
list-style-type:none;
margin:0 0 0 0;
display:inline;
}

#footer2 li {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#909090;
}

#footer2 li a {
color:#909090;
padding:0 5px;
}

#footer2 li a.largedes {
color:#40c3d7;
padding-left:10px;
}

.footertext {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#909090;
}

/*//////////////////////////// for index end /////////////////////////////////*/

#nav h3.title {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:12px;
text-transform:uppercase;
text-align:center;
border: 0;
border-bottom: solid 1px #D1D1D1;
/*border-bottom: solid 1px #BDC7E7;*/
height:19px;
/*width:100px;*/
min-height:19px;
padding:7px 0 4px 0;
color:#909090;
/*background-color:#4FA8C4;*/
}

#nav li ul {
border-bottom:1px solid #D1D1D1;
/*border-bottom: solid 1px #BDC7E7;*/
list-style:none;
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:11px;
padding:0 0 12px 0;
}

/*/////////////////////// Edit by eve end //////////////////////////*/