body { margin:0; padding:0; width:100%; height:100%;}
       /*background:#e9e9e9 url(../images/BackGround_Diagramma_2.jpg) no-repeat center top ;}*/
       
html { padding:0; margin:0;}
.main2 { margin:0 auto; background:#e9e9e9 url(../images/main_bg.gif) top center repeat-x; padding:0;}
.main { margin:0 auto; background:#e9e9e9 url(../images/main_bg3.gif) top center repeat-x; padding:0px 0 0 0;}

/********** header **********/
/*

    font-family: 'Open Sans Condensed', sans-serif;

    font-family: 'Roboto', sans-serif;

*/
.header {  padding:0; margin:0 auto; width:960px;}
.offer { font: bold 14px "Roboto", "Trebuchet MS", Arial, sans-serif;
         text-decoration:none; color:#ffffff; background:url(../images/Click_here-old.gif) no-repeat;
         padding-top:13px; text-align:center; width:203px; height:45px; float:right}
.offer a { text-decoration:none; color:#fabd05; }
.offer a:hover { color:#ffffff; }


/* logo */

.logo {padding:0; margin:0; width:335px; float:left;}

/*******sendfile*************/

.sendfile a { text-decoration:none; color:#a0a0a0; }

.sendfile a:hover { text-decoration:none; color:#ffffff; }

.upload { background:url(../images/upload_file.png) no-repeat 0 -82px; display:block; height:82px; width:242px; }

.upload:hover { background-position:0 0px; }

.newaccount { background:url(../images/new_account.png) no-repeat 0 0px; display:block; height:79px; width:242px; }

.newaccount:hover { background-position:0 -79px; }

.offeraccount { background:url(../images/special_offer.png) no-repeat 0 -79px; display:block; height:79px; width:242px; }

.offeraccount:hover { background-position:0 0px; }

.quoteaccount { background:url(../images/quote.png) no-repeat 0 -79px; display:block; height:79px; width:242px; }

.quoteaccount:hover { background-position:0 0px; }

/* test */

.test { background:url(../images/buttons/button_OK.png) no-repeat 0 -128px; display:block; height:128px; width:128px; }

.test:hover { background-position:0 0px; }


.rss_img { text-align:left; font: normal 11px "Roboto", Arial, sans-serif; color:#ffffff; float:left; margin:8px 1px 0 0; padding: 3px  8px; background:#3f3f3f; border-bottom:1px solid #0e0e0e; border-top:1px solid #535353; border-right:1px solid #101010; border-left:1px solid #535353;}

.rss_img a { color:#adadad; text-decoration:none;}

.rss_img a:hover { color:#fff; }

.rss_img:hover { background:#464646; margin:7px 0 0 1px; border-bottom:1px solid #535353; border-top:1px solid #000000; border-right:1px solid #535353; border-left:1px solid #000000; }

.rss_img p { float:left; padding:0 5px 0 0; margin:0;}

.rss_img img { margin:0 3px; padding:0;}

/*cuber*/

.cu3er_resize { width:960px; margin:0 auto; padding:10px 0 0px 0; }

#cu3er-container { width:960px; outline:0; }

/*menu*/

.menu { padding:0; margin:0; float:right; width:530px;}

.menu ul { text-align: left;  padding:30px 0 0 0; margin:0; list-style:none; border:0; float:right;}

.menu ul li { float:left; margin:0; padding:13px 5px; border:0; }

.menu ul li a, .menu ul li a:visited { float:left; margin:0; padding:13px 0 13px 0; color:#1e1e1e; font:bold 14px "Roboto", "Trebuchet MS", Arial, sans-serif; text-decoration:none; }

.menu ul li a span { padding:13px 10px; background:none; }

.menu ul li a:hover {color:#fff; background: url(../images/r_menu.gif) no-repeat right; }

.menu ul li a:hover span {color:#fff; background:url(../images/l_menu.gif) no-repeat left; }

.menu ul li a.active {color:#fff;  background:url(../images/r_menu.gif) no-repeat right; }

.menu ul li a.active span {color:#fff; background:url(../images/l_menu.gif) no-repeat left; }

/*menu-aspx*/

.amenu {font:bold 13px "Roboto", "Trebuchet MS", Arial, sans-serif; margin:30px 0px 0px 0px; width:500px; float:right; }

.amenu ul.level1 { text-align:left; list-style:none; float:left; }

.amenu ul.level1 li {  border:0; float:left; display: table; }

.amenu ul li a.level1 { color:#7a7a7a; text-align:center; padding:5px; margin:0px; width:90px; float:left; }

.amenu ul li a.level2 { color:#7a7a7a; text-align:center; padding:5px; margin:0px; width:90px; float:left; }

.amenu ul li a.level1.selected {background:url(../images/menu_01.png) no-repeat center;  color:#022770; border-bottom:1px solid #ea9b00; }

.amenu ul li a.level2.selected {background:url(../images/menu_01.png) no-repeat center;  color:#022770; border-bottom:1px solid #ea9b00; }

/*.amenu ul li a:hover {background:url(../images/menu_01.png) no-repeat center; color:#0c1e49; }*/

.amenu ul li a:hover {background:url(../images/menu_01.png) no-repeat center; color:#ea9b00; border-bottom:1px solid #ea9b00;}

/*emenu-aspx*/

.emenu { font-family:Trebuchet MS; font-size: 0.9em; font-weight: normal; text-decoration:none;

        vertical-align:bottom; padding-left:20px; }

.emenu ul { border-left:2px solid #444444; }

.emenu ul li  { background-image:url(../images/icons/test/Shadow-menu.png); background-repeat: repeat-y;

                background-color:#858585; border-top:1px solid #444444; border-right:2px solid #444444; 

                width:110px; height:25px; text-align:center; float:left; display:table; vertical-align:middle; }

.emenu ul li a { color:#dadada; vertical-align:baseline; }

.emenu ul li a.selected { background:#424242 url(../images/GridView/grd_head.png) repeat-x top; color:#ffffff; height:24px; border-bottom:1px solid#ff3333;}

.emenu ul li a:hover { background-color:#606060; border-bottom:1px solid#ff3333;

                       border-left:0px solid#333333; color:#dddddd; height:24px; }

/* search */

.search { padding:15px 0 0 0; margin:0; width:230px; float:right;}

.search form { display:block; float:right; padding:0;}

.search span { display:block; float:left; background: url(../images/search_bg.gif) left top no-repeat; width:146px; padding:0; height:24px;}

.search form .keywords { width:179px; line-height:14px;  float:left; background:none; border:0; padding:5px 2px 0 10px; margin:0; font:normal 11px "Roboto", Arial, sans-serif; color:#777;}

.search form .button { float:left; margin:0; padding:0;}


/* click_blog */

.click_blog { width:960px; margin:0 auto; padding:20px 0; background:url(../images/slot_bg.gif) top no-repeat;}

.click_blog p { font: normal 20px "Roboto", Arial, "Trebuchet MS", Helvetica, sans-serif; color:#737373; width:710px; float:left; padding:0; margin:0;}

.click_blog p span { font: normal 17px 'Roboto Slab', serif; color:#979797;}

.click_blog p a { color:#979797; text-decoration:none;}

.click_blog img { float:right; margin:0; padding:0;}



/* FBG */

.FBG {  padding:0; margin:0; background:#e9e9e9;}

.FBG_resize { width:910px; margin:0 auto; padding:0;}

.FBG_resize img { float:left; margin:0; padding:0;}

.FBG_resize a { color:#555555; text-decoration:none; }

.FBG_resize h2 { font: normal 18px "Roboto", "Trebuchet MS", Arial, sans-serif; color:#504f4f; padding:10px 0; margin:0;}

.FBG_resize p {font: normal 11px "Roboto", Arial, sans-serif; color:#555555; padding:5px 0; margin:0; line-height:1.8em;}

.FBG_resize ul { padding:0; margin:0; list-style:none;}

.FBG_resize li { background:url(../images/li_bg1.gif) no-repeat left bottom; padding:5px 0 12px 0; margin:0;  }

.FBG_resize li a { font: normal 11px "Roboto", Arial, sans-serif; color:#8c8c8c;

                    padding:5px 0 5px 0; margin:0;text-decoration:none;}

.FBG_resize li a:hover { color:#5c5c5c; text-decoration: underline;}

.FBG_resize .blog { width:205px; float:left; margin:0; padding:20px 25px 20px 0;}

.FBG_resize .last { padding:20px 0;}



/* body */

.body_resize { width:910px; margin:0 auto; padding:20px 25px; background:#fff;}

.body { padding:0; margin:0 auto;}

.body h2 { font: normal 24px "Roboto", Arial, sans-serif; color:#494848; padding:5px 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #dfdfdf;}

.body h2 span { font: normal 16px "Roboto Slab", serif; line-height:24px; color:Gray; padding:0; margin:0;}

.body h3 {font: normal 18px "Roboto", Arial, sans-serif; color:#494848; padding: 2px 4px 8px 4px; border-bottom:1px solid #dbdbdb;}

/*

.body h4 { font: normal 20px "Roboto", Arial, sans-serif; color:#2a2a2a; padding:5px 0; margin:0; border-bottom:none;}

*/

.body h3 span { font: normal 14px "Roboto", Arial, sans-serif; color:Gray; padding:0; margin:0;}

.body h4 { font: normal 16px "Roboto Slab", serif; color:#2a2a2a; padding:5px 0; margin:0; border-bottom:none;}

.body h4 span { font: normal 14px "Roboto", Arial, sans-serif; color:Gray; padding:0; margin:0;}

.body .menu2 { width:170px; float:right; padding:0; margin:0;}

.body .menu2 a { font: bold 14px "Roboto", "Trebuchet MS", Arial, sans-serif; color:#5d5d5d; text-decoration:none; padding:0 3px;}

.body .menu2 a:hover { color:#fff; background:#363636;}

.body p.about { background:#e6e6e6; border-left:8px solid #cdcdcd; padding:10px 20px; margin:15px 0; font: italic 15px "Roboto Slab", serif; line-height:22px; color:#747474;}

.body p { font:normal 15px "Roboto", Arial, sans-serif; color:#636363; line-height:1.8em; padding:5px 0; margin:0;}

.body li { font:normal 15px "Roboto", Arial, sans-serif; color:#636363; line-height:1.8em; padding:0 0 5px 0; margin:0;}

p span { color:#f00;}

.body a { color:#0066ff; text-decoration:none;}

.body img { margin:5px auto; padding:5px; border:1px solid #e9e9e9; background:#f6f6f6;}

.body .image { margin:5px auto; padding:5px; border:1px solid #e9e9e9; background:#f6f6f6;}

.body .imageclr { margin:0px auto; padding:0px; }

.body img.link { margin:5px auto; padding:0; text-align:center; border:0px; background-color:transparent;}

.body img.nb { margin:3px auto; border:0px; background-color:transparent; float:left;}

.right {  width:289px; margin:0; padding:10px 0; float:right; font:normal 14px "Roboto", Arial, sans-serif; color:#636363; line-height:1.8em;}

.right p { font:normal 14px "Roboto", Arial, sans-serif; color:#636363; line-height:1.8em; padding:5px 0; margin:0;}

.right ul { margin:0; padding:0; list-style:none;}

.right li { border-bottom:1px solid #dfdfdf; padding:5px 0 5px 15px; margin:0; background:url(../images/r_ul_li.gif) left no-repeat;}

.right li a { font: normal 14px "Roboto", Arial, sans-serif; color:#747474; text-decoration:none;}

.right li:hover {  background:url(../images/r_ul_li_a.png) left no-repeat; }

.right li a:hover { color:#912731;}

.left { width:599px; margin:0; padding:10px 0; float:left;}

.port { width:290px; margin:10px 0; padding:0 20px 0 0; float:left;}

.port2 { width:278px; margin:0px 0; padding:0 20px 0 0; float:left;}

.last { padding:0;}
/*************Alert*********************/
.alertbox { background:url(../images/WndShadow890.jpg) no-repeat bottom right; width:890px; padding:10px 10px 10px 10px; background-color:#ededed;}
.alertbox h2 { font: normal 24px "Roboto", Arial, sans-serif; color:Red; padding:5px 0 5px 0; margin:0 0 5px 0;}
.alertbox p { font:normal 16px "Roboto Slab", serif; color:#636363; line-height:1.8em; padding:5px 0 10px 0; margin:0;}

.half { background: url(../images/WndShadowS.jpg) no-repeat bottom left; width:420px; padding:10px 10px 30px 10px; margin-right:30px; float:left; background-color:#f4f4f4 ;}

.halfright { background: url(../images/WndShadowS.jpg) no-repeat bottom left; width:420px; padding:10px 10px 30px 10px; margin-right:0px; float:right; background-color:#f4f4f4 ;}

.half .image { background:#fafafa ;}

.halfright .image { background:#fafafa ;}

.half275 { background: url(../images/WndShadowS275.jpg) no-repeat bottom left; width:270px; padding:10px 10px 20px 10px; margin-right:10px; float:left; background-color:#f4f4f4 ;}

.halfright275 { background: url(../images/WndShadowS275.jpg) no-repeat bottom left; width:270px; padding:10px 10px 20px 10px; margin-right:0px; float:right; background-color:#f4f4f4 ;}

.half275 .image { background:#fafafa ;}

.halfright275 .image { background:#fafafa ;}

.halfbig {font:normal 14px "Roboto", Arial, sans-serif; color:#545454; line-height:1.8em;

          background: url(../images/WndShadow650.jpg) no-repeat bottom left; width:650px;

          padding:10px 10px 30px 10px; margin-right:30px; float:left; background-color:#f4f4f4;}

.halfbig h2 { font: normal 24px "Roboto", Arial, sans-serif; color:#494848; padding:5px 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #dfdfdf;}

.halfbig h2 span { font: normal 16px "Roboto", Arial, sans-serif; line-height:24px; color:Gray; padding:0; margin:0;}

table td { font:normal 14px "Roboto", Arial, sans-serif; color:#636363; margin:0; padding:0; }

.checkbox td {height:25px; }

.dimensions th {font: normal 14px "Roboto", Arial, sans-serif; color:#ffffff; height:30px; padding: 4px 8px; background: #424242 url(../images/GridView/grd_head.png) repeat-x top; border-left: solid 1px #525252; }

.Vimage img { margin:5px auto; padding:5px; border:1px solid #e9e9e9; background:#f6f6f6;}

.Vimage img:hover { background:#c0c0ff; }

.halfbig ul { margin:0; padding:0; list-style:none;}

.halfbig li { border-bottom:1px solid #dfdfdf; padding:5px 0 5px 15px; margin:0; background:url(../images/r_ul_li.gif) left no-repeat;}

.halfbig li a { font: normal 14px "Roboto", Arial, sans-serif; color:#747474; text-decoration:none;}

.halfbig li:hover {  background:url(../images/r_ul_li_a.png) left no-repeat; }

.halfbig li a:hover { color:#912731;}

.halfbig li span { color:#912731;}

/********* FORM ELEMENTS***********/
fieldset { margin: 1em 0px; padding: 1em; border: 1px solid #ccc;}

fieldset p { margin: 2px 12px 10px 10px; }

fieldset.login label, fieldset.register label, fieldset.changePassword label { display: block;}

fieldset.register { background-color:#dadada; padding:15px; display: block;}

fieldset label.inline { display: inline;}

legend { font: normal 18px "Roboto", Arial, sans-serif; color:#494848; padding: 2px 4px 8px 4px;}

input.textEntry {width: 320px; border: 1px solid #ccc;}

input.passwordEntry { width: 320px;    border: 1px solid #ccc;}

div.accountInfo { width: 42%;}

.failureNotification {font: normal 14px "Roboto", Arial, sans-serif; color: Red;}

.loginDisplay { font: normal 14px "Roboto", Arial, sans-serif; display: block; text-align: right; padding: 5px;}

.loginDisplay a { color:#888888; text-decoration:none; }

.loginDisplay a:link { text-decoration:none; }

.loginDisplay a:visited { }

.loginDisplay a:hover { color:#cccccc ; } 

.loginDisplay label { font: normal 11px "Roboto", Arial, sans-serif; }

.loginDisplay input { }

/********** contact form **********/

#contactform { margin:0; padding:5px 10px; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:0px; display:block; padding:5px 0; color:#ff0000; font: normal 14px "Roboto", Arial, sans-serif;  float:left; }
#contactform label span { color:#ff0000; font-weight:bold; }
#contactform .labelbox { margin:0; width:120px; padding:5px 0px; color:#636363; font: normal 14px "Roboto", Arial, sans-serif;  float:left; }
#contactform .labelbox span { color:#f00; }
#contactform input.text { width:50px; border:1px solid #d4d4d4; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:left; }
#contactform .textbox { width:250px; border:1px solid #d4d4d4; margin:2px 0; padding:5px 2px; height:20px; background:#fff; float:left; }
#contactform textarea { width:250px; border:1px solid #d4d4d4; margin:2px 0; padding:2px; background:#fff; float:left; }
#contactform li.buttons { padding:3px 0 3px 0; margin:10px 0 0 0; border:0; color:#FFF; float:left; }
#contactform .error { font:normal 11px "Roboto", Arial, sans-serif; color:#f00; padding-left:10px;}
#contactform .error2 { font:normal 11px "Roboto", Arial, sans-serif; color:#f00; position:relative; left:-90px; }

/********** register form **********/
.registerform { margin:0 20px; padding:0px 0px; }
.registerform ol { margin:0; padding:0; list-style:none; }
.registerform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
.registerform label { margin:0; width:0px; display:block; padding:5px 0; color:#ff0000; font: normal 14px "Roboto", Arial, sans-serif;}
.registerform label span { color:#ff0000; font-weight:bold; }
.registerform .labelbox { color:#636363; margin-top:5px; width:250px; }
.registerform .labelbox span { color:#f00; }
.registerform input.text { width:50px; border:1px solid #d4d4d4; margin:2px 0; padding:4px 2px; height:16px; background:#fff; }
.registerform .textbox { width:250px; border:1px solid #d4d4d4; margin:2px 0; padding:4px 2px; height:16px; background:#fff; }
.registerform textarea { width:250px; border:1px solid #d4d4d4; margin:2px 0; padding:2px; background:#fff; float:left; }
.registerform li.buttons { padding:3px 0 3px 0; margin:10px 0 0 0; border:0; color:#FFF; float:left; }
/*
.registerform li.buttons { margin:5px 0 5px 0; clear:both; }
*/
.registerform .error { font:normal 13px "Roboto", Arial, sans-serif; color:#f00; padding-left:0px; text-align:left;}
.registerform .error2 { font:normal 11px "Roboto", Arial, sans-serif; color:#f00; position:relative; left:-90px; }
.error { font:normal 13px "Roboto", Arial, sans-serif; color:#f00; padding-left:0px; }

/*************footer**********/
.footer {padding:0;  margin:0 auto; background:#e9e9e9;}
.footer_resize { width:960px; margin:0 auto; padding:10px 0; background:url(../images/footer_bg.gif) top center no-repeat;}
.footer p { font:normal 12px  "Roboto", Arial, sans-serif; color:#979797;}
.footer p span { color:#912731;}
.footer a { font:bold 14px "Roboto", Arial, sans-serif; color:#979797; text-decoration:none; }
.footer p.right { text-align:right; width:350px; margin:0; padding:15px 0; float:right;} 
.footer p.left { text-align:left; width:550px; margin:0; padding:15px 0; float:left;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
.bg { clear:both; padding:5px 0; margin:0; border-bottom:1px solid #dfdfdf;}

/************various******************/
.fright { float:right;}
.fleft { float:left; }
/*    CONTROLS      */
/*======gridview======*/
.myGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
.myGrid td { padding:2px 4px; border: solid 1px #c1c1c1; color: #717171; height:33px; }
.myGrid th { font: normal 14px "Roboto", Arial, sans-serif; color:#ffffff; height:33px; padding: 4px 8px; background: #424242 url(../images/GridView/grd_head.png) repeat-x top; border-left: solid 1px #525252; }
.myGrid th a { color:#ffffff; }
.myGrid .alt { background: #fcfcfc url(../images/GridView/grd_alt.png) repeat-x top; }
.myGrid .selected { background-color: #f9f1b0; color:#006088; }
/*
.myGrid .selected { background-color: #ddd; color:#ff0000;  }
*/
.myGrid .pgr { background: #424242 url(../images/GridView/grd_pgr.png) repeat-x top; }
.myGrid .pgr table { margin: 5px 0; }
.myGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
.myGrid .pgr a { color: #666; text-decoration: none; }
.myGrid .pgr a:hover { color: #000; text-decoration: none; }
.myGrid .noborder td { border:0px; }
/*==========CheckBox Finishing================*/
.myCheck td { width:90px;  }
/*============Modal Window=====================*/
#overlay {visibility: hidden; position: absolute; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 1000;}
#overlay div {width:300px; margin: 100px auto; background-color: #fff; border:1px solid #000; padding:15px; text-align:center;}
/*============CookieBar============*/
#cookie-bar {font: normal 14px "Roboto", Arial, sans-serif; background:rgba(0, 0, 0, 0.8); height:auto; line-height:24px; color:#ffffff; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:12px;}
#cookie-bar .cb-enable {background:#f9a907;}
#cookie-bar .cb-enable:hover {background:#dc9607;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#092470;}
#cookie-bar .cb-policy:hover {background:#041c5f;}

/*announce close*/
.close {display:block; background: #424242 url(../images/generic_use/announcment-banners.png);
        background-size: 250px 61.5px; width:250px; height:61.5px;
        position: absolute; top: 0px; left:5%; z-index: 1000;}
.close p {font: normal 14px "Roboto", Arial, sans-serif; color:#000000; padding:6px 2px 2px 67px}