body{
background:url(../image/background.jpg) no-repeat;
margin:0;
padding:0;
font:small Arial, Helvetica, sans-serif;
}
/*########################################################
######################## LAYOUT CSS ####################*/
/* Home page CSS */
#home #wrap{
position:relative;
width:728px;
margin:0;
padding:0;
background:none;
}
#home #main-content{
background:none;
width:302px;
float:left;
margin:0 0 40px 230px;
padding:0;
}
#home #main-content li {
margin:0 0 10px 0;
}
#home #sub-content{
background-color:none;
width:171px;
float:right;
margin:0;
padding:0;
border:none;
}
#home #navigation{
position:absolute;
top:160px;
left:2px;
width:208px;
margin:0;
}
#home #nav {
margin:0;
}
#home #footcontent {
width:750px;
}
/* default page CSS */
#wrap{
width:685px;
margin:0;
padding:0;
}
#main-content{
width:455px;
float:right;
margin:0 0 20px 0;
padding:0;
}
#navigation{
position:relative;
width:209px;
float:left;
margin:160px 0 0 2px;
padding:0;
}
#foot{
clear:both;
width:800px;
margin:0;
padding:40px 0 0 0;
overflow:hidden;
text-align:center;
}
#footcontent {
background:none;
}
#footcontent h5 {
margin:0;
padding:0;
}
#bottom-images {
position:absolute;
left:14px;
top:520px;
width:160px;
height:100px;
}
#bottom-images img.bottom_image_lft {
float:left;
margin-bottom:10px;
}
#bottom-images img.bottom_image_rgt {
float:right;
margin-bottom:10px;
}
#bottom-images p {
text-align:center;
font-size:.9em;
color:#374662;
font-weight:bold;
}
.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 */
/*########################################################
####################### GENERAL CSS ####################*/
img {border:none; outline:none}
ul {
background-color:none;
list-style-type:none;
margin:0 0 20px;
padding:0;
}
li {
margin:0 0 2px 15px;
padding:0;
}
#forms ul {
list-style-type:none;
margin:5px 0 20px;
padding:0;
}
#forms li {
margin:0 0 10px 0;
padding:0;
font-size:1.1em;
}
p {
font-size:1.1em;
margin:0 0 15px 0;
padding:0;
}
p.heading {
font-style:italic;
margin:0 0 5px 0;
padding:0;
  }
p.product {
margin:5px 0 15px 0;
padding:0 0 0 20px;
font-size:1em;
}
p.about {
width:430px;
}
a:link, a:visited {
color:#f86227;
text-decoration:none;
outline:none;
}
a:hover {
text-decoration:underline;
outline:none;
}
dl.mid {
margin:0 0 10px 0;
padding:0;
height:275px;
width:420px;
background:url(../image/viewmaster/viewers_small.jpg) no-repeat 0 30px;
}
dt {
color:#003053;
font-size:1.3em;
font-weight:bold;
margin:0;
padding:0;
}
dd {
margin:7px 0 0 14px;
padding:0;
font-size:1em;
}
/*######## HEADERS ######## */
h1 {
position:absolute;
top:0;
left:10px;
margin:0;
padding:0;
width:118px; 
height:48px;
background:url(../image/logo.gif) no-repeat 0 8px;
font-size:.1em;
}
h1 span {
display:none;
}
h2 {
margin:0;
padding:0;
}
h3 {
margin:0;
padding:0;
color:#003053;
font-size:1.2em;
}
h4 {
margin:0 0 3px 0;
padding:0;
color:#003053;
font-size:1.1em;
}
h5 {
margin:0;
padding:0;
font-weight:normal;
}
.click h4 {
margin:2px 0 0 0;
padding:0;
font-size:1.2em;
font-weight:normal;
}
em {
font-size:.9em;
font-weight:normal;
}
/*###########################################################
####################### SUBNAVIATION CSS ####################
#############################################################*/
#subnav {
overflow:hidden;
margin:19px 0 0 0;
padding:0;
font-weight: bold;
font-size:1em;
}
.subnavlft {
float:left;
display:inline;
width:230px;
margin:0;
padding:0;
}
.subnavrgt {
float:right;
display:inline;
width:160px;
margin:0;
padding:0;
}
#subnav ul {
list-style-type:none;
margin:0;
padding:0;
color:#003053;
}
#subnav li {
margin:0 0 23px 0;
padding:0;
}
a:link.subnav, a:visited.subnav {
color:#003053;
}
a:hover.subnav {
color:#9FA5AF;
text-decoration:none;
}
/*########################################################
####################### IMAGE CSS ####################*/
.imgemail {
margin:0;
padding:0;
}
h3.email {
background:url(../image/email_image.gif) no-repeat 40px 1px;
margin:0 0 0 0px;
padding:0;
width:300px;
}
.imghome {
margin:0 0 12px 0;
padding:0;
}
.imgsubnav {
margin:1px 6px 0 0;
padding:0;
float:left;
}
.imgviewer {
margin:21px 0 28px 0;
padding:0;
}
.imgcenters {
margin:0 0 40px 0;
padding:0;
}
.imgcustom {
margin:0 0 0 25px;
padding:0;
}
.imgfulfill {
margin:25px 0 0 93px;
padding:0;
}

