* { margin: 0px; padding: 0px; }
html, body {
height: 100%;
width: 100%;
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #555555;
text-align: left;
line-height: 30px;
}
img
{
border:0px;
border-style: none;
}
a:link, a:active, a:visited {
color: #777777;
text-decoration: none;
font-size: 14px;
}
a:hover {
color: #222222;
text-decoration: underline;
}
#wrapper {
position: relative;
width: 100%;
height: auto !important;
height: 100%;
min-height: 100%;
}
.content {
margin: 0px auto;
width: 999px;
}
#header {
width: 100%;
/*background: #252525;*/
background:url(http://cdn.zonare.com/images/files/header-bg.jpg) repeat-x;
height: 108px;
}
#logo {
width: 100px;
height: 75px;
float: left;
margin-top: 15px;
padding-left:10px;
}
#menu {
width: 580px;
height: 30px;
margin: 60px 10px 0px 30px; /* MARGIN FOR ALIGN MENU */
float: left;
}
#menu li {
list-style: none;
display: inline;
}
#menu a {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 11px;
text-decoration: none;
display: block;
float: left;
padding: 0px 15px;
}
#menu a:hover {
background: url(http://cdn.zonare.com/images/files/navHover.png) center no-repeat;
}
#menu .active {
background: url(http://cdn.zonare.com/images/files/navHover.png) center no-repeat;
}
#updates
{
color:#33FF33;
margin-right:0px;
display:none;
}
#search {
float: right;
width: 250px;
text-align: right;
}
#search form .txtInput {
width: 170px;
height: 20px;
background: transparent url(http://cdn.zonare.com/images/files/search.png) no-repeat;
margin: 30px 10px 0px 0px;
padding: 7px 4px 0px 26px;
float: left;
font-family: Verdana;
font-size: 11px;
color: #555555;
border: none;
}
#search form .button {
width: 38px;
height: 23px;
background: url(http://cdn.zonare.com/images/files/searchButton.png) no-repeat;
margin-top: 32px;
border: none;
}
#search form .button:hover { cursor: pointer; }
#main {
width: 100%;
float: left;
padding-top: 30px;
padding-bottom: 39px;
margin-top: 0px;
margin-bottom: 10px;
background: url(http://cdn.zonare.com/images/files/gradient.png) repeat-x;
}
#main ul {
margin-top: 5px;
font-family: verdana;
font-size: 11px;
}
#main li {
list-style: none;
/*
background: url(http://cdn.zonare.com/images/files/icon1.png) no-repeat 0 11px;
*/
padding-left: 25px;
}
.article2 ul li
{
line-height:20px;
}
a.readMore {
width : 80px;
height : 27px;
background : #252525;
font-family : verdana;
font-size : 10px;
color : #ffffff;
text-align : center;
padding-bottom : 5px;
float : right;
cursor : pointer;
}
a.readMore:hover {
cursor : pointer;
color : #ff9000;
cursor : pointer;
}
/* FOOTER */
#footer {
background: url(http://cdn.zonare.com/images/files/footer.png) repeat-x;
width: 100%;
height: 39px;
text-align: center;
line-height: 12px;
float: left;
bottom: 0px;
margin-top: -39px;
position: relative;
}
#footer #wrap {
width: 600px;
height: 20px;
margin: 0px auto;
font-size: 10px;
color: #999999;
padding-top: 15px;
}
#footer #wrap .link {
color: #FFFFFF;
font-weight: bold;
font-size: 10px;
}
#footer #wrap .link:hover {
color: #ff9000;
text-decoration: underline;
font-weight: bold;
font-size: 10px;
}
/* STYLES */
.float-left { float: left; }
.float-right { float: right; }
.margin-top { margin-top: 25px; }
.margin-right { margin-right: 20px; }
.margin-left { margin-left: 40px; }
p { margin: 0px 0px 10px; }
p.testimonials { line-height: 16px; }
.important { color: #ff9000; font-weight: bold; }
.bold { font-weight: bold; color: #252525; }
.italic { font-style: italic; }
.big { font-size: 16px; font-weight: bold; margin-bottom: 5px; }
.light-blue { color: #85c3ee; }
h3 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
color: #000000;
font-weight: normal;
margin-bottom: 20px;
}
.square h3 { margin-bottom: 10px; }
h2
{
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #777777;
font-weight: bold;
}
h1
{
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #777777;
font-weight: normal;
}
#box-left {
width: 620px;
padding: 5px;
margin: 5px;
float: left;
}
#box-right {
width: 335px;
padding: 5px;
margin: 5px;
float: right;
}
.square {
width: 300px;
background-color: #FAFAFA;
border: 1px solid #e7e7e7;
margin-top: 80px;
padding: 10px;
padding-bottom: 30px;
margin-left: 20px;
clear: both;
}
.line {
width: 270px;
margin-left: 10px;
border-bottom: 1px solid #dddddd;
padding: 5px;
font-size: 14px;
}
.sepline {
width: 10px;
height: 310px;
background: url(http://cdn.zonare.com/images/files/sepline.png) no-repeat;
float: left;
margin: 0px 15px 0px 15px;
}
.image {
margin: 20px 15px;
}
img.testimonials { margin: 0px 10px; }
/* HOME */
#home .box {
width: 220px;
padding: 5px;
margin: 5px;
}
/* SERVICES */
.service{
background: url(http://cdn.zonare.com/images/files/files/services_background.png) repeat-x;
padding: 0px 10px;
margin: 30px 0px 10px;
}
.service p {
width: 420px;
float: left;
margin-right: 20px;
}
.service .image {
width: 160px;
float: left;
margin: 10px 0px;
}
/* PRODUCTS */
/*
.products{
padding: 0px 10px;
margin: 60px 0px 10px;
clear: both;
}
.products p {
width: 400px;
float: left;
}
.products h3 { margin-bottom: 3px; }
.products .image {
width: 174px;
height: 174px;
float: left;
margin: 10px 25px 0px 0px;
}
*/
/* ABOUT US */
#aboutus{
padding: 5px;
margin: 0px;
clear: both;
margin-top: 35px;
}
#aboutus p {
width: 320px;
float: left;
margin-left: 10px;
}
#aboutus h3 { margin: 5px 0px 8px 10px; float: left; }
#aboutus .image {
float: left;
margin: 10px 15px 0px 0px;
}
/* TEAM MEMBER IMAGE */
.member {
margin: 40px 0px 5px 25px;
float: left;
}
/* CONTACT FORM */
#contact form label {
width: 60px;
float: left;
color: #777777;
text-align: right;
margin-right: 35px;
}
#contact form .txtInput {
background: #FAFAFA;
width: 235px;
height: 20px;
padding: 5px;
margin-bottom: 10px;
font-size: 14px;
color: #222222;
border: 1px solid #d7d7d7;
}
#contact form .txtArea {
background: #FAFAFA;
width: 495px;
height: 230px;
border: 1px solid #d7d7d7;
padding: 5px;
}
#contact form .button {
width: 100px;
height: 30px;
background: #252525;
margin-top: 15px;
margin-left: 290px;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
padding: inherit;
border: none;
}
#contact form .button:hover { color: #ff9000; cursor: pointer;}
/* CLEARFIX 100% HEIGHT COLS */
.clearfix:after{ content: " "; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
#alertBlock,#confirmBlock
{
display:none;
}
#alertTitle,#confirmTitle
{
padding:0px;
margin-bottom:6px;
}
#alertBody,#confirmBody
{
margin-bottom:6px;
}
#alertButtonCont,#confirmButtonCont
{
margin-bottom:6px;
}
#threeCol,#threeColMid,#threeColLeft
{
float:left;
width:300px;
}
#threeColLeft
{
margin-left:10px;
}
#threeColMid
{
margin:0px 10px;
}
#threeCol p,#threeColMid p,#threeCol h2,#threeColMid h2,#threeColLeft h2
{
margin-bottom:20px;
}
.content-box
{
border:1px solid #DDDDDD;
font-size:0.85em;
line-height:1.3em;
margin:20px 0px;
padding:15px;
width:650px;
}
.side-content
{
/*background-color:#ECF6E4;*/
/*background-color:#FFF47E;FFF77D*/
background-color:#EAEAEA;
color:#111111;
font-size:12px;
margin:20px 0px;
padding:14px;
width:270px;
}
.side-content a
{
color:#3366CC;
}
.appList li
{
margin-bottom:5px;
font-size:14px;
color:#444444;
line-height:22px;
}
.content-box h1
{
font-size:18px;
}
.content-box h2
{
font-size:14px;
}
.side-content h1
{
font-size:16px;
margin-bottom:10px;
line-height:18px;
}
.side-content h2
{
font-size:14px;
margin-bottom:10px;
line-height:18px;
}
.side-content ul
{
padding-left:15px;
font-size:12px;
}
.side-content p
{
line-height:22px;
}
.leftCol,.rightCol
{
margin-left:15px;
width:400px;
float:left;
}
.leftCol h2,.rightCol h2
{
font-size:14px;
}
#mainContent h1
{
font-size:18px;
}
#mainContent h2
{
font-size:16px;
margin-bottom:10px;
}
.makelower
{
text-transform: none !important;
}
.products, .productsMid, productsRight
{
width:190px;
float:left;
}
.productsMid
{
}
.productSeparator
{
float:left;
width:3px;
margin-right:30px;
padding-top:10px;
}
.productsMore
{
background-color:#EAEAEA;
padding:4px;
width:80%;
text-align:center;
border:1px solid #AAAAAA;
}
.products h2
{
font-size:16px;
}
.products h3
{
font-size:11px;
height:60px;
}
.productTag
{
font-size:11px;
height:100px;
padding-right:5px;
color:#58B12F;
}
.productFeatures
{
margin:10px 0px;
}
.productSub,.productSubUI
{
float:right;
width:290px;
margin-left:10px;
font-size:20px;
line-height:32px;
font-style:italic;
margin-top:50px;
margin-right:60px;
color:#158f1c;
}
.productSubUI
{
margin-top:10px;
}
.productSideDiv
{
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #CCCCCC;
font-size:16px;
}
.productSideHdr
{
font-size:16px;
font-weight:bold;
}
.productSep
{
border:0px;
color: #AAAAAA;
background-color: #AAAAAA;
height: 3px;
margin-bottom:10px;
}
.transducerHeader
{
color:#000088;
font-size:16px;
border-bottom:1px solid #CCCCCC;
}
.rightside h1
{
font-size: 16px;
margin-bottom:10px;
}
.rightside h2
{
font-size: 14px;
margin-bottom:10px;
}
.sdswitch {
position:relative;
height:336px;
}
.sdswitch *{
position:absolute;
top:0;
left:0;
z-index:8;
}
.sdswitch *.active {
z-index:10;
}
.sdswitch *.last-active {
z-index:9;
}
.sdwindow {
position:absolute;
top:10px;
height:20px;
background: #000;
color:#fff;
font-weight: bold;
z-index: 11;
opacity:0.6;
}
.tradeshowloc
{
color:#000088;
}
.partnerBlock
{
height:100px;
}
#mainContent p
{
line-height:22px;
}
#mainContent a,.article a,.article2 a
{
font-size:12px;
color:#336699;
}
#mainContent a:hover,.article a:hover,.article2 a:hover
{
font-size:12px;
}
.article,.article2{width:660px; float: left; display: inline; padding-left:9px; }
.article p,.article2 p{line-height:22px;}
.article h3,.bottom-header,.article2 h3{padding-bottom:17px !important; margin-bottom:0px !important; padding-top:3px; font-size:16px !important; color:#2e2e2e; text-align: left;}
.article ul,.article2 ul{list-style-type: none; padding-left:25px;}
.article li,.article2 li{background:url(http://cdn.zonare.com/images/bul.gif) no-repeat 0 7px; padding-left:11px; padding-bottom:5px}
.article2{padding-left:15px;}
.rightside{ width:300px; float:right;}
.cl {
font-size:0;
line-height:0;
height:0;
display:block;
clear:both;
}
#subnav ul{list-style-type: none; font-size:12px;}
#subnav li{float: left; display: inline;padding:0px 10px;}
#subnav li a{font-size: 12px; float: left; display: inline;text-transform: uppercase; font-weight: bold; text-align: center; color:#252525; font-family:Helvetica, Arial, sans-serif; width: auto;}
#subnav li a:hover{text-decoration: none; background:url(http://cdn.zonare.com/images/hover.gif) repeat-x}
#subnav li:hover{ background:url(http://cdn.zonare.com/images/hover.gif) repeat-x;}
#sub-nav ul{font-size: 11px; text-align: left; margin-left:40px; }
#sub-nav li{ display:inline;padding-left:10px; }
#sub-nav li a, #sub-nav li.menuSelected{font-size: 11px;font-family:Helvetica, Arial, sans-serif; color:#fcfcfd; text-transform: uppercase; font-weight: bold;text-decoration: underline; }
#sub-nav li a:hover{ color: #b5e493; }
#sub-nav li.menuSelected{ color:#000000;}
#news
{
padding:4px;
margin-bottom:10px;
}
#news li
{
color:#58B12F;
font-weight:bold;
font-style:italic;
font-size:14px;
}
#footer a
{
font-size:11px;
color:#FFFFFF;
}
#banner {
overflow : hidden;
position : relative;
width : 100%;
background : #dfdcd6;
height : 350px;
}
#slide {
width : 720px;
height : 300px;
border : 1px solid #a09b8f;
background : #bcb8ae;
padding : 10px;
float : left;
margin : 13px 0;
}
#slider1, #slider2 {
height : 300px;
overflow : hidden;
position : relative;
width : 720px;
}
#sliderContent, #slider1Content, #slider2Content {
margin-left : 0;
position : absolute;
top : 0;
width : 720px;
}
.sliderImage, .slider1Image, .slider2Image {
width: 720px;
display : none;
float : left;
position : relative;
}
.sliderImage span {
background-color : #000000;
color : #ffffff;
display : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
font-style : normal;
font-variant : normal;
font-weight : normal;
line-height : 15px;
padding : 10px 13px;
position : absolute;
width : 384px;
opacity: 0.7;
}
.slider1Image span, .slider2Image span {
background-color : #000000;
color : #ffffff;
display : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
font-style : normal;
font-variant : normal;
font-weight : normal;
line-height : 15px;
padding : 10px 13px;
position : absolute;
width : 694px;
opacity: 0.7;
}
.clear {
clear : both;
}
.sliderImage span strong, .slider1Image span strong, .slider2Image span strong {
font-size : 14px;
}
.top {
left : 0;
top : 0;
}
.bottom {
bottom : 0;
left : 0;
}
.left {
height : 280px;
left : 0;
top : 0;
width : 110px !important ;
}
.right {
bottom : 0;
height : 290px;
right : 0;
width : 90px !important ;
}
#accordion {
width: 257px;
margin: 13px 0px;
height: 322px;
float: right;
line-height: 30px;
}
#accordion #list1a ul { margin-left: 40px; }
#accordion #list1a li { list-style: disc; margin-bottom: 1px; }
li { list-style-type: none; }
#log { position:fixed; bottom: 0; right:1em; text-align:right; }
#switch { position: fixed; bottom: 0; right: 15em; }
.basic {
width: 270px;
height: 322px;
overflow: hidden;
font-family: verdana;
border: none;
font-size: 11px;
font-weight: normal;
}
.basic div {
background-color: #FFFFFF;
padding: 9px;
}
.basic p {
border: none;
text-decoration: none;
font-size: 11px;
font-family: verdana;
margin: 0px;
line-height: 22px;
padding: 5px;
}
.basic a.aHeader {
cursor: pointer;
display: block;
padding: 5px;
margin-top: 0px;
text-decoration: none;
font-size: 14px;
color: #FFFFFF;
background-image: url(http://cdn.zonare.com/images/files/accordion_back.png); /* background of accordion titles OFF */
}
.basic a.aHeader:hover {
background-color: #1e1b16;
background-image: url(http://cdn.zonare.com/images/files/accordion_backOn.png); /* background of accordion titles ON */
}
.basic a.aHeader.selected {
color: #FFFFFF;
background-color: #1e1b16;
background-image: url(http://cdn.zonare.com/images/files/accordion_backOn.png); /* background of accordion titles ON */
}
#list2 {
height: 178px;
border: 1px solid #eee;
overflow: hidden;
}
#list2 .red {
color: red;
background-color: red;
}
#list2 .green {
color: green;
background-color: green;
}
#list2 .blue {
color: blue;
background-color: blue;
}
#list2 dd { height: 130px; overflow: hidden; }
#list3 { border: 1px solid #111; }
#list3 div.selected .title { font-weight: bold; }
#list3 div div {
border-left:8px solid #6699CC;
padding: 5px;
}
#list3 div.title {
border: 1px solid #3366AA;
background-color: #6699CC;
padding: 10px;
cursor: pointer;
}
#list3 div.selected {
border-bottom: none;
}
#navigation {
border:1px solid #5263AB;
margin:0px;
padding:0px;
text-indent:0px;
background-color:#E2E2E2;
width:200px;
}
#navigation a.head {
cursor:pointer;
border:1px solid #CCCCCC;
background:#5263AB url(collapsed.gif) no-repeat scroll 3px 4px;
color:#FFFFFF;
display:block;
font-weight:bold;
margin:0px;
padding:0px;
text-indent:14px;
text-decoration: none;
}
#navigation a.head:hover {
color:#FFFF99;
}
#navigation a.selected {
background-image: url(expanded.gif);
}
#navigation a.current {
background-color:#FFFF99;
}
#navigation ul {
border-width:0px;
margin:0px;
padding:0px;
text-indent:0px;
}
#navigation li {
list-style:none outside none; display:inline;
}
#navigation li li a {
color:#000000;
display:block;
text-indent:10px;
text-decoration: none;
}
#navigation li li a:hover {
background-color:#FFFF99;
color:#FF0000;
}
#wizard {
width: 200px;
border: 1px solid black;
}
#wizard .title {
background-color:#DDDDDD;
}
@media print {
.basic div, #navigation ul, #list2 dd, #list3 div{
display: block!important;
height: auto!important
}
}
#alertBlock h1
{
font-size:22px;
}
.serviceplans
{
padding:10px;
line-height:20px;
}
.serviceplans ul
{
padding-left:0px !important;
}
.serviceplans ul li
{
line-height:20px;
}
.serviceplans h2
{
color:#555555;
}
#sub-nav
{
letter-spacing:1px;
}
/* ------------------------------------------------------------------------
This you can edit.
------------------------------------------------------------------------- */
div.light_rounded .pp_top .pp_left { background: url(http://cdn.zonare.com/images/prettyphoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
div.light_rounded .pp_top .pp_right { background: url(http://cdn.zonare.com/images/prettyphoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.light_rounded .pp_content { background-color: #fff; } /* Content background */
div.light_rounded .pp_content a.pp_next:hover { background: url(http://cdn.zonare.com/images/prettyphoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.light_rounded .pp_content a.pp_previous:hover { background: url(http://cdn.zonare.com/images/prettyphoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.light_rounded .pp_content a.pp_expand { background: url(http://cdn.zonare.com/images/prettyphoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_rounded .pp_content a.pp_expand:hover { background: url(http://cdn.zonare.com/images/prettyphoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_rounded .pp_content a.pp_contract { background: url(http://cdn.zonare.com/images/prettyphoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_rounded .pp_content a.pp_contract:hover { background: url(http://cdn.zonare.com/images/prettyphoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(http://cdn.zonare.com/images/prettyphoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(/includes/images/zonare/prettyphoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(http://cdn.zonare.com/images/prettyphoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_rounded .pp_bottom .pp_left { background: url(http://cdn.zonare.com/images/prettyphoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
div.light_rounded .pp_bottom .pp_right { background: url(http://cdn.zonare.com/images/prettyphoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
div.light_rounded .pp_loaderIcon { background: url(http://cdn.zonare.com/images/prettyphoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {
background: #000;
position: absolute; top: 0; left: 0;
z-index: 9500;
width: 100%;
}
div.pp_pic_holder {
position: absolute; z-index: 10000;
width: 100px;
}
div.pp_pic_holder .pp_top {
position: relative;
height: 20px;
}
* html div.pp_pic_holder .pp_top { padding: 0 20px; }
div.pp_pic_holder .pp_top .pp_left {
position: absolute;
left: 0;
width: 20px; height: 20px;
}
div.pp_pic_holder .pp_top .pp_middle {
position: absolute;
left: 20px; right: 20px;
height: 20px;
}
* html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; }
div.pp_pic_holder .pp_top .pp_right {
position: absolute;
top: 0; left: auto; right: 0;
width: 20px; height: 20px;
}
div.pp_pic_holder .pp_content {
position: relative;
text-align: left;
width: 100%; height: 40px;
}
div.pp_pic_holder .pp_content .pp_details {
display: none;
margin: 10px 15px 2px 20px;
}
div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; }
div.pp_pic_holder .pp_content .pp_details .pp_nav {
float: left;
margin: 3px 0 0 0;
}
div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 2px 4px; }
div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,
div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {
float: left;
display: block;
width: 14px; height: 15px;
overflow: hidden;
text-indent: -10000px;
margin-top: 3px;
}
div.pp_pic_holder .pp_content div.pp_hoverContainer {
position: absolute; z-index: 2000;
top: 0; left: 0;
width: 100%;
}
div.pp_pic_holder .pp_content a.pp_next {
display: block; float: right;
text-indent: -10000px;
width: 49%; height: 100%;
background: url(http://cdn.zonare.com/images/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
}
div.pp_pic_holder .pp_content a.pp_previous {
display: block; float: left;
text-indent: -10000px;
width: 49%; height: 100%;
background: url(http://cdn.zonare.com/images/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
}
div.pp_pic_holder .pp_content a.pp_expand,
div.pp_pic_holder .pp_content a.pp_contract {
position: absolute; z-index: 20000;
top: 10px; right: 30px;
cursor: pointer;
display: none;
text-indent: -10000px;
width: 20px; height: 20px;
}
div.pp_pic_holder .pp_content a.pp_close {
float: right;
display: block;
text-indent: -10000px;
}
div.pp_pic_holder .pp_bottom {
position: relative;
height: 20px;
}
* html div.pp_pic_holder .pp_bottom { padding: 0 20px; }
div.pp_pic_holder .pp_bottom .pp_left {
position: absolute;
left: 0;
width: 20px; height: 20px;
}
div.pp_pic_holder .pp_bottom .pp_middle {
position: absolute;
left: 20px; right: 20px;
height: 20px;
}
* html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; }
div.pp_pic_holder .pp_bottom .pp_right {
position: absolute;
top: 0; left: auto; right: 0;
width: 20px; height: 20px;
}
div.pp_pic_holder .pp_loaderIcon {
display: none;
position: absolute;
top: 50%; left: 50%;
margin: -12px 0 0 -12px;
width: 24px; height: 24px;
}
div.pp_pic_holder #pp_full_res { display: block; margin: 0 auto; width: 100%; text-align: center; }
div.pp_pic_holder #pp_full_res object,
div.pp_pic_holder #pp_full_res embed { visibility: hidden; }
div.ppt {
display: none;
position: absolute;
top: 0; left: 0;
z-index: 9999;
color: #fff;
font-size: 17px;
}
/* ------------------------------------------------------------------------
Miscellaneous
------------------------------------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */