/* H.Williams - developed 2007-2008 (Landis media Ltd.
Version: 3.0  (May 4th 2008) for release Web 2.0 HGVSOLUTIONS.COM - Screen layout: 
this release validated 30th Oct 2008 - for updated W2 version HGVSOLUTIONS */
/* change log - feb 2009 - footer swicthed to larger one */

* {border-width:0; border:none; margin:0; padding:0;}

body {
color:#333333;
font-size: 76%;
font-family: sans-serif,Arial,Helvetica,Verdana,Tahoma;
z-index:1;
background-color:#eee9dc;
position:relative;
width:100%;
padding: 0 0 0 0;
}




#header {
background:#EEE9DC url("../images/headfiller.gif") repeat-x scroll left top;
clear:both;
height:210px;
margin:0 auto;
min-width:990px;
padding:0px;
position:relative;
width:100%;
}

#headerbase{
background:transparent url("../images/headerbase.gif") no-repeat scroll center bottom;
clear:both;
height:210px;
margin:0 auto;
min-width:990px;
max-width:990px;
padding:0 50px 0 50px;
position:relative;
width:990px;
}

#wrapper {
clear:both;
height:auto;
margin:0 auto;
min-width:990px;
position:relative;
width:100%;
}


#wrap {
background:#EEE9DC url("../images/bg.gif") repeat-y scroll center top;
height:auto;
margin:0 auto;
min-width:940px;
position:relative;
width:940px;
padding:0 75px 0 75px;
}

#logo{
background:transparent url("../images/hgvlogo-sm.png") no-repeat scroll center top;
display:block;
height:140px;
left:30px;
position:relative;
top:30px;
width:350px;
}


#logo p {
font-size: 0.9em;
text-align:right;
color: #a0a0a0;
margin: 0px auto 0 auto;
width:100%;
min-width:800px;
padding: 150px 0px 0 120px;
}


h1 {
line-height: 1.3em;
color: #333333;
font-size:1.667em;
margin-bottom:0.5em;
margin-top:0pt;
}

h2x {
margin-top: 1.3em; 
margin-bottom:0em;
padding-left:10px;
color: #ffffff;
line-height: 1.5em;
text-align: left;
font-size: 1.4em;
padding-top: 0em;
}

h2 {
	font-size:16px;
	color:#6a0707;
	padding-bottom:10px;
}



h3 {
font-size: 1.2em;
color: #800000;
margin: 5px 0px 10px 0px;
}

h4 {
font-size: 1.2em;
color: #333333;
margin: 5px 0px 10px 0px;
}





.whiteform {
background-color:#ffffff;
}

#frontphoto {
margin: 0 0 0 0;
border: 0;
}

#avmenu {
clear:left;
float: left;
width: 160px;
margin: 5px 0 10px 0;
padding: 0;
font-size: 0.9em;
}

.clearleft {
clear:left;
}

.clearright {
clear:right;
}

.clearall {
clear:both;
}

#content {
margin: 0px 155px 0px 165px;
border-left: 2px solid  #f4efe4;
border-right: 2px solid  #f4efe4;
padding: 0 10px 0 10px;
line-height: 1.5em;
text-align: justify;
z-index:5;
height: auto;
}

#contentwide {
	border-left:0 solid #286ea0;
	border-right:0 solid #286ea0;
	line-height:1.5em;
	text-align:justify;
	margin:0 10px;
	padding:0;
}

#contentwide h2{
color: #0066cc;
}


#contentwide p,#content p {
/* color: #333333; */
}


a {
color: #0066cc;
text-decoration:none;
font-weight:bold;
}

a:visited {
color:#588cb8;
}

a:visited:hover, a:hover {
text-decoration:underline;
}

a:visited img, a:visited:hover img, a:hover img{
border:none;
}


.noborder, .noborder img{
border-width:0;
}

.licence {
margin: 10px 0 10px 0;
padding:10px 0 10px 0;
}

.licence p{
line-height: 1.3em;
letter-spacing: 1.2px;
}

.licence strong{
color: #672e0e;
font-style: italic;
letter-spacing: 1.2px;
font-weight: bold;
}




.announce {
margin: 10px 2px 10px 0px;
padding: 0px;
font-size: 1em;
height: auto;
color: #333333;
background-color: #ffffff;
line-height: 1.3em;
}

.announce h1 {
display: block;
color: #333333;
margin: 0.3em 0 0.3em 0;
font-weight: bold;
font-size:1.02em;
line-height: 1.1em;
}

/* deprecated remove these once the new version is running */

#extras {
float: right;
width: 155px;
margin: 10px 0px 10px 0px;
padding: 0;
font-size: 0.9em;
line-height: 1.2em;
background-color: #ffffff;
color: #333333;
}

.rightadvert {
margin: 0 auto;
}

.rightadvert p{
font-family: arial,sans,verdana,"sans serif";
font-size:1em;
letter-spacing:1.1px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin: 5px 0 5px 0;
text-align: justify;
padding: 0;
color: #333333;
}



.contacts img {
margin: 4px 4px 4px 4px;
padding: 0;
display:inline;
background: #cccccc;
border: none;
}

.contacts img:hover {
margin: 4px 4px 4px 4px;
padding: 0;
display:inline;
background: #cccccc;
border: 1px dashed #28ea06;
}




.roundbox a:hover, .roundbox a:visited:hover {
color:#cccccc;
text-decoration:underline;
}



img.centered { /* deperecated */
    display: block;
    border: 3px solid red;
    margin-left: auto;
    margin-right: auto;
}




.centreimages
 { /* this works for 1 or 2 images
 converts them to block level elemnets */
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}

.imagerow { /* this works for number of images
 converts them to block level elemnets */
    display: block;
    text-align:center;
    margin: 15px auto;
}

.imagerow img {
margin: 0 20px;
background-color: #fdf9d0;
border: 1px solid #988765;
padding:2px;
}

.noborders { /* removes border */
border:5px solid red;
}



/* ***************************
   FOOTER SETTINGS
   *************************** */

#footertop-old{
background:transparent url("../images/footertop.gif") no-repeat scroll center top;
clear:both;
height:10px;
margin:0 auto;
min-width:990px;
max-width:990px;
padding:0 30px 0 30px;
position:relative;
width:990px;
}

#footertop{
background:transparent url("../images/bg-larger.gif") no-repeat scroll center top;
clear:both;
height:95px;
margin:0 auto;
min-width:990px;
max-width:990px;
padding:0 30px 0 30px;
position:relative;
width:990px;
}


#footer .innerfooter {
		min-width:990px;
max-width:990px;
	margin: 0 auto;
	padding: 58px 40px 0 40px;
}

