﻿
/* colors to use ------------

Light grey: #e5e5e5
Medium grey: #707070
Medium blue: #4c70b7

*/

/* Remove after Benji 
**************************************************
Product Selector Styles
.ProductSelectorPageCoverHide
{
    visibility: hidden;
    display: none;
}

.ProductSelectorPageCover
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #898787;
    opacity: .4;
    /*IE 8 compatibilty

.ProductSelectorPageCover
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #898787;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

.PSBox
{
    width: 1005px;
    height: 599px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100;
}

.PSBox #PSFrame
{
    border: 0px none;
    width: 1005px;
    height: 599px;
    overflow: visible;
}

.ClosePS
{
    position: absolute;
    top: 10px;
    right: 20px;
    color: Red;
    font-weight: bold;
}
.ClosePS:hover
{
    text-decoration: none;
    color: Red;
}*/
/**************************************************
Product Selector Styles*/



img
{
    border-style: none;
}

.SubHeader .SocialMediaLinks img
{float: none; margin: 0px;}
.SocialMediaLinks
{ padding-top: 4px;}

/* sections ----------------- */
.had_dloc_ul
{
    float: left;
    width: 98%;
}

.had_dloc_blue
{
    float: left;
    display: block;
    background-color: #fff;
    color: #4c70b7;
    text-decoration: none;
    font-weight: bold;
    font-size: 100%;
    height: 30px;
    position: relative;
    text-indent: 10px;
}
.had_dloc_zip
{
    margin-top: 2px;
    margin-left: 4px;
    font-style: italic;
    color: #707070;
}
.had_dloc_zip2
{
    margin-top: 2px;
    margin-left: 4px;
    font-style: normal;
    color: #000;
}
.had_dloc_email
{
    margin-top: 2px;
    font-style: italic;
}
.had_dloc_email2
{
    margin-top: 2px;
    font-style: normal;
}

.had_dloc_go
{
    padding-left: 20px;
    padding-top: 20px;
}

.had_dloc_czip
{
    margin-top: 2px;
    margin-left: 4px;
    margin-bottom: 4px;
    font-style: italic;
    color: #707070;
}
.had_dloc_czip2
{
    margin-top: 2px;
    margin-left: 4px;
    margin-bottom: 4px;
    font-style: normal;
    color: #000;
}
.had_dloc_go
{
    color: #4c70b7;
    font-weight: bold;
    font-size: 80%;
    font-style: italic;
    margin-left: -12px;
}


