/* Styles the body. */

body{
 
 background: #f2b425 url(background.jpg) repeat-y;
 background-position: top center;
 font: 12px Verdana, Arial, Helvetica, sans-serif;
 color: #000;
 margin: 0; padding: 0;
 margin-bott5/25/2007 9:49:48 AMom: 50px;
 padding-top: 30px;
}


/* The design-holder. */

#holder{
 position: relative;
 left: 50%; top: 0;
 width: 750px; height: auto;
 /*height: 1500px;sky added this to increase height of white content box */
 
 margin-left: -375px; margin-bottom: 50px;
 padding-bottom: 25px;
 background-color: #ffffff;
 
 border-top: 2px #4F4F4E solid; border-left: 2px #4F4F4E solid; border-right: 2px #4F4F4E solid; border-bottom: 2px #4F4F4E solid;
/* border-left: 2px #174F87 solid; border-right: 2px #174F87 solid; border-bottom: 2px #174F87 solid; */ 
 /* border-left: 2px #436C78 solid; border-right: 2px #436C78 solid; border-bottom: 2px #436C78 solid; */
  
 background-repeat: no-repeat; 
}
/* Gives all the below id's the same values. */

#header #menu, #undermenu, #content, #footer{
 position: relative;
 left: 0; top: 0;
 width: 100%;
 }
/* The header (with homepage name..). */
#header{
 height: 222px;
 background-color:  #4F8717;
  background-color: #fff;
 background-image: url(images/sky-header-6-figures-3.gif);
 background-repeat: no-repeat;
  /*background: url(menu-top-bg.png) repeat-x; */
}
/* "Homepage name..." text above (bright coloured). */
#header h1{
 }

/* "Homepage name..." text below (dark coloured). */
#header h2{
  z-index: 0;
}
h3 {
color: #E71F1F;
	margin: 20px 0px 20px 0px;
	border-top: 2px groove #000;
	border-bottom: 2px groove #000;
	font: bold 20px Verdana;
	padding: 8px;
	text-align:center;
	background:#E9E9E9;
}
/* The menu. */
#menu{
 height: 18px;
 padding-top: 2px;
 text-align: right;
 font: 1em arial, sans-serif;
}
 /* Fixes the links colours and such in the menu. */
   #menu a{ color:#7A96A7; text-decoration:none; font-weight:bold; margin-left:10px; margin-right: 10px; }
   #menu a:hover{ color:#000; text-decoration:none; margin-left:10px; margin-right: 10px; }
/* The fade-thingie below the menu. */
#undermenu{
 height: 0px;
 /*
 background: url(menu-bottom-bg.png) repeat-x;
 background: url(greengradient.png) repeat-x;  */
}
/* The content holder */
#content{
 height: auto;
 background-color: transparent;
}
/* Styles the 'p'-tag. */
p{
 margin: 25px 30px 10px 30px;
 padding: 0;
 text-align: justify;
 text-indent: 0px;
font: 14px Verdana, Arial, Helvetica, sans-serif;
 line-height: 1.5em;
 color: #222222;
}
/* Use this (with the 'h4'-tag as header) if you want to quote something. */

.quote{
 margin: 0px 50px 10px 50px;
 font: italic 1.1em verdana, sans-serif;
 background-color: #fcefcf;
 padding: 5px;
 text-indent: 0;
 border: 2px #aaa dotted;
}
/* Use this if you don't want first lines on all paragraph to be moved 15px inn */
.noindent{
 text-indent: 0;
}
/* The biggest font. */

h1{
font: 12px Verdana, Arial, Helvetica, sans-serif;
 margin: 25px 0 0 30px;
 padding: 0;
 color: #3E515E;
}
/* The font below the biggest font. */

h2{
font: 12px Verdana, Arial, Helvetica, sans-serif;
 margin: -3px 0 0 35px;
 padding: 0;
 color: #aaa;
}
/* Use this for paragraph titles. 

h3{
 font: 1.4em verdana, serif;
 text-decoration: underline;
 margin: 20px 0 0 30px;
 padding: 0;
 color: #3E515E;
}
*/