#footer {
	width: 100%;
	background: #504942 url('../images/background-footer.gif') repeat-x;
	clear: both;
	color:#e0e0e0;
	position:relative;
	width:100%;
	min-width:920px;
	/*background: #504942 url('../IMAGES/footer.png') repeat-x 0 40px;*/
	text-align:center;
	padding-top:10px;
	clear:both;
	margin-top:0px /* chnaged to 0 from 40px for worship */
}

#footer a {
	color:#e0e0e0;
	text-decoration:none;
	font-weight:normal;
}

#footer a:hover {
	color:#fff;
	font-weight:500;
	text-decoration:underline;
}



.innerfooter {
	position:relative;
	min-height:90px;
	width:920px;
	margin-top:50px;  /* chnaged from 50px for workship */
	text-align:left;
	padding-top:20px; margin-left:auto; margin-right:auto; margin-bottom:auto
}

.innerfooter p {
	padding-bottom:20px;
	clear:both;
	line-height: 2em;
text-align: center;
color: #808080;
font-size: 0.9em;
}

#footer .smallnav {
	list-style:none;
	margin: 0 auto;
	text-align:right;
	width:890px;
	padding-bottom:10px;
}

#footer ul li {
	display: inline;
	margin: 0 2px 0 2px;
	background: url('../images/separator-footer.gif') no-repeat top left;
	line-height: 20px;
	padding:0 4px 0px 8px;
	font-family: verdana, "sans serif";
	font-size:0.9em;
}


#footer .innerfooter .smallnav li.last { border-right:2px; }

#footer .innerfooter .smallnav li.first { border-left:0px; }





.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.fright {
float: right;
}

.textright {
text-align: right;
}

.center {
text-align:center; margin-left:auto; margin-right:auto; 
}

.margincenter {
margin-left:auto; margin-right:auto; 
}

.mumu {
text-align: justify;
}

.small {
font-size: 1.3em !important;
}

.little {
font-size:0.8em;
}

.sidetext {
font-size: 8pt;
font-weight: 400;
font-family: arial,verdana;
text-align: justify;
margin-top: 0;
margin-bottom: 0;
}


.twelver {
font-size:12pt;
line-height:1.2em;
}

.large {
font-size: 1.5em !important;
line-height:1.1em !important;
}

.listsize {
font-size: 1.3em !important;
line-height:1.1em !important;
}


.bigger {
font-size: 2.5em !important;
line-height:1.1em !important;
}




.hilight {
color: #0066cc;
}

.bold {
font-weight: bold;
}

.hider {
visibility:hidden;
}    

.hide {
display: none;
}

.tip {
	border-style: solid;
	border-width: 1px;
	padding: 1em;
	margin: 1em;
	border:1px solid #3366cc;
    background-color:#D5DDF3;
	font-size:0.91em;
	font-family: sans,arial,verdana;
	letter-spacing: -1px;
}

.pullquote
{
	font-size:110%;
	line-height:140%;
	color:#237;
	padding:0; 
	background:url('../images/closequote-sm.gif') no-repeat bottom right !important;
	padding:0;
	margin-left:3px; margin-top:3px; margin-bottom:3px
}

#contentwide .pullquote
{
	width:30%;
	float:right;
	margin:10px;
	padding:0 10px 5px 0;
	border:0px solid red;
}



.pullquote p:first-child:first-letter
{
	background:url('../images/openquote-sm.gif') no-repeat top left !important;
	padding-left:25px !important; padding-right:2px !important; padding-top:5px !important; padding-bottom:10px !important
}

blockquote p{
margin-bottom:0.4em;
}

.colheader {
font-family: arial,sans,verdana, "sans serif";
font-size:12pt;
color:#555555;
letter-spacing:1px;
padding-top:8px;
line-height:1.6em;
}

.tibox {
padding:8px !important;
background:#F8F7EF none repeat scroll 0%;
border-color:#B2B2B2;
border-style:dashed;
border-width:1px 0pt;
font-weight:bold;
font-family: sans,sans-serif,ms-sans,arial;
letter-spacing:0px;
word-spacing:1px;
font-size:12pt;
margin: 1.2em 0 0.4em 0;
}

.tibox:first-line {
padding-left:20px;
background-image: url("../images/chat.gif") repeat-x bottom left !important;
}

.tibox:first-letter {
padding-left:20px;
margin-left:20px;
background-image: url("../images/chat.gif") repeat-y 0 0 !important;
}


.specialstress {
background:#F8F7EF none repeat scroll 0%;
border-color:#B2B2B2;
border-style:dashed;
border-width:1px 0pt;
font-family: verdana, "sans serif";
font-size:1em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin: 1.2em 0 0.4em 0;
padding: 0.4em 0 0.4em 0;
}

.newsboth {
background:#F8F7EF none repeat scroll 0%;
border-color:#B2B2B2;
border-style:dashed;
border-width:1px 0 1px 0;
font-family: verdana, "sans serif";
font-size:1em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin: 1.2em 0 0.4em 0;
padding: 0.4em 0 0.4em 0;
}

.newsone {
background:#F8F7EF none repeat scroll 0%;
border-color:#B2B2B2;
border-style:solid;
border-width:1px 0 0 0;
font-family: verdana, "sans serif";
font-size:10px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin: 0.8em 0 0.4em 0;
padding: 0.4em 0 0.4em 0;
}

.tailinfo { /** this is for the date & lin at base of news column **/
color:#666666;
border-color:#B2B2B2;
font-size:1em;
margin-left:0pt;
margin-top:0.5em;
border-style:dashed;
border-width:1px 0 0 0;
}

.tailinfo span { /** this move the link to the far right **/
float:right;
}

/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */
/*Tabs on pages links CSS Library col 4-92-151 or 045c97*/


.glossymenu{
	position: relative;
	margin: 0 auto;
	background: url('../images/menub_bg.gif') repeat-x; /*tab background image path*/
	height: 46px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff; list-style-type:none; padding-left:34px; padding-right:0; padding-top:0; padding-bottom:0
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;
	margin: 0;
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url('../images/menub_hover_left.gif') no-repeat left 50%; /*left tab image path*/
	
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url('../images/menub_hover_right.gif') no-repeat right top; /*right tab image path*/
}



#glossymenubox{
	position: relative;
	padding: 1em;
	margin: 0 auto 0 auto;
	background: #dedede; /*background color*/
	border-left: 4px solid #045c97;
	border-right: 4px solid #045c97;
	border-bottom: 8px solid #045c97;
	height: auto;
	font-size: 1.2em;
	font-weight: bold;
	font-family: sans-serif;
	color: #045c97;
}

