/*video hub CSS*/

/* FF border hack */
a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

.video-hub-container {
border: solid 1px #aed3ee;
background:#FFF;
padding:0px;
margin:0px;
width:560px;
}
.ie .video-hub-container {
width:560px;
}
.ie6 .video-hub-container {
width:560px;
}
.video-hub-titleBar {
width:560px;
height:57px;
background-image:url('/Allstate/content/refresh-images/widgets/bg_title_bar.jpg');
background-repeat:no-repeat;
}
.video-hub-title-copy {
padding:14px 0px 0px 70px;
border:none;
text-align:left;
color:#00467f;
font-size:22px;
font-family:"Arial", MS Sans Serif, Sans-Serif;
font-weight: bold;
}
.circleR { width:20px; font-size:13px; font-family:"Arial", MS Sans Serif, Sans-Serif; position: relative; top:-10px; }
.sup { font-size: 7px!important; font-weight: lighter; line-height: 2px;  }


.video-hub-fpo-body {
float:left;
width:420px;
height:245px;
border-top:#aed3ef solid 1px;
z-index: 100;
}

.video-hub-copy-container {
float:left;
width:132px;
height:280px;
background:url(/Allstate/content/refresh-images/widgets/bg_copy.jpg);
background-repeat:repeat-x;
padding:8px 0px 0px 8px;
border-top:#aed3ef solid 1px;
}

#legalCopy {  font-size:9px; font-family:"Arial", MS Sans Serif, Sans-Serif; color:#aaa; padding:5px; text-align: left; line-height: 9px;  }

.video-hub-copy-title {
width:125px;
padding:0px 0px 5px 0px;
line-height: 14px;
text-align:left;
color:#00467f;
font-size:14px;
font-weight:bold;
font-family:"Arial", MS Sans Serif, Sans-Serif;
}
.video-hub-copy {
width:122px;
height:auto;
padding:0px 8px 5px 0px;
border:none;
text-align:left;
color:gray;
font-size:10px;
line-height: 11px;
font-weight:normal;
font-family:"Arial", MS Sans Serif, Sans-Serif;
}

.ff3 .video-hub-copy {
width:125px;
height:auto;
padding:0px 8px 5px 0px;
border:none;
text-align:left;
color:gray;
font-size:10px;
line-height: 11px;
font-weight:normal;
font-family:"Arial", MS Sans Serif, Sans-Serif;
}

.button-container {
border-top:#aed3ef solid 1px;
float:left;
margin:0px 0px 0px 0px;
padding:0px;
background-color:#ffffff;
width:560px;/*559px*/
}
.ff3 .button-container {
margin:0px 0px 0px 0px;
}
.safari .button-container {
margin:0px 0px 0px 0px;
}
.vertical-button-bar {
float:left;

}
.film-strip-container {
float:left;
position:relative;
top:0px;
left:0px;
width:560px;
height:130px;   
background: url('/Allstate/content/refresh-images/widgets/bg_slide.jpg');
background-repeat: repeat-x;
}

.ie6 .film-strip-container {
height:130px;
background: url('/Allstate/content/refresh-images/widgets/bg_slide.jpg');
background-repeat: repeat-x;
}
.ff3 .film-strip-container {
height:130px;
}
.safari .film-strip-container {
height:130px;
}
.film-strip {
display:block;
float:left;
position:absolute;
left:0px;
top:0px;
width:560px;/*559px*/
margin:0px 0px 0px 0px;
padding:0px;
}
.video-hub-ctaBar {
float:left;
width:560px;/*560px*/
height:31px;
background-image:url('/Allstate/content/refresh-images/widgets/bg_footer.jpg');
background-repeat:repeat-x;
margin:0px 0px 0px 0px;
background-color:Transparent;
}
.video-hub-ctaBar-copy {
float:left;
width:250px;
height:20px;
margin:7px 10px 5px 10px;
padding:0px 0px 0px 0px;
border:none;
text-align:left;
background-color:Transparent;
color:#115288;
font-size:16px;
font-weight:bold;
font-family:"Arial", MS Sans Serif, Sans-Serif;
}

.videoTotal {padding:7px 0px 0px 12px; font-family:"Arial", MS Sans Serif, Sans-Serif; text-align:left; color:#00467f; font-size:11px; }
#videoTotal_1 { display: block; }
#videoTotal_2 { display: none; }
#videoTotal_3 { display: none; }

.thumbBorder { border:1px solid #abd2ef; } 

.zip-code-box-div {
float:left;
margin:5px 0px 0px 54px;
}
.ff3 .zip-code-box-div {
float:left;
margin:9px 0px 0px 114px;
}
.safari .zip-code-box-div {
float:left;
margin:9px 0px 0px 114px;
}
.zip-code-box {
border:none;
height:15px;
width:60px;
background-color:Transparent;
color:gray;
font-size:11px;
font-weight:normal;
font-family:"MS Sans Serif", Arial, Sans-Serif;
}
.quote-btn {
float:right;
padding:6px 10px 0px 0px;
cursor:pointer;
}
#wrap1 {
margin:0px;
width:auto;/*changing width as test*/
height:auto;/*changing height as test*/
display:block;
}
#wrap2 {
margin:0px;
width:auto;/*changing width as test*/
height:auto;/*changing height as test*/
display:block;
}
#wrap3 {
margin:0px;
width:auto;
height:auto;
display:block;
}
#wrap4 {
margin:0px;
width:auto;
height:auto;
display:block;
}
.clip-subTitle {
font-family:"Arial", MS Sans Serif, Sans-Serif;
font-size:11px;
font-weight:bold;
text-align:center;
color:#2f5c82;
line-height: 13px;
display: block;
}
.clip-thumbnail {
float:left;
padding:0px 0px 5px 0px;
}