/*  

Theme Name: AVG Landing Pages
Theme URI: http://www.avg.com.au
Description: AVG Anti-Virus Landing Page Layouts
Version: 1.0.0
Author: Luke Moulton
Author URI: http://www.avg.com.au
*/

/*
----------------------------------------------------------------------------- 
Standard
-----------------------------------------------------------------------------*/
html { height: 100%; margin-bottom: 1px; }
body { background: #d7dce2; font-family: "Verdana", sans-serif; font-size: 11px; color: #232323; line-height:1.3em; /*line-height: 138%;*/ }
body * { margin: 0; padding: 0;	}
p,ul,ol,dl,blockquote,pre { margin-bottom: 1.0em; line-height: 1.4em; }
h1 { margin-bottom: 0.5em; }
h2 { margin-bottom: 0.4em; }
h1,h2,h3 { font-family: 'Trebuchet MS',Trebuchet,Verdana,Helvetica,sans-serif; }
a { color: #7068a3; }
img { border: 0; }
acronym,abbr { border: 0; text-decoration: none; }
address { font-style: normal; }
hr { height: 0; color: #fff; background-color: #fff; border: 0; 
	border-top: 1px solid #aaa; margin-bottom: 0.3em; }
fieldset { border: 0; }

ul { padding-left: 1.6em; margin-left: 1em; list-style-type: square; }
ul li { margin-left: 0; padding-left: 0; padding-bottom: 0.4em; }
	
dl { margin-left: 0.3em; }
dd { margin: 0 0 0.5em 0.5em; }
	
ol { padding-left: 1.6em; margin-left: 1em; }
ol li { margin-left: 0; padding-left: 0; padding-bottom: 0.4em; }

/*
----------------------------------------------------------------------------- 
Text Formatting
-----------------------------------------------------------------------------*/
.clear { clear: both; }

h1 { font-size: 2em; font-weight: bold; color: #F88608; text-decoration: none; margin: 0 15px; text-align:right; }
h2 { font-size: 1.4em; font-weight: bold; color: #0564AD;; text-decoration: none; }

#feature h2 {text-align:right; margin-right:15px;}

h1 a { text-decoration: none; }
h1 a:hover { text-decoration: underline; }

p.product {text-align:right; margin: 0 15px 10px 265px}

p.centre {text-align:center;}

span.warning {color:#CC0000;}

p.sml {font-size: 0.8em;}

/*
----------------------------------------------------------------------------- 
AVG Landing Page Styles
-----------------------------------------------------------------------------*/
#wrapper { background: url("../../img/avg12-background.gif") repeat-y center top; }
#container { width: 720px; padding: 0px; margin: 0px auto; background-color: #fff; background: url("../../img/avg12-background720.gif") repeat-y center top;}	
#header { height: 80px; padding: 10px;}

	#logo { float: left; padding: 0; padding-left:15px;}
	#shop { float: right; padding: 10px 20px 0 0; color: #666; font-family: 'Trebuchet MS',Verdana,Helvetica,sans-serif; font-size: 1.1em; text-align:right; }

.rfloat {float:right ; margin: 10px 10px 10px 30px;}
	
#feature, #feature-2, #feature-compare {height: 236px; padding: 0 .5em 0 0; margin: 0; border-bottom: 1px solid #ccc;}

	#feature {background: #fff url(images/feature-bg.jpg) top left no-repeat;}
	#feature-2 {background: #fff url(images/avg-internet-security-lrg.jpg) top left no-repeat;}

	#feature-compare {height: 290px; }
	
	#feature-compare .featprobox {margin-top: 10px; width: 345px; float:right;  border-left:1px solid #ccc; padding-right:10px;}
	#feature-compare .noborder {border:none;}
	
	#feature img, #feature-compare img  {float: right;}
	
	#feature-2 img {display: none;}
	#feature-2 h2 {text-align:right; margin: 0 15px 10px 0;}
	
	#feature-compare h2 {font-size: 1.7em;  color: #0564AD; text-align:right; padding-right:30px}
	#feature-compare h3{font-size: 1.1em; color: #F88608;  padding: 0 30px 8px ; text-align:right; font-weight: normal;}
	
	.buynow1, .buy_av {float: right; width: 180px; margin: 10px 0 0 0px;}
	.buynow-btn {float: right; width: 180px; margin: 40px 0 0 0px;}
		li.price {display:block;}
		#feature ul, #feature li {list-style:none;}
		.buynow1 .otherpackages, .buynow2 .otherpackages, .buy_wide .otherpackages {padding: 7px 0 0 47px; font-size:.9em;}
	
	.buynow2, .buy_is {float: right; width: 165px; margin: 10px 0 0 10px; padding-left: 25px;}
		li.price {display:block;}
		
		.buy_av, .buy_is { padding: 0px 10px 0 60px; width: 250px;}
	
	#feature-compare .product {padding-bottom: 5px;}

#content { }

	img.screenshot {float:right; margin: 0 10px 10px 10px;} 
	
	#saving {color:#fff; float: right; width: 85px; height: 85px; text-align:center; font-size:1em; background: url(/lp/images/special_bg.gif) 0 0 no-repeat; padding-top: 20px;}
	#saving span {font-size: 2.2em;}
	#saving span sup {font-size: .5em; padding:0; margin:0; line-height:7px;}

#buy_bottom, #buy_compare {margin: 1em; border: 1px solid #ccc;  padding: 10px 10px 10px 100px; background: #E0EBF5;}
	#buy_bottom .otherpackages {padding-left: 420px;}
	#buy_compare {padding: 0 0 10px 0; margin: 1em;}
	#buy_compare .otherpackages {padding: 5px 0 0 20px; font-size:.9em;}

	.buy_wide {float: right; width: 400px;}	

#footer { text-align: center; padding: .5em 2em; color:#666666;}
	#footer p {font-size:0.9em;}

/*
---------------------------------------------------------------------------
Tables
---------------------------------------------------------------------------*/
table.intab
{
	width: 98%;
	margin: 1px 1px 0px 2px;
	border-collapse: collapse;
}

table.norm td, table.intab td
{
	border-right: 1px solid white;
	background-color: #f5f8fa;
	padding: 3px 9px 3px 7px;
}

table.intab tr.dark td { background-color: #e6ecf1; }

table.intab tr.plain td { background-color: transparent; }

table.intab th
{
	border-right: 1px solid white;
	background-color: transparent;
	padding: 6px 9px ;
	font-weight: bold;
	text-align:center;
}

table.intab td.tcenter {text-align:center;}
	
/*
----------------------------------------------------------------------------- 
Forms	
-----------------------------------------------------------------------------*/
legend {display:none;}

label.labelRadio {
	color: #4b4b4b;
	font-size:1.2em;
  display: block;
  float: left;
  width: 185px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: left;
}
label.labelRadio span { display:block; padding-left: 17px; font-size:1.5em; color: #4b4b4b;}
#feature-compare label.labelRadio span { display:block; padding-left: 20px; font-size:1.2em; color: #4b4b4b;}

.btn_buy {background: url(images/buy-now.gif) no-repeat; height: 27px; width:126px; 
		padding: 0 0 3px 15px; margin-left: 18px; color: #FFF; cursor:pointer; border:none; font-weight: bold;}

/*
----------------------------------------------------------------------------- 
Tabs
-----------------------------------------------------------------------------*/

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { 
}
.tabberlive {
 	margin:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 height: 20px;
 margin:0;
 padding: 4px 0;
 font: bold 14px 'Trebuchet MS',Trebuchet,Verdana,Helvetica,sans-serif;
 border-bottom: 1px solid #ccc;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0 3px 0 0;
 padding: 4px 0px 2px 0;
 display: inline;
 float: left;
 background:  #fff url(images/tablh-off.gif) top left no-repeat;
}

ul.tabbernav li a
{
 padding: 4px 4px 2px 3px;
 margin-left: 3px;
 background:  url(images/tabrh-off.gif) top right no-repeat;
 text-decoration: none;
 border-bottom: 1px solid #ccc;
}

ul.tabbernav li a:link { color: #0564AD;}
ul.tabbernav li a:visited { color: #0564AD;}

ul.tabbernav li a:hover
{
color: #F88608

}

 ul.tabbernav li.tabberactive a {
   background: transparent url(images/tabrh.gif) top right no-repeat;
 border-bottom: 1px solid #fff;
}

 ul.tabbernav li.tabberactive 
{
background: transparent url(images/tablh.gif) top left no-repeat;

 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:10px 15px;
 border:1px solid #C9D1D7;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {padding: .5em 0 .5em 25px; color: #0464BB; background: url(images/h3-tick.gif) left no-repeat;}


/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}