﻿
/*---------------------Buying Guides----------------------------------*/
/*--------------------------------------------------------------------*/

#column-One {
/*width: 48%;*/
/*width: 280px;*/
float: left;
}

#column-Two {
/*width: 48%;*/
/*width: 280px;*/
float:right;
}

.panel {
    margin-bottom: -10px;
}

.panel-panel-buyGuide {
margin-bottom: 20px;
background-color: #ffffff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-buyGuide {
/*background: #f5f5f5;*/
background: #fff;
min-height: 350px;
height: 220px;
margin: 0 0 20px 0;
border-bottom: 1px solid #d1d1d1;
border-left: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1;
overflow:auto !important;
}

.panel-buyGuide h2 {
/*background: #e3f6cd url("http://www.selectscience.net/a/img/global/panel.gif") no-repeat 100% 0;*/
background: #f4f4f4;
border-bottom: 1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
/*color: #69a227;*/
color: #000;
font-weight: bold;
/*text-transform: uppercase;*/
font-size: 1.2em;
line-height: 1.2em;
padding: 10px 20px;
margin-top: 0;
/*overflow:auto;*/
}

.panel-buyGuideIndex {
/*background: #f5f5f5;*/
background: #fff;
min-height: 340px;
/*height: 220px;*/
margin: 0 0 20px 0;
border-bottom: 1px solid #d1d1d1;
border-left: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1;
/*overflow:auto !important;*/
}

.panel-buyGuideIndex h2 {
/*background: #e3f6cd url("http://www.selectscience.net/a/img/global/panel.gif") no-repeat 100% 0;*/
background: #f4f4f4;
border-bottom: 1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
/*color: #69a227;*/
color: #000;
font-weight: bold;
/*text-transform: uppercase;*/
font-size: 1.2em;
line-height: 1.2em;
padding: 10px 20px;
margin-top: 0;
/*overflow:auto;*/
}

.panel-buyGuide h2 a, .panel-buyGuideIndex h2 a{
    color: #000;
}

.panelContent-buyGuide {
border-top: 1px solid #fff;
padding: 10px 20px 0;
}

.panelContent {
    margin: 10px 10px 10px 20px;
}

.download-Guide a {
background: #fff;
color: #7a7a7a;
font-weight: bold;
/*text-transform: uppercase;*/
text-decoration: none;
padding: 8px 2px;
display: block;
border: 1px solid #d3d3d3;
line-height: 1em;
}

.actions li {
    margin: 15px 8px 0 0 !important;
}

.buyGuide-margin-less-button {
margin: -20px 0 20px 20px;
}

.buyGuide-margin-less-top-button {
margin: 0px 0 20px 20px;
}
.buyGuide-margin-button {
margin: 20px 0 20px 20px;
}

.buyGuide-margin-text {
margin: 20px 0 20px 10px;
}

.buyGuide-margin {
margin: 40px 0;
}

#sections a{
    color: #36b156;
    font-weight: bold;
}

.description a{
    color: #36b156;
    font-weight: bold;
}

/*p {
    font-size: 1.1em;
    line-height: 1.3em;
}*/

/**********************************************************************************************************************************/
/********************************** buyingGuidesIndex Media Query for Mobile Devices**********************************************/
/*********************************************************************************************************************************/

/************************************************************************************************/
/*              On responsive design - hide all images on responsive version                    */
/*                                                                                              */
/***********************************************************************************************/



@media (min-width: 1200px)  {
    .panel-buyGuide-Index {
        min-height: 300px !important;
  }
    /*.download-Guide-Index   {
        margin: 10px !important;
        width: 60% !important;
    }*/

    .download-Guide-Index a {
        float:left !important;
        min-width: 135px !important;
        /*font-size: 14px !important;*/
        margin-top: 55px !important;

    }

}


@media (max-width: 1200px)  {
 
        .download-Guide-Index a {
        margin-top: 60px !important;

    }

}


