
.flot-overlay {
	color: red;
	left: 20px !important;
    top: 20px !important;
}
body {
	display: flex;
    flex-direction: column;
}
 .div-to-display button {
	background: #F48A18;
	margin-left: 10px;
	z-index: 10;
	font-weight: 400;
	cursor: pointer;
	position: absolute;
	top: 7px;
	left: 21%;
	padding: 7px 7px;
	color: #fff;
	font-weight: 600;
	border: none;
}
#cputable .div-to-display button {
	position: relative;
	padding:  7px;
	top: 0;
}
body #indexcmp3  {
	top: -6px;
    right: -4px;
}

#placeholder, #placeholderDesktop, #placeholderServer, #placeholderLaptop {
	background: #fff;
	margin: 0 20px !important;
	margin: 21px 0px 0 25px !important;
}
.mobile-column {
	text-align: left;
}
#icon-header-compare {
	width: 45px;
	height: 35px;
    fill: #2e4052;
}
#indexcmp, #indexcmp2, #indexcmp3 {
	display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 18px;
    color: #fff;
    top: -11px;
    right: -4px;
    height: 18px;
    background: red;
    border-radius: 50%;
}
body .laptop-tab  p {
	width: 33.334%;
}
#indexcmp2 {
	top: -8px;
	right: -17px;
}
.cmp-header {
	position: absolute;
    top: 8px;
    right: 5%;
}

.history {
	overflow: hidden;
	background: #ffffff;
	margin-top: 60px;
}
.history #placeholder:before {
	display: none;
}
.top-avail-wrap {
	display: flex;
	background: #fff;
    border-bottom: 2px solid #f0f6f8;
	justify-content: space-between;

}
.wrapper-monotub {
	display: flex;
	flex-direction: column;
}
.wrap-monotub {
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: column;
}
.marcet-bot-cmps ul {
    font-size: 16px;
    text-align: left;
}
.content-monotub {
	display: flex;
    flex-wrap: wrap;
}
.tablesorter-sticky-wrapper {
	top:  50px !important;
}
.wrap-monotub strong {
	background: transparent;

    display: flex;
    flex-grow: 1;
    justify-content: center;
    padding: 0px 0;
    border: 2px solid #f0f6f8;
}
.wrap-monotub a {
	background: #fff;
	display: flex;
	flex-basis: auto;
	cursor: pointer;
    justify-content: center;
    flex-grow: 1;
    width: 10%;
    padding: 10px 0;
    border: 1px solid #f0f6f8;
}
.amd-monotub {
	width: 100%;
}
.amd-monotub a {
	width: 15%;
}
#thread_scatter table , #scatter table, #multi_scatter table {
	width: 100%;
}
.top-avail-wrap  a {
	cursor: pointer;
}
.top-avail-wrap  a , .top-avail-wrap strong{
	flex-grow: 1;
	display: flex;
	text-align: center;
	padding: 10px 0;
	justify-content: center;
	width: 33%;
	background: #fff;
	border-left: 2px solid #f0f6f8;
    flex-basis: auto;
}

.top-avail-wrap strong {
	background: transparent;
}
.available-header-wrap {
	display: flex;
    justify-content: space-between;
	flex-direction: column;
	width: 100%;
}
.history h2 {
	margin: 0;
    text-align: left;
    font-size: 18px;
    line-height: 25px;
    padding: 17px 0;
    background: #E2EDF4;
    padding-left: 20px;
}
.hight-end img {
	margin-right: 13px;
	margin-bottom: 9px;
}
.hight-end {

	display: flex;
    justify-content: center;
    flex-direction: column;
}
.banner-block {
	margin-top: -45px;
	width: 300px;
	height: 282px;
}
.hight-end li  {
	width: 100%;
}
.hight-end li a {
    display: flex;
    width: 100%;
	flex-direction: row;
	align-items: center;
}
.buttontext {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;  }
.Normal {font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 2px; margin-bottom: 2px}
.italics {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic}
.Subheading {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; color: #FF0000; margin-top: 2px; margin-bottom: 2px}
.Copyright {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; font-weight: bold}
.SmallNormal {font-family: Arial, Helvetica, sans-serif; font-size: 9px}
.orderSubTotalBox {border: 0px none White; border-style: none; width: auto; background : White; }
.orderReadOnlyBox {border: 0px none White; border-style: none; width: auto; background : White; }
.orderTotalBox {border: 0px none White; border-style: none; width: auto; background : White; font-weight : bold; }
.orderQtyBox {width: 25px; background : White; }
.noflash {border:4px; border-style:solid; border-color: red; font-size:20px; color: red;}


p, h2 { margin-top: 10px;margin-right: 10px; }

blockquote { margin-left: 25px; margin-right: 25px;}

img { border:0; }

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
border-bottom: solid #b53118 3px;
color: #000000;
margin-top: 0px;
padding-top: 10px;
margin-bottom: 10px;

}
h1 img { margin-right: 10px; margin-bottom: 5px; }

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
border-bottom: solid #A0C0C6 3px;
margin: 10px;
}

