img
{
    border: none 0px;
}

form /*IE 6 puts space around form tags*/
{
    padding: 0px;
    margin: 0px;
}

/************************************************************************************************************************
/* Classes -  FONT */

.Clearer
{
    clear: both;
    line-height: 0px;
}

.Black_Bold_70
{
    font-size: 70%;
    font-weight: bold;
    color: #000000;
}

.Black_Bold_80
{
    font-size: 80%;
    font-weight: bold;
    color: #000000;
}

.Black_Bold_95
{
    font-size: 95%;
    font-weight: bold;
    color: #000000;
}

.Blue__67
{
    color: #0066FF;
    font-size: 67%;
}
.DarkBlue_80_Bold
{
    color:#305B95;
    font-size:80%;   
    font-weight:bold;
}
.DarkBlue_100_Bold
{
    color:#305B95;
    font-size:100%;   
    font-weight:bold;
}
.Blue_Bold_78
{
    color: #0066FF;
    font-weight: bold;
    font-size: 78%;
}

.DarkBlue_Bold_70
{
    color: #003399;
    font-size: 70%;
    font-weight: bold;
}

.DarkBlue_Bold_80
{
    color: #003399;
    font-size: 80%;
    font-weight: bold;
}

.DarkBlue_Bold_90
{
    color: #003399;
    font-size: 90%;
    font-weight: bold;
}

.DarkBlue_Bold_100
{
    color: #003399;
    font-size: 100%;
    font-weight: bold;
}

.DarkBlue_Bold_125
{
    color: #003399;
    font-size: 125%;
    font-weight: bold;
}

.DarkBlue__120
{
    color: #003399;
    font-size: 120%;
}

.DarkBlue__140
{
    color: #003399;
    font-size: 140%;
}

.DarkBlue__160
{
    color: #003399;
    font-size: 160%;
}

.Gray__70
{
    color: #666666;
    font-size: 70%;
}

.Gray_Bold_70
{
    color: #666666;
    font-size: 70%;
    font-weight: bold;
}

.Gray_Bold_80
{
    color: #666666;
    font-size: 80%;
    font-weight: bold;
}

.Gray_Bold_100
{
    color: #666666;
    font-size: 100%;
    font-weight: bold;
}
.Green_Bold_70
{
    color: Green;
    font-weight: bold;
    font-size: 70%;
}


.Maroon__80
{
    font-size: 80%;
    color: #6E0E0F;
}

.Maroon_Bold_90
{
    font-size: 80%;
    color: #6E0E0F;
    font-weight: bold;
}

.Maroon_Bold_None
{
    color: #6E0E0F;
    font-weight: bold;
}

.NoColor_Bold_None
{
    font-weight: bold;
}

.NoColor_Bold_82
{
    font-size: 82%;
    font-weight: bold;
}

.NoColor__67
{
    font-size: 67%;
}

.NoColor__69
{
    font-size: 69%;
}


.NoColor__70
{
    font-size: 70%;
}

.NoColor__72
{
    font-size: 72%;
}

.NoColor__75
{
    font-size: 75%;
}

.NoColor__78
{
    font-size: 78%;
}

.NoColor__80
{
    font-size: 80%;
}

.NoColor__82
{
    font-size: 82%;
}

.NoColor__90
{
    font-size: 90%;
}

.NoColor__95
{
    font-size: 95%;
}

.NoColor_Bold_67
{
    font-size: 67%;
    font-weight: bold;
}

.NoColor_Bold_70
{
    font-size: 70%;
    font-weight: bold;
}

.NoColor_Bold_72
{
    font-size: 72%;
    font-weight: bold;
}

.NoColor_Bold_80
{
    font-size: 80%;
    font-weight: bold;
}

.NoColor_Bold_100
{
    font-size: 100%;
    font-weight: bold;
}

.NoColor_Bold_110
{
    font-size: 110%;
    font-weight: bold;
}


.NoColor_Bold_105
{
    font-size: 105%;
    font-weight: bold;
}


.RedBoldFont
{
    font-weight: bold;
    color: #FF0000;
}

.Red_Bold_70
{
    font-size: 70%;
    color: #ff0000;
    font-weight: bold;
}

.Red_Bold_80
{
    font-size: 80%;
    color: #ff0000;
    font-weight: bold;
}
.Red__70
{
    font-size: 70%;
    color: #ff0000;
}

.Red_Bold_100
{
    font-size: 100%;
    font-weight: bold;
    color: #FF0000;
}
.SourceSansPro_90
{
    font-family: 'Source Sans Pro', sans-serif;
    color:#4A4744;
    font-size:90%;
}
.SourceSansPro_100
{
    font-family: 'Source Sans Pro', sans-serif;
    color:#4A4744;
    font-size:100%;
}
.SourceSansPro_110
{
    font-family: 'Source Sans Pro', sans-serif;
    color:#4A4744;
    font-size:110%;
    font-weight:normal;
}
.SourceSansPro_120_UpperCase
{
    font-family: 'Source Sans Pro', sans-serif;
    color:#4A4744;
    font-size:120%;
    text-transform:uppercase;
}
.SourceSansPro_150_UpperCase
{
    font-family: 'Source Sans Pro', sans-serif;
    color:#4A4744;
    font-size:120%;
    text-transform:uppercase;
}
.White__70
{
    color: White;
    font-size: 70%;
}

.White_Bold_70
{
    color: White;
    font-size: 70%;
    font-weight: bold;
}

.White_Bold_75
{
    color: White;
    font-size: 75%;
    font-weight: bold;
}

.White_Bold_90
{
    color: White;
    font-size: 90%;
    font-weight: bold;
}

.White_Bold_100
{
    color: White;
    font-size: 100%;
    font-weight: bold;
}

.White_Bold_115
{
    font-weight: bold;
    font-size: 115%;
    color: white;
}


/************************************************************************************************************************/

/* Classes - NON FONT */

.BlueBkgroundHeader
{
    background: #E8ECEF url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/InteriorHeaders/bk-bluebar.gif) repeat-x 0 0;
    width: 100%;
    height: 29px;
    clear: both;
    margin-top: 7px;
    margin-bottom: 10px;
    padding-top: 6px;
    padding-left: 4px;
}


.FormStyle
{
    border: #7B869A 1px solid;
    background-color: #FFFFFF;
    color: #000000;
}

.HeaderLogo
{
    margin: 10px 10px;
    float: left;
    border: none;
}


.HeaderLinks
{
    color: White;
    font-size: 70%;
    list-style-type: none;
    margin: 0px;
    padding: 2px 30px;
    float: right;
}

#HeaderText
{
    padding-left: 10px;
    padding-top: 10px;
    color: #003399;
    font-size: 80%;
    font-weight: bold;
}

.NavBar
{
    background: #E8ECEF url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/Header/topnav_bg.jpg) repeat-x 0 0;
    width: 100%;
    height: 34px;
    clear: both;
    margin-top: 8px;
    margin-bottom: 0px;
}



/*
.PageHeader
{
    background: #1D43A4 url(/Images/Header/Header_BG.jpg) repeat-y 0 0;
    width: 100%;
    height: 63px;
    margin-bottom: 5px;
    clear: both;
}
*/
.bra_logo { 
  width:106px;
	text-align:left;
	padding-top:11px;
	padding-left:18px;
	float:left;
}
.HeaderSearchTextBox {
    float: left;
    font-size: 70%;
    height: 15px;
    margin-right: 5px;
    margin-top: 3px;
    width: 215px;
}
#PageBody
{
    width: 90%;
}

