html , body {				 /*use to control body of the pages.*/
background-color:white;
font-family:verdana, georgia, arial, sans-serif;
margin:0 auto;
top:0;
padding:0;
text-align:center;
height:100%;
max-width:1280px;
}
 .pagelayout {			/*use to control Leyout of the pages.*/
max-width:1280px;
width:expression(document.body.clientWidth > 1152? "1250px": "auto" );
border-collapse:collapse;
margin:0 auto;
height:100%;
}
.pagelayout td {	/*use to control Leyout of the pages with above.*/
padding:0px;
vertical-align:top;
text-align:left;
}
a:link, a:active, a:visited {
color: #333333;
text-decoration: none;
}
a:hover {
color:red;
text-decoration: none;
}
 A.barlink:link, A.barlink:active, A.barlink:visited {
color:#333322;
text-decoration: none;
}
 A.barlink:hover {
color: #333333;
font-family: Verdana, Georgia, Arial, Sans-Serif;
font-weight: normal;
text-decoration: underline;
}
 .cartnorm {
background-color: #dddddd;
color: #000000;
font-family: Verdana, Georgia, Arial, Sans-Serif;
font-weight: normal;
font-size: 11px;
border-top: 2px solid black;
border-bottom: 2px solid black;
border-left: 1px solid black;
border-right: 2px solid black;
}
 .cartalt {
background-color: #FFFFFF;
color: #000000;
font-family: Verdana, Georgia, Arial, Sans-Serif;
font-weight: normal;
font-size: 11px;
border-top: 2px solid black;
border-bottom: 2px solid black;
border-left: 1px solid black;
border-right: 2px solid black;
}
 .maincontent {
background-color: #FFFFFF;
color: #000000;
font-family: Verdana, Georgia, Arial, Sans-Serif;
font-weight: normal;
font-size: 12px;
}
 .contentbar1 {
background-color: #dddddd;
color: #000000;
font-family: Verdana, Georgia, Arial, Sans-Serif;
font-weight: normal;
font-size: 12px;
}
 .contentbar2 {
background-color: #BBBBBB;
color: #000000;
font-family: Verdana, Georgia, Arial, Sans-Serif;
font-weight: normal;
font-size: 11px;
}
 .bread {
background-color: #DDDDDD;
color: #333333;
border: 1px black solid;
font-family: Verdana, Georgia, Arial, Sans-Serif;
font-weight: normal;
font-size: 11px;
}
 .titlebar1 {
background-color: #dddddd;
color: #333333;
border: 1px black solid;
font-family: Verdana, Georgia, Arial, Sans-Serif;
font-weight: normal;
font-size: 11px;
}
 .titlebar2 {
background-color: #bbbbbb;
color: #000000;
border: 1px black solid;
font-family: Verdana, Georgia, Arial, Sans-Serif;
font-weight: normal;
font-size: 11px;
}
.titlebar3 {
background-color: #eeeeee;
color: #111111;
border: 1px solid black;
font-family: Verdana, Georgia, Arial, Sans-Serif;
font-weight: normal;
font-size: 11px;
}
 .lineleft {
border-left: 1px solid black;
border-bottom: 1px solid black;
border-top: 1px solid black;
}
 .linemid {
border-bottom: 1px solid black;
border-top: 1px solid black;
}
 .lineright {
border-right: 1px solid black;
border-bottom: 1px solid black;
border-top: 1px solid black;
}
.categorybar {
background-color: #eeeeee;
color: #333333;
font-family: Verdana, Georgia, Arial, Sans-Serif;
font-weight: normal;
font-size: 11px;
}
 .leftarea {
background-color: #eeeeee;
color: #FFFFFF;
font-family: Verdana, Georgia, Arial, Sans-Serif;
font-weight: normal;
font-size: 11px;
margin: 0;
border-top: 0px;
border-left: 1px solid black;
border-right: 2px outset black;
border-bottom: 2px outset black;
}
 .borderdraw {
line-height: 0px;
width: 0px;
height: 0px;
border-style: solid;
border-color: white white #FF0000 #FF0000;
border-width: 10px;
float: left;
}
 .logoarea {
background-color: #FF0000;
}
 .menutop {
font-family: Verdana, Georgia, Arial, Sans-Serif;
color: #FFFFFF;
font-weight: bold;
font-size: 16px;
}
 .menubar {
background-color: #000000;
color: #FFFFFF !important;
font-family: Verdana, Georgia, Arial, Sans-Serif;
font-weight: normal;
font-size: 11px;
}
 .submenu {
font-family: Verdana, Georgia, Arial, Sans-Serif;
font-size: 11pt !important;
font-weight: bold !important;
background-color: white !important;
color: black !important;
text-decoration: none !important;
}
 A.submenu:hover {
text-decoration: underline !important;
}
 .titlebox {
background-color: #cccccc;
color: #111111;
font-family: Verdana, Georgia, Arial, Sans-Serif;
font-size: 14pt;
font-weight: normal;
text-decoration: none;
border-left: 1px #999999 solid;
border-top: 1px #999999 solid;
border-bottom: 2px #999999 solid;
border-right: 2px #999999 solid;
}
 .shadowbox {
border-left: 1px #999999 solid;
border-top: 1px #999999 solid;
border-bottom: 2px #999999 solid;
border-right: 2px #999999 solid;
}
 .button1 {
background-image: url(../images/blank1.gif);
background-color: transparent;
border: 0;
height: 18px;
width: 80px;
text-align: center;
cursor: pointer;
vertical-align: middle;
text-decoration: none;
color: #0000CC;
}
 .button2 {
background-image: url(../images/blank2.gif);
background-color: transparent;
font-size: 8px;
font-weight: 500;
margin: 0;
padding: 0;
border: 0;
height: 13px;
letter-spacing: 0px;
line-height: 13px;
width: 52px;
text-align: center;
cursor: pointer;
vertical-align: middle;
text-decoration: none;
color: #000000;
}
 .button3 {
background-image: url(../images/blank3.gif);
background-color: transparent;
border: 0;
height: 18px;
width: 80px;
text-align: center;
cursor: pointer;
vertical-align: middle;
text-decoration: none;
color: #0000CC;
}
 .button4 {
background-image: url(../images/blank4.gif);
background-color: transparent;
border: 0;
height: 25px;
width: 90px;
text-align: center;
cursor: pointer;
vertical-align: middle;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
font-variant: small-caps;
font-size: 14px;
line-height: 23px;
}
 .button5 {
background-color: #dab225;
height: 18px;
text-align: center;
cursor: pointer;
padding-left: 5px;
padding-right: 5px;
vertical-align: middle;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
font-variant: small-caps;
font-size: 11px;
}
 .button6 {
background-color: #dab225;
height: 18px;
text-align: center;
cursor: pointer;
vertical-align: middle;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
font-variant: small-caps;
font-size: 11px;
}
 .button7 {
background-image: url(../images/blank7.gif);
background-color: transparent;
border: 0;
height: 18px;
width: 100px;
text-align: center;
cursor: pointer;
vertical-align: middle;
text-decoration: none;
color: #0000CC;
}
 .buttonv {
background-image: url(../images/blankv.gif);
background-position: right;
background-color: transparent;
border-top: 0;
border-bottom: 0;
border-right: 0;
border-left: 1px solid black;
height: 18px;
text-align: center;
cursor: pointer;
vertical-align: middle;
text-decoration: none;
color: #0000CC;
}
 .buttonvl {
background-image: url(../images/blankvl.gif);
background-color: transparent;
border-top: 0;
border-left: 0;
border-bottom: 0;
border-right: 1px solid black;
height: 18px;
text-align: center;
cursor: pointer;
vertical-align: middle;
text-decoration: none;
color: #0000CC;
}
 .engfont {	 /*This is the font for english characters for chinese pages*/
font-family: Verdana, Georgia, Arial, Sans-Serif;
font-size: 12px;
}
.cellspacer01 {                                              /*This is the space to seperate items in shopping cart, use with cellspacer02*/
padding:0; 
border-top:0px;                      /* this is used for tiny shopping cart */
border-bottom:1px;
border-left:0px;
border-right:0px;
border-style:solid;
border-color:#FFFFFF;
background-color:#bbbbbb;
color:#000000;
font-size:75%;
}
 .cellspacer02 {                                               /*This is the space to seperate items in shopping cart, use with cellspacer01*/
padding:0; 
border-top:0px;                                      /* this is used for tiny shopping cart */
border-bottom:1px;
border-left:0px;
border-right:0px;
border-style:solid;
border-color:#ffffff;
background-color:#dddddd;
color:#000000;
font-size:75%;
}
 .paddingon {                                           /*This is the cellpadding to increase cellpadding when onMouseOver, use with paddingoff*/
padding:2px;                                   /*This is used for alternate version to have grow effects*/
}
 .paddingoff {                                  /*This is the cellpadding to increase cellpadding when onMouseOut, use with paddingon*/
padding:1px;                                   /*This is used for alternate version to have grow effects*/
}
 .topmenu {                                     /*top right and left, bottom padding width*/
color:#ffffff;
border:solid 1px;
border-color:#0066ff;
background:#0066ff;
padding:0px 2px 2px 2px;
}
 .topmenu a {
border:solid 1px;
border-color:#0066ff;
background:#0066ff;
padding:0px 5px 0px 5px;
font-weight:bold;
font-size:0.9em;
color:#ffffff;
vertical-align:middle;
}
 .topmenu a:visited {
border:solid 1px;
border-color:#0066ff;
background:#0066ff;
padding:0px 5px 0px 5px;
font-weight:bold;
font-size:0.9em; 
color:#ffffff;
}
 .topmenu a:hover {
border:solid 1px;
border-color:#ffffff;
padding:0px 5px 0px 5px;
background:#0066ff;
color:#ffffff;
font-weight:bold;
font-size:0.9em;
}
 .sepspace {
padding:0px 2px 0px 2px;
font-size:65%;
}
 .question {
cursor:help;
}
 .bottom {                                  /*This is use for bottom fonts*/
text-decoration:none;
font-size:75%;
font-weight:normal;
color:#eeeeee;
}
 .bottom a {
text-decoration:none;
font-size:75%;
font-weight:normal;
color:#eeeeee;
}
 .bottom a:visited {
text-decoration:none;
font-size:75%;
font-weight:normal;
color:#eeeeee;
}
 .bottom a:hover { 
text-decoration:none;
font-size:75%;
font-weight:normal;
color:#ff6600;
}
.button {                                          /*This is use for menu listing on the left*/
text-decoration:none;
font-size:95%;
font-weight:normal;
border:1px;
border-style:solid;
border-color:#333333;
color:#333333;
}
 .mainmenu {                                     /*top right and left, bottom padding width*/
color:#ffffff;
border:solid 1px;
border-color:#5b5b5b;
background:#5b5b5b;
padding:0px 2px 0px 2px;
font-size:95%;
}
 .mainmenu a {
border:solid 1px;
border-color:#5b5b5b;
background:#5b5b5b;
padding:0px 3px 0px 3px;
font-weight:bold; 
color:#ffffff;
font-size:95%;
}
 .mainmenu a:visited {
border:solid 1px;
border-color:#5b5b5b;
background:#5b5b5b;
padding:0px 3px 0px 3px;
font-weight:bold; 
color:#ffffff;
font-size:95%;
}
 .mainmenu a:hover {
border:inset 1px;
border-color:#ffffff;
padding:0px 3px 0px 3px;
background:#ff6600;
color:#ffffff;
font-weight:bold;
font-size:95%;
}

 .mainmenuselectedtop {                                     /*top right and left, bottom padding width*/
color:black;
border-left:groove 3px white;
border-right:groove 3px white;
border-bottom:0px;
border-top:groove 3px white;
background:#ff6600;
padding:0px 15px 3px 15px;
font-size:90%;
font-weight:bold;
}
 .mainmenuselectedbottom {                                     /*top right and left, bottom padding width*/
border-bottom:groove 3px white;
}

 .mainmenuselectedsub {                                     /*top right and left, bottom padding width*/
background:white;
padding:0px 15px 0px 15px;
font-size:90%;
font-weight:bold;
text-decoration:none;
border-left:double 3px #5b5b5b;
border-right:double 3px #5b5b5b;
border-bottom:double 3px white;
border-top:0px;
color:black;
}

 .mainmenuselected {                                     /*top right and left, bottom padding width*/
background:#ff6600;
padding:0px 5px 0px 5px;
font-size:90%;
font-weight:bold;
}
 .mainmenuselected a {                                     /*top right and left, bottom padding width*/
background:#ff6600;
padding:0px 5px 0px 5px;
font-size:95%;
font-weight:bold;
}
 .mainmenuselected a:visited {                                     /*top right and left, bottom padding width*/
background:#ff6600;
padding:0px 5px 0px 5px;
font-size:95%;
font-weight:bold;
}
 .mainmenuselected a:hover {                                     /*top right and left, bottom padding width*/
background:#ffffff;
padding:0px 5px 3px 5px;
font-size:95%;
font-weight:bold;
}
.heading {                                          /*This is use for menu listing on the left*/
text-decoration:none;
font-weight:normal;
color:#ffffff;
padding-left:5px;
padding-right:5px;
background-color:#2d2d2d;
border:1px;
border-style:solid;
border-color:#2d2d2d;
}
.heading a {                                          /*This is use for menu listing on the left*/
text-decoration:none;
font-weight:normal;
color:#111111;
padding-left:5px;
padding-right:5px;
background-color:#2d2d2d;
border:1px;
border-style:solid;
border-color:#2d2d2d;
}
.heading a:visited {                                          /*This is use for menu listing on the left*/
text-decoration:none;
font-weight:normal;
color:#111111;
padding-left:5px;
padding-right:5px;
background-color:#eeeeee;
border:1px;
border-style:solid;
border-color:#eeeeee;
}
.heading a:hover {                                          /*This is use for menu listing on the left*/
text-decoration:none;
font-weight:normal;
color:red;
padding-left:5px;
padding-right:5px;
background-color:#dddddd;
border:1px;
border-style:solid;
border-color:#808080;
}
 .bordertopbottom {
border-left:0px;
border-right:0px;
border-bottom:1px;
border-top:1px;                                      /*This is use for menu on the bottom*/
border-style:solid;
border-color:#808080;
background-color:#eeeeee;
}
 .bordergrey {
border-left:1px;
border-right:1px;
border-bottom:1px;
border-top:1px;                                /*This is use for menu on the bottom*/
border-style:solid;
border-color:#808080;
background-color:white;
}
 .borderlightgrey {
border-left:1px;
border-right:1px;
border-bottom:1px;
border-top:1px;                                      /*This is use for checkout steps menu*/
border-style:solid;
border-color:#eeeeee;
background-color:white;
}
 .bordertoponly {
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:1px;                                      /*This is use for menu on the bottom*/
border-style:solid;
border-color:#c0c0c0;
}
 .box01 {
border-left:1px;
border-right:1px;
border-bottom:1px;
border-top:1px;                                      /*This is use for menu on the bottom*/
border-style:solid;
border-color:#808080;
background-color:#dddddd;
}
 .menu01border{
border-top:0px;
border-bottom:0px;
border-right:2px;
border-left:2px;                                    /*This is use for all menus td border*/
border-style:solid;
border-color:#eeeeee;
}

