﻿html, body, form 
{
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    font-family: Arial;
    font-size: 18px;
    color: #777;
}
.SitePage
{
    width: 900px;
    min-height: 200px;
    margin: 0px auto 0px auto;
}
.Slogen
{
    float: left;
    margin: 0;
    width: 673px;
    height: 80px;
    background-image: url(Images/Dry247Slogen.jpg);
}
.Logo
{
    float: right;
    margin: 0;
    width: 227px;
    height: 283px;
    background-image: url(Images/Dry247Logo.jpg);
    background-repeat: no-repeat;
}
.LinkLogo
{
    float: left;
    width: 100%;
    height: 100%;
}
.FlashContainer
{
    float: left;
    margin: 0;
    width: 673px;
    height: 203px;
    background-image: url(Images/Dry247Flash.jpg);
}
.FlashContent
{
    width: 669px;
    height: 200px;
    margin: 1px 0 0 3px;
    padding: 0;
}
.PageContent
{
    float: left;
    margin: 15px 2px 0px 3px;
}
.Footer
{
    clear: both;
    width: 100%;
}
.Footer span
{
    margin-left: 10px;
    color: #f47735;
    font-size: 14px;
}
.Footer span a
{
    color: #f47735;
    font-size: 14px;
}


/*----------- Widget --------------*/
.Widget
{
    float :left;
    display: block;
    background-color: #f4f4f4;
}
.WidgetBorder
{
    float: left;
    width: 100%;
    height: 100%;
}
.Widget .WidgetTop
{
    background-position: top left;
    background-repeat: repeat-x;
    background-image: url(Images/WidgetTop.jpg);
}
.Widget .WidgetLeftTop
{
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url(Images/WidgetLeftTop.jpg);
}
.Widget .WidgetRightTop
{
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url(Images/WidgetRightTop.jpg);
}
.Widget .WidgetLeft
{
    background-position: top left;
    background-repeat: repeat-y;
    background-image: url(Images/WidgetLeft.jpg);
}
.Widget .WidgetRight
{
    background-position: top right;
    background-repeat: repeat-y;
    background-image: url(Images/WidgetRight.jpg);
}
.Widget .WidgetBottom
{
    background-position: bottom right;
    background-repeat: repeat-x;
    background-image: url(Images/WidgetBottom.jpg);
}
.Widget .WidgetRightBottom
{
    background-position: bottom right;
    background-repeat: no-repeat;
    background-image: url(Images/WidgetRightBottom.jpg);
}
.Widget .WidgetLeftBottom
{
    background-position: bottom Left;
    background-repeat: no-repeat;
    background-image: url(Images/WidgetLeftBottom.jpg);
}
.Widget span
{
    float :left;
    margin: 10px 0 10px 10px;
}
.braker
{
    clear: both; 
    height: 117px; 
    width: 100%; 
    float: left;
}
/*------------ Content --------------*/
.WeAreBackTitle
{
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url(Images/WeAreBack.jpg);
    width: 614px;
    height: 45px;
    margin: 5px 0 0 10px;
}
.WeAreBackBody
{
    float: left;
    margin: 10px 0 0 15px !important;
    width: 640px;
}
.ProductThumbnail
{
    float: left;
    height: 300px;
    width: 219px;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 70px;
}
.LastProductThumbnail
{
    margin-right: 0px !important;
}
.ProductThumbnail .ProductTitle
{
    margin: 0;
    padding: 0;
    padding: 0 0 0 50px;
}
.ProductThumbnail .ProductTitle a
{
    text-decoration: none;
    float: left;
    font-size: 18px;
    letter-spacing: 0.5;
    color: #f47735;
    display: block;
    line-height: 26px;
    height: 60px;
    text-align: center;
}
.ContactUsForm
{
    height: 867px;
}
.ContactUsForm .ContactUsTitle
{
    text-decoration: none;
    float: left;
    font-size: 22px;
    letter-spacing: 0.5;
    color: #f47735;
    display: block;
    line-height: 26px;
    height: 26px;
    margin: 20px 0 0 50px;
}
.ContactUsForm span
{
    clear: both;
    float: left;
    display: block;
    font-size: 18px;
    height: 30px;
    width: 200px;
}
.ContactUsForm span input, .ContactUsContentInput
{
    float: left;
    margin: 5px 0 0 10px;
    display: inline-block;
    overflow: hidden;
    width: 175px;
    height: 18px;
    font-size: 18px;
}
.ContactUsContentInput
{
    overflow: auto !important;
    height: 150px !important;
    font-size: 18px !important;
}
.LabelContactUsFeedback
{
    float: left;
    display: inline;
    width: 200px !important;
    height: 17px !important;
    color: Red;
    font-size: 16px !important;
    clear: none !important;
}
.ContactUsSendButton
{
    display: inline;
    float: left;
    margin: -10px 0 0 55px;
    padding: 1px;
    color: #f47735;
    text-decoration: none;
    width: 100px;
    height: 23px;
    background-image: url(Images/SendButton.png);
    background-repeat: no-repeat;
}
.ContactUsSendButton:Hover
{
    text-decoration: underline !important;
}
.ContactUsSendHolder
{
    clear: both;
    float :left;
    margin: 160px 0 0 0;
}
.ContactUsRemarks
{
    clear: left;
    width: 200px;
    float: left;
    font-family: Arial;
    font-size: 16px;
}
.ProductOrderButton
{
    float: left;
    margin: 10px 0 0 15px;
}
.PayPalVer
{
    background-image:url(images/PayPalVer.png);
    background-repeat:no-repeat;
    float:left;
    height:96px;
    width:96px;
    margin-top:45px;
    margin-left:55px;
}