#glossymenubox p {
	color: #045c97;
}

/*Credits: Dynamic Drive CSS Library  - this is for the new rollover menus*/

.glossysidemenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 150px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossysidemenu li a{
background: white url('../images/glossyback.gif') repeat-x bottom left;
color: white;
display: block;
width: auto;
padding-left: 10px;
text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:Trebuchet MS, Verdana, Helvetica, sans-serif; padding-right:0; padding-top:3px; padding-bottom:3px
}


* html .glossysidemenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 140px;
}

.glossysidemenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossysidemenu li a:hover{
background-image: url('../images/glossyback2.gif');
}


/*Credits: Dynamic Drive CSS Library  - this is for the rollover menus
 new larger glossy added all padding changed and graphics*/
.glossymenubig
{
	position:relative;
	background:url('../images/menub_bg_big.gif') repeat-x;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	list-style-type:none;
	height:56px;
	margin:0 auto;
	padding-left:0; padding-right:0; padding-top:0; padding-bottom:15px
}

.glossymenubig li a
{
	float:left;
	color:#000;
	text-decoration:none;
	font-family:sans-serif,sans,arial,verdana;
	font-size:12px;
	line-height:20px;
	text-align:center;
	cursor:pointer;
	margin:0;
	padding:0px 0 0 16px;
}

.glossymenubig li a b {
display:block;
float:left;
height:56px;
padding:10px 12px 0 0;
width:100px;
}

#glossymenubox p,#glossymenuboxbig p
{
	color:#045c97;
}

.glossymenubig li.current a,.glossymenubig li a:hover
{
	color:#fff;
	background:url('../images/menub_hover_left_big.gif') no-repeat left top;
}

.glossymenubig li.current a b,.glossymenubig li a:hover b
{
	color:#fff;
	background:url('../images/menub_hover_right_big.gif') no-repeat right top;
}

.glossymenubig li a:visited
{
	text-decoration:none;
}

#glossymenuboxbig
{
	position:relative;
	background:#dedede;
	border-left:4px solid #045c97;
	border-right:4px solid #045c97;
	border-bottom:8px solid #045c97;
	font-size:1.2em;
	font-weight:700;
	font-family:sans-serif;
	color:#045c97;
	height:56px;
	margin:0 auto;
	padding:0;
}

.fleft,.glossymenubig li,.selectbox div
{
	float:left;
}

