@charset "utf-8";
body{
margin:0px auto;
background:#ffffff url('../images/bg-001.gif') repeat-y top center;
}



.screen{
width:100%;
height:100%;
text-align:center;
}
/* Landing page */
.login-container{
margin: 0px auto -1px auto;
width: 423px;
height:450px;
text-align:center;
position: absolute;
top: 50%;
left: 50%;
margin-top: -225px;
margin-left: -211px;
}

* html .login-container{ position:absolute;} /* IE Specific - Landing page */

.holder01{
margin: -5px auto -1px auto;
text-align:center;
width:150px;
height:110px;
}
.holder02{
text-align:left;
width:170px;
font: bold .80em/1.75em arial, Arial, Helvetica, sans-serif;
color:#333333;
}

/* End of Landing page */

.container{
margin: 0px auto -1px auto;
width:775px;
height:100%;
/*background-color:#FF6600;*/
text-align:center;
}

#banner-top {margin:0px; height:110px; width:775px;}

.MainScreen{ margin:0px;}
* html .MainScreen{ margin:-5px;}

h4 {font: bold 1.00em/1.00em arial, Arial, Helvetica, sans-serif; color:#333333; margin-top:20px; margin-bottom:0px;}

.box{
margin: 0px auto -1px auto;
text-align:center;
width:460px;
height:270px;
border:6px solid #505051;
margin-top: 30px;

}
.box p {
margin-top: 90px;
font: bold 1.65em/1.40em arial, Arial, Helvetica, sans-serif;
}

.LeftNav{ margin:0px; width:176px; background:#202060; float:left; padding:30px 0px 0px 0px;}
* html .LeftNav {padding-top:50px;}

.LeftNav>ul {
  margin-left: -30px;
}
.LeftNav ul {
  padding:0;
  padding-left: 30px;
}
.LeftNav li{
  font: bold 1.05em/1.0em arial, Arial, Helvetica, sans-serif;
  list-style:none;
  text-align:left;
  border-top: 2px solid #FFFFFF;
  padding:10px 0px 10px 10px;
}
/*.LeftNav ul ul li {
  padding-left: 20px;
}
.LeftNav ul ul ul li {
  padding-left: 30px;
}*/


.LeftNav a{
  color:#FFFFFF;
  text-decoration:none;
}
.MainContent {
  margin:0;
  float:right;
  width:599px;
}
#ContactsBar {
	margin: 0;
	background: #ffffff;
	width: 100%;
	height: 50px;
	vertical-align: middle;
	padding: 10px;
	font: bold 0.85em/1.0em arial, Arial, Helvetica, sans-serif;
	text-align: left;
	box-sizing: border-box;
}
#ContactsBar #img-holder01 {
float:left;
width: 100px;
vertical-align:middle;
}

#SearchBar{margin:0; background:#ffac39; width:100%; height:23px; text-align:left; vertical-align:middle; padding:2px 0px 2px 0px; font: bold 0.85em/1.0em arial, Arial, Helvetica, sans-serif; }
#SearchBar #searchtext {border:1px solid #3b6e22;
color:#666666; height:19px; text-align:left; font: normal 0.95em arial, Arial, Helvetica, sans-serif; }

#SearchBar #searchbutton {

}

#SearchBar #img-holder01 {
  float:left;
  width: 100px;
}
#SearchBar #img-holder01 img{
  margin-left:3px;
  margin-right:3px;
}
#SearchBar #img-holder02 {
  float:right;
  width: 477px;
  margin-top: 1px;
}
#SearchBar form {
  margin: 0;
}
#intro-text {
  margin:130px 0px 0px 0px;
  text-align:center;
}

#intro-text h2 {font: bold 1.25em/1.00em arial, Arial, Helvetica, sans-serif; color:#333333; margin-top:20px; margin-bottom:0px;}
#intro-text h1 {font: bold 2.00em/1.10em arial, Arial, Helvetica, sans-serif; color:#000000; padding:0; margin:0;}

.items-list{
  margin:80px 2px 2px 2px;
}
* html .items-list {margin:20px 0px 0px 0px;}


