﻿



/* DEFAULTS
----------------------------------------------------------*/
.menus_right{
     
                    background:#6429C4;


 color:#fff;border-radius:0 0 8px 8px;
                -moz-border-radius: 0 0 8px 8px;
                -webkit-border-radius:0 0 8px 8px; 


 margin-top:0px;
             padding:0 10px 10px 10px; 
    }
    
body   
{
    background: #fff;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #333;
}

a:link, a:visited
{
    color: #DBBEFA; text-decoration: none;
}

a:hover
{
    color: #fff;
    text-decoration: underline;
}

a:active
{
    color: #DBBEFA; text-decoration: none;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #333;
   
    text-transform: none;
  
    margin-bottom: 0px;
}

h1
{
    font-size: 2.6em;
    padding: 10px 10px 10px 0;
    margin: 0px;  font-weight:400;
}
h2
{
    font-size: 20px;
    color:#451E85; padding:0 5px 0 5px; margin:0px;
    
    }
.h2
{
    font-size: 15px;
    color:#fff; background: -moz-linear-gradient(top,  rgba(76,43,130,1) 0%, rgba(89,40,167,1) 97%, rgba(89,40,168,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,43,130,1)), color-stop(97%,rgba(89,40,167,1)), color-stop(100%,rgba(89,40,168,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(76,43,130,1) 0%,rgba(89,40,167,1) 97%,rgba(89,40,168,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(76,43,130,1) 0%,rgba(89,40,167,1) 97%,rgba(89,40,168,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(76,43,130,1) 0%,rgba(89,40,167,1) 97%,rgba(89,40,168,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(76,43,130,1) 0%,rgba(89,40,167,1) 97%,rgba(89,40,168,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c2b82', endColorstr='#805928a8',GradientType=0 ); /* IE6-9 */


 padding:6px 0 6px 10px;  border-radius: 8px;
                -moz-border-radius: 8px;
                -webkit-border-radius:8px; 
    
    
}

h3
{
    font-size: 1.1em;margin:0px; 
}

