/*================= INTERNET EXPLORER =================*/
.lt-ie8 .valpo_seo_package_wrapper {position: relative}

.lt-ie8 #st-accordion .st-accordion,
.lt-ie8 .st-accordion ul li {display: inline; zoom: 1;}

.lt-ie8 .st-accordion ul {zoom: 1;} 


.lt-ie8 .accordion_page_content {display: block; zoom: 1; position:relative}

.lt-ie8.st-accordion ul li >  a {display: block; zoom: 1;}

.lt-ie8 .st-accordion li li { float: none;display:block;}
.lt-ie8 #st-accordion .st-accordion li li a {
    position:relative;/*IE7 needs this*/
}

div.st-accordion ul li.active{/*border:1px solid green;*//*display:inline;*/}			
div.st-accordion ul li.inactive a img{/*border:1px solid green;*//*display:inline;*/}


.valpo_seo_main_column, .valpo_seo_columns {display: inline; zoom: 1\9; /* IE 8 and below */}

/*================= INTERNET EXPLORER =================*/



.valpo_welcome h1 {float: left}

.valpo_seo_main_column  {float:left;width:29%;margin:1%;}
.valpo_seo_columns  {float:left;width:21%;margin:1%;}

#packages_cont_main .valpo_86_column span, 
.valpo_seo_main_column .valpo_86_column span { font-family: 'LucidaGrandeBold', Arial, Helvetica, sans-serif; color: #414042; font-size: .95em; text-align: left; padding:5px; float: left}

.valpo_14_column {float:left;width:12%;margin:1%;}
.valpo_86_column {float:left; text-align: left;width:84%;margin:1%;}

/*------------*/#accordion_grid_cont_wrap {margin: -20px 0 20px -160px; overflow: hidden;}

.valpo_seo_package_wrapper { width:99%; max-width:980px; margin:30px auto;}
.accordion_page_content { float: left; text-align:left; margin: 10px auto; max-width:99%; border-bottom: 1px dashed #4b4a4a;}

.body_container .valpo_styles .st-accordion, .st-accordion { width:100%; max-width:960px; min-width:270px; margin: 0 auto;}

.st-accordion ul li { height: auto; overflow: hidden; min-height:30px; padding: 10px 0}/***padding: 10px 0***/

.st-accordion ul li > a,
#st-accordion .st-accordion ul li a.contentheading, li a.contentheading{
float: left; background: transparent url(../../images/redgrad.jpg); width: 920px; border-spacing: 10px 10px; padding:10px 15px;
color: #DEE6E6; font-size: 15px; text-transform: uppercase; cursor: pointer; position: relative;
}


/*Packages Container*/
#packages_cont_main {margin:2%; float: left; text-align: left}
#packages_cont_first, #packages_cont, #packages_cont_last {border-left: 1px dashed #4b4a4a; margin:2%; float: left;}
#packages_cont_empty {height: 42px ;border-right: 1px dashed #4b4a4a; margin:2%; float: left;}

.body_container .st-accordion ul li > a span,
.st-accordion ul li > a span{
	background: transparent url(../../images/details.png) no-repeat center center;
	text-indent:-9000px;
	width: 93px; height: 23px; position: absolute;
	top: 50%; right: -26px; margin-top: -12px; opacity:0;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}

.st-accordion a:link  {font-size:14px;font-family: 'QuicksandBook';color: #EB6025;}

.st-accordion ul li > a:hover, .st-accordion ul li > a, .st-accordion ul li a.contentheading { color: #DEE6E6;}
.st-accordion ul li > a:hover span {opacity:1; right: 10px;}
.st-accordion ul li.st-open > a{color: #DEE6E6;}

.st-accordion ul li.st-open > a span{
background: transparent url(../images/up-down.png) no-repeat center center; text-indent:-9000px; width: 25px; height: 24px; position: absolute; top: 50%; right: -26px; margin-top: -12px; opacity:0;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    transform:rotate(180deg); right:10px; opacity:1;
}
.st-content { padding: 10px 0px 10px 0px;}


.body_container .st-content p,
.st-content p{  font-size:  13px;  font-family: 'LucidaGrandeRegular'; line-height:  28px; padding: 10px 20px 10px 4px; }
.st-content img{ width:125px; border-right:1px solid #fff; border-bottom:1px solid #fff;}


/*Mobile Queries-----*/

@media only screen and (min-width: 0px) and (max-width: 1004px) {

.accordionEff h2 .contentheading a,
.st-accordion ul li, .st-accordion ul li,
.st-accordion ul li a, .st-accordion ul li > a:hover,
.body_container .st-accordion ul li > a, .st-accordion ul li > a {margin: auto; max-width:99%; float: left}
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
.valpo_seo_columns  {float:left;width:31%;margin:1%; float: left}
}

@media screen and (max-width: 479px) {
.valpo_seo_main_column,
#packages_cont_main  {margin: 1%; width:98%; float: left}
.valpo_seo_columns {margin: 1%; max-width:130px; float: left}
}


@media only screen and (min-width: 476px) and (max-width: 642px) { 
.valpo_seo_main_column {width: 98%; margin: 1%}

.valpo_14_column {float:left;width:12%;margin:1%;}
.valpo_86_column {float:left; text-align: left;width:84%;margin:1%;}

.valpo_seo_columns  {float:left;width:31%;margin:1%; float: left}
}

@media screen and (max-width: 320px){

.st-accordion ul li > a {font-size:13px;}

.valpo_seo_columns,  .valpo_seo_main_column  {margin: 1%; width:98%; float: left}
.accordion_page_content {font-size:80%; margin: 0px auto; max-width:99%}

#packages_cont_main,
#packages_cont_first,
#packages_cont,
#packages_cont_empty,
#packages_cont_last {border:0}
}

@media only screen and (min-width: 321px) and (max-width: 680px) { 

#packages_cont_main,
#packages_cont_first,
#packages_cont,
#packages_cont_empty,
#packages_cont_last, .spacer10tb {margin:2%;}

}

@media only screen and (min-width: 0px) and (max-width: 380px) { 
.valpo_seo_main_column, .valpo_seo_columns  {width: 98%; margin: 1%}
}

@media only screen and (min-width: 0px) and (max-width: 680px) { 

.valpo_seo_package_wrapper li.st-open a.contentheading,
.st-accordion li.st-open a.contentheading,
.st-accordion ul li.st-open > a {font-size:98%}

.valpo_seo_package_wrapper, #st-accordion .st-accordion {margin: 20px auto; width:99%}

.accordion_page_content,
.valpo_welcome, .body_container, .footer_container{ margin: 0px auto; width: 99%; }

.valpo_14_column  {margin: 1%; width:12%; float: left}
.valpo_86_column  {margin: 1%; width:84%; float: left}

.buy_now_button_silver a, .buy_now_button_bronze a, .buy_now_button a, #buttons_style a, #buttons_style a.active, #buttons_style a:link {font-size:100%}
#boxes .window {width: 98%; margin: auto}
}