@media (min-width: 450px) and (max-width:476px)  {
 
        .download-Guide-Index a {

        /*font-size: 14px !important;*/
        min-width: 100px    !important;
        display: inline !important;
        padding: 12px 10px !important;

    }

}


/*@media (min-width: 992px) and (max-width:1200px) {
    .col-md-7 {
        width: 100% !important;
    }
}*/





/*@media (max-width: 992px){*/
@media (min-width: 768px) and (max-width:1200px) {

    .set-width {
  width: 100% !important;
}

   /*.panel-buyGuide-Index {
        min-height: 400px !important;
  }*/

       .download-Guide-Index   {
        width: 60% !important;
        /*margin-top: 10px;*/
    }
}

@media (min-width: 992px) and (max-width:1199px) {
   .panel-buyGuide-Index {
        min-height: 370px !important;
}
          .download-Guide-Index   {
        width: 75% !important;
        /*margin-top: 10px;*/
    }
}

@media (min-width: 768px) and (max-width:991px) {
   .panel-buyGuide-Index {
        min-height: 320px !important;
}
             .download-Guide-Index   {
        width: 65% !important;
    }
}

@media (min-width: 650px) and (max-width:767px) {
   .panel-buyGuide-Index {
        min-height: 360px !important;
}
}

@media (min-width: 570px) and (max-width:649px) {
   .panel-buyGuide-Index {
        min-height: 390px !important;
}
}

@media (min-width: 540px) and (max-width:569px) {
   .panel-buyGuide-Index {
        min-height: 450px !important;
}
}

@media (min-width: 500px) and (max-width:539px) {
   .panel-buyGuide-Index {
        min-height: 500px !important;
}
}

@media (min-width: 450px) and (max-width:499px) {
   .panel-buyGuide-Index {
        min-height: 540px !important;
}
}

/************************************************************************************************/
/*              On responsive design - "sections-hide" hide sections on responsive version        */
/*                                                                                              */
/***********************************************************************************************/

@media (max-width: 503px) {
#sections, .sections-hide  {
    display:none; 
}
}

@media (max-width: 503px) {
.hidden-img-name  {
    display:none; 
}
}

@media (min-width: 0px) and (max-width:449px) {
.buyingGuidesIndex-Mobile   {
    display:none;
}
}



@media (min-width: 450px) and (max-width: 9000px) {
.buyingGuidesIndexList-Mobile   {
    display:none; 
}
}

.buyingGuidesIndexList-Mobile    {
  padding: 1px 20px 20px 20px;
  margin: 10px 0 20px 0;
  background-color: #f4f4f4;
}

.panel-panel-buyGuide-Index {
margin-bottom: 20px;
background-color: #ffffff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-buyGuide-Index {
/*background: #f5f5f5;*/
background: #fff;
min-height: 450px;
/*height: 220px;*/
margin: 0 0 20px 0;
border-bottom: 1px solid #d1d1d1;
border-left: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1;
}

.panel-buyGuide-Index h2 {
/*background: #e3f6cd url("http://www.selectscience.net/a/img/global/panel.gif") no-repeat 100% 0;*/
background: #f4f4f4;
border-bottom: 1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
/*color: #69a227;*/
color: #000;
font-weight: bold;
/*text-transform: uppercase;*/
font-size: 1.2em;
line-height: 1.2em;
padding: 10px 20px;
}

.panel-buyGuide-Index h2 a{
    color: #000;
}

.panelContent-buyGuide-Index {
/*border-top: 1px solid #fff;*/
/*padding: 10px 20px 0;*/
padding: -10px 0 0 0;
}

.panelContent-Index {
    margin: 10px 10px 10px 20px;
}

/*.download-Guide-Index a {
background: #fff;
color: #7a7a7a;
font-weight: bold;
text-decoration: none;
padding: 8px 2px;
display: block;
border: 1px solid #d3d3d3;
line-height: 1em;
margin-top: 10px;
}*/