/*########################################################
################### MISCELLANEOUS CSS ##################*/
.bottom {
margin:0 0 50px 0;
padding:0;
}
.click {
overflow:hidden;
margin:0 0 25px 0;
padding:0;
background:none;
}
.click p {
margin:0 0 14px 0;
line-height:1.2em;
border:none;
}
img.click {
float:right;
margin:2px 0 0 3px;
padding:0;
border:1px solid #E0E0E4;
}
.click_right {
float:right;
margin:0 0 6px 10px;
padding:0;
text-align:center;
border:none;
}
img.click_right {
border:none;
outline:none;
}
.center {
margin:5px 0 14px 25px;
padding:0;
font-size:1em;
}
.subp {
margin:0 0 23px 0;
padding:0;
}
.boxes {
clear:both;
overflow:hidden;
margin:24px 0 33px 0;
padding:0;
}
.left {
float:left;
width:220px;
margin:0;
padding:0;
}
.right {
float:right;
width:215px;
margin:0 0 0 0;
padding:0;
}
.giftboxes {
margin:0 0 59px 0;
padding:0;
}
.return {
margin:3px 0 5px 0;
padding:0;
text-align:center;
font-size:.9em;
}
.fulboxes {
margin:36px 0 50px 0;
padding:0;
}
ul.proful {
list-style-type:disc;
list-style-position:outside;
margin:3px 0 0 15px;
padding:0;
font-size:1em;
font-weight:normal;
}
li.proful {
margin:0 0 18px 0;
padding:0;
}
.faqs {
margin:8px 0 40px 25px;
padding:0;
}
.comment {
font-size:1em;
margin:0 0 10px 15px;
padding:0;
}
.border {
border:2px solid #94ABC6;
margin:0 0 3px 0;
padding:0;
}
.threedee {
margin:16px 0 50px 0;
padding:0;
}
.captions {
overflow:hidden;
width:425;
margin:0;
padding:0;
}
.captions_left {
float:left;
display:inline;
width:135px;
margin:0;
padding:0 1px;
font-size:1em;
text-align:center;
}
.horse {
margin:0 0 35px 30px;
padding:0;
width:340;
text-align:center;
}
.flush {
margin:0;
padding:1px 0 0 6px;
font-size:.9em;
text-align:left;
}
/*############################ ############################
############################   	  ###########################
###########################   	    ##########################
##########################          	  #########################
#########################TITLES CSS########################
########################                     #######################*/
#title {
margin:35px 0 30px 0;
padding:0;
width:280px; 
height:91px;
background: url(../image/title.gif) no-repeat;
}
h2 span {
display:block;
text-indent:-5000em
}
h3 span {
display:none;
}
#viewmaster {
margin:35px 0 38px 0;
padding:0;
width:393px; 
height:100px;
background: url(../image/titles/viewmaster_title.gif);
}
#viewers {
margin:50px 0 10px 0;
padding:0;
width:602px; 
height:35px;
background:url(../image/titles/viewers_title.gif) no-repeat;
}
#imprint {
margin:6px 0 8px 0;
padding:0;
width:284px; 
height:21px;
background:url(../image/titles/custom_imprinting.gif) no-repeat;
}
#centers {
margin:35px 0 20px 0;
padding:0;
width:580px; 
height:59px;
background: url(../image/titles/view_master_title.gif) no-repeat;
}
#customs {
margin:45px 0 19px 0;
padding:0;
width:443px; 
height:108px;
background: url(../image/titles/custom_title.gif) no-repeat;
}
#fulfill {
margin:38px 0 30px 0;
padding:0;
width:331px; 
height:26px;
background: url(../image/titles/fulfillment_title.gif) no-repeat;
}
#profiles {
margin:35px 0 19px 0;
padding:0;
width:294px; 
height:48px;
background: url(../image/titles/profiles_title.gif) no-repeat;
}
#details {
margin:35px 0 52px 0;
padding:0;
width:429px; 
height:77px;
background:url(../image/titles/viewer_tech_title.gif) no-repeat;
}
#tdphoto {
margin:35px 0 45px 0;
padding:0;
width:312px; 
height:64px;
background: url(../image/titles/three_dee_title.gif) no-repeat;
}
#photo {
margin:35px 0 45px 0;
padding:0;
width:400px; 
height:33px;
background: url(../image/titles/3DPhoto_photo_title.gif) no-repeat;
}
#conversions {
margin:35px 0 19px 0;
padding:0;
width:415px; 
height:30px;
background: url(../image/titles/3DPhoto_conversion_title.gif) no-repeat;
}
#tdfaq {
margin:45px 0 19px 0;
padding:0;
width:431px; 
height:114px;
background: url(../image/titles/3DPhoto_tech_title.gif) no-repeat;
}
#lenttitle {
margin:45px 0 46px 0;
padding:0;
width:351px; 
height:72px;
background: url(../image/titles/lenticular_title.gif) no-repeat;
}
#lentprod {
margin:38px 0 34px 0;
padding:0;
width:257px; 
height:92px;
background: url(../image/titles/lenticular_product_title.gif) no-repeat;
}
#lentfaq {
margin:37px 0 34px 0;
padding:0;
width:407px; 
height:85px;
background: url(../image/titles/lent_faq.gif) no-repeat;
}
#popup {
margin:45px 0 88px 0;
padding:0;
width:372px; 
height:32px;
background: url(../image/titles/popup_title.gif) no-repeat;
}
#popprod {
margin:45px 0 60px 0;
padding:0;
width:236px; 
height:54px;
background: url(../image/titles/popup_prod_title.gif) no-repeat;
}
#popfaq {
margin:45px 0 40px 0;
padding:0;
width:374px; 
height:76px;
background: url(../image/titles/popup_tech_title.gif) no-repeat;
}
#anatitle {
margin:45px 0 40px 0;
padding:0;
width:296px; 
height:71px;
background: url(../image/titles/ana_title.gif) no-repeat;
}
#anaprod {
margin:45px 0 40px 0;
padding:0;
width:232px; 
height:76px;
background: url(../image/titles/ana_prod.gif) no-repeat;
}
#anafaq {
margin:45px 0 40px 0;
padding:0;
width:393px; 
height:77px;
background: url(../image/titles/ana_faq.gif) no-repeat;
}
#decodetitle {
margin:45px 0 40px 0;
padding:0;
width:288px; 
height:64px;
background: url(../image/titles/decoder_title.gif) no-repeat;
}
#decodeprod {
margin:45px 0 40px 0;
padding:0;
width:234px; 
height:73px;
background: url(../image/titles/decode_prod.gif) no-repeat;
}
#decodefaq {
margin:45px 0 40px 0;
padding:0;
width:412x; 
height:113px;
background: url(../image/titles/decode_faq.gif) no-repeat;
}
#aboutitle {
margin:45px 0 40px 0;
padding:0;
width:287px; 
height:34px;
background: url(../image/titles/about_title.gif) no-repeat;
}
#clientitle {
margin:45px 0 40px 0;
padding:0;
width:345px; 
height:26px;
background: url(../image/titles/clients_title.gif) no-repeat;
}
#contactitle {
margin:45px 0 85px 0;
padding:0;
width:330px; 
height:34px;
background: url(../image/titles/contact_title.gif) no-repeat;
}
#formtitle {
margin:45px 0 50px 0;
padding:0;
width:325px; 
height:86px;
background: url(../image/titles/form_title.gif) no-repeat;
border:none;
}
/*########################### ############################
############################   ###########################
##########################       #########################
####################### POPUPS CSS #######################
#####################                #####################*/
body.popup  {
background: url(../image/white.gif);
}
.popup #wrap{
width:600px;
margin:0;
}
.popup #main-content{
width:410px;
float:right;
margin:0 0 30px 0;
padding:0;
}
.popup #navigation{
width:180px;
float:left;
margin:0;
padding:0;
}
.popup #foot{
clear:both;
margin:0 0 0 190px;
padding:0;
text-align:left;
}
.popimages {
margin:78px 0 0 15px;
padding:0;
}
.imgpop {
margin:0 0 15px 0;
padding:0;
}
.poptext {
margin:38px 0 0 0;
padding:0;
}
.popup h1 {
margin:10px 0 0 15px;
padding:0;
}
.popup h2 {
color: #314263;
margin:0 0;
padding:0;
font-size:1.8em;
}
.popup h3 {
margin:10px 0;
padding:0;
color: #314263;
}
.popup p {
margin:0 0 20px 0;
padding:0;
}
.close {
float:right;
margin:10px 10px 0 0;
padding:0;
}
.viewerhome {
margin:0 0 10px 150px;
}
/*############################  ############################
############################     ###########################
##########################         #########################
####################### MINI PAGE CSS ######################
#####################                   ####################*/
.miniviewer #wrap {
width:770px;
}
.miniviewer #main-content {
width:540px;
}
#mini {
margin:45px 0 40px 0;
padding:0;
width:545px; 
height:112px;
background: url(../image/header_mini.gif) no-repeat;
}
.mini-image {
margin-left:60px;
margin-bottom:10px;
}
ul#miniviewer-list {
width:430px;
}
ul#miniviewer-list li {
list-style-type:disc;
margin-bottom:5px;
font-size:1.2em;
}
p.minilink {
text-align:center;
width:400px;
}
p.minilink a {
color:#374662;
font-style:italic;
font-weight:bold;
font-size:1.2em;
}
/*###########################  ###########################
###########################     ##########################
#########################         ########################
####################### CONTACT CSS ######################
#####################                #####################*/
.contactText {
  font-size:.8em;
  color:#314263;
  padding:5px;
 
}
.must {
  font-size: .8em;
  color: red;
}   
.error {
  font-size: 1em;
  color: red;
  }
