@import url("reset.css");
@import url("forms.css");


body {
text-align: center;
font-size: 10px;
background-color: #FFFFFF;
color:#333333;
font-family: arial,sans-serif;
} /*62.5% Font-size: 1.0em = 10px when browser default size is 16px*/

h1,h2,h3,h4,h5,h6,strong,b,dt,th {font-weight: 700; }
address,cite,em,i,caption,dfn,var {font-style: italic;}

h1 {margin: 0 0 0.75em; font-size: 2em; color:#999999;}
h2 {margin: 0 0 1em; font-size: 1.5em;}
h3 {margin: 0 0 .5em; font-size: 1.167em; color:#999999;}
h4 {margin: 1.5em 0 0.5em; font-size: 1em;}
h5 {margin: 0 0 1.8em; font-size: .834em;}
h6 {margin: 0 0 2em; font-size: .75em;}

h1 span,h2 span,h3 span ,h4 span ,h5 span,h6 span {font-size:75%}

blockquote {padding: 0 1.5em;}

.page-container {
text-align: center;
width: 960px;
padding:0;
margin:auto;
font-size: 1.0em;
}


#ecom-mainarea {
clear: both;
width:940px;
padding:10px 10px 30px 10px;
font-size:11px;
}

#ecom-mainarea .screenlet {
background:#FFF;
border:1px solid #999;
height:auto!important;
margin-bottom:10px;
text-align:left;
}

#ecom-mainarea .screenlet-title-bar {
background:#999999;
height:auto!important;
padding:1px 4px 3px;
}

#ecom-mainarea .screenlet-body {
background:#FFF;
height:auto!important;
padding:4px;
}

#ecom-mainarea .screenlet h3, #ecom-mainarea .screenlet legend {
background:#666666;
color:#fff;
height:auto!important;
padding:1px 4px 3px;
}


#ecom-mainarea .center,#ecom-mainarea .leftonly,#ecom-mainarea .rightonly,#ecom-mainarea .nocolumns {
width:100%
background:#fff;
text-align:left;
vertical-align:top;
margin:0;
}


#ecom-mainarea fieldset,.nocolumns fieldset {
border:1px solid #999999;
padding:5px;
float:none;
}

.center {
float: left;
width: 100%;
margin:0;
padding:0;
}


.footer {
clear: both;
width:940px;
padding:30px 10px 0 10px;
overflow: visible !important /*Firefox*/;
overflow: hidden /*IE6*/;
}

.hidden {
visibility:hidden;
}

/* HEADER */
.header {
clear: both;
width:940px;
padding: 10px;
font-family: "trebuchet ms",arial,sans-serif;
}


.header #left {
width:175px;
float:left;
}

.header #middle {
/*margin-left:1px;*/
width:545px; height:88px;
text-align:center;
float:left;
}

.header #right {
margin-left:5px;
text-align:right;
width:215px;
float:left;
}

#featurecloud {
text-align:justify;
width:100%;
padding:5px;
background:#F2E5BF;
color: #666666;
}

#featurecloud h1 {
font:bold 150% sans-serif;
color: #999999;
margin:5px;
text-align:left;
}

#featurecloud a{
color: #666666;
font:normal 12px sans-serif;
margin-left:10px;
}

#featurecloud a:hover{
text-decoration:underline;
}

#picmenu table{
border:none;
margin:none;
padding:none;
width:100%;
display:center;
}

#picmenu table td{
background:#FFFFFF;
text-align:center;
}
#picmenu a img{
border:0;
padding:0;
margin:0;
float:none;
}
#picmenu a{
font:bold 120% sans-serif;
color: #999999;
}
#picmenu a:hover{
color:#666666;
}

/********************/
/*  COMMON CLASSES  */
/********************/

#ecom-mainarea img {
clear: both;
float: left;
margin: 3px 10px 7px 0;
padding: 1px;
border: 1px solid rgb(150,150,150);
}

#ecom-mainarea img.center {
clear: both;
float: none;
display: block;
margin:0 auto;
padding: 1px;
border: 1px solid rgb(150,150,150);
}

#ecom-mainarea img.right {
clear: both;
float: right;
margin: 3px 0 7px 10px;
padding: 1px;
border: 1px solid rgb(150,150,150);
}

