/* project: internet services template
   author: luka cvrk (www.solucija.com) */

   
/* default styles */
   
body { 
	padding: 0; 
	margin: 0; 
	font: 9pt Tahoma, sans-serif; 
	line-height: 1.5em;
	background: #fff; 
	color: #454545; 
}

a {	color: #013485;	background: inherit;}
a:hover { color: #6C757A; background: inherit; }

h1 { font: bold 22pt "ºÚÌå",Arial, Sans-Serif; letter-spacing: -1px; padding: 8px 0 0 18px; margin: 0; }

h1 a, h2 a {color: #A92603; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h21 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h21 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }

h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        font-weight: normal;
      color: #808080;
         padding: 0;
        margin: 0;
        padding-bottom: 0px;
}
h3{
font-size:12pt
}

p {	margin: 0 0 5px 0; }

ul { margin: 0; padding : 0; list-style : none; }

form { margin: 0; }






/* header styles */
#header { 
width:1004px;
height: 55px;
background: #eee;
color: #808080;
margin: 3px 0;
padding: 10px 0 0 0;
border-bottom: 1px solid #ccc;
}
.top_info {
float: right;
width: 540px;
padding: 5px 0 4px 0;
border-bottom: 1px solid #eee;
background: #eee;
color: #808080;
}
.top_info_left {
width: 200px;
float: left;
}
.top_info_right {
float: right;
width: 290px;
padding: 0 0 0 20px;
border-left: 1px solid #eee;
}
.dark  { color: #333; background: inherit; font-weight: bold; }
/* top lind styles */
.nav { 
width:1004px;
clear: both;
font-size: 1em;
height: 32px; 
color: #FFF;
margin:0px; 
padding: 0px;
border-bottom: #ffca0c 2px solid;
background: #c90000;
}
.nav li { 
margin:0px; 
padding:0px;
DISPLAY: block; 
bORDER-LEFT: #fff 1px solid; 
LINE-HEIGHT: 32px; 
vertical-align: middle;
TEXT-ALIGN: center;
float: left; 
}	
.nav li a { 
WIDTH: 100%;
padding: 0px;
DISPLAY: block; 
color: #fff; 
background: inherit;
text-decoration: none;
} 
.nav li#one A {
bORDER-LEFT: #c90000 1px solid;
width: 105px;
}
.nav ul li#two A{
WIDTH: 115px;
}
.nav ul li#nine A,
.nav ul li#ten A{
WIDTH:80px;
}
.nav ul li#three A,
.nav ul li#four A,
.nav ul li#five A,
.nav ul li#seven A ,
.nav ul li#eight A  {
WIDTH: 90px;
}
.nav ul li#six A{
WIDTH: 160px;
}


.nav li a:hover { 
background: #E0691A url(../Skin/hioffice//nav.gif) no-repeat center top; 
font-weight: bold;
color: #fff; 
background: inherit;
} 
/* top search styles */
#search_box {
cleare:borth;
width:1004px;
height:27px;
background-color: #666666;
padding: 2px 0px;
color:#fff;
}

#topsearchbg{
width:440px;
height:25px;
padding-left: 32px;padding-right: 6px;padding-top:1px;padding-bottom:0px;
background: url(../Skin/hioffice/search_01.gif) no-repeat 6px 50%;
float: right;
margin-top: 2px;margin-right: 0px; margin-bottom: 1px;margin-left: 0px;
}


/*????????*/ 
#topsearch{
margin:0;
padding:0px;
}
#keyword1{
width:165px;line-height:20px;padding-left:4px;float:left;
}
#radio1{
width:150px; padding-left:10px;float:left;
}
#option{
width:150px; padding-left:10px;float:left;
}

#submitsearch{
width:70px; padding:0 8px 0 5px; line-height:20px;float: right; 
}

.white {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
color: #ffffff;
}
/* top styles end */

#main { 
width:1004px;
padding:0;
margin:0;
}