.thankyou {
  font-size: 1em;
  color: #EF491A;
  font-weight; bold;
  }
 /*##########################  ###########################
###########################   ##########################
###########################  ###########################
###########################    ##########################*/
#pantone {
margin:0 0 24px 0;
padding:0;
border:none;
width:100%;
}
#pantoneWrapper {
margin:0 0 8px 0;
padding:0;
width:450px;
border:none;
}
#pantone h3 {
font-size:1.3em;
margin:0 0 5px 0;
padding:0 0 5px 0;
border-bottom:1px solid #999;
}
#pantone #pantoneBottom em, #pantone #pantoneRight em {
font-weight:bold;
font-size:100%;
}
#pantoneLeft {
float:left;
margin:0;
padding:0;
width:220px;
font-size:.9em;
background:none;
}
#pantoneRight {
float:right;
margin:0;
padding:0;
width:220px;
font-size:.9em;
background:none;
}
#pantoneBottom {
margin:0 auto;
padding:0;
font-size:.9em;
text-align:center;
width:360px;
}
#pantone img {
margin:0 0 5px 0;
padding:0;
}
.clear:after {
content:".";
height:0;
visibility:hidden;
display:block;
clear:both;
}
/***************DELIVERY OPTIONS ON CENTER PAGE*********************/
img.newreels {
margin:0 0 10px 0px;
}
.deliveryopts {
width:440px;
margin:10px 0 0 0;
padding:0;
}
.deliveryopts h3 {
margin:0 0 6px 0;
font-size:1.3em;
}
.deliveryhead {
float:left;
width:90px;
margin:0;
padding:2px 0 0 0;
}
.deliveryhead h4 {
font-size:1.1em;
color:#000;
}
.deliverycopy {
float:right;
width:340px;
margin:0;
padding:0;
}
.deliverycopy p {
line-height:1.5em;
}
.imgright {
float:right;
margin:2px 0 3px 4px;
}
#customreel {
margin:-14px 0 20px 0;
}
/*############################ NAV CSS ############################*/
#nav {
position:absolute;
width:195px;
height:499px;
top:0;
left:0;
background:url(../image/nav_sprite.gif) no-repeat;
margin:0;
padding: 0;
}
#nav li {margin:0;padding:0;list-style:none;position:absolute;left:0;}