h4
{
    font-size: 1.5em;margin:0px;width:620px;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 



<div class="container">
<div id="navigation_vert">
<ul>
<li> <a href="" class="navlink">List Item</a>
<div class="dropdown" id="dropdown_four">
<p><a href="#">This is a Link</a></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin blandit sodales justo, id fringilla eros dapibus vitae. Morbi molestie enim diam, a vulputate neque. Morbi sit amet nunc id quam mollis aliquet. Donec sed massa justo, ut congue enim. Praesent lobortis viverra dolor commodo euismod. </p>
</div>
<!-- .dropdown_menu --> 
</li>
<li> <a href="" class="navlink">List Item</a>
<div class="dropdown" id="dropdown_five">
<p><a href="#">This is a Link</a></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin blandit sodales justo, id fringilla eros dapibus vitae. Morbi molestie enim diam, a vulputate neque. Morbi sit amet nunc id quam mollis aliquet. Donec sed massa justo, ut congue enim. Praesent lobortis viverra dolor commodo euismod. </p>
</div>
<!-- .dropdown_menu --> 
</li>
<li><a href="" class="navlink">List Item</a></li>
<li> <a href="" class="navlink">List Item</a>
<div class="dropdown" id="dropdown_six">
<p><a href="#">This is a Link</a></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin blandit sodales justo, id fringilla eros dapibus vitae. Morbi molestie enim diam, a vulputate neque. Morbi sit amet nunc id quam mollis aliquet. Donec sed massa justo, ut congue enim. Praesent lobortis viverra dolor commodo euismod. </p>
</div>
<!-- .dropdown_menu --> 
</li>
</ul>
</div>
<!-- #navigation_vert --> 

</div>





first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

 .modalBackground
    { 
        background-color: Black;
        filter: alpha(opacity=90);
        opacity: 0.8;
    }
    .modalPopup
    {
         
       border-width: 3px;
        border-style: solid;
      background-color:#fff;
        padding-top: 0px;
        padding-left: 0px;
        width: 860px; z-index:999;
        height: 425px;
    }
    .modalPopup1
    {
        border-width: 3px;
        border-style: solid;
      background-color:#fff;
        padding-top: 10px;
        padding-left: 10px;
        width: 1000px;
        height: 500px;
    }
    .modalPopup2
    {
       
        width: 860px; 
        height: 270px;
    }
    .closer1 { 
		position: absolute;
top: -5px;
border: 0px;
right: -5px;margin:0px; padding:0px;
width: 22px;
height: 22px;
background: url(../images/window-close.png) no-repeat;
		
		}
		.modalPopup-new
    {
        
       border-width: 3px;
        border-style: solid;
      background-color:#fff;
         margin:0px; padding:0px;
        width: 900px;
        height: 485px;
    }
.page
{
    width: 960px;
   
    margin: 0px auto 0px auto; padding:0px;  
    
}


.body2
{
 width:100%;
      color: #fff; 
  background: transparent url(../images/nav-span-background.png) repeat-x;




z-index: 11;
  padding:0 0 0 0; margin:0px;  position:absolute; bottom:0px; min-height:40px; border-bottom:solid 5px #f79900;
    }
    .body3
{
    width:100%;
      color: #fff; 
      background: #492585 ;
 height:130px;  padding:0;margin:0px;  position:relative;
 
    
 
    }
    .body_bottom
{ border-bottom:solid 5px #222;
    width:100%;
      color: #fff; 
      background: #240557;
 padding:0;margin:0px;  position:relative;
 
    
 
    }
   .body_bottom #image_slider img
   {
       border:solid 5px #655782;
     
       }
    
.answer {
    display:none; 
}
 
  dl,dt,dd{padding:0;margin:0 0 6px 0}
		.faqs{padding-top:6px}
		.faqs dt{font-weight:bold;background:url(../images/q.gif) 0 4px no-repeat;padding:5px 0 6px 30px;position:relative;}
		.faqs dt:hover{cursor:pointer}
		.faqs dd{background:url(../images/a.gif) 0 2px no-repeat;padding:0 0 6px 30px;position:relative;color:#333; text-align:justify;}
		.faqs .hover{color:#990000;text-decoration:underline}
		
		
		select,option
		{ width:95%;
max-width: 100%;
height: auto; 
margin: 0;
padding: 0 2% 1% 0%;

border-radius: 8px;
                -moz-border-radius: 8px;
                -webkit-border-radius:8px; 
line-height: normal;
vertical-align: middle;
		    }
		    input
		    {
		        width:90%;
max-width: 100%;
height: auto; 
margin: 0;
padding: 0 2% 1% 0%;

border-radius: 8px;
                -moz-border-radius: 8px;
                -webkit-border-radius:8px; 
line-height: normal;
vertical-align: middle;
		        }
		    
.logo_image { 
text-decoration:none; border:0px;  height:50px;   width:165px; min-height:70px;

background: url(../images/purple_logo.png) no-repeat;  padding:0px 0 0 10px; float:left; margin-top:20px;
}

		    
		    
		 .callus
		 {  letter-spacing:1px;
		       top:0px; position:absolute; right:0px; color:#fff; 
		     
		     }
		     
.btnOkay_form { 
cursor: pointer; width:150px;
text-transform: uppercase;
-moz-box-shadow: inset 0px 1px 0px 0px #a4e271;
-webkit-box-shadow: inset 0px 1px 0px 0px #a4e271;
box-shadow: inset 0px 1px 0px 0px #a4e271;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #aee432), color-stop(1, #7cb005));
background: -moz-linear-gradient(top, #aee432 5%, #7cb005 100%);
background: -webkit-linear-gradient(top, #aee432 5%, #7cb005 100%);
background: -o-linear-gradient(top, #aee432 5%, #7cb005 100%);
background: -ms-linear-gradient(top, #aee432 5%, #7cb005 100%);
background: linear-gradient(to bottom, #aee432 5%, #7cb005 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aee432', endColorstr='#7cb005',GradientType=0);
background-color: #7cb005;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #74b807; letter-spacing:3px;
display: inline-block;
color: #ffffff;
  margin:8px 0 8px 0;
font-size: 15px;
font-weight: bold; padding:6px 0 3px 0;

text-decoration: none;
text-shadow: 0px 1px 0px #222;
    }
  .btnOkay_form:hover
    {  
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #84bd00), color-stop(1, #a2e605));
background: -moz-linear-gradient(top, #84bd00 5%, #a2e605 100%);
background: -webkit-linear-gradient(top, #84bd00 5%, #a2e605 100%);
background: -o-linear-gradient(top, #84bd00 5%, #a2e605 100%);
background: -ms-linear-gradient(top, #84bd00 5%, #a2e605 100%);
background: linear-gradient(to bottom, #84bd00 5%, #a2e605 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84bd00', endColorstr='#a2e605',GradientType=0);
background-color: #84bd00;
}

.error {
	position: absolute; width:100px;
	background: #38332a; color:#fff; padding:4px;
	filter: alpha(opacity=90);
        opacity: 0.8;line-height:1.2em;
}
.error:after, .error:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;color:#fff;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.error:after {
	border-color: rgba(56, 51, 42, 0);
	border-right-color: #38332a;
	border-width: 10px;
	top: 50%;color:#fff;
	margin-top: -10px;
}
.error:before {
	border-color: rgba(207, 204, 198, 0);
	border-right-color: #cfccc6;
	border-width: 10px;
	top: 50%;color:#fff;
	margin-top: -10px;
}

.footer
{ position:relative;
    background: #262428 url(../images/footer-background.jpg) top center;
    height: 260px;
 border-top:5px #222; color:#fff;
    }
    .footer .content {
width: 180px;
line-height: 2em;
float: left;
color:#DBBEFA;

margin: 0 12px 0 0;
}
.footer .footer_bottom
{
         position:absolute; bottom:0px; width:100%;
        background: url(../images/footer-bottom-overlay.png) repeat-x top center;
min-height: 60px;
padding-top: 20px;

}

.footer .content .Payment 
    { width:146px; height:97px;
         background: url(../images/payment_options_icons.png) no-repeat; margin:5px 0 10px 0px; padding-top:15px;
        
        }
.footer .content ul, .footer .content li, .footer .content div{ margin:0px 0 0 8px; padding:0px; list-style-type:circle;}
.footer .content h4 
{
    color:#fff; text-transform:uppercase; letter-spacing:1px; font-size:13px;
    margin-left: 0;
}


.content_box
{
     border:solid 1px #ddd; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

border-radius: 8px;
                -moz-border-radius: 8px;
                -webkit-border-radius:8px; padding:6px;
    margin:0px;
    }
    .content_box1
{ color:#fff; 
     min-height:160px;background: rgb(96,76,130); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(96,76,130,1) 0%, rgba(87,62,130,1) 48%, rgba(101,87,130,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,76,130,1)), color-stop(48%,rgba(87,62,130,1)), color-stop(100%,rgba(101,87,130,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(96,76,130,1) 0%,rgba(87,62,130,1) 48%,rgba(101,87,130,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(96,76,130,1) 0%,rgba(87,62,130,1) 48%,rgba(101,87,130,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(96,76,130,1) 0%,rgba(87,62,130,1) 48%,rgba(101,87,130,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(96,76,130,1) 0%,rgba(87,62,130,1) 48%,rgba(101,87,130,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#604c82', endColorstr='#655782',GradientType=0 ); /* IE6-9 */
 line-height:2.2em;
border-radius: 8px;
                -moz-border-radius: 8px;
                -webkit-border-radius:8px; padding:6px 5px 6px 12px;
    margin:0px;
    }

     @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 724px
      }
      
      .imageborder_big
      {
           border:solid 4px #655782;
          }
          
          .imageborder
          {-moz-box-shadow: 0px 1px 5px #666;
-webkit-box-shadow: 0px 1px 5px #666;
box-shadow: 0px 1px 5px #666;
              
              }
              
              
              .reqst_qt
              { width:100%; padding:7px 0 7px 0;
                   background:#240557;-moz-box-shadow: 0px 1px 5px #666;
-webkit-box-shadow: 0px 1px 5px #666;
box-shadow: 0px 1px 5px #666;

border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius:5px; 
                  }