/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
        text-align:center; 
	    background-color: #ffffff;
  
        
	}
    
    #container
    { 
    margin: 0 auto;
    width: 899px;
    text-align: left;
    
    
    }
    
	a {
		color:#004669;
        text-decoration:none;
        font-family:Arial;

	}
	a:hover {
		color:#004669;
		text-decoration:underline;
        font-family:Arial;

	}
	
    h1  {
	    margin-left:50px;
        margin-right:50px;
        margin-bottom:0.5em;
		padding:0;
        color:#3C5158;
        font-size: 1.5em;
        font-family:Tahoma;
        text-align:left;
	}
    
    h2  {
		margin-left:50px;
        margin-right:50px;
        margin-bottom:0.5em;
		padding:0;
        color:#808080;
        font-size:1.2em;
        font-family:Tahoma;
        text-align:center;
        font-weight:bolder;
	}
    
    h3  {
		margin-left:50px;
        margin-right:50px;
        margin-bottom:1em;
		padding:0;
        color:#3C5158;
        font-size: 1.0em;
        font-family:Arial;
        text-align:center;
	}
    
    h4  {
		margin-left:50px;
        margin-right:50px;
        margin-bottom:0.80em;
		padding:0;
        color:#3C5158;
        font-family:Arial;
        font-size:1.2em;
        text-align:center;
	}
    
    h5  {
		margin-left:50px;
        margin-right:50px;
        margin-bottom:0.60em;
		padding:0;
        color:#3C5158;
        font-family:Arial;
        font-size:1.0em;
 
	}
	p {
		margin: 1.5em 50px 1.5em 50px;
		padding:0;
        line-height:1.5em;
        font-family:Arial;
        font-size:10pt;
        text-align:left;
        color:#525252;
	}
    
	
    
    ul.arrow 
    {
    margin: 0 0 0 25px; 
    list-style-type:none;
    }
  
    ul.arrow li 
    {
    padding-left: 25px; 
    background: url(../images/go.png) 0 0 no-repeat; 
    margin: 0 0 5px;
    }
    
    ul.tick 
    {
    margin: 0 0 0 25px; 
    list-style-type:none;
    }
  
    ul.tick li 
    {
    padding-left: 25px; 
    background: url(../images/tick.png) 0 0 no-repeat; 
    margin: 0 0 5px;
    }
    
    
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
        background: url(../images/GOY_logo.png) no-repeat top right;
        background-color: #ffffff;
        
	}
    
   
    

	
	#header h1{
    text-align:right;
    font-size:medium;
    margin-right:12px;
    color:#3C5158;
     }
     
    
    
    #header a {
    color:#3C5158;
     }
     
     #header a:hover {
	 color:#3C5158;
	 text-decoration:underline;
    }
     
    #header p,
    #header h3,
    #header h4,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header ul {
		clear:both;
		float:left;
		width:100%;
		list-style:none;
		background:#EFEFEF;
		margin:0;
		padding:0;
		text-align:right;
        border:1px solid #808080;
       
	}
	#header ul li {
		display:inline;
		list-style:neeeone;
        margin:0;
		padding:0;
        
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 0px;
		padding:7px 10px;
		text-align:center;
		background:#ffffff;
		color:#3C5158;
		text-decoration:none;
		position:relative;
		left:1px;
		line-height:1.2em;
        border-right:1px solid #808080;
	}
	#header ul li a:hover {
		color:#3C5158;
        background:#EFEFEF;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#3C5158;
		font-weight:bold;
        background-color:#EFEFEF;
	}
	#header ul li a span {
		display:block;
	}
    
	 
    /* Horizontal Divider Line (can also be used as a block of rectangle to contain text. Just change the top padding value) */
	#layoutdims 
    {
		clear:both;
		background:#fff;
		border-top:1px solid #808080;
		margin:0;
		padding:0 15px !important;
	}
    
        
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
        clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 0 0;
		overflow:hidden;
	}
	
    
    
    /* 2 Column (double page) settings */
	.doublepage {
		background:#fff;		/* right column background colour */
	}
	.doublepage .colleft {
		right:50%;			/* right column width */
		background:#fff;		/* left column background colour */
	}
	.doublepage .col1 {
		width:46%;			/* left column content width (column width minus left and right padding) */
		left:52%;			/* right column width plus left column left padding */
	}
	.doublepage .col2 {
		width:46%;			/* right column content width (column width minus left and right padding) */
		left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	
    
    
    
    /* 2 Column (right menu) settings */
	.rightmenu {
		background:#ffffff;		/* right column background colour */
	}
	.rightmenu .colleft {
		right:25%;			/* right column width */
		background:#fff;		/* left column background colour */
	}
	.rightmenu .col1 {
		width:71%;			/* left column content width (left column width minus left and right padding) */
		left:27%;			/* (right column width) plus (left column left padding) */
	}
	.rightmenu .col2 {
		width:21%;			/* right column content width (right column width minus left and right padding) */
		left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
    
    
    /* 3 Column settings */
	.threecol {
		background:#5A6257;		/* right column background colour */
	}
	.threecol .colmid {
		right:20%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:60%;			/* width of the middle column */
		background:#5A6257;	/* left column background colour */
        
	}
	.threecol .col1 {
		width:56%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:18%;			/* Width of left column content (column width minus padding on either side) */
		left:25%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:18%;			/* Width of right column content (column width minus padding on either side) */
		left:87%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
    
    .top {
     background:#5A6257;		/* top background colour */
     }
     
     .bottom {
     background:#5A6257;		/* bottom background colour */
      }
    
    /* Full page settings */
	.fullpage {
		background:#fff;		/* page background colour */
        
	}
	.fullpage .col1 {
		width:96%;			/* page width minus left and right padding */
		left:2%;			/* page left padding */
	}
    
    
    /* Footer styles */
	#footer {
	    
        clear:both;
		float:left;
        text-align:center;
		width:100%;
        font-size:small;
        border-top: #666666 1px solid;
        
	}
	#footer p {
		text-align:center;
        padding:10px;
		margin:0;
	}
    
    
    
    
    
   
    
   
  
 /* Main Content Text Formating */
  
  #main_text
  { 
  background-color: ##E8E8E8;
  overflow:hidden;		/* This chops off any overhanging divs */
  padding-top: 1px; 
  display:block; 
  position:relative;  
  }
  
  
  
  #main_text ul.gear 
  {
  margin: 0 0 0 25px; 
  list-style-type:none;
  }
  
  #main_text ul.gear li 
  {
  padding-left: 25px; 
  background: url(../images/gear.png) 0 0 no-repeat; 
  margin: 0 0 5px;
  }
  
 
  
   /* Other Elements' Formatting */
   
   /* Attention Box Formatting */

   #attention_box
   { 
    margin:10px auto;
    width:95%;
    padding:2px;
    background-color:#FFF0A6;
    border:#808080 1px dotted;
    
   }
    
    /* Guarantee Box Formatting */
    #guarantee_box { 
    margin:10px auto;
    font-family:Tahoma;
    width:70%;
    text-align:center;
    padding:10px;
    background-color:#ffffff;
    border:2px;
    border-color:#000000;
    border-style:solid;
    }
    
    #guarantee_box p
    {
    font-family:Arial;
    font-size:4;
    }
    
    /* Order Form Formatting */
    
    #order_form
    { 
    margin:12px;
    border: 6px dashed #808080;
    background: #efefef;
	padding:0;
    
    }
    
    #order_form p
    
    { 
    margin: 1.5em 100px 1.5em 100px;
    line-height:1.5em;
    text-align:left;
    color:#525252;
    font-family:Arial;
    font-size:12pt;
    
    }
    
    #order_form h1
    
    { 
    text-align: center;
    }
    
    /* Testimonial Box Formatting */
    #testimonial_box { 
    margin:10px auto;
    font-family:Tahoma;
    width:80%;
    text-align:left;
    padding:10px;
    background-color:#ffffff;
    border:none;
    border-color:none;
    border-style:none;
    }
    
    #testimonial_box p
    {
    font-family:Arial;
    font-size:4;
    font-style:italic;
    }
    
    #testimonial_box img
    {
    float:left;
    margin: 12px;
    border:#000000 1px solid;
    }
    
   
   /* Calculation Box Formatting */

   #calc_box
   { 
     margin:10px auto;
   
    width:70%;
    padding:10px;
    background-color:#FEFFE0;
    border:#000000 1px dotted;
    
   }
   
    /* Salesletter Box Formatting */
   
   #salesletter
    { 
    border: 1px solid #808080;
	margin:12px;
    padding:0;
    
    }
    
    #salesletter p
    
    { 
    margin: 1.5em 100px 1.5em 100px;
    line-height:1.5em;
    text-align:left;
    color:#525252;
    font-family:Arial;
    font-size:12pt;
    
    }
    
    #salesletter h1
    
    { 
    text-align: center;
    }

        
    /* Grey Horizontal Line */
     hr 
     {
     border: 0;
     color: #CCCCCC;
     background-color: #CCCCCC;
     height: 1px;
     margin: 12px 0px 0px 12px;
     text-align:center;
     } 
    
    /* Grey Vertical Line on the left - White Background */
    
        #verti_line {
		display:block;
		float:left;
		background:#fff;
		border-left:1px solid #CCCCCC;
        margin:0;
		padding-left: 12px;
        padding-right: 12px;
	
	}

    /* White Vertical Line on both sides- Grey Background */
        #verti_line2 
        {
		display:block;
		float:left;
		background:#464646;
		border-left:1px dotted #ffffff;
        border-right:1px dotted #ffffff;
        margin:0;
        padding-left: 12px;
        padding-right: 12px;
	    }
    
    /* Grey Vertical Line on the right - White Background */
    
        #verti_line3 
        {
		display:block;
		float:left;
		background:#fff;
		border-right:1px solid #BEBEBE;
        margin:0;
		padding-left: 12px;
        padding-right: 12px;
	
	}
    /* Formatting for creating a caption text and box around an image */
    .picture 
    { 
    background-color: #F9F9F9;
    border: 1px solid #CCCCCC; padding: 3px;
    font: 11px/1.4em Arial, sans-serif; 
    }
    
    .picture img 
    { 
    border: 1px solid #CCCCCC;
    vertical-align:middle; 
    margin-bottom: 3px; 
    }
    
    .right 
    { 
    margin: 0.5em 0pt 0.5em 0.8em; 
    float:right; 
    }
    
    .left 
    { 
    margin: 0.5em 0.8em 0.5em 0; 
    float:left; 
    }
    
    
    /* Create item listing such as in a Product and Services Page */
    
    #product_list
    {
       
    }
    
    #product_list h4,
    #product_list p,
    {
    margin-left:25px;
    margin-right:25px;
    padding-left:12px;
    padding-right:12px; 
    }
    
    #product_list img
    {
    float:left;
    margin-left:25px;
    margin-right:25px;
    }
    
    /* Thumbnail Formatting */

    .thumbs img
    {
    
    text-align:center;
    padding:1px;
    margin:3px 3px 3px 3px;
    border:1px solid #CCCCCC;
    background:none;
    }
    
    .thumbs img:hover
    {
    border:1px solid #004669; 
    background:none;
    }
    
    #text
    { 
    margin: 1.5em 50px 1.5em 12px;
	padding:0;
    line-height:1.5em;
    font-family:Arial;
    font-size:12pt;
    text-align:justify;
    color:#525252;
    }
    
    
    /* Table Formatting */
    
    #mytable {
	width: 800px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 800px;	 
	font: italic 10pt Arial;
	text-align: right;
}