/*FAQ*/
.FAQRightBox
{
    background: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/FAQ/FAQ_Background.gif) no-repeat right 5px;
    width: 252px;
    padding-left: 10px;
    height: 374px;
    float: right;
    border-left: solid 1px #e1e1e1;
    margin-bottom: 10px;
}

.FAQRightBoxContainer > .FAQRightBox
{
    height: auto;
    min-height: 380px;
}

.FAQRightBoxContent
{
    padding-left: 8px;
}
.FAQRightBoxHeader
{
    color: #6878c6;
    font-size: 90%;
    font-weight: bold;
}

.FAQRightBoxBottomLeft
{
    display: block;
    float: right;
}

.FAQRightBoxFAQs
{
    font-size: 70%;
    margin-right: 2px;
}

.FAQRightBoxFAQs div
{
    margin: 15px 0px;
}

.FAQHeaderQuestion
{
    font-size: 90%;
    font-weight: bold;
}


.FAQAnswer
{
    font-size: 70%;
}
/*End FAQ*/


/*Welcome Page*/

.WelcomeBold
{
    font-weight: bold;
    color: #6878c6;
}

.WelcomeColumn
{
    width: 31%;
    float: left;
    margin: 10px 0px;
    padding: 0 1%;
}

.MiddleWelcomeColumn
{
    width: 31%;
    float: left;
    padding: 0 1%;
    margin: 10px 0px;
    border-left: solid 1px #e1e1e1;
    border-right: solid 1px #e1e1e1;
}
/*End Welcome Page*/


/* Styles for Rounded Corner dynamic height div - Thin*/

.RoundedCornerDiv
{
    background-color: #FFFFFF;
    width: 100%;
    float: left;
    margin-top: 0px;
    padding: 0;
}

.RoundedCornerDivTop
{
    background-color: #FFFFFF;
    width: 100%;
    height: 18px;
    float: left;
    clear: both;
    padding: 0;
}

.TopLeftRoundedCorner
{
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/FadedRoundCorneredDivImages/TopLeftRoundedCorner.jpg);
    background-repeat: no-repeat;
    width: 12px;
    height: 20px;
    margin-top: 0;
    padding: 0;
    float: left;
}

.TopBackMiddle
{
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/FadedRoundCorneredDivImages/TopBorderLine.jpg);
    background-repeat: repeat-x;
    width: 100%;
    height: 12px;
    margin: 0;
    padding: 0;
    float: left;
}

.TopRightRoundedCorner
{
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/FadedRoundCorneredDivImages/TopRightRoundedCorner.jpg);
    background-repeat: no-repeat;
    width: 12px;
    height: 20px;
    margin: 0;
    padding: 0;
    float: left;
}

.RoundedCornerDivContentAreaExtraWhiteSpace
{
    background-color: #FFFFFF;
    float: left;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    padding: 5px;
}

.RoundedCornerDivContentArea
{
    background-color: #FFFFFF;
    float: left;
    margin: 0;
    padding: 0px;
    clear: both;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    height: 100%;
    width: 100%; /*background-image: url(/Images/FadedRoundCorneredDivImages/FadedBackground.jpg);*/
    background-repeat: repeat-x;
    background-position: top;
}

.RoundedCornerDivBottom
{
    background-color: #FFFFFF;
    width: 100%;
    float: left;
    clear: both;
    padding: 0;
}

.BottomLeftRoundedCorner
{
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/FadedRoundCorneredDivImages/BottomLeftRoundedCorner.jpg);
    background-repeat: no-repeat;
    width: 12px;
    height: 20px;
    margin: 0;
    padding: 0;
    float: left;
}

.BottomBackMiddle
{
    background-color: #FFFFFF;
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/FadedRoundCorneredDivImages/BottomBorderLine.jpg);
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
    padding: 0;
    float: left;
}

.BottomRightRoundedCorner
{
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/FadedRoundCorneredDivImages/BottomRightRoundedCorner.jpg);
    background-repeat: no-repeat;
    width: 12px;
    height: 20px;
    margin: 0;
    padding: 0;
    float: left;
}

/* End of Styles for Rounded Corner dynamic height div - Thin */


/* Styles for Rounded Corner dynamic height div - Thick */

.RoundedCornerDivThick
{
    background-color: #FFFFFF;
    width: 100%;
    float: left;
    margin-top: 0px;
    padding: 0;
}

.RoundedCornerDivTopThick
{
    background-color: #FFFFFF;
    width: 100%;
    height: 18px;
    float: left;
    clear: both;
    padding: 0;
}

.TopLeftRoundedCornerThick
{
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/FadedRoundCorneredDivImages/TopLeftRoundedCorner.jpg);
    background-repeat: no-repeat;
    width: 12px;
    height: 20px;
    margin-top: 0;
    padding: 0;
    float: left;
}

.TopBackMiddleThick
{
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/FadedRoundCorneredDivImages/TopBorderLine.jpg);
    background-repeat: repeat-x;
    width: 100%;
    height: 12px;
    margin: 0;
    padding: 0;
    float: left;
}

.TopRightRoundedCornerThick
{
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/FadedRoundCorneredDivImages/TopRightRoundedCorner.jpg);
    background-repeat: no-repeat;
    width: 12px;
    height: 20px;
    margin: 0;
    padding: 0;
    float: left;
}

.RoundedCornerDivContentAreaExtraWhiteSpaceThick
{
    background-color: #FFFFFF;
    float: left;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    padding: 5px;
}

.RoundedCornerDivContentAreaThick
{
    background-color: #FFFFFF;
    float: left;
    margin: 0;
    padding: 0px;
    clear: both;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    height: 100%;
    width: 100%; /*background-image: url(/Images/FadedRoundCorneredDivImages/FadedBackground.jpg);*/
    background-repeat: repeat-x;
    background-position: top;
}

.RoundedCornerDivBottomThick
{
    background-color: #FFFFFF;
    width: 100%;
    float: left;
    clear: both;
    padding: 0;
}

.BottomLeftRoundedCornerThick
{
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/FadedRoundCorneredDivImages/BottomLeftRoundedCorner.jpg);
    background-repeat: no-repeat;
    width: 12px;
    height: 20px;
    margin: 0;
    padding: 0;
    float: left;
}

.BottomBackMiddleThick
{
    background-color: #FFFFFF;
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/FadedRoundCorneredDivImages/BottomBorderLine.jpg);
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
    padding: 0;
    float: left;
}

.BottomRightRoundedCornerThick
{
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/FadedRoundCorneredDivImages/BottomRightRoundedCorner.jpg);
    background-repeat: no-repeat;
    width: 12px;
    height: 20px;
    margin: 0;
    padding: 0;
    float: left;
}

/* End of Styles for Rounded Corner dynamic height div */

.LeftSideWithFAQRightSide
{
    width: 700px;
    float: left;
}


.Crumbs
{
    background-image: none;
    padding-left: 15px;

    height: 25px;
    margin-top:-35px;
    width:900px;
}

