/* **************************************************************** */
/* Frontpage news/tilbod/nyarvorur																	*/
/* **************************************************************** */

.frontpage-news { position: relative; float:left; margin-left:0px; margin-bottom:10px; padding: 0px 10px 5px 0px; height:300px; /*max-height:220px;*/}
/*.frontpage-news a.more { position:absolute; bottom: 15px; font-weight:bold; }*/
.frontpage-news ul { margin:0; padding:0; list-style:none; }
.frontpage-news ul li { margin:0; padding: 10px 5px 0px 25px; display: inline; float: left; /*list-style:none; *//* max-height:40px;*/}

.frontpage-news .item_date { padding: 3px 10px 0px 0px; font-size:0.8em; float: left;}
/*.frontpage-news .item { padding: 5px 0px 0px 0px; float: left; width: 332px; }*/
.frontpage-news .item { /*padding-top: 5px;*/ position:relative; float: left; width: 100%;}
.frontpage-news .li { float: left; /*width: 335px; */}
.frontpage-news .item h4 a { margin-top: 3px; margin-bottom: 4px; font-weight: bold; color: #2b2b2b; font-size: 1.2em;}

/*#frontpage-title { position:absolute; top:422px; left:88px; width:785px; height:37px;}
#frontpage-title h2 {}*/


#frontpagemailinglist { float:left; margin: 40px 0px 10px 40px; padding: 10px 10px 5px 5px; width: 477px; border-top: 1px solid #e8e8e8; }
#frontpagemailinglist .field { width: 50%; float:left }
#frontpagemailinglist h2 { margin:0px; color:#00446b; font-weight:bold; }
#frontpagemailinglist .mltitle { float:left; margin: -40px 0 0 0px; color:#c1009a; text-transform: uppercase; font-weight:bold; font-size: 1.5em; margin-left: -10px; width: 100%; }
x#frontpagemailinglist .submit { margin-top: 10px; text-align: left; padding-right: 20px; }
x#frontpagemailinglist .submit input { background: url(../img/basket-bg.png) no-repeat 0px 0px;  color:#fff; font-weight:bold; font-size:11px; padding:4px 9px 5px 7px; border:none;}

/*.submit .submitwrap {
background:url("../img/button-l.gif") no-repeat scroll 0 0 transparent;
padding:0;
margin-top: 10px;
text-align: left;
float:left
}

.submit input {
background:url("../img/button-r.gif") no-repeat scroll 100% 0 transparent;
border:medium none;
color:#FFFFFF;
font-weight:bold;
height:20px;
margin:0;
padding:0 10px;
width:auto;
font-size:11px;
}*/
.submit
{
    /*background: #357735;
    border: solid 1px #357735;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    font-weight: bold;
	padding-bottom: 2px;
	margin: 0px 17px 0px 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;*/
	margin: 20px 0px 0px 0px;
    padding: 6px 22px 6px 22px; 
    border-radius: 3px 3px 3px 3px; 
	-moz-border-radius: 3px 3px 3px 3px; 
	-webkit-border-radius: 3px 3px 3px 3px;
	background: #6c6c6c;
	border: none;
	color: #ffffff;
	font-weight: bold;
    cursor: pointer;
}

/* **************************************************************** */
/* Senda síðu      			                                            */
/* **************************************************************** */
.test { width:500px; }

.send-page { float:left; width:100%; background: #ffffff; font-family: "proxima-nova-condensed", Arial, Sans-Serif;}

.test .success { color:#333333; font-family:Arial,sans-serif; font-size:11px; margin:20px;}

.send-page { color:#333333; font-size:1em; }
.send-page .field-caption { background-color:#d2d2d2; color:#333333; width:100%; text-align:left; float:left; padding:5px 0; text-indent:5px; font-size: 1.09em; font-weight:bold; font-family: 'Noto Serif';}
.send-page .field-caption.big { font-size: 1.27em; margin-bottom:5px;}
.send-page .field { border-bottom:1px solid #E6E6E6; padding:10px 0; float:left; width:100%; color:#333333;}
.send-page .field-text { padding:5px; float:left; }
.send-page .field.btn { padding:5px; float:right; }
.send-page .field.btn input { margin:5px 10px 5px 0px; float:right; }
.send-page .field label { float:left; width: 140px; text-indent:5px; margin-top:5px;}
.send-page .field input 
{ 
    float:left;  
    width:180px; 
    margin-right:20px;
    padding: 5px 10px 5px 10px;
    -webkit-box-shadow: inset 1px 1px 10px rgba(50, 50, 50, 0.1);
    -moz-box-shadow:    inset 1px 1px 10px rgba(50, 50, 50, 0.1);
    box-shadow:         inset 1px 1px 10px rgba(50, 50, 50, 0.1);
    border: 1px solid #d2d2d2;
    color: #424242;
    font-size: 0.9em;
    line-height: 1.63em;  
}
.send-page .field textarea 
{
    float: left;
    position: relative;
    width:904px; 
    \width:924px; 
    w\idth:904px; 
    height: 120px; 
    margin:0px;
    padding: 10px 10px 10px 10px;
    -webkit-box-shadow: inset 1px 1px 10px rgba(50, 50, 50, 0.1);
    -moz-box-shadow:    inset 1px 1px 10px rgba(50, 50, 50, 0.1);
    box-shadow:         inset 1px 1px 10px rgba(50, 50, 50, 0.1);
    border: 1px solid #d2d2d2;
    color: #424242;
    font-size: 0.9em;
    line-height: 1.63em;   
    
}
.send-page .alert { color:#ff9999; }
.send-page .more {float:right; padding:5px 5px 5px 0px;}

.send-page .btn-send{padding: 10px 0px 10px 0px;}
.send-page .btn-send a
{
    display: block;
    color: #ffffff;
    height: 32px;
    line-height: 32px;
    background: #085d99;
    padding: 0px 36px 0px 36px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    border-radius: 3px 3px 3px 3px; 
	-moz-border-radius: 3px 3px 3px 3px; 
	-webkit-border-radius: 3px 3px 3px 3px;
	font-size: 1.36em;
	font-family: "proxima-nova-condensed", Arial, Sans-Serif;
}
.send-page .btn-send a:hover{background: #075084; text-decoration: none;}

.success  
{
	margin-top:20px;          
background-color:#C8FFBF;
border:1px solid #A2EF95;
	color:#AF4C4C;
	margin:4px;
	padding:4px; 
}

/* **************************************************************** */
/* Product popup      																							*/
/* **************************************************************** */
body.popup { float:left; background: #222222 url(.  ./img/popup-body-bg.gif) repeat-x top left;  }
body.popup .header { float:left; background: url(../img/popup-header.gif) no-repeat top left; height:90px; width:500px }
body.popup .prodimg { float:left; width:100%; }


/* Splash window when product is added to basket */
.basket-splash  
{
    position:fixed; z-index:999999; top:200px; color:#fff; left:45%; height: 100px; width:205px; background: #085d99;
    border-radius: 3px 3px 3px 3px; 
	-moz-border-radius: 3px 3px 3px 3px; 
	-webkit-border-radius: 3px 3px 3px 3px;
}
.basket-splash .basket-padding { padding:10px 10px 5px 10px;} 
.basket-splash h3 { font-size:14px;  font-weight:bold; color:#fff; }


/* Skilaboð fyrir bætt við vöru */
.addedToCart
{
    position:absolute; 
    right: 15px; 
    top: -11px; 
    text-align: right;
    color: #085d99;
    font-size: 0.9em;
    line-height: normal;
}
.addedToCart a
{
    font-size: 1em !important; 
    color: #085d99 !important;
    display: inline !important;
    line-height: normal !important;
    float: none !important;
}
.addedToCart a:link, .addedToCart a:active, .addedToCart a:visited{font-size: 1em !important; color: #085d99 !important;}
.addedToCart a:hover, .addedToCart a:link:hover, .addedToCart a:active:hover, .addedToCart a:visited:hover{font-size: 1em !important; color: #085d99 !important;}

/* Tour page */

.product{float: left; position: relative; width: 100%;}
.product .wrapper{float: left; position: relative; width: 100%;}

.product .images{position: absolute; top: 0px; left: 0px;}
.product .images #placeholder{max-height: 265px; margin-bottom: 5px;}
.product .images #placeholder a{max-height: 260px; overflow: hidden; display: block;}

.product .product-description
{
    float: left; position: relative; width: 100%; height: 323px; background: #ffffff; margin: 0px 0px 25px 0px;
    overflow: hidden;
    moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
}
.product .product-description h1.product-title
{
    color: #363636;
    font-size: 1.54em;
    font-weight: normal;
    text-align: left;
    font-family: 'Noto Serif';
    margin: 0px 0px 15px 0px; 
    padding: 0px;
}
.product .product-description h1.product-title a:link, .product .product-description h1.product-title a:active, .product .product-description h1.product-title a:visited{color: #363636;}
.product .product-description h1.product-title a:hover, .product .product-description h1.product-title a:link:hover, .product .product-description h1.product-title a:active:hover, .product .product-description h1.product-title a:visited:hover{color: #363636;}

.product .product-description .description-wrapper
{
    float: left;
    /*position: relative;*/
    margin: 0px 0px 0px 310px;
    width: 618px;
    \width: 668px;
    w\idth: 618px;
    padding: 25px 25px 25px 25px;
}

.product .product-description .description-wrapper .description-text
{
    float: left; 
    position: relative; 
    width: 448px;
    \width: 482px;
    w\idth: 448px;
    padding: 0px 34px 0px 0px;
    
}

.product .product-description .description-wrapper .description-text h3{font-weight: bold;font-size: 1.09em;}

.product .product-description .description-wrapper .description-text ul{float: left; width: 100%; margin: 0px 0px 15px 0px; padding: 0px; list-style: none;}
.product .product-description .description-wrapper .description-text ul li{float: left; margin: 0px 10px 0px 0px; padding: 0px; list-style: none; font-size: 1em;}

.product .product-description .description-wrapper .description-text p { margin-bottom: 0px; }

.product .product-description .description-wrapper .description-info
{
    float: right;
    position: relative;
    width: 136px;
    margin: 5px 0px 0px 0px;
    line-height: 1.18em;
}
.product .product-description .description-wrapper .description-info ul{float: left; width: 100%; margin: 0px 0px 20px 0px; padding: 0px; list-style: none;}
.product .product-description .description-wrapper .description-info ul li{float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 0px; list-style: none; font-size: 1em;}

.product .product-description .description-text .product-goback
{
  background: #d2a712; color: #ffffff; display: inline-block; padding: 0px 15px 0px 15px; line-height: 30px; float: left; margin-top: 15px; font-size: 1.36em;
  border-radius: 3px 3px 3px 3px; 
	-moz-border-radius: 3px 3px 3px 3px; 
	-webkit-border-radius: 3px 3px 3px 3px;
}

.product .product-description .price-wrapper
{
    position: absolute;
    bottom: 85px;
    right: 15px;
    width: 156px;
}
.product .product-description .price-wrapper .price
{
    float: left;
    position: relative;
    width: 100%;
    text-align: center;    
}
.product .product-description .price-wrapper .price{font-size: 1.36em; color: #2690da; font-weight: bold; position: relative;}
.product .product-description .price-wrapper .normal{text-decoration: line-through; position: relative;}
.product .product-description .price-wrapper .discount{color: #26da50; position: relative;}
.product .product-description .price-wrapper .price b{color: #000000; font-weight: bold;}

.product .product-description .product-buttons
{
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin: 0px 0px 0px 310px;
    width: 631px;
    \width: 668px;
    w\idth: 631px;
    padding: 12px 12px 12px 25px;
}
.product .product-description .product-buttons a
{
    float: left;
    display: block;
    height: 45px;
    line-height: 45px;
    color: #ffffff;
    font-size: 1.63em;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
}
.product .product-description .product-buttons a:link, .product .product-description .product-buttons a:visited, .product .product-description .product-buttons a:active{text-decoration: none;}
.product .product-description .product-buttons a:hover, .product .product-description .product-buttons a:link:hover, .product .product-description .product-buttons a:visited, .product .product-description .product-buttons a:active:hover{text-decoration: none;}


.product .product-description .product-buttons .addtobasket{float: left;}
.product .product-description .product-buttons .addtobasket a
{
    
    background: #d2a712;
    padding: 0px 25px 0px 18px;
    margin: 0px 18px 0px 0px;
    
}
.product .product-description .product-buttons .addtobasket a:hover{background: #c49c10;}
.product .product-description .product-buttons .sendtour{float: left;}
.product .product-description .product-buttons .sendtour a
{
    padding: 0px 25px 0px 61px;
    margin: 0px 18px 0px 0px;
    background: url(/img/tour-send-email-bg.png) #d2a712 no-repeat 17px 50%;
}
.product .product-description .product-buttons .sendtour a:hover{background: url(/img/tour-send-email-bg.png) #c49c10 no-repeat 17px 50%;}
.product .product-description .product-buttons .booknow{float: right;}
.product .product-description .product-buttons .booknow a
{
    background: #085d99;
    padding: 0px 32px 0px 32px;
    margin: 0px 0px 0px 0px;

}
.product .product-description .product-buttons .booknow a:hover{background: #075084;}

.product .product-content{float: left; position: relative; width: 100%;}
.product .product-content h2
{
    float: left;
    position: relative;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 25px 0px;
    color: #363636;
    font-size: 1.45em;
    font-weight: normal;
    text-align: left;
    font-family: 'Noto Serif';
}
.product-content h2.description-header{background: url(/img/product-info-header-bg.png) no-repeat 120px 50%;}
.product-content h2.details-header{background: url(/img/product-info-header-bg.png) no-repeat 75px 50%;}
.product-content h2.accommodation-header{background: url(/img/product-info-header-bg.png) no-repeat 168px 50%;}
.product-content h2.video-header{background: url(/img/product-info-header-bg.png) no-repeat 150px 50%;}

.product .product-content div
{
    float: left; 
    position: relative; 
    width: 918px; 
    \width: 978px;
    w\idth: 918px;
    padding: 40px 30px 20px 30px;
    background: #ffffff; 
    margin: 0px 0px 25px 0px;
    overflow: hidden;
    moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
}
.product .product-content ul{float: left; position: relative; width: 100%; margin: 0px 0px 20px 0px; padding: 0px; list-style: none;}
.product .product-content ul li{float: left; position: relative; width: 100%; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 20px; list-style: none; background: url(/img/tour-list-item-bg.png) no-repeat 3px 50%;}
.product .product-content h3
{
    float: left;
    position: relative;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
    color: #363636;
    font-size: 1.45em;
    font-weight: normal;
    text-align: left;
    font-family: 'Noto Serif';
}
.product .product-content .img-vids p{margin: 0px; padding: 0px;}
.product .product-content .img-vids iframe{float:left; margin: 15px;}
.product .product-content .img-vids img{float: left; margin: 10px;}


/* Product images */

.product .scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 270px;
height: 52px;
margin: 0px 0px 0px 21px;
}

.product .scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}



.product .items div {
  float:left;
}
.product a.browse:link, .product a.browse:active, .product a.browse:visited{background: #000000; text-decoration: none;}
.product a.browse:hover, .product a.browse:link:hover, .product a.browse:active:hover, .product a.browse:visited:hover{background: #d2a712; text-decoration: none;}

.product a.disabled:link, .product a.disabled:active, .product a.disabled:visited{background: #d4d4d4; text-decoration: none;}
.product a.disabled:hover, .product a.disabled:link:hover, .product a.disabled:active:hover, .product a.disabled:visited:hover{background: #d4d4d4; text-decoration: none;}

.product a.browse {
display: block;
position: absolute;
bottom: 0px;
z-index: 200000;
width: 12px;
height: 52px;
cursor: pointer;
font-size: 1em;
z-index: 1000;
/*background-repeat: no-repeat;*/
}
.product a.left {
left: 0px;
margin-left: 0px;
/*background: url(/img/control-arrow-gray.png) 0% 0%; */
background: #000000;
color: #fff;
display: block;
line-height: 52px;
text-align: center;
}
.product a.right {
right: 0px;
margin-left: 0px;
/*background: url(/img/control-arrow-gray.png) 100% 0%; */
background: #000000;
color: #fff;
display: block;
line-height: 52px;
text-align: center;
}
.product a.left.disabled
{
    cursor: default;    
    /*background: url(/img/control-arrow-gray.png) 0% 0%; */
    background: #d4d4d4;
    color: #fff;
    display: block;
    line-height: 52px;
    text-align: center;
}
.product a.right.disabled
{
    cursor: default;    
    /*background: url(/img/control-arrow-gray.png) 100% 0%; */
    background: #d4d4d4;
    color: #fff;
    display: block;
    line-height: 52px;
    text-align: center;
}

.product .images .thumbs .product-image {
float: left;
position: relative;
margin: 0px 7px 0px 0px;
}

.shoppingbag{line-height: normal;}

.shoppingbag .product{margin-bottom: 25px;}

.shoppingbag .product .product-description{height: auto; margin: 0px 0px 0px 0px;}
.shoppingbag .product .product-description .description-wrapper{position: relative; min-height: 240px;}
.shoppingbag .product .product-description .description-wrapper .price-wrapper{bottom: 40px;}
.shoppingbag .product .product-description .description-wrapper .description-info{margin-top: 25px;}

.shoppingbag .product .product-description a.removeproduct{position: absolute; top: 5px; right: 5px; height: 26px; line-height: 26px; padding: 0px 32px 0px 0px; background: url(/img/remove-bg.png) no-repeat 100% 50%; font-size: 1.09em;font-size: 1.18em;font-weight: bold;color: #333333;}
.shoppingbag .product .product-description a.removeproduct:link, .shoppingbag .product .product-description a.removeproduct:active, .shoppingbag .product .product-description a.removeproduct:visited{color: #333333;}
.shoppingbag .product .product-description a.removeproduct:hover, .shoppingbag .product .product-description a.removeproduct:link:hover, .shoppingbag .product .product-description a.removeproduct:active:hover, .shoppingbag .product .product-description a.removeproduct:visited:hover{color: #333333;}

/*.shoppingbag .product .wrapper2*/
.shoppingbag .product .option-wrapper
{
    float: left;
    position: relative;
    background: #eeeeee;
    width: 918px;
    \width: 948px;
    w\idth: 918px;
    /*height: 45px;*/
    padding: 15px 15px 15px 15px;
    margin: 0px 0px 15px 15px;
    overflow: hidden;
    color: #424242;

}
  .shoppingbag .product .option-wrapper h3 {float: left; position: relative; width: 100%; margin: 5px 0px 0px 0px; padding: 0px; font-family: 'Noto Serif'; font-size: 1.09em;}
  .shoppingbag .product .option-wrapper b{color: #424242;}

.shoppingbag .product .wrapper2
{
  float: left;
  position: relative;
  background: #f3f3f3;
  border: 1px solid #dddddd;
  padding: 8px 20px 8px 20px;
  margin: 8px 8px 8px 8px;
}
.shoppingbag .product .w1{width: 119px;}
.shoppingbag .product .w2{width: 683px;}
.shoppingbag .product .w3{width: 860px;}

.shoppingbag .product .wrapper2 .actions
{
    /*height: 45px;
    line-height: 45px;*/
}
  .shoppingbag .product .wrapper2 .actions span.select {
    line-height: 29px; display: block;
  }
  .shoppingbag .product .wrapper2 .actions span.select select{margin-top: 5px; font-size: 0.9em;}
.shoppingbag .product .wrapper2 .actions ul
{
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.shoppingbag .product .wrapper2 .actions ul li
{
    float: left;
    margin: 8px 24px 8px 0px;
    padding: 0px;
    list-style: none;
}
.shoppingbag .product .wrapper2 .actions ul li select{margin: 0px 0px 0px 4px;}
.shoppingbag .product .wrapper2 .actions ul li div{float: left;}

.shoppingbag .product .wrapper2 .actions .extras div.extra div{padding: 2px 3px 2px 3px;}
  .shoppingbag .product .wrapper2 .actions .extras div.extra div.check {float: left; padding: 3px 3px 0px 3px;}
.shoppingbag .product .wrapper2 .actions .extras div.extra{
    border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
/*background: #f3f3f3;
border: 1px solid #dddddd;*/
padding: 0px 3px 0px 3px;
margin: 0px 3px 0px 3px;
float: left;
height: 29px;
line-height: 29px;
}


.shoppingbag .shoppingbuttons{/*float: right; width: 100%;*/}

.shoppingbag .shoppingbuttons .sendtour a, .shoppingbag .shoppingbuttons .booknow a
{
    float: left;
    display: block;
    height: 45px;
    line-height: 45px;
    color: #ffffff;
    font-size: 1.63em;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
}
.shoppingbag .shoppingbuttons a:link, .shoppingbag .shoppingbuttons a:visited, .shoppingbag .shoppingbuttons a:active{text-decoration: none;}
.shoppingbag .shoppingbuttons a:hover, .shoppingbag .shoppingbuttons a:link:hover, .shoppingbag .shoppingbuttons a:visited, .shoppingbag .shoppingbuttons a:active:hover{text-decoration: none;}

.shoppingbag .shoppingbuttons .sendtour{float: right;}
.shoppingbag .shoppingbuttons .sendtour a
{
    padding: 0px 25px 0px 61px;
    margin: 0px 18px 0px 0px;
    background: url(/img/tour-send-email-bg.png) #d2a712 no-repeat 17px 50%;
}
.shoppingbag .shoppingbuttons .sendtour a:hover{background: url(/img/tour-send-email-bg.png) #c49c10 no-repeat 17px 50%;}
.shoppingbag .shoppingbuttons .booknow{float: right;}
.shoppingbag .shoppingbuttons .booknow a
{
    background: #085d99;
    padding: 0px 32px 0px 32px;
    margin: 0px 0px 0px 0px;

}
.shoppingbag .shoppingbuttons .booknow a:hover{background: #075084;}

.shoppingbag .shoppingbuttons .booknow a.disabled{cursor: default; background: #d4d4d4;}

.shoppingbag a.back
{
    float: left;
    display: block;
    height: 45px;
    line-height: 45px;
    color: #ffffff;
    font-size: 1.63em;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
    background: #868686;
    padding: 0px 32px 0px 32px;
    margin: 0px 0px 0px 0px;
    width: auto;
    font-weight: normal;
}
.shoppingbag a.back:link, .shoppingbag a.back:visited, .shoppingbag a.back:active{text-decoration: none;}
.shoppingbag a.back:hover, .shoppingbag a.back:link:hover, .shoppingbag a.back:visited, .shoppingbag a.back:active:hover{text-decoration: none; background: #585858;}

.shoppingbag .totalprice, .shoppingbag .trip-planner-empty
{
    float: left; 
    position: relative; 
    width: 100%; 
    background: #fafafa; 
    margin: 0px 0px 25px 0px;
    overflow: hidden;
    moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
    color: #000000;
    height: 45px;
    line-height: 45px;
    font-size: 1.27em;
    text-align: right;
    font-weight: bold;
}
.shoppingbag .trip-planner-empty span{padding: 15px 32px 15px 32px; display: block;}
.shoppingbag .totalprice .totalprice-wrapper{padding: 0px 32px 0px 32px; display: block;}
.shoppingbag .trip-planner-empty{text-align: left; height: auto; line-height: 1.45em;}

.shoppingbag .terms-box{
  float: left;
position: relative;
width: 100%;
background: #fafafa;
margin: 0px 0px 25px 0px;
overflow: hidden;
moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
color: #000000;
line-height: 45px;
font-size: 1.36em;
text-align: right;
font-weight: normal;
}
  .shoppingbag .terms-box .terms-wrapper {padding: 15px 32px 15px 32px; display: block; text-align: left;}
.shoppingbag .terms-box span{padding: 0px 0px 0px 0px; display: block; text-align: left; height: auto; line-height: 1.63em;}

.shoppingbag .terms-box .terms-wrapper .terms{display: none; color: red;}

.shoppingbag .terms-box a:link, .shoppingbag .terms-box a:visited, .shoppingbag .terms-box a:active{text-decoration: none;}
.shoppingbag .terms-box a:hover, .shoppingbag .terms-box a:link:hover, .shoppingbag .terms-box a:visited, .shoppingbag .terms-box a:active:hover{text-decoration: underline;}


.shoppingbag .comments
{
    float: left;
    position: relative;
    width: 978px;
    background: #ffffff;
    margin: 0px 0px 25px 0px;
    overflow: hidden;
    moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);    
}
.shoppingbag .comments .wrapper
{
    float: left;
    position: relative;
    padding: 25px 25px 25px 25px;
    width: 928px;
    \width: 978px;
    w\idth: 928px;
}

.shoppingbag .comments .wrapper h2
{
    color: #363636;
    font-size: 1.45em;
    font-weight: normal;
    text-align: left;
    font-family: 'Noto Serif';
    margin: 0px 0px 20px 0px; 
    padding: 0px;    
}

.shoppingbag .comments .wrapper .comments-description{
  float: left;
  position:relative;
  width: 100%;
  margin: 0px 0px 15px 0px;
}

.shoppingbag .comments .wrapper textarea
{
    width: 902px;
    \width: 922px;
    w\idth: 902px;
    padding: 10px 10px 10px 10px;
    -webkit-box-shadow: inset 1px 1px 10px rgba(50, 50, 50, 0.1);
    -moz-box-shadow:    inset 1px 1px 10px rgba(50, 50, 50, 0.1);
    box-shadow:         inset 1px 1px 10px rgba(50, 50, 50, 0.1);
    border: 1px solid #d2d2d2;
    color: #424242;
    font-size: 0.9em;
    line-height: 1.63em;
}

.success-message {


    float: left;
    position: relative;
    width: 978px;
    background: #ffffff;
    margin: 0px 0px 25px 0px;
    overflow: hidden;
    moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);    
}
.success-message .wrapper
{
    float: left;
    position: relative;
    padding: 25px 25px 25px 25px;
    width: 928px;
    \width: 978px;
    w\idth: 928px;
}

/* **************************************************************** */
/* Emplyoee list                                                     */
/* **************************************************************** */
.emps { float:left; width:100%; margin-top:20px; }
.emps table { margin:0; padding:0; width:100%;}

.emps table thead th.first { text-align:left; border-bottom:1px solid #d7d7d7;  border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:4px; padding-left:10px;}
.emps table thead th.header.first { text-align:left; border-bottom:1px solid #d7d7d7;  border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:4px; padding-left:10px;}
.emps table thead th { text-align:left; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:4px; border-left:none;}
.emps table thead th { }

.emps table td.first { border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding:4px; padding-left:10px;}
.emps table td { margin:0; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-left:none; padding:4px; }
.emps table td.last { border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding:4px;}
.emps table tr.alt td { border-left:1px solid #d7d7d7; background-color:#f3f3f3; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-left:none; padding:4px;}
.emps table tr.alt td.first { border-left:1px solid #d7d7d7; background-color:#f3f3f3; border-bottom:1px solid #d7d7d7; padding:4px; padding-left:10px;}

.emps table th.sortable { background-color: #003e71; color: #fff; font-weight: bold; cursor: pointer; text-decoration: underline; }
.emps table th.sortable:hover { color: black; }
.emps table th.sorted-asc, th.sorted-desc  {background-color: #003e71; color: #fff; font-weight: bold;  color: #fff; }
.emps table td { background-color: white; }
.emps table td.odd { background-color: #f3f3f3; /*color: white;*/ }
.emps table td.hovered { background-color: lightblue; color: #666; } 

.emps tr.detail { border-bottom: 1px solid red; }
.emps td.selected-cell { width:100%;  padding:0px; margin:0;}
.emps td.selected-cell table.selected { width:100%; padding:0px; margin:0;}
.emps .selected-cell td { border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.emps tr.detail .employeeImageContainer { border-right:none; border-bottom:none;}

.emps .detail-wrapper { width:600px; float:left; margin:10px 0px 0px 20px; }
.emps .detail-wrapper .emp-img { float:left; width:145px; margin:0px 10px 10px 10px; }
.emps .detail-wrapper .emp-img img { border:1px solid #d7d7d7; padding:1px; margin:1px; width:130px;}
.emps .detail-wrapper .info { float:left; width:350px; margin:0px 10px 10px 10px; }
.emps .detail-wrapper .info .line { float:left; width:400px; border-bottom:1px solid #d7d7d7; padding:3px 0px 3px; }
.emps .detail-wrapper .info .line label { float:left; font-weight:bold; width:80px; }
.emps .detail-wrapper .info .line.name label { font-size:14px; color:#740014; width:100%;}

.emps .showDetail { cursor: pointer; }

/* link to innranet */
.innranet-link { position: absolute; top:90px; right: 25px; }
.innranet-link a  { padding: 5px 0 5px 20px; color:#5c5c5c; background:url(../img/login.png) no-repeat 0% 50%; }

.payment-panel{
  float: left; 
  position: relative; 
  width: 928px; 
  \width: 978px;
  w\idth: 928px;
  padding: 25px;
  background: #ffffff;
  margin: 0px 0px 25px 0px;
  overflow: hidden;
  moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.05);
}
.payment-panel h2{

  color: #363636;
  font-size: 1.45em;
  font-weight: normal;
  text-align: left;
  font-family: 'Noto Serif';
  margin: 0px 0px 20px 0px;
  padding: 0px;
}

.payment-table {

  float: left;
  position: relative;
  width: 50%;
  margin: 0px 0px 0px 0px;
}

.payment-table tr td{padding: 8px 0px 8px 0px !important; vertical-align: top;}

.payment-table label{font-weight: bold; padding-top: 5px; display: block; min-width: 120px; max-width: 150px;}
.payment-table input, .payment-table select, .payment-table textarea{
  padding: 5px 5px 5px 5px;
    -webkit-box-shadow: inset 1px 1px 10px rgba(50, 50, 50, 0.1);
    -moz-box-shadow:    inset 1px 1px 10px rgba(50, 50, 50, 0.1);
    box-shadow:         inset 1px 1px 10px rgba(50, 50, 50, 0.1);
    border: 1px solid #d2d2d2;
    color: #424242;
    font-size: 0.9em;
    line-height: 1.63em;
    width: 250px;

}
.payment-table span{}
.payment-table .retype-email{display: none; color: red;}

  .payment-table .comments-description {
  padding: 10px 0px 10px 0px;
  width: 250px;
  }
  .payment-table td span.required {
  padding: 8px 5px 8px 5px;
  color: red;
  }