/* Use this on all paragraphs (but not #quote) wich are part of the article/documentation/etc.. */

.text{
 margin: 15px 30px 10px 30px;
}

.MsoNormal {
font: 18px Arial, Helvetica, sans-serif;
width: 100%;
}

.smalltxt{
margin: 15px 30px 10px 30px;
font: 10px Arial, Helvetica, sans-serif;
}

/* The title to be used when displaying a quote with '#quote'. */

h4{
font: 12px Verdana, Arial, Helvetica, sans-serif;
 margin: 0 0 0 50px;
 padding: 0;
 color: #3E515E;
}
/* Italic text. */

i{
 font: 1em arial, sans-serif;
 font-style: italic;
 color: #000;
}

h5{
 
padding-top: 5px;
padding-right: 5px;
padding-bottom:  5px;
padding-left: 35px;
margin-left: auto;
margin-right: auto;
text-align: center; 
color: #ff6431;
/* #284F0E; */
font: 25px Verdana, Arial, Helvetica, sans-serif;
background: url(images/plus.gif) no-repeat 10px 10px;
}

h6{
 margin-top: 12px;
 margin-bottom: 0px;
padding-top: 5px;
padding-right: 5px;
padding-bottom:  5px;
padding-left: 35px;
margin-left: 22px;
color: #ff6431;
/*
text-align: center;
color: #0048ff;
 #284F0E; */
font: 25px Verdana, Arial, Helvetica, sans-serif;
background: url(images/question.gif) no-repeat 10px 10px;
}

/* Bold text. */

b{
 font-weight: bold;

}


/* The list ('li') holder. */

ul{
 background-color: #fff;
}


/* Lists. */

li{
 margin: 0 0 0 5px;
 padding: 0;
}


a{
 color: #000;
 font-weight: bold;
 text-decoration: underline;
}


/* Same as above, exept this is the hover (mouse-over) effect. */

a:hover{
 color: #3E515E;
 text-decoration: none;
}



a:active.orderlink,a:link.orderlink, a:visited.orderlink 
{
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 text-decoration: underline;
 }

a:hover.orderlink  {
color: #F0494E;
 text-decoration: none;
}


.myBox
{
/*
font: 15px Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
*/  
    margin: 0 auto;
    width: 85%;
    padding: 10px;
    
    text-align: left;
    background-color: #49a2f0;
    border: 5px solid #badaff;
     font-weight: bold;
    /*
    background-image: url(back_test2.jpg);
    background-repeat: no-repeat;
    */
}


.myBox
{
/*
font: 15px Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
*/  
    margin: 0 auto;
    width: 85%;
    padding: 10px;
    
    text-align: left;
    background-color: #49a2f0;
    border: 5px solid #badaff;
     font-weight: bold;
    /*
    background-image: url(back_test2.jpg);
    background-repeat: no-repeat;
    */
}


.myboxorder
{
/*
font: 15px Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
*/  
    margin: 0 auto;
    width: 85%;
    padding: 10px;
    
    text-align: left;
    background-color: #49a2f0;
    border: 5px solid #badaff;
     font-weight: bold;
    /*
    background-image: url(back_test2.jpg);
    background-repeat: no-repeat;
    */
}


.order table {

border: 0px solid #D4E0EE;
border-collapse: collapse;
/*	font-family: "Trebuchet MS", Arial, sans-serif; */
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #000;
}
.order tbody tr {  border: 0px solid #D4E0EE; }

.order table, th, td {
	border: 0px solid #D4E0EE;
	border-collapse: collapse;
}

.num{
font-size: 18px;
color: 	#606060 ;
}

.red{
font-size: 14px;
color: #990000;
}

.red1{
font-size: 16px;
color: #900000 ;
font-weight: bolder;
}

.red2{
font-size: 18px;
color: #990000 ;
font-weight: bolder;
}



.cash
{
color:#339933;
}

.yellow{
font-size: 15px;
color: #424647;
font-weight: bolder;
}