/* Style Sheet 5 */
/* Last Updated 11-11-2007 GT */

html, body, form, a, h1, h2, h3, h4, h5, h6, p, div, ul, li, td {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	font-weight: normal; 
	line-height: 150%;
}

body {
	background: #ffffff;
}

form, a, h1, h2, h3, h4, h5, h6, div, p {
	margin: 0px;
	padding: 0px;
}

p {
	margin-top: 8px;
	margin-bottom: 8px;
}

table, tr, td {
	border-collapse: collapse;
}

tr, td, img {
	padding-top: 0px;
	padding-left: 0px;
}

input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	/*color: #000000;*/ 
	font-weight: normal;  
	font-size: 12px; 
	line-height: 100%;
}

h1 {
	font-size: 21px;
}

div.option {
	font-size: 21px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 15px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 13px;
}

strong, b {
	font-weight:bold;
}

em {
	font-weight:bold;
	color: #0054a0;
}

.smallsize {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	line-height: 100%;
}

.smalltext {
	font-size: 10px;
}

.subtle {
	color: #666666;
}

.hilite {
	color: #cc3300;
}

.warn {
	color: red;
}

.reverse {
	color: #ffffff;
}

.small {
	font-size: 10px;
}

a:link {
	color: #045993;
	text-decoration: none;
}

a:visited {
	color: #008BCC;
	text-decoration: none;
}

a:hover {
	color: #660066;
	text-decoration: underline;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
}

.inputright {
	line-height: 100%;
	text-align: right;
}

.inputstd {
	line-height: 100%;
}

.inputrightsmall {
	font-size: 10px;
	line-height: 100%;
	text-align: right;
}

.inputleftsmall {
	font-size: 10px;
	line-height: 100%;
}

.right {
	float: right;
}

.left{
	float: left;
}

.listhead {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.withhead {
	margin-top: 0px;
	padding-top: 0px;
}


/* Menu Nav Panel */

#menu {
	border: solid 1px #666666;
	text-align: center;
}

#navpanel {
	padding: 20px 0px;
}

#navpanel div {
	width: 145px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: left;
	font-weight: bold;
	/*color: #000000;*/
	border-top: solid 1px #666666;
	/*border-bottom: solid 1px #666666;*/
}

#navpanel a {
	display: block;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	width: 100%;
}

#navpanel a:hover {
    font-weight: bold;
    background: url("/images/navhover.gif") no-repeat right center;	
}

.selected {
	font-size: 10px;
	font-weight: bold;
	background: url("/images/navselected.gif") no-repeat right 5px;
}

.logon {
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}

.logon input, .logon a {
	margin-top: 4px;
}

#navpanel div.logon div {
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	border: none;
	font-weight: normal;
	color: #666666;
}

#navpanel ul {
	list-style-type: none;
	margin-top: 0px;
	padding-left: 11px;
}

.cat-item {
	
}

#navpanel li {
	width: 100%;
	white-space: nowrap;
	text-align: left;
}

#navpanel li.cat-item a {
	width: auto;
	display: inline;
	padding-left: 1em;
}

#navpanel li a:hover {
	/*background: transparent;*/
}

#navpanel li:hover a {
	background: transparent;
	font-weight: bold;
}

#navpanel li:hover {
    font-weight: bold;
    background: url("/images/navhover.gif") no-repeat right top;	
}

#navpanel a:hover {
    font-weight: bold;
    background: url("/images/navhover.gif") no-repeat right top;	
}

#international {
	width: 145px;
	/*padding-left: 11px;*/
	/*padding-right: 11px;*/
	/*margin-left: 11px;
	margin-right: 11px;*/
	text-align: left;
	color: #000000;
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
}

#international a {
	display: inline;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	height: 13px;
	padding-left: 24px;
	margin-right: 10px;
}

#international a:last-child {
	margin-right: 0px;
}

#international a.AUS {
    background: url("/images/flagausfade.gif") no-repeat left center;
    background-size: 22px 13px;  
}

#international a.AUS:hover {
	background: url("/images/flagaus.gif") no-repeat left center;
	background-size: 22px 13px;
	font-weight: bold;
}

#international a.NZL {
    background: url("/images/flagnzlfade.gif") no-repeat left center;
    background-size: 22px 13px;
}