/* leftbar styles */
#leftbar {
float:left;
width:150px;
background-color:#FFCA0C;
overflow: visible;
}
#leftbar h3{
background:#9d9d96;
border-bottom: #c90000 2px solid;
font-size: 14px;
font-weight: bold;
margin: 0px;
padding:6px 15px;
}

/* middle styles */
#supplies_content {
float:left;
width:615px;
height:auto;
margin:0;
background-color:#ffffff;
height:auto;
}
.path{
width:580px;
height: 30px;
padding: 0 0 0 25px;
margin:0;
background: #fff url(../Skin/hioffice/arrow_14.gif) no-repeat 5px 50%;
vertical-align: middle;
overflow: hidden;
line-height:30px;
text-overflow:ellipsis;
white-space:nowrap;
}
.title{
margin:5px;
padding:5px;
}
.title h1{ 
font:bold 12pt Arial, Sans-Serif; 
letter-spacing: -1px; 
padding: 10px 0 2px 8px; 
margin: 0; 
border-bottom: #000 1px solid;
}
.title img{
margin:0 35px 0 0;
float:right;
}
.hot_supplies{
margin:0;
padding:0;
}
.supplies_describe{
margin:10px;
padding:5px 10px 10px 10px;
}

#banner {
margin:0;
padding:0;
height:171px;
border-bottom: 1px solid #9d9d96;
}
.text1{
margin:5px 10px;
padding:5px 10px 10px 10px;
background-color:#eee;
height:auto;
}
.text1 h1 { 
font: normal 12pt Arial, Sans-Serif; 
letter-spacing: -1px; 
padding: 7px 0 10px 0; 
margin: 0; 
}
.text2{
margin:5px 13px 5px 11px;
padding:5px 10px;
border:1px dotted #666 ;
height:auto;
}
.text2 h2{
margin:8px 0px 8px 0px;
color:#013485;
font-size:13px; letter-spacing: -1px;
font-weight: bold;
}
.text2 h2 img {
margin:0px 10px 0px 0px;
background: #696;
vertical-align: middle;
}
.text3{
margin:15px 0px;
padding:5px 10px;
height:auto;
border:1px dotted #666 ;
} 
.text3 h3{
margin:8px 0px 8px 0px;
color:#013485;
font-size:10pt; letter-spacing: -1px;
font-weight: bold;
}
.text3 h3 img {
margin:0px 10px 0px 0px;
background: #696;
vertical-align: middle;
} 
.text3 h4{
margin:8px 0px 1px 0px;
color:#000;
font-size:10pt; letter-spacing: -1px;
font-weight: bold;
}

.style1 {color: white; font-weight: bold; }

.supplies200729{
width:615px;
}
.list1{
width:500px;
height:170px;
margin:10px;
padding:5px 0 5px 6px;
border:3px solid #e0e0e0;
}
.list2{
width:280px;
float:left;
height:220px;
margin:5px;
padding:5px 0 5px 5px;
border:3px solid #e0e0e0;
}
.list2 h2{
margin:0px;
padding:0px;
background:#eee;
font: bold 10Pt Arial, Sans-Serif; letter-spacing: -1px;
color:#666;
text-align: center;
}
.list3{
width:184px;
float:right;
height:170px;
margin:5px;
padding:5px 0 5px 6px;
border:1px solid #9d9d96;
}
.list4{
width:138px;
float:left;
height:110px;
margin:5px;
padding:5px 0 5px 0px;
border:1px solid #9d9d96;
}
.clear{
clear:both;
margin:0;
padding:0px;
hight:0px; 
}

