﻿.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; z-index:101;}

.letterboxPets{overflow:hidden;height:400px;display:block;position:relative;width:968px;}
.letterboxPets div{overflow:hidden;position:absolute;height:327px;border:1px solid #ccc;padding:20px;}
.letterboxPets div span{display:block;}

.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:896px;margin-top:20px;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(/images/arrow_back.gif) no-repeat 9px 8px #333;}
ul.nav a#lbNext{background:url(/images/arrow_next.gif) no-repeat 9px 8px #333;}
ul.nav a:hover{background-color:#666 !important;}

ul.petsArrows{position:absolute;left:905px;top:30px;z-index:10;}
ul.petsArrows a{text-align:center;display:block;background-color:#333;width:23px;height:23px !important;margin-left:3px;padding:0px;}
ul.petsArrows a#lbBack{background:url(/images/arrow_back.gif) no-repeat 9px 8px #333;}
ul.petsArrows a#lbNext{background:url(/images/arrow_next.gif) no-repeat 9px 8px #333;}

.letterboxHome a.arrowRight,.letterboxPets a.arrowRight
{
    color:#fff !important;
    background:transparent url(/images/arrow_next.png) no-repeat scroll 0 5px;                            
}
.letterboxHome a.arrowRight:hover,.letterboxPets a.arrowRight:hover
{
     color:#999 !important;
    background:transparent url(/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(/images/letterbox/balltech_mini.jpg) no-repeat;width:470px;height:200px;position:absolute;}
.airMuscleMini{background:url(/images/letterbox/airmuscle_mini.jpg) no-repeat;width:470px;height:200px;position:absolute;}
*/

/* CUSTOM BACKGROUNDS FOR LETTERBOXES */
.whtBackground{background-color:#FFF !important; width:100%;}

.ballTech{
    background:url(/images/letterbox/balltech.jpg) no-repeat;
    width:988px;
}
.handheldCampaign {
    background:url(/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(/images/letterbox/dc22Motorhead.jpg) no-repeat left;
    width:988px;
}
.dc23MotorHead{
    background:url(/images/letterbox/dc23TurbineHead.jpg) no-repeat right;
    width:988px;
}
.dc23MotorHeadCopy{ padding-right:600px; width:355px }

.dc22MotorHeadMini{ background:url(/images/letterbox/dc22MotorheadMini.jpg) #141414 no-repeat bottom right; }
.dc22MotorHeadCopy{ padding-left:600px; width:355px}
.dc26Mini{ background:url(/images/letterbox/dc26_mini.jpg) #141414 no-repeat bottom right; }
.ballTechMini{ background:url(/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(/images/letterbox/dc22.jpg) bottom no-repeat; height:280px}
.dc26{ background:url(/images/letterbox/dc26.jpg) no-repeat; width:988px; }
.dc30{ background:url(/images/letterbox/dc30.jpg) 40px bottom no-repeat; height:280px}
.dc31{ background:url(/images/letterbox/dc31.jpg) bottom no-repeat; height:280px}
.miniDc31{ background:url(/images/letterbox/dc31.jpg) #141414 no-repeat bottom right; }
.greyBorderSinglePanel{ background:url(/images/letterbox/leftGreyBorder.gif) left repeat-y ; height:280px}

.dc19dc23{background:url(/images/letterbox/dc19dc23/background.jpg) no-repeat 396px 132px;}

	
/* Used on DC30 letterbox US version */
.narrowTextColumn {width:170px}

/* dc33 offer mini-letterbox */
div.dc33offerMini{ position: absolute; background: url(../../images/letterbox/dc33offer/miniPanelBg.jpg) 0px 0px repeat-x #ffffff; height: 220px; width: 474px; }
div.dc33offerMini img{ position: absolute; left: 327px; top: 0px; }
div.dc33offerMini h1{ background: url(/images/letterbox/dc33offer/h1txt.png) 19px 15px no-repeat; width: 330px; height: 82px; text-indent: -10000px; }
div.dc33offerMini p{ font-size: 1.5em; margin: 0px 0px 0px 20px; }
div.dc33offerMini a.dc33termsMini{ margin: -17px 0px 0px 2px; font-size: 1em; text-decoration: none; }
a.dc33termsMini:hover, a.dc33termsMini:active, a.dc33termsMini:focus{ text-decoration: underline; color: #999999; }
div.dc33offerMini a.greyButton{ margin: 0px 0px 0px 21px; padding: 7px 0px !important; background: url("/images/homepage/btn_grey_bg.png") repeat-x scroll left top #C3C3C3; font-size: 1.2em; width: 115px; }
div.dc33offerMini p{ font-size: 1.2em; margin: 0px 0px 0px 20px; }
div.dc33offerMini .dc33bold{ font-weight: bold; }
div.dc33offerMini .dc33blue{ color: #0066cc; }

/* Digital slim mini letterbox */	
.digitalSlimMini {background:url(/images/letterbox/digiSlimSmlSideView.jpg) bottom no-repeat #141414;width:474px;height:220px;position:absolute;}
.digitalSlimMini span.header {font-size:130% !important;}
.digitalSlimMini .arrowRight {position:absolute; bottom:20px; background:transparent url(/images/arrow_next_off.gif) no-repeat scroll 0 3px !important;}
.digitalSlimMini .arrowRight:hover, .digitalSlimMini .arrowRight:focus {position:absolute; bottom:20px; background:transparent url(/images/arrow_next.gif) no-repeat scroll 0 3px !important;}

/* dysoncity mini letterbox */	
.dysoncity {background:url(/images/vacuums/DCpanel_bg.jpg) bottom no-repeat #141414; width:474px; height:220px; position:absolute;}
.dysoncity p{width:140px; margin-top:60px;}

/* dysoncity mini letterbox */	
.miniDC34Anuimal {background:url(/images/letterbox/dc34AnimalBg.jpg) no-repeat 170px 60px;width:474px;height:220px;position:absolute; margin-top:10px; padding:15px 20px;}
.miniDC34Anuimal .greyButton {background:#c3c3c3 url("/images/homepage/btn_grey_bg.png") repeat-x left top; min-height:24px; height:auto !important; height:24px; line-height:26px; padding:5px 0px; border:1px solid #d1d1d1; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}

