/* Page Generated in 0.000000 seconds */
body, table, html, form, h1, h2, h3, h4, h5, h6{padding:0; margin:0; border:0; font-family: verdana, Helvetica, Sans-Serif;color:#666666;font-size:11px;}
a{text-decoration:none; color:#333;font-size:11px;}
a:hover {color:#ff9900}
img {border:0;}

.set a {color:#ffffff; text-decoration:none; font-weight:bold; font-size:14px; font-family: Verdana, Helvetica, Sans-Serif; }
.set a:hover {color:#666666;}

.set2 {float:centre; text-align:centre;  }
.set2 a {color:#ffffff; text-decoration:none; font-weight:bold; font-size:18px; font-family: Verdana, Helvetica, Sans-Serif; }
.set2 a:hover {color:#666666;}

body { font-size:11px; }

img {border:0;}
.promo{ font-size:10px; color:white;}
h1 {font-size:10px; color:#999999; font-weight:normal; margin-top: 0; margin-bottom:3px; padding: 0;}

h2 {text-align:left; color:orange; padding:2px; font-size:18px; font-weight:strong; margin-bottom:5px;}

h3 {font-size:14px; font-weight:strong; color:white; height:17px; padding-top:2px; padding-left:5px; display:block;}

h4 { text-align:left; color:orange; padding:2px; font-size:18px; font-weight:strong; margin-bottom:5px;}

h5 {font-size:10px; color:#999999; font-weight:normal; margin-top: 0; margin-bottom:3px; padding: 0; }

#bdr_l {width:900px;}
#left_box{width:160px;float:left;}
#main_content {margin-bottom:10px; margin-left:175px; margin-right:175px; margin-top:10px;}
#main_content h3 {color:#ff9900;}
#left_menu {float:left;padding: 5px;background:#FFB964; margin-top: 3px; width: 155px; margin-bottom:5px;}
#right_menu{float:right; width:165px;  margin-top: 3px;margin-bottom: 3px;}
#left_menu a, .rdiv a {line-height:20px;}

.prodgrplist {border:1px solid #ccc; margin-bottom:5px;}

.tbllink {width:500px;margin:0 0 5px 0;}

#navbar {float:left; height:24px;}
#ccmenu a, #nvcon a {font-size:14px; font-weight: bold; text-decoration:none; color:black;}
#ccmenu a.h {padding:5px; }
#ccmenu a:hover, #nvcon a:hover {color:#FF9900; }
#ccmenu ul a { display:block; font-size:10px; font-weight: normal; padding:4px;}
#ccmenu ul a:hover {border:1px solid #50002C; background-color:#f2f2f2; padding:3px;}
#ccmenu ul li {display:block;}
#ccmenu, #ccmenu ul {margin:0; padding:0;	border:0; display:block; list-style:none; }
#ccmenu li.h {display:inline; font-size:14px; font-weight:bold; padding:3px; float:left;}

#ccmenu ul {font-size:0; display:none; position:absolute; width:130px; background:white; padding:3px; margin-top:18px; border:1px solid black;}
#ccmenu li.folder li.folder ul {display:none;}
#ccmenu ul ul {margin-left:130px; float:none; left:-2px; margin-top:-22px;}

#ccmenu li.folder:hover ul {display:block; float:left;}
#ccmenu li.folder li.folder:hover ul {display:block; }

.cstitle { text-align:left; color:orange; padding:2px; font-size:16px;font-weight:bold}
.cscartempty { font-size:12px; color:orange; font-weight:bold;}
.csmyaccount {background-color: #ff9900;float:left;padding:0px 15px 0px 15px;margin-right:5px;margin-bottom:5px;width:99px !important;width:145px;text-align:center;}
.cssignin {background-color: #ff9900;float:left;padding:0px 16px 0px 15px;margin-right:5px;margin-bottom:5px}
.csmyaccount a, .cssignin a {color:white}
.csmyaccount a:hover, .cssignin a:hover {color:#666666}
.cssignout {background-color: #666666;float:left;padding:0px 12px 0px 11px;margin-right:5px;margin-bottom:5px}
.cssignout a {color:white}
.cssignout a:hover {color:#666666}
.csviewcart{background-color: #FF1A00;float:left;padding:0px 8px 0px 8px;margin-bottom:5px}
.csviewcart a {color:white}
.csviewcart a:hover {color:#666666}
.csorder{background-color: #666666;float:left;padding:0px 19px 0px 19px;margin-top: 5px; margin-bottom:3px}
.csorder a {color:white}
.csorder a:hover {color:#ff9900}
.csenquiry{background-color: #666666;float:left;padding:0px 15px 0px 15px;margin-top: 5px; margin-right:5px; margin-bottom:3px}
.csenquiry a {color:white}
.csenquiry a:hover {color:#ff9900;}
.cssignout a:hover {color:#ff9900;}


#usersignin h2 { font-size:12px;}
#usersignin #usersignintbl {width:420px; margin-left:30px;}
#usersignin .htmlIText, #usersignup .htmlIPass, #usersignup .htmlIEmail { font-family:Arial, sans-serif; font-size:13px; border:1px solid #999; width:300px;}
#usersignin td {padding:3px;}
#usersignin td.first {border-bottom:1px solid #EDE7D3; background-color:#FFFCF2; width:115px;}
#usersignin td.last {border-bottom:1px solid #EDE7D3; padding-left:10px;}
#usersignin td.last.signin, #usersignin td.first.signin {padding:3px; border:0; background:none;}
#signup_message {color:#ff0000;}

#usersignup h2 { font-size:12px;}
#usersignup  {width:420px; margin-left:30px;}
#usersignup .htmlIText, #usersignin .htmlIPass { font-family:Arial, sans-serif; font-size:13px; border:1px solid #999; width:300px;}
#usersignup td {padding:3px;}
#usersignup td.label {border-bottom:1px solid #EDE7D3; background-color:#FFFCF2; width:115px;}
#usersignup td.input {border-bottom:1px solid #EDE7D3; padding-left:10px;}

#viewcart #cart_addr .htmlIMemo, #viewcart #cart_addr .htmlIText { font-family:Arial, sans-serif; font-size:13px; border:1px solid #D3C392; width:300px;} 
#viewcart #cart_addr {width:420px; margin-left:30px;}
#viewcart #cart_addr .bold {color:#D11D28; text-align:center; display:block;}
#viewcart #cart_addr td {padding:3px;}
#viewcart #cart_addr td.label {border-bottom:1px solid #EDE7D3; background-color:#FFFCF2; width:120px;}
#viewcart #cart_addr td.input {border-bottom:1px solid #EDE7D3; padding-left:10px;}

#viewcart #cart_ship .htmlIMemo, #viewcart #cart_ship .htmlIText { font-family:Arial, sans-serif; font-size:13px; border:1px solid #999; width:300px;} 
#viewcart #cart_ship .invalid { border-color: red !important;}
#viewcart #cart_ship {width:420px; margin-left:30px;}
#viewcart #cart_ship td {padding:3px;}
#viewcart #cart_ship #shipping_purchmsg { width:400px; height:70px; font-family:Arial, sans-serif; font-size:13px; border:1px solid #D3C392;}
#viewcart #cart_ship td.label {border-bottom:1px solid #EDE7D3; background-color:#FFFCF2; width:115px;}
#viewcart #cart_ship td.info {border-bottom:1px solid #EDE7D3; padding-left:10px;}

#viewcart #cart_purch {width:420px; margin-left:30px;}
#viewcart #cart_purch td {padding:3px;}
#viewcart #cart_purch td.label {border-bottom:1px solid #EDE7D3; background-color:#FFFCF2; width:115px;}
#viewcart #cart_purch td.info {border-bottom:1px solid #EDE7D3; padding-left:10px;}
#viewcart #cart_purch .itmhead td {border-top:1px solid #EDE7D3; border-bottom:0; background-color:#FFFCF2;}
#viewcart #cart_purch td.first {border-left:1px solid #EDE7D3; }
#viewcart #cart_purch td.last {border-right:1px solid #EDE7D3; }
#viewcart #cart_purch .itmfoot td {border-top:1px solid #EDE7D3; font-weight:bold;}

#viewpord .ordtbl {width:480px; margin-left:30px; margin-bottom:15px;}
#viewpord .ordtbl td {padding:3px;}
#viewpord .ordtbl td h1,#viewpord .ordtbl td h2,#viewpord .ordtbl td h3,#viewpord .ordtbl td h4,#viewpord .ordtbl td h5,#viewpord .ordtbl td h6 {display:inline; font-size:inherit;}
#viewpord .ordtbl td.label {border-bottom:1px solid #EDE7D3; background-color:#FFFCF2; width:150px;}
#viewpord .ordtbl td.info, #viewpord .ordtbl td.input {border-bottom:1px solid #EDE7D3; padding-left:10px;}
#viewpord .ordtbl .itmhead td {border-top:1px solid #EDE7D3; border-bottom:0; background-color:#FFFCF2;}
#viewpord .ordtbl td.first {border-left:1px solid #EDE7D3; }
#viewpord .ordtbl td.last {border-right:1px solid #EDE7D3; white-space:nowrap; }
#viewpord .ordtbl .itmfoot td {white-space:nowrap; border-top:1px solid #EDE7D3; font-weight:bold; }
#viewpord .ordtbl .itmsfoot td {font-weight:bold; background:white-space:nowrap; }

#myaccount #mypass,#myaccount #mydetails {width:420px; margin-left:30px;}

#myaccount #ordlist {width:480px; margin-left:30px;}
#myaccount #ordlist td {padding:3px;}
#myaccount #ordlist .itmhead td {border-top:1px solid #EDE7D3; border-bottom:0; background-color:#FFFCF2;}
#myaccount #ordlist td.first {border-left:1px solid #EDE7D3; }
#myaccount #ordlist td.last {border-right:1px solid #EDE7D3;
}
#myaccount #ordlist .itmfoot td {border-top:1px solid #EDE7D3; font-weight:bold;}

#myaccount .htmlIText, #myaccount .htmlIPass, #myaccount .htmlIEmail { font-family:Arial, sans-serif; font-size:13px; border:1px solid #999; width:250px;}
#myaccount td {padding:3px;}
#myaccount td.label {border-bottom:1px solid #EDE7D3; background-color:#FFFCF2; width:150px;}
#myaccount td.info {border-bottom:1px solid #EDE7D3; padding-left:10px;}


#myaccount .htmlISubmit, #viewpord .htmlISubmit, #viewpord .htmlIButton, #viewcart .htmlISubmit, #viewcart .htmlIButton {background-color: #666666;padding:2px 15px 2px 15px;margin-top: 5px; margin-right:5px; margin-bottom:3px; border:0; color:white;}
#viewcart .htmlISubmit:hover, #viewcart .htmlIButton:hover { color:#ff9900;}

.devfoot,.devfoot td { font-size:9px; color:#cccccc; padding-top:opx; }
.powered {font-size:9px; float:centre; text-align:centre;}
.powered a {font-size:9px;color:#cccccc; text-decoration:none; }
.powered a span {color:#cccccc; font-weight:bold;}
.powered a:hover {color:#ff9900;}


.rdiv { padding:5px; background:#FFB964;margin-bottom: 3px;}
.rdiv div div h4 {color:#666666;font-size:11px;font-weight:normal}
.rprom {width:155px; margin-bottom: 3px;}
.prod_title{width:100%;font-weight:bold;}
.prod_box{border:1px solid #ccc; padding:5px; margin-bottom:2px;}
input.quantityselector {border:1px solid #cccccc;}

htmlIEmail, .htmlIText, .htmlIPass, #signinbox .htmlIText, #signinbox .htmlIEmail, #signinbox .htmlIPass, #signupbox .htmlIText, #signupbox .htmlIEmail, #signupbox .htmlIPass { display: block; width: 100%;border: 1px solid #ccc; margin:0; padding:0;font-family: verdana;

}

.cart_head{font-size:10px; font-weight:bold; color:orange; padding-top:2px; padding-left:5px;padding-bottom:5px;border-bottom:3px double #ccc}
.htmlISelect {font-size:8pt;}
/* .htmlIEmail, .htmlIText, .htmlIPass {display:block; width:100%; border:1px solid #ccc; margin:0; padding:0; font-size:10pt; font-family:verdana;} */
.htmlIMemo {border: 1px solid #ccc, width:100%}
.htmlIDate {border:1px solid #aaa; margin:0; padding:0; font-size:10pt; font-family:verdana;margin:2px 0px 2px 0px;float:left;}
.htmlIDatepick, .htmlIColorpicker {border-left:  1px solid #7ab7e3; font-weight:normal; font-size:7pt !important; font-size:8pt;
    border-right: 1px solid #3283be; border-top:   1px solid #7ab7e3; border-bottom:1px solid #3283be;
    background-image:url("/theme/default/image/button_bg.gif"); color:white; background-color:#5097CD; float:left;margin-top:3px;margin-right:2px}

/* The main calendar widget.  DIV containing a table. */
div.calendar { position: relative; z-index: 100; }

.calendar, .calendar table { border: 1px solid #cccccc; font-size: 11px; color: #000;
  cursor: default; background: #efefef; font-family: arial,verdana,sans-serif; }

/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px; }        /* Make the buttons seem like they're pressing */

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background:url("/theme/default/image/mi_bg.jpg");
  color: #ffffff;
  padding: 2px; }

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #fff; color: #3283be; }

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #cccccc; padding: 2px; text-align: center;
  color: #000; }

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #dedede; }

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: #bbbbbb; color: #000000; border: 1px solid #cccccc; padding: 1px; }

.calendar thead .active { /* Active (pressed) buttons in header */
  background: #c77; padding: 2px 0px 0px 2px; }

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #dddddd; }

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em; text-align: right; padding: 2px 4px 2px 2px; }

.calendar table .wn { padding: 2px 3px 2px 2px;
  border-right: 1px solid #cccccc; background: #dddddd; }

.calendar tbody .rowhilite td {
  background: #666666; color: #ffffff; }

.calendar tbody .rowhilite td.wn {
  background: #666666; color: #ffffff; }

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #999999; padding: 1px 3px 1px 1px; border: 1px solid #666666; }

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #000000; color: #ffffff; padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold; padding: 1px 3px 1px 1px; margin:1px;
  background-image:url("/theme/default/image/button_bg_red.gif"); color: white;
  background-repeat:repeat-x;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #cccccc;
}

.calendar tbody td.today { font-weight: bold; }

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #cccccc;
  color: #000;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  border-top: 1px solid #cccccc;
  background: #efefef;
  color: #000000;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #666666;
  border: 1px solid #f40;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #999999;
  padding: 2px 0px 0px 2px;
}

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #ffffff;
  color: #000;
  font-size: smaller;
}

.calendar .combo .label {
  width: 100%;
  text-align: center;
}

.calendar .combo .hilite {
  background: #fc8;
}

.calendar .combo .active {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #efefef;
  font-weight: bold;
}
/* classes for validator input */
.validatorInputHighlighted{font-weight: bold; color: #FF1A00;}
.validatorInputNormal{font-weight: normal;color: #666;}