html, body{
	margin:0px;
	background-color: #183973;
	padding: 0px;
	background-image: url(../images/bg0.gif);
	font-family: Arial, Helvetica, sans-serif;
}
img{
  border: 0;
}
#page{
	width: 916px;
	background-image: url(../images/bg1.gif);
	margin:0 auto;		
}
#container{
	padding: 0 58px 0 58px;
}
#hsl{
	width: 100%;
}
#h1{
	background-image: url(../images/h1.gif);
	width: 800px;
	height: 29px;
}
#logo{
	float:left;
	width: 230px;
	height: 52px;
	background-image: url(../images/h2.gif);
	background-position: top left;
}
#logo h1{
	display: none;		
}
#hmenu {
	height: 52px;
	width: 298px;
	float: left;
	background-image: url(../images/h3.gif);
	background-color:#000080;
}
#hmenu ul{
	list-style: none;
	width: 298px;
	margin: 0;
	padding: 0;
}
#hmenu ul li{
	float:left;
	margin: 3px 5px 0 5px;
	width: 60px;
}
#hmenu ul li a {	
	background-image: url(../images/hboff.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	color: #BCC7E0;
	font-size: 8pt;
	text-decoration: none;
}		
#hmenu ul li a:hover {	
	background-image: url(../images/hb.gif);
	color: White;
}			
#hright{
	background-image: url(../images/h4.gif);
	background-repeat: no-repeat;
	float: right;
	width: 272px;
	height: 52px;
}
#hrightc{
	margin: 8px;
}
#hrightc a{
	color: #F9DD45;
	font-size: 7pt;
}
#main{
	background-color:white;
	/*background-image: url(../images/bg3.gif);*/
}
#left{
	width: 200px;
	float: left;
	background-image: url(../images/l_ad_bg.gif);
}
#left_white{
	width: 200px;
	float: left;
	color: white;
}
#searchfrm{
	background-image: url(../images/search.gif);
	height: 67px;
}
#searchfrm form{
	padding-top: 18px;		
	padding-left: 18px;
	margin: 0;
}
#searchfrm #searchf{
	width: 107px;
	font-size: 10px;	
}
#searchfrm #sbtn{
	background-image: url(../images/btnGO.gif);
	border: 0;
	width: 26px;
	height: 19px;
	padding: 0;
	margin: 0;
	margin-left: 5px;
}
#searchfrm #ext{
	font-size: 9pt;
	float: right;
	margin: 5px 10px 0 0;
}
#searchfrm #ext a{
	color: black;
}
#searchfrm #ext a:hover{
	text-decoration: none;
}	
#lmenu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
	overflow: hidden;
}
#lmenu ul li{
	background-image: url(../images/lmenu_p_off.gif);
  cursor: pointer;	
}
#lmenu ul li a{
	color: black;
	height: 19px;
	display: block;
	text-decoration: none;		
	padding: 8px 0 0 20px;
	background-image: url(../images/root_closed.gif);
	background-repeat: no-repeat;
}	
#lmenu11 ul li:hover{
	background-image: url(../images/lmenu_p_on.gif);
}
#lmenu ul li ul{
	display: none;
}
#lmenu11 ul li a:hover{
	color: white;
}	
#lmenu ul li ul li{
	background-image: url(../images/lmenu_s_off.gif);
}
#lmenu ul li ul li a{
	color: #006699;
	font-size: 10px;
	margin-left: 12px;
	padding-left: 18px;
	background-image: url(../images/sub_arrow.gif);
	background-repeat: no-repeat;
}

#lmenu ul li ul li:hover {
	color: white;
	background-image: url(../images/lmenu_s_on.gif);
}

#lmenu #sel{
	color: white;
	background-image: url(../images/lmenu_s_on.gif);  
}
#lmenu #sel a, #lmenu ul li ul li a:hover {
	color: white;
}

#lmenu #lmshadow{
  height: 15px;
  background-image: url(../images/lmsh.gif);
}
#lmenu #orderphone{
  margin: 20px 12px 10px 12px;
}
#center, #center2{
	float:left;
	background-color: White;
	width: 442px;
	padding-left: 5px;
}
#center2{
	width: 595px;  
}
#right{
	width: 153px;
	float: right;
	background-image: url(../images/rightbg.gif);
}	
#right div.box{
	margin: 10px 0 10px 0;
	padding: 0 17px 0 0px;
}
#right img{
	display: block;
}
#right div.box div.btext div.btl{
	background-image: url(../images/block_title_left.gif);
	background-repeat: no-repeat;
	width: 9px;
	float:left;
	height: 27px;
}
#right div.box div.btext div.btc{
	background-image: url(../images/block_title_center.gif);
	text-align: center;
	width: 118px;
	float:left;
	height: 27px;
}
#right div.box div.btext div.btc div.title{
	margin-top: 6px;
	font-size: 13px;
	color:#718FBB;
}
#right div.box div.btext div.btr{
	background-image: url(../images/block_title_right.gif);
	background-repeat: no-repeat;		
	float: right;
	width: 9px;
	height: 27px;
}
#right div.box p{
	text-align: right;
	font-size: 12px;
	color: #8187CA;
}
#right div.box p img{
	float:left;
	border: 0;
}
#footer{
	clear: both;
	width: 100%;
  font-size: 9px;
	background-image: url(../images/footerbg.gif);
	color: #999999;
	padding-top: 3px;
	height: 16px;
}
#incart{
  font-size: 10pt;
  color: #F9DD45;
  font-weight: bold;
}
#incart img{
  margin: 3px 5px 3px 3px;
}
#inctext1{
  margin: 0 0 0 0;
}
#inctext2{
  margin-top: 5px;
}
#incbutton{
  float:left;
  border: 0;
}
#breadcrumb{
  font-size: 10px;
  padding: 10px;
}






