html .diyw {
}
body {
    margin: 0;
}
.diyw a:focus {
    outline: thin dotted;
}
.diyw a:active, .diyw a:hover {
    outline: 0 none;
}
.diyw p {
    margin: 1em 0;
}
.diyw .diyweb {
    position: relative;
    white-space: normal;
    word-wrap: break-word;
}
.diyw .diywebLiveArea {
    margin: 0 auto;
    position: relative;
}
.diyw .diywebGutter, .diyw .diywebContent .diywebHelperNav .diywebGutter, .diyw .diywebClark .diywebContent .diywebHelperNav .diywebGutter {
    padding: 20px 0;
}
.diyw .diyweb {
}
.diyw .diywebLiveArea {
    width: 960px;
}
.diyw .diywebMainGutter {
    padding: 20px 10px;
}
.diyw .diyfeGridGroup {
    overflow: hidden;
    position: relative;
}
.diyw .diywebMain .diywebGutter {
    padding: 0 0 20px 30px;
}
.diyw .diywebSecondary {
    float: left;
    position: relative;
    width: 39%;
}
.diyw .diywebMain {
    float: right;
    width: 61%;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.diyw .diywebMain .diywebHelperNav {
    display: block;
}
.diyw .diywebSecondary {
    float: none;
    position: static;
    width: auto;
    z-index: auto;
}
.diyw .diywebMain {
    float: none;
    width: auto;
}
.diyw .diywebMain .diywebGutter, .diyw .diywebClark .diywebMain .diywebGutter {
    padding: 0;
}
}
body {
    background: none repeat scroll 0 0 #ebebeb;
    overflow-x: hidden;
}
.diywebContent .diywebMainGutter {
    padding-top: 40px !important;
}
.diyweb h1 {
    font-size: 28px !important;
    line-height: 28px !important;
    margin-bottom: 30px;
}
.diyweb h3 {
    font-size: 14px !important;
    margin-top: 20px;
}

