﻿.phone_heading{position:relative;top:72px;left:476px;width:260px;}
.phone_heading_txt{color:#f26329;font-size:18pt;font-weight:bold;font-family:'Comic Sans MS',Verdana;font-style:italic;text-align:center;}

.gretxt{color:#1f8342;}

.sidebar-right2{float:right; width:751px;}
.sidebar-left2{float:left; width:210px;}
.sidebar-left2-wrapper{padding-right:10px;}

.storage-ico{padding:0px 10px 0px 0px;}

.storagemap{width:100%;height:200px;border:solid 1px #eaeaea;}
.storagelist, .storagelist2{width:100%; border-collapse:collapse;color:#394a59;font-size:8pt;}
.storagelist th, .storagelist2 th{padding:10px;border:solid 1px #eaeaea;background:#fff url("../app/thgr-bg.png") repeat-x;color:#666666;}
.storagelist td, .storagelist2 td{padding:10px 8px;border:solid 1px #eaeaea;}

.storagelist div.s1, .storagelist2 div.s1{width:250px;}
.storagelist div.s2, .storagelist2 div.s2{width:62px;text-align:center;}
.storagelist div.s3, .storagelist2 div.s3{width:120px;}
.storagelist div.s4, .storagelist2 div.s4{width:120px;}
.storagelist div.s5, .storagelist2 div.s5{width:96px;text-align:center;margin:0 auto;}

.storagelist ul, .storagelist2 ul{list-style:none;padding:5px;margin:0px;}
.storagelist li, .storagelist2 li{padding:0px;margin:0px;}
.promo{font-weight:bold;color:#f26329;}

.pagination, .pagination a:link, .pagination a:visited, .pagination a:hover {font-size:11pt;}
.pagination a:link, .pagination a:visited {border:solid 1px #c1c1c1; border-left:0; padding:4px 6px; color:#666;}
.pagination a:hover, .pagination a.active {border-color:#f36329; border-left:0; padding:4px 6px; background:#f36329; color:#fff;}
.pagination a.fitem {border-left:solid 1px #c1c1c1;}



.bwr{border:solid 1px #eaeaea;margin-right:10px;margin-bottom:10px;}
.blhd{background:url("../app/blb-fd.png") repeat-x; padding:5px; color:#fff; font-weight:bold; font-size:10pt;}
.grhd{background:url("../app/thgr-bg.png") repeat-x bottom; padding:7px; color:#666666; font-size:9pt;border-bottom:solid 1px #eaeaea;border-top:solid 1px #eaeaea;}

#pimg{width:300px; height:225px; border:solid 1px #d9d9d9; background-color:#fff; background-position:center; background-repeat:no-repeat; margin-bottom:5px; padding:4px;}
.pico{cursor:pointer;padding:2px; border:solid 1px #d9d9d9;margin:1px;}

.flist td{padding-right:40px;}
.flist{margin:15px 0px;}
.flist .chk, .alist .chk, .alist2 .chk{background:url("../app/check-mark-blk.png") no-repeat 0 3px; padding-left:19px;}
.flist span{display:block;padding:2px 0px;}

.uline{border-bottom:solid 1px #e7e7e7;margin-bottom:10px;padding-bottom:10px;}

.alist .chk{float:left;width:100px;margin:0 15px 5px 0;}

.sizebb{border:solid 1px #dbdbdb; background:#fff;}
.sizehd{background:#008dc4;padding:10px 20px;color:#fff;font-family:Arial;}
.sizeinner{padding:5px;font-family:Arial;}
.sizesingle{border:solid 1px #dbdbdb; margin-bottom:10px; padding:2px 10px; background:url("../app/thgr-bg.png") repeat-x bottom; color:#666666; font-size:10pt;}

.sizesingle table{width:270px;}

.rsel{}
.runit{width:150px;}

.scrolldiv{overflow:hidden; overflow-y:scroll; height:400px;}
.scrolldiv .sizesingle{width:270px;}

.cmpbox{border:solid 1px #dbdbdb;background:#f8f8f8;margin:20px 0;width:230px;}
.cmphd{background:#a1a1a1;padding:4px 5px;font-weight:bold;color:#fff;font-size:9pt;text-align:left;}
.cmpinner{padding:5px 10px;text-align:left;color:#666666;}

.qtbl{color:#666666;font-size:11pt;}
.qtbl .p5{padding:10px 0 5px 0;}
.qtbl input[type=text] , .qtbl input[type=password], .qtbl textarea {border:solid 1px #cccccc;padding:5px;margin-right:10px;}
.qtbl select {width:205px; border:solid 1px #dedede;padding:5px;}

input[type=checkbox]{padding:4px;margin-right:3px;background:#dddddd;}

.qitbl{width:293px; border-collapse:collapse;font-size:10pt;background:#fcfcfc;}
.qitbl td{padding:5px 5px;border:solid 1px #dbdbdb; text-align:center;}
.qihd th{background:#008dc4;color:#fff;padding:5px;}

.arr-smb{font-size:10pt;background:url("../app/arr-smb.png") no-repeat 2px 5px; padding-left:15px;}
.storagetypebtn{float:right;}
.storageitem-right{width:300px;}
.storageitem-left{padding-right:15px;}
.selectunittxt{text-align:center;margin:0 auto;}

@media only screen and (max-width : 480px) {
    .sidebar-left{padding:10px 2px 10px 2px;}
    .sidebar-right{padding:10px 2px 10px 2px;}

    .sidebar-right2{float:none; width:auto; padding:10px 10px 10px 10px;}
    .sidebar-left2{float:none; width:auto; padding:10px 10px 10px 10px}
    .sidebar-left2-wrapper{padding-right:0px;}

    .storagelist td:nth-child(2), .storagelist th:nth-child(2){display:none;}
    .storagelist td:nth-child(3), .storagelist th:nth-child(3){display:none;}
    .storagelist td:nth-child(5), .storagelist th:nth-child(5){display:none;}

    .storagelist2 td:nth-child(3), .storagelist2 th:nth-child(3){display:none;}

    .storagelist div.s1, .storagelist2 div.s1{width:120px;}

    .storage-ico{padding-bottom:5px;}

    .sidebar-right2 h1{clear:both;}
    .sidebar-right2:first-child {float:none;}

    .storagetypebtn{float:none;padding-bottom:10px;}
    .sidebar-left2-wrapper{padding-right:0px;}
    .bwr{margin-right:0px;}

    .storageitem-right{width:auto; display:block;margin-top:20px;padding:10px;text-align:center;margin:0 auto;}
    .storageitem-left{width:auto;display:block;}
    .cmpbox{width:90%;}

    #pimg {width: 90%;}
    .scrolldiv{overflow:visible; height:auto;}
    .selectunittxt{text-align:left;margin:0 auto;}
}




.popup-block,
.popup-holder-hover{position:relative;}
.popup-holder-hover.popup-active a{text-decoration:none;}
.popup-holder-hover .popup{
	position:absolute;
	z-index:9999;
	display:none;
	bottom:100%;
	left:-47px;
	font-size:12px;
	line-height:18px;
}
.table-holder .popup{padding:0 0 16px;}
.popup.active{display:block !important;}
.popup-box{
	width:201px;
	margin:8px 0 24px;
}
.popup-box:after{
	content:"";
	display:block;
	clear:both;
}
.popup-box .box-holder{
	float:left;
	width:100%;
	margin:-8px 0 0;
}
.popup-box .box-frame{
	margin:0 0 -24px;
	padding:14px 9px 34px 16px;
	overflow:hidden;
}


.box-flex{
	max-width:780px;
	min-width:189px;
	padding:7px;
	position:relative;
	z-index:9999;
}
.box-flex .box-holder{position:relative;}
.box-flex .t,
.box-flex .b,
.box-flex .r,
.box-flex .l{
	position:absolute;
	left:0;
	top:0;
	right:9px;
	height:9px;
	background:url(../app/bg-box-flex.png) no-repeat;
	z-index:-1;
}
.box-flex .b{
	left:9px;
	top:auto;
	background-position:100% 100%;
	bottom:0;
	right:0;
}
.box-flex .l,
.box-flex .r{
	top:9px;
	bottom:0;
	height:auto;
	width:9px;
	background-position:0 100%;
}
.box-flex .r{
	left:auto;
	right:0;
	top:0;
	bottom:9px;
	background-position:100% 0;
}
.box-flex .box-holder{
	background:url(../app/bg-box-flex.png) no-repeat -9px -9px;
	padding:8px 6px 17px 13px;
}
.box-flex .center{
	background:url(../app/bg-arrow.png) no-repeat 0 50%;
	position:absolute;
	bottom:-15px;
	height:23px;
	width:42px;
	left:78px;
}

.box-flex .right{
	background:url(../app/bg-arrow.png) no-repeat 0 50%;
	position:absolute;
	bottom:-15px;
	height:23px;
	width:42px;
	left:200px;
}

.box-flex .btn-link{
	padding:3px 4px 4px;
	min-width:61px;
	margin-bottom:6px;
	vertical-align:middle;
}