.smallHighlight {
	font-weight: bold;
	color: #004080;
}

.sign-in {
	text-align: center;
}

.megaSize {
    font-size: 30px;
}

.bigSize {
    font-size: 20px;
    font-weight: bold;
}


.green {
    color: #4CAF50;
    font-weight: bold;
}

.successMessage {
	color: #00b300;
	text-align: center;
	font-weight: bold;
}

.errorMessage {
	text-align: center;
	color: #f66767;
	font-weight: bold;
}

.warningMessage {
	color: #d56a00;
}

.promoCode {
	border: 3px dashed #f1f1f1;
	padding: 5px;
	font-family: courier;
	font-weight: bold;
	display: inline;
	font-size: 20px;
        border-radius: 5px;
}

table, td, th {  
  border: 1px solid #ddd;
  text-align: left;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  padding: 10px;
}

#PCodeCopyButton {
	font-size: 14px;
	width: 60px;
}

.dangerMessage {
	color: white;
	background-color: red;
}

.smallNote {
	color: grey;
	font-style: italic;
	font-size: 12px;
}

#member_greeting {
	text-align: right;
	font-weight: bold;
	color: black;
}

.break-word {
	word-wrap: break-word;
  }

.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	/* Position the tooltip */
	position: absolute;
	z-index: 1;
	top: -5px;
	left: 105%;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

.greenlight {
	background-color: rgb(186, 225, 143);
}

.amberlight {
	background-color: rgb(255, 235, 204);
}

.redlight {
	background-color: rgb(255, 193, 193);
}

/* Style inputs, select elements and textareas */
#login {
	margin: auto;
}

@media ( max-width : 1200px) {
	.login {
		display: none;
	}
	.websiteintro {
		display: none;
	}
}

.formstyle {
	margin: auto;
}

.focusedDeals {
    background-color: #FFFFEF;
}

.announcementDeals {
    background-color: oldlace;
}

#main_content input[type=text], #main_content input[type=email], #main_content textarea, #main_content input[type=password]
	{
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
	font-size: 16px;
}

#main_content input[type=number], #main_content select, #main_content input[type=time],
	#main_content input[type=date], #main_content input[type=file] {
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

.admin input[type=number]{
    width: 90px;
    padding: 5px;
}
#main_content input[type=radio]{
    margin-left: 20px;
    padding: 20px;
}

/* Style the submit button */
#main_content input[type=submit] {
	margin-top: 30px;
        margin-bottom: 30px;
	background-color: black;
	color: white;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
}

@media screen and (max-width: 700px) {
	#main_content input[type=text],#main_content input[type=email], #main_content textarea, #main_content input[type=password],
		#main_content input[type=number], #main_content select, #main_content input[type=time],
		#main_content input[type=date], #main_content input[type=file], #main_content input[type=radio] {
		padding: 2px;
		margin: 2px;
	}
        .megaSize {
            font-size: 20px;
        }
}

#main_content input[type=submit]:enabled {
	background-color: black;
	color: white;
}

#main_content input[type=submit]:disabled {
	background-color: lightgrey;
	color: white;
}

#main_content input[type=submit]:enabled:hover {
	background-color: #ffb200;
	color: black;
}

#main_content input[type=text]:focus, #main_content input[type=email]:focus, #main_content input[type=password]:focus
	{
	background-color: #ffffcc;
	outline: none;
}

/*.bargain_view {
	margin-top: 10px;
	vertical-align: top;
}*/

/* Set a style for the submit/register button */
.rightButton {
	padding: 10px 20px;
	margin: 5px 0;
	border: none;
	cursor: pointer;
	opacity: 0.9;
}

.rightButton:enabled {
	background-color: #004080;
	color: white;
}

.rightButton:disabled {
	background-color: lightgrey;
	color: white;
}

.shortInput {
	width: initial !important;
}

/* Style the label to display next to the inputs */
label {
	padding: 12px 0 10px 0;
	display: inline-block;
}

@media screen and (max-width: 700px) {
	label {
		padding: 4px 0 4px 0;
		display: inline-block;
	}

	
}
/* Style the container */
.formstyle {
	border-radius: 5px;
	background-color: #f2f2f2;
	padding: 20px;
	width: 90%;
	max-width: 1000px;
}