.columnheader {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
border-bottom: solid #b53118 3px;
color: #000000;
margin-bottom: 15px;
}

table.layout { padding: 10px; }

td.layout { padding: 10px; line-height: 1.5; }

td {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5; }
th {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
ul {font-family: Arial, Helvetica, sans-serif; font-size: 12px}
ol {font-family: Arial, Helvetica, sans-serif; font-size: 12px}
p { font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
blockquote {font-family: "Courier New", Courier, mono; font-size: 12px}

a, a:link, a:visited {
text-decoration: none;
/*
font-weight: bold;
font-weight: 600;
*/
font-size: 14px;
line-height: 19px;
color: #1D78F3;
}
a:hover { color: #109bA3; text-decoration: underline;}
a em { font-weight: normal; font-style: normal; }

.textformbutton { display: inline; vertical-align: middle; }
.formbutton { margin-left:auto; margin-right:auto; margin-top: 5px; }
button img { margin-right: 5px; vertical-align: middle; }
/* new style */
.main-page h2 {
	margin-top: 40px;
}
/*
.main-title {
	padding: 65px 0;
	text-align: center;
	display: block;
    position: relative;
    margin-top: 116px;
	color: #fff;
	background-image: url(/img/main-bg-min.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
}
*/
.main-title {
	padding: 65px 0;
	display: block;
	position: relative;
	margin-top: 115px;
	color: #fff;
	background-color: #007E9B;
	background-image: url(/img/main-title-banner.svg);
	background-repeat: no-repeat;
	/*
	background-position: center center;
	background-size: cover;
	*/
	background-position: left 60% top 10px;
	background-size: 50vh;
}
#block_content {
	background: #f0f6f8;
}
.main-title h2{
	border-bottom: none;
	color: #fff;
	font-family: Arial,Helvetica,sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 38px;
	line-height: 52px;

}

#main_content .productheader h1 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #191919;
	font-size: 30px;
	line-height: 41px;

}
#main_content h1 {
	font-size: 18px;
	line-height: 25px;
	border-bottom: none;
	color: #191919;
}
.main-text-cmps {
	display: flex;
	text-align-last: left;
}

.sticky-banner {
   display: none;
	right: 9%;
	position: absolute

}
.wrapper {
	display: flex;
	justify-content: space-between;
}
.sidebar {
	margin-top: 30px;
	width: 18%;
	display: inline-block;

}
.sidebar-banner {
	position: sticky;
	float: right;
  	top: 110px;
}
.main-href img {
	margin-right: 13px;
}
.main-href p {
	margin: 0 !important;
}

.sidebar-list {
	background: #ffffff;
}
.sidebar-list ul:hover {
	border-left: 3px solid #63A3F7;
	transition: 0.2s ease;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
}
.sidebar-top {
	display: flex;
	padding-top: 20px;
	flex-direction: column;

	align-items: center;
	border-left: 3px solid #63A3F7;

}
.sidebar-top p {
	margin: 0;
	margin-top: 5px;
}
.sidebar  .menu-sidebar {
	border-left: 3px solid #63A3F7;
}

 .new-desctop a {
	 align-items: center;
 }
 .currentbar a {
	 color:  #246EB9 !important;
 }

 .main-compare .sidebar .compare-sidebar {
	border-left: 3px solid #63A3F7;
 }
 .main-compare .sidebar .compare-sidebar a {
	 color: #63A3F7;
 }
 .hightcurrentul, .comparecurrentul, .maincurrentul , .comparevscurrentul, .commoncurrentul, .searchcurrentul, .threadcurrentul , .desccurrentul, .bestcurrentul{
	border-left: 3px solid #63A3F7;
 }
