﻿.letterboxHome{overflow:hidden;height:361px;display:block;position:relative;width:968px;padding:0px;margin:0px 10px;}
.letterboxHome div{overflow:hidden;position:absolute;height:350px;background-color:#000;margin-top:0px;}
.letterboxHome .column2, .letterboxHome .column3{margin:0px !important;}

.letterboxHome .prodName{margin-top:75px;}
.letterboxHome .copy{display:block;margin-top:10px;margin-bottom:20px;}
.letterboxHome ul.nav{position:absolute;z-index:1000;left:915px;margin-top:10px;width:60px;}

.miniLetterBox ul.nav{position:absolute;z-index:1000;left:405px;margin-top:5px;}
ul.nav a{text-align:center;display:block;background-color:#333;width:23px;height:23px !important;margin-left:3px;padding:0px;}
ul.nav a#lbBack{background:url(http://codelaboratories.com/template/images/arrow_back.gif) no-repeat 9px 8px #333;}
ul.nav a#lbNext{background:url(http://codelaboratories.com/template/images/arrow_next.gif) no-repeat 9px 8px #333;}
ul.nav a:hover{background-color:#666 !important;}

.letterboxHome a.arrowRight
{
    color:#fff !important;
    background:transparent url(http://codelaboratories.com/template/images/arrow_next.png) no-repeat scroll 0 5px;                            
}
.letterboxHome a.arrowRight:hover
{
     color:#999 !important;
    background:transparent url(http://codelaboratories.com/template/images/arrow_next_off.png) no-repeat scroll 0 5px;                            
}

/* MINI LETTERBOX */
.miniLetterBox{position:relative;width:474px;float:left;margin-left:10px;margin-right:10px;background-color:#141414;height:200px;}
.miniLetterBox .column1{margin-left:0px;}
.miniLetterBox span{line-height:140% !important;}
.miniLetterBox .header{padding:9px 0 0 0px;}
/*
.ballTechMini{background:url(http://codelaboratories.com/template/images/letterbox/balltech_mini.jpg) no-repeat;width:470px;height:200px;position:absolute;}
.airMuscleMini{background:url(http://codelaboratories.com/template/images/letterbox/airmuscle_mini.jpg) no-repeat;width:470px;height:200px;position:absolute;}
*/

/* CUSTOM BACKGROUNDS FOR LETTERBOXES */
.ballTech{
    background:url(http://codelaboratories.com/template/images/letterbox/balltech.jpg) no-repeat;
    width:988px;
}
.handheldCampaign {
    background:url(http://codelaboratories.com/template/images/letterbox/handheldCampaignBG.jpg) right no-repeat;
    height:345px !important;
    width:988px;
}
.airMultiplier { width:988px;}


.handheldCampaign span.header {color:#666; font-size:160%; margin:0 0 .25em 30px; line-height:135%;}
.handheldCampaign span.subTitle {color:#000; font-size:125%; font-weight:bold; margin:3em 0 0 30px;}
.handheldCampaign span.bold {font-weight:bold; color:#000; margin: 0 0 0px 30px; display:block;}
.handheldCampaign {color:#666; }
.handheldCampaign span a.goldButton, .handheldCampaign span a.greyButton {display:inline; height:30px; padding:4px 10px 3px 10px; margin-top:10px;}
.handheldCampaign span a.goldButton {margin-left:10px;}
.handheldCampaign .copy {margin:1em 0 1em 30px;}

.dc22MotorHead{
    background:url(http://codelaboratories.com/template/images/letterbox/dc22Motorhead.jpg) no-repeat left;
    width:988px;
}
.dc23MotorHead{
    background:url(http://codelaboratories.com/template/images/letterbox/dc23TurbineHead.jpg) no-repeat right;
    width:988px;
}
.dc23MotorHeadCopy{ padding-right:600px; width:355px }

.dc22MotorHeadMini{ background:url(http://codelaboratories.com/template/images/letterbox/dc22MotorheadMini.jpg) #141414 no-repeat bottom right; }
.dc22MotorHeadCopy{ padding-left:600px; width:355px}
.dc26Mini{ background:url(http://codelaboratories.com/template/images/letterbox/dc26_mini.jpg) #141414 no-repeat bottom right; }
.ballTechMini{ background:url(http://codelaboratories.com/template/images/letterbox/ballTech_mini.jpg) #141414 no-repeat bottom right; }
.greyCopy {display:block;margin-top:15px;margin-bottom:15px; font-size:1.0em; font-weight: bold}
.grey {color:#aaaaaa; }
.ballTechCol{width:305px !important; }
.dc22{ background:url(http://codelaboratories.com/template/images/letterbox/dc22.jpg) bottom no-repeat; height:280px}
.dc26{ background:url(http://codelaboratories.com/template/images/letterbox/dc26.jpg) no-repeat; width:988px; }
.dc30{ background:url(http://codelaboratories.com/template/images/letterbox/dc30.jpg) 40px bottom no-repeat; height:280px}
.dc31{ background:url(http://codelaboratories.com/template/images/letterbox/dc31.jpg) bottom no-repeat; height:280px}
.miniDc31{ background:url(http://codelaboratories.com/template/images/letterbox/dc31.jpg) #141414 no-repeat bottom right; }
.greyBorderSinglePanel{ background:url(http://codelaboratories.com/template/images/letterbox/leftGreyBorder.gif) left repeat-y ; height:280px}

.dc19dc23{background:url(http://codelaboratories.com/template/images/letterbox/dc19dc23/background.jpg) no-repeat 396px 132px;}

/* Used on DC30 letterbox US version */

.narrowTextColumn {width:170px}