#international a.NZL:hover {
    background: url("/images/flagnzl.gif") no-repeat left center;
    background-size: 22px 13px;
    font-weight: bold;
}

#international a.USA {
	background: url("/images/flagusafade.gif") no-repeat left center;
	background-size: 22px 13px;
}

#international a.USA:hover {
    background: url("/images/flagusa.gif") no-repeat left center;
    background-size: 22px 13px;
    font-weight: bold;
}

#international a.GBR {
    background: url("/images/flaggbrfade.gif") no-repeat left center;
    background-size: 22px 13px;
}

#international a.GBR:hover {
    background: url("/images/flaggbr.gif") no-repeat left center;
    background-size: 22px 13px;
    font-weight: bold;
}

#faqmenu {
	font-size: 10px;
	font-weight: normal;
}

#faqmenu div {
	margin: 0px 0px 0px 0px;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}

.faqheader {
	font-size: 10px;
	font-weight: bold;
	color: #888888;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

/* Panel Styles */

#header {
	border-bottom: 1px solid #000000;
	margin-bottom: 15px;
	text-align: center;
}

#info {
	border-top: 1px solid #999999;
	text-align: center;
}

#info a, #info p {
	font-size: 10px;
	color: #888888;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

#info a:link {
	color: #888888;
}

#info a:hover {
	color: #000000;
	text-decoration: none;
}

#widespan {
	text-align: left;
	margin: 0px;
	padding-bottom: 10px;
}

#cardsdiv a {
	font-size: 10px;
	font-weight: bold;
}

#cardsdiv p {
	font-size: 10px;
}

.tablepanel {
	width: 100%;
	background-color: #ffffff; 
	border: 1px solid #666666; 
}

.tablepanelbg {
	width: 100%;
	/* padding: 10px; */
	/* padding-top: 10px; */
	/* padding-left: 10px; */
	background-color: #f2f2f2; 
	border: 1px solid #cccccc;
	margin-bottom: 15px;
}

.tablepaneltd {
	padding: 10px;
}