/* Floating column for labels: 25% width */
.col-25 {
	float: left;
	width: 20%;
	margin-top: 6px;
}

.col-25 {
	font-weight: bold;
}

/* Floating column for inputs: 75% width */
.col-75 {
	float: left;
	width: 80%;
	margin-top: 6px;
}

.row {
	vertical-align: top;
}
/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
	.col-25, .col-75, input[type=submit] {
		width: 100%;
		margin-top: 0;
	}
}

/* Add padding to containers */
.container {
	padding: 16px;
}

/* Overwrite default styles of hr */
hr {
	border: 1px solid #f1f1f1;
}

/* Set a style for the submit/register button */
.registerbtn {
	background-color: #004080;
	color: white;
	padding: 16px 20px;
	margin: 8px 0;
	border: none;
	cursor: pointer;
	width: 100%;
	opacity: 0.9;
}

.registerbtn:hover {
	opacity: 1;
}

.page_title {
	text-align: center;
}

/* Add a blue text color to links */
.register_container {
	max-width: 400px; 
	margin: auto;
}

.register_container a, .signin a {
	color: dodgerblue;
}

/* Set a grey background color and center the text of the "sign in" section */
.signin {
	background-color: #ffffff;
	text-align: center;
}


#main_content, .center_nav {
	max-width: 1200px;
	margin: auto;

}

.myp, .bt {
	white-space: nowrap;
    max-width: 1100px;
    overflow: hidden;
    text-overflow: ellipsis;   
}

.expiredDisplay {
    color: black;
    font-size: 16px;
    font-weight: bold;
    background-color: #fcfcfc;
    padding: 10px;
    margin-top: 5px;
    line-height: 30px;
    border-color: #f1f1f1;
    border-style:solid;
	border-radius: 10px;
	vertical-align: top;
}

#main_content, .center_nav, .dropdown button, .search-container * {
	line-height: 22px;
}

.topnav .search-container {
	margin: 0 5px 5px 0;
}

.topnav input[type=text] {
	padding: 7px;
	margin-top: 1px;
	font-size: 16px;
	border: none;
	width: 100%;
	border-radius: 2px;
}

.topnav .search-container button {
	float: right;
	padding: 8px 10px;
	margin-top: 1px;
	margin-right: 16px;
	background: #ddd;
	font-size: 16px;
	border: none;
	cursor: pointer;
}

.topnav .search-container button:hover {
	background: #ffb200;
}

.search-container i {
	line-height: 20px;
}

/* New rule for floating results list */
#search_results {
	float: left;
  /* Inherit styles from parent container (adjust as needed) */
  border-radius: inherit;  /* Example: Inherit border radius from search bar */
}

#search_results li {
    display: block; /* Ensure list items are displayed as block-level elements */
    list-style-type: none;
    width: 100%; /* Set the width to 100% to ensure each list item occupies the full width */
    clear: both; /* Clear any floats to prevent list items from floating next to each other */
		color: white;
}
#search_results a:hover {
	background-color: white;
}

#main_content {
	padding: 5px;
}

#main_content:after, .center_nav:after {
	clear: both;
}

/* Add a black background color to the top navigation */
.topnav {
	background-color: #333;
	overflow: hidden;
}

/* add background color for firstline navigation */
.fln {
	background-color: white;
	float: right;
}

.fln a:hover {
	background-color: black;
	color: white;
}
/* below for main logo overlay */
.logoimageBox {
	position: relative;
	display: inline-block;
}

.logoimageBox .hoverlogoImg {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	overflow: hidden;
}
@media screen and not (max-width: 900px ) {
.logoimageBox:hover .hoverlogoImg {
	display: block;
}
}
.logoimageBox img, .hoverlogoImg img {
	margin: -20px -20px -20px -20px;  
}

@media screen and (max-width: 900px ) {
	.center_nav img{
    	max-width:70%;
    	height:auto;
	}
	.logoimageBox img {
    	max-width:95%;

	}	
	.logoimageBox:hover .hoverlogoImg {
		display: hidden;
	}

	.logoimageBox img, .hoverlogoImg img {
		margin: -10px -10px -10px -10px;  
	}
}

.StoreName {
	font-size: 18px;
}