.sidebar ul {
	padding-bottom: 1rem;
	margin: 0;
	padding-top: 10px;
	border-bottom: 1px solid #DFE8F1;
	padding-left: 20px;
	padding-right: 10px;
}
.sidebar ul .icon-sb {
	padding: 15px 0;
}
.sidebar ul .icon-sb a{
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
}
.sidebar ul .icon-sb a img {
	margin-bottom: 10px;
}
.sidebar p {
	font-size: 18px;
line-height: 25px;
	margin-bottom: 10px;
	text-align: center;

	text-transform: uppercase;
	font-weight: 600;
	padding-top: 10px;
	color: #000;

}
.sidebar ul .hide {
	display: none;
}
.sidebar ul li {
	padding: 5px 0;
	color: #444444;
	font-style: normal;

	font-size: 14px;
	line-height: 19px;
	color: #444444;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.sidebar ul li  a {
	display: flex;
	color: #444444;
	font-weight: 600;
	text-align: left;
	opacity: 0.95;
	font-size: 14px;
	line-height: 19px;
	flex-direction: row;
	align-items: center;
	text-decoration: none;
	justify-content: flex-start;
}
.sidebar ul li a:hover  {
	color: #246EB9;
}
.best-value, .compare-sidebar , .search-sidebar {
	padding-left: 30px;
	padding-right: 10px;

}
.best-value, .compare-sidebar , .search-sidebar {
	padding-bottom: 20px;
	padding-top: 10px;

}
.best-value img, .compare-sidebar img, .search-sidebar img , .new-desctop img, .single-thread img, .new-common img, .compare-sidebarvs img {
		margin-right: 13px;
}
.best-value a  {
		align-items: flex-start;
}
.padding-left-align{
	padding-left: 36px !important;
}
.sidebar a {
	color: #000;
	display: flex;
    color: #444444;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    flex-direction: row;
	text-decoration: none;
	align-items: flex-start;
    justify-content: flex-start;
}
.main-cmps {
	display: flex;
	flex-direction: column;
	width: 80%;
	margin-top: 30px;
	margin-bottom: 80px;

}
.main-cmps h4 {
	font-weight: 600;
	font-size: 27px;
line-height: 37px;
	border-bottom: none;
  }
.wrapper-cpu {
	padding: 0 60px;
}
.wrapper-cpu h4 {
	margin-bottom: 25px;
}
.main-cmps h2 {
	margin-bottom: 10px;
	text-align: center;

}
.wrapper-cpu-table {
	background: #ffffff;
}
.wrapper-cpu-table .vs  {
	padding: 4px;
}
.wrapper-cpu-table .vs a{
	font-size: 18px;
    line-height: 19px;
    color: #3179C5;
    font-weight: 400;
}
.main-cmps img {
	width: 100%;

}

.main-charts {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
	align-items: center;
	justify-content: space-between;
}
.main-charts img {
	width: 128px;
    height: 128px;
}
.main-charts .wrap-bgchart {
	padding: 20px 150px;
}
.main-charts h2 {
	font-size: 18px;
	line-height: 25px;
	background: #ffffff;
	padding: 10px 20px;
	margin: 0;
	border-radius: 3px;
	color: #191919;
	display: flex;
	justify-content: flex-start;

}
.search-cmps h2 {
	display: flex;
	flex-direction: column;
	align-items: flex-start !important;
	justify-content: flex-start;
}
.no-flex {
display: block !important;
}
.main-charts h2 span , .search-cmps h2 span {
	font-family: Arial,Helvetica,sans-serif;
}
.main-charts .column {
	width: 48%;
	border: 1px solid #DFE8F1;
	margin-bottom: 25px;
}
.min-charts {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;

}
.search-cmps img {
	width: 80px;
	height: 80px;
}
.search-cmps .column {
	width: 23%;
}
.search-cmps .wrap-bgchart {
	padding: 20px 60px;
}
.search-cmps .column {
	margin-bottom: 20px;
}
.column h2 {
	font-size: 16px;
	text-align: left;
	background: #ffffff;
	min-height: 56px;
	padding: 5px 7px ;
	margin: 0;
	display: flex;
	align-items: center;
	line-height: 22px;
}
.tezt-cmps table ul {
	padding-left: 0 !important;
}
.main-cmps-head ul {
	font-size: 16px;
	text-align: left;
}
.update-table {
	font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #444444;
}
.top-ten  {
	margin-left: 18px;
}

