body { background:url(images/bg.gif) repeat #FFFFFF; font-family: 'source_sans_proregular'; font-size:15px; color:#454f52; margin:0px; overflow-x: hidden; }
*{ outline:none;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
h1, h2, h3, h4, h5, h6 { margin:0px; font-weight:normal; }
p {	margin:0 0 15px 0; padding:0; font-family: 'source_sans_proregular'; font-size:15px; color:#454f52; }
.flt { float:left; }
.frt { float:right; }
.fleft { float:left; }
.fright { float:right; }
a { text-decoration:none;  color:#454f52; }
.hrea{ text-decoration:underline;}
.bttn-alink {text-decoration:underline;color:#002AFF; padding:2px;font-weight:bold;  FONT-SIZE: 13px; CURSOR: pointer;}
a img{ border:0px; }
ul, li { margin:0px; padding:0px; list-style:none; }
.clear { clear:both; }
strong { font-family: 'source_sans_probold'; font-weight:normal!important; }
input, select, textarea { font-family: 'source_sans_proregular'; color:#555555; }
@font-face {
    font-family: 'source_sans_probold';
    src: url('../fonts/SourceSansPro-Bold-webfont.eot');
    src: url('../fonts/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Bold-webfont.woff2') format('woff2'),
         url('../fonts/SourceSansPro-Bold-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-Bold-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_prolight';
    src: url('../fonts/SourceSansPro-Light-webfont.eot');
    src: url('../fonts/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Light-webfont.woff2') format('woff2'),
         url('../fonts/SourceSansPro-Light-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-Light-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Light-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/SourceSansPro-Regular-webfont.eot');
    src: url('../fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Regular-webfont.woff2') format('woff2'),
         url('../fonts/SourceSansPro-Regular-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('../fonts/SourceSansPro-Semibold-webfont.eot');
    src: url('../fonts/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Semibold-webfont.woff2') format('woff2'),
         url('../fonts/SourceSansPro-Semibold-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.wrapper { width:100%; margin:0 auto; padding:0 10px; }

#headerwrapper { width:100%; float:left; }
.toppart { width:100%; float:left; background:#214B6C; }
.logo { float:left; padding:10px 0; }
.logo img { display:block; }

.search { width:240px; float:left; position:relative; }
.searchbox { width:100%; float:left; background:#454F52; line-height:51px; height:51px; border:0; -webkit-appearance:none; font-size:13px; color:#FFFFFF; font-style:inherit; padding:0 35px 0 15px; font-style:italic; }
.searchbtn { width:15px; height:15px; background:url(../images/search-icon.png) left top no-repeat; border:0; -webkit-appearance:none; text-indent:-9999px; position:absolute; top:18px; right:13px; cursor:pointer; }

.topright { float:right; }
.topmenu { float:right;background:#214B6C;  }
.topmenu li { float:left; line-height:50px; font-size:12px; color:#FFFFFF; border-left:1px solid #454F52; position:relative; }
.topmenu li a { color:#FFFFFF; display:block; padding:0 20px; }
.topmenu li:hover a { background:#454F52; }
.topmenu li ul { width:200px; position:absolute; right:0; background:#454F52; display:none; }
.topmenu li:hover ul { display:block; }
.topmenu li ul li{ width:100%; border-bottom:1px solid #214B6C; line-height:26px; }
.topmenu li ul li a:hover { background:#214B6C; }

.navigation { width:100%; float:left; background:#454f52; padding:10px 0; text-align:left; }
.mainmenu { float:left; }
.mainmenu li { display:inline-block; font-size:15px; color:#FFFFFF; float:left; margin:0 1px; }
.mainmenu li:first-child { margin:0 1px 0 10px; }
.mainmenu li a { color:#FFFFFF; display:inline-block; line-height:26px;  padding:0 12px; }
.mainmenu li a:hover, .mainmenu li a.current { color:#000000;background:#FFFFFF; border-radius:3px; }

#middlewrapper { width:100%; float:left; padding:10px 0; }
h1 { font-size:28px; text-align:center; margin-bottom:40px; color:#214B6C; font-family: 'source_sans_prolight'; }

.gridmain { width:100%; float:left; overflow-x:auto; position:relative; padding-bottom:100px; }
.gridmain table { width:100%; border:0; padding:0; border-collapse:collapse; }
.gridmain table tr th { background:#efefef; border-bottom:1px solid #e1e1e1; padding:5px 5px; font-family: 'source_sans_prosemibold'; font-size:16px; text-align:left; vertical-align:middle; }
.gridmain table tr th.name { min-width:100px; }
.gridmain table tr td { padding:5px 5px; font-size:14px;  vertical-align:middle; }

.gridmain table tr th table { width:auto; border:0; padding:0; border-collapse:collapse; }
.gridmain table tr th table tr { background:#efefef; padding:0; font-family: 'source_sans_prosemibold'; font-size:16px; text-align:left; vertical-align:middle; }
.gridmain table tr th table tr:hover { background:#efefef; padding:0; font-family: 'source_sans_prosemibold'; font-size:16px; text-align:left; vertical-align:middle; }
.gridmain table tr th table td { padding:0; }

.gridmain table tr:hover { background:#f0e3e3; }

.gridmain table tr td a { font-family: 'source_sans_prosemibold'; }
.gridmain table tr td .action { width:15px; margin:0 auto; position:relative; }
.gridmain table tr th:last-child { text-align:center; }
.gridmain table tr td .action span { cursor:pointer; }
.gridmain table tr td .action span:hover { color:#214B6C; }
.gridmain table tr td .action #option { width:110px; margin-top:10px; right:-20px; position:absolute; background:#214B6C; padding:15px; text-align:left; line-height:24px; display:none; border-radius:8px; z-index:2}
.gridmain table tr td .action #option a { color:#FFFFFF; font-family: 'source_sans_proregular'!important; }
.gridmain table tr td .action #option a:hover { text-decoration:underline; }
.gridmain table tr td .action #option .arrow { width:15px; height:15px; margin:-30px 0 0 0; right:26px; position:absolute; }


.grey-blt { width:100%; float:left; background:#efefef; font-family: 'source_sans_prolight'; font-size:27px; padding:10px 15px; }
.grey-blt .left { float:left; }
.grey-blt .right { float:right; }
.grey-blt a { font-size:16px; font-family: 'source_sans_probold'; padding-left:30px; }
.grey-blt span { color:#214B6C; }

.midbox { width:50%; float:left; }
.midbox .halfcolum { width:100%; float:left; padding:30px 15px 30px 0; }
.midbox .halfcolum img { max-width:100%; display:block; }
a.up { font-size:12px; color:#FF0000; }


#footerwrapper { width:100%; float:left; background:#efefef; padding:30px 0; }
.footer-left { float:left; padding:0px 0 0 0; color:#37312d; }
.footer-left a { color:#37312d; padding-right:30px; }
.footer-left a span { }
.footer-right { float:right; }

.w570 { max-width:590px; padding:0 10px; margin:0 auto; }
.row { width:100%; float:left; margin-bottom:10px; }
.row label { width:100%; float:left; margin-bottom:8px; font-size:14px; }
.row-2 label { width:100%; float:left; margin-bottom:8px; font-size:14px; }
.w100 {}
.font-12 { display:block; font-size:12px; padding-top:8px; }
.row-2 { width:100%; float:left; margin-bottom:12px; line-height:20px; }
.row .col { width:47%; }
.row-2 .col { width:47%; }
.row-2 .col-2 { width:47%; line-height:20px; }
.inputbox { width:100%; float:left; border:1px solid #ccd3d4; line-height:46px; height:46px; padding:0 15px; font-size:13px; color:#848484; font-style:italic; }
.textarea { width:100%; float:left; border:1px solid #ccd3d4; height:160px; padding:0 15px; font-size:13px; color:#848484; font-style:italic; }
.w570 div.selector { line-height:46px; height: 46px; width: 100%; max-width:100%; border:1px solid #ccd3d4; background:#ffffff; position:relative; outline: 0; cursor:pointer; border-radius:0; }
.w570 div.selector span { color:#848484;  font-size:13px; color:#848484; font-style:italic; font-family: 'source_sans_proregular'; text-transform:none; }
.w570 div.selector select { height:46px; color:#848484; }

.btn-row { width:100%; text-align:center; float:left; }
.btn-row .blue-input-btn { -webkit-appearance:none; display:inline-block; background:#214B6C; border:0; font-size:15px; text-transform:uppercase;font-family: 'source_sans_probold'; color:#FFFFFF;  line-height:46px; vertical-align:top; min-width:170px; padding:0 10px; cursor:pointer; }
.btn-row .blue-input-btn:hover { background:#454f52; color:#ffffff; }

.redtext { color:#214B6C; }
a.redtext:hover { color:#454f52; }

.leftpanel { width:15%; float:left; }
.rightpanel { width:82%; float:right; }

h2 { font-size:25px; margin-bottom:10px; color:#454F52; font-family: 'source_sans_prolight'; }
h2.grey { color:#454f52; }
.leftmenu { width:100%; float:left; }
.leftmenu li { width:100%; float:left; margin-bottom:10px; }
.leftmenu li a { font-size:16px; color:#37312d; }
.leftmenu li a:hover { color:#214B6C; }
.leftmenu li a.current { color:#214B6C; font-family: 'source_sans_probold'; }


.gridmain div.checker {  position: relative; background:url('../images/chack-box-2.png') center 0px no-repeat; margin-left:25px; }
.gridmain div.checker, div.checker span, div.checker input { width: 12px;  height: 12px; }
.gridmain div.checker span.checked { background:url('../images/chack-box-2.png') left -12px no-repeat; }
.gridmain div.checker.active span {background:url('../images/chack-box-2.png') left -12px no-repeat; }
.gridmain div.checker.active span.checked { background:url('../images/chack-box-2.png') left -12px no-repeat; }

.w570-2 { max-width:570px; float:left; }
.w570-2 .row label { width:100%; float:left; margin-bottom:5px; font-size:16px; }
.w570-2 .row-2 label { width:100%; float:left; margin-bottom:5px; font-size:16px; }
.inputbox-2 { width:100%; float:left; border:1px solid #b8b8b8; line-height:25px; height:25px; padding:0 5px; font-size:16px; color:#37312d; border-radius:4px; }

.red-input-btn { -webkit-appearance:none;display:inline-block; background:#214B6C; border:0; border-radius:4px; font-size:15px; font-family: 'source_sans_proregular'; color:#FFFFFF;  line-height:27px; vertical-align:top;margin-top: 15px;  padding:0 8px; cursor:pointer; }
.red-input { -webkit-appearance:none;display:inline-block; background:#214B6C; border:0; border-radius:4px; font-size:15px; font-family: 'source_sans_proregular'; color:#FFFFFF;  line-height:27px; vertical-align:top; padding:0 8px; cursor:pointer; }
.red-input-btn:hover { background:#454f52; color:#ffffff; }


/**/
.title { width:100%; float:left; padding-bottom:10px; }
.title h2 { float:left; margin-bottom:0; }
.title ul { text-align:right }
.title ul li { display:inline-block; margin-left:10px; max-width:100px; width:100%; }
.title ul li a { background:#214B6C; color:#FFFFFF; line-height:27px; display:block; text-align:center; font-size:15px; border-radius:4px; }
.title ul li a:hover { background:#454f52; }

.filter { width:100%; float:left; border-bottom:1px solid #214B6C; border-top:1px solid #214B6C; padding:10px 0 0 0; margin-bottom:10px; }
.filter ul { width:102%; margin:0 0 0 -2%; float:left; }
.filter ul li { width:23%; margin:0 0 10px 2%; float:left; }
.filter ul li .filtertext { width:38%; float:left; padding:2px 5px 0 0; color:#37312d; text-transform:uppercase; font-family: 'source_sans_probold'; text-transform:uppercase; font-size:16px; }
.filter ul li .textbox { width:62%; float:right; }

.filter ul li label { width:26%; float:left; padding:1px 5px 0 0; }
.filter ul li div.selector { line-height:25px; height: 25px; width: 74%; border-radius:4px; max-width:100%; border:1px solid #b8b8b8; background:#ffffff; position:relative; outline: 0; cursor:pointer;}
.filter ul li div.selector span { color:#37312d;  font-size:16px; font-style:normal; font-family: 'source_sans_proregular'; text-transform:none; }
.filter ul li div.selector select { height:25px; color:#848484; }

.filter ul li .datefield { width:38%; float:left; padding:1px 5px 0 0;}


.grey-input-btn { display:inline-block; background:#454f52; border:0; border-radius:4px; font-size:15px; font-family: 'source_sans_proregular'; color:#FFFFFF;  line-height:27px; vertical-align:top; padding:0 8px; cursor:pointer;  }
.grey-input-btn:hover { background:#214B6C; color:#ffffff; }

.paging { width:100%; float:left; /*background:#efefef;*/ padding:0px; margin-bottom:10px; position:relative; font-size:18px; color:#454f52; font-family: 'source_sans_prolight'; position:relative; }
.paging a { color:#454f52; padding:0 2px; }
.paging a.pre { position:absolute; left:15px; top:15px; }
.paging a.next { position:absolute; right:15px; top:15px; }
.paging a:hover, .paging a.current { color:#214B6C; }
.paging strong { font-family: 'source_sans_prosemibold'; }
.paging .middle { margin:0 auto; width:70%; text-align:center; }

h3 { color:#37312d; font-family: 'source_sans_probold'; font-size:15px; margin-bottom:5px; }
h3.uper { text-transform:uppercase; }
.client-full { width:100%; float:left; }
.client-full .client-half { width:46%; }

.lead { width:100%; float:left; padding-bottom:20px; text-align:center; }

.top-btn { width:100%; float:left; margin-bottom:15px; }

.redbtn { background:#214B6C; color:#FFFFFF; line-height:35px; display:block; text-align:center; font-size:16px; border-radius:4px; width:170px; }
a.redbtn:hover { background:#454f52; }
.blkbtn { background:#454f52; color:#FFFFFF; line-height:35px; display:block; text-align:center; font-size:16px; border-radius:4px; width:170px; }
a.blkbtn:hover { background:#214B6C; }
.selection div.selector { border-radius:4px; }
.selection div.selector span { color:#37312d;  font-size:16px; font-style:normal; font-family: 'source_sans_proregular'; text-transform:none; }
.selection div.selector select { height:35px; color:#848484; }

.w170 { width:170px; float:left; }

.inputbox-3 { width:100%; max-width:160px; background:#f4f4f4; float:left; border:0; line-height:35px; height:35px; padding:0 15px; font-size:16px; border-radius:4px; }
.inputbox-4 { width:100%; max-width:80px; background:#f4f4f4; float:left; border:0; line-height:35px; height:35px; padding:0 15px; font-size:16px; border-radius:4px; }

.grid-view { width:103%; float:left; margin:0 0 40px -3%; }
.grid-view li { width:22%; float:left; margin:0 0 0 3%; border:1px solid #b8b8b8; }
.grid-view li .thumb { width:100%; display:block; }
.grid-view li .textcontent { width:100%; float:left; padding:15px 15px 5px 15px; }
.grid-view li table tr td { padding-bottom:13px; }

.grid-view li div.selector { border-radius:4px; width:100%!important; max-width:100%!important; }
.grid-view li div.selector span { color:#37312d;  font-size:16px; font-style:normal; font-family: 'source_sans_proregular'; text-transform:none; }
.grid-view li div.selector select { height:35px; color:#848484; }


.mainrow { width:100%; float:left; margin-bottom:15px; line-height:20px; }
.mainrow label { width:100%; float:left; margin-bottom:8px; }
.mainrow .colum-3 { width:103.33%; margin:0 0 0 -3.33%; float:left; }
.mainrow .colum-3 li { width:30%; margin:0 0 0 3%; float:left; }

.mainrow .colum-4 { width:103%; margin:0 0 0 -3%; float:left; }
.mainrow .colum-4 li { width:19%; margin:0 0 0 3%; float:left; }
.mainrow .colum-4 li.large { width:31%; }
.mainrow .colum-4 li.large .part1 { width:37%; float:left; padding-top:6px; }
.mainrow .colum-4 li.large .part2 { width:63%; float:left; }

.mainrow .colum-4 li .part3 { width:85%; float:left; }
.mainrow .colum-4 li .part4 { width:15%; float:left; padding:8px 0 0 10px; }

.blkbtn2 { background:#454f52; color:#FFFFFF; line-height:33px; display:block; text-align:center; font-size:16px; border-radius:4px; max-width:170px; width:100%; border:0; display:block; cursor:pointer; }
.blkbtn2:hover { background:#214B6C; }
.mainrow div.selector { border-radius:4px; background:#FFFFFF; border: 1px solid #b8b8b8; width:100%; max-width:100%; height:35px; }
.mainrow div.selector span { color:#37312d;  font-size:16px; font-style:normal; font-family: 'source_sans_proregular'; text-transform:none; }
.mainrow div.selector select { height:35px; color:#848484; }

.add-img { width:103%; float:left; margin:0 0 20px -3%; }
.add-img li { width:30.33%; float:left; margin:0 0 0 3%; border:1px solid #b8b8b8; }
.add-img li .thumb { width:100%; display:block; }
.add-img li .textcontent { width:100%; float:left; padding:15px 15px 5px 15px; }


.add-img div.checker {  position: relative; background:url('../images/chack-box-2.png') center 0px no-repeat; margin:0 5px; }
.add-img div.checker, div.checker span, div.checker input { width: 12px;  height: 12px; }
.add-img div.checker span.checked { background:url('../images/chack-box-2.png') left -12px no-repeat; }
.add-img div.checker.active span {background:url('../images/chack-box-2.png') left -12px no-repeat; }
.add-img div.checker.active span.checked { background:url('../images/chack-box-2.png') left -12px no-repeat; }

/* new 07-07-2015 */
.detail-left { width:60%; float:left; }
.detail-right { width:40%; float:left; padding-left:30px; }

.detail-left .large-img { width:100%; float:left; }
.detail-left .large-img img { width:100%; display:block; }
.detail-left .thumbs { width:100%; float:right; padding-left:0px; margin-bottom:20px; /*height:420px;*/ /*overflow-y:auto;*/ }
.detail-left .thumbs ul { width:100%; float:left; }
.detail-left .thumbs ul li { width:20%; float:left; padding:0 5px; margin:10px 0 0px 0; }
.detail-left .thumbs ul li img { width:100%; display:block; }

.spec { width:48%; }

.detail-listing {  width:100%; float:left;}
.detail-listing li { width:50%; float:left; margin-top:10px; }
.detail-listing li a { color:#214b6c; background:url(../images/tickmark.png) left 4px no-repeat; padding:0 0 0 20px; }
.detail-listing li a:hover { color:#214B6C; }


.form100 { width:100%; }
.row100 { width:100%; float:left; margin-bottom:0; }
.row100 label { width:100%; float:left; margin-bottom:8px; font-size:14px; }
.row100 .col100 { width:25%; float:left; margin-bottom:8px; padding-right:15px; }
.row100 .col120 { width:20%; float:left; margin-bottom:8px; padding-right:10px; }
.row100 .col300 { width:33.33%; float:left; margin-bottom:8px; padding-right:15px; }
.col200 label { width:35%; float:left; margin-bottom:8px; font-size:14px; padding-top:8px; }
.col200 span { width:65%; float:right; margin-bottom:8px; font-size:14px; }
.row100 .col250 { width:25%; float:left; margin-bottom:4px; padding-right:15px; }

.bttn-s{margin-top:15px;}