/*cookies-page.css*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;}
body {line-height:1;}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;}
/*end reset*/
body {
	padding:20px 0;
	background:#EEE;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #333333;}
	
.content {
	box-shadow:0 0 0 #eee;
	border-radius:5px;
	padding:0 25px 25px;
	background:#FFF;}
.row {
  margin-left: -20px;
  *zoom: 1;}
.row:before,
.row:after {
  display: table;
  content: "";}
.row:after {clear: both;}
[class*="span"] {
  float: left;
  margin-left: 20px;}
.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {width: 940px;}
.span12 {width: 940px;}
.span6 {width: 460px;}
.span3 {width: 220px;}
.container {
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;}
.container:before,
.container:after {
  display: table;
  content: "";}
.container:after {clear: both;}
.content {border-radius:5px;}
/*text.css*/ 
h1, h2, h3 {
	margin-bottom:18px;
	line-height:36px;
	font-weight:normal;}
h1 {font-size:36px;margin:20px 0 36px;}
h2 {font-size:22px}
h3 {font-size:18px;}
p {
	font-family: "Arial" Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	margin-bottom:18px;}
	.sub-collapse p {margin:20px 0 10px 50px;}
/*links*/
a {
	color:#C00;
	text-decoration:none;}
	a:hover {text-decoration:underline;}
	.sprite-list li {
		padding: 0 0 5px 30px;
		margin:5px 0 0 30px;}
/**/
/*cookies.html*/

.toggle-container {
	border-radius:5px;
	border:1px solid #ccc;
	margin-bottom:18px;
	position:relative;}
	.active {
		margin-top:-5px;
		border-top:10px solid #C00;
		border-radius:5px 5px 0 0;}
		.active .pointer {margin-top:-5px;}
	.toggle-container .pointer {
		border-radius:5px 5px 0 0;}
	.pointer {
		cursor:pointer;
		background-image: url(../../images/cookies/off-arrow.png) ;
		padding:10px 100px 10px 10px;
		background: #f1f1f1;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYWJhYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #f1f1f1 0%, #bababa 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#bababa));
		background: -webkit-linear-gradient(top,  #f1f1f1 0%,#bababa 100%);
		background: -o-linear-gradient(top,  #f1f1f1 0%,#bababa 100%);
		background: -ms-linear-gradient(top,  #f1f1f1 0%,#bababa 100%);
		background: linear-gradient(top,  #f1f1f1 0%,#bababa 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#bababa',GradientType=0 );}
		.pointer p {margin:0;}
		.in {padding:10px;}

.intro {
	background: url(../../images/cookies/header_bg.png) no-repeat right top;
	height:361px;}
.cookie-links {text-align:center;}
.cookie-links a {display:block;}
.cookie-links {
	border:1px solid #e0e0e0;
	border-radius:5px;
	background: #f1f1f1;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYWJhYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f1f1f1 0%, #bababa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#bababa));
	background: -webkit-linear-gradient(top,  #f1f1f1 0%,#bababa 100%);
	background: -o-linear-gradient(top,  #f1f1f1 0%,#bababa 100%);
	background: -ms-linear-gradient(top,  #f1f1f1 0%,#bababa 100%);
	background: linear-gradient(top,  #f1f1f1 0%,#bababa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#bababa',GradientType=0 );}
/*sprites*/  
.sprite {background: url('../../images/cookies/cookies-sprite.png') no-repeat;display:block;position:relative;}
.sprite-list li {background: url('../../images/cookies/cookies-sprite.png') no-repeat;display:block;}
i.sprite, .vm-logo {text-indent:-300em;}
	.vm-logo {background-position: -0px -0px; width: 100px; height: 65px}
	.arrow {background-position: -0px -75px; width: 27px; height: 15px}
	.active .arrow {background-position: -39px -75px; width: 27px; height: 15px}
	.tick li {background-position: -202px -0px;}
	.plus {background-position: -344px -116px; width: 21px; height: 40px;float:left;margin:0 10px 0 20px;}
	.white-grad {background-position: -0px -136px;padding-top:20px;}
	.logo-online-choice {background-position: -291px -319px; width: 167px; height: 45px;margin: 0 auto;padding-top:26px;}
	.logo-all-about-cookies {background-position: -105px -319px; width: 173px; height: 45px;margin: 0 auto;padding-top:26px;}
	.logo-nai {background-position: -0px -319px; width: 96px; height: 45px;margin: 0 auto;padding-top:26px;}
	.logo-ico {background-position: -473px -319px; width: 63px; height: 45px;margin: 0 auto;padding-top:26px;}
	
	.arrow {position:absolute;right:20px;top:62px;}
	.collapse {padding:10px 10px 30px;}

.cookie-list a.show-list-cookies {margin:18px 0 24px;display:block;}
/*jQuery css*/
.collapse,
.sub-collapse {
	display:none;
	margin:0;
	padding:0;}
	.collapse {margin:15px}
.sub-collapse ul {margin-left:70px;padding:0;}
.cookie-list a {cursor:pointer;}
/*responsive starts here*/
.clearfix {
  *zoom: 1;}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";}
.clearfix:after {
  clear: both;}
@media (max-width: 767px) {
  .intro {
	background:none;
	height:auto;}
  .container {width: auto;}
  .row {margin-left: 0;}
  [class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;}
}
@media (min-width: 768px) and (max-width: 979px) {
  .intro {
	background: url(../../images/cookies/header_bg-tablet.png) no-repeat top right;
	height:auto}
  .row {
    margin-left: -20px;
    *zoom: 1;}
  .row:before,
  .row:after {
    display: table;
    content: "";}
  .row:after {
    clear: both;}
  [class*="span"] {
    float: left;
    margin-left: 20px;}
  .container {width: 724px;}
  .span12 {width: 724px;}
  .span6 {width: 352px;}
  .span3 {width: 166px;}
}