/* 
border: #f3f3f3; 

orange: #ffdd00;
orange light: #ffee77;
orange light light: #fff8bf;

orange dark: #e1c600;
orange dark dark #8c7b00;

grey: #919191
grey: #e0e0e0;
grey: #f0f0f0;
grey: #f9f9f9;

blue: #0224c1;
*/

html { 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 7px 0px;
  color: #333333;
  font-family: "tahoma", "verdana", "arial", "sans-serif", "lucida grande" ;
}

body {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url('../images/htmlBg.png') top center repeat-x;
}

a {
  color: #333333;
  text-decoration: none;
}

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

form {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

fieldset {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px;
}

fieldset.gui {
  margin: 20px 0px 20px 0px;
  padding: 10px 10px 10px 10px;
  color: black;
  background-color: #ffffff;  
  border: 1px #e0e0e0 dotted;
}

fieldset.gui p {
  margin: 5px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}

fieldset.gui span {
  margin: 0px 5px 4px 5px;
  padding: 0px 0px 0px 0px;
  display: block;
}

legend {
  margin: 0px 0px 0px 0px;
  padding: 2px 10px 2px 10px;
  background-color: #f3f3f3;  
  border: 1px #e0e0e0 dotted;
  font-size: 1.0em;
  font-weight: bold;
}

label {
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 5px 5px;
  display: block;  
}

input {
  margin: 0px 5px 5px 0px;
  padding: 0px 3px 0px 3px;
  border: 1px solid #e0e0e0;
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  color: #474747;  
}

select {
  margin: 0px 3px 0px 3px;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  font-family: arial;
  border: 1px solid #e0e0e0;
  color: #333333;
}


input.image {
  border: 0px;
}

input.radio {
  border: 0px;
}


img {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px;
}

p.gui {
  margin: 5px 0px 5px 0px;
  padding: 0px 5px 0px 5px;
}

#container {
  width: 1024px;
  margin: auto;
  padding: 0px 0px 0px 0px;
}

#header {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 95px;
}

#header-top {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 150px;
  height: 69px;
  background: url('../images/headerLogo.png') top left;
  background-repeat: no-repeat;
}

#header-top h1 {
  margin: 40px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  font-size: 0.8em;
  font-family: arial;
  font-weight: bold;
  font-style: italic;
}

#header-top h1 a {
  color: #0224c1;
}

#header-top h1 a:hover {
  color: #0224c1;
  text-decoration: none;
}


#header-top ul {
  float: right;
  margin: 5px 0px 0px 0px;
  padding: 3px 0px 3px 0px;
  list-style: none;
  font-size: 0.7em;
  font-weight: bold;
}

#header-top ul li {
  margin: 0px 0px 0px 0px;
  padding: 0px 15px 0px 15px;
  display: inline;
}


#header-bottom {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 26px;
}

#header-bottom form {
  float: left;
  width: 175px;
  margin: 0px 0px 0px 15px;
  padding: 0px 0px 0px 0px;
  background: url('../images/searchFormBg.png') top left;
  background-repeat: no-repeat;
}

#header-bottom input.text {
  float: left;
  width: 120px;
  height: 15px;
  margin: 5px 7px 5px 5px;
  padding: 0px 0px 0px 0px;
  border: 0px;
  font-size: 12px;
  font-family: arial;
}

#header-bottom input.image {
  float: left;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
}

#header-bottom-left {
  float: left;
  clear: none;
  width: 834px;
  height: 26px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #ffee77;
  text-align: right;
}

#header-bottom-left div {
  float: left;
  width: 828px;
  border-top: 1px solid #e1c600;
  height: 25px;
  /*border-left: 1px solid #e1c600;
  border-right: 1px solid #e1c600;
  -moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
  */  
}

#header-bottom-left div.left {
  width: 3px;
  height: 26px;
  border: 0px;
  background: url('../images/corners/header-bottom-left_left.png') top left;
}

#header-bottom-left div.right {
  width: 3px;
  height: 26px;
  border: 0px;
  background: url('../images/corners/header-bottom-left_right.png') top left;
}

