/* FONTS */

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), url("/fonts/roboto-light.woff") format("woff");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url("/fonts/roboto-regular.woff") format("woff");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url("/fonts/roboto-medium.woff") format("woff");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url("/fonts/roboto-bold.woff") format("woff");
}


body{
	padding:0;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
form{
	margin:0;
}

body,div,input{
	color:#000000;
	margin:0;
}
a{
	color:#00438E;
}
a:hover{
	color:#4888CB;
}
p{
	margin-top: 0px;
	margin-bottom: 12px;
}
img{
	border:0;
	padding:0;
	margin:0;
}
.product select
{
	font-size: 13px;
}
.product option
{
	font-size: 13px;
}
.quiztable {
	border:1px solid #98CAE3;
	border-collapse: collapse;
}
.quiztableTd {
	padding:5px;
	border:1px solid #98CAE3;
	border-collapse: collapse;
	font-size:16px;
}
.quiztablespan {
	border:1px solid #98CAE3;
	border-top: 0;
	border-collapse: collapse;
}

.quiztablespan table
{
	padding:10px;
}

.quiz .space {
	margin:10px;
}
.bg{
	background-image:url(img/left_bg.gif);
	background-repeat:repeat-y;
}
.bg_in{
	display: table;
}

.icon, .text .icon{
	margin : 0;
	padding:5px;
	padding-top:0px;
	padding-left:0px;
}

.iconCentered{
	float:none;
	display:block;
	margin:0 auto;
	padding: 5px 0 2px 0;
}
.fl{
	 float:left;
}
.fr{
	 float:right;	 
}
.cl{
	 clear:both;
}
/*format styles*/
.wrapper{	
	width:950px;
	margin:0 auto 0 auto;
	text-align:justify;
}
.head{
	height:80px;
	width:732px;
	background-image:url('img/logo-bg.png');
	background-repeat:repeat-x;
	margin:0 3px 1px 0;
}
.search{
	background-image:url('img/search_bg.gif');
	background-repeat:repeat-x;
	width:185px;
	padding:5px 0 0 30px;
}
.search .art{
	font-weight:bold;
	color:#00326D;
	margin-bottom:5px;
}
.w150{
	width:150px;
	margin-bottom:5px;
}
.search .button{
	margin:0 0 4px 80px;
}
.rel{
	position:relative;
}

.right .title {
	text-align:center; 
	color:#624005;
	padding: 0 0 5px 0; 
	font-family: Roboto,Arial,Helvetica,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
}

.bottom{
}

#footer{
	background-color : #274c75;
	/* background-color : #d7dee6; */
	color: #aabcd1;
	text-align:center;
	font-size:13px;
	margin-top:20px;
	padding-bottom:15px;
	width:100%;
}

#footer a{
	/* font-weight:bold; */	
	color: #fff;
	/* text-decoration:none; */
	padding-right:20px;
}

#footerLinks {
	
	padding:15px;
}

#youAreHere{
	font-family: Roboto;
	font-weight:400;
	font-size: 15px;
	color:#624005;
	padding:0;
	margin-bottom:5px;
	margin-top:3px;
	min-height:15px; /* to create space on the front page without navigation text */
}

#youAreHere a{
	color:#4888CB;
	text-decoration:none;
}
#youAreHere a:hover{
	color:#00438E;
}

.main{
	display: table-cell;
	margin:0 auto;
	padding : 0;
	padding-right: 15px;
}

.main .quizQuestion{
	text-align:center;
	margin:-8px 0 10px 0;
	    font-family: Roboto,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}