.items-list #black-strip { background:#333333; height:150px; width:100%; color:#FFFFFF; margin:5px 0px 0px 0px;}
.items-list #white-strip { background:#f3f2f2; height:150px; width:100%; color:#333333; margin:5px 0px 0px 0px;}

.items-list h5 {font: bold 0.90em/1.00em arial, Arial, Helvetica, sans-serif; margin-top:0px; margin-bottom:0px; margin-left:0px;}
.items-list #textfield {border:1px solid #333333; font: bold 0.95em/1.00em arial, Arial, Helvetica, sans-serif; color:#333333;}
.items-list #textarea {border:1px solid #333333; font: normal 0.75em/1.00em arial, Arial, Helvetica, sans-serif; color:#333333;}

#strip-img { margin:2px; padding:2px; height:auto; float:left; width: 150px;}
* html #strip-img {padding:8px; }
#strip-img img { width:140px; height:130px; padding:5px; }
#strip-txt { margin:0px; padding:0px; float:right; width: 430px; text-align:left; }
#strip-txt h5 {font: bold 1.05em/1.00em arial, Arial, Helvetica, sans-serif; margin-top:30px; margin-bottom:0px; margin-left:30px;}
#strip-txt h6 {font: bold 1.05em/1.00em arial, Arial, Helvetica, sans-serif; margin-top:5px; margin-bottom:0px; margin-left:30px;}

#pagenumber{ background:#000000; width:100%; height:40px; vertical-align:middle;}
#pagnumbertxt {float:left; font: bold 1.05em/1.00em arial, Arial, Helvetica, sans-serif; color:#FFFFFF; margin:5px; padding:5px;}
#pagenumberimg {float:right; font: bold 1.05em/0.00em arial, Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0px; padding:0px;}

#pagenumberimg img{ margin-top:5px;}

#pagenumberimg span{vertical-align:text-top;}

* html #pagenumberimg {float:right; font: bold 1.05em/0.00em arial, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:0px; margin-top:0px;}
* html #pagenumberimg img{ margin-top:0px;}
* html #pagenumberimg {float:right; font: bold 1.05em/0.00em arial, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:0px; margin-top:5px;}
* html #pagenumberimg  span{ padding-top:5px; vertical-align:top; height:40px;}


.cart{background:#FFFFFF; width:100%; height:70px;  padding: 20px 0px 0px 0px; margin: 20px 0px 0px 0px;}
* html .cart{background:#FFFFFF; width:100%; height:70px;  padding: 10px 0px 0px 0px; margin: 10px 0px 0px 0px;}
.CartBottom{ background:#FFFFFF; width:100%; height:70px; font: bold 1.45em/2.00em arial, Arial, Helvetica, sans-serif; text-align:center; color:#333333; padding: 20px 0px 0px 0px;}



.img-display {  padding:0px; margin: 15px auto -1px auto;  text-align:center; }

.floating-img {
  float:left;
  align="absmiddle"
  padding-top:8px;
  padding-left:5px;
  padding-right:120px;


}

.floatingright-img {
  float:right;
  align="absmiddle"
  padding-top:8px;
  padding-left:140px;
  padding-right:0px;
}

.floatingcenter-img {
  align="absmiddle"
  float:left;
  padding-left:120px;
  padding-right:120px;

}
.clear-left {
  clear:left;
}

.box-register{
margin: 0px auto -1px auto;
text-align:center;
width:560px;
border:6px solid #505051;
margin-top: 30px;

}

.box-register h1 {
font: bold  1.65em/1.40em arial, Arial, Helvetica, sans-serif;

}

.box-register h3 {
font:  bold  0.95em/1.40em arial, Arial, Helvetica, sans-serif;
color: #333333;
}

.box-register #textfield{border:1px solid #cccccc;
color:#00000; height:19px; text-align:left; font: bold .85em arial, Arial, Helvetica, sans-serif; }


.star {
	color: #FF6600;
	font-size: 1.55em;

}
.mandatory {font-size: 0.85em; color: #666666; }

#error {color:#FF3300; text-align:center; font: bold .75em arial, Arial, Helvetica, sans-serif; margin-top:2px;}