.Crumbs span
{
    display: block;
    margin-top: 5px;
}



.PageWithLeftNav
{
    /*width: 720px;*/
    width: 830px;
    float: right;
    margin-right:-30px;
}


.FullWidthPage
{
    width: 980px;
}


/*Styles for Design Detail Page*/
.DesignDetailImageArea
{
    margin-top: 5px;
    width: 240px;
    float: left; text-align: center;
}

.DesignDetailImageArea img
{
    margin: 0px auto;
    display: block;
}

.DesignDetailImageArea input
{
    display: block;
    padding: 3px 0px;
    margin: 0px auto;
}

.DDMyFaves
{
    margin-top: 5px;
    text-align: center;
}

#DesignDetail .DLRoundedCornerDiv
{
    padding: 5px 0px 10px 0px;
}

.DDTopBackMiddle
{
    /*background-image: url(/Images/DesignListFadedRoundCorneredDivImages/TopBorderLine.jpg);
    background-repeat: repeat-x;*/
    width: 695px;
    height: 20px;
    margin: 0;
    padding: 0;
    float: left;
    background-color: #FFFFFF;
}

.DDBottomBackMiddle
{
    background-color: #FFFFFF;
    /*background-image: url(/Images/DesignListFadedRoundCorneredDivImages/BottomBorderLine.jpg);
    background-repeat: repeat-x;*/
    height: 20px;
    width: 100%;
    padding: 0;
    float: left;
    width: 695px;
}


.DDRoundedCornerDivContentArea
{
    background-color: #FFFFFF;
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    clear: both;
    width: 707px;
    /*background-image: url(/Images/DesignListFadedRoundCorneredDivImages/DDFadedBackground.jpg);
    background-repeat: repeat-y;*/
    background-position: left top;
}

.DDDetailAreaHeader
{
    /*background-image: url(/Images/Lines/FadedLine-675-Maroon.jpg);
    background-repeat: no-repeat;*/
    background-position: left bottom;
}

.DDDetailArea .DDItemTitle
{
    float: left;
    border-right: dashed 2px #6878c6;
    padding-right: 20px;
    margin-right: 20px;
}

.DDDetailArea .DDItemNumber
{
    padding-bottom: 5px;
}

.DDDetailArea .DDShortDesc
{
    clear: both;
    padding: 5px 0px;
}

.DDLongDesc
{
    padding: 10px 0px;
}

.DetailTable
{
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/DesignDetail/bg_detail_table.gif);
    background-repeat: repeat-y;
    background-position: 257px 0px;
    width: 697px;
    border-bottom: solid 2px #6878c6;
}

.DDThreads, .DDForUseWith, .DDForUseWith
{
    /*height: 80px;*/
    padding-bottom: 5px;
}

/*.DetailTable > .DDThreads, .DetailTable > .DDForUseWith, .DetailTable > .DDForUseWith
{
    height: auto;
    min-height: 80px;
}*/

.DDThreads
{
    clear: left;
    float: left;
    width: 260px;
    padding-top: 3px;
}

.DetailTableHeader
{
    background-color: #6878c6;
    float: left;
}

.DetailTableHeader div
{
    float: left;
}

.DDThreadItem
{
    border-bottom: solid 1px black;
    padding: 0px 2px 2px 2px;
    width: 240px;
    float: left;
    margin: 3px 0px;
    height: 25px;
}
.DDThreads > .DDThreadItem
{
    height: auto;
    min-height: 25px;
}

.DDThreadItem img
{
    padding-top: 2px;
    float: left;
}

.DDThreadItem div
{
    width: 200px;
    float: left;
    padding: 4px 0px 0px 5px;
}

.DDForUseWith
{
    float: left;
    width: 210px;
    margin: 3px 5px 0px 5px;
    font-size: 70%;
}

.DDDimensions
{
    float: left;
    width: 192px;
    margin-left: 10px;
}

.DDDimensions span
{
    display: block;
    padding: 3px 0px;
}

.DDDimensions br
{
    display: none;
}

.DDFooter
{
    clear: both;
    width: 697px;
    /*background-image: url(/Images/DesignList/HoverBottomRight.jpg);
    background-repeat: no-repeat;*/
    background-position: right bottom;
    margin-top: 20px;
}

/*End Styles for Design Detail page*/

/*Styles for Design List page*/
.DesignList
{
    /*width for page with the right column width: 550px;*/ /*width for page with no right column*/
}

.PagerOptions
{
    padding: 10px;
}

.PagerOptions div
{
    width: 50%;
    float: left;
}

.DLBottomPager
{
    text-align: center;
    margin: 0px auto 10px auto;
}

.DLBottomPager input
{
    position: relative;
    top: 3px;
}
.PagerOptions input
{
    position: relative;
    top: 3px;
}

.TwoBrands img
{
    display: block;
    float: left;
    padding-left: 10px;
}

.DesignListImageList
{
    clear: both;
    margin-top: 20px;
}

.DesignListItem
{
    width: 24%;
    float: left;
    border-right: solid 1px #e1e1e1;
    border-top: solid 1px #e1e1e1;
    height:230px;
    
}
.DownloadListItem
{
    width: 24%;
    float: left;
    border-right: solid 1px #e1e1e1;
    border-top: solid 1px #e1e1e1;
    height:330px;
    
}
.DesignListItemMiddle
{
    width: 162px;
    border-left: solid 1px #e1e1e1;
    border-right: solid 1px #e1e1e1;
    padding: 0px 10px;
    margin-bottom: 40px;
    float: left;
}

.DesignListItemMiddleLeft
{
    width: 160px;
    border-left: solid 1px #e1e1e1;
    border-right: solid 1px #e1e1e1;
    padding: 0px 0px;
    margin-bottom: 40px;
    float: left;
}

.DesignListItemMiddleRight
{
    width: 160px;
    border-right: solid 1px #e1e1e1;
    padding: 0px 0px;
    margin-bottom: 40px;
    float: left;
}


.DesignListItemHeader
{
    text-align: center;
    font-weight: bold;
    font-size: 70%;
    height: 50px;
}

.DesignListItemHeader a
{
    text-decoration: underline;
}

.DesignListItemImage img
{
    margin: 0px auto;
    display: block;
    padding-top:8px;
}
.DesignListImageList .ItemNumber
{
    font-size: 70%;
    text-decoration: underline;
}

.DesignListItemImage
{
    height: 180px;
    
}

.DesignListItemImagePop
{
    position: absolute;
    top: 10px;
    left: -15px;
    border: solid 2px #808080;
    background-color:rgba(255, 255, 255, 0.9);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFFFFF)";
    height:auto;
    width: 380px;
}

.DesignDetailImagePop
{
    position: absolute;
    top: 225px;
    left: 275px;
    border: solid 2px #808080;
    background-color:#FFFFFF;
    height:auto;
    width: 380px;
    z-index:9999;
}
.DLImagePopTopLefts
{
    float: left;
}

.DLImagePopBottomRight
{
    float: right;
    clear: both;
}

.DLImagePopImage
{
    clear: left;
    float: left;
    width: 220px;
}

.DLImagePopContent
{
    width: 150px;
    float: right;
    /*font-size: 70%;*/
}


.divSubCategoryImage
{
    padding-top:10px;   
}
.DesignListItemActions
{
    margin: 0px auto;
    width: 134px;
}
.DesignListItemActions input
{
    margin: 2px 0px;
    padding: 0px;
}