#nav li, #nav a {width:195px; display: block;text-indent:-5000em;}

#navone {top: 0; height:24px;}
#navtwo {top:60px; height:40px;}
#navthree {top:100px; height:60px;}
#navfour {top:178px; height:26px;}
#navfive {top:242px; height:26px;}
#navsix {top:282px; height:18px;}
#navseven {top:320px; height:22px;}
#naveight {top:362px; height:20px;}
#navnine {top:402px; height:20px;}
#navten {top:445px; height:50px;}

#navone a, #navonecur a {top: 0; height:24px;}
#navtwo a, #navtwocur a {top:60px; height:40px;}
#navthree a, #navthreecur a {top:100px; height:60px;}
#navfour a, #navfourcur a {top:178px; height:26px;}
#navfive a, #navfivecur a {top:242px; height:26px;}
#navsix a {top:282px; height:18px;}
#navseven a {top:320px; height:22px;}
#naveight a {top:362px; height:20px;}
#navnine a {top:402px; height:20px;}
#navten a {top:445px; height:50px;}

#navone a:hover {top: 0; height:24px; background: transparent url(../image/nav_sprite.gif) -195px 0px no-repeat;}
#navtwo a:hover {top:60px; height:40px; background: transparent url(../image/nav_sprite.gif) -195px -60px no-repeat;}
#navthree a:hover {top:100px; height:60px;background: transparent url(../image/nav_sprite.gif) -195px -100px no-repeat;}
#navfour a:hover {top:178px; height:26px;background: transparent url(../image/nav_sprite.gif) -195px -178px no-repeat;}
#navfive a:hover {top:242px; height:26px;background: transparent url(../image/nav_sprite.gif) -195px -242px no-repeat;}
#navsix a:hover {top:282px; height:18px;background: transparent url(../image/nav_sprite.gif) -195px -282px no-repeat;}
#navseven a:hover {top:320px; height:22px;background: transparent url(../image/nav_sprite.gif) -195px -320px no-repeat;}
#naveight a:hover {top:362px; height:20px;background: transparent url(../image/nav_sprite.gif) -195px -362px no-repeat;}
#navnine a:hover {top:402px; height:20px;background: transparent url(../image/nav_sprite.gif) -195px -402px no-repeat;}
#navten a:hover {top:445px; height:50px;background: transparent url(../image/nav_sprite.gif) -195px -445px no-repeat;}

#navonecur {top:0; height:30px;background:transparent url(../image/nav_sprite.gif) -140px 0 no-repeat;}
#navtwocur {top:30px;height:36px;background:transparent url(../image/nav_sprite.gif) -140px -30px no-repeat;}
#navthreecur {top:66px; height:36px;background:transparent url(../image/nav_sprite.gif) -140px -66px no-repeat;}
#navfourcur {top:102px; height:38px;background:transparent url(../image/nav_sprite.gif) -140px -102px no-repeat;}
#navfivecur {top:140px; height:24px;background:transparent url(../image/nav_sprite.gif) -140px -140px no-repeat;}
/*################################################################*/