.main .one{
	border-left:1px solid #FDD083;
	border-right:1px solid #FDD083;
	border-top:1px solid #FDD083;
	background-color:#FEF3E2;
	padding:5px 10px 5px 5px;
}
.boxselected{
	border:2px solid #E5A037;
	background-color:#FDCD7C;
	width:50px;
	height:60px;
	padding:15px 0 0 30px;
	font-size:36px;
	color:#FFFFFF;
}
.main .one .link{
	margin:20px 0 0 10px;
	width:400px;
}
.main .one .link a:hover{
	text-decoration:none;
}
.main .tab_number{
	border:1px solid #98CAE3;
}
.main .tab_number .two{
	padding:5px 10px 5px 5px;
	border-bottom:1px solid #98CAE3;
}
.box{
	background-color:#EEF5F9;
	width:50px;
	height:60px;
	padding:15px 0 0 30px;
	font-size:36px;
	text-align:center;
	color:#92C8E3;
}
.main .tab_number .two .link{
	margin:20px 0 0 10px;
	width:400px;
}
.main .tab_number .two .link a:hover{
	text-decoration:none;
}
.main .tab_number .answer{
	font-size:11px;
	padding:5px 10px 5px 10px;
}
.main .tab_number .answer span{
	font-weight:bold;
	margin-left:275px;
}
.welcom{
	background-color : #7698be;
	background-color : #d7dee6;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-shadow: inset 0 -25px 25px -25px #FFF;
}
.welcom .pic{
	padding-right:10px;
}
.welcom .welc{
	font-family: Roboto,Arial,Helvetica,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
	padding:2px 10px;
}

.main .text{
	text-align:justify;
	margin-top:10px;
	margin-bottom:15px;
}

.text img{
	margin: 0px;
	margin-left:15px;
	margin-bottom:10px;
}

.text .illustration{
	margin: 0 0 3px 10px;
}

.text .productImage{
	float:left;
	text-align: center;
	margin-right:10px;
	margin-bottom:15px;
}