/* Table Styles */
.tbl1                  {background-color: #f2f2f2; border: 1px solid #e6e6e6; margin-bottom: 10px;}
.tbl1headtr            {background-color: #e6e6e6; vertical-align: top;}
.tbl1colheadtr         {background-color: #e2e2e2; vertical-align: top;}
.tbl1colsubheadtr      {background-color: #eeeeee; vertical-align: top;}
.tbl1bgrow1            {background-color: #fafafa; vertical-align: top;}
.tbl1bgrow2            {background-color: #f6f6f6; vertical-align: top;}
.tbl1rules             {height: 2px; color: #e6e6e6;}
.tbl1bgcolor           {background-color: #f2f2f2;}
.tbl1bghilite          {background-color: #ffffcc;}

.placeholder { color: #aaa; }

.textbold               {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; font-weight:bold; line-height: 150%;}
.textreverse            {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; line-height: 150%;}
.textboldreverse        {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; font-weight:bold; line-height: 150%;}
.textwarn               {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: red; line-height: 150%;}
.textboldwarn           {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: red; font-weight:bold; line-height: 150%;}
.textsubtle             {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; line-height: 150%;}
.textboldsubtle         {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; font-weight:bold; line-height: 150%;}
.texthilite             {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #cc3300; line-height: 150%;}
.textboldhilite         {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #cc3300; font-weight:bold; line-height: 150%;}
.textemph               {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #0054a0; line-height: 150%;}
.textboldemph           {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #0054a0; font-weight:bold; line-height: 150%;}
.smalltextir            {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-align: right;}
.smalltexti             {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;}
.smalltext              {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; line-height: 130%;}
.smalltextbold          {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight:bold; line-height: 130%;}
.smalltextreverse       {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; line-height: 130%;}
.smalltextboldreverse   {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight:bold; line-height: 130%;}
.smalltextwarn          {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: red; line-height: 130%;}
.smalltextboldwarn      {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: red; font-weight:bold; line-height: 130%;}
.smalltextsubtle        {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; line-height: 130%;}
.smalltextboldsubtle    {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; font-weight:bold; line-height: 130%;}
.smalltexthilite        {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #cc3300; line-height: 130%;}
.smalltextboldhilite    {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #cc3300; font-weight:bold; line-height: 130%;}
.smalltextemph          {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0054a0; line-height: 130%;}
.smalltextboldemph      {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0054a0; font-weight:bold; line-height: 130%;}
.tinytext               {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6px; color: #000000; line-height: 100%;}
.linknoul               {text-decoration: none;}

tr.tbl1bgrow1:hover td,
tr.tbl1bgrow2:hover td,
tr.tbl1bgrow3:hover td {
    background-color: lightyellow;
}

.offerbox {
    position: relative;
    /*cursor: pointer;*/
}

.offerbox:hover {
    background: rgb(211, 229, 204);
}
.offerboxnumber {
    position: absolute; 
    right: -5px; top: -5px; 
    background-color: #cc3300; 
    color: white; 
    width: 24px; height: 24px; 
    border-radius: 50%; 
    text-align: center; 
    line-height: 24px; 
    border: thin solid white;
    font-size: 15px;
}

.offerlistbox {
    position: absolute;
    top: -5px;
    left: -477px;
    width: 450px;
    min-height: 100px;
    max-height: 500px;
    /* Prev Value: background-color: #a9a9a9; */
    background-color: #e2e2e2;
    padding: 8px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    z-index: 22;
    border: thin solid black;
    box-shadow: 0 0 20px #555;
    overflow: auto;
}

/* we also add an invisible element that is a little larger than the actual box,
so that when the user moves their mouse over to the box, the gap between the "Special Offers" box 
and the offerlistbox does not result in a "hover out" event firing */
.offerlistbox_mask {
    position: absolute;
    top: -28px;
    left: -560px;
    width: 560px;
    height: 80px;
}
/* the :after psudo element along with a rotation is used to create a little arrow that points from the
popped out box back to the "Special Offers" box, this won't work with IE8 and less, but that's fine */
.offerlistbox_mask:after {
    content: '';
    /* background: #a9a9a9; */
    background-color: #e2e2e2;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    z-index: 23;
    right: 1px;
    top: 40px;
    margin-left: -5px;

    border-right: thin solid black;
    border-bottom: thin solid black;
}

.offerlistbox div {
    color: black;
    background-color: white;
    border: thin solid black;
    margin: 2px;
    
}

.offertitle, .offertitle a {
    font-size: 14px;
    line-height: 22px;
    color: #CC3300;
    text-decoration: none;
    font-weight: bold;
}

.offertitle a:visited, .offertitle a:link {
    color: #CC3300;
}

.offertitle a:hover {
	text-decoration: underline;
}

.offerlistbox div .offersubtitle {
    margin-left: 22px;
}

#bad_offerlistbox_mask:after,
#bad_offerlistbox {
    /* Prev value : background-color: #fff6c9; */
    background-color: #e2e2e2;
}
#bad_offerlistbox div .offertitle {
    margin-left: 22px;
}
.error {
    color: red;
    margin-left: 19px;
    font-size: 1.2em;
}
.greyedout {
    color: #aaa;
}
.offerlistbox div .greyedout .offertitle {
    color: #aaa;    
}

.offeroption input[type="radio"] {
    margin-left: 10px;
    vertical-align: top;
    position: relative;
    top: 3px;
}
.offeroption span, .offeroption label {
   vertical-align: middle;
}

.offeroption a {
    vertical-align:top;
    position: relative;
    top: -2px;
}

.offeroption input {
    vertical-align:middle;
}

ul.offerdotpoints {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    font-size: 11px;
    line-height: 14px;  
}

ul.offerdotpoints li {
    font-size: 11px;
    line-height: 14px;  
}

/* Fix for "Feedback" link in bottom right */
.atlwdg-SUBTLE {
    z-index: 1000;
}

#by {
	clear: both;
}

#processing .head {
	margin-top: 0px;
	margin-left: 60px;	
	padding: 0px;
	position: relative;
	top: -6px;
}

#processing td {
	vertical-align: top;
}

#processing #spinner {
	margin: 0px;
	padding: 0px;
	float: left;
}

div#countryflag {
	margin-top: 2em;
}

iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

ul.faqlist {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
    padding-left: 0px;
    list-style-type: none;
    padding-left: 0px;
}

p.faqlist {
    border-bottom: solid 1px gray;
}

ul.noindent {
    list-style-type: none;
    padding-left: 0px;
}