/*------------------------------*/


		.plistitem {
			width: 595px;
			border-top: 1px solid #a0c0d9;
			float: left;
			clear: both;
			display:block;
			padding-bottom: 0px;
			font-size: 11px;
		}
		.plistitem .photo-holder {
			width: 100px;
			height: 100px;
			display: block;
			float: left;
			clear: none;
			background-color:#FFFFFF;
		}
			.plistitem .info {
				width: 495px;
				height: 105px;
				background-image: url(../images/bg5.gif);
				background-repeat: repeat-y;
				background-position: left;
				float: left;
				clear: none;
			}
				.info .pname {
			        	width: 160px;
					padding: 20px;
					float: left;
					clear: none;
				}

				.info .pname a{
				        color: #004A90;
				}

				.info .pname font.alert{
				        color: red;
				}
				
				.info .pret-special {
					float: right;
					clear: none;
					padding: 22px 16px 21px 16px;
					display: block;
					font-size: 18px;
					font-weight: bold;
					color: #4f91c1;
					border-left: 1px solid #bfd4e9;
					margin-top: 2px;
					margin-bottom: 3px;
					width: 65px;
				}
				.info .price {
					float: right;
					clear: none;
					padding: 22px 16px 21px 16px;
					display: block;
					font-size: 18px;
					font-weight: bold;
					color: #333333;
					border-left: 1px solid #bfd4e9;
					margin-top: 3px;
					margin-bottom: 3px;
					width: 65px;
				}
				.info .pret-promo {
					float: right;
					clear: none;
					padding: 22px 16px 21px 16px;
					display: block;
					font-size: 18px;
					font-weight: bold;
					color: #333333;
					border-left: 1px solid #bfd4e9;
					margin-top: 3px;
					margin-bottom: 3px;
					width: 65px;
				}


			.plistitem .utils {
				width: 495px;
				background-image: url(../images/bg-utils-section3.gif);
				background-repeat: repeat-x;
				background-position: top left;
				float: left;
				clear: none;
				margin-top: 1px;
			}
			  .utils input{
          font-size: 10px; 
        }
				.utils .utils1 {
					padding: 4px 4px 2px 4px;
					height: 16px;
					color: #FFFFFF;
					float: left;
					clear: none;
					background-image:url(../images/bg-utils-section1.gif);
					background-repeat: repeat-x;
					background-position: top left;
				}
				.utils .utils2 {
					padding: 4px 4px 2px 4px;
					height: 16px;
					width: 120px;
					color: #333333;
					font-weight: bold;
					float: left;
					clear: none;
					background-image:url(../images/bg-utils-section2.gif);
					background-repeat: repeat-x;
					background-position: top left;
				}
				.utils .utils3 {
					padding: 2px 4px 4px 4px;
					height: 16px;
					color: #FFFFFF;
					float: right;
					clear: none;
					background-image:url(../images/bg-utils-section3.gif);
					background-repeat: repeat-x;
					background-position: top left;
				}
				.utils .button-buy, .utils .button-compare {
					float: right;
					display: block;
					clear: none;
					padding-left: 1px;
				}
				.pret-total {
					padding: 4px 4px 2px 4px;
					height: 16px;
					color: #FFFFFF;
					float: right;
					clear: none;
					background-image: url(../images/bg-pret-cos.gif);
					background-repeat: repeat-x;
					background-position: top left;
				}
        p.qnty {
      		margin: 0px;
      		padding: 0px;
      		font-size: 9px;
      		font-weight: bold;
      		color: #333333;		
      	}

		.pdetails{
			width: 595px;
			border-top: 1px solid #a0c0d9;
			float: left;
			clear: both;
			display:block;
			padding-bottom: 0px;
			font-size: 13px;
		}
			.pdetails .photo-holder {
				width: 200px;
				height: 200px;
				display: block;
				float: left;
				clear: none;
				background-color:#FFFFFF;
			}
			.pdetails .dpname {
				width: 385px;
				padding: 10px 10px 10px 0px;
				background-image: url(../images/bg5.gif);
				background-repeat: repeat-y;
				background-position: top left;
				float: left;
				clear: none;
				border-bottom: 1px solid #a0c0d9;
			}
			.pdetails .dpname font.alert{
			        color: red;
		        }
			.pdetails .dpname h1{
			        font-size: 20px;
		        }
			.pdetails .infos {
				width: 385px;
				float: left;
				clear: none;
			}			
				.pdetails .p {
					width: auto;
					float: left;
					clear: none;
				}
				
				.pdetails .infos .pret-special {
					float: right;
					clear: none;
					padding: 10px;
					display: block;
					font-size: 20px;
					font-weight: bold;
					color: #4f91c1;
					border-right: 1px solid #bfd4e9;
					border-left: none;
					margin-top: 2px;
					margin-bottom: 3px;
				}
				.pdetails .infos .price {
					float: right;
					clear: none;
					padding: 10px;
					display: block;
					font-size: 20px;
					font-weight: bold;
					color: #333333;
					border-left: none;
					margin-top: 3px;
					margin-bottom: 3px;
				}
				.pdetails .infos .pret-promo {
					float: right;
					clear: none;
					padding: 10px;
					display: block;
					font-size: 20px;
					font-weight: bold;
					color: #333333;
					border-left: none;
					margin-top: 3px;
					margin-bottom: 3px;
				}

			.pdetails .utils {
				width: 595px;
				background-image: url(../images/bg-utils-section3.gif);
				background-repeat: repeat-x;
				background-position: top left;
				float: right;
				clear: none;
			}

    table.specs {
      width: 100%;
		}
		table.specs td {
			font-size: 12px;
			height: 18px;
			padding: 7px 5px 2px 5px;
			background-image: url(../images/bg-table-specs.gif);
			background-position: top-left;
		      background-repeat: repeat-x;
		      background-color: #D1D1D1;
			border-left: 1px solid #999999;
		}		
		table.specs td.td-white {
			background-image: none;
			background-color: #FFFFFF;
			border-left: none;
		}
		table.specs th {
			height: 18px;
			padding: 2px 5px 0px 5px;
			background-image: url(../images/bg-table-specs-head.gif);
			background-color: #D1D1D1;
      background-position: top-left;
			background-repeat: repeat-x;
			border-left: 1px solid #999999;
			color: #FFFFFF;
		}	
		
		#band-total {
			float: left;
			clear: none;
			display: block;
			width: 595px;
			height: 22px;
			background-image:url(../images/bg-pret-cos.gif);
			background-position: top left;
			background-repeat: repeat-x;
			margin-top: 1px;
			font-size: 12px;
		}


