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

a:link {color: #045993; }
a:visited {color: #008BCC; }
a:hover {color: #660066; text-decoration: underline; }

.titleir                {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 21px; color: #000000; text-align: right;}
.title                  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 21px; color: #000000; line-height: 150%;}
.titlebold              {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 21px; color: #000000; font-weight:bold; line-height: 150%;}
.titlereverse           {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 21px; color: #ffffff; line-height: 150%;}
.titleboldreverse       {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 21px; color: #ffffff; font-weight:bold; line-height: 150%;}
.titlesubtle            {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 21px; color: #666666; line-height: 150%;}
.titleboldsubtle        {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 21px; color: #666666; font-weight:bold; line-height: 150%;}
.titlehilite            {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 21px; color: #cc3300; line-height: 150%;}
.titleboldhilite        {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 21px; color: #cc3300; font-weight:bold; line-height: 150%;}
.head                   {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; line-height: 150%;}
.headbold               {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; font-weight:bold; line-height: 150%;}
h1                      {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; font-weight:bold; line-height: 150%;}
.headreverse            {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #ffffff; line-height: 150%;}
.headboldreverse        {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #ffffff; font-weight:bold; line-height: 150%;}
.headsubtle             {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #666666; line-height: 150%;}
.headboldsubtle         {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #666666; font-weight:bold; line-height: 150%;}
.headhilite             {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #cc3300; line-height: 150%;}
.headboldhilite         {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #cc3300; font-weight:bold; line-height: 150%;}
.subhead                {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #000000; line-height: 150%;}
.subheadbold            {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #000000; font-weight:bold; line-height: 150%;}
.subheadreverse         {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #ffffff; line-height: 150%;}
.subheadboldreverse     {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #ffffff; font-weight:bold; line-height: 150%;}
.subheadwarn            {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: red; line-height: 150%;}
.subheadboldwarn        {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: red; font-weight:bold; line-height: 150%;}
.subheadsubtle          {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #666666; line-height: 150%;}
.subheadboldsubtle      {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #666666; font-weight:bold; line-height: 150%;}
.subheadhilite          {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #cc3300; line-height: 150%;}
.subheadboldhilite      {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #cc3300; font-weight:bold; line-height: 150%;}
.textir                 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: right;}
.texti                  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
.text                   {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 150%;}
body,p,td               {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 150%;}
.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, .smalltextsubtle p {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;}

.smalltext a {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 130%;
}

input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 	font-weight: normal; 
	font-size: 12px;
	line-height: 100%;
}
.offerlistbox input {
	margin-left: 6px;
}

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

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

small {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #000000; 
	font-weight: normal; 
	line-height: 120%;
}

.tbl1                  {background-color: #f1f1f1; border: 1px solid #e6e6e6;}
.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: #f4f4f4; vertical-align: top;}
.tbl1bgrow3            {background-color: #ffffcc; vertical-align: top;}
.tbl1rules             {height: 1px; color: #dddddd;}
.tbl1bgcolor           {background-color: #f2f2f2;}
.tbl1bghilite          {background-color: #ffffcc;}
.tbl1texthead          {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #000000; font-weight:bold; line-height: 130%; letter-spacing: .1em; vertical-align: bottom;}
.tbl1textheadsmall     {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 130%;}
.tbl1textheadsubtle    {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; line-height: 130%;}
.tbl1textheadwarn      {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: red; line-height: 130%;}
.tbl1textcolhead       {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight:bold; line-height: 130%;}
.tbl1textcolheadsmall  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; line-height: 130%;}
.tbl1textcolheadsubtle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; line-height: 130%;}

.tbl2                  {background-color: #e2e2e2; border: 1px solid #dedede; padding: 4px;}
.tbl2headtr            {background-color: #f2f2f2; vertical-align: top;}
.tbl2textcolhead       {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight:bold; line-height: 130%;}

.tabborder	{ background:#FFFFFF; border-left:1.0pt solid #999999; border-bottom:1.0pt solid #999999; border-right:1.0pt solid #999999; }
.tabgrey    { vertical-align:middle; background-color:#dddddd; border-top:1.0pt solid #999999; border-left:2.0pt solid #999999; border-right:1.0pt solid #999999; border-bottom:1.0pt solid #999999; }
.tabover    { vertical-align:middle; background-color:#bbbbbb; border-top:1.0pt solid #999999; border-left:2.0pt solid #999999; border-right:1.0pt solid #999999; border-bottom:1.0pt solid #999999; cursor: pointer; cursor:hand; }
.tabwhite   { vertical-align:middle; background-color:#ffffff; border-top:1.0pt solid #999999; border-left:1.0pt solid #999999; border-right:1.0pt solid #999999; }
.tabnotab   { vertical-align:middle; background:transparent url(/images/tabnotab.gif) no-repeat; border-right:1.0pt solid #999999; }

.panelhead {
	background-color: #e6e6e6; 
	vertical-align: top;
	padding: 2px;
	padding-left: 8px;
	margin-top: 6px;
}

.panelbody {
	background-color: #f2f2f2;
	border: 1px solid #e6e6e6;
	vertical-align: top;
	padding: 20px;
	text-align: left;
	margin-bottom: 18px;
}

.imgclose {
	margin-right: 3px;
	margin-top: 3px;
	float: right;
	width: 16px;
	height: 14px;
	border: none;
}

.panelspacer{
	clear: both;
	font-size: 1px;
}

.imgbutton{
	vertical-align: middle;
	border: none;
	width: 77px;
	height: 22px;
}

a.bluebutton {
	color:white; 
	background-color:#0077B0; 
	border: 2px solid; 
	border-left-color: #4a96c0; 
	border-top-color: #4a96c0; 
	border-bottom-color: #003755; 
	border-right-color: #003755; 
	padding: 3px; 
	text-decoration: none; 
	margin: 4px; 
	text-align: center;
	
	white-space: nowrap
}

a.smallbutton {
	font-size: 9px;
	padding: 2px;
}

#OfferBox {
	float: right;
}

.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;
	overflow: scroll;
	/* 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;
	transform: rotate(-45deg);
	-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;
}

.offeroption label:hover {
    text-decoration: underline;
}

.offeroption label div {
    margin-left: 4em;
}

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;
}

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

#nav li, #nav li a {
	margin: 0px;
	padding: 0px;
}

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;
}

#info {
     text-align: center;
     margin-bottom: 1em;
     margin-top: 0.5em;
}

#info .contact {
	margin-right: 8px;
}

#info .gap {
    margin-right: 8px;
}

#info .navlink a {
	font-weight: bold;
}

#info a, #info div, #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;
}

/* editor process */
body.margin {
    margin-top:10px;
    margin-left:20px;
    margin-right:20px;
}

body.margin #info {
	border: none;
}

table.wrapper1 {
    width: 100%;
    margin-top: 6px;
}

table.wrapper1 td {
    padding: 0px;
}

table.wrapper2 {
    width: 100%;
}

table.wrapper2 td {
    padding: 5px;
}

table.wrapper3 {
	width: 100%;
}

table.wrapper3 td {
    padding: 10px;
}

table.form {
    width: auto;
    border-collapse:collapse;
}

table.form td {
    padding: 4px;
}

.CartMessage {
	color: black;
	display: inline-block;
	font-size: 10px;
}

#VerificationSpinner div.inline {
	display: inline-block;
}

.offer.ui-tooltip, .arrow:after {
    background: white;
    border: 2px solid #999999;
}

.ui-tooltip {

    /*font: bold 14px "Helvetica Neue", Sans-Serif;*/
    /*text-transform: uppercase;*/

}

.offer.ui-tooltip {
    /*padding: 10px 20px;*/
    /*border-radius: 20px;*/

    text-align: left;
    overflow: visible;
    font-size: 11px;
    line-height: 14px;

    box-shadow: 0 0 7px black;
}

div.ui-tooltip.offer {
    min-width: 444px;
}

.ui-tooltip.offer .ui-tooltip-content.offer ul  {
    margin-left: 1.5em;
    padding: 0px;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}

div.landing-info blockquote {
    font-style: italic;
    margin-left: 0px;
}

div.landing-info h1, div.landing-info h2 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

div.tophtml {
    min-height: 250px;
}

.offer-price {
	color: #cc3300;
	font-style: normal;
}