.download-Guide-Index a {
  background-color: #36b156;
  border: none;
  /*-webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;*/
  /*transition: all 0.3s ease-in-out;*/
  color: #fff;
  padding: 12px 20px;
  margin-top: 20px;
  font-size: 16px;
  text-align: center;
  float: none;
}

.download-Guide-Index a:hover   {
    background-color:#2b994b !important;
    color: #fff !important;
    text-decoration: underline;
    
}

.nav-submenu-list-title {
  font-weight: bold;
  color: #2c9e57;
}
/*.nav-submenu-list {
  list-style-type: none;
  padding-left: 0px;
}*/

.nav-submenu-list ul{
  list-style-type: none;
  padding-left: 0px;
}
.nav-submenu-list li {
  margin-bottom: 5px;
}
.nav-submenu-list li a {
  color: #000!important;
}
.nav-submenu-list li a:hover {
  color: #2c9e57 !important;
  text-decoration: underline;
}
.nav-submenu-list--no-title {
  margin: 42px 0 20px!important;
}

/*****************************************************/
/******************end buyingGuidesIndex *************/
/*****************************************************/

/**********************************************************************************************************************************/
/********************************** buyingGuides pages Media Query for Mobile Devices**********************************************/
/*********************************************************************************************************************************/

/************************************************************************************************/
/*                                         responsive version                                    */
/*                                                                                              */
/***********************************************************************************************/

@media (max-width: 302px)  {
 
.button--cta {

  font-size: 12px!important;

}

}


@media (max-width: 275px)  {
 
.button--cta {

  font-size: 10px!important;
  line-height:normal;
}

}


@media (max-width: 247px)  {
 
.button--cta {

  font-size: 9px!important;
  line-height:normal;
}

}

@media (max-width: 239px)  {
 
.button--cta {

  font-size: 7px!important;
  line-height:normal;
  padding: 12px 10px;
}


}


/* Overview						                    */

/*@media (max-width: 994px)  {
 
#overview {

  min-height: 300px;
}

}*/

#overview a{

    color: #ffffff;
  font-weight: bold;

}


	#overview-long-text {
	/*background: #f4f4f4;*/
    padding: 0 0 20px 0;
    margin: 0 0 20px;
    overflow: auto;
    /*min-height: 300px;*/
	}



	#overview {
	/*background: #f4f4f4;*/
    padding: 0 0 20px 0;
    margin: 0 0 20px;
    /*min-height: 230px;*/
    overflow:auto;
	}

    #overview-buyingGuidesIndex {
	/*background: #f4f4f4;*/
    padding: 0 20px 0px 20px;
    margin: 0 0 20px;
	}

		#overview h2, #overview-long-text h2 {
			/*padding: 6px 0;
			width: 560px;
			line-height:19px;*/
		}
        #overview h3, #overview-long-text h3 
        {
            font-size:12px;
			float: left;
			position:absolute;
		}

        .addSpace   {
            margin: 40px 10px 40px 10px;
        }

        /******************************************* End ****************************************************/
/*--------------------------------------------------*/

        /*--------------------------------------------------*/


/*--------------------------------------------------*/