.shippingDataForm{
  float: left;
}
legend{
  font-size: large;
}
fieldset{
  border: 0;
  font-size: 12px;
}
label{
  width: 150px;
  display: block;
  float: left;
  text-align: right;
  margin-right: 10px;
}
button{
  border: 1px solid black;
  background-color: white;
}
input{
  background-color: white;
  border-style: solid;
  border-top-width: 2px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 2px;
  border-top-color: black;
  border-right-color: gray;
  border-bottom-color: gray;
  border-left-color: black;
}
textarea{
  width: 50%;
  background-color: white;
  border-style: solid;
  border-top-width: 2px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 2px;
  border-top-color: black;
  border-right-color: gray;
  border-bottom-color: gray;
  border-left-color: black;
}
#msg{
  color: red;
  margin: 5px;
}
#paging{
  text-align: center;
  width: 100%;
  margin-top: 10px;
}
.ad{
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	width: 100px;
	height:135px;
	float:left;
	margin: 4px;
	background-color: white
}
.a_img{
  height: 100px;
  width: 100px;
}
.a_img img{
	border: 0px;
	display:block;
}
.ad div.new{
	position: absolute;
	left: 5px;
	top: 5px;
}
.ad .price, .ad .price2{
	font-size: 12px;
	font-weight: bolder;
	color:red;
	text-align: center;
}
.ad .price{
	text-decoration: line-through;
	color: black;
}
.ad2{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	width: 75px;
	float: left;
	margin: 4px;
 	text-align: center;	
}
.ad2 img{
  display:block;
}
.ad2 .name a{
	font-size: 12px;
	color:white;
	background-image: url(../images/fpfb.gif);
	height: 29px;
	padding: 1px 3px 0 3px;
	display: block;
	text-decoration: none;
}
#term{
  clear:both; 
  width:100%
  height: 0px;
}
#ftext{
  margin: 3px 0 0 5px;
}
#box-guide{
  height: 107px;
}
#bgleft{
  background-image: url(../images/guidel.gif);
  background-repeat: no-repeat;
  background-position: 4px 36px;  
  width: 10px;
  height: 107px;
  float:left;
}
#bgcenter{
  float:left;
  width: 509px;
  margin-top: 36px;
  height: 59px;
  background-color: #EEEEEE;
}
#bgcenter p{
  margin: 20px 10px 10px 10px;
}
#bgright{
  background-image: url(../images/guider.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
  width: 76px;
  height: 107px;
  float:right;
}
label em{
  color:red;
}
form{
  margin:0;
  padding:0;
}
.cmpLeftProduct {
	float:left; 
	width: 280px; 
	margin: 5px 5px;
}
.cmpRightProduct {
	float:left; 
	width: 280px; 
	margin: 5px 5px;
}
.cmpProductSelect {
	display:block;
	width: 280px;
}