.diyfeGE {
	padding:0 50px;
	
}
.diywebContent {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 5px #999;
}
.diywebHeader {
    background: none repeat scroll 0 0 #0a328c;
    border-bottom: 3px solid #0fabfc;
}
.diywebSidebar {
    border-right: 1px solid #ebebeb;
}
#diyfeLoginBox input[type="text"], #diyfeLoginBox input[type="password"] {
    background: none repeat scroll 0 0 #fbfbfb;
    border: 1px solid #ddd;
    box-sizing: border-box;
    color: #666666;
    font-size: 13px;
    padding: 3px 5px;
    width: 100%;
}
#diyfeLoginBox input:focus {
    background: none repeat scroll 0 0 #fff;
}
.diyfeTextRight {
    text-align: right;
}
.diywebFormRow {
    margin: 0 0 20px;
    padding-right: 260px;
    position: relative;
}
.diyfeForm {
    display: block;
}
.diyfeHint {
    background: none repeat scroll 0 0 #fbfbfb;
    border: 1px solid #ddd;
    position: absolute;
    right: 0;
    top: 19px;
    width: 238px;
}
.diyfeHint.diyfeError {
    border: 4px solid #e3181e;
    margin-top: -24px;
    width: 232px;
}
.diyfeHint.diyfeError div {
    padding: 0 18px;
}
.diyfeHint div {
    padding: 10px 20px;
}
.diyfeHint:before {
    background: url("img/staging_iconset.png") no-repeat scroll -80px 0 rgba(0, 0, 0, 0);
    content: " ";
    height: 24px;
    left: -14px;
    position: absolute;
    top: -1px;
    width: 14px;
}
.diyfeError:before {
    background: url("img/staging_iconset.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 16px;
    left: -12px;
    margin-top: -8px;
    top: 50%;
    width: 12px;
}
.diyfeIcon {
    height: 34px;
    text-indent: -3000em;
    width: 34px;
}
#diyfeLogo {
    background: url("img/staging_iconset.png") no-repeat scroll -120px top rgba(0, 0, 0, 0);
    float: left;
}
#diyfeHelp {
    background: url("img/staging_iconset.png") no-repeat scroll -32px 9px rgba(0, 0, 0, 0);
    float: right;
}
.diyweb .diywebSecondary a, .diyweb .diyfeFooter a {
    color: #0fabfc;
    text-decoration: none;
}
#diyfeClose {
    position: absolute;
    right: 5px;
    top: 5px;
}
.diywebHeader .diywebGutter {
    overflow: hidden;
    padding: 0;
}
.diywebSecondary img, .diyfeGE img {
    height: auto;
    max-width: 95%;
}
.diyfeComingSoonPage .diywebContent {
    background: none repeat scroll 0 0 transparent;
}
.diywebComingSoon {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 5px #999;
    margin: 60px 0 20px;
    overflow: hidden;
    padding: 120px 0 40px;
}
.diyweb .diyfeFooter {
    padding-right: 10px;
    text-align: right;
}
.diyfeGE2of3 {
    float: right;
    padding: 0 3%;
    width: 60%;
}
.diyfeGE1of3 {
    float: left;
    padding: 0 3%;
    width: 28%;
}
.diyweb h3 {
    font-weight: normal;
}
.diywebComingSoon:before {
    background: url("banderole.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: " ";
    height: 94px;
    left: 50%;
    margin-left: -961px;
    position: absolute;
    top: 16px;
    width: 1922px;
    z-index: 99;
}
@media only screen and (max-width: 979px) {
.diyw .diywebLiveArea {
    width: 100% !important;
}
.diyw .diywebMainGutter {
    padding: 20px 30px;
}
}
@media only screen and (max-width: 767px) {
.diywebSidebar {
    border-right: medium none;
    border-top: 1px solid #ebebeb;
    clear: both;
}
.diywebMain {
    min-height: 260px;
}
}
@media only screen and (min-width: 768px) and (max-width: 820px) {
.diyw .diywebSecondary {
    width: 29%;
}
.diyw .diywebMain {
    width: 71%;
}
}
@media only screen and (max-width: 500px) {
.diywebSecondary img {
    max-width: 100%;
    width: 100%;
}
.diywebComingSoon {
    margin-top: 10px;
}
.diyw .diywebMain .diywebGutter {
    overflow: hidden;
}
.diywebFormRow {
    padding-right: 0;
}
.diywebSidebar {
    margin-top: 20px;
}
.diyfeHint, .diyfeHint.diyfeError {
    box-sizing: border-box;
    margin-bottom: 40px;
    position: relative;
    width: 100%;
}
.diyfeHint:before {
    left: 5px;
    top: -19px;
    transform: rotate(90deg);
}
.diyfeError:before {
    top: -6px;
}
.diyfeHint.diyfeError {
    margin-top: 0;
}
#diyfeLoginBox input[type="submit"] {
    width: 100%;
}
}
@media only screen and (min-width: 980px) {
.diyw .diywebLiveArea {
    width: 960px !important;
}
}
.diyfeComingSoonPage .diywebLiveArea {
    width: 800px !important;
}
@media only screen and (max-width: 799px) {
.diyfeComingSoonPage .diywebLiveArea {
    margin: 0 3%;
    width: 94% !important;
}
}
@media only screen and (max-width: 360px) {
.diyfeGE {
    padding: 0 3% 3%;
    text-align: center;
    width: 94% !important;
}
}

.button {
    background-color:#716c59 !important;
    border: medium none;
    color:#fff !important;
    border-radius: 0px;
    cursor: pointer;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none;
    margin-right: 1em;
    margin-bottom: 1em;
    text-align:center;
    display:block;
    font-weight: bolder !important;
    text-transform:uppercase;
    }
    
    .button:hover {
    background-color: green !important;
    color: #000 !important;
    border: medium none;
    border-radius: 0px;
    cursor: pointer;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none;
    margin-right: 1em;
    margin-bottom: 1em;
    text-align:center;
    display:block;
    }