@charset "UTF-8";

@media screen {
/* **********************************************************
 @NORMALIZE
*************************************************************/
* { outline: none; }
body, div, dl, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, form, fieldset, input, textarea, select, th, td { margin: 0; padding: 0; outline: none; }
p, li, td, h1, h2, h3, h4, h5, h6 { cursor: default; }
a { text-decoration: none; cursor: pointer; outline: none; color: #0192d7; }
a:hover { text-decoration: underline; }
input.button { cursor: pointer; }
ol, ul { list-style-type: none; }
address, caption, code, dfn, th, var { font-style: normal; font-weight: normal; }
cite { font-style: italic; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; }
table { border-collapse: collapse; border-spacing: 0;
	height: 20px;
}
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
small { font-size: 100%; }
.red, .red a { color: #ce0303; }
big { font-size: 140%; line-height: 100%; }
.tab { display: inline-block; width: 60px; }


/* **********************************************************
 @FONTS, COLOURS AND SPACING
*************************************************************/
body, div, dl, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, form, fieldset, input, textarea, select, th, td { font-size: 14px; color: #004080; font-family: "Myriad Web", "Trebuchet MS", Arial }
p, li, td { line-height: 1.3em; }
h1, h2, h3, h4, h5, h6 { color: #004080; line-height: 1.1em; }


/* **********************************************************
 @LAYOUT
*************************************************************/
html { height: 100%; text-align: center; }
body { height: 100%; text-align: center; margin: 0 auto; background: #fff; position: relative; }
.container { margin: 0 auto; text-align: left; width: 980px; min-width: 980px; position: relative; }


/* **********************************************************
 @HEADER
*************************************************************/
#header { height: 83px; min-width: 980px; position: relative; z-index: 5; background: url(../images/bg_header.jpg) 0 -5px repeat-x; }
#header .logo a { display: block; position: absolute; left: 0; top: 42px; width: 275px; height: 35px; z-index: 1; text-indent: -3500px; }
#header .logo a span { display: block; position: absolute; left: 0; top: 0; width: 275px; height: 35px; background: url(../images/logo_photonews.png); }

#header .call { position: absolute; right: 0; top: 10px; text-transform: uppercase; color: #fff; font-size: 12px; }
#header .call strong { font-size: 20px; color: #fff; padding: 0 0 0 10px; }
#header .call a {color: #fff; }
#header .call a:hover {color: #949494; text-decoration: none; }

#header .share { position: absolute; right: 300px; top: -5px; }
#header .share li { float: left; }
#header .share li a { display: block; width: 52px; height: 40px; overflow: hidden; background: url(../images/bg_icons_share_top.jpg) no-repeat; text-indent: -3500px; }
#header .share li.email a { background-position: 0 0; }
#header .share li.twitter a { background-position: -52px 0; }
#header .share li.facebook a { width: 56px; background-position: -104px 0; }
#header .share li.email a:hover { background-position: 0 -40px; }
#header .share li.twitter a:hover { background-position: -52px -40px; }
#header .share li.facebook a:hover { width: 56px; background-position: -104px -40px; }

#header ul#topnav { position: absolute; top: 32px; right: 0; text-align: right; z-index: 2; }
#header ul#topnav li { position: relative; display: inline-block; width: auto; height: auto; *float:left; padding: 0 0 0 30px; }
#header ul#topnav li.first { padding: 0; }
#header ul#topnav li a { font-size: 17px; font-weight: normal; display: block; padding: 18px 0 22px 0; color: #464646; text-shadow: #fff 1px 1px 0px; text-transform: uppercase; font-weight: bold; }
#header ul#topnav li a:hover, ul#topnav li a:hover strong, ul#topnav li.selected a { color: #0192d7; text-decoration: none; }
#header ul#topnav li li a { text-shadow: none; }

#header ul#topnav li ul { padding: 0 10px 0 10px; position: absolute; top: 52px; left: 20px; text-align: left; background: url(../images/bg_dropdown.png) top repeat-y; display: none; }
#header ul#topnav li.first ul { left: -20px; }
#header ul#topnav li ul li { display: block; float: none; background: none; }
#header ul#topnav li li a { color: #fff; letter-spacing: 0px; }
#header ul#topnav li.selected li a { color: #0192d7; }
#header ul#topnav li.selected li a:hover { color: #0192d7; }

#header ul#topnav li ul li { border-top: 1px solid #444; display: block; width: 166px; padding: 0; }
#header ul#topnav li ul li.first { border-top: none; }
#header ul#topnav li ul li a { font-size: 14px; font-weight: normal; height: auto; padding: 9px 10px 9px 10px; text-transform: none; }
#header ul#topnav li ul li a:hover { color: #7cd3ff; }
#header ul#topnav li ul li.selected a, ul#topnav li.selected a:hover { color: #7cd3ff; }
#header ul#topnav .bottom { position: absolute; bottom: -9px; left: 2px; border: none; padding:0; display: block; width:183px; height: 9px; background: url(../images/bg_dropdown_bottom.png) no-repeat; }
* html #header ul#topnav .bottom { background: none; }

#header ul#topnav li.getlivequote ul { padding: 20px 10px 3px 10px; position: absolute; top: 32px; left: 20px; z-index: 2; text-align: left; background: url(../images/bg_dropdown_white.png) top no-repeat; }
#header ul#topnav li.getlivequote ul li { border: none; display: block; width: 146px; padding: 0; }
#header ul#topnav li.getlivequote ul li a { color: #b8b8b8; text-transform: uppercase; font-size: 11px; padding: 3px 3px 0 0; }
#header ul#topnav li.getlivequote ul li a:hover { color: #0097d1; }
#header ul#topnav li.getlivequote .bottom { position: absolute; bottom: -9px; left: 1px; border: none; padding:0; display: block; width:183px; height: 9px; background: url(../images/bg_dropdown_white_bottom.png) no-repeat; }
* html #header ul#topnav li.getlivequote .bottom { background: none; }


/* **********************************************************
 @FLASH
*************************************************************/
#flash { background: url(../images/bg_flash.jpg) top center repeat-x; height: 350px; z-index: 1; position: relative; min-width: 980px; }

#flash .container { height: 436px; background: url(../images/bg_flash.gif) repeat-x; }
#flash .container .scrollable { position: absolute; z-index: 1; overflow: hidden; width: 980px; height: 436px; top: 0; background: none !important; }
#flash .container .scrollable .items { width: 980px; height: 436px; position: absolute; background: none !important; } 
#flash .container .scrollable .items div.slide { position: relative; width: 980px; height: 436px; float: left; display: block; background: none !important; } 
#flash .container .scrollable .items div.slide a { } 
#flash .container .scrollable .items div.slide p { font-size: 18px; line-height: 1.2em; color: #7cd3ff; width: 440px; margin: 0 0 10px 0; position: relative; z-index: 2; } 
#flash .container .scrollable .items div.slide p.button_grey { line-height: 1.4em; } 
#flash .container .scrollable .items div.slide p.title { font-size: 30px; line-height: 1.1em; color: #fff; font-weight: normal; width: 470px; margin: 35px 0 20px 0; } 
#flash .container .scrollable .items div.slide img.image { position: absolute; top: 0; right: 0; z-index: 1; } 

#flash .bottom { position: absolute; bottom: 0; left: 0; z-index: 2; width: 600px } 
#flash .bottom #navi { float: left; width: auto; } 
#flash .bottom #navi a { float: left; width: 23px; height: 24px; display: inline-block; text-indent: -3500px; } 
#flash .bottom #navi a.activeSlide { background: url(../images/bg_flash_nav.gif) right; } 
#flash .bottom #navi a { display: block; width: 23px; height: 24px; background: url(../images/bg_flash_nav.gif); } 
#flash .bottom #navi a:hover { width: 23px; height: 24px; background: url(../images/bg_flash_nav.gif) center; } 
#flash .bottom #navi_left { float: left; height: 24px; width: 18px; background: url(../images/bg_flash_nav_side.gif) top left; } 
#flash .bottom #navi_right { float: left; width: 18px; height: 24px;  background: url(../images/bg_flash_nav_side.gif) right; } 

#flash .bottom #twitterfeed { padding: 0 0 5px 25px; background: url(../images/bg_flash_twitter_v2.gif) no-repeat; float: left; width: auto; margin: 0 0 0 15px; font-style: italic; color: #fff; } 
#flash .bottom #twitterfeed a { color: #e4e4e4; } 
#flash .bottom #twitterfeed a span { color: #55addc; } 
#flash .bottom #twitterfeed a:hover { color: #fff; } 

#flash #facebookfriend { background: url(../images/bg_facebook.png) no-repeat center top; width: 105px; text-align: center; position: absolute; right: 0; top: 40px; z-index: 2; } 
#flash #facebookfriend a { display: block; padding: 90px 0 0 0; text-align: center; color: #69d5ff; text-transform: uppercase; line-height: 1.1em; } 
#flash #facebookfriend a:hover { color: #fff; } 

#flash #sticker { position: absolute; right: 0; bottom: 0; z-index: 3; padding: 0 0 7px 0; }
#flash #sticker p { color: #e4e4e4; text-align: center; }
#flash #sticker p a { color: #e4e4e4; text-align: center; position: relative; z-index: 4; }
#flash #sticker p a:hover { color: #fff; }
#flash #sticker .top { background: url(../images/able_bg_sticker_top.png) left top no-repeat; padding: 23px 23px 0 23px; width: 130px; position: relative; bottom: 24px; }
#flash #sticker .top p { color: #fff; font-size: 22px; font-weight: bold; line-height: 1.1em; text-align: left; }
#flash #sticker .top p a { color: #fff; display: block; text-align: left; }
#flash #sticker .top p a:hover { color: #222; }
#flash #sticker .bottom { background: url(../images/able_bg_sticker_bottom.png) -10px 0px no-repeat; height: 49px; width: 169px; }
#flash #sticker .corner { position: absolute; right: 11px; top: 5px; width: 67px; height: 48px; background: url(../images/able_bg_sticker_corner.png); }

#nav { position: absolute; left: 33px; top: 310px; z-index: 15; }
#nav a { width: 13px; height: 14px; padding: 2px; background: url(../images/bg_nav_off.png) no-repeat; display: inline-block; margin: 0 3px 0 0; text-indent: -31500px; outline: none; }
#nav a:hover { background: url(../images/bg_nav_over.png) no-repeat; }
#nav a.activeSlide, #nav a.activeSlide:hover { background: url(../images/bg_nav_over.png) no-repeat; }
#nav a:focus { outline: none; }


/* **********************************************************
 @INDEX BOXES
*************************************************************/
#boxes { background: #fff url(../images/bg_boxes.jpg) repeat-x; padding: 0 0 5px 0; min-width: 980px; z-index: 2; position: relative; }
#boxes .boxesbg { background: url(../images/bg_boxes.png) bottom no-repeat; padding: 0 0 5px 0; }

#boxes .box { width: 255px; float: left; margin: 0 0 0 32px; padding: 0 20px 0 30px; background: url(../images/bg_box_separator.gif) 20px 0px no-repeat; position: relative; }
#boxes .box.first { margin: 0; background: none; }
#boxes .box h2 { text-align: left; font-size: 18px; color: #1c1c1c; margin: 20px 0 10px 0; padding: 0 0 0 0; text-transform: uppercase; }
#boxes .box h2.hirek { margin: -14px 0 0px -4px; padding: 35px 0 20px 70px; background: url(../images/icon_hirek.png) no-repeat; }
#boxes .box h2.programok { margin: -14px 0 0px -4px; padding: 35px 0 20px 70px; background: url(../images/icon_programok.png) no-repeat; }
#boxes .box h2.kapcsolat { margin: -14px 0 0px -4px; padding: 35px 0 20px 70px; background: url(../images/icon_kapcsolat.png) no-repeat; }

#boxes .box h3 { font-size: 17px; color: #054c6b; margin: 10px 0 5px 0; padding: 0 0 0 0; }
#boxes .box p { text-align: left; margin: 15px 0 4px 0; position: relative; z-index: 1; font-size: 14px; color: #4b4a4a; line-height: 1.1em; }
#boxes .box p.button_blue { clear: left; margin: 5px 0 15px -7px; }
#boxes .scrollable_horizontal { position: relative; overflow: hidden; width: 725px; height: 380px; float: left; }
#boxes .scrollable_horizontal .items { width: 20000em; position: absolute; }
#boxes .box .tab { display: inline-block; width: 60px; }

#boxes #testimonials { margin: 10px 0 10px 0; background: url(../images/bg_quote.gif) 8px 2px no-repeat; }
#boxes #testimonials .testimonials { font-size: 16px; color: #054c6b; margin: 0 0 10px 0; padding: 0 0 0 55px; width: 700px; }
#boxes #testimonials .name { font-size: 14px; color: #464646; padding: 0 0 0 55px; }
#boxes #testimonials .button_blue { position: absolute; right: 0; top: 0; }

/* **********************************************************
 @MAIN
*************************************************************/
#main { background: #013b58 url(../images/bg_inside2.jpg); }
#main .bg { background: url(../images/bg_inside1.jpg) center top repeat-x; min-width: 980px; display: block; }

#main #heading { height: 109px; position: relative; }
#main #heading #pagetitle { position: absolute; left: 210px; bottom: 35px; font-size: 38px; font-weight: normal; line-height: 1em; color: #fff; }

#main #left { float: left; display: inline; width: 180px; padding: 0 0 0 0; }
#main #right { float: left; display: inline; width: 740px; padding: 30px; margin: 0 0 30px 0; position: relative; background: #fff; }

#main #right { min-height: 420px; }
* html #main #right { height: 420px; }

#main #full { width: 920px; padding: 30px; margin: 0; position: relative; background: #fff; }

#main .spacer { height: 20px; }

#main #left .bg { background: url(../images/bg_leftnav.png) top left no-repeat; }
#main #left .bg_bottom { background: url(../images/bg_leftnav.png) bottom left no-repeat; line-height: 0; font-size: 0; height: 12px; margin: 0 0 20px 0; }

#main #left .bg h2 { padding: 12px 0 0 25px; font-size: 16px; color: #fff; }
#main #left .bg h2 a { color: #fff; }
#main #left .bg h2 a:hover { color: #42d5ff; }

#main #left .testimonials { padding: 0 15px 0 25px; margin: 0 0 20px 0; background: url(../images/bg_quote.png) 2px 2px no-repeat; }
#main #left .testimonials p { color: #5badde; margin: 10px 0; }
#main #left .testimonials p.name { font-style: italic; }


/* **********************************************************
 @LEFTNAV
*************************************************************/
#leftnav { padding: 0 0 50px 0; }
#leftnav li { font-size: 16px; font-weight: normal; padding: 0 0 0 0; border-top: 1px dotted #0794ba; }
/*#leftnav li.first { border: none; }*/
#leftnav li a { display: block; margin: 8px 0; padding: 6px 12px 6px 10px; color: #fff; }
#leftnav li a:hover { text-decoration: none; background: url(../images/bg_leftnav.png) repeat-x; }
* html #leftnav li a:hover {  background: #012d45 ; }
#leftnav li.selected a { color: #ffab18; font-weight: bold; }
* html #leftnav li.selected a {  background: #012d45 ; }
#leftnav li.selected li a { color: #7ed5fe; }
#leftnav li.selected li.selected a { color: #ffab18; }
#leftnav li.selected li a:hover { text-decoration: none; background: url(../images/bg_leftnav.png) repeat-x; }
* html #leftnav li.selected li a:hover {  background: #012d45 ; }

/*level2*/
#leftnav li ul { display: none; margin: 0 0 0 0; }
#leftnav li.selected ul { display: block; }
#leftnav li ul li { width: 166px; margin: 0 0 0 15px; border: none; }
#leftnav li.selected ul li a { font-weight: normal; font-size: 14px; padding: 8px 10px 8px 10px; background: url(../images/bg_leftnav_lili.png) 2px 8px no-repeat; line-height: 1em; }


/* **********************************************************
 @TEXTCONTENTS
*************************************************************/
.termekek  { width: 800px; }
.termekek li { position: relative; z-index: 1; height: 310px; width: 360px; float: left; margin: 0 20px 7px 0; background: url(../images/bg_termekek_lista.png) no-repeat; }
.termekek li a { position: absolute; z-index: 3; display: block; height: 80px; width: 360px; padding: 230px 0 0 20px; font-size: 26px; color: #464646; }
.termekek li img { position: absolute; z-index: 1; }
.termekek li h3 { position: absolute; z-index: 2; color: #1098d9; font-size: 14px; padding: 260px 20px 0 20px; font-weight: normal; }
.termekek li a:hover { color: #1098d9; text-decoration: none; }

.textcontents, .textcontents p, .textcontents li { font-size: 14px; color: #4b4a4a; line-height: 17px; }

.textcontents h1, .textcontents h2, .textcontents h3, .textcontents h4, .textcontents h5 { margin: 16px 0 17px 0; color: #054c6b; }
.textcontents h2, .textcontents h3, .textcontents h4, .textcontents h5 { margin: 19px 0 17px 0; color: #1396d7; }
.textcontents h1 a, .textcontents h2 a, .textcontents h3 a, .textcontents h4 a, .textcontents h5 a { color: #075182; }
.textcontents h1 { font-size: 30px; font-weight: normal; }
.textcontents h2 { font-size: 22px; line-height: 1.2em; }
.textcontents h3 { font-size: 20px; line-height: 1.2em; }
.textcontents h4 { font-size: 18px; line-height: 1.1em; }
.textcontents h5 { font-size: 14px; line-height: 1.1em; }
.textcontents img { margin: 0 15px; padding: 3px; border: 1px solid #ccc; }
.textcontents img[align="left"] { margin: 0 15px 10px 0; }
.textcontents img[align="right"] { margin: 0 0 10px 15px; text-align: right; }
.textcontents p { margin: 0 0 15px 0; }
.textcontents blockquote { margin: 0 0 10px 0; line-height: 1.1em; color: #2f2f2f; }
.textcontents ol { list-style-type: decimal; padding: 0 0 0 20px; }
.textcontents ul, .textcontents ol { margin: 1em 0; }
.textcontents ul ul, .textcontents ul ol, .textcontents ol ul, .textcontents ol ol { margin: 5px 0; }
.textcontents ul li { color: #2f2f2f; padding: 4px 0 4px 22px; margin: 0 0 5px 0; background: url(../images/ul_arrow2.gif) 2px 9px no-repeat; }
.textcontents ol li { color: #2f2f2f; padding: 4px 0 4px 0; margin: 0 0 5px 0; background: none; }
.textcontents table { margin: 10px 0; }
.textcontents a { color: #1f92b3; text-decoration: underline; }
.textcontents a:hover { color: #009cec; }

.textcontents .hir { background: url(../images/bg_hirek.gif) no-repeat; margin: 0 0 0 -30px; padding: 25px 0 0 120px; position: relative; }
.textcontents .hir .datum { position: absolute; top: 0; left: 0; text-align: center; line-height: 12px; font-size: 10px; text-transform: uppercase; left: 56px; top: 11px; }
.textcontents .hir .datum strong { display: block; font-size: 20px; line-height: 20px; }
.textcontents .hir .datum span { display: block; font-size: 12px; }

.textcontents .kapcsolat .column1 { float: left; width: 200px; }
.textcontents .kapcsolat .column2 { float: left; width: 215px; padding: 0 0 0 45px; border-left: 1px solid #e8e8df; }
.textcontents .kapcsolat h2 { color: #054c6b; }
.textcontents .kapcsolat span { text-transform: uppercase; font-size: 12px; display: inline-block; margin: 15px 0 0 0; }
.textcontents .kapcsolat a { color: #0192d7; text-decoration: none; font-size: 17px; }
.textcontents .kapcsolat a:hover { text-decoration: underline; }

.textcontents .left { float: left; width: 49%; display: inline; }
.textcontents .right { float: left; width: 50%; display: inline; }

.textcontents .big, .textcontents big { color: #075182; font-size: 19px; line-height: 24px; }
.textcontents span.big { font-weight: bold; color: #075182; font-size: 32px; line-height: 30px; }

.textcontents .map_border { clear: both; display: block; width: 730px; height: 350px; margin: 10px 0; border: 1px solid #ccc; padding: 2px; background: #fff; }
.textcontents #map { display: block; width: 730px; height: 350px; background: #ccc; } 

.textcontents #directions { margin: 0 30px; display: block; }
.textcontents #directions .adp-directions { width: 100%; }

.textcontents .testimonials blockquote { border: 1px dashed #dedede; padding: 0 1em 0 60px; margin: 14px 0; background: #eee url(../images/bg_testimonials.png) no-repeat 20px 20px; }
.textcontents .testimonials h3 { font-weight: normal; color: #2a2a2a; font-size: 16px; font-style: italic; }


#BulletedList1  { text-align: left; }
#BulletedList1 label { cursor: pointer; display: block; margin: 10px; padding: 10px; background: #ededed;}
#BulletedList1 label:hover { background: #075182; color: #ededed; }
#BulletedList1 input { display: none;}



.arlista1 { }
.arlista1 td { border-bottom: 1px solid #e9e9e9; }
.arlista1 tr { vertical-align: baseline; }
.arlista1 th { }
.arlista1 td { padding: 14px 10px; }
.arlista1 th { padding: 10px 10px; font-size: 14px; text-transform: uppercase; font-weight: bold; background: url(../images/bg_tableheader.jpg); color: #fff; }
.arlista1 td.elso { color: #237fd3; font-size: 18px; }
.arlista1 td.masodik { color: #999; }

.hirlevel1 {}
.hirlevel1 tr { vertical-align: baseline; }
.hirlevel1 td { padding: 10px 14px; border-top: 1px solid #e9e9e9; color: #999; }
.hirlevel1 td.kotelezo { color: #004080; }
.hirlevel1 input { padding: 5px 10px; width: 300px; }
.hirlevel1 select { padding: 5px 10px; width: 320px; }
.hirlevel1 option { padding: 0 10px; }
.hirlevel1 #CheckBoxPN2,
.hirlevel1 #CheckBoxPN3,
.hirlevel1 #CheckBoxHL,
.hirlevel1 #CheckBoxPN4 { width: auto; padding: 0; margin: 0 5px 0 0; }
.button_grey { padding: 5px 10px; cursor: pointer; }
#Panel1 { height: auto !important; } 


.kapcsolat1 { width: 100%; }
.kapcsolat1 tr { vertical-align: top; }
.kapcsolat1 td { padding: 10px 14px; border-top: 1px solid #e9e9e9; color: #999; }
.kapcsolat1 td.kotelezo { color: #004080; }
.kapcsolat1 input { padding: 5px 10px; width: 300px; }
.kapcsolat1 textarea { padding: 5px 10px; width: 300px; height: 100px; }
.kapcsolat1 select { padding: 5px 10px; width: 320px; }
.kapcsolat1 option { padding: 0 10px; }
.kapcsolat1 #Hirlevel { width: auto; padding: 0; margin: 0 5px 0 0; }





/* **********************************************************
 @PARAGRAPH
*************************************************************/
.paragraph { background: #fafafa; border: 1px solid #e6e6e6; padding: 20px 20px 10px 20px; }
.paragraph h1 { font-size: 20px !important; padding: 0 0 4px 0; margin: 0 0 10px 0 !important; }


/* **********************************************************
 @FOOTER
*************************************************************/
#footer { background: #052754 url(../images/bg_footer.jpg) top repeat-x; padding: 15px 0 30px 0; font-size: 13px; min-width: 980px; }
#footer .left { float: left; }
#footer .right { float: right; width: 215px; }
#footer .right2 { float: right; }

#footer p { font-size: 13px; margin: 20px 0; color: #bae2f9; }
#footer p a { font-size: 13px; color: #bae2f9; }
#footer p a:hover { color: #fff; }
#footer p .org { color: #dde7eb !important; }

#footernav li { float: left; font-size: 13px; color: #dde7eb; }
#footernav li a { font-weight: bold; color: #dde7eb; padding: 0 20px 6px 0; display: block; text-transform: uppercase; }
#footernav li a strong { color: #2e99cc; }
#footernav li a:hover { color: #fff; }
#footernav li li { float: none; padding: 0 20px 0 0; }
#footernav li li a { color: #bae2f9; font-weight: normal; padding: 1px 0; text-transform: none; }

#footer .right p.vcard { margin: 0; line-height: 20px; }
#footer .right .qrcode { float: right; }
#footer .right .tel { font-weight: bold;  }


/* **********************************************************
 @COMMON
*************************************************************/
.clear { height: 0; clear: both; font-size: 0 !important; line-height: 0 !important; margin: 0; padding: 0; }
.line { height: 0; clear: both; font-size: 0 !important; line-height: 0 !important; border-top: 1px solid #ccc; }
hr { height: 1px; clear: both; background-color: #ccc; color: #ccc; border: none; }
#rss { background: url(../images/rss_icon.gif) no-repeat; }
#what_is_this { position: absolute; left: 520px; width: 150px; margin-top: 12px; line-height: 15px; font-size: 11px; background: white; border: 1px solid #adadad; color: #686868; padding: 5px 10px; }
.hidden { display: none; }
.justify { text-align: justify; }
.green { color: #73bd1f !important; }
.big { font-size: 160%; line-height: 130%; }
.red { color: #8d241b; !important; }
.small { font-size: 13px; }

.button_black { display: inline-block; }
.button_black a { font-size: 13px; font-weight: normal; text-transform: uppercase; color: #fff !important; text-decoration: none; cursor: pointer; }
.button_black a:hover { color: #000 !important; }
.button_black a span { display: inline-block; padding: 0; background: transparent url(../images/bg_button_black.png) no-repeat right top; } 
.button_black a span span { float: left; display: inline; padding: 9px 0 11px 33px; margin: 0 20px 0 0; background-position: left top; }

.button_red { display: inline-block; }
.button_red a { font-size: 13px; font-weight: normal; text-transform: uppercase; color: #fff !important; text-decoration: none; cursor: pointer; }
.button_red a:hover { color: #71cfff !important; }
.button_red a span { display: inline-block; padding: 0; background: transparent url(../images/bg_button_red.png) no-repeat right top; } 
.button_red a span span { float: left; display: inline; padding: 9px 0 11px 33px; margin: 0 20px 0 0; background-position: left top; }

.button_blue { display: inline-block; }
.button_blue a { font-size: 13px; font-weight: normal; text-transform: uppercase; color: #fff !important; text-decoration: none; cursor: pointer; line-height: 22px; }
.button_blue a:hover { color: #bae2f9 !important; }
.button_blue a span { display: inline-block; padding: 0; background: transparent url(../images/bg_button_blue.png) no-repeat right top; } 
.button_blue a span span { float: left; display: inline; padding: 11px 5px 10px 22px; margin: 0 30px 0 0; background-position: left top; }

.button_orange { display: inline-block; }
.button_orange a { font-size: 14px; font-weight: normal; text-transform: uppercase; color: #fff !important; text-decoration: none; cursor: pointer; }
.button_orange a:hover { color: #000 !important; }
.button_orange a span { display: inline-block; padding: 0; background: transparent url(../images/bg_button_red_inside.png) no-repeat right top; } 
.button_orange a span span { float: left; display: inline; padding: 7px 0 8px 14px; margin: 0 14px 0 0; background-position: left top; }

.button_grey { display: inline-block; }
.button_grey a { font-size: 15px; font-weight: bold; text-transform: uppercase; color: #000 !important; text-decoration: none; cursor: pointer; text-shadow: #fff 1px 1px 0px; }
.button_grey a:hover { color: #0192d7 !important; }
.button_grey a span { display: inline-block; padding: 0; background: transparent url(../images/bg_button_grey.png) no-repeat right top; } 
.button_grey a span span { float: left; display: inline; padding: 11px 0 12px 27px; margin: 0 30px 0 0; background-position: left top; }


/* **********************************************************
 @UNI FORM
*************************************************************/
fieldset { clear: both; }
.req { color: #228ee5; font-weight: bold; }	
.space { clear: both; display: block; height: 20px; font-size: 0; line-height: 0; height: 300px; }
.clear_space { height: 10px; }
.noborder { border: none; background: none; padding: 0; }

.v1 { display: block; }
.v2 { display: block; }
.free { width: auto; }
.small { font-size: 90%; }

.flo_left { float: left; display: inline; }	
.flo_right { float: right; display: inline; }


ul.uni_form { float: left; clear: both; display: block; position: relative; margin: 0; padding: 0; list-style-type: none; }
ul.uni_form li { float: left; clear: both; display: block; position: relative; margin: 0; padding: 0 0 10px 0; background: none; }
	
ul.uni_form li h1 { margin: 0 0 0 0; padding: 15px 18px 0 0; }
ul.uni_form li h2 { margin: 0 0 0 0; padding: 15px 18px 0 0; }
ul.uni_form li h3 { margin: 0 0 0 0; padding: 15px 18px 0 0; }
ul.uni_form li h4 { margin: 0 0 0 0; padding: 15px 18px 0 0; }
ul.uni_form li h5 { margin: 0 0 0 0; padding: 15px 18px 0 0; }
ul.uni_form li h6 { margin: 0 0 0 0; padding: 15px 18px 0 0; }
ul.uni_form li p { margin: 0 0 0 0; padding: 0 18px 10px 0; }
ul.uni_form li p.crash, 
ul.uni_form li p.bless, 
ul.uni_form li p.info { display: block; margin: 0 0 10px 0; padding: 0 5px; background: none; font-size: 13px }	
ul.uni_form li p.crash span,
ul.uni_form li p.bless span,
ul.uni_form li p.info span { font-size: 120%; font-weight: bold; }
ul.uni_form li p.crash span { display: inline-block; color: #a30000; }
ul.uni_form li p.bless span { display: inline-block; color: #007d0c; }
ul.uni_form li p.info span { display: inline-block; color: #0097d1; }

ul.uni_form li label { padding: 5px 0; margin: 0 10px 0 0; }

ul.uni_form li input { padding: 5px; margin: 0 10px 5px 0; position: relative; border: 1px solid #ccc; }
ul.uni_form li input.radio { border: none; background: none; width: 15px; height: 15px; padding: 0; }
ul.uni_form li input.chkbox { border: none; background: none; width: 15px; height: 15px; padding: 0; }
ul.uni_form li input.button { border: none; background: none; padding: 0; width: auto; height: auto; font-weight: bold; color: #fff; padding: 5px; background: #113662 url(../images/bg_input.png) repeat-x; }
ul.uni_form li input.hidden { padding: 0; margin: 0; display: none; }
ul.uni_form li input#hittheblue { width: auto; height: auto; margin-top: 4px; padding: 0; background: none; border: none; }	
		
ul.uni_form li select { height: 22px; padding: 1px; margin: 0 10px 5px 0; }

ul.uni_form li textarea { height: 5.5em; padding: 5px; margin: 0 10px 5px 0; line-height: 1.3em; border: 1px solid #ccc; }		

/* GetlivequoteForm */ 	
ul.GetlivequoteForm li input.v1 { background: url(../images/bg_input_getlivequote.gif) no-repeat; width: 131px; border: none; padding: 7px 6px; }
ul.GetlivequoteForm li input.button { padding: 0; background: 0; border: 0; height: auto; margin: 0; }

/* Contactusform */ 	
ul.ContactForm li label.v1 { float: left; display: block; width: 125px; color: #075182; }
ul.ContactForm li input.v1 { float: left; display: block; width: 338px; padding: 8px 5px; background: url(../images/bg_input_contactus.gif) no-repeat; border: none; }
ul.ContactForm li textarea.v1 { float: left; display: block; width: 338px; height: 95px; padding: 8px 5px; background: url(../images/bg_input_contactus_textarea.gif) no-repeat; border: none; }
ul.ContactForm li .button { background: none !important; padding: 0 !important; }

/* directions */ 	
ul.directions li label.v1 { float: left; display: block; width: 125px; }
ul.directions li input.v1 { float: left; display: block; width: 208px; color: #075182; padding: 11px 5px 13px 5px; background: url(../images/bg_input_directions.gif) no-repeat; border: none; }
ul.directions li .button { background: none !important; padding: 0 !important; }

/* custom bless and crash */
ul.uni_form li p { margin: 0 0 0 0; padding: 0 18px 10px 0; }
ul.uni_form li p.crash, 
ul.uni_form li p.bless, 
ul.uni_form li p.info { display: block; margin: 0 0 10px 0; padding: 10px 15px; font-size: 13px }
ul.uni_form li p.crash { border: 1px dotted #a30000; } 
ul.uni_form li p.bless { border: 1px dotted #007d0c; } 
ul.uni_form li p.info { border: 1px dotted #0097d1; }
ul.uni_form li p.crash span,
ul.uni_form li p.bless span,
ul.uni_form li p.info span { font-size: 120%; font-weight: bold; }
ul.uni_form li p.crash span { display: inline-block; color: #a30000; }
ul.uni_form li p.bless span { display: inline-block; color: #007d0c; }
ul.uni_form li p.info span { display: inline-block; color: #0097d1; }

#specialserror p { margin: 0 0 0 0; padding: 0 18px 10px 0; }
#specialserror p.crash, 
#specialserror p.bless, 
#specialserror p.info { display: block; margin: 0 0 10px 0; padding: 10px 15px; font-size: 13px }
#specialserror p.crash { border: 1px dotted #a30000; } 
#specialserror p.bless { border: 1px dotted #007d0c; } 
#specialserror p.info { border: 1px dotted #0097d1; }
#specialserror p.crash span,
#specialserror p.bless span,
#specialserror p.info span { font-size: 120%; font-weight: bold; }
#specialserror p.crash span { display: inline-block; color: #a30000; }
#specialserror p.bless span { display: inline-block; color: #007d0c; }
#specialserror p.info span { display: inline-block; color: #0097d1; }

#smserror p { margin: 0 0 0 0; padding: 0 18px 10px 0; }
#smserror p.crash, 
#smserror p.bless, 
#smserror p.info { display: block; margin: 0 0 10px 0; padding: 10px 15px; font-size: 13px }
#smserror p.crash { border: 1px dotted #a30000; } 
#smserror p.bless { border: 1px dotted #007d0c; } 
#smserror p.info { border: 1px dotted #0097d1; }
#smserror p.crash span,
#smserror p.bless span,
#smserror p.info span { font-size: 120%; font-weight: bold; }
#smserror p.crash span { display: inline-block; color: #a30000; }
#smserror p.bless span { display: inline-block; color: #007d0c; }
#smserror p.info span { display: inline-block; color: #0097d1; }


/* SCROLLBAR */
#scrollbar { width: 720px; margin: 0; float: left; height: 450px; }
#scrollbar .viewport { width: 720px; height: 400px; overflow: hidden; position: relative; }
#scrollbar .overview { list-style: none; width: 10000px; height: 400px; padding: 0; margin: 0; position: absolute; left: 0; top: 0;  }
#scrollbar .overview img { float: left; }
#scrollbar .scrollbar,
#scrollbar .thumb .end,
#scrollbar .thumb { background: transparent url(../images/bg-scrollbar-x4.png) no-repeat; }
#scrollbar .scrollbar { position: absolute; top: 395px; z-index: 5; overflow: hidden;  margin: 0 0 5px; clear: both; height: 15px; }
#scrollbar .track { background: transparent url(../images/bg-scrollbar-x-end4.png) no-repeat 100% 0; width: 100%; height:13px; position: relative; padding: 1px 0; }
#scrollbar .thumb { background-position: 100% -15px; height: 13px; cursor: pointer; overflow: hidden; position: absolute; left: 0; top: 1px; }
#scrollbar .thumb .end{ overflow: hidden; background-position: 0 -15px; height: 13px; width: 5px;}
#scrollbar .disable { display: none; }		

/* FANCYFORM */
#fancyform { padding: 0 30px; text-align: left; }
#fancyform h1, #fancyform h2, #fancyform h3, #fancyform h4, #fancyform h5 { margin: 17px 0 7px 0; color: #075182; }
#fancyform h1 a, #fancyform h2 a, #fancyform h3 a, #fancyform h4 a, #fancyform h5 a { color: #075182; }
#fancyform h1 { font-size: 40px; color: #414344; font-weight: bold; margin: 0 0 35px 0; padding: 35px 0 0 0; }
#fancyform h2 { font-size: 20px; margin: 0 0 15px 0; padding: 20px 0 0 0; }
#fancyform h3 { font-size: 18px; margin: 0 0 10px 0; padding: 15px 0 0 0; }
#fancyform h4 { font-size: 16px; }
#fancyform h5 { font-size: 13px; }
#fancyform img { margin: 0 15px; padding: 3px; border: 1px solid #ccc; }
#fancyform img[align="left"] { margin: 0 15px 10px 0; }
#fancyform img[align="right"] { margin: 0 0 10px 15px; text-align: right; }
#fancyform img.heading { margin: 0; padding: 0; border: none; float: right; margin: 0 -35px 0 0; }
#fancyform p { margin: 0 0 10px 0; line-height: 1.3em; }
#fancyform ol { list-style-type: decimal; padding: 0 0 0 20px; }
#fancyform ul, #fancyform ol { margin: 1em 0; }
#fancyform ul ul, #fancyform ul ol, #fancyform ol ul, #fancyform ol ol { margin: 5px 0; }
#fancyform ul li { color: #2f2f2f; padding: 4px 0 4px 0; background: none; }
#fancyform ol li { color: #2f2f2f; padding: 4px 0 4px 0; background: none; }
#fancyform ul.bluearrow li { color: #2f2f2f; padding: 4px 0 4px 23px; background: url(../images/ul_arrow3.gif) no-repeat 0px 7px; }
#fancyform table { margin: 10px 0; }
#fancyform a { color: #1f92b3; text-decoration: underline; }
#fancyform a:hover { color: #009cec; }

#fancyform .SignupEmailForm input.v1 { background: url(../images/bg_input_signupemail.gif) no-repeat; padding: 7px 3px 7px 7px; border: none; width: 133px; margin: 0 3px 0 0; }
#fancyform .SignupEmailForm input.button { padding: 0; border: 0; margin: 0; }
#fancyform .SignupSMSForm input.v2 { background: url(../images/bg_input_signupsms1.gif) no-repeat; padding: 7px 3px 7px 7px; border: none; width: 43px; margin: 0 3px 0 0; }
#fancyform .SignupSMSForm input.v3 { background: url(../images/bg_input_signupsms2.gif) no-repeat; padding: 7px 3px 7px 7px; border: none; width: 55px; margin: 0 3px 0 0; }
#fancyform .SignupSMSForm input.button { padding: 0; border: 0; margin: 0; }

} 
@media print {}