#ecom-mainarea a img {
border: solid 1px rgb(150,150,150);
}

#ecom-mainarea a:hover img {
border: solid 1px rgb(220,220,220);
}


/*Drop-down menu*/
.nav2 {
float: right;
text-align:left;
width: 750px;
height:2.5em;
border: none;
font-size: 130%;
text-transform:uppercase;
margin-left:10px;
}

/*Color navigation bar normal mode*/
.nav2 ul {
list-style-type: none;
}

.nav2 ul li {
float: left;
position: relative;
z-index: auto !important /*Non-IE6*/;
z-index: 1000 /*IE6*/;
border-right: solid 4px #FFFFFF;
background: #999999;
}


.nav2 ul li a {
float: none !important /*Non-IE6*/;
float: left /*IE-6*/;
display: block;
height: 2.1em;
line-height: 2.1em;
padding: 0 5px 0 5px;
text-decoration: none;
font-weight: normal;
color: #FFFFFF;
}

.nav2 ul li ul {
display: none;
border: none;
}


/*Non-IE6 hovering*/
.nav2 ul li:hover a {
background-color: #666666;
text-decoration: none;
}

/*Color main cells hovering mode*/
.nav2 ul li:hover ul {
display: block;
width: 10.0em;
position: absolute;
z-index: 999;
top: 2.0em;
margin-top: 0.1em;
left: 0;
}

.nav2 ul li:hover ul li a {
display: block;
width: 10.0em;
height: auto;
line-height: 1.3em;
margin-left: -1px;
padding: 4px 16px 4px 16px;
border-left: solid 1px #AFAFAF;
border-bottom: solid 1px #AFAFAF;
background-color: #666666;
font-weight: normal;
color: #FFFFFF;
}

/*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {
background-color: #999999;
text-decoration: none;
}

/*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {
position: absolute;
top: 0;
left: 0;
border-collapse: collapse;
}

.nav2 ul li a:hover {
background-color: #666666;
text-decoration: none;
}

/*Color main cells hovering mode*/
.nav2 ul li a:hover ul {
display: block;
width: 10.0em;
position: absolute;
z-index: 999;
top: 2.1em;
t\op: 2.0em;
left: 0;
marg\in-top: 0.1em;
}

.nav2 ul li a:hover ul li a {
display: block;
w\idth: 10.0em;
height: 1px;
line-height: 1.3em;
padding: 4px 16px 4px 16px;
border-left: solid 1px #AFAFAF;
border-bottom: solid 1px #AFAFAF;
background-color: #666666;
font-weight: normal;
color: #FFFFFF;
}

/*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {
background-color: #D2D2D2;
text-decoration: none;
}

/********************/
/*  FOOTER SECTION  */
/********************/

.footer p {
line-height: 1.3em;
text-align: center;
color: #999999;
font-weight: bold;
font-size: 110%;
}

.footer p.credits {
font-weight: normal;
}

.footer hr {
width: 40%;
}

.footer a {
font:bold 12px sans-serif;
text-decoration: none;
color: #999999;
padding-right: 10px;
}

.footer a:hover {
color: #666666;
}


/******************/
/*  CLEAR FLOATS  */
/******************/

/*--*/

/* Form layout styles to simulate a table-style layout */
#ecom-mainarea .form-row {
clear: both;
padding-top: 2px;
}
#ecom-mainarea .form-label {
float: left;
width: 180px;
text-align: right;
padding-top: 5px;
}
#ecom-mainarea .form-field {
float: left;
margin-left: 10px;
text-align: left;
}


/* ===== Text/Label Styles ===== */
.tablebuttontext {
color: #1E3C66;
}

.contenttext {
font-size: 8pt;
}

DIV.tabletexthidden {
visibility: hidden;
}

.info {
font-style: normal;
color: #000000;
}

DIV.graybox {
font-weight: bold;
background: #CCCCCC;
border: 1px solid #000000;
text-align: center;
margin: 2px auto;
width: auto;
padding: 4px;
}


.boxoutside {
background: #FFFFFF;
border-color: #999999;
border-style: solid;
border-width: 1px 1px 1px 1px;
}

.boxtop {
background: #000099;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 4px;
padding-left: 4px;
border-color: #999999;
border-style: solid;
border-width: 0px 0px 0px 0px;
}