.DesignListItemShortDesc
{
    height: 40px;
    width:100%;
    Background-color:#F0F0F0;
    padding-top:10px;
}

.DesignListItemForUse
{
    font-size: 70%;
    clear: both;
    padding:5px;
}

.DLRightColumn
{
    width: 164px;
    float: right;
    margin-top: 20px;
    border-left: solid 1px #e1e1e1;
    padding-left: 5px;
    padding-bottom: 20px;
}

.DLDisclaimer
{
    clear: both;
    padding: 20px 20px 0px 20px;
    font-size: 65%;
    width:90%;
}

/*My favorites*/
.MyFavorites
{
    width: 700px;
    float: left;
}

.MyFavItem
{
    width: 200px;
    margin: 0px 10px 40px 10px;
    float: left;
}

.MyFavItemNumber
{
    text-align: center;
}

.MyFavItemImage img
{
    margin: 0px auto;
    display: block;
}

.MyFavItemImage
{
    height: 125px;
}

.MyFavItemMiddle
{
    width: 220px;
    border-left: solid 1px #e1e1e1;
    border-right: solid 1px #e1e1e1;
    padding: 0px 10px;
    margin-bottom: 40px;
    float: left;
}

.MyFavItemActions
{
    margin: 0px auto;
    width: 134px;
    text-align: center;
}
.MyFavItemActions span
{
    display: block;
    height: 31px;
    margin-top: 0px;
    font-size: 80%;
    font-weight: bold;
    color: #8e8e8e;
}

.MyFavItemShortDesc
{
    height: 65px;
}


.MyFavItemForUse
{
    margin-top: 20px;
    height: 140px;
}


.Thumbnail
{
    position: relative;
    z-index: 0;
}

.Thumbnail:hover
{
    background-color: transparent;
    z-index: 150;
}

.Thumbnail img
{
    border: 0px;
}

/*CSS for enlarged image*/
.Thumbnail span
{
    position: absolute;
    background-color: #FFFFFF;
    display: none;
    border: 3px solid gray;
    visibility: hidden;
    color: #000000;
    text-decoration: none;
    clear: both;
}

/*CSS for enlarged image*/
.Thumbnail span img
{
    border: 0px;
}

/*CSS for enlarged image on hover*/
.Thumbnail:hover span
{
    visibility: visible;
    display: block;
    left: 0px; /*position where enlarged image should offset horizontally */
    top: -20px;
}

/*CSS for enlarged image*/
.Thumbnail input
{
    background-color: #F1A649;
    color: #000000;
    border: 0px;
    width: 125px;
    height: 20px;
    font-size: 9px;
}


.DLRoundedCornerDiv
{
    width: 725px;
    float: left;
    margin: 0px;
    padding: 0;
}

.DLRoundedCornerDivTop
{
    width: 100%;
    height: 18px;
    float: left;
    clear: both;
    padding: 0;
}

.DLTopLeftRoundedCorner
{
    /*background-image: url(/Images/DesignListFadedRoundCorneredDivImages/TopLeftRoundedCorner.jpg);
    background-image: url(/Images/DesignListFadedRoundCorneredDivImages/top_left.gif);
    background-repeat: no-repeat;*/
    width: 12px;
    height: 20px;
    margin-top: 0;
    padding: 0;
    float: left;
}

.DLTopBackMiddle
{
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/DesignListFadedRoundCorneredDivImages/TopBorderLine.jpg);
    background-repeat: repeat-x;
    width: 100%;
    height: 20px;
    margin: 0;
    padding: 0;
    float: left;
    background-color: #FFFFFF;
}

.DLTopRightRoundedCorner
{
    /*background-image: url(/Images/DesignListFadedRoundCorneredDivImages/TopRightRoundedCorner.jpg);
    background-image: url(/Images/DesignListFadedRoundCorneredDivImages/top_right.gif);
    background-repeat: no-repeat;*/
    width: 12px;
    height: 20px;
    margin: 0;
    padding: 0;
    float: left;
}

.DLRoundedCornerDivContentArea
{
    background-color: #FFFFFF;
    float: left;
    margin: 0;
    padding: 0px;
    clear: both; /*border-left: solid 1px #CCCCCC;     border-right: solid 1px #CCCCCC;*/
    height: 100%;
    width: 175px;
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/DesignListFadedRoundCorneredDivImages/FadedBackground.jpg);
    background-repeat: repeat-y;
    background-position: top;
}

.DLRoundedCornerDivBottom
{
    width: 100%;
    float: left;
    clear: both;
    padding: 0;
}

.DLBottomLeftRoundedCorner
{
    /*background-image: url(/Images/DesignListFadedRoundCorneredDivImages/BottomLeftRoundedCorner.jpg);
    background-image: url(/Images/DesignListFadedRoundCorneredDivImages/bottom_left.gif);
    background-repeat: no-repeat;*/
    width: 12px;
    height: 20px;
    margin: 0;
    padding: 0;
    float: left;
}

.DLBottomBackMiddle
{
    background-color: #FFFFFF;
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/DesignListFadedRoundCorneredDivImages/BottomBorderLine.jpg);
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
    padding: 0;
    float: left;
}

.DLBottomRightRoundedCorner
{
    /*background-image: url(/Images/DesignListFadedRoundCorneredDivImages/BottomRightRoundedCorner.jpg);
    background-image: url(/Images/DesignListFadedRoundCorneredDivImages/bottom_right.gif);
    background-repeat: no-repeat;*/
    width: 12px;
    height: 20px;
    margin: 0;
    padding: 0;
    float: left;
}








/*Styles for Cart Page */

.PrevisoulyBoughtAlert {
    border: 3px solid #6f6f6f;
    border-radius: 5px;
    background-color: #efefef;
    padding: 5px;
    margin: 5px;
    font-size: 70%;
    width: 250px;text-align: center;float: right;
     position: relative; right: -50px;
}

.CartRoundedCornerDivContentArea
{
    background-color: #FFFFFF;
    float: left;
    margin: 0;
    padding: 0px;
    clear: both; /*border-left: solid 1px #CCCCCC;     border-right: solid 1px #CCCCCC;*/
    height: 100%;
    width: 925px;
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/Cart/CartFadedBackground.jpg);
    background-repeat: repeat-y;
    background-position: top;
    padding-left: 0px;
}

/*End Styles for Cart Page */


/*Styles for Main Header*/

.NavAndCart
{
    clear: both;
    background-color: white;
    height: 40px;
}



.NavList
{
    font-family: 'Source Sans Pro', sans-serif;
    color:#4A4744;
    font-size:90%;
    font-weight: bold;
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 0px 15px;
}

.NavList li
{
    text-align: center;
    padding: 7px;
    float: left;
    padding: 10px 5px 0px 5px;
    /*color: #858585;*/
}

.NavList li a
{
    color: #858585;
    text-decoration: none;
}

.NavList li a:hover
{
    color: #565656;
    text-decoration: underline;
}

#CartBlock
{
    float: right;
   
    background-repeat: repeat-x;
    padding-right: 5px;
    min-width: 290px;
}

#CartBlock img
{
    float: left;
}

#CartBlock div
{
    float: left;
    margin-top: 3px;
}