.menulist01 ul { /*This is use for onsale on the right*/ 
margin: 0 0 0 auto;
padding: 0;
list-style-type: none;
}
.menulist01 li {  /*This is use for onsale on the right*/
margin: 0;
display: inline;
text-align: left;
font-size:0.8em;
}
.menulist01 a {   /*This is use for onsale on the right*/
text-decoration: none;
display: block;
padding-left: 12px;
padding-top: 4px;
padding-bottom: 4px;
background-image: url(../images/arrowright.gif);
background-repeat: no-repeat;
background-position: 1% 50%;
border: 1px; 
border-style: dotted;
border-color: #eeeeee;
}
.menulist01 a:hover {  /*This is use for onsale on the right*/
text-decoration: none;
padding-top: 4px;
padding-bottom: 4px;
background-image: url(../images/arrowrightred.gif);
background-repeat: no-repeat;
background-position: 1% 50%;
background-color: #EEFFDD;
border-top: 1px dotted #00CC00;
border-right: 1px dotted #00CC00;
border-bottom: 1px dotted #00CC00;
border-left: 1px dotted #00CC00;
}
.verticallineg{                                         /*This is use for menu listing on the left*/
border-right:#808080 1px solid; 
background-color:#eeeeee;
}
.boxmouseover {                                         /*This use for the box at multi checkout page*/
background-color:#eeeeee;
border-left:1px;
border-right:1px;
border-bottom:1px;
border-top:1px;
border-style:solid;
border-color:#808080;
}
.textheading {                                         /*This use for text deading at flypage*/
text-decoration:underline;
font-weight:bold;
font-size:110%;
line-height:200%;
color:#333333;
}
.freeshipping {                                         /*This use for Free Shipping at flypage*/
text-decoration:underline;
font-weight:bold;
font-size:130%;
line-height:200%;
color:#ff0000;
}
.shipfree {                                           /*This use for Free Shipping at result*/
text-decoration:underline;
font-weight:bold;
font-size:90%;
line-height:150%;
color:#ff0000;
}
.hr1 {
color:#dddddd;
}
.hr2 {
color:#eeeeee;
width:90%;
}

/*Set Tables Below */

.tb000 {						/*Set table border , padding and alignment table width must be set with html in each page  all MENUS */
border-collapse:collapse;
border-width:0px;
border-spacing:0px;
}
.tb000 td {
padding:0px;
vertical-align:top;
text-align:left;
}
.tb001 {
border-collapse:collapse;
border-width:0px;
border-spacing:0px;
}
.tb001 td {
padding:1px;
vertical-align:top;
text-align:left;
}
.tb002 {
border-collapse:collapse;
border-width:0px;
border-spacing:0px;
}
.tb002 td {
padding:2px;
vertical-align:top;
text-align:left;
}
.tb008 {				/* this use only for waning page */
border-collapse:collapse;
border-spacing:0px;
}
.tb008 td {
padding:8px;
vertical-align:top;
text-align:left;
border:2px solid white;
}
.tb101 {
border-collapse:collapse;
}
.tb101 td {			/*Set table border to 1 and padding use for shipping rate table */
border-width:1px;
border-style:solid;
border-color:#bbbbbb;
padding:5px;
}
.curvedcorner {		/*user for all curved corners */
-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
border-radius:6px;
background-color:white;
/*behavior:url(/store/variables/border-radius.htc); */
}