/* Left naviation --------- */
.hadBody
{
    width: 965px;
    margin: 0px auto;
    padding: 0px 13px;
    background: url(https://www.brother-usa.com/virdata/StaticContent/BrotherBrasil/Images/Header/header_bg.gif) repeat-y left top;
}

.hadLeftNav
{
    width: 184px;
    float: left;
    padding-top: 0px;
    padding-left: 6px;
}

.hadContentArea
{
    float: left;
    width: 768px;
    z-index: 1;
}

.hadlefttopbox
{
    width: 174px;
    float: left;
    border: 1px solid #e0e0e0;
    margin-top: 0px;
}
.hadleftnews
{
    margin-top: 5px;
    width: 174px;
    height: 145px;
    float: left;
    border: 1px solid #e0e0e0;
}
.hadleftibr
{
    margin-top: 5px;
    width: 174px;
    height: 140px;
    float: left;
    border: 1px solid #e0e0e0;
}
.hadleftdealer
{
    width: 174px;
    float: left;
    margin-top: 5px;
    border: 1px solid #e0e0e0;
}

.had_left_txt
{
    font-size: 70%;
    color: #606060;
    line-height: 1.5;
}
.had_left_blue
{
    font-size: 70%;
    color: #4c70b7;
    line-height: 1.5;
}

.had_left_blue_med
{
    font-size: 80%;
    color: #4c70b7;
    line-height: 1.5;
}
.had_blue_med_bold
{
    font-size: 80%;
    color: #4c70b7;
    line-height: 1.5;
    font-weight:bold;
}

.had_left_txti
{
    font-size: 70%;
    color: #606060;
    line-height: 1.5;
    font-style: italic;
}
.had_left_bluei
{
    font-size: 70%;
    color: #4c70b7;
    line-height: 1.5;
    font-style: italic;
}
.had_left_bluei2
{
    font-size: 65%;
    color: #4c70b7;
    line-height: 1.5;
}

.had_borderedDiv
{
    border: 2px solid #e5e5e5;
    margin: 0px 0px 0px;
    padding: 2px;
}

/* tabs -------------------- */
.had_tab
{
    width: 768px;
}

ul.tabs
{
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 24px;
    width: 763px;
    margin-left: 15px;
}
ul.tabs li
{
    float: left;
    height: 24px;
    top: +4px;
    border-left: none;
    overflow: hidden;
    position: relative;
    background: #fff;
}
ul.tabs li a
{
    text-decoration: none;
    color: #000;
    display: block;
    outline: none;
}

ul.tabs li a:hover
{
    background: #efefef;
}

html ul.tabs li.active, html ul.tabs li.active a:hover
{
    /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #fff;
    border-bottom: 2px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container
{
    border: 2px solid #bababa;
    height: 355px; /*	border-top: none; */
    overflow: hidden;
    clear: both;
    float: left;
    width: 763px;
    background: #fff;
}
.tab_content
{
    padding: 10px;
}


/* menu -------------------------- */



ul.had_menu
{
    list-style: none;
    position: relative;
    width: 167px;
    left: -40px;
    top: 0px;
    z-index: 1;
}
ul.had_menu > li
{
    width: 100%;
    height: 30px;
    padding-bottom: 2px;
    float: left;
    position: relative;
}
ul.had_menu > li > a
{
    display: block;
    background-color: #fff;
    color: #606060;
    text-decoration: none;
    font-weight: bold;
    font-size: 100%;
    width: 162px;
    position: relative;
    
}
ul.had_menu > li > a:hover, ul.had_menu > li.selected > a
{
    color: #606060; /*	opacity:0.0; */
}

.had_wrapper ul.hovered > li > a
{
    /*	background:#fff; */ /*	text-shadow:0px 0px 1px #FFF; */
}
/* menu box */
.had_menu_inside
{
    width: 90%;
    height: 90%;
    margin: 2px;
    border: 5px solid #ddd;
    z-index: 3;
}


ul.had_menu div.had_div
{
    position: absolute;
    background: #fff;
    width: 743px;
    height: 328px;
    display: none;
    border: 5px solid #ddd;
}
ul.had_menu div.had_div_short
{
    position: absolute;
    background: #fff;
    width: 550px;
    height: 328px;
    display: none;
    border: 5px solid #ddd;
}

ul.had_menu div.had_div_shortm
{
    position: absolute;
    background: #fff;
    width: 435px;
    height: 250px;
    display: none;
    border: 5px solid #ddd;
}


ul.had_menu div ul li a
{
    text-decoration: none;
    color: #707070;
    font: 50%;
    padding: 3px 0px 2px 0px;
    margin: 0px;
    display: block;
}
ul.had_menu div ul.had_full
{
    width: 100%;
}
/* menu links inside box*/
ul.had_menu div ul li a:hover
{
    background: #fff;
    color: #707070;
}
ul.had_menu li ul
{
    list-style: none;
    float: left;
    width: 100%;
    margin-right: 10px;
}
li.had_heading
{
    font-size: 100%;
    float: left;
    position: relative;
    width: 100%;
}

.had_menu_products
{
    width: 90%;
    height: 100%;
    margin-left: 10px;
    border: 5px solid #000;
    background: #dddddd;
}

.had_inside_header
{
    position: absolute;
    width: 100%;
    height: 30px;
    padding-left: 10px;
    padding-top: 8px;
}
.had_hdr_col
{
    font-size: 90%;
    color: #606060;
    font-weight: bold;
}
.had_med_grey
{
    color: #707070;
    font-size: 70%;
    line-height: 12px;
}
.had_xmed_grey
{
    color: #707070;
    font-size: 80%;
    line-height: 1.0;
}
.had_large_grey
{
    color: #707070;
    font-size: 100%;
    line-height: 1.0;
}
.had_large_blue
{
    color: #4c70b7;
    font-size: 100%;
    line-height: 1.0;
}

.had_med_blue
{
    color: #4c70b7;
    font-size: 70%;
    line-height: 1.0;
}
.had_inside_col1
{
    position: absolute;
    top: +10px;
    width: 126px;
    height: 273px;
    
}
.had_inside_col2
{
    position: absolute;
   top: +10px;
    width: 146px;
    left: 137px;
    height: 273px;
    line-height: 16px;
}
.had_inside_col3
{
    position: absolute;
    top: +10px;
    width: 146px;
    left: 283px;
    height: 273px;
    line-height: 16px;
}
.had_inside_col4
{
    position: absolute;
    top: +10px;
    width: 146px;
    left: 429px;
    height: 273px;
    float: left;
    line-height: 16px;
}
.had_inside_col5
{
    position: absolute;
    top: +10px;
    width: 125px;
    left: 574px;
    height: 273px;
    float: left;
    line-height: 16px;
}
.had_inside_shcol1
{
    position: absolute;
    top: +35px;
    width: 230px;
    height: 273px;
    line-height: 16px;
}
.had_inside_shcol2
{
    position: absolute;
    top: +5px;
    width: 270px;
    left: 232px;
    height: 273px;
    line-height: 16px;
}

.had_inside_smcol1
{
    position: absolute;
    top: +35px;
    width: 100px;
    height: 273px;
    line-height: 16px;
}
.had_inside_smcol2
{
    position: absolute;
    top: +35px;
    width: 280px;
    left: 100px;
    height: 273px;
    line-height: 24px;
}
.had_inside_smcol1a
{
    position: absolute;
    top: +35px;
    width: 186px;
    height: 273px;
    line-height: 16px;
}
.had_inside_smcol2a
{
    position: absolute;
    top: +35px;
    width: 230px;
    left: 156px;
    height: 273px;
    line-height: 24px;
}



.had_menu_link
{
    color: #4c70b7;
    font-size: 70%;
    line-height: 1.0;
}

/*carousel tage ============================*/
.jcarousel-skin-tango .jcarousel-container
{
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/BrotherBrasil/Images/HADimages/had_scroller_background_temp.gif);
    background-repeat: repeat-x;
}

.jcarousel-skin-tango .jcarousel-direction-rtl
{
    direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal
{
    margin-left: 25px;
    width: 630px;
    padding: 1px 30px;
}

.jcarousel-skin-tango .jcarousel-container-vertical
{
    width: 90px;
    height: 245px;
    padding: 10px 10px;
}

.jcarousel-skin-tango .jcarousel-clip
{
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal
{
    width: 630px;
    height: 90px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical
{
    width: 90px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item
{
    width: 190px;
    height: 80px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal
{
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal
{
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical
{
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder
{
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal
{
    position: absolute;
    top: 0px;
    right: -25px;
    width: 25px;
    height: 93px;
    cursor: pointer;
    background: transparent url(https://www.brother-usa.com/virdata/StaticContent/BrotherBrasil/Images/HADimages/had_scroller_right_temp.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal
{
    position: absolute;
    top: 0px;
    right: -25px;
    width: 25px;
    height: 93px;
    cursor: pointer;
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/BrotherBrasil/Images/HADimages/had_scroller_rightb_temp.gif)no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus
{
    /*background-position: -32px 0; */
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active
{
    /*background-position: -64px 0;*/
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active
{
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal
{
    position: absolute;
    top: 0px;
    left: -20px;
    width: 25px;
    height: 93px;
    cursor: pointer;
    background: transparent url(https://www.brother-usa.com/virdata/StaticContent/BrotherBrasil/Images/HADimages/had_scroller_left_temp.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal
{
    position: absolute;
    top: 20px;
    left: 0px;
    width: 25px;
    height: 93px;
    cursor: pointer;
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/BrotherBrasil/Images/HADimages/had_scroller_leftb_temp.gif);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus
{
    /* background-position: -32px 0; */
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active
{
    /*  background-position: -64px 0; */
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active
{
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical
{
    position: absolute;
    bottom: +15px;
    left: 1px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(https://www.brother-usa.com/virdata/StaticContent/BrotherBrasil/Images/HADimages/had_scroller_down.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:focus
{
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active
{
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active
{
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical
{
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(https://www.brother-usa.com/virdata/StaticContent/BrotherBrasil/Images/HADimages/had_scroller_up.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:focus
{
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active
{
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active
{
    cursor: default;
    background-position: 0 -96px;
}

/*
	Next/prev buttons


#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
      display:none;

}

#slides .next {
	left:585px;
}

/*
	Pagination


.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/Images/HADimages/pagination.png); 
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}


/*
	Caption


.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
      display:none; 
}

/*
	Footer


#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
}

#footer p {
	margin:4.5px 0;
	font-size:1.0em;
}

/*
	Anchors


a:link,a:visited {
	color:#599100;
	text-decoration:none;
}

a:hover,a:active {
	color:#599100;
	text-decoration:underline;
}

*/

/* theater area slideshow 
 
.webwidget_slideshow_dot{
    padding: 0px;
    margin: 0px;
    position: relative;
    font-family: Arial,Sans-Serif;
    font-size: 13px;
}
.webwidget_slideshow_dot a{
    text-decoration: none;
}
.webwidget_slideshow_dot a:hover{
    text-decoration: underline;
}
.webwidget_slideshow_dot .slides_box{
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    position: absolute;
}
.webwidget_slideshow_dot .title_thumb_box{
    width: 100%;
    position: absolute;
    bottom: 0px;
}
.webwidget_slideshow_dot .title_thumb_box .title_box{
    padding: 5px;
}
.webwidget_slideshow_dot .title_thumb_box .thumb_box{
    text-align: left;
    height: 0px;
}
.webwidget_slideshow_dot .title_thumb_box .thumb_box span{
    margin-right: 5px;
    margin-left: 5px;
}
.webwidget_slideshow_dot .title_thumb_box .thumb_box span img{
    cursor: pointer;
}
.webwidget_slideshow_dot img{
    padding: 0px;
    margin: 0px;
    border: none;
}
.webwidget_slideshow_dot ul{
    padding: 0px;
    margin: 0px;
    position: absolute;
    list-style: none;
}
.webwidget_slideshow_dot ul li{
    padding: 0px;
    margin: 0px;
    float: left;
}
.webwidget_slideshow_dot ul li a{
    display: block;
}
*/
/*To inform section
*/
.ToInformMain_Outer
{
    border: 4px solid #E0E0E0;
}
.ToInformMain_Inner
{
    border: 1px solid #bdbdbd;
}
.NewsLetterMain
{
    margin-left: 10px;
}
.ToInformMain_Inner .YearHeader
{
    background-color: #d6d6d6;
    font-size: 80%;
    padding-left: 10px;
    font-weight: bold;
    margin: 25px 0px 5px;
    color: #434343;
}
.NewsletterDate
{
    float: left;
    width: 100px;
    color: #434343;
    padding-left: 10px;
    font-size: 70%;
    font-weight: bold;
}
.NewsletterItem
{
    float: left;
    width: 600px;
    font-size: 70%;
}
.NewsletterItem a
{
    color: #434343;
    text-decoration: underline;
}

.PressReleaseDate
{
    float: left;
    width: 90px;
    color: #434343;
    padding: 10px 0px 0px 10px;
    font-size: 70%;
    font-weight: bold;
}
.PressReleaseItem
{
    float: left;
    width: 575px;
    padding: 10px 0px 0px 0px;
    font-size: 70%;
}
.PressReleaseItem a
{
    color: #434343;
    text-decoration: underline;
}

/* Setup new divs for Model Detial page */

.ModelDetailMoreInfo
{
    padding: 0px 0px 10px 0px;
}

.ModelDetailMoreInfo
{
    clear: both;
}
.ModelDetailMoreInfo a
{
    clear: both;
    color: #707070;
    font-size: 70%;
    font-weight: bold; width: 100%; display: block;
    
}
.ModelDetailMoreInfo a span
{
    display: block;
    float: left;
    padding: 7px 10px 4px 10px;
}

.ModelDetailMoreInfo .OtherInfoIcon
{
    float: left;
    padding: 4px 2px 0 10px;
}

.hadmddetail
{
    width: 611px;
    height: 400px;
    float: left;
    border: 4px solid #e0e0e0;
    margin-top: 8px;
}
.hadmddetailbl
{
    width: 609px;
    height: 398px;
    float: left;
    border: 1px solid #bdbdbd;
}
.hadmdrightmenu
{
    width: 145px;
    height: 400px;
    float: right;
    border-top: 4px solid #e0e0e0;
    border-bottom: 4px solid #e0e0e0;
    border-right: 4px solid #e0e0e0;
    margin-top: 8px;
}
.hadmdrightmenubl
{
    width: 143px;
    height: 398px;
    float: left;
    border: 1px solid #bdbdbd; overflow: hidden;
}
.hadmdrightmenublue
{
    width: 143px;
    height: 90px;
    float: left;
    background-color: #a0c2e2;
}
.hadmdrightmenulearn
{
    float: left;
    color: #707070;
    font-size: 70%;
    font-weight: bold;
    margin: 4px 0px 10px 5px;
}
.hadmdrightmenulearnul
{
    float: left;
    color: #707070;
    list-style-position: outside;
    padding: 0px 0px 0px 20px;
    margin: 0px 0px;
}
.hadmdrightmenulearna
{
    color: #707070;
    font-weight: bold;
}
.hadmdrightmenuvideoul
{
    float: left;
    color: #707070;
    margin-left: -20px;
    margin-top: -12px;
}

.hadmdrightmenulvideo
{
    color: #707070;
    font-weight: bold;
    font-size: 70%;
}


.hadmdrightmenulvideo a
{
    color: #707070;
}

.hadmdlikemenu
{
    width: 760px;
    height: 30px;
    float: left;
    border: 4px solid #e0e0e0;
    margin-top: 5px;
    margin-bottom: 5px;
}

.hadmdlikemenubl
{
    width: 758px;
    height: 28px;
    float: left;
    border: 1px solid #bdbdbd;
}

/* detail tabs -------------------- */
.dhad_tab
{
    width: 762px;
}

ul.dtabs
{
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 24px;
    width: 762px;
    margin-left: 16px;
}
ul.dtabs li
{
    float: left;
    height: 24px;
    width: 109px;
    top: +2px;
    border-left: none;
    overflow: hidden;
    position: relative;
    background: #e0e0e0;
}
ul.dtabs li a
{
    text-decoration: none;
    color: #000;
    display: block;
    outline: none;
}

ul.dtabs li a:hover
{
    background: #efefef;
}

html ul.dtabs li.active, html ul.dtabs li.active a:hover
{
    /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #fff;
    border-bottom: 2px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.dtab_container
{
    border: 2px solid #bababa; /*	height: 300px;    */ /*	border-top: none; */
    overflow: hidden;
    clear: both;
    float: left;
    width: 762px;
    background: #fff;
}
.dtab_content
{
    padding: 10px;
    clear: both;
    display: inherit;
}

.hadmainOVOverview
{
    float: left;
    display: inherit;
}

.hadmainOVFeatureText
{
  left: 5%;
}
.hadSpecColHead
{
    color: #4c70b7;
    font-weight: bold;
    font-size: 100%;
}
.hadReturnToTop
{
    float: right;
    font-weight: bold;
    font-size: 70%;
}
.hadSpecColHeadAccessories
{
    font-weight: bold;
    font-size: 80%;
}
.hadSpecColDetLine
{
    width: 100%;
    border-top: 2px solid #bababa;
    height: 2px;
}
.hadSpecColAccessoryRow
{
    position: static;
}
.hadSpecColImageArea
{
    float: left;
    width: 20%;
}
.hadSpecColDivText
{
    float: right;
    width: 78%;
    font-size: 80%;
}
.hadmainVideo
{
    float: left;
    height: 100px;
    display: inherit;
}

/* dealer locator */
.haddlfullscreen
{
    width: 763px;
    float: left;
    border: 4px solid #e0e0e0;
    margin-top: 8px;
}
.haddlfullscreenbl
{
    width: 761px;
    height: -2px;
    float: left;
    border: 1px solid #d5d5d5;
}
.haddlcontacthdr
{
    width: 761px;
    height: 20px;
    float: left;
    background-color: #d5d5d5;
    color: #707070;
    padding-top: 4px;
}
.had_dl_text
{
    margin-top: 2px;
    margin-left: 4px;
    font-style: italic;
    color: #707070;
    font-size: 80%;
}
.had_dl_text2
{
    margin-top: 2px;
    margin-left: 4px;
    font-style: normal;
    color: #000;
    font-size: 80%;
}
.had_dl_divider
{
    width: 100%;
    height: 1px;
    float: left;
    border-top: 1px solid #d5d5d5;
    margin-top: 5px;
    margin-bottom: 5px;
}

.had_contact_div_upper
{
    width: 700px;
    float: left;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
}

.had_contact_div
{
    width: 700px;
    float: left;
    padding: 25px;
    font-size: 90%;
    font-weight: bold;
}
.had_contact_form
{
    font-style: normal;
    color: #000;
    font-size: 100%;
    border-color: #d5d5d5;
    border-style: solid;
}

/*
----------------------------------------------------------------
Product List Page Section
*/

#Had_ProductList
{
    width: 739px;
    margin: 0px auto;
}


#Had_ProductList img
{
    border: none 0px;
}

#Had_ProductList h1
{
    color: #000;
    font-size: 115%;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

#Had_ProductList .ModelListItem
{
    width: 739px;
}

#Had_ProductList .ModeListItemFirstTop
{
}

#Had_ProductList .ModeListItemTop
{
    position: relative;
    width: 761px;
    height: 1px;
    float: left;
    border-top: 1px solid #d5d5d5;
    margin-top: 1px;
    margin-bottom: 15px;
}

#Had_ProductList .ModeListItemBottom
{
}


#Had_ProductList #ModelImage
{
    float: left;
    width: 160px;
    margin-left: 5px;
}

#Had_ProductList #divModelName
{
    float: left;
    width: 555px;
    padding-left: 15px;
}

#Had_ProductList #divModelName h3
{
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

#Had_ProductList .Rebate
{
    width: 96px;
    margin: 0px auto;
    padding-top: 5px;
}

#Had_ProductList .ModelName
{
    color: #0157aa;
    font-size: 100%;
    font-weight: bold;
}

#Had_ProductList .LearnMore
{
    float: left;
    padding-right: 5px;
}

#Had_ProductList .MicrositeLogo
{
    float: left;
    padding-left: 5px;
}

#Had_ProductList .ShortDesc
{
    margin: 0px;
    padding: 0px 0px 10px 0px;
    font-size: 85%;
    font-weight: bold;
    color: #0157aa;
}

#Had_ProductList .FeatureList
{
    padding: 0px;
    margin: 0px 0px 5px 0px;
    float: left;
    display: inline;
    width: 98%;
}

#Had_ProductList .FeatureList li
{
    background: url(https://www.brother-usa.com/virdata/StaticContent/BrotherBrasil/Images/HomeSewing/AtAGlance/gray-dot.gif) no-repeat 0px 4px;
    list-style-position: outside;
    list-style-type: none;
    padding: 0px 0px 3px 10px;
    margin: 0px;
    font-size: 70%;
    color: #747474;
}

#Had_ProductList .DealLoc
{
    float: left;
}
/*
End Product List Page Section
----------------------------------------------------------------
*/

/************************************************
CAPTIFY CAPTION
************************************************/
.caption-top, .caption-bottom
{
    color: #4c70b7;
    cursor: default;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    padding-top: 15px;
    z-index: 0;
}

.caption-top
{
    border-width: 0px;
}

.caption-bottom
{
    border-width: 0px;
}

.caption a, .caption a
{
    background: #000;
    border: none;
    text-decoration: none;
    padding: 2px;
    vertical-align: middle;
}

.caption a:hover, .caption a:hover
{
    background: #202020;
}




/*product carousel tage ============================*/
.jcarousel-skin-prod .jcarousel-container
{
    border: 2px solid #e5e5e5;
}

.jcarousel-skin-prod .jcarousel-direction-rtl
{
    direction: rtl;
}

.jcarousel-skin-prod .jcarousel-container-horizontal
{
    margin-left: 25px;
    width: 630px;
    padding: 10px 10px;
}

.jcarousel-skin-prod .jcarousel-container-vertical
{
    width: 125px;
    height: 335px;
    padding: 4px 4px;
    margin-top: 25px;
}

.jcarousel-skin-prod .jcarousel-clip
{
    overflow: hidden;
}

.jcarousel-skin-prod .jcarousel-clip-horizontal
{
    width: 630px;
    height: 90px;
}

.jcarousel-skin-prod .jcarousel-clip-vertical
{
    width: 125px;
    height: 335px;
}

.jcarousel-skin-prod .jcarousel-item
{
    width: 125px;
    height: 75px;
}

.jcarousel-skin-prod .jcarousel-item-horizontal
{
    margin-left: 0;
    margin-right: 0px;
}

.jcarousel-skin-prod .jcarousel-direction-rtl .jcarousel-item-horizontal
{
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-prod .jcarousel-item-vertical
{
    margin-bottom: 12px;
}

.jcarousel-skin-prod .jcarousel-item-placeholder
{
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-prod .jcarousel-next-horizontal
{
    position: absolute;
    top: +40px;
    right: -25px;
    width: 25px;
    height: 93px;
    cursor: pointer;
    background: transparent url(https://www.brother-usa.com/virdata/StaticContent/BrotherBrasil/Images/HADimages/had_scroller_up.jpg) no-repeat 0 0;
}

.jcarousel-skin-prod .jcarousel-direction-rtl .jcarousel-next-horizontal
{
    position: absolute;
    top: 20px;
    right: -25px;
    width: 25px;
    height: 93px;
    cursor: pointer;
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/BrotherBrasil/Images/HADimages/had_scroller_up.jpg)no-repeat 0 0;
}

.jcarousel-skin-prod .jcarousel-next-horizontal:hover, .jcarousel-skin-prod .jcarousel-next-horizontal:focus
{
    /*background-position: -32px 0; */
}

.jcarousel-skin-prod .jcarousel-next-horizontal:active
{
    /*background-position: -64px 0;*/
}

.jcarousel-skin-prod .jcarousel-next-disabled-horizontal, .jcarousel-skin-prod .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-prod .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-prod .jcarousel-next-disabled-horizontal:active
{
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-prod .jcarousel-prev-horizontal
{
    position: absolute;
    top: 0px;
    left: -20px;
    width: 57px;
    height: 20px;
    cursor: pointer;
    background: transparent url(https://www.brother-usa.com/virdata/StaticContent/BrotherBrasil/Images/HADimages/had_scroller_up.jpg) no-repeat 0 0;
}

.jcarousel-skin-prod .jcarousel-direction-rtl .jcarousel-prev-horizontal
{
    position: absolute;
    top: 20px;
    left: 0px;
    width: 57px;
    height: 20px;
    cursor: pointer;
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/BrotherBrasil/Images/HADimages/had_scroller_up.jpg);
}

.jcarousel-skin-prod .jcarousel-prev-horizontal:hover, .jcarousel-skin-prod .jcarousel-prev-horizontal:focus
{
    /* background-position: -32px 0; */
}

.jcarousel-skin-prod .jcarousel-prev-horizontal:active
{
    /*  background-position: -64px 0; */
}

.jcarousel-skin-prod .jcarousel-prev-disabled-horizontal, .jcarousel-skin-prod .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-prod .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-prod .jcarousel-prev-disabled-horizontal:active
{
    cursor: default; /*   background-position: -96px 0;*/
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-prod .jcarousel-next-vertical
{
    position: absolute;
    bottom: 5px;
    left: 40px;
    width: 57px;
    height: 20px;
    cursor: pointer;
    top: 347px;
    background: transparent url(https://www.brother-usa.com/virdata/StaticContent/BrotherBrasil/Images/HADimages/had_scroller_down.jpg) no-repeat 0 0;
}




.jcarousel-skin-prod .jcarousel-next-vertical:hover, .jcarousel-skin-prod .jcarousel-next-vertical:focus
{
    /*  background-position: 0 -32px; */
}

.jcarousel-skin-prod .jcarousel-next-vertical:active
{
    /*   background-position: 0 -64px; */
}

.jcarousel-skin-prod .jcarousel-next-disabled-vertical, .jcarousel-skin-prod .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-prod .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-prod .jcarousel-next-disabled-vertical:active
{
    cursor: default; /*  background-position: 0 -96px; */
    background: #fff;
}

.jcarousel-skin-prod .jcarousel-prev-vertical
{
    position: absolute;
    top: -23px;
    left: 40px;
    width: 57px;
    height: 20px;
    cursor: pointer;
    background: transparent url(https://www.brother-usa.com/virdata/StaticContent/BrotherBrasil/Images/HADimages/had_scroller_up.jpg) no-repeat 0 0;
}

.jcarousel-skin-prod .jcarousel-prev-vertical:hover, .jcarousel-skin-prod .jcarousel-prev-vertical:focus
{
    /*background-position: 0 -32px;*/
}

.jcarousel-skin-prod .jcarousel-prev-vertical:active
{
    /* background-position: 0 -64px;*/
}

.jcarousel-skin-prod .jcarousel-prev-disabled-vertical, .jcarousel-skin-prod .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-prod .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-prod .jcarousel-prev-disabled-vertical:active
{
    cursor: default; /*    background-position: 0 -96px;*/
    background: #fff;
}

/* Theater  */
.number_slideshow
{
    line-height: 20px;
    font-size: 80%;
    font-weight: bold;
    padding-left: 2px;
    margin: 0px;
    position: relative;
    display: none;
}
.number_slideshow .number_slideshow_nav
{
    padding: 0px;
    margin: 0px;
    position: absolute;
    bottom: 5px;
    left: 5px;
}
.number_slideshow .number_slideshow_nav li
{
    margin-left: 5px;
    top: 30px;
    position: relative;
    float: left;
}
.number_slideshow .number_slideshow_nav li a
{
    padding-left: 8px;
    padding-right: 8px;
}
.number_slideshow ul
{
    margin: 0px;
}
.number_slideshow ul li
{
    padding: 0px;
    margin: 0px;
    list-style: none;
    position: absolute;
}

.number_slideshow ul li a
{
    text-decoration: none;
}
.number_slideshow ul li a img
{
    border: none;
}

/* had supplies header for AccessoryDetail page */
.had_SuppliesHeader
{
    font-size: 100%;
    font-weight: bold;
    margin: 10px;
    position: relative;
}
.had_Supplies
{
    margin: 0 auto;
    width: 758px;
}

.had_AccDetailDetailInfo
{
    float: left;
    padding: 0;
    width: 530px;
}

/* brother club */
.had_BC_Background
{
    background: url("https://www.brother-usa.com/virdata/StaticContent/BrotherBrasil/Images/HADimages/had_signupnow-bkg.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 547px;
    width: 786px;
}
/* product listing */
.had_prodlist_hdr
{
    color:#707070;
    font-size: 82%;
    font-weight: bold;
    background-color: #e5e5e5;
    margin-top: 5px;
    padding: 4px;
    text-align: left;
}