#CartBlock div img
{
    padding-right: 5px;
    border: none 0px;
}

#CartBlock div img.Level-Icon {
    width: 60px;
    height: 25px;
}

#CartBlock div .CartTotal {
        padding-left: 10px;
        font-size: 80%;
}

.HeaderLogin
{
    padding-left: 15px;
    text-align: right;
    font-size: 80%;
}


/*End of Styles for Main Header*/


/************************************************************************************************************************/

/*The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/hover_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.*/

/************************************************************************************************************************/

#menu
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#menu ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#menu li
{
    float: left;
    margin: 5px 3px 0 0;
    position: relative;
    z-index: 100;
}

/* for IE5.5 and IE6 only */

#menu li a
{
    display: block;
}
#menu :hover
{
    background: transparent;
    text-decoration: none;
    color: #000000;
}
#menu :hover > a
{
    background: transparent;
    color: #000000;
}

#menu ul, #menu :hover ul ul, #menu :hover ul :hover ul ul, #menu :hover ul :hover ul ul.left
{
    position: absolute;
    left: -9999px;
    width: 128px;
    z-index: 100;
}

#menu :hover ul
{
    left: 0;
    top: 25px;
    background: url(transparent.gif);
}
/* the background image is for IE7 */

#menu :hover ul :hover ul, #menu :hover ul :hover ul :hover ul
{
    padding: 0 3px;
    left: 125px;
    top: -3px;
}

#menu :hover ul :hover ul.left, #menu :hover ul :hover ul :hover ul.left
{
    padding: 0 3px;
    left: -131px;
    top: -3px;
}

/************************************************************************************************************************/

/*  Elements */

a
{
    color: #1E75BD;
    text-decoration: none;
}

a:hover
{
    color: #666666;
    text-decoration: underline;
}

a:active
{
    color: #6699ff;
    text-decoration: none;
}


body
{
    width: 965px;
    font-family: Verdana, Arial, Georgia, sans-serif;
    font-size: medium;
    line-height: 1.3;
    padding: 0px;
    color: Black;
    /*background-color: #E5E5E5;*/
    background-image: url("https://www.brother-usa.com/virdata/StaticContent/iBroidery/images/homepage/bkground2.jpg");
    background-repeat:repeat;
    margin: 0px auto;

}


/*****************************************************************
Footer*/
.NewFooter
{
    float: left;
    font-size: 65%;
    color: #000000;
    width: 100%;
    text-align: center;
    background-color:White;
    padding-bottom:10px;
    
}

.NewFooter ul
{
    list-style-type: none;
    color: #000000;
    width: 400px;
    padding: 0px;
    margin: 0px auto;
}

.NewFooter li
{
    float: left;
    padding-right: 5px;
}

.NewFooter ul a
{
    color: #000000;
    text-decoration: none;
}

/*End Footer
********************************************************
*/

.BPFormLeftColum
{
    float: left;
    width: 500px;
    padding-left: 8px;
    padding-bottom: 10px;
}


.BPFormRightColumn
{
    float: left;
    width: 350px;
}

.BPFormRowTitleWide
{
    clear: left;
    text-align: right;
    width: 145px;
    font-weight: bold;
    font-size: 67%;
    float: left;
    margin-bottom: 3px;
    padding-right: 5px;
    padding-top: 3px;
}

.BPFormRowValidatorWide
{
    color: red;
    font-weight: bold;
    font-size: 60%;
    float: left;
    margin-bottom: 3px;
    padding: 3px 0px 0px 5px;
    width: 100px;
}


.BPFormRowValueWide
{
    width: 183px;
    float: left;
    text-align: left;
    margin-bottom: 3px;
}

.BPFormRowValueWide input
{
    width: 180px;
}

.BPFormRowValueWide select
{
    width: 183px;
}

.BPMrktAttCheckbox
{
    width: 5%;
    float: left;
    clear: left;
    padding: 5px 0px;
}

.BPMrktAttValue
{
    width: 90%;
    float: left;
    font-size: 70%;
    padding: 8px 0px 5px 3px;
}

.HomePageDisclaimer
{
    font-size: 55%;
    color: White;
    padding: 20px 0px 10px;
    clear: both;
}

.HomePageFooter
{
    padding-top: 20px;
}
.HomePageFooter .NewFooter
{
    color: Black;
}
.HomePageFooter .NewFooter ul
{
    color: Black;
}

.HomePageFooter .NewFooter ul a
{
    color: Black;
}

.MainPage
{
    /*background-color: #343474;*/
    color: black;
    font-family: Helvetica;
    width:980px;
    background-image: url("https://www.brother-usa.com/virdata/StaticContent/iBroidery/images/homepage/bkground2.jpg");
}
/*
.MPRightSide
{
    width: 700px;
    background-color: #343474;
    margin-top: 30px;
    float: right;
    height: 725px;
}

.MainPage > .MPRightSide
{
    height: auto;
    min-height: 725px;
}
*/
.FabricLogo
{
    display: block;
    float: left;
    margin-right: 20px;
}

.MainPageHader
{
    font-size: 120%;
    font-weight: bold;
    padding: 5px 0px 0px 0px;
    margin: 0px;
}

.MainPageSubHeader
{
    font-size: 75%;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}

.MainPage .BrandImageArea
{
    clear: both;
    padding-top: 10px;
}

.MainPage .BrandImage
{
    display: block;
    margin: 0px 8px;
    float: left;
}

.MainPage .FeaturedImagesArea
{
    clear: both;
    padding-top: 15px;
}

.MPFeaturedBox
{
    height: 190px;
    width: 309px;
    text-align: center;
    margin: 0px 8px;
    float: left;
    color: Black;
}

.MPFeatureBoxHeader
{
    font-weight: bold;
    margin-top: 10px;
}

.MainPage .NewFooter ul
{
    width: 450px;
    padding: 0px;
    margin: 0px auto;
}
.FreeDesignofTheMonth
{
    float:left;
    background-image:url('https://www.brother-usa.com/virdata/StaticContent/iBroidery/images/homepage/freedesign/free_design_of_the_month_bkground.jpg'); 
    background-repeat:no-repeat;
    padding-right:7px;
    width:325px;
}
.divProjectOfTheMonth
{
    float:left;
    padding-left:7px;
    padding-bottom:5px;
    width:356px;
}
/******************************* Left Nav ********************************/

.LeftNav
{
    width: 180px;
    min-height:602px;
    height:auto;
    background-color: #F0EFEB;
    float: left;
    margin-top: 20px;
    font-family: Helvetica;
}
.LeftNavModel
{
    padding-bottom:10px;    
}
.LeftNavCollections
{
    /*overflow:auto;
    height:100px;   */
}
   /*.LeftNavMachines
{
    overflow:auto;
    height:120px;   
}
.LeftNavHoopSize
{
    overflow:auto;
    height:100px; 
} */
.LeftNavBottom
{
    padding-top:10px;    
    padding-left:15px;
}

/******************************* End Left Nav ********************************/
#divBody
{
    width: 980px;
    margin: 0px;
    z-index: 1;
    position:relative;
}