/*--------------------------------------------------*/
/* Buyers guide					                    */

	#sections .panel-buyGuide {
		margin-bottom: 10px;
	}

		#sections .panel-buyGuide h3 {
			text-decoration: underline;
			padding: 0;
			border-bottom: 1px solid #c1dda1;
		}
		
			#sections .panel-buyGuide h3.open {
				border-bottom: 1px solid #d1d1d1;
			}

			#sections h3 span {
				background: url("http://www.selectscience.net/images/icons/controls_new.png") no-repeat 98% 8px;
				display: block;
				padding: 10px 20px;
                font-size: 1.27em;
                line-height:normal;
			}

				#sections h3.hover span {
					background-position: 98% -92px;
				}

				#sections h3.open span {
					background-position: 98% -192px;
				}

					#sections h3.open.hover span {
						background-position: 98% -292px;
					}
					
	
	#sections h3 
	{
	    /*background: #e3f6cd url("../../img/global/panel.gif") no-repeat 100% 0;*/
                    background: #f4f4f4;
					border-bottom: 1px solid #d1d1d1;
					/*color: #69a227;*/
					font-weight: bold;
					/*text-transform: uppercase;*/
					font-size: 1em;
					line-height: 1em;
					padding: 10px 0;
	}
	
	
	
	
	/*--------------------------------------------------*/
	/* Picks	
	*/

    @media (min-width:504px)  {
 
        #picks {
        min-height: 80px !important;

    }

}

        /*@media (max-width: 493px) and (max-width: 502px)  {
 
        #picks {
        min-height: 80px !important;
        padding: 20px 10px 0 20px !important;
    }
}*/

        @media (max-width: 503px)  {
 
        #picks {
        min-height: 63px !important;
        padding: 5px 10px 30px 20px !important;
    }
}

		#picks {
			background: #f4f4f4;
			padding: 10px 20px;
			margin: 20px 0;
		}

			#picks h2 {
				/*color: #8fb95e;*/
				font-size: 1.27em;
				float: left;
				padding: 6px 0 0;
                margin: 13px 0 0 0;
			}

			#picks div {
				float: right;
				width: 300px;
				text-align: right;
			}

				#picks img {
					float: right;
					margin: -20px 0 -20px 10px;
					position: relative;
					border: 2px solid #fff;
				}

				#picks h3 {
					font-size: 1em;
					padding: 0;
				}

				#picks p {
					padding: 0;
					font-style: italic;
				}

	/*--------------------------------------------------*/
	/* Products						                    */

		.panel-buyGuide img {
			float: left;
			/*border: 1px solid #97c166;*/
			margin: 0 12px 12px 1px;
		}

		.panel-buyGuide .more {
			float: left;
            padding: 0 5px;

		}

.more a {

    text-transform: none;
}

		.panel-buyGuide .description {
			float: right;
            width: 45%;
			/*width: 140px;*/
		}

		.panel-buyGuide .rating {
			background: url("https://www.selectscience.net/a/img/home/stars.png") no-repeat 0 1px;
			height: 15px;
			width: 60px;
			margin: 0 8px 0 0;
			float: none;
			display: block;
		}

 			.panel-buyGuide .rated1 {
				background-position: -48px 1px;
			}

 			.panel-buyGuide .rated2 {
				background-position: -35px 1px;
			}

 			.panel-buyGuide .rated3 {
				background-position: -22px 1px;
			}

 			.panel-buyGuide .rated4 {
				background-position: -11px 1px;
			}

 			.panel-buyGuide .rated5 {
				background-position: 0 1px;
			}

/*--------------------------------------------------*/
/* CSS Triangle					                    */

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-bottom: 5px solid black;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	
	border-top: 20px solid #f00;
}

/*.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	
	border-left: 10px solid green;
}*/

.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	
	border-right:10px solid blue; 
}

.arrow-right
{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #007bff;
    margin: 0 20px 0 0;
}

.arrow-rectangle {
  border-top: 6px solid green;
  border-left: 28px solid green;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.arrow-triangle {
  border-top: 10px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid green;
  display: inline-block;
  position: relative;
  left: -4px;
  vertical-align: middle;
}



#right-triangle {
   width: 0;
   height: 0;
   border-left: 10px solid blue;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
}

.arrow-text
{
    margin: 40px 0;
}

.arrow-text a
{
    color: #69a227;
    font-size: 1.6em;
    font-weight:bold;

}

#buyingHeader
{
    font-size: 1.2em;
}

.buyingHeader
{
    font-size: 1.2em;
}

a.at-share-btn {color:white !important;}