.topnav:after {
	clear: both;
}

/* Style the links inside the navigation bar */
.topnav a {
	border-radius: 0 0 2px 2px;
	display: inline-block;
	color: #f2f2f2;
	text-align: center;
	/* padding: 14px 16px; R! */
	padding: 8px 16px;
	text-decoration: none;
	font-size: 14px;
}

.fln {
	
}

/* for Account Balance menu */
.topLinks {
	display: inline-block;
	float: right;
	color: black;
	text-align: center;
	/* padding: 14px 16px; */
	padding: 5px 5px;
	text-decoration: none;
	font-size: 14px;
	border: 1px solid #ffb200;
	border-radius: 5px;
	margin: 6px;
}

@media screen and (max-width: 900px ) {
	.topLinks {	
		
		float: none;		
	}
}

/* Change the color of links on hover */
.topnav a:hover {
	/* Raj */
	background-color: #ffb200;
	color: black;
}

.bargain {

	border-color: #f8f8f8;
    border-style: solid;

	border-radius: 5px;
	padding: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Add a color to the active/current link */

/* class is for main top horizonal banner - home, today's bargain, etc. */
.topnav a.active {
	background-color: #ffb200;
	color: black;
}

/* navigation menu with dropdown items */
.topnav {

	background-color: #333;
	line-height: 22px;
}

.topnav a {
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 8px 10px;
	text-decoration: none;
	font-size: 14px;
}

.topnav .icon {
	display: none;
}

.dropdown {
	float: left;
	overflow: hidden;
}

.dropdown .dropbtn {
	font-size: 14px;
	border: none;
	outline: none;
	color: white;
	padding: 8px 10px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 170px;
        max-width: 250px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	color: #ffb200;
	border-radius: 3px;
	border-left: 1px solid;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	max-height: 400px;
	overflow: auto;
}

.dropdown-content a {
        white-space: nowrap;
	float: none;
	color: black;
	padding: 4px 8px;
	text-decoration: none;
	display: block;
	text-align: left;
	font-size: 14px;
}

.topnav a:hover, .dropdown:hover .dropbtn {
	background-color: #ffb200;
	color: black;
}

.dropdown-content a:hover {
	background-color: #ffb200;
	color: black;
}

.dropdown:hover .dropdown-content {
	display: block;
}

@media screen and (max-width: 900px ) {
	.topnav a.icon {
		float: right;
		display: block;
	}
}

@media screen and (max-width: 900px ) {
	.topnav.responsive {
		position: relative;
	}
	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
	.topnav.responsive .dropdown {
		float: none;
	}
	.topnav.responsive .dropdown-content {
		position: relative;
	}
	.topnav.responsive .dropdown .dropbtn {
		display: block;
		width: 100%;
		text-align: left;
	}
}

.para {
	color: #ffb200;
}

.login {
	clear: both;
	margin: 2px;
	overflow: auto;
}

.login p {
	margin-top: 0;
	/* position: fixed; */
	background-color: white;
}

/* below for login form from the main sscreen */
/* Style the form - display items horizontally */
.form-inline {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

/* Add some margins for each label */
.form-inline label {

}

/* Style the input fields */
.form-inline input {
	vertical-align: middle;
	margin: 5px 10px 5px 0;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ddd;
}


/* Style the submit button */
.form-inline button {
	/*padding: 10px 20px;*/
	padding: 7px 13px;
	background-color: #ffb200;
	border: 1px solid #ddd;
	color: black;
	font-size: 17px;
}

.form-inline button:hover {
	background-color: black;
	color: white;
}

/* Add responsiveness - display the form controls vertically instead of horizontally on screens that are less than 800px wide */
@media ( max-width : 800px) {
	.form-inline input {
		margin: 5px 0;
		padding: 5px;
	}
	.form-inline {
		flex-direction: column;
		align-items: stretch;
	}
}

/* starting search bar from here*/
/* Style the search box inside the navigation bar */
body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

body a {
	/* background-color:blue; */
	color: #243fbd;
	text-decoration: none;
}

body a:hover {
	/* background-color:blue; */
	color: #ffb200;
	text-decoration: underline;
}

.main_content a:visited {
  color: #3D2BB6;
}


.topnav a:hover, .center_nav a:hover {
	text-decoration: none;
	
}

@media screen and (max-width: 900px ) {
    
        h1 {
            line-height: 30px;
        }
	.topnav .search-container button {
		float: none;
	}
	.fln {
		float: none;
	}
	.topnav .search-container {
		float: none;
	}
	.topnav {
		float: none;
	}
	.topnav a, .topnav input[type=text], .topnav .search-container button {
		float: none;
		display: block;
		text-align: left;
		width: 100%;
		margin: 0;
		

	}
	.topnav input[type=text] {
		border: 1px solid #ccc;
	}
}

/* for logo and company name to float left  */
h1 {
    font-size: 20px;
}

h4 {
    font-size: 16px;
    color: grey;
    margin-bottom: 0;
}

/* for footer  */
.footer a:link {
	color: white;
	background-color: transparent;
	text-decoration: none;
}

.footer a:visited {
	color: lightgrey;
	background-color: transparent;
	text-decoration: none;
}

.footer a:hover {
	color: #ffb200;
	background-color: transparent;
	text-decoration: none; 
}

.footer a:active {
	color: yellow;
	background-color: transparent;

}

.footer {
	overflow: auto;
	background-color: #333;
	color: #ffb200;
	text-align: left;
	/* color: #f2f2f2; */
	margin-top: 20px;
	text-align: center;
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 14px;
}

.footer a {
	margin: 10px;
}
.myimg_main, .myimg {
	margin: 3px;
	display: inline-block;
	vertical-align: middle;
	background-color: white;
	width: 208px;	
	height: 232px;	
	border: 1px solid white;
	 white-space: nowrap;
	border-radius: 4px;
}
.imgFix {
	display: table-cell;
    margin:auto;
	text-align: center;
	vertical-align: middle;
	width: 200px;	
	height: 200px;
}
.myimg_main a:hover, .myimg a:hover {
	text-decoration:none;
	color: #ffb200;
}

.myimg_main a, .myimg a {
	color: grey;
}
.myimg_main:hover, .myimg:hover {
		border: 1px solid white;
		
}

.myimg img {
	max-width: 200px;
	max-height: 200px;
}

.myimg_main img {
	max-height: 142px;

}

.gotodeal {
	display: block;  text-align:center;
	border-top: 2px solid #f1f1f1;
	margin: 0px; 
	font-size: 10px;
}

.myimg img, .myimg_main .MainbargainImg {
	padding: 1px;
}

.myimg_main .MainbargainImg {
	max-width: 200px;
	max-height: 200px;
	text-align: center;
}

.mydeal1 h1 {
	line-height: 28px;
	text-align: left;
	margin-top: 10px;
}

.mydeal1 {
    vertical-align: top;
    display: inline-block;
    width: 79%;
    position: relative;
    padding: 0 10px ;
    box-sizing: border-box;
}

.singlebargain {
	width: 79%;
}

.posterdiv {
	width: 120px;
	color: #5c5c5c;
	font-weight: bold;
	display: inline-block;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.mydeal2 {
	vertical-align: top;
	display: inline-block;
}

/* for deals descriptions */
p myp {
	color: red;
	text-indent: 30px;
}

/* for votes */
.votes, .vote {
	margin: auto;
}

.votesBox {
    margin: auto;
    margin-top: 5px;
}

.buttonplus, .buttonminus {
	color: white;
	padding: 3px 2px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 1px 1px;
	cursor: pointer;
	border: 1px solid black;
	min-width: 60px;
	border-radius: 3px;
}
	
.buttonplus {
	background-color: #ffb200;

}

.buttonplus:disabled, .buttonminus:disabled {
	background: #dddddd;
	font-weight: bold;
	border-color: lightgrey;
	border-radius: 5px;
}

.buttonplus:disabled {
	color: #4CAF50;
}

.buttonminus:disabled {
	color: #f50000;
}

.buttonminus {
	background-color: black;

}


/*new vote buttons */

.votebuttonnew {
  width:30px;
  padding: 1px 2px;
  border-radius: 3px;
  border: none;
  font-size:20px;
  font-family: courier;
  background-color: #f1f1f1;
}

.comment-header .votebuttonnew {

  width:30px;
    font-size:15px;
}

.comment-header .votecountnew{
  font-size:15px;
}

.votediv{
	width:15px;
	border-color: #92a8d1;
	
}
.votecountnew{
	color: yellowgreen;
	font-size: 18px;
	font-weight: bold;
}

/* Bargain title */

.bt a {
	/* background-color:blue; */
	color: #243fbd;
	/* font-size: 1.1em; */
	text-decoration: none;
	line-height: normal;
}



.deliverpickup{
	font-size:10px;
	vertical-align: middle;
}
.bargainprice{
	color:darkred;
}

.bt a:hover {
	/* background-color:blue; */
	color: #ffb200;
	font-weight: bold;
	text-decoration: underline;
}

.bt a:visited {
  color: #3D2BB6;
}

.bt a:visited:hover {
	color: #ffb200;
	font-weight: bold;
	text-decoration: underline;
}

/* css for About Us page, Terms and conditions page, Contact us page and advertisement with us page */
.divaus {
	border-radius: 5px;
	background-color: #f8f8f8;
	padding: 20px;
	width: 50%;
	color: #333;
	margin: auto;
	line-height: 1.4;
}


.h2aus {
	text-align: center;
	color: #190BA9;
	font-size: 40px
}

.cont .input[type=text], .input[type=email], select {
	width: 50%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

.cont .input[type=submit] {
	width: 15%;
	background-color: #4CAF50;
	color: white;
	padding: 14px 20px;
	margin: 8px 0;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

.cont .input[type=submit]:hover {
	background-color: #45a049;
}

/* popup buttons css */
.mydeal1 form {
	display: inline-block;
	
}

/* Button used to open the contact form - fixed at the bottom of the page */
.report-button, .gotodeal-button {
    border: none;
     padding: 3px 5px;
    /* border-radius: 2px; */
    /* font-size: 12px; */
    /* border-radius: 3px; */
    cursor: pointer;
	
}

.report-button:hover {
	background-color: #DFDFDF;

}

.gotodeal-button {
	background-color: #7bb300;
	color: white;
	font-weight: bold;
	border: 1px solid grey;
	margin-left: 5px;
	padding: 5px;
	border-radius: 2px;
	font-size: 16px;
}

.gotodeal-button:hover {
	background-color: #89c702;


}


/* pagination starts from here */
.pagination {
	display: flex;
	justify-content: center
}

.pagination a, .pagination span {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
}

.pagination a.active {
	background-color: #ffb200;
	color: black;
	border-radius: 5px;
}

.pagination a :hover :not (.active ) {
	background-color: #ddd;
}

.pagination a:hover {
	text-decoration: none;
	background-color: #f8f8f8;
	border-radius: 5px;
	font-weight: bold;
}



/* go to top of the page button */
#myBtn {
	/*position: fixed;*/
	float: right;
	max-width: 55px;
	width: 100%;
	box-sizing: border-box;
	border-color: rgba(85, 85, 85, 0.2);
	background-color: #ffb200;
	padding: 2px;
	border-radius: 5px;
	border: 1px solid #ffb200;
}
/*On Hover Color Change*/
#myBtn:hover {
	background-color: black;
}

/* social media buttons in bargain view - NOT DONE YET */
#share-buttons {
	width: 35px;
	padding: 10px;
	border: 0;
	display: inline;
}

#share-buttons a {
	text-decoration: none;
}

.priceLine {

}

.strike {
	vertical-align:middle;
	font-size: 18px;
	color: grey;
	cursor: default;
	font-weight: bold;
}

.discountInfo {
	vertical-align:middle;
	color: crimson;
	font-size: 16px;
	font-weight: bold;
}

.storeName {
	vertical-align:middle;
	font-weight: bold;
	color:grey;
	font-size: 16px;
	white-space: nowrap;
}

.nowprice {
	vertical-align:middle;
	color: #ffb200;
	border-color: #ffb200;
	font-weight: bold;
        font-size: 28px;
        margin-right: 5px;
}

.italic {
	font-style: italic;
}

.fontsmall {
	font-size: 13px;
}

.fontbold {
	font-weight: bold;
}

/* Bargain status */

.bargain_label {
	padding: 5px;
	margin: 0;
	border: none;
    margin-left: 3px;
    margin-right: 7px;
	color: white;
	border-radius: 2px;
	white-space: nowrap;
	text-decoration:none;
}

a .bargain_label {
	text-decoration: none;
	display:inline-block;
}

a:hover .bargain_label {
	text-decoration: none;
	display:inline-block;
}

.bargain_status_ended {

	background-color: #cc6666;
}

.bargain_status_active {

    background-color: #ffb200;
}

.bargain_status_cheap {
    background-color: #88C8ED;
}

.bargain_status_orange {
    background-color: #FF8236;
}

.bargain_status_green {
    background-color: #45a049;
}

.bargain_status_blue {
    background-color: #0082C4;
}

.bargain_status_purple {
    background-color: #BBA4E3;
}

/* website main page introduction */
.websiteintro {
  /*margin-left: auto; 
  margin-right: auto;*/

  font-size:14px;
  padding:2px 5px;
}

.websiteintro td
{
	padding:3px 15px;
	font-style:italic;
}
@media screen and (max-width: 900px ) {
	.websiteintro {
	  /*margin-left: auto; 
	  margin-right: auto;*/
	
	  font-size:13px;
	  padding:2px 5px;
	}
}
@media screen and (max-width: 900px ) {

	.pagination a, .pagination span {
		font-size: 14px;
		padding: 8px 10px;
		float: none;

	}
}

@media screen and (max-width: 900px ) {
	.divaus {
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
	}
}

@media screen and (max-width: 900px ) {
    
	.myp, .bt {
		max-width: 1100px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;   
	}
    .mydeal1 {
            width: 99%;
            padding: 0 0 0 0;

    }
    .gotodeal button{

            margin-bottom: 0;
            display: block;
    }
    .mydeal1 form {
            margin-top: 10px;
            display: block;
    }

    .mydeal1 h3 a {
            font-size: 16px;
    }
    .mydeal1 a {
            font-size: 14px;
    }	
    .mydeal1 h1 {
            font-size: 20px;
            margin-top: 10px;
    }

    .myimg {
            min-width: 0;
            min-height: 0;
            max-width: 200px;
            max-width: 200px;
            display: block;
            margin: auto;
            margin-bottom: 10px;
    }
    .myimg .MainbargainImg {
            max-width: 70px;
    }
    .posterdiv {
            float: right;
            font-size: 14px;
            display: inline;
    }
    .votesBox {
            display: inline-block;
            font-size: 14px;
            min-width: 40px;
    }
}


/* login button visible only in mobile */
	.login-button-mobile{
		display:none;
	}

	@media screen and (max-width: 900px ) {
            .login-button-mobile{
                    display:inline;
            }             
	}

/* affiliate link wording */
.affiliate {
    font-size: 14px;
    color:grey;
    width: 100%;
}

.membername{
    float:right;
    color:grey;
    font-size: 11px;
	white-space: nowrap;
}

	@media screen and (max-width: 900px ) {
		.membername{
                    float: none;
		}
	}


	
.clicks{
    color:grey;
    font-size: 11px;
}

.bargainimg {
	width:300px;
	height:300px;
}

.membernamebargain{
    color:grey;
    font-size: 16px;
	line-height: 30px;
}
.membernamebargain a{
    font-size: 16px;
}
.membernamebargain .bigger {
    font-size: 16px;
}
.comments {
    background-color: #f8f8f8;
    padding-top: 1px;
    padding-left: 15px;
}

.comment-post {
    
}

.comment-header, .comment-actions {
    color:#5c5c5c;

    margin-top: 0;
}

.comment-reply {
    /*border-left: 2px solid grey;*/
    padding-left: 5px;
    margin-left: 20px;
    min-width: 100px;

}

.comment-reply-noindent {
    /*border-left: 2px solid grey;*/

    min-width: 100px;
}

.comment-content {
    

    border: #5c5c5c;
    margin-top: 20px;

}

*[id^='comment_text']{
    padding: 10px;
    padding-left: 20px;    
}

.comment-content p {
    margin: 0;
  
}

.marginauto{
    margin: auto;
}

/* for cashback */
.column {
  float: left;
  width: 15%;
  /*height: 300px;*/
}

.column_rate {
  float: left;
  width: 70%;
  /*height: 300px;*/
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

 * {
  box-sizing: border-box;
}