/*
Template:		VirginMedia
Filename:			text.css
Description:		This file contains all declerations responding to font sizing, spacing and padding, any changes to this file should check to see if a style hasn't already been created before.
*/
body {
  font-size: 12px;
  color:#333;
  font-size:12px;
  line-height:18px;
  -webkit-text-size-adjust: none;}
html, html a {
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}
h1, h2, h3, h4, h5, h6 {
  color: inherit;
  font-weight:normal;
  font-family: inherit;
  font-style:normal;
  line-height:18px;
  margin:0 0 15px;
  text-rendering: optimizelegibility;}
p {margin:0 0 15px;}
h2 small, h3 small, h4 small, h5 small, h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999999;}
h1 small {font-size: 24px;}
h2 small {font-size: 18px;}
h3 small {font-size: 14px;}
h4 small {font-size: 14px;}
/*end bootstrap styling*/
a {color:#C00}
a:hover {
  color:#C00;
  text-decoration:underline;
  cursor:pointer;}
/* Typography */
h1 {
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 16px;}
h2 {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 14px;}
h3 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 14px;}
h4 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 12px;}
h5 {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 8px;}
h6 {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 8px;}
p {
  font-size: 12px;
  line-height: 21px;
  margin-bottom: 12px;}
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a {color:#333;}
h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover {text-decoration:none;}
.fontSize16 {font-size:16px}
.fontSize18 {font-size:18px}
.fontSize20 {font-size:20px}
.fontSize22 {font-size:22px}
.fontSize24 {font-size:24px}
.fontSize30 {font-size:30px}
small {font-size:11px;}
ul h2 {
  line-height:25px;
  margin:0;}
.merch, .special-price {color:#428f0f;}
.varient-accent {color:#555;}
.terms {font-size:12px;}
.container h1 {margin: 15px 0;}
.intro-text {text-align:center}
.intro-text h2 {font-size:22px;}
.intro-text p {font-size:16px;}
.price-text {
  display:block;
  font-size:30px;
  line-height:30px;}
.legal-text {
  color:#595959;
  font-size:11px;
  line-height:18px;
  margin-bottom:12px;}
.intro-copy {
  color:#555;
  font-size:16px;
  line-height:24px;
  margin-bottom:24px;}
.col-right h2,
.col-right h3 {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 12px;}
.collections li {
  font-size: 12px;
  line-height: 18px;
  padding: 0 0 15px 30px;}
.col-right .right-hand-utility h1,
.col-right .right-hand-utility h2,
.col-right .right-hand-utility h3,
.col-right .right-hand-utility h4,
.col-right .right-hand-utility h5,
.col-right .right-hand-utility h6,
.existingCustomersRHS h3 {margin-bottom:0;}
.col-right p {line-height:18px}
div.panel div.inner {font-size: inherit;}
.existingCustomersRHS h3 {margin-bottom: 0;}	
/*RED Hot Sale Styling*/
.primary-text {
  font-weight: bold;
  font-size: 16px;}
.primary-text span,
.highlighted {color: #ff0000;}
/* Desktop */
.leftParsysResp .grey-box {padding: 20px;}
.mega-table td,  .mega-table th {padding: 10px 15px;}
.rightParsysResp .grey-box {padding: 15px;}
.singleSnippetImporterAndConfigurer {margin-bottom:15px;}
#mobileTariffTabs .mobileTariffContent {padding: 15px;}
.grey-box-center {padding: 10px;}
.collections .upgradeInfo {padding: 20px;}
.collections-standard {
  padding: 20px;
  width: 780px;}
.col-right p {line-height:18px}
div.panel div.inner {font-size: inherit;}
/* Tablet and mobile */
@media (max-width: 767px) {
  .mega-table td,  .mega-table th {padding: 10px 15px;}
  .faq a {
    padding: 15px;
	padding-right: 45px;}
  .singleSnippetImporterAndConfigurer {margin-bottom:15px;}  
  .leftParsysResp .grey-box,
  #mobileTariffTabs .mobileTariffContent,
  .rightParsysResp .grey-box,
  .grey-box-center,
  .collections .upgradeInfo,
  .expandable-rh-utility .utility-block,
  .expandable-rh-utility a h2 {padding: 15px;}
	/* Typography */
  h1 {
    font-size: 24px;
	line-height: 34px;
	margin-bottom: 14px;}
  h2 {
    font-size: 22px;
	line-height: 28px;
	margin-bottom: 14px;}
  h3 {
    font-size: 20px;
	line-height: 28px;
	margin-bottom: 14px;}
  h4 {
    font-size: 18px;
	line-height: 27px;
	margin-bottom: 12px;}
  h5 {
    font-size: 16px;
	line-height: 24px;
	margin-bottom: 8px;}
  h6 {
    font-size: 14px;
	line-height: 22px;
	margin-bottom: 8px;}
  p {
    font-size: 13px;
	line-height: 21px;
	margin-bottom: 12px;}
  .price-text {font-size:22px;}
  .col-right h2 {
    font-size: 18px;
	line-height: 27px;
	margin-bottom: 12px;}
  .col-right h3 {
    font-size: 18px;
	line-height: 27px;
	margin-bottom: 12px;}
  .collections.premiere li {
    font-size: 13px;
	line-height: 18px;}
  div.panel div.inner {font-size: inherit;}
}