/*
.desc-body-price-default .newegg {
	width: 130px;
	height: 64px;
}
.desc-body-price-default .ebay {
	width: 117px;
    height: 48px;
}
*/

.search-cmps {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;

}

.search-cmps img {
	width: 80px;
	height: 80px;
}
.search-cmps .column {
	margin-bottom: 20px;
	width: 23%;
}
.search-cmps .wrap-bgchart {
	padding: 10px 60px;
	height: 122px;
	display: flex;
	justify-content: center;
	align-items: center;

}
.tezt-cmps h2 {
	justify-content: center;
	font-size: 30px;
	line-height: 37px;
}
.hide-chats img {
	margin-left: 5px;
	margin-top: 1px;
}

.block_content .container h1, .block_content .container p  {
	margin-left: 0;
}
#sidebar  {

}

body .mark-mob ,body .value-mob{
	display: none ;
}
.mob-cmp-h {display: none;}
@media (max-width: 1450px)  {
	#sidebar h2 {
		font-size: 18px;
	}
	#sidebar p{
		font-size: 18px;
	}
.compare_table table thead td {
	font-size: 13px;
}
}
@media (max-width: 1200px)  {
	body #tabs li {
		font-size: 15px;
	}
}
@media (max-width: 1300px) {
	.mob-cmp-h {
		display: block;
		position: relative;
		top: 9px;

	}
	#tabs div:last-child {
		display: none;
	}
	.mob-cmp-h a {
		padding: 0 !important;
	}
	#icon-header-compare {

		fill: #f0f6f8;
	}
	#icon-header-compare {
		width: 35px;
		height: 25px;
	}
}
@media (max-width: 992px) {
body #tabs li {
    font-size: 10px;
    padding: 5px 0;
}
.main-title {
	margin-top: 43px;
}


.div-to-display {
	display: none;
}

body #tabs .container  {
	display: none;
}
.sidebar {
	width: 23%;
}
.sidebar ul {
	padding-left: 15px;
}
.main-charts img {
    height: 120px;
}
.main-cmps {
	width: 75%;
}
.column h2 {
	font-size: 11px;
	line-height: 15px;
	padding:  0 7px;
	min-height: 40px;
}
.min-charts .wrap-bgchart {
	padding: 10px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main-charts .wrap-bgchart {
	padding: 20px 65px;
}
.mobileadunit {
	display: none;
}
}
@media (max-width: 768px) {
	.mobileadunit {
		width: 100%;
		height: 70px;
		position: fixed;
		bottom: 0px;
		display: block;
		padding: 10px 0px;
		background-color: #e1e1e1;
		z-index: 9999;
	}

	.main-title {
		margin-top: 43px;
		background-size: 250px;
		background-position: center top 60px;
		height: 260px;
	}
	.main-title h2 {
		margin-top: 120px;
		margin-bottom: 0px;
		line-height: 2.5rem;
	}
	.main-title p {
		text-align: center;
	}
	.main-text-cmps {
		width: 100%;
		flex-direction: column;
	}
	.banner-block {
		display: block;
		margin-top: 0px;
		left: 50%;
	}

	.sidebar ul li {
		font-size: 11px;
	}
	.sidebar ul .icon-sb a {
		font-size: 10px;
	}
	.min-charts .column {
		width: 31%;
	}
	.search-cmps .wrap-bgchart {
		padding: 0;
		height: 100px;
	}
	.search-cmps img {
		width: 60px;
		height: 60px;
	}
	.search-cmps .column {
		margin-bottom: 10px;
		width: 32%;
	}
	.tezt-cmps h2 {

		font-size: 22px; }
 }
 @media (max-width: 768px)  {
	 .sidebar {
		 display: none;
	 }
	 .main-cmps {
		width: 100%;
	}

	body #tabs {
		margin-top: 48px;
	}
 }
 @media (max-width: 500px) {
	#scatter {
		overflow-x: scroll;
	}
	.search-cpu-table {
		flex-direction: column;

	}
	body .search-cpu-table form {
		width: 100%;
	}
	.center {
		overflow-x: scroll;
	}
	#main_menu #search_form {
		width: 75px !important;
	}
	#single table, #multi table , #thread table, #date table, #datee table , #mark table,  #value table, #allcpu table,  #intel table, #amd table{
		display: none;
	}
	#single div.chart, #multi div.chart , #thread  div.chart, #date div.chart, #datee  div.chart , #mark div.chart,  #value div.chart, #allcpu div.chart,
	#intel div.chart, #amd div.chart{
		display: block;
	}
	.mob-hide-in {
		display: none;
	}
	#scatter-graph {
		overflow-x: scroll;
	}

	.div-to-display {
		display: block;
	}
	.div-to-display button {
		top: 12px;
		left: 50%;
		padding: 7px 10px;
	}

	.tabs-show {
		display: block ;
	}

	td.chart a  {
		white-space: pre-wrap;
	}
	.top-avail-wrap {
		text-align: center;
	}
	.main-charts .wrap-bgchart {
		padding: 20px 0px;
		text-align: center;
	}
	.top-ten table tr {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-left: 18px;
	}
	.mob-tab {

	}