#product-page {
position:absolute;
left:150px;
top:110px;
width:615px;
height:703px;
z-index:7;
}
.red-price {color: #CC0000}




/* rightbr styles */
#rightbar {
float:right;
width:236px;
border-left: 1px solid #9d9d96;
border-bottom:1px solid #9d9d96;
overflow: visible;
}
.contact_info {
margin:5px;
padding: 5px;
}
.contact_info dl{
width: 180px;
font-size: 9pt;
line-height: 1.3em;
margin: 0 auto;
padding: 0;
}
.contact_info dt {
float: left;
width: 70px;
margin: 0px;
padding: 0px;
}
.contact_info dd {
float: left;
clear: none;
width: 100px;
margin: 0px;
padding: 0px;
}
.contact_info p{
width: 180px;
font-size: 9pt;
line-height: 1.3em;
margin: 6px 0 3px 8px;
padding: 0;
}
.contact_info ul{
list-style-type: disc;
width: 180px;
color: #333;
font-size: 9pt;
line-height: 1.5em;
margin: 0 auto;
padding: 0;
}





.rightbar_article{
width:237px;
margin:5px 0 0 0;
padding:0px;
}
.rightbar_article_title{
background:#efefef;
border-bottom: 1px solid #9d9d96;
font-size: 14px;
font-weight: bold;
margin: 0px;
padding:6px 15px;
}
.rightbar_article_info{
margin:0px;
padding:5px 10px;
list-style : square;
}
.rightbar_article_info ul{
margin:0px;
padding:0px 0px 0px 15px;
list-style : square;
}


#searchrightnav {
border: 1px solid #9d9d96;
}


.grey-img {
	margin-right: 5px;
}




.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}


/* footer
   ------ */



.frame2 { 
width: 98%;
height:212px;
visibility: visible;
overflow: auto;
}
.list1 ul {
width:470px;
list-style:none; 
margin:0px;
padding: 0px;
}
.list2 ul {
width:250px;
list-style:none; 
margin:0px;
padding: 0px;
}
.list1 li,
.list2 li{
background: url(..//Skin/hioffice/line.gif) repeat-x bottom; 
width: 100%;	
}
.list1 li a,
.list2 li a{
color: #013458;
display: block;
padding: 2px 0px 2px 17px;
background: url(..//Skin/hioffice/arrow2.gif) no-repeat 4px 4px;
text-decoration: none;
}
.list1 li span,
.list2 li span{
float: right;/*?span???????*/
text-align: right;/*?????*/
padding: 2px 10px 2px 10px;
}
.list1 li a:hover,
.list2 li a:hover{
color: #ae0202;
background: url(..//Skin/hioffice/arrow1.gif) no-repeat 4px 4px;;
}


.nr{
width:595px;
padding: 15px 10px;
height:auto;
}
.nr .supplies{
margin:0;
height:auto;
padding:10px 0;
border-top:1px dotted #666;
}
.nr .supplies_img{
width:200px;
height:auto;
float:left;
margin:0px 10px 0px 0;
}
.nr .supplies_info{
width:380px;
float:left;
text-align: left;
}
.sr-price {
font-size: 11pt;
color: #C90000;
margin-left: 8px;  
}

.ourprice {
font-size: 14pt;
}




.editor {
height: 30px;
padding-right : 20px;
border-bottom:1px solid #666;
border-top:1px solid #013485;
line-height:30px;
text-align: right;
}
.prev_next {
height: 35px;
background-color: #F2EFEF;
padding: 10px 20px;
}

table{
width:100%;
background:#ccc;
}
table h3{
margin:5px 0px;
color:#013485;
font-size:14px; 
font-weight: bold;
}
td {
padding:0 30px 0 10px; 
height:24px; 
font-family:tahoma; 
color:#666; 
font-size:11px; 
line-height:20px;
}
#table{
width:100%;
background:#ccc;
}
#table td {
padding:0 10px 0 10px; 
height:24px; 
font-family:tahoma; 
color:#666; 
font-size:11px; 
line-height:20px;
}
#table2 tr{
background:#fff;
}
td .left{
padding:0 8px 0 20px;
}
.right{
margin:0 5px 10px 0;
float:right;
color:#013485;
}


/* footer*/
.footer_yellow { 
width: 1004px;
height:60px;
margin: 0;
padding: 18px 0 2px 0;
text-align: center;
color: #000;
line-height: 1.8em;
background: #6C757A  url(../../skin/hioffice/footer_yellowbg.gif);
}
.footer a,a:hover  { color: #000;  }