 @font-face {
    font-family: 'natzilinosemibold';
    src: url('fonts/natz-webfont.eot');
    src: url('fonts/natz-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/natz-webfont.woff') format('woff'),
         url('fonts/natz-webfont.ttf') format('truetype'),
         url('fonts/natz-webfont.svg#natzilinosemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


.headings .odd{background: #8d8d8d; /* Old browsers */
background: -moz-linear-gradient(top,  #8d8d8d 0%, #666666 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8d8d8d), color-stop(100%,#666666)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8d8d8d 0%,#666666 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8d8d8d 0%,#666666 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8d8d8d 0%,#666666 100%); /* IE10+ */
background: linear-gradient(to bottom,  #8d8d8d 0%,#666666 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d8d8d', endColorstr='#666666',GradientType=0 ); /* IE6-9 */

border-bottom: 2px solid #FFEDE2;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 2px 5px #555555;
    height: 160px;
    margin: 10px;
}

.headings .even{

background: #ffb789; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb789 0%, #fc8822 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb789), color-stop(100%,#fc8822)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffb789 0%,#fc8822 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffb789 0%,#fc8822 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffb789 0%,#fc8822 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffb789 0%,#fc8822 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb789', endColorstr='#fc8822',GradientType=0 ); /* IE6-9 */

border-bottom: 2px solid #FFEDE2;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 2px 5px #555555;
    height: 160px;
    margin: 10px;
	

}
@font-face {
    font-family: 'dinregular';
    src: url('fonts/dinregular-webfont.eot');
    src: url('fonts/dinregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dinregular-webfont.woff') format('woff'),
         url('fonts/dinregular-webfont.ttf') format('truetype'),
         url('fonts/dinregular-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.headings .price {text-align:center;    margin:0;
    padding: 0;}
.headings .price a {color: #FFFFFF;
    font-family: dinregular;
    font-size: 44px;
    font-style: normal;
    text-decoration: none;font-weight:bold;
    text-transform: capitalize;}
.headings .title a {color: #FFFFFF;
    font-size: 24px;
    font-style: normal;
    text-decoration: none;
    text-transform: capitalize;}
.headings .odd .title{border-bottom: 1px solid #545454;}
.headings .title{border-bottom: 1px solid #FB953C;
    font-family: natzilinosemibold;
    margin: 10px;
    padding: 10px 0;
    text-align: center;}
.plist .questiond{ float: right;
    margin-left: 5px;
	border: 0;
	border-style:none;
	outline-style: none;
	}
.plist .questiond a { 
	
	border-style:none;
	outline-style: none;
	}
.plist .modname{}
.opentip .ot-header h1{color: #0099CC !important;
    font-family: dinregular;
    font-size: 20px;
    text-transform: uppercase;}
	.opentip .ot-content .file_image{float:left;margin-right:10px;
	border: none;}
	.opentip .ot-content .file_description{ color: #666666;
    float: left;
    font-family: dinregular;
    font-size: 14px;
    text-align: left;padding-right:10px;}
	.question {
	background: url("../images/questionmark.png") no-repeat scroll 0 0 transparent;
	position: relative;
	height: 18px;
	width: 18px;
	float: right;
	border-style:none;
	outline-style: none;
	margin: 0;
	border: 0;
	cursor: hand;
	cursor: pointer;
}

.question:hover{ background: url("../images/questionmark.png") no-repeat scroll -20px 0 transparent; 
	border-style:none;
	outline-style: none;}
	
.headings .choose{font-family: dinregular;
    font-size: 25px;
    font-weight: 900;
    line-height: 25px;
    margin-top: 75px;
    text-align: right;
    text-transform: uppercase;}
	.opentip-container.ot-fixed .opentip {min-width:350px;}
.plist .modttl{border-bottom: 1px solid #EEEEEE;
    font-family: dinregular;
    font-size: 14px;
    padding-top: 10px;
    text-align: right;} 
.plist .yn .y{background: url("../images/y.png") no-repeat scroll 0 0 transparent;
    height: 13px;
    margin: 0 auto;
    width: 10px;}
.plist .yn .n{background: url("../images/x2.png") no-repeat scroll 0 0 transparent;
    height: 13px;
    margin: 0 auto;
    width: 10px;}

.plist .grey .yn{ background:#efefef;}
.plist .ngrey .yn{background:none; } 
.plist .yn .navn{ display:none}
.plist .yn{ 
    height: auto;
    margin: 0 10px;
    padding: 15px 0;}

.yn {
	text-align: center;
	font-weight: 900;
	font-family: dinregular;
    font-size: 18px;
}

span.package-info {
	font-weight: 900;
	font-family: dinregular;
	font-size: 18px;
}


.showdesc {
	border: 1px solid;
}

.file_image img {
	max-width: 150px;
	max-height: 120px;
}

div.tip-description {
	min-width: 350px;
	min-height: 130px;
}

.opentip-container {
	min-width:450px;
}


div.startshop {
margin-top: 40px;
}

div.startshop a {
background-color: #f3e55c;
background-image: url("../images/select_package.png") 10px -42px no-repeat; /* fallback */
background: url("../images/select_package.png") 10px -42px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f3e55c), to(#e9d42c)); /* Saf4+, Chrome */
background: url("../images/select_package.png") 10px -42px no-repeat, -webkit-linear-gradient(top, #f3e55c, #e9d42c); /* Chrome 10+, Saf5.1+ */
background: url("../images/select_package.png") 10px -42px no-repeat, -moz-linear-gradient(top, #f3e55c, #e9d42c); /* FF3.6+ */
background: url("../images/select_package.png") 10px -42px no-repeat, -ms-linear-gradient(top, #f3e55c, #e9d42c); /* IE10 */
background: url("../images/select_package.png") 10px -42px no-repeat, -o-linear-gradient(top, #f3e55c, #e9d42c); /* Opera 11.10+ */
background: url("../images/select_package.png") 10px -42px no-repeat, linear-gradient(to bottom, #f3e55c, #e9d42c);

border: none;
border-radius: 0px;
-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 1px 3px rgba(50, 50, 50, 0.3);
box-shadow:         0px 1px 3px rgba(50, 50, 50, 0.3);
padding: 15px 10px 10px 40px;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
color: #4d4d4d;
transition: color 600ms ease-in-out 0s;	
}
div.startshop a:hover{ 
background-color: #2e8ac0;
background-image: url("../images/select_package.png") 10px 10px no-repeat; /* fallback */
background: url("../images/select_package.png") 10px 10px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#2e8ac0), to(#2178b5)); /* Saf4+, Chrome */
background: url("../images/select_package.png") 10px 10px no-repeat, -webkit-linear-gradient(top, #2e8ac0, #2178b5); /* Chrome 10+, Saf5.1+ */
background: url("../images/select_package.png") 10px 10px no-repeat, -moz-linear-gradient(top, #2e8ac0, #2178b5); /* FF3.6+ */
background: url("../images/select_package.png") 10px 10px no-repeat, -ms-linear-gradient(top, #2e8ac0, #2178b5); /* IE10 */
background: url("../images/select_package.png") 10px 10px no-repeat, -o-linear-gradient(top, #2e8ac0, #2178b5); /* Opera 11.10+ */
background: url("../images/select_package.png") 10px 10px no-repeat, linear-gradient(to bottom, #2e8ac0, #2178b5);

text-decoration: none;
font-size: 16px;
color: #fff;
	}
	
	