.boxbottom {
background: #FFFFFF;
padding: 4px;
border-color: #999999;
border-style: solid;
border-width: 0px 0px 0px 0px;
}

.button {
border-style: outset; border-color: #999999; border-width: 2px;
background: #999999; color:#FFFFFF;
padding-right: 5px; padding-left: 5px;
}


.tableheadtext {
font-weight: bold;
color: black;
}

A.tableheadbutton {
font-weight: bold;
color: black;
}

A.tableheadbutton:hover {
font-weight: bold;
color: red;
}

.browsecategorylist {
margin-left: 10px;
}

.browsecategorytext {
font-weight: bold;
color: #467AA7;
padding-left: 10px;
background:url(/multiflex/bg_bullet_full_2.gif) no-repeat 0px 0.5em;
}

A.browsecategorybutton {
font-weight: bold;
color: #000099;
}

A.browsecategorybutton:hover {
color: #000099;
}

.browsecategorybuttondisabled {
font-weight: bold;
color: #333333;
}

A.buttontext, .buttontextdisabled {
font-weight: bold;
background: #999999;
border: #666666 solid 1px;
margin: 2px 1px 2px 1px;
padding: 1px 4px 1px 4px;
}

A.buttontext {
text-color:#FFFFFF;
color: #FFFFFF;
}

A.buttontext:hover {
color: #F2E5BF;
}

A.linktext {
font:bold 130% sans-serif;
color: #999999;
}

A.linktext:hover {
color: #666666;
}

.buttontextdisabled {
color: #333333;
}

.submenutextinfo {
font: bold 9pt sans-serif;
color: white;
padding-left: 6px;
padding-right: 5px;
border-right: 1px solid #5886C6
}

.submenutext, A.submenutext, A.submenutext:visited {
font: bold 9pt sans-serif;
color: #FFFFFF;
background:#999999;
padding-left: 6px;
padding-right: 5px;
border: 1px solid #666666;
}

A.submenutext:hover {
background: #666666;
color:#F2E5BF;
}

.submenutextdisabled, A.submenutextdisabled {
font: bold 9pt sans-serif;
color: #CCCCCC;
padding-left: 6px;
padding-right: 5px;
border-right: 1px solid #666666
}

A.submenutextdisabled:hover {
font: bold 9pt sans-serif;
color: #F2E5BF;
}

.submenutextinforight {
font: bold 9pt sans-serif;
color: white;
padding-left: 6px;
}

.submenutextright, A.submenutextright {
font: bold 9pt sans-serif;
color: #FFFFFF;
background:#999999;
padding-left: 6px;
border: 1px solid #666666;
}

A.submenutextright:hover {
background: #666666;
color:#F2E5BF;
}

.submenutextrightdisabled, A.submenutextrightdisabled {
font: bold 9pt sans-serif;
color: #CCCCCC;
padding-left: 6px;
}

A.submenutextrightdisabled:hover {
color: #F2E5BF;
}

A.lightbuttontext {
font-weight: bold;
color: #F2E5BF;
border: none;
}

A.lightbuttontext:hover {
color: yellow;
}

A.lightbuttontextsmall {
font-size: 8px;
font-weight: bold;
color: yellow;
border: none;
}

.lightbuttontextdisabled {
font-weight: bold;
color: #CCCCCC;
}

A.buttontextbig, .buttontextbigdisabled {
font-size: 15px;
font-weight: bold;
background: white;
border: #999999 solid 1px;
margin: 2px 2px 2px 2px;
padding: 1px 4px 1px 4px;
}
A.buttontextbig {
color: #000099;
}
.buttontextbigdisabled {
color: #CCCCCC;
}
A.buttontextbig:hover {
color: red;
}

A IMG.imageborder {
border-style: solid;
border-width: 1px;
border-color: #999999;
}

/* ===== Other Header Styles ===== */


.headersmalltext {
font-size: 8pt;
font-weight: bold;
color: black;
}
a.headersmalllink {
font-size: 8pt;
font-weight: bold;
color: #000099;
}
a.headersmalllink:hover {
color: red;
}

/* ===== Misc/General Styles ===== */
.errorMessage {
font-size: 8pt;
font-weight: bold;
color: red;
}