.text a
{
	font-family: Roboto,Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.maincolAboutthisdrug 
{
	display:none;
}

.directorySpan{
	font-weight:normal;
	color:#F8B646;
	text-decoration:none;
}

.right{
	display: table-cell;
	margin: 0;
	width:214px;
	text-align:justify;
}

.right .heading {
	height:26px;
	background-image: url("/img/heading01.png");
	background-color: #fbfcf7;
	text-align: center;
	font-size: 13px;
	color:  #624005;
	font-weight:bold;
}

.right .headingTitle {
	font-family: Roboto;
  font-weight: 500;
	padding-top: 3px;
}

.rate .heading {
	height:26px;
	background-image: url("/img/heading01.png");
	background-color: #FEF3E2;
	text-align: center;
	font-size: 13px;
	color:  #624005;
	font-weight:bold;
}

.rate .headingTitle {
	font-family: Roboto;
  font-weight: 500;
	padding-top: 3px;
}


.m63{
	margin-left:63px;
}

.rightNote
{
	padding-top:10px;
}

.alignLeft{
	text-align: left;
}

.rightBox{
	padding:10px 12px 10px 12px;
	background-color : #fbfcf7;
	border-left: #f8b543 1px solid;
	border-right: #f8b543 1px solid;
	border-bottom: #f8b543 1px solid;
	margin-bottom:20px;
	font-size: 13px;
	line-height: 18px;
}

.rightBox a{
	color:#00438E;
}

.rightBox a:hover{
	color:#4888CB;
}

.rightBox p{
	margin-top: 0;
	margin-bottom: 10px;
}

.rightBox td{
	font-weight:normal;
	align:left;
}

.m15{
	margin-bottom:15px;
}
.extra_menu{
	padding:10px 0 0 0;
	text-align:left;
}
.extra_menu a{
	font:12px Arial,Helvetica,sans-serif;
	font-weight:normal;
	padding:0 0 8px 10px;
}
.extra_menu a.act{
	text-decoration:underline;
}
.extra_menu a.point{
	background-image:url(img/point_one.gif);
	background-repeat:no-repeat;
}

.drugs{
	height:119px;
	background-image:url('img/featured_bg.gif');
	background-repeat:repeat-y;
}
.test{
	margin-top:10px;
	margin-bottom:15px;
}
.test a{
	color:#F8A226;
	font-family: Roboto,Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.test a:hover.second{
	color:#4888CB;
}
.test a.second{
	color:#00438E;
}
.copy{
	color:#888;
	font-size:12px;
	line-height:16px;
}

.rad{
	text-align:left;
	padding:5px 0 5px 0;
}
.rad span{
	font-weight:normal;
	margin:0 0 0 5px;
}
.poll_bb{
	text-align:center;
	padding:15px 15px 15px 10px;
	font-size:11px;
	font-weight:bold;
	border-bottom:1px solid #F8B543;
}
.safety{
	text-align:left;
	padding:5px 0 5px 40px;
}
.safety span{
	font-weight:normal;
	margin:0 0 0 5px;
}

.renova a:hover{
	text-decoration:none;
}
.renova .price{
	background-color:#274c75;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	height:25px;
	padding:3px 0 0 20px;
	border-left:1px solid #1759A0;
	border-right:1px solid #1759A0;
}
.renova .tab_ren{
	background-color:#92C8E3;
	text-align:center;
}
.renova .tab_ren td{
	background-color:#FBFDFF;
	padding: 5px;
}
.renova .tab_ren .title{
	background-color:#EEF5F9;
	color:#316AAA;
	font-weight:bold;
	height:20px;
}

.h30{
	height:30px;
}
.rate{
	background-color:#FEF3E2;
	float:right;
	width:214px;
	margin:0 0 0 10px;
}

.rate form{
	border-left: #f8b543 1px solid;
  border-right: #f8b543 1px solid;
  border-bottom: #f8b543 1px solid;
	font-size:11px;
	padding:10px;
}
.m10{
	margin:0 0 0 25px;
}
.m20{
	margin:0 0 0 49px;
}
.rate .button{
	margin:0 0 10px 75px;
	display:block;
}
.w100{
	width:290px;
	margin-right:10px;
}
.tab_yellow_line{
	border-bottom:1px solid #F8BC53;
}
.tab_yellow{
	border:1px solid #F8BC53;
	border-bottom:0;
	margin-bottom:15px;
	background-color:#FEF3E2;
}
.tab_yellow .quiz{
	text-align:center;
	padding:15px;
}

.tab_art{
	border:1px solid #D9DAD3;
	margin-bottom:15px;
	background-color:#fbfcf7;
}
.tab_art .user{
	font-family: Roboto,Arial,Helvetica,sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
	background-color:#E5F2FA;
	border-bottom:1px solid #99CBE5;
	color:#104682;
	padding:2px 0 2px 20px;
}
.tab_art .name{
	background-color:#EEF5F9;
	border-bottom:1px solid #99CBE5;
	font-weight:bold;
	padding:5px 0 5px 20px;
}
.tab_art .text_com{
	font-size:13px;
	border-bottom:1px solid #99CBE5;
	padding:10px 15px 10px 25px;
}
.tab_art .quiz{
	text-align:center;
	padding:15px;
}
.tab_art .external{
	font-family: Roboto,Arial,Helvetica,sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
	background-color:#EEF5F9;
	border-bottom:1px solid #99CBE5;
	padding:2px 0 2px 20px;
	color:#104682;
}
.tab_art .links{
	padding-bottom:10px;
	border-bottom:1px solid #99CBE5;
}
.tab_art .links .foot a{
	padding:0 0 0 0;
	display:inline;
}
.tab_art .links .foot{
	font-size:11px;
	margin-right:10px;
}
.tab_art .links a{
	padding:5px 0 0 20px;
	font-size:13px;
	display:block;
}
.tab_art .suggest{
	text-align:center;
	padding:5px 0 8px 0;
	background-color:#EEF5F9;
}
.tab_art .suggest a{
	font-weight:bold;
}
.tab_art .links a:hover{
	color:#316AAA;
}
.yellowbox{
	border:1px solid #F8BC53;
	border-top:0px;
	background-color:#FEF3E2;
	margin-bottom:15px;
}
.yellowbox  a:hover{
	color:#316AAA;
}
.yellowbox .yellowtitle{
	font-family: Roboto,Arial,Helvetica,sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px; 
	color:#624005;
	background-color:#FFDDB3;
	border-bottom:1px solid #F8BC53;
	border-top:1px solid #F8BC53;
	padding:2px 0 2px 20px;
}
.yellowbox .textInput{
	margin-bottom:10px;
	margin-top:4px;
	font-size: 18px;
	border:1px solid #F8BC53;
	box-sizing: border-box ; /* makes width=100% work with margin and padding */
	width: 250px;
	padding:5px
}
.yellowbox textarea{
	margin-bottom:10px;
	margin-top:4px;
	border:1px solid #F8BC53;
	box-sizing: border-box ; /* makes width=100% work with margin and padding */
	width: 100%;
}
.yellowbox .content{
	padding:10px 20px;
}

.yellowbox a{
 font-family: Roboto,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.yellowbox .button{
	display:block;
	padding:0 0 5px 215px;
}

.pink_bg{
	background-color:#FEF3E2;
	border-right:1px solid #F8B543;
	border-left:1px solid #F8B543;
	border-top:1px solid #F8B543;
	font-size:11px;
	padding:10px 10px 10px 10px;
	margin-top:1px;
}
.xenic{
	padding:20px 20px 20px 20px;
	background-color:#EEF5F9;
	border:1px solid #9ACCE5;
	margin-bottom:20px;
	font:Verdana, Arial, Helvetica, sans-serif;
}
.xenic .w145{
	width:145px;
	font-size:12px;
	border:1px solid #FDBF55;
}
.xenic strong{
	color:#316AAA;
}
.xenic a:hover{
	text-decoration:none;
}
.tab_xen{
	margin-bottom:15px;
}
.tab_xen .prices{
	background-image:url('img/prices_bg.gif');
	height:17px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-left:1px solid #1C5CA2;
	border-right:1px solid #1C5CA2;
	border-bottom:1px solid #92C8E3;
	padding:3px 0 0 20px;
}
.tab_xen .pharmacy{
	background-color:#EEF5F9;
	height:17px;
	border-left:1px solid #92C8E3;
	border-bottom:1px solid #92C8E3;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#316AAA;
	padding:3px 0 0 0;
	text-align:center;
}
.tab_xen .br{
	border-right:1px solid #92C8E3;
}
.tab_xen .w70{
	width:70px;
}
.tab_xen .w110{
	width:110px;
}
.tab_xen .w99{
	width:100px;
}
.tab_xen .w80{
	width:79px;
}
.tab_xen .aclepsa{
	background-color:#F6FAFC;
	border-left:1px solid #92C8E3;
	border-bottom:1px solid #92C8E3;
	text-align:center;
	padding:5px 0 5px 0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
.tab_xen .aclepsa a{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	display:block;
}
.tab_xen .aclepsa a:hover{
	text-decoration:none;
}
.tab_xen .aclepsa .p10{
	margin-bottom:10px;
}
.bookmark{
	border-top:1px solid #F8B543;
	font-size:11px;
	padding:10px 10px 10px 10px;
	margin-top:1px;
}
.bookmark a{
	font-size:11px;
}
.bookmark a:hover{
	color:#4888CB;
}
.ameri{
	border:1px solid #A1CFE7;
	background-color:#F6FAFC;
	margin-bottom:15px;
}
.ameri .star{
	background-color:#EEF5F9;
	border-bottom:1px solid #A1CFE7;
	padding:3px 10px 5px 10px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#316AAA;
}
.ameri .star a{
	color:#00438E;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:block;
	margin:0 0 0 10px;
}
.ameri .star a:hover{
	text-decoration:none;
}
.ameri .star span{
	margin-top:-13px;
}
.ameri .brand{
	padding:10px;
}
.ameri .brand .pic{
	padding-bottom:6px;
	padding-right:6px;
}
.ameri .best{
	text-align:center;
	background-color:#EEF5F9;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#F8A226;
	padding:15px 10px 15px 10px;
}
.ameri .best span{
	font-size:13px;
}
.ameri .brand .text_gen{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	margin-left:20px;
	width:150;
}
.ameri .brand .text_gen .pills{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	padding:3px 0 3px 0;
}
.ameri .brand .text_gen .price{
	margin-left:25px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

.ameri .tablet{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background-color:#EEF5F9;
	padding:20px 15px 39px 15px;
}
.ameri .tablet span{
	color:#F8A226;
}
.ameri .tablet a{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#F8A226;
}
.ameri .tablet a:hover{
	text-decoration:none;
}

.settings_table {
	padding:0px;
	margin:0px;
	border:0;
}

.settings_table input {
	margin:0px; 
	padding:0 0 2px 5px;
}

.halfCol {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    text-align:center;
}

.rightCol
{
	margin-left : 15px;
	padding-bottom:25px;
}

.leftCol
{
	margin-right : 15px;
	padding-bottom:25px;
}

.linkTitle
{
	font-family: Roboto,Arial,Helvetica,sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 20px;
	padding-bottom:15px;
}

.linkText
{
	text-align:left;
}

.colIconLeft 
{

	margin:0; 
	padding-bottom:15px;
	/*float:right;
	padding-left:10px;
	padding-top:3px;*/

}

.searchInput {
    border: 1px solid #888;
    box-sizing: border-box;
    font-family: Roboto,sans-serif,Arial,Helvetica;
    font-size: 14px;
    margin: 5px 5px 0 0;
    padding: 4px;
}

.searchInputIndex
{
	font-family: Roboto,sans-serif,Arial,Helvetica;
	font-size: 14px;
	padding:3px 10px;
	margin:5px;
	width: 250px;
}

.rightNavigationLink
{
	font-size:14px;
	padding-bottom:10px;
}

.rightNavigationLink img
{
	padding-right:10px;
}

.rightNavigation
{
font-size:13px;
text-align:left;
}

.maincolMedicationlist
{
	display:none;
	line-height: 28px;	/* must be higher becuase of the pills icons */
}

.maincolMedicationlist img
{
	margin:0;
	padding:0;
	padding-right:5px;
}

.typeColMobile
{
	display:none;
}


@media all and (max-width: 980px)
{
	
	.search
	{
		display:none;
	}
	
	.wrapper, .head
	{
		width: 100%;
	}
	
	#youAreHere
	{
		padding-left:10px;
		padding-right:10px;
	}
	
	.main 
	{
		padding : 0 15px;
	}
	
	.right
	{
		padding-right:15px;
	}
}


@media all and (max-width: 800px)
{
	
	.shippingCol
	{
		display:none;
	}
}

@media all and (max-width: 750px)
{
	
	.right, .search
	{
		display:none;
	}
	
	.maincolMedicationlist, .maincolAboutthisdrug
	{
		display:block;
	}
}

@media all and (max-width: 550px)
{
	
	.typeCol
	{
		display:none;
	}
	
	.typeColMobile
	{
		display:inline-block;
	}
}


@media all and (max-width: 450px)
{
	
	.halfCol
	{
		width:100%;
	}
	
	
	.leftCol, .rightCol
	{
		margin:0;
	}
	
	.searchInputIndex
	{
		width:70%
	}
	
	.priceCol
	{
		display:none;
	}
	
	.directoryIllustration
	{
		display:none;
	}
	
	.yellowbox .textInput
	{
		width:100%;
	}
	
	.text .productImage{
		float:none;
		display:block;
		margin:0;
		margin-bottom:10px;
	}
}