* { padding:0; margin:0; border:0; list-style:none; }
a { text-decoration:none; color:#FFF; }
a:hover {color:#FFF; }
.clear { clear:both; }
html { overflow-y:scroll; }
body { background:#C0C0C0 url(images/BodyBg.png) center repeat-y; font:14px Arial, Helvetica, sans-serif; color:#FFF; }
.Wrapper { position:relative; width:940px; margin:0 auto; background:#000C11; padding:172px 10px 0 10px; }
.Header { position:absolute; top:32px; left:10px; width:940px; height:129px; border:0 solid #FFF; border-width:1px 0; }
.Logo { position:absolute; top:11px; left:60px; }
.TopBanner { position:absolute; top:10px; left:230px; }
.Sprite a, .Sprite input { background-image:url(images/Sprite.png) !important; }
.hidden {display:none;}

/* ---< STARFSMANNASÍÐUR >----------------------------------------- */
.starfsmenn a:hover {color:#009fec;}
.starfsmenn a {color:#FFFFFF; text-decoration:none;}
.starfsmenn p { border-bottom:thin; margin-top:2px; margin-bottom:4px;}
div.starfsmenn {margin: 20px; width:160px; float:left;}
.starfsmenn hr {margin:0px; color:#009fec;}

.MiddleArea { min-height:0; }
.MiddleArea .FrontPageContent { float:right; width:710px; }
.MiddleArea .Content { float:right; width:690px; padding-top:16px; }
.MiddleArea .Content h1 { padding-bottom:20px; color:#009fec; text-transform:uppercase; font-size:1.511em; }
.MiddleArea .Content p { padding-bottom:20px; }


.MiddleArea .MainNav { float:left; text-transform:uppercase; width:220px; font-weight:bold; }
.MiddleArea .MainNav ul li a { padding:27px 0 0 22px; display:block; height:45px; }
.MiddleArea .MainNav ul li a:hover { background-position:0 -72px; }
.MiddleArea .MainNav ul li.Active a { color:#3B3B3B; background-position:0 -144px; }
.MiddleArea .MainNav ul li.Active li a { padding:13px 0 0 21px; color:#d7d6d6; display:block; height:24px; background-position:0 -216px; }
.MiddleArea .MainNav ul li.Active li a:hover { background-position:0 -253px; }
.MiddleArea .MainNav ul li.Active li.Active a { background-position:0 -290px; }

.BottomArea { padding:20px 0; text-transform:uppercase; font-weight:bold; }
.BottomArea ul li { float:left; padding-right:20px; }
.BottomArea ul li.Last { padding-right:0; }
.BottomArea ul li a { float:left; display:table; background-position:0 -327px; width:220px; height:100px; text-align:center; }
.BottomArea ul li a span { display:table-cell; vertical-align:middle; padding:0 30px; text-align:center; }

.Footer { border-top:1px solid #FFF; padding-top:13px; text-transform:uppercase; font-size:.7143em; }
.Footer .Icon { float:left; padding:7px 10px 30px 1px; }
.Footer .blue { color:#009FEC; }

/* ---< MYPAGES - LOGIN >----------------------------------------- */
.mypages-login { width:420px; padding:21px 12px; border:1px solid #A7A7A7; outline:1px solid #787E81; background:#444; }
.mypages-login legend { padding-bottom:10px; text-transform:uppercase; font-size:1em; font-weight:bold; }
.mypages-login .Field { height:30px; }
.mypages-login .Field label { float:left; width:150px; text-align:right; text-transform:uppercase; font-size:0.8571em; }
.mypages-login .Field input.text { float:left; width:185px; padding:1px;  }
.mypages-login input.submit { float:left; margin-left:150px; width:74px; height:21px; text-transform:uppercase; color:#FFF; background-position:0 -427px; }
.mypages-login input.submit:hover { background-position:0 -448px; }
.mypages-login .info {margin-bottom:5px;}
.mypages-login .toggle_link { font-size: 0.9em; margin-top: 5px; text-align: right; padding-right:20px;}
.mypages-login .error { color: #009fec; font-weight: bold; margin-bottom:5px; }
.mypages-login #LoginForm, .mypages-login #ResendPassword { width: 420px; }
                                                                        
/* ---< MYPAGES - CUSTOMER INFO >----------------------------------------- */
.customer-info { width: 100%; border-bottom:1px dotted; height:64px; margin-bottom:20px; }
.customer-info div { float: left; width: 100%; }           
.customer-info div.intro { font-style:italic; color: #777; }
.customer-info div.name { font-weight: bold; font-size: 1.2em; }

/* ---< MYPAGES - BOOKINGS >----------------------------------------- */
.getbookings .head { font-size: 1.3em; border-bottom: 1px dashed lightgrey; margin-bottom: 5px;}
.getbookings.bookings-list { }
.getbookings .bookings-list tr { text-align:left; }
.getbookings .bookings-list tr th { border-bottom: solid 1px silver; padding: 2px 4px; }
.getbookings .bookings-list tr td { border-bottom: solid 1px silver; padding: 2px 4px; }