.divBodyContent 
{
    width: 980px;
    padding-top: 0px;
    padding-left: 0px;
    float: left;
    background-color:White;
    margin-top: 0px;
    
}
.BannerBrotherLogo
{
    float: right;
    height: 50px;
    width: 124px;
    border: 0px;
    margin-top: 6px;
    margin-right: 8px;
}
/*
.BannerLogo
{
    float: left;
    clear: both;
    padding-top: 0px;
    margin: 0px;
    height: 60px;
    width: 222px;
}
*/

.BannerLogo{
background-color:#14198e;
background: -webkit-linear-gradient(right, #0d1043, #14198e);
background: -moz-linear-gradient(right, #0d1043, #14198e);
background: -ms-linear-gradient(right, #0d1043, #14198e); 
    background: -moz-linear-gradient(right center , #0D1043, #14198E) repeat scroll 0 0 transparent;
 	/* ie6_7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#0d2ea0', endColorstr='#071956');
	/* ie8 */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#0d2ea0', endColorstr='#071956');
    color: #FFFFFF;
    font-family: "arial","helvetica","sans-serif";
    font-size: 16px;
    padding-bottom:5px;
    line-height: 1;
    margin-right: -150px;
    min-width: 400px;
    overflow: hidden;
    width: 100%;
}
  /*  
.HeaderSearchBox
{
    font-size: 80%;
    border: solid 1px;
    margin-top: 1px;
    display: block;
    float: left;
}

.HeaderSearchButton
{
    display: block;
    float: left;
    margin: 1px 0px 0px 3px;
}*/

#SearchBox
{
    float: right;
    height: 30px;
    width: 250px;
    border: 0px;
    margin-top: 0px;
    margin-right: 20px;
    text-align: right;
    padding: 0px;
}

#SearchBox a
{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 11px;
}

#SearchBox a:hover
{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 11px;
}

#SearchBox a:active
{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 11px;
}


.divFlowerBackground
{
    z-index:-1;   
    position:absolute;
    left:-180px;
    top:40px;
}
.divFlowerBackgroundBtm
{
    z-index:-1;   
    float:right;
    margin-right:-180px;
    margin-top:-234px;
    
}
.MyAccountHeader
{
    background-color: #6878c6;
    height: 40px;
    margin-bottom: 10px;
}

.MyAccountHeaderTitle
{
    font-size: 120%;
    font-weight: bold;
    color: white;
    padding: 10px 0px 0px 10px;
    float: left;
}

#MyAccount
{
    background: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/MyAccount/bg_login.jpg) no-repeat right bottom;
    min-height: 431px;
}

.MyAccountColumn
{
    float: left;
    padding: 0px 20px 20px 10px;
    min-height: 250px;
    width: 30%;
}

.MyAccountColumn p
{
    padding: 5px 0px 15px 0px;
    margin: 0px;
}

.MyAccountColumn ul
{
    padding-top: 5px;
    margin-top: 0px;
}

.MyAccountColumn li
{
    padding-bottom: 5px;
}


#LoginPage
{
    background: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/MyAccount/bg_login.jpg) no-repeat right bottom;
    height: 431px;
}

.SignInBox
{
    float: left;
    padding: 0px 30px 20px 10px;
    height: 250px;
    width: 28%;
}

.SignInBoxContent
{
    margin: 10px 0px 0px 0px;
}

.SignInBoxContent p
{
    margin: 0px;
    padding: 0px;
}

.SignInBoxHeader
{
    font-size: 105%;
    font-weight: bold;
}

.SignInButton
{
    margin: 10px 0px 5px 0px;
}

.CreateAccountButton
{
    margin: 20px 0px;
}


.SignInInput
{
    margin-top: 10px;
}

.CustomerServiceHeader
{
    background-color: #2e2a23;
    height: 40px;
}

.CustomerServiceTitle
{
    font-size: 120%;
    font-weight: bold;
    color: white;
    padding: 10px 0px 0px 10px;
    float: left;
}


.CustomerServiceSubHeader
{
    background-color: #2e2a23;
    font-size: 80%;
    color: white;
    padding: 0px 0px 0px 10px;
    height: 25px;
    text-transform:uppercase;
}

.CustomerServiceSubHeader a
{
    color: white;
    display: block;
    float: left;
    padding: 5px 10px 0px;
}
.CustomerServiceFAQSubHeader
{
    background-color: #2e2a23;
    font-size: 80%;
    color: white;
    padding: 0px 0px 0px 10px;
    height: 25px;
}
.CustomerServiceFAQSubHeader a
{
    color: white;
    display: block;
    float: left;
    padding-top:3px;

}
.CustomerServiceSubHeaderOn
{
    background-color: White;
    color: Black;
    float: left;
    display: block;
    height: 20px;
    padding: 5px 10px 0px;
}

.CustomerServiceContentHeader
{
    font-size: 120%;
    font-weight: bold;
    padding: 0px;
    margin: 20px 0px 0px 5px;
}

.CustomerServiceContentSection
{
    font-size: 75%;
    padding: 5px 0px 20px 15px;
}

.CustomerServiceContentSection li
{
    padding: 5px 0px;
}
.OrderHeader
{
    background-color: #6878c6;
    height: 40px;
    margin-bottom: 10px;
}

.OrderStepTitle
{
    font-size: 120%;
    font-weight: bold;
    color: white;
    padding: 10px 0px 0px 10px;
    float: left;
}

.PastOrderStep
{
    color: white;
}

.PastOrderStep:hover
{
    text-decoration: none;
}

#OrderStepList
{
    font-size: 80%;
    color: White;
    font-weight: bold;
    float: right;
    padding: 15px 10px 0px 0px;
}

.CurrentOrderStep
{
    color: #f5b509;
}

.FutureOrderStep
{
    color: #9b9a9a;
}

.OrderBillToBox
{
    border: solid 1px #bdbdbd;
    float: left;
    margin: 0px 0px 20px 11px;
    height: 350px;
    width: 48%;
}

.OrderBillToBoxContent
{
    margin: 10px 0px 0px 5px;
}

.OrderBillAddressItemTitle
{
    float: left;
    width: 120px;
    font-size: 70%;
    font-weight: bold;
    margin-top: 6px;
    height: 20px;
    clear: left;
}

.OrderBillAddressItemInput
{
    float: left;
    width: 200px;
    margin-top: 6px;
    height: 20px;
}

.OrderBillAddressItemError
{
    font-size: 70%;
    color: Red;
    width: 80px;
    float: left;
    margin-top: 6px;
    height: 20px;
}
.OrderBillAddressItemInput input, .OrderBillAddressItemInput select
{
    font-size: 70%;
}

.OrderPaymentBox
{
    border: solid 1px #bdbdbd;
    width: 65%;
    float: left;
    height: 250px;
    margin: 0px 5px;
}


.OrderDiscountBox
{
    border: solid 1px #bdbdbd;
    width: 948px;
    margin: 10px 5px;
}

.OrderDiscountBoxContent
{
    margin: 10px 0px 10px 5px;
}
.OrderPaymentBoxContent
{
    margin: 10px 0px 0px 5px;
}

.OrderPaymentItemTitle
{
    width: 170px;
    font-size: 70%;
    font-weight: bold;
    float: left;
    margin-top: 5px;
    clear: left;
    height: 25px;
}

.OrderPaymentItemInput
{
    width: 300px;
    float: left;
    margin-top: 5px;
    height: 25px;
}

.OrderPaymentItemInput input, .OrderPaymentItemInput select
{
    font-size: 70%;
}

.OrderPaymentError
{
    float: left;
    width: 150px;
    height: 25px;
    margin-top: 5px;
}

.OrderPaymentSummaryLabel
{
    font-weight: bold;
    font-size: 70%;
    width: 150px;
    float: left;
    margin-left: 10px;
    text-align: right;
    height: 30px;
    margin-top: 20px;
}

.OrderPaymentSummaryItem
{
    font-size: 70%;
    text-align: right;
    width: 80px;
    float: left;
    height: 30px;
    margin-top: 20px;
}

.OrderSummaryBox
{
    border: solid 1px #bdbdbd;
    width: 31.6%;
    float: left;
    margin: 0px 5px;
    height: 150px;
}

.OrderBoxHeader
{
    font-size: 110%;
    font-weight: bold;
    border-bottom: solid 1px #bdbdbd;
    padding-left: 5px;
}

.OrderSummarySubHeader
{
    font-size: 80%;
    font-weight: bold;
    padding: 5px 0px 20px 0px;
}

.OrderSummaryBoxContent
{
    padding: 10px 0px 0px 5px;
}

.OrderSummaryBoxContent a
{
    float: right;
    padding-right: 10px;
}

.OrderSummaryCart
{
    padding: 0px 5px;
}

.OrderPlacedWait
{
    background: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/Order/orderreview_transparent_bg.png) repeat 0px 0px;
    position: fixed;
    height: 0px;
    width: 100%;
    top: 0px;
    left: 0px;
    visibility: hidden;
}


.OrderPlacedWaitInner
{
    width: 300px;
    margin: 100px auto;
    text-align: center;
    padding: 0px 10px;
}

* html .OrderPlacedWait
{
    position: absolute;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/Order/orderreview_transparent_bg.png", sizingMethod="scale");
}

.OrderPlacedWaitInner span
{
    display: block;
    padding-top: 10px;
    font-size: 80%;
    font-weight: bold;
    color: White;
}

.OrderPlacedWaitInner img
{
    display: block;
    margin: 10px auto 0px auto;
}


.MaroonTopTable
{
    border: solid 1px #6878c6;
    width: 100%;
}

.MaroonTopTable th
{
    background-color: #6878c6;
    color: White;
    font-weight: bold;
    font-size: 70%;
    vertical-align: middle;
    text-align: center;
    padding: 5px 0px;
}

.MaroonTopTable td
{
    font-size: 70%;
    vertical-align: top;
    padding: 10px 0px;
}

.MaroonTopTable td p
{
    padding: 0px;
    margin: 0px;
}

.MaroonTopTableRowDivider
{
    background: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/Images/Myaccount/bg_seperator.gif) repeat-x 0 0;
    height: 2px;
    width: 98%;
    margin: 0px 1%;
}