.main-charts .column {
    width: 100%;
	 }
	.column h2 {
		font-size: 13px; }
		.min-charts .column {
			width: 48%;
		}
		.search-cmps .column {
			width: 48%;
		}
.main-link-table {
	display: none;
}
 }
/* style for hight_and_cpus start*/
.main-tabs {
	width: 100%;
	display: flex;
	font-size: 16px;
	flex-wrap: wrap;
	line-height: 22px;
}

.sub-title h2 {
	font-size: 30px;
	line-height: 37px;
	margin-top: 25px;
	margin-bottom: 5px;
}
.sub-title p{
	text-align: center;

}
.main-tabs p {
	cursor: pointer;
	width: 50%;
	margin: 0;
	padding: 10px 0;
	display: inline-block;
	text-align: center;
	background: #DFE8F1;
 	border: 1px solid #DFE8F1;

 }

 .main-tabs p.active {
	 background:  #fff;
 }

/* charts-style */

td.chart a {
	color:
}
td.chart a {
	font-size: 14px;
	line-height: 19px;
}
td.chart a {
	display: block;
	padding: 5px 0px 6px 20px;
	font-size: 14px;
	white-space: nowrap;
    line-height: 19px;
    font-weight: 400;

}
body table.chart {
	width: 100%;
	background: #ffffff;
}
body td.chart {
	border-left: 2px solid #f0f6f8;
}
body td.value {


   border-left: 2px solid #f0f6f8;

   border-top: none;
   border-bottom: 0;
}
.legend table {
	width: auto !important;
}
.flot-base {
	position: relative !important;
}
#placeholder2, #placeholderThread, #placeholder, #placeholderServer, #placeholderDesktop, #placeholderLaptop, #placeholderMulti, #placeholder-top {
	margin: 0px !important;
	padding: 20px !important;
	background-image: none !important;
	background: #ffffff;
	background-repeat: no-repeat;
	background-position: 70px 0px;
}

#scatter #placeholder:before , #placeholderMulti:before , #placeholderThread:before{
	content: 'BAD';
	position: absolute;
	top: 45px;
	left: 90px;
	z-index: 2;
    color: #00a1e8;
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
}

#scatter #placeholder:after, #placeholderMulti:after, #placeholderThread:after {
	content: 'GOOD';
	position: absolute;
	bottom: 75px;
	right: 59px;
	z-index: 2;
    color: #00a1e8;
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
}
.legend table tbody {
	display: flex;
}
.xaxisLabel {
	top: 30px !important;
}
.yaxisLabel {
	left: 10px !important;
}
.legend table .legendLabel {
	font-weight: 600;
	font-size: 14px;
}
.legend div{
	left: 60px !important
}
.legend table, .legend {
	right: 49px !important;
    top: 5px !important;
    left: auto !important;
}
body .meter {
	padding: 0;
	padding-left: 20px;
}
/* charts-style end */
/* style for hight_and_cpus end */
/* end new style */
.textbuybutton {
text-align: left;
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #416b73;
border-style: none;
background: none;
margin-left: 0px;
padding-left: 0px;
width: 90px;
*width: 80px;
}
.textbuybutton:hover {
cursor:pointer;
text-decoration: underline;
color: #109bA3;
}