/* hilight box - this one with rounded corners thats all */
.hilitbox {background: #aacc66; border: 0px solid #447722; width: auto; padding:0; margin: 1em;} /* a 1px border can go here */
.hilitboxtop  {  background: url('../images/boxcornertr.gif') no-repeat top right; }
.hilitboxtop div { background: url('../images/boxcornertl.gif') no-repeat top left;}
.hilitboxbottom  {  background: url('../images/boxcornerbr.gif') no-repeat bottom right; }
.hilitboxbottom div { background: url('../images/boxcornerbl.gif') no-repeat bottom left; }
.hilitbox span { color: #cc5511; font-weight: bold ; font-size:1.1em; font-family: san-serif,verdana,tahoma,arial;}
.hilitbox em { border:1px dashed #cccccc; font-size:1.3em; } 
.hilitbox p { font-size:1em; font-family: san-serif, tahoma; margin: 0.5em 1em 0.5em 1em; } 
.hilitboxtop, .hilitboxtop div, .hilitboxbottom, .hilitboxbottom div { width: auto; height: 10px; font-size: 1px; }

.hitop {
display: block;
font-weight:bold;
line-height: 1.4em;
border-top:1px solid #3366CC;
margin:0 0 0.54em 0;
background:#D5DDF3 none repeat scroll 0%;
color:#000000;
padding:0.5em 0.2em 0.5em 0.2em;
}

.hibot {
font-weight:bold;
border-bottom:1px solid #3366CC;
background:#D5DDF3 none repeat scroll 0%;
color:#000000;
margin:0.5em 0 0.5em 0;
padding:0.4em 0.2em 0.3em 0.2em;
}

.custbot {
border-bottom:1px solid #3366CC;

}


.custop {
display: block;
font-weight:bold;
line-height: 1.6em;
font-size:1.3em;
border-top:1px solid #3366CC;
margin:5px 10px;
background:#D5DDF3;
color:#000000;
padding:0.5em 0.2em 0.5em 0.2em;
}

em {
font-weight: bold;
color: #cc5511; /* orange text emphasis in box */
font-style:normal;
}



/* round tab - this one with rounded corners on top */
.roundbox {border: 0px solid #447722; width: auto; padding:0px; margin: 0px; font-size:1.67em;} /* a 1px border can go here */
.roundboxtop  {  background: url('../images/corner-right.gif') no-repeat top right; }
.roundboxtop div { background: url('../images/corner-left.gif') no-repeat top left;}
.roundbox span { color: #cc5511; font-weight: bold ; font-size:1.1em ;font-family: verdana,tahoma,arial;}
.roundbox em { background: inherit; border:1px dashed #cccccc; font-size:1.3em; } 
.roundbox p { font-size:1em; font-family: sans-serif; margin: 0px 5px 10px 5px; }
.roundbox h2, .roundbox a { font-size:13px; text-align:center;letter-spacing:2px; font-family: sans-serif; padding: 0 0 10px 0; margin: 0 4px 0 4px; color: #ffffff; line-height: 1.3em; } 
.roundboxtop, .roundboxtop div { width: auto; height: 10px; font-size: 1px; }
.roundboxbase {margin-bottom:0;} /* used to link side box tabs and top comments box */

.hdr {
background: #4381b5 url('../images/glossyback.gif') repeat-x top left;
}

.hdr h2, .hdr em {
background: transparent;
}


.altframe {
border:1px solid #cccccc;
background: #eff0df url('../images/formback.png') repeat-x top left;
margin:20px 0;
padding: 0
}

.frame {
border:#c8d7ee 1px solid;
width:100%;
background:#edf6ff;
margin:20px 0 20px 0;
padding: 0px; /* added below */
font-size: 12px;
line-height: 14px;
color: #555555;
font-family: arial,verdana,helvetica,sans-serif;
}

.imageholder { /* try and deprecate */
text-align:center;
margin: 0 auto;
border:3px solid blue;
}

.imageholder img { /* try and deprecate */
margin: 10px 25px 10px 25px;
border:3px solid green;
padding: 0;
}

.inlineborder{ /* try and deprecate */
margin: 0px 10px 5px 10px;
border:3px solid yellow;
padding: 0;
}

.leftpad{ /* try and deprecate */
margin: 10px 10px 10px 0px;
padding: 0;
}

.rightpad{ /* try and deprecate */
margin: 10px 0px 10px 10px;
padding: 0;
}


.frame p {
font-size: 15px;
line-height: 18px;
color: #555555;
font-family: arial,verdana,helvetica,sans-serif;
font-weight:normal;
font-style:normal;
margin: 1em 10px 0.5em 10px;
padding:0;
}

.frame h2x {
font-size: 16px;
text-decoration:underline;
color: #333333;
margin: 10px;
padding: 3px 0px;
line-height:24px;
letter-spacing: 1px;
font-family:sans-serif,arial;
font-weight:700;
}

.frame h2 {
	padding:10px 10px 5px 10px;
	font-size: 16px;
	color: #ff6922; /* added procab #4C6068 */
	line-height: 18px; /* worship */
	margin:0;
}

.yahoo h2 {
	padding:10px 10px 5px 10px;
	font-size: 16px;
	color: #4C6068; /* added procab */
	line-height: 18px; /* worship */
	margin:0;
}


div.quote {
font-size: 0.9em;
color: #332233;
margin: 10px;
padding: 0 10px;
font-style:italic;
font-family:tahoma,verdana,arial;
}


.frame em {
font-size: 1.1em;
font-style:italic;
font-weight:700;
font-family:arial,helvetica,sans,sans-serif,verdana,tahoma;
letter-spacing: 1px;
}

/* #286ea0; */

.frame h1, .payform h1 {
font-size: 20px;
color: white;
font-family:arial,sans-serif,verdana;
margin: 0;
font-weight:500;
background:url('../images/glossyback2.gif') repeat-x top left;
line-height:1.4em; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0
}

.undertabheader h1 {
font-size: 20px;
color: white;
font-family:arial,sans-serif,verdana;
margin: 0;
font-weight:500;
background:url('../images/glossyback2.gif') repeat-x top left;
line-height:1.67em; padding-left:10px; padding-right:10px; padding-top:15px; padding-bottom:0
}


.border {
border:1px solid #999999;
}

.marginspace { /* try and deprecate */
margin: 10px;
}

.padspace { /* try and deprecate */
padding: 10px;
}


.frame li {
background:url('../images/diamond-black.gif') no-repeat 0pt 0.4em;
padding-left:12px;
line-height:1.6em;
margin-bottom:0.66em;
list-style-image:none;
list-style-position:outside;
list-style-type:none; margin-left:0pt; margin-right:0pt; margin-top:0pt; padding-right:0; padding-top:0; padding-bottom:0
}

.frame ul {
margin:10px 12px;
padding:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.starsales li {
background:url('../images/star2.png') no-repeat 0pt 0em;
padding-left:40px;
font-weight:700;
line-height:1.6em;
margin-bottom:0.66em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
letter-spacing:1px;
font-size: 15px;
line-height: 40px;
color: #555555;
font-family: sans,arial,verdana,helvetica,sans-serif; margin-left:0pt; margin-right:0pt; margin-top:0pt; padding-right:0; padding-top:0; padding-bottom:0
}

.starsales ul {
margin:10px 12px;
padding:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.pointsales li {
background:url('../images/pointer.png') no-repeat 5px 12px;
padding-left:30px;
font-weight:700;
line-height:1.3em;
margin-bottom:0.66em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
letter-spacing:0px;
word-spacing:1px;
font-size: 15px;
line-height: 40px;
color: #555555;
font-family: sans,arial,verdana,helvetica,sans-serif; margin-left:0pt; margin-right:0pt; margin-top:0pt; padding-right:0; padding-top:0; padding-bottom:0
}

.pointsales ul {
margin:10px 12px;
padding:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}



.arrows li {
background:url('../images/icon_arrow.png') no-repeat 0pt 0em;
padding-left:25px;
color: #245;
line-height:1.2em;
margin-bottom:0.66em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
font-size: 1.1em;
color: #555555;
font-family: sans,helvetica,tahoma,arial,verdana,helvetica,sans-serif;
margin-left:0pt; margin-right:0pt; margin-top:0pt; padding-right:0; padding-top:0; padding-bottom:0
}

.arrows ul {
margin:10px 12px;
padding:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}



.ccquote p{
margin: 0.8em 0 0.8em 0;
padding:0;
line-height:1.5em;
text-align: justify;
}

.imagecaption { 
background-color: #f4efe4; /* was #fdf9d0 #ECF1EF*/
border: 1px solid #988765;
color: #555555;
font-family: sans-serif,Arial, verdana;
font-size: 0.9em;
font-weight: bold;
letter-spacing:1px;
padding:2px;
text-align:center;
margin-right:auto;
margin-left:auto;
}

.imagecaption img {
border: 1px solid #c4c4c4;
vertical-align: middle;
display:block;
} 

.imageright { margin: 1em 10px; float:right; } 
.imageleft { margin: 1em 10px ; float:left; } 


/** setup for payment pages **/
.paymentholder { /** as it has no recognised content you must give it a height and width **/
margin: 10px;
padding: 0px;
display: block;
height: 70px;
}

/** setup for payment pages **/
.mappayholder { /** as it has no recognised content you must give it a height and width **/
margin: 10px;
padding: 0px;
display: block;
height: 230px;
}

.downloadimage { /* try and deprecate */
float: left;
margin: 5px 20px 5px 5px;
padding: 0px;
}

.downloadimage img{ /* try and deprecate */
background: transparent;
}

.downloadicon {
text-align:left;
}
.selectbox {
float: left;
margin: 5px;
padding: 0px;
width: 300px;
height: 51px;
}

.newselect {
float: left;
display: inline;
margin: 10px;
padding: 0px;
}

.textinput {
float: left;
margin: 5px;
padding: 0px;
width: 300px;
}

.button {
background: #ffffff;
border: 1px outset #cccccc;
font-size: 10pt; 
}

.password {
border: 1px;
font-size: 10pt; 
}

.buybutt {
float: right;
margin: 5px;
padding: 0px 0px 0px 0px;
}

.stackform {
border: 1px solid #b2b2b2;
margin: 20px 10px 20px 10px;
padding: 10px 0px 0px 0px;
}

.payboxbase {
background:#D5DDF3;
margin:5px 0 0 0;
padding:0.2em;
}

.payboxbase p{
text-align:center;
font-weight:bold;
background:#D5DDF3;
color:#333333;
margin: 0;
padding: 0;
font-family: arial,sans,verdana;
font-size: 11px;
}

.thumbsline { /* try and deprecate */
text-align: center;
}

.thumbsline img { /* try and deprecate */
margin: 5px;
padding: 0px;
border: none;
}

.secure { /* try and deprecate */
 
}
.secure img { /* try and deprecate */
background: transparent;
}

.notop {
padding-top:0px;
margin-top:0px;
border-top:none;
}

.darkblue  {
color: white;
margin: 0;
background:#045c97;
}

.darkblue h1{
font-size: 1.1em;
line-height:1.3em;
background:#045c97;
padding: 12px 10px;
font-weight:500;
margin:0;
}

.dropbox  { /** this is for the drop down box list styling **/
font-family: sans,arial,verdana;
width: 300px;
color: #333333;
font-size: 10pt;
margin: 5px;
padding: 0;
}

.inputbox { /** this is for the text input box styling **/
font-family: sans,arial,verdana;
height: 18px;
color: #333333;
font-size: 10pt;
margin: 5px;
padding: 0px 0px 0px 5px;
}



.nopad { 
padding:0;
margin:0;
}

.sitepalholder {
border: 0 none red;
width: 400px;
height:160px;
margin: 0px 10px 0px 10px;
padding: 0px;
}

.bysitepal {
border: 0 none red;
width: auto;
height:auto;
margin: 10px 0px 0px 0px;
padding: 0px;
}

.bigtip {
	border-style: solid;
	border-width: 1px;
	padding: 1em;
	margin: 10px;
	border:1px solid #3366cc;
    background-color:#D5DDF3;
	font-family: "sans serif",arial,verdana;
}

.bigtip h1{
	font-size: 1.12em;
	font-family: "sans serif",arial,verdana;
	font-weight: bold;
	color: #333333;
	background-color:#D5DDF3;
	padding:0;
	margin: 0;
}

.bigtip p{
	color: #333333;
	padding:0;
	margin: 0;
}

.yahoo {
	border-style: solid;
	border-width: 1px;
	padding: 1em;
	margin: 10px auto;
	border:1px solid #3366cc;
    background-color:#D5DDF3;
}

.yahoo h2 {
	font-family: sans,"sans serif",arial,verdana;
	font-size:13px;
	padding:0;
	margin:0;
}



.greenba, .greenbb, .greenbc {
margin: 0;
padding:0;
border:none;
width:27px;
height:27px;
}

.grnbox a img{
margin-left:15px;
}



.greenbc{
background:url('../images/step_vt.png') no-repeat center left;
}

.greenbb {
background:url('../images/stept.png') no-repeat center left;
}

.greenba{
background:url('../images/step_vt.png') no-repeat center left;
}

.greenbb:hover {
background-image:url('../images/step_vt.png');
}

.greenba:hover {
background-image:url('../images/stept.png');
}

.greenba:hover, .greeenba:active, greenba:visited, .greenba.visited:hover {
border:none;
}

.grnbox {
margin: 5px 0 0 0;
padding:5px;
width:266px;
height:65px;
}

.grnbox img{
padding: 0px;
margin: 0;
border-width:0px;
background: transparent;
}

.clicker {
font-family:arial,verdana,helvetica,sans-serif;
font-size:15px;
font-weight:normal;
line-height:18px;
margin:1em 10px 0.5em;
padding:0;
text-align:justify;
}

.vouchbutt {
background: transparent url('../images/vouch.gif') no-repeat top left;
border:medium none;
height:46px;
width:165px;
color: white;
margin:0px;
padding:8px 20px 15px 10px;
font-size:15px;
font-family:arial,sans,sans-serif,helvetica;
font-weight:700;
text-align:center;
}

.upgradebutt {
background: transparent url('../images/voucher_grn.gif') no-repeat top left;
border:medium none;
height:46px;
width:185px;
color: white;
margin:0px;
padding:8px 20px 15px 10px;
font-size:15px;
font-family:arial,sans,sans-serif,helvetica;
font-weight:700;
text-align:center;
}


td.texttab {
margin-right: 4px;
padding-right: 6px; 
text-align:right;
font-weight:bold;
font-size:10pt;
color: #1154a2;
font-family:mssans,arial,verdana,sans;
}


#poppers {
position:relative;
visibility:hidden;
height:488px;
margin-left:0px;
margin-top:30px;
left:30px;
top:80px;
z-index:99;
background: url('../images/pops.png') no-repeat top left;
border:medium none;
text-decoration:none; padding-left:50px; padding-right:50px; padding-top:40px; padding-bottom:40px;
}

#popper {
position:absolute;
visibility:hidden;
height:488px;
margin-left:0px;
margin-top:70px;
left:300px;
top:800px;
z-index:99;
background: url('../images/pops.png') no-repeat top left;
border:medium none;
text-decoration:none; padding-left:50px; padding-right:50px; padding-top:40px; padding-bottom:40px;
}

.clicker:hover+.largepopup{
position:absolute;
visibility:visible;
height:488px;
width:595px;
margin-left:0px;
margin-top:0px;
left:300px;
top:800px;
z-index:99;
background: url('../images/pops.png') no-repeat top left;
border:medium none;
text-decoration:none; padding-left:50px; padding-right:50px; padding-top:40px; padding-bottom:40px
}


.hidden {
display:none;
}

.clicker:hover+.smallpopup2{
position:absolute;
visibility:visible;
height:264px;
width:511px;
margin-left:0px;
margin-top:0px;
left:480px;
top:490px;
background: url('../images/smallpops.png') no-repeat top left;
text-decoration:none;
border:medium none;; padding-left:35px; padding-right:35px; padding-top:40px; padding-bottom:40px
}


.clicker:hover+.smallpopup1{
position:absolute;
visibility:visible;
height:264px;
width:511px;
margin-left:0px;
margin-top:0px;
left:510px;
top:490px;
background: url('../images/smallpops.png') no-repeat top left;
text-decoration:none;
border:medium none;; padding-left:35px; padding-right:35px; padding-top:40px; padding-bottom:40px
}

.largepopup,.smallpopup1,.smallpopup2 {
visibility:hidden;
height:1px;
width:1px;
z-index:6;
top:1px;
left:1px;
position:absolute;
background:white;
}

.largepopup p,.smallpopup1 p,.smallpopup2 p{
background:white;
}


.closer {
float:right;
padding:0;
margin:0;
border:none;
}






.grub-press, .grub-off, .grub-on {
margin: 0;
padding:0 0 0 40px;
border:none;
width:auto;
height:42px;
}
.grub-on{
background:url('../images/grub-on.png') no-repeat center left;
}

.grub-off {
background:url('../images/grub-off.png') no-repeat center left;
}

.grub-push{
background:url('../images/grub-push.png') no-repeat center left;
}

.grub-off:hover {
background-image:url('../images/grub-press.png');
}

.grub-on:hover {
background-image:url('../images/grub-press.png');
}

.grub-on:hover, .grub-on:active, grub-on:visited, .grub-on.visited:hover {
border:none;
}





.poundbox {
height:219px;
width:390px;
padding:0px;
font-family:sans-serif,arial,verdana;
font-size:16pt;
margin:0;
}

.poundbox p{
font-style:italic;
font-size:1.2em;
line-height:1.3em;
margin:10px 0 0 0;
color: #333333;
letter-spacing:1px;
font-family:sans-serif,arial,verdana;
text-align:right;
}

.payboxholder {
margin:5px;
padding:0;
display:block;
margin-top:20px;
}


.paybox {
margin: 8px auto;
text-align:center;
padding:10px;
}

.paybox img{
vertical-align:middle;
padding: 0px;
margin: 0px;
border-width:0px;
background: transparent;
}

/* form details */

		.payform h2
		{color:#222; font-size:16px; font-weight:bold; margin:0 0 10px 0; padding:0;}
		.payform a
		{color:#0f8de3; }
		.payform a:hover
		{background:#0f8de3; color:#fff;}
		.payform form select, .payform form input {border: 1px solid black;border-style: inset;}
		.payform form{background:#edf6ff; border:#c8d7ee 1px solid; padding:15px;}
		.payformwhite form{background:#ffffff; border:#c8d7ee 1px solid; padding:15px;}
		.payform {font-size:14px; font-family:sans,arial,verdana;margin:0; padding:0; width:auto;}
		.payform form fieldset{border-color:#000; border:none; padding:0; margin:0;} /* clear:both removed */
		.payform form fieldset legend{font-size:14px;}
		.payform form label{display:block; float:left; color: #777777; width:230px; padding:0px 0 0 0; margin:10px 0 10px 0;text-align:left; font-size:16px; }
		.payform form checkbox{float:left; padding:0; margin:0;}
		.payform form input.btn{font-size:14px; padding:5px 15px 5px 15px; margin:10px 0 0 0;}
		.payform form input.submit{background: url('../images/btn_orange_continue.gif') no-repeat top left; color: inherit; border: 0 none; height: 38px; width: 116px; padding:0;; margin-left:0px; margin-right:0; margin-top:5px; margin-bottom:0}
		.payform form input.submit_blue{background: url('../images/btn_blue_continue.gif') no-repeat top left; color: inherit; border: 0 none; height: 38px; width: 116px; padding:0;; margin-left:0px; margin-right:0; margin-top:5px; margin-bottom:0}
		.payform form input.submit_green{background: url('../images/btn_green_continue.gif') no-repeat top left; color: inherit; border: 0 none; height: 38px; width: 116px; padding:0;; margin-left:0px; margin-right:0; margin-top:5px; margin-bottom:0}
		.payform form textarea{width:auto; margin:3px 0 3px 10px;}
		.payform textarea {overflow:auto;}
		.payform form .cleft {clear:left;}
		.payform form input, .payform form select {margin:10px;font-size:16px;font-family:sans,arial,verdana;}
		.payform .clfx { clear: both; overflow: hidden; }
		.payform .clfx:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; }
		.payformright {float:right; width:90%; padding:0; margin:0 0 20px 0;}
			
		.payform .signIn
			{font-size:11px; text-align:right; padding:0 10px 0 0; margin:0 0 15px 0;}
			
			.payform .signIn a
			{background:url('../images/icon_link.gif') no-repeat right 2px; color:#0f8de3; padding-left:0; padding-right:18px; padding-top:0; padding-bottom:0}
			
			.payform .signIn a:hover
			{background:#0f8de3 url('../images/icon_link.gif') no-repeat right 2px; color:#fff; padding-left:0; padding-right:18px; padding-top:0; padding-bottom:0}
			
			.payform .privacy
			{font-size:11px; margin:15px 0px 0 5px; padding:10px 0 0 0; width:98%; border-top:#c8d7ee 1px solid;}
			
			.payform .privacy img, .rightCol .privacy div.lock
			{float:left; margin:0 7px 0 0;}
			
			.payform fieldset .prodimage {
			margin: 15px 20px 5px 10px;
			padding: 0px;
			float:left;
			}
			
ul.flow_progress { 
border:medium none;
display:block;
font-family:"sans serif",sans,mssans,tahoma,verdana,arial;
font-size:92%;
height:140px;
list-style-type:none;
margin:15px auto;
padding:0 0 0 0px;
width:517px; 
}


ul.flow_progress li { float: left; height: 50px; margin: 0 3px 0 0; padding: 0; text-align: center; width: 106px; overflow: visible; }
ul.flow_progress li.complete { background: url('../images/flow_progress_complete.png') no-repeat bottom center; color: orange }
ul.flow_progress li.pending { background: url('../images/flow_progress_pending.png') no-repeat bottom center; color: orange }
ul.flow_progress li.incomplete { background: url('../images/flow_progress_incomplete.png') no-repeat bottom center; color: #686868 }	



.framelist,.arrowlister {
margin:10px 22px;
padding:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.arrowlister li {
background:url('../images/icon_arrow.png') no-repeat 0pt 0.3em;
padding-left:20px;
line-height:1.8em;
margin-bottom:0.2em;
list-style-image:none;
list-style-position:outside;
list-style-type:none; margin-left:0pt; margin-right:0pt; margin-top:0pt; padding-right:0; padding-top:0; padding-bottom:0
}

.framelist li {
background:url('../images/arrow_11x8.gif') no-repeat 0pt 0.4em;
padding-left:12px;
line-height:1.8em;
margin-bottom:0.66em;
list-style-image:none;
list-style-position:outside;
list-style-type:none; margin-left:0pt; margin-right:0pt; margin-top:0pt; padding-right:0; padding-top:0; padding-bottom:0
}

.flowbox p {
font-family:"san-serif",sans,ms-sans,tahoma,verdana,arial;
font-size:13pt;
letter-spacing:2px;
line-height:15pt;
margin:5px 0 5px 50px;
padding:15px 0 0 0;
}

div.flowbox { background: url('../images/frame_bluefill.png') no-repeat top center; display:block; font-family:"sans serif",sans,mssans,tahoma,verdana,arial; font-size: 92%; list-style-type: none; padding: 0px; height:147px; width: 557px; border:medium none;; margin-left:auto; margin-right:auto; margin-top:30px; margin-bottom:40px }



/* CSS for table from http://www.trialpay.com/checkout/?c=10507bf&tid=RHy3sjd */

table.button_layout a, table.button_layout a:visited, table.button_layout a:hover {
  text-decoration:none !important;
  color:#2968D7 !important;}

table.button_layout button {
  background-color:transparent;
  border:0;
  display:table-cell;
  vertical-align:middle;
  cursor:pointer;
  font:bold 12px "Trebuchet Ms";}

table.button_layout.center {
  margin:0 auto;
}

table.button_layout .contents {
  color:#2968D7 !important;  height:29px;}

table.button_layout td.start {
  width:6px;
  height:29px;  background-image:url('../images/b2.png');
  padding:0px !important}

table.button_layout td.label {
  white-space:nowrap;
  vertical-align:middle;
  background-image:url('../images/b2_bg.png');
  background-repeat:repeat-x;
  height:29px;  color:#2968D7 !important;  padding:0px !important;  text-align:left; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:Trebuchet Ms
}

table.button_layout td.end {
  padding:0px !important;}

table.button_layout td.end .contents {
  display:block;
  background-image:url('../images/b2.png');
  background-position: right 50%;
  width:44px;
  height:29px}

table.button_layout.blue3 a, table.button_layout.blue3 a:visited, table.button_layout.blue3 a:hover {
  text-decoration:none !important;
  color:white !important;}

table.button_layout.blue3 button {
  background-color:transparent;
  border:0;
  display:table-cell;
  vertical-align:middle;
  cursor:pointer;
  font:bold 12px arial,"tahoma",sans-serif;}

table.button_layout.blue3.center {
  margin:0 auto;
}

table.button_layout.blue3 .content {
  color:white !important;  height:27px;}

table.button_layout.blue3 td.start {
  width:12px;
  height:27px;
  background-image:url('../images/blue3.gif');
  padding:0px !important}

table.button_layout.blue3 td.label {
  white-space:nowrap;
  vertical-align:middle;
  background-image:url('../images/blue3_bg.gif');
  background-repeat:repeat-x;
  height:27px;  color:white !important;  padding:0px !important;  text-align:left; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:arial, tahoma, sans-serif
}

table.button_layout.blue3 td.end {
  padding:0px !important;}

table.button_layout.blue3 td.end .content {
  display:block;
  background-image:url('../images/blue3.gif');
  background-position: right 50%;
  width:33px;
  height:27px}


table.button_layout.blue3_large a, table.button_layout.blue3_large a:visited, table.button_layout.blue3_large a:hover {
  text-decoration:none !important;
  color:white !important;}

table.button_layout.blue3_large button {
  background-color:transparent;
  border:0;
  display:table-cell;
  vertical-align:middle;
  cursor:pointer;
  font:bold 15px arial,"tahoma",sans-serif;}

table.button_layout.blue3_large.center {
  margin:0 auto;
}

table.button_layout.blue3_large .contents {
  color:white !important;  height:38px;}

table.button_layout.blue3_large td.start {
  width:18px;
  height:38px;  background-image:url('../images/blue3_large.gif');
  padding:0px !important}

table.button_layout.blue3_large td.label {
  white-space:nowrap;
  vertical-align:middle;
  background-image:url('../images/blue3_large_bg.gif');
  background-repeat:repeat-x;
  height:38px;  color:white !important;  padding:0px !important;  text-align:left; font-style:normal; font-variant:normal; font-weight:bold; font-size:15px; font-family:arial, tahoma, sans-serif
}

table.button_layout.blue3_large td.end {
  padding:0px !important;}

table.button_layout.blue3_large td.end .contents {
  display:block;
  background-image:url('../images/blue3_large.gif');
  background-position: 
  right 50%;
  width:46px;
  height:38px}
  
  
  .tomcab {
  background:url('../images/side_by_side_ready_550.png') no-repeat top left ;
  height:291px;
  width:550px;
  margin:0px auto
}

.anny {
  height:291px;
  width:550px;
  margin:10px auto;
}


.anny a{
text-decoration:none !important;
}

.anny img {
margin-top:240px;
margin-right:10px;
margin-left:10px;
border:none;
}

.annyold img {
margin-left:40px;
margin-right:40px;
margin-top:220px;
}

.anny a:hover img{
text-decoration:none !important;
}

.anny a:visited img{
border:none;
}

.anny a:visited:hover img, .anny a:hover img{
border:1px solid #286ea0;
}



.flashcorner {
float:right;
background: url('../images/new-autoroute.png') no-repeat top right;
height:60px;
width:60px;
margin:5px;
position:absolute;
}


.starcorner {
float:right;
background: url('../images/rss.gif') no-repeat top right;
height:60px;
width:60px;
margin:5px
}

.ccardcorner{
float:right;
background: url('../images/rss.gif') no-repeat top right;
height:60px;
width:60px;
margin:5px
}

table.prodetails td{
vertical-align:top;
}

table.prodetails th{
text-align:right;
font-size:1.1em;
font-weight:bold;
color:#236274;
vertical-align:top;
}

.pricebox {
height:219px;
width:390px;
padding:10px;
font-family:sans-serif,arial,verdana;
font-size:16pt;
}

.pricebox p{
font-style:italic;
font-size:1.2em;
line-height:1.3em;
margin:5px;
color: #336666;
letter-spacing:1px;
font-family:sans-serif,arial,verdana;
}

.pricebox span{
color: #da4503;
font-size:1.4em;
line-height:1.8em;
margin:5px;
font-family:sans-serif,arial,verdana;
}

.pricebox h1{
padding:0;
background:none;
color: #ff6633 !important;
font-size:1.8em;
line-height:2.2em;
margin:5px;
letter-spacing:1px;
font-family:arial,sans-serif;
}

.lorrydrop {
padding:0 5px 0 0;
border:none;
cursor: pointer;
}

.lorrybull {
padding:5px 0 0 5px;
border:none;
cursor: pointer;
}

table.contable {
background: #ffffff;
margin:20px auto;
padding:0;
border:none;
width:528px;
border-collapse:collapse;
table-layout:auto;
}

.gridTitle {
background-color:#E1E1E1;
font-family:arial,helvetica;
font-size:9pt;
color:#333333;
font-weight:bold;
padding:5px;
vertical-align:top;
}

.gridTitle b{
font-size:12pt;
font-weight:bold;
letter-spacing:1.2px;
color:#333333;
}

.gridCell {
background-color:#FFFFFF;
font-family:arial,helvetica;
font-size:9pt;
padding:8px 5px;
margin:10px 0px;
}

.gridCell span{
background-color:#FFFFFF;
font-family:arial,helvetica;
font-size:8pt;
padding:8px 5px;
margin:10px 0px;
}


.gridcellalt {
background-color:#FFFFFF;
font-family:arial,helvetica;
font-size:9pt;
padding:5px;
}

img.hidden {
display:none;
}


.voucherbox
{
margin:0;
padding:0;
font-size:12px;
font-family:sans,arial,verdana;
}

.voucherbox p
{
margin:0;
padding:10px;
font-size:12px;
}

.voucherbox img {
margin-bottom:-4px;
}

.numline img{
vertical-align:middle;
}

.numline {
margin:0;
padding:5px;
font-size:13px;
font-weight:700;
font-family:sans,arial,verdana;
}



.mycentrepiece { position:absolute; top:50%; height:2em; margin-top:-1em }



.rhed {
background:#F5F5F5 url("../images/headers.png") no-repeat scroll 0 -50px;
color:#909090;
font-weight:bold;
height:25px;
margin:20px 0 10px !important;
overflow:visible;
padding:0 10px;
white-space:nowrap;
width:520px;
border:0 none;
outline-style:none;
outline-width:0;
font-family:Helvetica,Arial,sans-serif !important;
font-size:14px !important;
line-height:1.357em !important;
}

.hedrsm {
background:#F5F5F5 url("../images/headers-sm.png") no-repeat scroll 0 -50px;
color:#a0a0a0;
font-weight:bold;
height:25px;
margin:10px 5px;
padding:0 10px;
white-space:nowrap;
width:482px;
border:0 none;
outline-style:none;
outline-width:0;
font-family:Helvetica,Arial,sans-serif !important;
font-size:14px !important;
line-height:1.357em !important;
}


.rhedleft {
float:left;
padding:0;
margin:0;
margin-right:10px;
border:none;
}

.rhedleft:hover+div {
display:block;
}

.rhedleft+div {
display:none;
}


.rhedright {
float:right;
margin:10px 0 0 0;
padding:0;
border:none;
}

.rhedright:hover+div {
display:block;
}



.rhedright+div {
display:none;
}

.shopbox { 
background-color: #f4efe4; /* was #fdf9d0 #ECF1EF*/
border: 1px solid #988765;
margin-right:auto;
margin-left:auto;
padding:5px;
margin:10px;
}

.shopbox img {
border: 1px solid #c4c4c4;
vertical-align: middle;
display:block;
} 

.shopbox em {
font-family: sans-serif,Arial, verdana;
font-size: 0.9em;
font-weight: bold;
letter-spacing:1px;
padding:2px;
text-align:center;
color: #555555;
}



.voucherbox input{
border: 1px solid black;
border-style: inset;
margin:0;
padding:0;
padding-left:5px;
}

img.sicon {
cursor: pointer;
}

.apple {
height:113px;
width:520px;
padding:10px;
color:black;
background: url('../images/googleframe-sm.png') no-repeat top left;
}

#checkoutbuttons {
display:none;
}

body p.salesfont {
font-family:miriam,arial,tahoma;
font-size:16pt;
font-weight:bold;
color:red;
letter-spacing:1px;
padding:0.5em;
}

#option_text h1{
font-family:arial;helvetica,sans,ms-sans;
font-size:16pt;
font-weight:700;
padding-top:16px;
height:78px;
letter-spacing:2px;
border:0;
color: white;
}

#option_text h1 img{
margin-top:-15px;
height:49px;
}

#option_text a, #option_text a:hover, #option_text a:visited {
text-decoration:none;
color: white;
border:none;
}

.addbox {
margin:10px;
height:300px;
padding:10px 5px;
font-size:12pt;
}


.addbox p {
padding:5px;
color:#0054ef;
font-family:sans-serif,verdana;
word-spacing:1px;
line-height:1.1em;
font-size:11px;
font-weight:700;
margin:5px 4px;
}

.addbox .price a { margin:0;font-weight:bold; color:#0054ef; font-size:2.0em; }
h2.dealname { font-size:1.2em; color:#222222; margin-top:-20px; font-weight:600; font-family:sans-serif,arial,verdana; }

#priceline {
text-align:center;
color:#0054ef;
font-size:2.5em;
letter-spacing:1px;
line-height:1.2em;
font-weight:bold;
font-family:arial,helvetica,sans,tahoma;
}

.lightblue {
color:#0054ef;
}


.addbox img {
height:143px;
width:171px;
border:none;
}

.onev3 a:hover img, .onev3 a:visited:hover img{
background:transparent url('../images/onev3-filled.png') no-repeat top left;
}

.onev3 a:visited img, .onev3 a:active img, .onev3 a img{
background:transparent url('../images/onev3-blank.png') no-repeat top left;
}


.onev4 a:hover img, .onev4 a:visited:hover img{
background:transparent url('../images/onev4-filled.png') no-repeat top left;
}

.onev4 a:visited img, .onev4 a:active img, .onev4 a img{
background:transparent url('../images/onev4-blank.png') no-repeat top left;
}

.go540 a:hover img, .go540 a:visited:hover img{
background:transparent url('../images/tt540-filled.png') no-repeat top left;
}

.go540 a:visited img, .go540 a:active img, .go540 a img{
background:transparent url('../images/tt540-blank.png') no-repeat top left;
}

.go530 a:hover img, .go530 a:visited:hover img{
background:transparent url('../images/tt530-filled.png') no-repeat top left;
}

.go530 a:visited img, .go530 a:active img, .go530 a img{
background:transparent url('../images/tt530-blank.png') no-repeat top left;
}


.xl a:hover img, .xl a:visited:hover img{
background:transparent url('../images/ttxl-filled.png') no-repeat top left;
}

.xl a:visited img, .xl a:active img, .xl a img{
background:transparent url('../images/ttxl-blank.png') no-repeat top left;
}

.smallframe {
height:76px;
width:76px;
background:transparent url('../images/feature_frame_small.gif') no-repeat top left;
border:none;
margin:10px;
padding:0px;
}

.horus {
background: transparent url('../images/horus-eye.png') no-repeat top right;
height:72px;
width:95px;
margin-left:20px;
margin-top:25px;
}

.holder {padding:5px 0 0 0;}
.totalem {padding-top:15px;font-family:arial,sans,verdana;letter-spacing:1px;font-size:1.2em;font-style:normal;color:#ff6600;}
#toprow {color:#111111;}
#toprow h1 {background:inherit;padding-top:15px;font-family:arial,sans,verdana;letter-spacing:1px;font-size:1.5em;font-style:normal;color:#ff3300;}
#orderdescholder h2{text-align:center;align:center;}
.big { background:#F8F7EF none repeat scroll 0%;border-color:#B2B2B2;border-style:dashed;border-width:1px;font-family: arial,verdana, "sans serif";font-size:1.2em;font-style:normal;font-variant:normal;font-weight:normal;line-spacing:2px;display:block;margin:10px;padding: 1em;}
.big p {line-height:1.8em;}
.big b{letter-spacing:1px;}
.big h2{font-size:1.4em;}
.big img {align:center}
.coupon {font-size:0.7em;}