.WhiteBorderTable
{
    margin: 0px 0px 10px 2px;
}

.WhiteBorderTable td, .WhiteBorderTable th
{
    border-right: solid 1px white;
    border-left: solid 1px white;
}

.ModelRegForm
{
    width: 702px;
    float: left;
}

.DealerSearchArea
{
    clear: both;
    width: 695px;
    padding-top: 10px;
    padding-left: 5px;
}
.DealerSearch
{
    float: left;
    width: 340px;
}

.DelearVertOr
{
    display: block;
    float: left;
}

.OtherDealer
{
    width: 310px;
    float: left;
    padding-left: 20px;
}

.ModelReg
{
    float: left;
    width: 420px;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 10px 0px;
    border-right: solid 1px #e1e1e1;
}


.ModelReg input, .ModelReg select, .DealerSearchArea input, .DealerSearchArea select
{
    border: solid 1px #6878c6;
}



.ModelsCurReg
{
    float: left;
    width: 280px;
}

.RegItemDesc
{
    width: 135px;
    float: left;
    padding-top: 16px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 70%;
}

.RegItem
{
    float: left;
    padding-top: 10px;
    width: 270px;
}
.RegItemText
{
    float: left;
    padding-top: 10px;
}
.RegItemDesc + .RegItemText
{
    padding-top: 16px;
}





/***************************************************************************
Begin Styles for InlinePopUps */

.InlinePopUpTrigger
{
    cursor: pointer;
}

.InlinePopUpTrigger:hover + .InlinePopUp
{
    visibility: visible;
}

.InlinePopUp
{
    visibility: hidden;
    position: relative;
    z-index: 100;
}

.ShowInlinePopUp
{
    visibility: visible;
}

.InlinePopUpTopLeft
{
    position: absolute;
    top: 10px;
    left: 10px;
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/images/InlinePopUp/TopLeftRoundedCorner.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 250px;
}

.InlinePopUpTopRight
{
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/images/InlinePopUp/TopRightRoundedCorner.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

.InlinePopUpTopMiddle
{
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/images/InlinePopUp/TopHorizontal.gif);
    background-repeat: repeat;
    background-position: left top;
    height: 20px;
    margin: 0px 12px;
}


.InlinePopUpTitle
{
    margin: 0px;
    padding: 0px;
    padding-top: 2px;
    text-align: center;
    font-weight: bold;
    font-size: 75%;
    min-width: 100%;
}

.InlinePopUpContent
{
    padding: 0px;
    margin: 0px;
    border: solid 1px #CCCCCC;
    font-size: 70%;
    background-color: White;
}