th {
	font: bold 10pt Arial;
	color: #525252;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 0px;
	text-transform: none;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #EFEFEF;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	font: 10pt Arial;
    border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #ffffff;
	font: bold 10pt Arial;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #F5FAFA;
	font: bold 10pt Arial;
	
}

/* Big Button Formatting */      
      
.big_button
{
position: relative;
font-family: Arial;
background: #ffffff;
white-space: nowrap;
display: block;
width: 269px;
height: 35px;
margin: 1.5em 50px 1.5em 50px;
padding: 0;
}

.big_button a
{
display: block;
color: #ffffff;
font-size: 12pt;
font-weight:bold;
width: 269px;
height: 35px;
display: block;
float: left;
text-decoration: none;
}

.big_button img
{
width: 269px;
height: 35px;
border: 0
}

.big_button a:hover img
{
visibility:visible;
cursor: pointer;
}

.big_button span
{
position: absolute;
left: 25px; /* This positions the button text relative to the button image*/
top: 7px; /* This positions the button text relative to the button image*/
margin: 0px;
padding: 0px;
cursor: pointer;
}


/* Medium Button Formatting */      
      
.med_button
{
position: relative;
font-family: Arial;
background: #ffffff;
white-space: nowrap;
display: block;
width: 169px;
height: 25px;
margin: 1.5em 50px 1.5em 50px;
padding: 0;
}

