﻿body 
{
    background-color: #3A3A3A;
    font-family: Verdana, Helvetica, Geneva;
    font-size: 10px;
    color: #666666;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.clear
{
    clear: both;
}
body *
{
    outline: none;
}
body img
{
    border: none;
}
h2, p, h3
{
    margin: 0px 0px 0px 0px;    
}
.hidden
{
    display: none;
}
.floatleft
{
    float: left;
}
.floatright
{
    float: right;
}
.caps
{
    text-transform: capitalize;
}
.upper
{
    text-transform: uppercase;
}
/* text */

h3, h4
{
    display: inline;
}

.text-info
{
    font-size: 9px;
    color: #B2B2B2;
}
.text-splash
{
    font-size: 11px;
    color: #999999;
}
.text-grey
{
    color: #999999;
}
.text-pink, .star, a
{
     color: #FFA1D9;
}
.text-white
{
    color: #FFFFFF;
}
.small-title, h2, h3, h4, .large-title
{
    font-size: 11px;
    color: #B3B3B3;
    text-transform: uppercase;
}
h2, .large-title{font-size: 24px;}
h4{font-size: 9px;}
.styled
{
    font-size: 11px;
}

.content, .content-third
{
    color: #666666;
    font-size: 10px;
}
.content-message
{
    color: #666666;
    font-size: 12px;
}
/* end text */

/* links */
.sublink, .sublink-active
{
    font-size: 11px;
    color: #B3B3B3;
    text-transform: uppercase;
    text-decoration: none;
}
.sublink:hover, .sublink:active, .sublink-active
{
    color: #FFA1D9;
}
.bloglink a
{
    color: #FFA1D9;
    text-decoration: none;
}
.bloglink a:hover
{
    text-decoration: underline;
}
.bloglink a:visited
{
    color: #B3B3B3;
}
.presslink
{
    color: #FFA1D9;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: solid 1px white;
}
.presslink:hover
{
    border-bottom: solid 1px #FFA1D9;
}
/* end links */

/* layout */
.wrapper
{
    margin-left:auto;
    margin-right: auto;
    width: 940px;
}

.nextprevious
{
    width: 59px;
    height: 300px;
    float: left;
    position: relative;
    top: 244px;
}
.container
{
    width: 800px;
    min-height: 520px;
    background-color: #ffffff;
    margin-left: 11px;
    overflow: hidden;
}
.outer-wrapper
{

    width: 822px;
    min-height: 520px;
    background: url('images/shadow-left.jpg') repeat-y;
}
.inner-wrapper
{
    background: url('images/shadow-right.jpg') right repeat-y;
}
.shadow-top
{
    width: 822px;
    height: 7px;
    background: url('images/bar-top.jpg') no-repeat;
    margin-top: -4px;
}
.shadow-bottom
{
    width: 822px;
    height: 13px; 
    background: url('images/bar-bottom.jpg') no-repeat 0px -1px;

}
.shadow-bottom > div
{
    padding-left: 35px;
    padding-top: 5px;
}
.container, .outer-wrapper, .shadow-top, .shadow-bottom, .navigation
{
    margin-left: auto;
    margin-right: auto;
}

/* end layout */


/* navigation */
.navigation
{
    width: 800px;
    z-index: 500;
    margin-top: 40px;
}
.link-nav
{
    color: #ffffff;
    font-size: 11px;
    text-decoration: none;
    display: block;
    float: left;
    margin-right: 38px;
    margin-top: 18px;

}
.link-nav:hover
{
    font-weight: bold;
}

.linkWork, .linkWorkActive
{
    height: 17px;
    width: 36px;
    margin-left: 32px; 
}
.linkWork:hover{ background: url('images/nav.jpg') no-repeat 0px -17px;}
.linkWork{ background: url('images/nav.jpg') no-repeat 0px 0px; }
.linkWorkActive { background: url('images/nav.jpg') no-repeat 0px -34px; }
.linkWorkActive:hover { background: url('images/nav.jpg') no-repeat 0px -51px; }
  
.linkNonlimited, .linkNonlimitedActive
{
    height: 17px;
    width: 68px;
}
.linkNonlimited:hover{ background: url('images/nav.jpg') no-repeat -75px -17px;}
.linkNonlimited{ background: url('images/nav.jpg') no-repeat -75px 0px; }
.linkNonlimitedActive { background: url('images/nav.jpg') no-repeat -75px -34px; }
.linkNonlimitedActive:hover { background: url('images/nav.jpg') no-repeat -75px -51px; }
 
.linkAboutus, .linkAboutusActive
{
    height: 17px;
    width: 54px;
}
.linkAboutus:hover{ background: url('images/nav.jpg') no-repeat -180px -17px;}
.linkAboutus{ background: url('images/nav.jpg') no-repeat -180px 0px; }
.linkAboutusActive { background: url('images/nav.jpg') no-repeat -180px -34px; }
.linkAboutusActive:hover { background: url('images/nav.jpg') no-repeat -180px -51px; }
 
.linkPress, .linkPressActive
{
    height: 17px;
    width: 36px;
}
.linkPress:hover{ background: url('images/nav.jpg') no-repeat -271px -17px;}
.linkPress{ background: url('images/nav.jpg') no-repeat -271px 0px; }
.linkPressActive { background: url('images/nav.jpg') no-repeat -271px -34px; }
.linkPressActive:hover { background: url('images/nav.jpg') no-repeat -271px -51px; }

 
.linkBlog, .linkBlogActive
{
    height: 17px;
    width: 33px;
}
.linkBlog:hover{ background: url('images/nav.jpg') no-repeat -346px -17px;}
.linkBlog{ background: url('images/nav.jpg') no-repeat -346px 0px; }
.linkBlogActive { background: url('images/nav.jpg') no-repeat -346px -34px; }
.linkBlogActive:hover { background: url('images/nav.jpg') no-repeat -346px -51px; }
   
   
.linkContact, .linkContactActive
{
    height: 17px;
    width: 53px;
}
.linkContact:hover{ background: url('images/nav.jpg') no-repeat -418px -17px;}
.linkContact{ background: url('images/nav.jpg') no-repeat -418px 0px; }
.linkContactActive { background: url('images/nav.jpg') no-repeat -418px -34px; }
.linkContactActive:hover { background: url('images/nav.jpg') no-repeat -418px -51px; }


.linkNon
{
    height: 35px;
    width: 86px;
    float: right;
    margin-right: 35px;
    position: relative;
    top: 2px;
}
.linkNon:hover{ background: url('images/nonlogo.png') no-repeat 0px -35px;}
.linkNon{ background: url('images/nonlogo.png') no-repeat 0px 0px; }
/* end navigation */ 


/* splash page */
#SplashBox
{
    width: 500px;
    height: 300px;
    background-color: Black;
    margin-top: 190px;
    margin-left: 800px;
    -moz-opacity: .9;
    opacity: .9;
}
#SplashBox div
{
    padding-top: 30px;
    padding-left: 100px;
    width: 350px;
}
#SplashBox p
{
    margin-top: 20px;
    line-height: 1.2em;
}
/* end splash page */

/* generic content */
.content-top
{
    padding-left: 30px;  
    padding-top: 40px;
}

.content
{
    float: left;
    width: 265px;
    height: 91px;
    margin-right: 15px;
    margin-top: 15px;
    line-height: 1.4em;
}
.content-column
{
    float: left;
    width: 250px;
    line-height: 1.4em;
    margin-top: 15px;
    margin-right: 15px;
}
.content-normal
{
    float: left;
    width: 515px;
    line-height: 1.4em;
    margin-right: 15px;
}
.content-normal ul 
{
    padding-left: 15px;
}
.content-full
{
    float: left;
    width: 515px;
    height: 91px;
    margin-right: 15px;
    margin-top: 15px;
    line-height: 1.4em;   
}
.content-bottom .thumbnail
{
    margin-top: 3px;
    margin-right: 10px;
    width: 150px;
    height: 322px;
    float: left;
    text-indent: 2px;
    font-weight: bold;
}
.content-bottom .thumbnail img
{
    margin-top: 7px;
}
.content-bottom .image, .content-bottom .image-active
{
    margin-right: 10px;
}
.numbernav
{
    height: 20px;
    text-align: right;
    padding-right: 40px;
    padding-top: 1px;
}
.numbernav > *
{
    vertical-align: top;
}
.imagewrapper
{
    margin-left: 10px;
    overflow: hidden;
    position: relative;
}
/* end generic content */



/* content start@aboutus */
.content-third
{
    width: 190px;
    margin-left: 20px;
    float: left;
    margin-top: 15px;
}
.content-third .subnav
{
    height: 92px;
}
.subnav .sublink, .subnav .sublink-active, 
.content .sublink, .content .sublink-active,
.contact-info .styled, .content-third .styled
{
    display: block;
    margin-bottom: 4px;
}


.content-third img.featured
{
    margin-top: 20px;
}

/* content end */

/* about us */
#exhibitions, #clients
{
    height: 420px;
}
/* end about us */ 

/* forms */
.textbox
{
    background-color: #FBFBFB;
    width: 236px;
    border: solid 1px #CCCCCC;
    font-family: Verdana;
    font-size: 10px;
    color: #666666;
    padding: 2px 2px 2px 2px;
    height: 14px;
    margin-top: 3px;
    margin-bottom: 7px;
}
.checkbox-wrapper *
{
    vertical-align: middle;
}
.checkbox-wrapper
{
    margin-left: -8px;
}

.entry
{
    margin-bottom: 13px;
    /* margin-top: 3px; */
}
.submit-box
{
    width: 240px;
    border-top: solid 1px #E6E6E6;
    margin-top: 20px;
    padding-top: 20px;
}
.submit-contactus
{
    width: 463px;
}
.submit-contactus > a
{
    margin-top: -6px;
}

.validation ul
{
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.validation ul li
{
    margin-left: 0px;
}

.linkSend
{
    display: block;
    float: right;
    height: 30px;
    width: 81px;
}
.linkSend:hover{ background: url('images/button-send.png') no-repeat 0px -30px;}
.linkSend{ background: url('images/button-send.png') no-repeat 0px 0px; }

.linkAddToCart
{
    display: block;
    float: left;
    height: 21px;
    width: 100px;
    margin-right: 10px;
}
.linkAddToCart:hover{ background: url('images/button-shop.png') no-repeat 0px -21px;}
.linkAddToCart{ background: url('images/button-shop.png') no-repeat 0px 0px; }

.linkViewCart
{
    display: block;
    float: left;
    height: 21px;
    width: 90px;
}
.linkViewCart:hover{ background: url('images/button-shop.png') no-repeat -131px -21px;}
.linkViewCart{ background: url('images/button-shop.png') no-repeat -131px 0px; }

.linkNavViewCart
{
    display: block;
    float: left;
    height: 18px;
    width: 90px;
    top: -2px;
    position: relative;
}
.linkNavViewCart:hover{ background: url('images/viewcart.jpg') no-repeat 0px 0px;}
.linkNavViewCart{ background: url('images/viewcart.jpg') no-repeat 0px -18px; }


.linkRemove
{
    display: block;
    float: left;
    height: 19px;
    width: 59px;
}
.linkRemove:hover{ background: url('images/button-remove.png') no-repeat 0px -19px;}
.linkRemove{ background: url('images/button-remove.png') no-repeat 0px 0px; }

.linkUpdateCart
{
    display: block;
    float: right;
    height: 21px;
    width: 92px;
}
.linkUpdateCart:hover{ background: url('images/button-updatecart.png') no-repeat 0px -21px;}
.linkUpdateCart{ background: url('images/button-updatecart.png') no-repeat 0px 0px; }

.linkPaymentShipping
{
    display: block;
    float: right;
    height: 30px;
    width: 285px;
}
.linkPaymentShipping:hover{ background: url('images/button-paymentshipping.png') no-repeat 0px -30px;}
.linkPaymentShipping{ background: url('images/button-paymentshipping.png') no-repeat 0px 0px; }

.linkReviewOrder
{
    display: block;
    float: right;
    height: 30px;
    width: 211px;
}
.linkReviewOrder:hover{ background: url('images/button-revieworder.png') no-repeat 0px -30px;}
.linkReviewOrder{ background: url('images/button-revieworder.png') no-repeat 0px 0px; }

.linkPlaceOrder
{
    display: block;
    float: right;
    height: 30px;
    width: 198px;
}
.linkPlaceOrder:hover{ background: url('images/button-placeorder.png') no-repeat 0px -30px;}
.linkPlaceOrder{ background: url('images/button-placeorder.png') no-repeat 0px 0px; }

.linkNonLimited
{
    display: block;
    height: 17px;
    width: 154px;
    margin-left: -5px;
}
.linkNonLimited:hover{ background: url('images/button-return.png') no-repeat 0px -17px;}
.linkNonLimited{ background: url('images/button-return.png') no-repeat 0px 0px; }


#linkNext
{
    display: block;
    height: 19px;
    width: 37px;
}
#linkNext:hover{ background: url('images/previousnext.png') no-repeat -61px 0px;}
#linkNext{ background: url('images/previousnext.png') no-repeat -61px -19px; }

#linkPrevious
{
    display: block;
    height: 19px;
    width: 59px;
}
#linkPrevious:hover{ background: url('images/previousnext.png') no-repeat 0px 0px;}
#linkPrevious{ background: url('images/previousnext.png') no-repeat 0px -19px; }

#linkWorkArrow
{
    display: block;
    height: 19px;
    width: 46px;
}
#linkWorkArrow:hover{ background: url('images/work.png') no-repeat 0px 0px;}
#linkWorkArrow{ background: url('images/work.png') no-repeat 0px -19px; }

/* end forms */ 

/* press (shared elements started at press) */

div.link
{
    margin-bottom: 5px;
}

.press .image, .press .image-active
{
    float: left;
    width: 93px;
}
.press-thumbnail
{
    margin-bottom: 10px;
}
#leftArrowLink, #rightArrowLink
{
    display: block;
    width: 150px;
    height: 250px;
    margin-top: 40px;
}

#pressWindow, #modalWindow
{
    width: 720px;
    height: 540px;
}
#leftArrowLink{float: left;}
#rightArrowLink
{
    float: right;
    text-align: right;
 }
 .presskit
 {
     width: 165px;
     float: left;
     height: 17px;
 }
 .presswindow-text
 {
     position: absolute;
     top: -20px;
     width: 100%;
 }
 .presswindow-text .text-white
 {
     margin-left: 5px;
     margin-right: 5px;
 }
 #pressWindowTitle
 {
     font-weight: bold;
 }

/* end press */


/* blog */
#blogWindow
{
    margin-top: 20px;
    height: 410px;
    width: 600px;
    font-family: Verdana;
    font-size: 10px;
}
.meta
{
    margin-top: 3px;
    margin-bottom: 15px;
}
#blogWindow > p
{
    width: 300px;
    border: solid 1px red;
}
.blog-entry
{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: solid 1px #E6E6E6;
}
/* end blog */


/* cart */
.content-cart
{
    float: left;
    width: 558px; /* total needs to be 560 */
    margin-top: 15px;
    line-height: 1.4em;
}

.cartitems .itemname
{
    width: 270px;
}
.cartitems .price
{
    width: 105px;
}
.cartitems .quantity
{
    width: 60px;
}
.cartitems th, .cartitems td
{
    margin-right: 10px;
    text-align: left;
}
.cartitems .buttons 
{
    float: right;   
}
.cartitems span.buttons
{
    margin-right: 3px;
}


/* end cart */


/* modal */
/* Z-index of #mask must lower than #boxes .window */
#mask 
{
    top: 0px;
    left: 0px;
    position:absolute;
    z-index:9000;
    background-color:#231F20;
    display:none;
}
#loader 
{
    position: absolute;
    z-index:9001;
    width: 100px;
    height: 100px;
}

  
#pressWindow 
{
    position: absolute;
    cursor: move;
    display:none;
    z-index:9999;
}

/* end modal */

/* scrollbar */
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 23px; height: 10px; background : white url(images/scroll.png) -23px 0px repeat-y;}
.vscrollerbarbeg {width: 23px; height: 4px !important;background: url(images/scroll.png) -69px -52px no-repeat;}
.vscrollerbarend {width: 23px; height: 4px;background: url(images/scroll.png) -69px 0px no-repeat;}
.vscrollerbase {width: 23px;background: white url(images/scroll.png) 0px 0px repeat-y;}
.vscrollerbasebeg {width: 23px;height: 19px !important;background: url(images/scroll.png) -46px -37px no-repeat;}
.vscrollerbaseend {width: 23px;height: 19px;background: url(images/scroll.png)  -46px 0px no-repeat;}

.hscrollerbase {height: 16px; background-color: white;}
.hscrollerbar {height: 16px; background-color: black;}
.vscrollerbar, .hscrollerbar {padding: 16px;z-index: 2;}

.scrollerjogbox {width: 23px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: white;}
/* end scrollbar */

/* combobox */

.comboboxContainer  
{
    border: solid 1px #CBCBCB;
    background-color: #FBFBFB;
} 
.comboboxValueContainer 
{ 
    background-color: #FBFBFB;
    font-weight: normal;
    font-style: normal;
} 
.comboboxValueContent 
{ 
    padding-left: 3px; 
    color: #000000;
  /*text-transform: uppercase; */
} 

.comboboxDropDownContainer  
{
    border: solid 1px #CBCBCB; 
    background: #fff; 
    overflow: hidden;
    padding-left: 3px; 
    cursor: default; 
} 
.comboboxDropDownButton  
{
    width: 20px; 
    height: 17px; 
    background-image: url('images/combobox.jpg'); 
} 

.comboboxGroupItemHeader  
{
    display: block; 
    background: #000; 
    color: #fff; 
} 

.comboboxGroupItemContainer  
{
    padding-left: 10px; 
} 

.comboboxItem  
{
    background: #fff; 
    font-weight: normal; 
    font-style: normal; 
} 

.comboboxItemHover  
{
    background-color: #FBFBFB; 
    font-weight: bold;
} 

/* end combobox */