/*--------- Products Pages ----------*/
.ProductPageTitle
{
    float: left;
    margin: 10px 0 10px 20px;
    font-size: 24px;
    letter-spacing: 0.5;
    color: #f47735;
    display: block;
    line-height: 26px;
    height: 26px;
    width: 100%;
    text-decoration: underline;
}
.ProductImage
{
    display: block;
    float: left;
    clear: both;
    margin: 0 0 0 50px;
}
.ProductMarks
{
    float: left;
    margin: 45px 0 0 -40px;
    width: 450px;
    font-size: 12px;
}
.SizeChartHeader
{
    float: left;
    font-size: 24px;
    letter-spacing: 0.5;
    color: #f47735;
    display: inline;
    text-decoration: underline;
    margin: 0 !important;
    padding: 0;
}
.ProductTable
{
    clear: both;
    float: left;
    margin: 30px 0 0 200px;
    font-size: 20px;
}
.ProductTable table 
{
    width: 500px;
}
.ProductTable table tbody tr td
{
    text-align: center;
    width: 200px !important;
    padding: 12px;
}
 .ProductTableSizes
 {
    text-align: left !important;
 }
.ProductDescription
{
    float: left;
    margin: 0 0 0 20px;
    font-size: 16px;
    display: block;
    width: 360px;
}
.ProductDescription table tr td
{
    padding: 0px;
    margin: 0px;
    font-size: 18px;
}
.DiperExplanation
{
    float: left;
    width: 699px;
    height: 488px;
    margin: 20px auto 0 80px;
}
.SpanPrice
{
    width: 300px !important;
}
.DivPayPalButton
{
    float: left;
    margin: -80px 0 0 470px;
    width: 100px;
}
.ThankYouContent
{
    float: left;
    margin: 10px 10px 0 10px;
    height: 203px;
    font-family: Arial;
    color: #f47735;
    font-size: 16px;
    text-align: left;
}



/*--------- Login Pages ----------*/
.LoginWidget
{
    margin: 0 0 0 200px;
}
.LoginBody
{
    margin: 0;
    width: 360px;
    float: left;
    display: block;
    clear: both;
    margin: 0 0 0 10px;
}
.LoginBody h2
{
    font-size: 24px;
    color: #f47735;
    line-height: 26px;
    margin: 0 0 10px 10px;
    padding: 0;
}
.LoginBody .label
{
    float: left;
    display: block;
    clear: left;
    margin: 10px 0 10px 60px;
}
.LoginBody .label error
{
    float: left;
    display: block;
    clear: left;
    color: Red;
}
.LoginBody .labelUserName
{
    margin: 0;
    padding: 0;
    width: 100px;
}
.LoginBody .labelPassword
{
    margin: 0;
    padding: 0;
    width: 100px;
}
.LoginBody .InputText
{
    width: 150px;
}
.LoginBody .connect
{
    float: right;
    display: block;
    clear: left;
    margin: 0 80px 0 0;
}


/*--------------  MangeStop Time Page --------------*/
.DivTime
{
    float: left;
    width: 400px;
    margin: 10px 0 0 10px;
}
.DivTime h2
{
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    color: #f47735;
}
.DivTime .DivtimeConent
{
    margin: 20px 0 0 0;
}
.DivtimeConent span
{
    float: left;
    width: 150px;
}
.DivtimeConent span input
{
    float: right;
    width: 100px;
    margin: 0px 40px 0 0px;
}
.SpanPickADate
{
    font-size: 16px;
    float: left;
    width: 300px !important;
}
.DivTimeCommands
{
    float: left;
    clear: both;
    width: 500px;
}
.DivTimeCommands input
{
    float :right;
    margin: 20px 60px 0 0;
}
.SaveMessage
{
    font-size: 20px;
    float: left;
    line-height: 24px;
    display: block;
    color: Green;
}
.ErrorMessage
{
    font-size: 20px;
    float: left;
    line-height: 24px;
    display: block;
    color: Red;
}
.BtnSaveDates
{
    width: 150px;
}
.SaturdaySpan
{
    color: #f47735;
    float: left;
    margin: 10px 0 0 10px;
}