.content {
width: 750px;
background: #FFFFFF;
text-align: left;
padding-bottom: 10px;
}

.contentborder {
width: 750px;
text-align: left;
}
b.rtop, b.rbottom{display:block; background: transparent;}
b.rtop b, b.rbottom b{display:block;height: 1px;
overflow: hidden; background: #FFFFFF;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

.scontent {
width: 750px;
background: #c5d8dc url(images/bgspecial.png) repeat-x;
text-align: left;
}
.scontentborder {
width: 750px;
background: transparent;
text-align: left;
}
.scontentborder b.rbottom{display:block; background: transparent;}
.scontentborder b.rbottom b{display:block;height: 1px; overflow: hidden; background: #c5d8dc;}
.scontentborder b.rtop b{display:block;height: 1px; overflow: hidden; background: #e6eef0;}

.infobox {
background: #DDDDDD;
text-align: left;
padding-bottom: 10px;
padding-top: 10px;
}
.infoboxborder {
background: transparent;
text-align: left;
}
.infoboxborder b.rbottom{display:block; background: transparent;}
.infoboxborder b.rbottom b{display:block;height: 1px; overflow: hidden; background: #DDDDDD;}
.infoboxborder b.rtop b{display:block;height: 1px; overflow: hidden; background: #DDDDDD;}

.productlist, ul.productlist { margin-left: 0px; padding-left: 0px;}
ul.productlist li {
clear: left;
list-style: none;
margin-top: 20px;
margin-bottom: 20px;
}

.newsdate {
color: #888888;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin-left: 10px;
}

a.discount, a.discount:link, a.discount:visited {
	color: #00AA00;
	font-size: large;
}

.discountedrrp {
	text-decoration: line-through;
	color: #AA0000;
}

.productheader {  margin-bottom: 10px; text-align: left; padding-top: 10px;}
.productheader img { vertical-align: middle; margin-right: 10px;}
.main-cmps-head p {
	text-align: left;
}
.productname
{
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
}

a.bigproductname, a.bigproductname:link, a.bigproductname:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
text-decoration: none;
color: #416b73;
padding: 0px;
}
a.bigproductname:hover { color: #109bA3; text-decoration: underline;}

a.productname, a.productname:link, a.productname:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #416b73;
padding: 0px;
}
a.productname:hover { color: #109bA3; text-decoration: underline;}

a.iconlink img, a.iconlink:link img, a.iconlink:visited img {
vertical-align: middle;
text-align: middle;
}

.small, small
{
font-size: 10px;
font-style: normal;
line-height: 15px;
}

.breadcrumbs {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
width: 750px;
margin-left: 0px;
padding-left: 5px;
margin-top: -5px;
margin-bottom: 5px;
color:#666666;

text-align: left;
}

.smallproductlinks { color:#888888; font-size: 10px; }
.bottomnavbar {
	color:#888888;
	font-size: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px;
	text-align: center;
}

.footer {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
margin-top: 10px;
margin-bottom: 0px;
text-align: center;
}

.footer_pm {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
margin-top: 10px;
margin-bottom: 0px;
}

#faq ul {
list-style: none;
font-weight: bold;
text-indent: -1.5em;
}

#faq h2 {
font-size: 14px;
font-weight: bold;
font-style: italic;
}


a#specialsCornerPromo {
	position: fixed;
	z-index: 1000;
	right: 0px;
	bottom: 0px;
}
a#specialsCornerPromo img { border: 0px; }

.shoppingcart_table {
	margin-left: 30px;
}

.billing_details_table {
	background-color: #BAD2D6;
	width: 500px;
	border: 0px;
	margin-left: 30px;
}

.confirm_details_table {
	margin-left: 30px;
	width: 440px;
}

/* PASSMARK TOP BAR AND SHOPPING CART STYLES */

.topbar_pm {
font-family: Segoe UI;
font-size: 13px;
font-style: normal;
font-weight: normal;
}
a.topbar_pm, a.topbar_pm:link, a.topbar_pm:visited {
font-family: Segoe UI;
font-size: 13px;
text-decoration: none;
font-weight: normal;
color: #416b73;
}
a.topbar_pm:hover { border-bottom: solid #b53118 3px; }

.topbarcart_pm {
background: url('images/cart.png') no-repeat; padding-left: 18px;
font-family: Segoe UI;
font-size: 13px;
font-style: normal;
font-weight: normal;
}
a.topbarcart_pm { font-weight: normal; text-decoration: none; }
a.topbarcart_pm:hover { border-bottom: solid #b53118 3px; text-decoration: none; }

/*
#header {
width: 750px;
margin-bottom: 10px;
}
table.header, td.header, tr.header { padding: 0px; margin: 0px;}
*/

#header_pm {
width: 750px;
margin-bottom: 10px;
}
table.header_pm, td.header_pm, tr.header_pm { padding: 0px; margin: 0px;}


/* PASSMARK SEARCH BOX STYLES */

#passmark_search {
	margin-top: 5px;
}
#passmark_search_form {
border: 0px;
background-color: #81A7AD;
font-size: 13px;
font-family: Segoe UI;
height: 22px;
color: white;
vertical-align: middle;
width: 130px;
}
#passmark_search input[type="image"]{
vertical-align: middle;
background-color: #81A7AD;
}

#passmark_global
{
	color: #416b73;
}


/* PASSMARK HEADER BAR STYLES */

/* drop buttons for the dropdown menu items */
.dropbtn, .btn {

		display: inline-block;
		position: relative;
		color: white;
    background-color: #719AA2;
    width: 84px;
    border: none;
    cursor: pointer;
    font-family: "Segoe UI";
    height: 34px;
		font-size: 13px;
		text-align: center;

}

#navbar_pm {
height: 30px;
border: 0px;
padding: 0px;
margin: 0px;
}
#navbar_pm ul {
display: flex;
margin: 0px;
padding: 0px;
line-height: 30px;
white-space: nowrap;
display: -ms-flexbox;					/* TWEENER - IE 10 */
display: -webkit-flex;				/* Chrome */
}
@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */
  #navbar_pm ul {
    display: flex;
  }
}

