/* HEAD */
html, body {
        height:100%; background-color: #666666; margin:0px; padding:0px;
}
/* clearing issues workaround  */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 100%; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#canvas{background-image:url(x/beegee.jpg); background-repeat:repeat-y; width:934px; /* width:834px; */ margin:auto;  padding-left:17px; padding-right: 17px;}

#headercontainer{float:left; height:72px; /*width:800px;*/ width:900px; background-position:right; background-repeat:no-repeat; border-top:1px solid #333333; border-bottom:1px solid #ccc;}
#header{ background-image:url(x/hbg.jpg); /*height:221px;*/ height:103px; width:900px; /*width:800px;*/}
#logo{ float:left; width:217px; height:71px; border-right:1px solid silver; border-bottom:1px solid silver;}

.h_btn_home{float:left; width:55px; height:72px; background-image:url(x/h_btn_home0.jpg); text-align:center;}

.h_btn0 { float:right; width:75px; height:72px; background-image:url(x/h_btn0.jpg);  text-align:center;}
.h_btn0 a:link{ float:right; width:75px; height:72px; background-image:url(x/h_btn0.jpg); color:#333333;  text-align:center;}
.h_btn0 a:visited{ float:right; width:75px; height:72px; background-image:url(x/h_btn0.jpg); color:#333333;  text-align:center;}
.h_btn0  a:hover{ float:right; width:75px; height:72px; background-image:url(x/h_btn1.jpg);  color: #993300;  text-align:center;}
.btns{	font-family: Arial, Helvetica, sans-serif;	font-size:10px;	font-weight:bold;	text-transform:uppercase;	color:#333333;	text-decoration:none;	text-align:center;	word-spacing: 25px; }

#hfooter{display: inline; float:left; width:880px;/*width:780px;*/ height:28px; margin-left:20px;}
#crumbs{float:left; width:80%; margin-top:10px;}
.usrbtns{float:right; height:15px; background-image:url(x/usrbtnbg2.jpg);
margin-top:8px; margin-right:2px;
padding-left:4px; padding-right:4px; padding-top:5px;
 border-left: 1px solid silver; border-right: 1px solid silver;
font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;
text-decoration:none; text-transform:uppercase; background-color:#CCCCCC;
}

.usrbtns a:link {color: #666666;  text-decoration:none;}
.usrbtns a:hover {color:#FF0000;  text-decoration:none; background-image:url(x/usrbtnbg.jpg);}
.usrbtns a:visited { color:#555555; text-decoration:none;}

#specialslidecontainer{ display:inline; float:left; width:798px; height:118px;}
.spcbtn{float:left; height:68px; width:84px;  margin-right:5px; margin-left: 7px; margin-top:20px; background-image:url(x/spc_y.gif); background-repeat:no-repeat;}
.spcviewall{float:left; height:12px; margin-top:68px; text-align:center; width:84px; font-size:10px; font-family:"Trebuchet MS", Tahoma;}

.spcprdcont{float:left; display: inline; height:100px; width:165px; margin-left:6px; margin-top:9px; margin-bottom:9px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.spcprdh {text-transform:uppercase; margin:0px; padding:0px;}
.spcprdh h1 { font-family:"Trebuchet MS", Tahoma; width:165px; font-weight:bold; line-height:12px; margin-top:15px;}
.spcprdh h2 { font-family: Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; text-transform:uppercase; }


.spcprdweight{float:left: width:165px; margin-top:20px; font-size:9px; color:#666666;}
.spcprdprice{float:left;}
.spcprdbuy{float:left; width:36px; margin-left:2px;}
.striked{ color:#999999; text-decoration:line-through; font-style:italic; font-size: 10px;}
.specialprice{ color:#FF0000; font-weight: bold;}

/*  CONTENT  */

/*left menu */
#leftmenu{float:left; width:139px; font-family: Arial, Helvetica, sans-serif; border-right:1px solid silver;}
	#leftmenu a:link { display:block; padding-left:11px; color: #564E4E; text-decoration:none; margin: 2px 0px 2px 5px;}
	#leftmenu a:visited { display:block; padding-left:11px; color: #564E4E; text-decoration:none; margin: 2px 0px 2px 5px;}
	#leftmenu a:hover  { background-color: #999999; color: #FFFFFF; margin-right:5px;}

#leftmenu h1{ font-size:12px; padding-left:8px; margin:0px; background-image:url(x/lfth1bg.jpg); padding-top:5px; color:#564E4E;}
#leftmenu h2{ font-family:Arial, Helvetica, sans-serif; font-size:10px; padding-left:8px; margin:0px; text-transform:uppercase; color:#564E4E;}

/* right menu */
#rightmenu{float:left; width:129px; border-left:1px solid silver;  font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #564E4E; height:100%;}
	#rightmenu a:link{ color: #564E4E;}
	#rightmenu a:hover{color: #660000;} 
	#rightmenu a:visited{color:#564E4E;}

#rmboxshp{width: 127px; padding-top:3px; padding-bottom:10px; border-bottom:1px solid silver; background-image: url(x/rghtboxbg.jpg); background-repeat:repeat-x;}
.rmbox{width: 127px; padding-top:2px; padding-left:2px; padding-bottom:10px; border-bottom:1px solid silver; background-image: url(x/rghtboxbg.jpg); background-repeat:repeat-x;}

.rboxh{text-transform:uppercase; font-weight:bold; }
.rmboxcontent{margin-left:12px; border-bottom:1px solid silver; background-image: url(x/rghtboxbg.jpg); background-repeat:repeat-x;}


select {font-family: Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;color:#666666;background-color:#F0F0F0;border:1px solid #CCCCCC;margin:0px;padding:0px;width:125px;}
input{margin:0px; padding:0px;}
form{margin:0px; padding:0px;}


#content{ float:left; /*width:520px;*/ width:620px; margin:5px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#content a:link{ color:#333333;}
#content a:hover{ color: #660000;}
#content a:visited{ color:#333333;}

#androlicbg{height:188px;  background:url(x/androlic.jpg) no-repeat; }

.profh h1{font-size:140%; line-height:18px;}
.profh h2{ font-size:100%;}

#profiles {float:left; width:520px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:10px;}
#profiles p{ color:#333333; padding-left:5px;}
#profiles a:link{  color: #0066CC; text-decoration:underline;}
#profiles a:hover{ color: #00CCFF; text-decoration:underline;}
#profiles a:visited{ color: #666666; text-decoration:underline;}
#profiles img{float:right; border:5px solid white; margin:5px;}

#moreprof{float:left; font-family:"Trebuchet MS", Tahoma; font-size:12px; }
	#moreprof a:link      { display:block; padding-left:2px; color: #333333; text-decoration:none;}
	#moreprof a:visited { display:block; padding-left:2px; color: #666666; text-decoration:none;}
	#moreprof a:hover  { background-color:#ffffff; color: #000000;}


#anchlinks{float:left; width: 510px; border-top:1px dotted silver; border-bottom:1px dotted silver; background-color:#ffffff; padding-top:5px; margin-right:5px;}

#prbuybutton{float:right; background-image:url(x/buybg.gif); background-repeat:no-repeat; height:57px; width:57px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#CC0000; margin-right:10px;}

#populars{float:left; width:520px; padding-top:10px; border-top:1px solid silver; border-bottom:1px solid silver; font-size:11px;}


.quickinfo {float:left;	width:50%;}
.about{float:left; width:305px;}

/* FOOTER */
#footer{float:left; width:900px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; border-bottom:5px solid #333333;}
#footer a:link{ color:#666666; text-decoration:none;}
#footer a:hover{ color:#666666; text-decoration:none;}
#footer a:visited{ color:#666666; text-decoration:none;}
#sense{float:left; width:800px; text-align:center; background-color: #ffffff;}

/* generic */
.small {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#000000;}
.small a:link {color:#000000;}
.small a:hover {color:#000000;}
.small a:visited {color:#000000;}

.warning { color:#CC0000;}
.warning a:link { color:#CC0000;}
.warning a:hover { color:#CC0000; text-decoration:underline}
.warning a:visited { color:#CC0000;}

.impbg{background-color: #FFFFE8;}
/* html tags */

p{font: normal 1em/1.25em "Liberation Sans",arial,helvetica,sans-serif; margin-bottom:10px; margin-top:0px;padding:0px;}

/*a{	color: #006699;	text-decoration: none;}*/

h1, h2, h3, h4, h5, h6{font: normal 1.4em/1.4em "Liberation Sans",arial,helvetica,sans-serif; text-transform:uppercase;}
h1 {color:#333;}
h2 {text-transform:capitalize; color:#555;}
h3 {font-size:1.2em; line-height:1.2em; text-transform:none; color:#666;}
h4 {font-size:1em; line-height:1em; text-transform:uppercase; color:#222;}
h5 {font-size:1em; line-height:1em; text-transform:none;color:#222;}
h6 {font-size:1em; line-height:1em; text-transform:none;color:#222;}

#leftmenu h4 {padding:0; margin-bottom:2px; }

ul{ list-style-type: disc; margin:20px; padding:0px;}
li {  font-size:80%; font-family:Arial, Helvetica, sans-serif; color:#564E4E}

label{ font-family: Arial,sans-serif; font-size: 100%; font-weight: bold; color: #334d55;}


.smallText {font-size:9px;}



/* OSC specific */
.pl-data {  font: 10px "liberation sans", tahoma, sans;}

TD.pl-data {border-bottom:1px solid #E9E9E9; padding:2px;}
.pl-h {padding-left:2px; color:#444; background: #D4E9FE; text-transform:uppercase; font-size:10px;}
.pl-h a:link {color:#444;}
.pl-h a:visited {color:#444}
.pl-h a:hover {color:#000;}

.pl-even { background-color: #fff;}
.pl-odd { background-color: #F2F5F7;}
.pl-even:hover{ background-color: #C1D8E6; color:#000;}
.pl-odd:hover{ background-color:  #C1D8E6; color:#000;}


/* message box */
.messageBox { font-size: 10px; }
.messageStackError, .messageStackWarning {font-size: 10px;  background-color: #ffb3b5; }
.messageStackSuccess {font-size: 10px; background-color: #669900; }
.productSpecialPrice {color:#A52A2A;}
/* input requirement */
.inputRequirement {font-size: 10px; color: #ff0000; }