.med_button a
{
display: block;
color: #ffffff;
font-size: 12pt;
font-weight:bold;
width: 169px;
height: 25px;
display: block;
float: left;
text-decoration: none;
}

.med_button img
{
width: 169px;
height: 25px;
border: 0
}

.med_button a:hover img
{
visibility:visible;
cursor: pointer;
}

.med_button span
{
position: absolute;
left: 25px; /* This positions the button text relative to the button image*/
top: 3px; /* This positions the button text relative to the button image*/
margin: 0px;
padding: 0px;
cursor: pointer;
}  


/* Small Button Formatting */      
      
.small_button
{
position: relative;
font-family: Arial;
background: #ffffff;
white-space: nowrap;
display: block;
width: 122px;
height: 18px;
margin: 1.5em 50px 1.5em 50px;
padding: 0;
}

.small_button a
{
display: block;
color: #ffffff;
font-size: 10pt;
font-weight:bold;
width: 122px;
height: 18px;
display: block;
float: left;
text-decoration: none;
}

.small_button img
{
width: 122px;
height: 18px;
border: 0
}

.small_button a:hover img
{
visibility:visible;
cursor: pointer;
}

.small_button span
{
position: absolute;
left: 18px; /* This positions the button text relative to the button image*/
top: 1px; /* This positions the button text relative to the button image*/
margin: 0px;
padding: 0px;
cursor: pointer;