.eventMessage {
font-size: 8pt;
font-weight: bold;
color: #000099;
}

.ontab {
font-size: 8pt;
background: black;
padding: 2px;
border-style: inset;
border-width: 3px;
}

a.onlnk {
font-size: 8pt;
font-weight: bold;
color: #FFFFFF;
padding: 2px;
}

.offtab {
background: #CCCCCC;
padding: 2px;
border-style: outset;
border-width: 3px;
}

a.offlnk {
font-weight: bold;
color: #000099;
padding: 2px;
}

a.offlnk:hover {
color: red;
}

.areaheader {
font-weight: bold;
color: #FFFFFF;
width: 100%;
background: black;
padding: 2px;
}

.edittable {
border-color: #000000 #000000 #003333;
border-style: solid;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin
}

.editInputBox {
font-size: 8pt;
background: #FFFFFF;
background: white;
border: #999999 solid 1px;
margin: 2px;
}
.smallSubmit {
font-size: 8pt;
font-weight: bold;
color: #FFFFFF;
background: #666666;
border: #999999 solid 1px;
margin: 2px;
}

.mediumSubmit,.largeSubmit,.loginButton {
font-size: 10pt;
font-weight: bold;
color: #FFFFFF;
background: #666666;
border: #999999 solid 1px;
margin: 2px;
}

.smallSubmit:hover,.mediumSubmit:hover,.largeSubmit:hover,.loginButton:hover {
color: #F2E5BF;
}

.smallAltSubmit,.mediumAltSubmit,.largeAltSubmit {
font-size: 8pt;
}

.regularPrice {
color: #194C4C;
font-size:120%;
}

.basePrice {
color: black;
font-size:120%;
}

.normalPrice {
color: green;
font-size:120%;
}

.salePrice {
color: red;
font-size:120%;
}


/* MAIN CONTENT */

.contactform {
width:418px;
margin:2.0em 0 0 0;
padding:10px 10px 0 10px;
border:solid 1px rgb(200,200,200);
background-color:rgb(240,240,240);
}

.contactform fieldset {
padding:20px 0 0 0 !important /*Non-IE6*/;
padding:0 /*IE6*/;
margin:0 0 20px 0;
border:solid 1px rgb(220,220,220);
}

.contactform fieldset legend {
margin:0 0 0 5px !important /*Non-IE*/;
margin:0 0 20px 5px /*IE6*/;
padding:0 2px 0 2px;
color:rgb(80,80,80);
font-weight:bold;
font-size:130%;
}

.contactform label.left {
float:left;
width:100px;
margin:0 0 0 10px;
padding:2px;
font-size:110%;
}

.contactform select.combo {
width:175px;
padding:2px;
border:solid 1px rgb(200,200,200);
font-family:verdana,arial,sans-serif;
font-size:110%;
}

.contactform input.field {
width:275px;
padding:2px;
border:solid 1px rgb(200,200,200);
font-family:verdana,arial,sans-serif;
font-size:110%;
}

.contactform textarea {
width:275px;
padding:2px;
border:solid 1px rgb(200,200,200);
font-family:verdana,arial,sans-serif;
font-size:110%;
}

.contactform input.button {
float:right;
width:9.0em;
margin-right:20px;
padding:1px !important /*Non-IE6*/;
padding:0 /*IE6*/;
background:rgb(230,230,230);
border:solid 1px rgb(150,150,150);
text-align:center;
font-family:verdana,arial,sans-serif;
color:rgb(150,150,150);
font-size:110%;
}

.contactform input.button:hover {
cursor: pointer;
border:solid 1px rgb(80,80,80);
background:rgb(220,220,220);
color:rgb(80,80,80);
}


#microcart {
/*margin-top:1px;*/
}

#microcart a {
color: #999999;
text-align:right;;
font: normal 12px arial,sans-serif;
}

#microcart a:hover {
color: #666666;
text-decoration: underline;
}

#microcart .disabled {
color: #FFFFFF;
}

#microkeywordsearchbox fieldset {
margin:0; 
}

#microkeywordsearchbox a {
text-decoration: none;
color: #999999;
text-align:right;;
font: normal 12px arial,sans-serif;
}
#microkeywordsearchbox a:hover {
color: #666666;
text-decoration: underline;
}

