/* © copyright Intouch Interactive Marketing - Carl-Heinz Benseler :: the css gods will strike down on tables with great vengence! pew pew*/
html, body, div, h1, h2, h3, h4, h5, h6, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, input, figure, hr{margin:0; padding:0;} 

a {color:#00aaf0; cursor:pointer; outline:none;}
a:link,  a:visited {color:#00aaf0; cursor:pointer;}
a:hover, a:active {color:#d91d52; cursor:pointer;}

body,html{width:100%; height:100%;}
body{width:100%; height:100%; font-family:'DINProRegular', sans-serif; font-size:14px; color:#505050; position:relative; background:#f9f9f9;}

/* Rounded Pre Classes*/
.rounded5{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px 3px 3px 3px;}
.rounded5BOT{-moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;}
.rounded5TOP{-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px;}
.rounded5LEFT{-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;}

.bg-s,a.bg-s{background-color:#dc1862; color:#fff}
.bg-m,a.bg-m{background-color:#3a9e55; color:#fff}
.bg-l,a.bg-l{background-color:#802890; color:#fff}
.bg-xl,a.bg-xl{background-color:#1b9fcf; color:#fff}
.bg-duet-lite,a.bg-duet-lite,.bg-duet,a.bg-duet,.bg-norm,a.bg-norm{background:#b2e5fa; color:#666}
.bg-office,a.bg-office{ background:#e7e7e7; color:#666;}

input, select, textarea{font-family:'DINProRegular', sans-serif; font-size:14px; resize:none; color:#666}
input[type="submit"]{cursor:pointer}img{border:none}ul,ol{padding:0 0 0 30px; margin:0; text-align:left}
hr{width:100%; height:1px; border:none; background:#ccc}
strong{font-family:'DINProMedium'; font-weight:normal}
.hide{display:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.force p{font-family:'DINProRegular', sans-serif !important; font-size:14px !important;}
ul.format,ol.format{list-style:none !important; padding:0 !important;}

#resolution{ width:60px; background:#FFF; color:#000; position:fixed; top:0; left:0; font-size:12px; text-align:center; z-index:110;}

.wrap,div.fly{transition:all 1s ease}
a,input,button{transition:all 0.2s ease}
.lazy,.lazy_blind{background:url(../images/loader.gif) #f3f3f3 no-repeat center;}
.wrap{width:60%; margin-left:auto; margin-right:auto}
.disable{position:relative;}
.disable_web{width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/bg_white_80.png); z-index:1}
.margin{margin:0 2%; position:relative; border:1px solid #ccc; text-align:center; color:#666; background:#e7e7e7;}
.package.active,.item.active,.content_banner .board figure:hover,.option.active{ position:relative; box-shadow:0 0 10px rgba(0,0,0,0.3); z-index:2; }

.btn_line,.btn_lineg,.btn_blue,.btn_red,a.btn_line,a.btn_lineg,a.btn_blue,a.btn_red{line-height:20px; padding:10px 5%; display:block; margin:auto; text-align:center; text-decoration:none; text-transform:uppercase;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px 3px 3px 3px; border:none; text-shadow:none !important}
.btn_line,a.btn_line{line-height:18px; border:1px solid #fff; color:#fff;}
.btn_line:hover,a.btn_line:hover{border:1px solid #0372b4; color:#0372b4;}
.btn_lineg,a.btn_lineg{line-height:18px; border:1px solid #ccc; color:#999;}
.btn_lineg:hover,a.btn_lineg:hover{border:1px solid #999; color:#666;}
.btn_blue,a.btn_blue{background:#66ccf6; color:#fff;}
.btn_blue:hover,a.btn_blue:hover{background:#d91d52;}
.btn_red,a.btn_red{background:#d91d52; color:#fff;}
.btn_red:hover,a.btn_red:hover{background:#66ccf6;}

a.btn_bigger{display:block; border:1px solid #e2e2e2; border-left:1px solid #fff; text-align:center; text-decoration:none; color:#808080; text-transform:uppercase; padding:15px 0; background:#fff}
	a.btn_bigger .icon30{display:inline-block; color:#ccc; margin:0 5px -10px 0; overflow:hidden}
	a.btn_bigger .icon30:before{color:#e2e2e2;}
	a.btn_bigger .text{height:40px; line-height:40px; display:inline-block; margin:0 0 0 0; font-size:16px;}
	a.btn_bigger:hover,a.btn_bigger.active{padding-bottom:11px; border-bottom-color:#f3f3f3; background:#f3f3f3; border-top:5px solid #0372b4; text-shadow:1px 1px 0 #fff;}
	.content a.btn_bigger:hover,.content a.btn_bigger.active{border-right-color:#f3f3f3;}
	a.btn_bigger:hover .icon30:before,a.btn_bigger.active .icon30:before{color:#ccc;}

.vag_banner{position:relative;}
	.vag_banner img{width:100%; display:block; position:relative; z-index:0}
	.vag_banner > div{width:30%; height:100%; position:absolute; top:0; color:#FFF; z-index:1;}
	.vag_banner.right > div{right:10%;}
	.vag_banner.left > div{left:10%}
	.vag_banner .title{font-size:70px; line-height:100%; font-family:'VAG-bold', sans-serif}
	.vag_banner .text{font-size:22px; line-height:22px; padding-top:5px}
	.vag_banner .link{padding-top:20px}
	.vag_banner .link a{width:auto; margin:0; display:inline-block}

.select_style{line-height:20px; padding:4px 0; display:inline-block; overflow:hidden; background:url(../images/select.png) no-repeat 95% 50%; border:1px solid #b4b4b4; color:#666;}
	.select_style select{width:120%; padding: 5px 8px; text-transform:uppercase; border:0px; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
	.select_style select:focus {outline: none;}

.fly,a.fly{margin:auto; display:block; position:relative; transition-delay:0.5s}
.fly img,a.fly img{width:100%; display:block; margin:0 auto; background-color:transparent; position:relative; z-index:1; transition:all 0.2s ease}
.fly img.active,a.fly img.active{margin:-10px auto 0 auto; padding-bottom:10px;}
.fly div,a.fly div{width:80%; height:20px; position:absolute; bottom:-10px; left:10%; z-index:0; display:none;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.2)), color-stop(80%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.table{height:100%; display:table;}
.table > *{display:table-cell; vertical-align:middle}

.label_lrg{width:110px; height:110px; background-image:url(../images/labels_lrg.png); position:absolute; top:20px; left:10%; z-index:2}
	.label_lrg.special{background-position:0 0}
	.label_lrg.coming{background-position:-110px 0}
	.label_lrg.new{background-position:-220px 0}
.label_sml{width:60px; height:60px; background-image:url(../images/labels_sml.png); position:absolute; top:10px; left:10%; z-index:1}
	.label_sml.special{background-position:0 0}
	.label_sml.coming{background-position:-60px 0}
	.label_sml.new{background-position:-120px 0}

#spacer{height:40px;}


/* HEADER */
#header{width:100%; position:relative; background:#08acf0; overflow:hidden}

/*231f20*/
#top_nav{width:100%; background:#231f20; color:#fff;  position:fixed; top:0; left:0; z-index:2}
	#top_nav ul{ height:40px; list-style:none; padding:0; text-align:right}
	#top_nav li{display:inline-block; position:relative;}
	#top_nav a{height:20px; line-height:20px; font-size:12px; display:block; float:left; padding:10px 20px; text-transform:uppercase; color:#fff; text-decoration:none;  border-right:1px solid #070707; border-left:1px solid #333333; position:relative; }
	#top_nav a.open_search,#top_nav a.compare,#top_nav a.wishlist{padding:10px;}
	#top_nav span:before{color:#7c7c7c; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px}
	#top_nav a:hover,#top_nav .active{background:#d91d52; color:#fff; text-shadow: none}
	#top_nav a:hover span:before,#top_nav a.active span:before{color:#fff; text-shadow:none}
	#top_nav a div{font-family:Arial, sans-serif; width:10px; height:10px; background:#d91d52; position:absolute; top:8px; right:8px; color:#fff; font-size:8px; line-height:10px; text-align:center}


/*0372b4*/
.logo{display:block; margin-right:auto}
.logo img{padding:15px 30px; display:block}

section .social{position:absolute; right:2%; top:15px}
section .social span{ overflow:hidden}
section .social a{color:#ccc; display:inline-block; text-align:center; text-decoration:none}
section .social a:hover{ color:#999}
section .social div{ font-size:12px}

#mobile_nav{display:none}
#main_nav{background:#0372b4; box-shadow:0 0 5px rgba(255,255,255,0.2); position:relative}
	#main_nav ul{list-style:none; text-align:center; padding:0; position:relative}
	#main_nav li{width:19.6%; display:inline-block; border-left:1px solid #0467a1; border-right:1px solid #058bdb}
	#main_nav li:first-of-type{border-left:none;}
	#main_nav li:last-of-type{border-right:none;}
	
	#main_nav a{display:block; text-decoration:none; padding:15px 0 10px 0; color:#66ccf6; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px;}
	#main_nav a.active{padding:15px 0 5px 0; border-bottom:5px solid #d91d52;}
	#main_nav a:hover,#main_nav li.active > a{border:none; padding:15px 0 10px 0; background:#f1f1f1;}
	#main_nav a:hover span.icon30,#main_nav li.active span.icon30{color:#d2d2d2; text-shadow:1px 1px 0 #fff}
	#main_nav a:hover span.text,#main_nav li.active a span.text{color:#999; text-shadow:1px 1px 0 #fff}
	
	#main_nav span{display:block}
	#main_nav span.icon30{ margin:auto}
	#main_nav span.text{height:20px; line-height:20px; color:#fff;  text-transform:uppercase;}
	
	#main_nav .drop{width:100%; position:absolute; top:100%; left:0; display:none; background:#f1f1f1; z-index:1; box-shadow:0 10px 10px -10px rgba(0,0,0,0.2)}
	#main_nav li.active .drop{z-index:2;}
	#main_nav .drop > div{width:96%; padding:30px 2%; display:table; transition:all 0.2s ease}
	
	#main_nav .drop ul{width:19%; text-align:left; display:table-cell; vertical-align:top; border-right:1px solid #dfdfdf;}
	#main_nav .drop ul:last-of-type{border:none}
		#main_nav .drop li{width:auto; padding:0 20px; display:block; border:none}
	
		#main_nav .drop a,#main_nav .drop h3.text{padding:0 5px; line-height:20px; color:#999;  text-shadow:1px 1px 0 #fff}
		#main_nav .drop a.head,#main_nav .drop .head{padding:5px 0; color:#00aaf0; font-size:16px}
		#main_nav .drop a.head:hover{background:none}
		#main_nav .drop a:hover{background:#fff;}
		#main_nav .info li > div{display:none;}
		#main_nav .info li .text{padding:10px; font-size:13px; background:#fff; border:1px solid #e2e2e2; font-style:italic}

.search,.talk{width:100%; height:100%; position: absolute; top:0; left:0; display:none; z-index:2}
	.search div,.talk div{width:100%; height:90%; background: url(../images/bg_white_90.png); display:table;}
	.search label,.talk label{width:100%; height:100%; display:table-cell; vertical-align:middle;}
		.search span{width:50%; display:block; margin:auto; position:relative; text-align:center; padding-left:90px}
		.search span:before{width:90px; height:90px; font-size:90px; position:absolute; top:0; left:0; color:#666}
		.search input[type=text]{width:100%; padding:30px; border:none; font-size:40px; display:inline-block; background:none; letter-spacing:-2px}

a.open_talk{width:50px; height:150px; position:fixed; top:125px; right:0; background: url(../images/talk.png) #d91d52 0 0; overflow:hidden; z-index:3; display:none}
a.open_talk:hover,a.open_talk.active{background:url(../images/talk.png) #0372b4 -50px 0}

/* BANNER */
.home_banner,.phone_banner{position:relative; z-index:0; -moz-user-select: none; -webkit-user-select: none; -webkit-user-drag: none;}
.home_banner{padding-bottom:65px;}

	.home_banner .cycle-slideshow{position:relative; bottom:0; left:0; margin:0 0 0 0; z-index:0;}
	
	.home_banner a.prev,
	.home_banner a.next,
	.phone_banner a.prev,
	.phone_banner a.next{width:40px; height:40px; position:absolute; color:#fff; top:50%; margin-top:-20px; text-align:center; z-index:1; }
	.home_banner a.prev .icon20,.home_banner a.next .icon20{ position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px}
	.home_banner .prev{right:100%;}
	.home_banner .next{left:100%;}
	.home_banner .prev:hover{color:#0372b4;}
	.home_banner .next:hover{color:#0372b4;}
	
	.home_banner .cycle-pager{width:100%; height:30px; position:absolute; bottom:65px; left:0; text-align:center; z-index:1}
	.home_banner .cycle-pager span{ width:20px; height:20px; position:relative; display:inline-block; font-family: 'mtc-icon-font', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin:0 2px; cursor:pointer; transition:all 0.2s ease; }
	.home_banner .cycle-pager span:before{width:20px; height:20px; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px; color:#fff; font-size:18px; content: "l"; }
	.home_banner .cycle-pager span.cycle-pager-active:before{content: "b";}
	.home_banner .cycle-pager span:hover{color:#0372b4}
	
	.home_banner .slide{width:100%; background:url(../images/loader.gif) center no-repeat}

/* BOXES */
.home_blocks_latest,
.home_blocks_extra,
.home_blocks_artwork,
.phones_nav2,
.phones_nav3,
.phones_nav4,
.phones_filter,
.phones_results,
.phone_item,
.package_list,
.package_item,
.phones_compare,
.package_builder,
section.content,
.wishlist_list{background:#f3f3f3; position:relative; overflow:auto; z-index:1;}

/*GIVE BORDER*/
.phones_filter,
.phones_results,
.phone_item,
.home_blocks_latest > div > div,
.package_list,
.phones_compare,
section.content,
.wishlist_list,
.whats_next{border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2;}

/*GIVE -65 MARGIN*/
.move_up{margin-top:-65px;}

/*GIVE 50%*/
.phones_nav2 > div{ width:50%; float:left}

/*GIVE 33%*/
.home_blocks_latest > div,
.home_blocks_extra > div,
.phones_nav3 > div,
.phones_filter .compare_phones div,
.package .benefits,
.w3{width:33.333%; float:left}

/*GIVE 25%*/
.vag_banner.pack .box,
.builder_package .phone,
.side,
.phones_nav4 > div,
.w4{width:25%; float:left}

	.home_blocks_latest{ background:#f9f9f9}
	.home_blocks_latest .lazy{ width:80%; background-image:url(../images/loader_home.gif)}
	.home_blocks_latest > div > div{padding:30px 20%; text-align:center}
	.home_blocks_latest > div a.fly{width:100%;}
	.home_blocks_latest a.btn_blue{width:auto; margin:auto; display:inline-block}
	.home_blocks_latest > div p{text-align:center; font-size:18px; line-height:20px; padding:15px 0; color:#666}
	
	.home_blocks_extra a.btn_bigger{font-size:16px; padding:30px 0 }
	.home_blocks_extra a.btn_bigger:hover{ padding-bottom:26px}


/* PHONES PAGE */
.phones_filter{padding:20px 0; border-top:none; border-bottom:none}
.phones_filter p{padding:10px 0; color:#999}
	.phones_filter > div{float:left;}
	.phones_filter .filter{width:48%; padding-left:2%; height:100%;}
		.phones_filter .select_style{width:46%; margin-right:2%;}
	.phones_filter .compare_phones{width:18%; text-align:center}
		.phones_filter .compare_phones img{width:100%; display:block;}
		.phones_filter .compare_phones a{width:20px; height:20px; display:block; margin:auto; color:#666; font-size:20px; display:inline-block;}
	.phones_filter .compare_submit{width:28%; padding:0 2%;} 
		.phones_filter .compare_submit input{width:100%; margin:0;}
		
.phones_results{ padding-bottom:20px}
	.phones_results > div{width:20%; float:left; padding:15px 0; position:relative; text-align:center}
	.phones_results a.fly{width:60%;}
	.phones_results .head{height:60px; margin:5px 10px; text-align:center; }
	.phones_results .pay{ color:#999; font-size:90%;}
	.phones_results .head span{font-size:18px; display:block}
	.phones_results .price strong{font-size:18px}
	.phones_results .btn_blue,.phones_results .btn_red{width:auto; display:inline-block;}
	.rating{background-color:#e2e2e2; margin:10px auto}
		.jRatingAverage {background-color:#66ccf6; position:relative; top:0; left:0; z-index:2; height:100%;}
		.jRatingColor {background-color:#d91d52; position:relative; top:0; left:0; z-index:2; height:100%;}
		.jStar{position:relative; left:0; z-index:3;}
		p.jRatingInfos {position:absolute; z-index:9999; background:transparent url('icons/bg_jRatingInfos.png') no-repeat; color:#FFF; display:none; width:91px; height:29px; font-size:16px; text-align:center; padding-top:5px;} 
		p.jRatingInfos span.maxRate {color:#c9c9c9;  }


/* PHONE ITEM PAGE */
.phone_item{}
.phone_item .phones{display:none}
.phone_item .phones_results{ border:none}
	.vag_banner.pack > div{width:40%; right:15%}
	.vag_banner.pack .table{width:100%;}
	.vag_banner.pack .brand{font-size:70px; line-height:100%; font-family:'VAG-bold', sans-serif}
	.vag_banner.pack .name{font-size:40px; line-height:40px; padding:5px 0 10px 0;}
	.vag_banner.pack .package_box{border:1px solid #b2e5fa; background:#189bd4; overflow:hidden; padding:10px 0;}
		.vag_banner.pack .box{ width:40%; padding:0 4%; border-right:1px solid #0380c3; margin-right:-1px}
		.vag_banner.pack .box .head{color:#b2e5fa; line-height:15px}
		.vag_banner.pack .price{font-size:18px; line-height:30px}.vag_banner.pack .price strong{font-size:30px;}
		.vag_banner.pack .box .btn_red{margin:5px auto}
		
	.vag_banner.pack .details .cash{padding-top:5px}
	.vag_banner.pack .details .price strong{font-size:40px; line-height:40px; }
	.vag_banner.pack .details .btn_line{width:auto; margin:10px 2px; display:inline-block}
	
	.home_banner .slide .phone{width:25%; height:90%; position:absolute; top:20px; left:15%}
	.home_banner .slide .phone img{width:100%; display:block}
	.home_banner .slide .phone div{bottom:0;}
	
	.phone_item .package .upfront .head{ padding-top:10px}

/* PACKAGE PAGE */
.package_list .phones{display:none}
.package_list .phones_results{ border:none}

.package{margin-top:10px; margin-bottom:10px}
	.package .name,.package .upfront,.wish_phone .phone,.wish_phone .link{width:23%; position:absolute; top:0; background:#fff; /*text-shadow:1px 1px 0 #fff;*/ z-index:1}
	
	.package .name,.wish_phone .phone{height:100%; left:0;}
		.package .name a.head{font-size:18px; padding:10px; text-shadow:none; display:block; text-decoration:none;}
		.package .name .price{font-size:18px; padding:0 10px;}
		.package .name .price strong{font-size:40px; letter-spacing:-1px}
		.package .name .month{padding:0 10px 10px 10px;}
		.package .name .tablet {position:relative; }
		.package .name .tablet .title{border-bottom:1px dotted #ccc; cursor:default}
		.package .name .tablet .message{width:90%; padding:10px 5%; margin-left:-1px; display:none; bottom:0; left:0; right:0; position:absolute; background:rgba(247,247,247,0.8) ; border:1px solid #ccc; z-index:1}
		.package .name .tablet .title:hover .message{ display:block}

	.package .details,.wish_phone .pack{width:54%; margin:0 23%; text-shadow:1px 1px 0 #fff; position: relative; z-index:0}
	.package .benefits{margin:25px -1px 10px 0; padding:10px 0; border-right:1px solid #ccc;}
		.package .benefits .amount strong{font-size:30px;}
		.package .onceoff{width:90%; margin:0 5% 30px 5%; text-align:left; clear:both;}
		.package .onceoff strong{font-size:20px; letter-spacing:-1px}
		.package .onceoff .more{color:#999}
		
	.package .upfront,.wish_phone .link{height:100%; right:0;}
		.package .upfront .price{font-size:18px; padding:0 20px;}
		.package .upfront .price strong{font-size:30px; letter-spacing:-1px}
		.package .upfront .link a{width:60%; margin-top:5px}
		.package .upfront .icon20{margin-bottom:-5px; color:#ccc;}
		.package .upfront .icon20:hover{color:#d91d52}
		.package .upfront .table{width:100%;}
	
.package_list .phones_results > div,.phone_item .phones_results > div,.package_builder .phones_results > div{width:12.5%}
	
.phone_banner{padding:10px 30px 0 30px; overflow:hidden; }
	.phone_banner .slide{background:#fff; overflow:hidden}
	.phone_banner .phone,.phone_banner .info{float:left; text-align:left; }
	.phone_banner a.fly img.active{margin-top:-5px}
	.phone_banner a.fly div{bottom:-5px}
	.phone_banner .phone{width:35%;}
	.phone_banner .info{width:65%; }
	.phone_banner .phone img{width:100%; display:block}
	.phone_banner .title{ height:45px; font-size:12px; overflow:hidden}
	.phone_banner .title span{display:block; font-size:18px;}
	.phone_banner .cost strong{font-size:24px; line-height:30px;}
	.phone_banner .pay{font-size:12px; line-height:100%;}
	.phone_banner .pay .icon20{color:#ccc;}
	.phone_banner .pay .icon20:hover{color:#d91d52}
	
	.phone_banner a.prev,.phone_banner a.next{width:30px; height:30px; line-height:30px; color:#66ccf6; margin-top:-15px;}
	.phone_banner .prev{left:5px;}
	.phone_banner .next{right:5px;}
	.phone_banner .prev:hover{color:#0372b4;}
	.phone_banner .next:hover{color:#0372b4;}


/* PHONE COMPARE */
.phones_compare{}
	.phones_compare .content{text-align:center}
	.phones_compare .content .phone a.fly{ padding-top:20px;}
	.phones_compare .content .phone img{width:60%;}
	.phones_compare .content .title{font-size:20px; height:80px;}
	.phones_compare .content .title span{font-size:30px; display:block}
	.phones_compare .content .rating{margin:10px auto;}
	.phones_compare .content .cash{ padding-bottom:10px}
	.phones_compare .content .btn_red,.phones_compare .content .btn_lineg{ display:inline-block;}

	.phones_compare .package_list{width:29.333%; margin:0 2%; display:inline-block; background:none; border:none}
	.phones_compare .package{margin:20px 0; background:none;}
	
	.phones_compare .package .name{width:100%; position:relative; top:auto; left:auto; }
		.phones_compare .package .name .price{font-size:14px;}
		.phones_compare .package .name .price strong{font-size:20px;}
		
	.phones_compare .package .details{width:100%; margin:0; position:relative; overflow:hidden}
	.phones_compare .package .benefits{font-size:12px; padding:5px 0; margin:0 -1px; border:1px solid #e2e2e2}
		.phones_compare .package .benefits .amount strong{font-size:18px; display:block}
		
	.phones_compare .package .upfront{width:100%; padding:10px 0; background:none; position:relative; top:auto; right:auto; clear:both}
		.phones_compare .package .upfront .price{padding:0 5%;}
		.phones_compare .package .upfront .price strong{font-size:30px;}


/* PACKAGE BUILDER */
.package_builder{}
.package_builder .step_head{text-shadow:none; margin:0; padding:0; background:#f3f3f3; overflow:hidden}
.package_builder .step_head strong{line-height:25px; float:left; color:#fff; text-transform:uppercase; padding:20px 5%; background:#00b64d; font-family:'DINProRegular', sans-serif;}
.package_builder .step_head span{line-height:25px; float:left; font-size:14px; padding:20px 5%; text-transform:uppercase}

	.builder{background:#fff !important; border-top:1px solid #e2e2e2;}
	.builder .option{ width:33.333%; padding:20px 0; display:inline-block; border-right:1px solid #e2e2e2; margin-right:-1px; text-align:center;}
	.builder .option p{margin:0 2% 10px 2%;}
	.builder .open{display:block; margin:auto; padding:0 10px}
	.builder .open img{ display:block; margin:auto;}

.step2,.step3{display:none; overflow:hidden}

.builder_package{ overflow:hidden; background:#fff; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
	.builder_package .w3{border-right:1px solid #e2e2e2; margin-right:-1px; overflow:hidden}
	.builder_package p.select{ margin-top:20px; text-align:center;}
	.builder_package .icon150{ color:#b2e5fa; margin:0 auto 20px auto; display:block;}
	.builder_package .disable .icon150{ color:#ccc}
		.builder_package .name{ width:49%; border:1px solid #e2e2e2; margin:20px 5%; float:left}
			.builder_package .name a.head{font-size:18px; padding:10px; text-shadow:none; display:block; text-decoration:none;}
			.builder_package .name .price{font-size:18px; padding:0 10px;}
			.builder_package .name .price strong{font-size:40px; letter-spacing:-1px}
			.builder_package .name .month{padding:0 10px 10px 10px;}
		.builder_package .guide{width:35%; margin:20px 5% 20px 0; color:#999; float:left}
			.builder_package .guide .head{padding:15px 0 0 0;}
			.builder_package .guide .month{padding:20px 0 10px 0;}
		
		.builder_package .info{float:left;}
		.builder_package .phone{margin:20px 5% 20px 10%}
		.builder_package .info{width:60%; margin:20px 0 20px 0}
			.builder_package .phone img{width:100%; display:block}
			.builder_package .title span{display:block; font-size:18px;}
			.builder_package .cost strong{font-size:24px; line-height:30px;}
			.builder_package .pay{color:#999}
		
		.builder_package p.total{padding:10px 5%; font-size:16px}
		.builder_package .summary p{background:#e7e7e7; padding:8px 5%}
		.builder_package .summary p:nth-child(odd){background:#f3f3f3;}
		.builder_package .block{width:45%; margin-right:5%; text-align:left; display:inline-block} /* width was 70% */
		
		.summary_box{width:48%; margin:0 1%; padding-top:20px; display:inline-block}
		.summary_box p.heading{padding:10px 5%; font-size:16px; background:#b4b4b4; color:#fff; text-shadow:none}
		.summary_box p.total{padding:10px 5%; font-size:16px}
		.summary_box .summary p{background:#e7e7e7; padding:8px 5%}
		.summary_box .summary p:nth-child(odd){background:#f3f3f3;}
		.summary_box .block{width:50%; margin-right:5%; text-align:left; display:inline-block}
		
		.vag_banner.whats_next{border-top:1px solid #e2e2e2;}
		.vag_banner.whats_next > div{ width:40%}
		.vag_banner.whats_next p{text-shadow:none;}
		.vag_banner.whats_next .title{ color:#b4b4b4}
		.vag_banner.whats_next .text{font-size:16px; color:#999}
		.vag_banner.whats_next .link{}
		
		/*Styles for upgrade calc*/
		.builder_package .w3.special{ width:66.666%}
		.builder_package .package,.builder_package .what_next{margin:20px 5%}
		.builder_package .key{}


/* SUPPORT */
.support-search{position:relative;}
	.support-search span{position:absolute; top:17px; color:#ccc; left:5%;}
	.support-search input{width:100%; height:85px; font-size:30px; text-align:center; border:none}


/* SMARTSHARE */
.smart{background:#fff; text-align:center}
	.smart .item{display:inline-block; border-right:1px solid #e2e2e2; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin-right:-1px; padding:10px 0}
		.smart.internet .item{width:33.333%;}
		.smart.chosen .item{width:33.333%;}
		.smart.chosen .item > div:first-of-type{box-shadow:0 20px 10px -15px #ccc; position:relative; z-index:2}
		.smart.voice .item{width:25%;}
	.smart .image,.smart .data{background:#f3f3f3; margin-left:1px;}
	.smart .image{padding-top:10px}
	.smart .data{ padding-bottom:10px}
	.smart .title{ font-size:18px; padding-bottom:10px; border-bottom:1px solid #e2e2e2;}
	.smart .image img{display:block; margin:auto;}
	.smart .price{ font-size:18px; border-top:1px solid #e2e2e2}
	.smart .price strong,.smart .onceoff strong{font-size:40px; letter-spacing:-1px;}
	.smart .head span{ font-size:18px; display:block}
	.smart .onceoff{ font-size:18px;}
	.smart .benefits {background:#f3f3f3; margin-left:1px; padding:10px 0}
	.smart .benefits strong{font-size:18px; letter-spacing:-1px}
	.smart .link a{ display:inline-block; margin:10px 5px}
	.smart .fair{ font-size:12px;}
	.smart .fly{margin-left:1px; background:#f3f3f3; padding:20px 0; margin-bottom:10px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
	.smart .fly img{ width:auto;}


/* WISHLIST */
.wishlist_list{padding-bottom:20px}
.wishlist_list .phones_results{ background:#f3f3f3}
	.wish_phone .phone img{margin:10px;}
	.wish_phone .pack{ padding:20px 5%; text-align:left;}
		.wish_phone .pack .brand{ font-size:18px;}
		.wish_phone .pack .name{}
		.wish_phone .pack .cash{ font-size:12px;}
		.wish_phone .pack .price strong{font-size:24px;}
	.wish_phone .link{ padding:10px 0;}
	.wish_phone .link a{margin:10px;}


/* CONTENT */
.content{position:relative; z-index:1; /*NO PADDING!!!*/}
.content.pad{padding:20px 0}
	.col2{column-count:2; column-gap:30px; -moz-column-count:2; -webkit-column-count:2; -moz-column-gap:30px; -webkit-column-gap:30px;}
	.col3{column-count:3; column-gap:30px; -moz-column-count:3; -webkit-column-count:3; -moz-column-gap:30px; -webkit-column-gap:30px;}
	
	section.content > h2,
	section.content > h3,
	section.content > h4,
	section.content > p,
	section.content > ul,
	section.content > ol{margin:0 2%;}
	
	section.content > ul{line-height:25px;}
	section.content > p{line-height:25px; padding:5px 0;}
	
	.content h2,.content h3,.content h4,.content p, .content ul{text-shadow:1px 1px 0 #fff}
	.content h2{padding:10px 0; font-size:26px; color:#808080}
	.content h3{padding:10px 0; font-size:20px; color:#808080}
	.content h4{padding:10px 0; font-size:16px; color:#808080; border-left:5px solid #e2e2e2; padding-left:10px}
	.content hr{height:2px; margin:15px 0; background:#e2e2e2; border-bottom:1px solid #fff}
	.content blockquote{background:#f2f2f2; padding:10px 25px 10px 40px; line-height:25px; margin-bottom:10px; position:relative}
	.content blockquote:before{font-family: "Times New Roman", Times, serif; content: "\“"; font-size:50px; font-weight:bold; color:#ccc; position: absolute; top:20px; left:10px;}
	.content cite{ margin-bottom:10px; line-height:25px;}
	
	.content .inline{display:inline-block; margin:2px; padding:10px}
	
	/*.content ol,.content ul{padding-left:25px}*/
	.blue_list{counter-reset:section; list-style-type:none; line-height:25px; padding-left:25px}
	.blue_list > li{position:relative;}
	ol.blue_list > li:before{min-width:20px; height:20px; line-height:20px; margin-right:5px; counter-increment:section; content:counters(section,".") " "; text-align:center; font-size:12px; background:#00aaf0; color:#fff; position:absolute; top:2px; right:100%; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px 10px 10px 10px;}
	ul.blue_list > li:before{min-width:10px; height:10px; margin-right:5px; counter-increment:section; content:" "; background:#00aaf0; position:absolute; top:8px; right:100%; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px 10px 10px 10px;}

	.content .figure{ width:30%; float:right; margin:0 0 20px 0}
		.content .figure img{ display:block; width:100%;}
		
	.text-center,.text-center th, .text-center td{ text-align:center !important}
	.text-center th:first-of-type, .text-center td:first-of-type{ text-align:right !important}
		
	strong.bigger{font-size:30px; line-height:100%; font-family:'VAG-bold', sans-serif}
/* CONTENT PAGES */

/* SIDEnav + CONTnav + CONTENTbanner */
.content.layout1 h3,.content.layout2 h3,.content.layout3 h3,.content.layout4 h3{padding:15px; margin-bottom:10px; background:#b2e5fa; color:#666;  text-shadow:none}
.layout1{}
	.side{margin:0 2% 0 0;}
		.side ul, .cont_nav ul{list-style:none; padding:0;}
		.side a{background:#fff}
		
	.cont_nav{width:15%; float:left; margin-bottom:20px}
		.cont_nav li{width:100%; }
		.cont_nav a{width:100%; padding:20px 5px; color:#666; background:#fff; text-align:center; position:relative; text-decoration:none; text-shadow:none; border:1px solid #e2e2e2}
		.cont_nav span{display:block; margin:0 auto 5px auto ; color:#66ccf6;}
		.cont_nav a:hover,.cont_nav a.active{background:#00aaf0; color:#fff}
		.cont_nav a:hover span,.cont_nav a.active span{color:#fff}
	
	.content_banner{ width:52%; float:left; line-height:25px; padding:20px 2%; background:#fff; box-shadow:inset -1px -1px 0 #e2e2e2,inset 1px 1px 0 #e2e2e2; margin-bottom:20px;}
		.content_banner .slide{ width:100%; display:none}
		.content_banner #slide0{display:block}
		.content_banner p{ padding:5px 0}
		
		/*Google Maps Stuff*/
		#show > *,#exposer > *{display:none;}
		#exposer .map_pop{width:43%; padding:10px 2%; background:#f3f3f3; margin:5px 1%; display:inline-block; border:1px solid #e2e2e2;}
		.map_pop .head{font-size:16px}
		.map_pop p{padding:0;}
		
		/*Romaming Jumps*/
		.content_banner #exposer td{ width:10%;}
		
		/*Board Memeber roll overs*/
		.content_banner .board {width:94%; margin:auto; text-align:center}
		.content_banner .board figure{width:20.285%; margin:0 -3%; display:inline-block; transition:all 0.3s ease; position:relative; border-bottom:1px solid #ccc; z-index:0}
		.content_banner .board figure:hover{background: url(../images/bg_white_80.png);}
		.content_banner .board figcaption{width:90%; padding:10px 5%; position:absolute; bottom:0; left:0; text-align:center; background:#f3f3f3; transition:all 0.3s ease; overflow:hidden; line-height:100%; opacity:0}
		.content_banner .board figure:hover figcaption{opacity:1}
		.content_banner .board img{width:100%; display:block;}

/* CONTnav + CONTENTbanner */
.content.layout2 h2{margin-left:2%; margin-right:2%;}
.layout2{}
	.layout2 .cont_nav{margin-left:2%}
	.layout2 .cont_nav{width:25%}
	.layout2 .cont_nav a{height:auto; padding:10px 20px}
	.layout2 .content_banner{width:67%;}

/* SIDEnav + CONTENTbanner */
.layout3{}
	.layout3 .side{width:25%}
	.layout3 .content_banner{width:67%;}

/* Features + CONTENTbanner */
.content.layout4 h2{margin-left:2%; margin-right:2%;}
.layout4{}
	.layout4 .content_banner{width:92%; float:none;}
	.features{ overflow:hidden}
	.features > div{display:block; -webkit-column-break-inside: avoid; -moz-column-break-inside:avoid; -moz-page-break-inside:avoid; page-break-inside: avoid;}
	.content.layout4 .features h2{ margin:0; padding:10px 0 0 0; font-size:20px; color:#00aaf0}

/* Index Styles */
.content_banner.terms-content{ width:67% !important}
.terms-index{}
	#input-terms-search{width:95%; height:38px; padding:0 2%; margin-bottom:10px; border:1px solid #e2e2e2; background:#fff}
	.terms-index h3{padding-top:5px !important; padding-bottom:5px !important; margin-bottom:0 !important;}
	.terms-index ul{padding:15px}
	.terms-index li{}
	.terms-index a{ line-height:20px; padding-bottom:5px; display:block; background:none;}


.gm-style .gm-style-iw{font-size:13px; line-height:20px;}
	
.infoTable{width:100%; line-height:18px; margin:10px 0; border-collapse:collapse}
	.infoTable td,.infoTable th{padding:5px; text-align:left; vertical-align: top}
	.infoTable td{border:1px solid #e2e2e2;}
	.infoTable tr:nth-child(odd){background:#f9f9f9}
	.infoTable th{font-weight:normal; border-bottom:2px solid #999; font-family:'DINProMedium';}
	.infoTable.office{font-size:13px}
	.infoTable.office th{font-size:15px; text-align:center}
	.infoTable hr{height:1px; background:#999; margin:0; border:none}
	.infoTable .special{padding:10px 5px; background:#d91d52; color:#fff; position:relative;}
	.infoTable .special .promo{width:60px; height:60px; background:url(../images/promo.png); position:absolute; top:-10px; right:0;}
	
	span.key{ color:#00aaf0;}


/* FOOTER */
#footer{background:#666; position:relative}
	#footer .sitemap,#footer .social{list-style:none; padding:20px 2%; text-align:center;}
	#footer .sitemap li,#footer .social li{display:inline-block;}
	#footer .sitemap a,#footer .social a{display:block; padding:5px 10px; font-size:14px; color:#fff; text-shadow:1px 1px 0 #333; text-decoration:none; text-transform:uppercase}
	#footer .sitemap a:hover,#footer .social a:hover{color:#ccc}
	#footer .social{text-align:right; padding-top:50px;}
	#footer .social a{padding:5px;}
	#footer .copy{ margin:5px 2%; text-align:center; color:#fff; text-shadow: 1px 1px 0 #333; font-size:12px}
/* FOOTER */


/* POPUPS */
.pop_layer{width:100%; height:100%; position:fixed; overflow:auto; top:0; left:0; background:url(../images/bg_white_80.png) center; background-size:contain; display:none; z-index:11}
	.pop_layer > div{padding:10px 2% 30px 2%; margin:20px auto 70px auto; background:#f9f9f9; box-shadow:0 0 10px rgba(0,0,0,0.3); display:none;}
	.pop_layer .smart,.pop_layer .phones_results,.pop_layer .phones{background-color:transparent}
	
	.pop_up30{width:26%;}
	.pop_up60{width:52%;}
	.pop_layer a.close{width:20px; height:20px; padding:10px; position:fixed; top:15px; right:30px; cursor:pointer; box-shadow:0 0 10px rgba(0,0,0,0.3);}
	

/* FEEDBACK */
.feedback{display:block; margin:10px auto; line-height:25px}
	.feedback label,#recaptcha_widget{display:block; padding:5px 0; overflow:hidden; position:relative;}
	.feedback span{}
	.feedback input[type="text"],.feedback input[type="password"]{width:95%; height:38px; padding:0 2%; border:1px solid #e2e2e2; background:#fff}
	.feedback input[type="submit"]{width:100%; border:none; display:inline-block; cursor:pointer; border:none;}
	.feedback input.security{width:20%;}
	.feedback textarea{width:95%; padding:0 2%; border:1px solid #e2e2e2; line-height:25px; background:#fff}

	.feedback.phone_enquiry > div{width:49%; margin:0 1%; display:inline-block;}
	.feedback.phone_enquiry > div:first-of-type{margin-left:0;}
	.feedback.phone_enquiry > div:last-of-type{margin-right:0;}
	
#recaptcha_widget{text-align:center; width:80%; margin:auto}
	#recaptcha_widget .split{width:40%; display:inline-block; margin-right:20px}
	#recaptcha_widget .split a{width:90%; padding:10px 5%}
	#recaptcha_image,#recaptcha_image img{width:100% !important; height:100px !important; margin:auto;}
	#recaptcha_image{ margin-bottom:10px;}
	#recaptcha_image br{display:none !important}
	#recaptcha_image span{margin:0 10px}

a.backToTop{width:50px; height:20px; padding:15px 0; text-align:center; position:fixed; bottom:0px; left:50%; margin-left:-25px; color:#fff; text-transform:uppercase; text-decoration:none; background-color:#d91d52; z-index:10;}
a.backToTop:before{content: "t";}
a.backToTop:hover{background-color:#66ccf6}

#pre_load{width:100%; height:100%; position:fixed; top:0; left:0; background: url(../images/mtc_logo_blue.png) center no-repeat #f9f9f9; display:table; z-index:10}
	#pre_load div{width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center}
	#pre_load img{margin-top:130px;}
/* STYLE: Standard */


/******************************************************************************************************************************************************************************************************************************/

@media (min-width:1920px) {
	.wrap{width:1150px;}
}

@media (max-width:1600px) {
body{font-size:13px;}
select{font-size:12px;}
.wrap{width:70%; margin-left:auto; margin-right:auto}
	

/* POPUPS */
.pop_up30{width:26%;}
.pop_up60{width:62%;}
}

@media (max-width:1366px) {
body{font-size:12px;}
select{font-size:12px;}
.wrap{width:80%; margin-left:auto; margin-right:auto}

.vag_banner .title{font-size:60px !important;}
.vag_banner .text{font-size:18px !important;}
.vag_banner.whats_next .text{font-size:14px !important;}

.btn_bigger,a.btn_bigger{padding:15px 0;}/*WAS padding:5px 5%*/
.btn_bigger:hover,a.btn_bigger:hover,a.btn_bigger.active{padding-bottom:11px;}/*WAS padding-bottom:1px*/
	a.btn_bigger .text{font-size:14px;}

.btn_line,.btn_lineg,.btn_blue,.btn_red,a.btn_line,a.btn_lineg,a.btn_blue,a.btn_red{padding:10px 5%;}/*WAS padding:5px 5%*/

.search span{padding-left:50px}
.search span:before{width:50px; height:50px; font-size:50px}
.search input[type="text"]{font-size:30px; letter-spacing:-1px; padding:5px 20px }


/* HOME PAGE */
.home_blocks_latest > div p{font-size:16px}
.home_blocks_extra a.btn_bigger{font-size:16px; padding:20px 0 }
.home_blocks_extra a.btn_bigger:hover{ padding-bottom:16px}


/* PACKAGE PAGE */
.package_list .phones_results > div,.phone_item .phones_results > div,.package_builder .phones_results > div{width:20%}
	.package .name a.head,.builder_package .name a.head{font-size:16px;}
	.package .name .price,.builder_package .name .price{font-size:18px;}
	.package .name .price strong,.builder_package .name .price strong{font-size:30px;}
	.package .benefits{margin-top:20px; padding:20px 0}
	.package .benefits .amount strong{font-size:20px;}
	.package .onceoff{margin-bottom:20px;}
	.package .upfront .price strong{font-size:25px;}
	.package .upfront .link a{width:80%;}

.phone_banner{padding:10px 20px 0 20px}
	.phone_banner .cost strong{font-size:20px;}
	.phone_banner .prev{left:-5px}
	.phone_banner .next{right:-5px}


/* PHONE PAGE */
.vag_banner.pack > div{width:50%; right:10%;}
	.vag_banner.pack .brand{font-size:50px; }
	.vag_banner.pack .name{font-size:25px; line-height:100%}
	.vag_banner.pack .package_box{padding:5px 0}
	.vag_banner.pack .price strong{font-size:20px; line-height:100%}
	.vag_banner.pack .details .price strong{font-size:25px; line-height:100%}
	.vag_banner.pack .details .btn_line{margin:5px 2px}


/* PHONE COMPARE */
.phones_compare .package .upfront .price strong{font-size:25px}
.phones_compare .content .title{font-size:18px; height:80px;}
.phones_compare .content .title span{font-size:26px; display:block}


/* PACKAGE BUILDER */
.package_builder .step_head strong{font-size:16px;}
.package_builder .step_head span{font-size:12px;}


/* SMARTSHARE */
.smart .item{ margin:20px -1px 20px 0}
.smart.voice .item{}
.smart .title,.smart .price{font-size:16px;}
.smart .price strong,.smart .onceoff strong{font-size:20px;}
.smart .onceoff{font-size:14px;}
.smart .speed,.smart .router{ font-size:12px}
.smart .benefits strong{font-size:16px; letter-spacing:0}


/* CONTENT */
.content hr{margin:20px 0;}


/* FOOTER */
#footer .sitemap, #footer .social{padding:20px}


/* POPUPS */
.pop_up30{width:36%;}
.pop_up60{width:86%;}
}


@media (max-width:1024px) {
.vag_banner .title{font-size:45px !important;}
.vag_banner .text{font-size:18px !important;}
}
/******************************************************************************************************************************************************************************************************************************/

@media (max-width:799px) {
body{font-size:14px;}
.wrap{width:96%; margin-left:auto; margin-right:auto;}
.margin,
section.content > h2,
section.content > h3,
section.content > p,
section.content > ul{margin:0 5%;}

.move_up{margin-top:-20px;}

.vag_banner > div{width:35%;}
.vag_banner .title{font-size:20px !important; line-height:100% !important; white-space: nowrap;}
.vag_banner .text{font-size:14px !important; line-height:100% !important; padding:0}
.vag_banner .link{padding-top:5px}

.home_banner .prev{right:87%;}
.home_banner .next{left:87%;}

.btn_bigger,a.btn_bigger{padding:10px 0;}


/* HEADER */
.logo img{padding:15px 0 10px 0}
#top_nav a{padding:10px 5px}
#top_nav a.open_search,#top_nav a.compare,#top_nav a.wishlist{padding:10px 5px;}
#top_nav .active{display: none}

#mobile_nav{display:block !important; font-size:18px}
#mobile_nav a{padding:10px 15px; font-size:14px; line-height:30px; text-align:right; color:#fff}
#mobile_nav a:hover,#mobile_nav li.active > a{border:none; padding:10px 15px; color:#999; text-shadow:1px 1px 0 #fff}
#mobile_nav .icon30{float:right; margin-left:10px; color:#66ccf6}

#main_nav ul{display:none}
#main_nav li{width:auto; display:block; border:none}
#main_nav a{ padding-top:10px; box-shadow:0 10px 10px -10px rgba(0,0,0,0.2)}
#main_nav a:hover, #main_nav li.active > a{padding-top:10px}
#main_nav .drop{position:relative; top:auto; left:auto;}
#main_nav .drop > div{width:90%; display:block; padding:0 5% 20px 5%;}
#main_nav .drop ul{width:auto; display:block; border:none}
#main_nav .drop li{padding:0;}
#main_nav .drop a.head,#main_nav .drop .head{font-size:14px}
#main_nav .drop a{padding:2px 5px; box-shadow:none}

.home_banner{padding-bottom:20px}
.home_banner .cycle-pager{display:none}
.home_banner a.prev, .home_banner a.next, .phone_banner a.prev, .phone_banner a.next{margin-top:-35px}

.search span{width:70%; padding-left:30px}
.search span:before{width:30px; height:30px; font-size:30px}
.search input[type="text"]{font-size:16px; padding:5px 10px }

.label_lrg{top:20px; left:20px;}
.label_sml{top:10px; left:0;}

a.open_talk{height:60px; top:50px; display:none}

section .social{ display:none}


/* HOME PAGE */
.home_blocks_latest > div > div{padding:15px 10%}
.home_blocks_latest > div p{font-size:16px; padding:5px 0}
.home_blocks_latest a.btn_blue{width:90%;}
.home_blocks_extra > div{width:auto; float:none}


/* PHONE PAGE */
.phones_nav4 > div,.phones_nav3 > div,.phones_nav2 > div{width:100%; float:none}

.phones_filter{padding:10px 0}
.phones_filter .filter,.phones_filter .compare_phones,.phones_filter .compare_submit{width:auto; display:block; float:none; padding:0 10px; overflow:hidden;}
.phones_filter p{text-align:center; padding:5px 0}
.phones_filter .compare_submit input{width:50%; margin:auto}

.phones_results > div{width:50% !important; padding:15px 0 !important}

.phones_compare .package_list{width:33.333%; margin:0}
.phones_compare .content .title,.smart .title{font-size:14px}
.phones_compare .content .title span{font-size:20px}
.phones_compare .content .phone img{width:100%;}
.phones_compare .package .benefits{width:auto; float:none}

.phones_results .price strong{font-size:18px}

.package, .phones{background:#fff;}
.package .name, .package .upfront{width:auto; height:auto; position:relative; top:auto; left:auto; left:auto}
.package .name a.head{font-size:18px !important}
.package .upfront{padding-bottom:10px;}
.package .name a.head{font-size:22px}
.package .name .month{font-size:12px; line-height:100%;}
.package .details{width:auto; margin:0;}
.package .benefits{width:60%; float:none; margin:0 auto; padding:5px 0; border-right:0; border-bottom:1px solid #ccc;}
.package .onceoff{font-size:12px; margin-bottom:0}
.package .upfront .link a{width:70%; margin:5px auto;}

.phone_banner .slide{padding:10px 0}
.phone_banner a.prev, .phone_banner a.next{margin-top:-10px;}
.phone_banner a span:before{font-size:30px;}
.phone_banner .prev{left:5px;}
.phone_banner .next{right:5px}


/* PHONE ITEM PAGE */
.vag_banner.pack > div{width:65%; right:0;}
	.vag_banner.pack .brand{font-size:30px; line-height:100%}
	.vag_banner.pack .name{font-size:20px; line-height:100%; padding:0 0 10px 0}
	.vag_banner.pack .package_box{padding:5px 0;}
	.vag_banner.pack .box{padding:0 2%}
	.vag_banner.pack .box .head{font-size:12px; }
	.vag_banner.pack .box .btn_red{width:auto; padding:5px; font-size:12px;}
	.vag_banner.pack .price{line-height:100%;}
	.vag_banner.pack .price strong{font-size:16px;}
	.vag_banner.pack img{height:300px}
	.vag_banner.pack .details .btn_line{margin:5px 2px; padding:5px}
	
.home_banner .slide .phone{width:35%; left:0;}
.label_lrg{width:60px; height:60px; background-image:url(../images/labels_sml.png); top:10px; left:0;}
	.label_lrg.special{background-position:0 0}
	.label_lrg.coming{background-position:-60px 0}
	.label_lrg.new{background-position:-120px 0}


/* PACKAGE BUILDER */
.builder .option{padding:10px 0;}

.package_builder .step_head strong{width:auto; line-height:20px; float:none; padding:10px 5%; display:block}
.package_builder .step_head span{ line-height:20px; padding:5px 5%;}

.builder_package{border-top:none}
.select .builder_package{ width:100%; }
.select .builder_package .phone{ width:40%; }
.duet .builder_package{ width:50%;}
.duet .builder_package .phone{ width:60%;}
.step3 .builder_package{ width:33.333%; float:left}
.step3 .builder_package .phone{ width:80%;}

.builder_package .w3{width:100%; float:inherit; border:none; border:1px solid #e2e2e2; margin:0}
	.builder_package p.select{ margin-top:10px;}
	.builder_package .icon150{width:80px; height:80px; margin:0 auto 10px auto;}
	.builder_package .icon150:before{width:80px; height:80px; font-size:80px; margin:-40px 0 0 -40px}
	.builder .open img{width:100%;}
	.builder_package p.total{padding:10px 5%; font-size:16px}
	.builder_package .summary{text-align:center}
	.builder_package .block{width:auto; margin:0; display:block; text-align: center}
	.builder_package .name,.builder_package .guide{ width:auto; margin:0 auto; text-align:center; border:none; float:none}
	.builder_package .guide{ margin-bottom:10px;}
	.builder_package .guide .head,.builder_package .guide .month{ display: none}
	.builder_package .phone{width:40%; margin:10px auto 0 auto; float:none}
	.builder_package .info{width:auto; margin:0 0 10px 0; text-align:center; float:none}
		
	/*Styles for upgrade calc*/
	.builder_package .w3.special{width:auto}
	.builder_package .package,.builder_package .what_next{margin:10px 5%}
	
	.summary_box{width:100%; margin:0; padding-top:10px; display:block}
	.vag_banner.whats_next > div{ width:auto; height:auto; position:relative; left:auto; top:0; margin:0 5%; padding:20px 0;}
	.vag_banner.whats_next img{display:none}
	.vag_banner.whats_next p{ line-height:normal !important}
	
	

/* SMARTSHARE */
.smart .image img,.smart .fly img{ width:100%;}
.smart .item{ margin:10px -1px 10px 0}
.smart.voice .item{ width:50%;}
.smart .title,.smart .price{font-size:16px;}
.smart .price strong,.smart .onceoff strong{font-size:20px;}
.smart .onceoff{font-size:14px;}
.smart .speed,.smart .router{ font-size:12px}
.smart .benefits strong{font-size:16px; letter-spacing:0}


/* SUPPORT */
.support-search span{ display:none}
.support-search input{font-size:16px;}


/* CONTENT */
.col2{column-count:1; column-gap:0; -moz-column-count:1; -webkit-column-count:1; -moz-column-gap:0; -webkit-column-gap:0;}
.col3{column-count:1; column-gap:0; -moz-column-count:1; -webkit-column-count:1; -moz-column-gap:0; -webkit-column-gap:0;}
.content h2{font-size:20px;}
.content h3{font-size:16px;}
.content h4{font-size:16px; line-height:20px}
	
.content .inline{display:inline-block; margin:2px; padding:5px}


/* CONTENT PAGES */

.side a.btn_bigger:hover, .side a.btn_bigger.active{background:#f3f3f3; border-top:1px solid #0372b4;}

/* SIDEnav + CONTnav + CONTENTbanner */
.content.layout1 h2,.content.layout2 h2,.content.layout3 h2,.content.layout4 h2{padding:10px 0;}
.content.layout1 h3,.content.layout2 h3,.content.layout3 h3,.content.layout4 h3{}
.layout1{}
	.side{border:none; width:100%; margin:0; float:none; text-align:center}
		.side a{width:auto; padding:15px 10px; font-size:14px;}
		.side li{display:inline-block}
	
	.cont_nav{width:24%; margin:0 0 10px 5%;}
		.cont_nav a{padding:10px 5px; font-size:12px;}

	.content_banner{width:62%; padding:10px 2%; margin-bottom:10px}
		.content_banner .slide{ width:100%; display:none}
		/*Google Maps Stuff*/
		.content_banner #city > div{width:95%; margin:10px 0; display:block;}
		/*Board Memeber roll overs*/
		.content_banner .board {width:94%; margin:auto}
		.content_banner .board figure{width:110%; margin:0 -5%;}
		.content_banner .board figure:hover{width:110%; margin:0 -5%;}

/* CONTnav + CONTENTbanner */	
.layout2{}
.content.layout2 h2{margin-left:5%; margin-right:5%;}
	.layout2 .cont_nav{width:30%; margin-left:5%; float:left}
		.layout2 .cont_nav.compact a{height:auto; padding:10px 5px;}
	.layout2 .content_banner{width:56%}

/* SIDEnav + CONTENTbanner */
.layout3{}
	.layout3 .side{width:100%;}
	.layout3 .content_banner{width:86%; margin-left:5%; margin-right:5%;}
	
.layout4{}
	.content.layout4 .features h2{font-size:18px;}

.terms-index{width:24%; float:left; text-align:left; margin-left:5%}
	.terms-index ul{ padding:10px 0}
	.terms-index li{ display:block}
	.terms-index a{ padding:3px 0}

.infoTable{ font-size:12px}

	

/* POPUPS */
.pop_layer > div{ margin-top:40px}
	.pop_layer a.close{ padding:5px; top:0; right:0;}
.pop_up30{width:92%;}
.pop_up60{width:92%;}

.feedback span{display:none}
#recaptcha_widget{width:100%; margin:auto}
}

/* STYLE: Standard */
#javaMessage{width:100%; height:100%; line-height:40px; background: url(../images/background_1.png); text-align:center; color:#333; position:absolute; top:0; left:0; z-index:100; display:none}

.alert{padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px;}
.alert-danger{color: #a94442; background-color: #f2dede; border-color: #ebccd1;}
.alert-success{ color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6;}
.alert-info{color: #31708f; background-color: #d9edf7; border-color: #bce8f1;}
.alert-warning {color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc;}


#mobile-android,#mobile-apple{ width:100%; padding:10px 0; background:#f9f9f9; text-shadow:1px 1px 0 #fff; z-index:5; display:none; text-align:center; text-transform:uppercase; font-size:12px; line-height:16px; box-shadow: inset 0 0 10px rgba(0,0,0,0.3); }
#mobile-android a,#mobile-apple a{color:#808080; display:block}
#mobile-android img,#mobile-apple img{ width:40px; height:40px; display:inline-block; vertical-align:middle; padding:0 5px}
#mobile-android span,#mobile-apple span{ text-align:left; display:inline-block; vertical-align:middle; padding:0 5px}
#mobile-android strong,#mobile-apple strong{font-weight:normal; text-transform:none; font-size:20px}

/* © copyright Intouch Interactive Marketing - Carl-Heinz Benseler :: the css gods will strike down on tables with great vengence! */