/*----Specific to the Gray header implmentation--*/
.InlinePopUpTopLeft_Gray
{
    position: absolute;
    top: 10px;
    left: 10px;
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/images/InlinePopUp/TopLeftRoundedCorner_grey.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.InlinePopUpTopRight_Gray
{
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/images/InlinePopUp/TopRightRoundedCorner_grey.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

.InlinePopUpTopMiddle_Gray
{
    background-image: url(https://www.brother-usa.com/virdata/StaticContent/iBroidery/images/InlinePopUp/TopHorizontal_grey.gif);
    background-repeat: repeat;
    background-position: left top;
    height: 20px;
    margin: 0px 12px;
}
/*----End Specific to the Gray header implmentation--*/

/***************************************************************************
End Styles for InlinePopUps */



.TermsOfService
{
    padding: 10px;
}

.TermsOfService h3
{
    font-size: 90%;
    font-weight: bold;
}

.TermsOfService h4
{
    font-size: 85%;
    font-weight: bold;
    margin: 0px;
    padding: 10px 0px 0px;
}

.TermsOfService p
{
    font-size: 70%;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}

.TermsOfUse {
    padding: 10px;
}

.TermsOfUse h3 {
    font-size: 90%;
    font-weight: bold;
}

.TermsOfUse h4 {
    font-size: 85%;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px 0px 0px;
}

.TermsOfUse p {
    font-size: 70%;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}

.Support
{
    padding: 10px;
}

.Support h3
{
    font-size: 90%;
    font-weight: bold;
    margin: 0px;
    padding: 20px 0px 0px;
}

.Support ol
{
    font-size: 70%;
    padding-top: 0px;
    margin-top: 0px;
}
.Support ol div
{
    padding: 5px;
}

.Support p
{
    font-size: 70%;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}

.WelcomePageUL
{
    padding: 0;
    margin: 0;
    padding-left: 19px;
    margin-top: 20px;
}

/* Design / Machine Reassign */

.ReassignLeftColumn
{
    width: 200px;
    float: left;
}

.ReassignLeftColumn IMG
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.ReassignRightColumn
{
    width: 500px;
    float: left;
    font-size: 70%;
}

/************************** Promo Pages Section ******************************/
.PromoPageTitle
{
    font-size: 125%;
    font-weight: bold;
    padding: 20px 0px;
    color: #286AB8;
}
.PromoPageOuterBox
{
    border: solid 1px #CDCDCD;
    border-radius: 5px;
    border-top-left-radius: 0px;
    clear: both;
    padding: 20px 10px;
}
.PromoPage
{
    margin: 20px auto;
    width: 765px;
}
.PromoPagesTabs
{
    margin-top: 20px;
}
.PromoPagesTab_On
{
    float: left;
    padding: 0px;
    margin: 0px 2px 0px 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 200px;
    background-color: #2467AE;
    text-align: center;
    padding: 10px 0px;
    font-size: 90%;
    font-weight: bold;
    color: White;
}
.PromoPagesTab_Off
{
    float: left;
    padding: 0px;
    margin: 0px 2px 0px 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 200px;
    text-align: center;
    background-color: #999999;
    padding: 10px 0px;
    font-size: 90%;
    font-weight: bold;
    color: White;
    display: block;
}

.PromoPage .PromoTopBox
{
    background-color: #EDEDED;
    padding: 10px 20px;
    border-radius: 3px;
}

.PromoTopBoxHeader
{
    font-weight: bold;
    font-size: 82%;
    display: inline-block;
    margin-right: 10px;
}

.PromoPage .CategoryDropDown
{
    padding: 3px;
    font-size: 85%;
}

.PromoPage .PromoTopBoxListItem
{
    font-size: 78%;
    display: block;
    width: 49%;
    float: left;
    margin-bottom: 5px;
}

.PromoPage .PromoTopBoxListItem:hover
{
    text-decoration: underline;
}

.PromoPage .ItemListTitle
{
    color: #2D2D2D;
    padding: 20px 0px;
}

.PromoPage .ListItemImageBox
{
    float: left;
    width: 120px;
    text-align: center;
}

.PromoPage .ListItemImage
{
    border: none 0px;
    overflow: hidden;
}

.PromoPage .ListItemLink
{
    display: block;
    padding-top: 8px;
}

.PromoPage .ListItemLink A
{
    font-size: 70%;
    font-weight: bold;
    text-decoration: underline;
}

.PromoPage .ListItemBox
{
    border-bottom: dashed 1px black;
    padding: 20px 0px;
    width: 100%;
}

.PromoPage .ListItemBox:last-child
{
    border-bottom: none 0px;
    padding-bottom: 0px;
}

.PromoPage .ListItemText
{
    min-width: 410px;
    float: left;
    padding: 0px 5px;
}

.PromoPage .ListItemDescription
{
    color: Red;
    font-weight: bold;
    font-size: 70%;
    padding-top: 5px;
}


.PromoItemLink
{
    font-size: 75%;
    display: inline-block;
    padding: 0px 10px;
    width: 20%;
}

div.ItemGroupBlock .PromoItemLink
{
    color: #1E75BD;
}

.ItemGroupBlock
{
    background-color: #F6F6F6;
    padding: 10px;
    border-radius: 4px;
}

.ShowMoreTrigger
{
    font-size: 80%;
    font-weight: bold;
    color: #286AB8;
    margin-top: 20px;
    border-top: solid 1px #CDCDCD;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-top: 5px;
    height: 20px;
    text-align: center;
    background: #EFEFEF;
    cursor: pointer;
}
.ShowMoreTrigger:hover
{
    color: #286AB8;
}
.ShowMoreExpanderMinState
{
    height: 0px;
    overflow: hidden;
    display: none;
}

.ShowMoreExpander
{
    margin-top: 10px;
}


.ExpirationDate
{
    display: block;
    font-size: 70%;
    padding-top:10px;
}

.ReqGroupArea
{
    padding-bottom: 15px;
}
.AppGroupArea
{
    padding: 15px 0px;
}
.GroupSeperator
{
    padding: 20px 0px;
    font-size: 90%;
    font-weight: bold;
    text-align: center;
}
.PromoBox
{
    border: solid 1px #CDCDCD;
    margin: 0px 0px 20px 0px;
    border-radius: 5px;
}
.PromoBox:last-child
{
    margin: 0px 0px 100px 0px;
}

.PromoDetailsArea
{
    padding: 20px 20px 0px;
}
.PromoBoxHeader
{
    font-size: 110%;
    font-weight: bold;
    padding: 0px 0px 20px 0px;
    color: #286AB8;
}
.GroupCountHeader
{
    font-weight: bold;
    font-size: 13px;
    padding: 5px 0px 10px 0px;
    margin: 0px;
}
.HeaderDiscountAmount
{
    font-size: 80%;
}
/************************** End Promotion Pages Section ******************************/

/************************** Start Design Categories Pages Section ******************************/
.divDesignImages
{
    height:auto;   
    padding-top:45px;
    padding-left:45px;
}
.divCategoryImage
{
    float:left;
    padding-left:15px; 
    height:160px;  
}
/************************** End Design Categories Pages Section ******************************/

/************************** Start Inspiration Pages Section ******************************/
.divInspiration
{ 
    padding-left:230px;
    padding-right:130px;
}
.divInspirationImages
{
    float:left;
    padding-left:15px; 
    height:180px;
}
.ProjectImage
{
    width:auto;
    padding-left:20px;   
    padding-top:10px;
    float:left;  
}
.ProjectDetail
{
    padding-left:20px;
    float:left;
    padding-top:10px;
    width:60%;
}
.ProjectDesignButton
{
    float:left;
    padding-top:10px;
    padding-left:20px;
}
.ProjectDetailImagePop
{
    position: absolute;
    top: 535px;
    left: 275px;
    border: solid 2px #808080;
    background-image:url('https://www.brother-usa.com/virdata/StaticContent/iBroidery/images/inspiration/pop_up_background.jpg');
    background-repeat:no-repeat;
    height:316px;
    width: 563px;
}
.PopUpContent
{
    padding-top:20px;   
}
.ViewProject
{
    float:left;
    padding-left:40px;
    padding-top:10px;   
}
/************************** End Inspiration Pages Section ******************************/

.OrderProcessBody{
    width: 98%; 
    float: left;
}

/********************** Blocking/Waiting Message Styles ***************************/
.WaitingMessage
{
    font-size: 100%;
    font-weight: bold;
    padding: 20px 0px;
}

div.blockOverlay
{
    background-color: #06569f;
    filter: alpha(opacity=60);
    opacity: .6;
}

.bSearch
{
    background-color:#003382;
    color:white;
    border:0px;
    height:30px;
    width:120px;
    font-size:16px; 
}
.bSearch:hover 
{
    cursor:pointer;
}
.btnRemovePromo {
    background: #14198e;
    padding: 6px 16px;
    color: white;
    margin-bottom: 3px;
    border: none;
    font-size: 14px;
    font-weight: bold;
    float:right;
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.sitewide-alert-container {
    display: none;
    background-color: #ffe5e5;
    color:red;
}