li.btn, li.dropdown {
list-style-type: none;
display: inline;
top-padding: 10px;
}
a.navbar_pm, a.navbar_pm:link,a.navbar_pm:visited {
font-family: Segoe UI;
font-size: 13px;
font-weight: normal;
text-decoration: none;
padding: 0px;
position: relative;
top: 2px;
}

#navbarleft_pm {
width: 6px;
height: 30px;
border: 0px;
padding-right: 5px;
margin: 0px;
float: left;
}
#navbarright_pm {
width: 7px;
height: 30px;
border: 0px;
padding-left: 5px;
margin: 0px;
float: right;
}


a.navbar_pm, a.navbar_pm:link, a.navbar_pm:visited {
	color:white;
	display: block;
}

a.navbar_pm: hover {
	color:white;
}

/* Dropdown button on hover & focus */


button.dropbtn {
		display: inline-block;
		height: 34px;
		min-width: 84px;
		padding: 0px;
		color: white;
    background-color: #719AA2;
		text-align: middle;
}

.btn:hover{
    border-bottom: 5px solid rgb(181, 49, 24);
    background-color: #71AAB2;
}
button.dropbtn:hover, button.dropbtn:focus{
 	background-color: #71AAB2;
}
/* The container <div> - needed to position the dropdown content
.droptext {
	position: relative;
	top: 0px;
}
*/
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #719AA2;
    border-bottom: 4px solid rgb(181, 49, 24);
		border-right: 4px solid rgb(181, 49, 24);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top: 34px;
}

/* Links inside the dropdown */
.dropdown-content a {
		color: white;
		font-size: 13px;
    font-family: "Segoe UI";
    text-decoration: none;
    font-weight: normal;
    display: block;
    text-align: left;
    padding: 8px;
    padding-left: 15px;
}


/* Change color of dropdown links on hover */
.dropdown-content a:hover {
		background-color: #71AAB2;
    border-left: 5px solid rgb(181, 49, 24);
		padding-left: 10px;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

#navbar_pm {

	position: relative;
	z-index: 999;
	margin-bottom: 18px;
}