#microkeywordsearchbox input[type="text"] {
width:120px;
border:solid 1px #999999;
font: normal 11px arial,sans-serif;
color:#999999;
}

#microkeywordsearchbox input.button {
border:0; padding:0; margin:0;
background-color:#999999;
color:#FFFFFF;
font: normal 12px arial,sans-serif;
}
#microkeywordsearchbox input.button[type="submit"]:hover {
color:#F2e5BF;
}



/* ===== Product Summary Styles ===== */
.product-prevnext {
text-align: right;
}

.tabletext {
text-align:left;
}

.product-prevnext {
font-weight: bold;
}

.productcategorylink-container {
position: relative;
margin-top: 10px;
margin-bottom: 5px;
border-top: #999 solid 1px;
}

.productcategorylink {
position: relative;
padding: 5px;
border-bottom: #999 solid 1px;
height: 60px;
}

.productcategorylink .smallimage {
float: left;
/* position: absolute; top: 5px; left: 5px; */
margin: 0px 5px 5px 0px;
}
.productcategorylink .smallimage img {
border: #CCC solid 1px;
height: 50px;
}

.productsummary-container {
/*position: relative;*/
overflow: hidden;
margin-top: 10px;
margin-bottom: 5px;
border-top: #999 solid 1px;
}

.productsummary {
/*position: relative;*/
padding: 5px;
border-bottom: #999 solid 1px;
min-height: 60px;
width:100%;
}
.productsummary .smallimage {
float:left;
margin:0 5px 5px 0; 
}

.productsummary .smallimage img {
height: 50px;
border:#CCC solid 1px; 
}

.productsummary .productbuy {
float: right;
width: 160px;
margin: 5px;
text-align: right;
}

.matrix .productsummary {
border: none;
}
.matrix table {
width:100%;
background: #F2E5BF;
margin-bottom:40px;
}
.matrix table td {
vertical-align: top;
background: #F2E5BF;
border-width:0;
width:50%;
}

.matrix .productsummary .smallimage {
float: left;
text-align: center;
}
.matrix .productsummary .smallimage img {
height: 100px;
}

.matrix .productsummary .productbuy {
float: right;
text-align: left;
}

.productsummary .productinfo {
text-align: left;
}

/* ===== Product Detail Styles ===== */
#productdetail #download-files {
margin-top: 10px;
padding-top: 5px;
border-top: #999 solid 1px;
}

#productdetail #long-description {
margin-top: 10px;
padding-top: 5px;
border-top: #999 solid 1px;
}

#productdetail #reviews {
margin-top: 10px;
padding-top: 5px;
border-top: #999 solid 1px;
}

#productdetail #associated-products {
margin-top: 10px;
padding-top: 5px;
border-top: #999 solid 1px;
}

.lefthalf{
left:0;
width:49%;
height:1%;
margin:0% 1% 1% 0%;
float:left;
}
.righthalf {
float:right;
height:1%;
width:49%;
right:0;
margin:0 0 1% 1%;
}
.leftclear{
height:1%;
clear: left;
}
.bothclear{
height:1%;
clear: both;
}


/*===================For ProductDetail page.===========================================*/
#productdetail {
width: 100%;
display: inline-block;
text-align:left;
}

/*==popup ==*/
div.popup {
  max-width: 1200px;
  width: 350px;
  border: 1px solid red;
  padding: 5px;
  background-color: white;
  /* The following properties should not be changed */
  position: absolute;
}

#popup_overlay {
  background-color: whitesmoke;
  /* The following properties should not be changed */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
}

span.popup_link, a.popup_link {
  cursor: pointer;

}

.popup  td{
background:#fff;
}

.popup_draghandle {
  cursor: move;
}

#defaultcontent {
font:10pt serif;
text-indent: 1.5em;
color:#666666;
}


#defaultcontent h2 {
font:bold 12pt serif;
text-align:center;
color:#993300;
margin-bottom:4px;
margin-top:10px;
}

#defaultcontent p {
font:10pt serif;
text-indent: 1.5em;
color:#666666;
}

#defaultcontent a {
font:10pt serif;
text-indent: 1.5em;
color:RED;
}

#defaultcontent ul {
font:10pt serif;
padding-left: 1.5em;
list-style: circle inside;
}