#header-bottom-left_rightBorder {
  float: left;
  width: 3px;
  height: 26px;  
  background: url('../images/corners/header-bottom-left_rightBorder.png') top left;
}

#header-bottom-left ul {
  float: right;
	margin: 0px 7px 0px 0px;
	padding: 6px 0px 6px 0px;
  list-style: none;
  font-weight: bold;
  font-size: 0.7em;
}

#header-bottom-left ul li {
	margin: 0px 0px 0px 0px;
	padding: 6px 25px 6px 25px;
  display: inline;
}

#header-bottom-left a {
  color: #0224c1;
}

#header-bottom-left ul li.headerMenuUserActive {
  background-color: #fff8bf;  
}

#body {
}

.bodyLeft {
  float: left;
  width: 834px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 0.7em;
}

.bodyLeft div.main {
  float: left;
  width: 818px;
  margin: 0px 0px 0px 0px;
  padding: 15px 7px 7px 7px;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  background-color: #f9f9f9;
}


.bodyLeft div.bodyLeftBottom {
  width: 834px;
  float: left;  
  height: 4px;
  background: url('../images/corners/bodyLeft_bottom.png') top left;  
}

.bodyLeftBar {
  float: left;
  width: 192px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #f0f0f0;
  
}

.bodyLeftBar div.bodyLeftBarMain {
  float: left;
  width: 180px;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
  background-color: #f0f0f0;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}


.bodyLeft div.bodyLeftBarTop {
  width: 192px;
  float: left;  
  height: 8px;
  background: url('../images/corners/bodyLeftBar_top.png') top left;  
}

.bodyLeft div.bodyLeftBarBottom {
  width: 192px;
  float: left;  
  height: 8px;
  background: url('../images/corners/bodyLeftBar_bottom.png') top left;  
}


.bodyLeftMain {
  float: right;
  width: 612px;
  margin: 0px 0px 0px 14px;
  padding: 0px 0px 0px 0px;
}


.bodyLeft h2 {
  margin: 25px 0px 5px 0px;
  padding: 2px 5px 2px 5px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 1.5em;
}

.bodyLeft h3 {
  margin: 25px 0px 5px 0px;
  padding: 2px 5px 2px 5px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 1.2em;
}


.bodyLeft ul {
  list-style-image:url('../images/categoryPoint.png');
  margin: 0px 0px 5px 0px;
  padding: 0px 5px 5px 18px;
}

.bodyLeft ul li {
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 2px 0px;  
}

.bodyLeft ul.categoryList {
  margin: 7px 0px 7px 0px;
  padding: 0px 0px 0px 1px;
  list-style-position: inside;  
  list-style-image: url('../images/categoryPoint.png');
  overflow: hidden;
}

.bodyLeft ul.categoryList li {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 4px 0px 4px 0px;
  width: 25%;
}

.bodyLeftMain ul.categoryList li {
  font-weight: bold;
  width: 33.3%;
}


.bodyLeft ul.categoryList a {
  color: #0224c1;  
}

.bodyLeft p.NavigationPath {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: normal;
  color: #0224c1;  
}

.bodyLeft p.NavigationPath a {
  color: #0224c1;  
}

.bodyLeft table.gui {
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  color: #000000;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;   
}

.bodyLeft table.gui tr td {
  margin: 0px 0px 0px 0px;
  padding: 3px 5px 3px 5px;
  border-top: 1px dotted #e0e0e0;
}

.bodyLeft table.gui tr td.tableHeader {
  margin: 0px 0px 0px 0px;
  padding: 3px 5px 3px 5px;
  color: #0224c1;
  font-weight: bold;
  font-size: 1.0em;
  border-top: 0px;
}

.bodyLeft table.gui img {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}


.bodyLeft table.gui input {
  margin: 0px 0px 0px 0px;
}

.bodyLeft div.textArea {
  float: left;
  clear: both;
  width: 816px;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 5px 0px;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
} 

.bodyLeftMain div.textArea {
  width: 610px;
} 


.bodyLeft div.textArea p.textAreaHeader{
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 2px 0px;
  border-bottom: 1px solid #e0e0e0;
  background-color: #f3f3f3;  
  overflow: hidden;
  width: 100%;
} 

.bodyLeft div.textArea p.textAreaHeader img {
  float: left;
  margin: 1px 5px 0px 5px;
  padding: 0px 0px 0px 0px;
} 

.bodyLeft div.textArea p.textAreaHeader span {
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 2px 5px;
  font-weight: bold;
  font-size: 1.0em;
  color: #474747;
  overflow: hidden;
}

.bodyLeft div.textArea p {
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 2px 5px 2px 5px;
} 

.bodyLeft div.textArea h3 {
  clear: both;
  margin: 0px 0px 5px 0px;
  padding: 5px 5px 3px 5px;
  border-bottom: 1px dotted #e0e0e0;
  font-weight: bold;
  font-size: 1.0em;  
  color: #0224c1;  
} 

.bodyLeft div.textArea table.gui {
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px;
  border-top: 1px solid #e0e0e0;
}


.bodyLeft div.textBox {
  float: left;
  width: 33.3%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
} 


.bodyRight {
  float: left;
  width: 190px;
}

.infoBar {
  margin: 12px 0px 12px 8px;
  padding: 0px 0px 0px 0px;
  background-color: #f9f9f9;
}

.infoBar div.infoBarMain {
  margin: 0px 4px 0px 4px;
  padding: 0px 9px 12px 9px;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  color: #717171;
  font-size: 0.7em;
  background-color: #ffffff;
}

.infoBar div.infoBarTop {
  height: 7px;
  background: url('../images/corners/infoBar_top.png') top left;
}

.infoBar div.infoBarBottom {
  height: 7px;
  background: url('../images/corners/infoBar_bottom.png') top left;
}


.infoBarHeader {
  margin: 0px -9px 0px -9px;
  padding: 2px 10px 4px 10px;
  font-weight: bold;
  font-size: 1.0em;
  color: #474747;
  text-align: right;
  background-color: #FFDD00;
  display: block;  
}

.infoBarHeader2 {
  margin: 10px 0px 1px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: bold;
  font-size: 1.0em;
  color: #0224c1;
  display: block;  
}

.infoBar p {
  margin: 0px 0px 3px 0px;
  padding: 0px 0px 0px 0px;
}

.infoBar ul {
  margin: 10px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
}

.infoBar li {
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 3px 0px;
}


.infoBar p.banner {
  width: 100%;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

.infoBar a {
  color: #717171;
}


.infoBar fieldset {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
}

.infoBar label {
  margin: 3px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
}

.infoBar input.text {
  margin: 1px 0px 1px 0px;
  padding: 1px 5px 1px 5px;
  border: 1px solid #e0e0e0;
  width: 85%;
  font-family: arial;
  font-size: 11px;
}

.infoBar input.image {
  margin: 10px 10px 5px 0px;
  padding: 0px 0px 0px 0px;
}

.filterBar {
  clear: both;
  margin: 30px 0px 25px 0px;  
  padding: 4px 5px 4px 5px;  
  font-weight: bold;
  font-family: arial;
  color: 919191;
  background-color: #efefef;
  background: url('../images/corners/filterBar_bg.png') top center repeat-x;  
}

.filterBar label {
  margin: 0px 0px 0px 0px;  
  padding: 2px 5px 0px 5px;  
  float: left;
}

.filterBar input {
  margin: 0px 5px 0px 5px;
  padding: 0px 5px 0px 5px;
  font-size: 11px;
  border: 1px solid #e0e0e0;
  color: #333333;
}

.filterBar select {
  margin: 0px 3px 0px 3px;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  font-family: arial;
  border: 1px solid #e0e0e0;
  color: #333333;
  background-color: #f9f9f9;
}

.actionBar {
  clear: both;
  margin: 0px 0px 5px 0px;  
  padding: 4px 5px 4px 5px;  
  font-weight: bold;
  font-family: arial;
  color: 919191;
  border: 1px solid #e0e0e0;
  background-color: #f0f0f0;
  overflow: hidden;
}

.actionBar form.radio {
  margin: 0px 0px 0px 0px;  
  padding: 3px 0px 0px 0px;  
}

.actionBar form.radio input {
  float: left;
  margin: 0px 5px 0px 5px;  
  padding: 0px 0px 0px 0px;  
}

.actionBar form.radio label {
  float: left;
  margin: 0px 40px 0px 3px;  
  padding: 0px 0px 0px 0px;  
}


.actionBar label {
  margin: 0px 0px 0px 0px;  
  padding: 3px 5px 0px 5px;  
  float: left;
}

.actionBar input.text {
  margin: 0px 5px 0px 5px;
  padding: 1px 5px 1px 5px;
  font-size: 11px;
  border: 1px solid #e0e0e0;
  color: #333333;
  background-color: #f9f9f9;
}

.actionBar input.submit {
  margin: 0px 5px 0px 0px;
  padding: 0px 8px 0px 8px;
  font-size: 11px;
  border: 1px solid #e0e0e0;
  color: #333333;
  font-weight: bold;
  background-color: #f9f9f9;
  cursor: pointer;  
}


.actionBar select {
  margin: 0px 3px 0px 3px;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  font-family: arial;
  border: 1px solid #e0e0e0;
  color: #333333;
  background-color: #f9f9f9;

}

.actionBar a {
  margin: 0px 5px 0px 0px;
  padding: 1px 8px 1px 8px;
  font-size: 11px;
  border: 1px solid #e0e0e0;
  color: #333333;
  font-weight: bold;
  background-color: #f9f9f9;
  cursor: pointer;  
}

.pageBar {
  width: 100%;
  float: left;
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
  background-color: #f9f9f9;
  font-family: arial;
  font-weight: bold;
  text-align: right;
}

.pageBar a {
  margin: 0px 3px 0px 3px;
  padding: 1px 5px 1px 5px;
  background-color: #efefef;
}

.pageBar a:hover {
  background-color: #e0e0e0;
  text-decoration: none;
}


.pageBar span {
  margin: 0px 3px 0px 3px;
  padding: 0px 5px 0px 5px;
  border: 1px solid #efefef;
}

.navigationBar {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0px 15px 0px;  
  padding: 5px 0px 3px 0px;
  overflow: hidden;
  background-color: #efefef;
  background: url('../images/corners/navigationBar_bg.png') top center repeat-x;  
}

.navigationBar .back {
  float: left;
  width: 200px;
}

.navigationBar .forward {
  float: right;
  text-align: right;
}

.navigationBar input {
  margin: 0px 5px 0px 5px;  
  padding: 0px 0px 0px 0px;
  border: 0px;
}

.navigationBar img {
  margin: 0px 5px 0px 5px; 
  cursor: pointer;
}

.navigationBar input.text {
  margin: 1px 5px 0px 87px;  
  padding: 1px 0px 1px 5px;
  width: 20px;
  border: 0px; 
  font-size: 11px;
  background-color: #f9f9f9;
}

.navigationBar p {
  float: right;
  height: 18px;
  margin: 0px 0px 0px 6px;  
  padding: 0px 0px 0px 0px;
  background: url('../images/buttonNavDetailCount.png') top left;
  background-repeat: no-repeat;
}

#footer {
  float: left;
  clear: both;
  width: 100%;
  margin: 10px 0px 0px 0px;
  padding: 3px 0px 3px 0px;
  color: #919191;
  font-size: 0.7em;
  text-align: center;
  border-top: 1px solid #e0e0e0;
  background-color: #ffffff;
}


#leftButton {
  float: right;
}

.productMoreBar {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: right;
}

.productMoreBar a {
  margin: 0px 3px 0px 3px;
  padding: 2px 8px 2px 8px;
  background-color: #efefef;
  font-family: arial;
  font-weight: bold;
}


.cursorPointer {
  cursor: pointer;
} 

.invisible {
  display: none;
}

.block {
  display: block;
}

.table-row {
  display: table-row;
}


.left {
  float: left;
}

.right {
  float: right;
}

#facebook {
  margin: 5px 0px 0px -15px;
}