
body{
	margin:0;
	padding:0;
	background-color: #ffffff;
	color: #000000;
}

img {border: none;}

th, td, div, body, input, textarea, table {
	font-family: verdana, helvetica, arial;
	font-size:12px;
}

p {
	font-family: verdana, helvetica, arial;
	font-size:12px;
	margin: 0px;
	padding: 0px;
}

select {
	border: 1px solid #819DB5;
	height: 19px;
}

textarea {
	border: 1px solid #819DB5;
} 

div{
	margin:0px;
	padding:0px;
}

form {
	display:inline;
}

a {
	color: #001cc8;
	text-decoration: none;	
}
a:hover {
	text-decoration: underline;	
}

h2 {
	margin: 0px;
	padding: 0px;
	color: #931f7f;
}

.category-title {
	color: #931f7f;
	font-weight: bold;
	font-size: 18px;	
}

.header-block {
	width: 100%;
	background-color: #000000;	
	border-bottom: 1px solid #cccccc;
}

.header-logo, .center {
	width:1200px;
	margin:auto;
	padding:0px;
}

#main {
	margin: auto;
	width: 100%;
}

#left-block {
	width: 27%;
	float: left;
	max-width: 180px;
	border-right: 1px dotted #cccccc;	
}

#left-block a {
	color: #752393;	
	font-size: 14px;
}

#rblock {
	float: left;
	width: 65%;
	padding-left: 8px;
	border: 1px solid red;
}

.vthumb {
	width: 100%;	
	max-width: 200px;
}

.clear {
	clear: both;
}

.b { font-weight: bold; }

.ar { text-align:right; }
.ac { text-align:center; }
.vat { vertical-align: top; }
.vam { vertical-align: middle; }
.vab { vertical-align: bottom; }

table.vat td { vertical-align: top; }

.page_nav td {
	width: 22px;
	height: 18px;
	padding: 3px;
	border: 1px solid #fec2c2;
	text-align: center;
	font-size: 15px;
}
.page_nav a {
	color: #000000;
}
.page_nav td:hover {
	width: 22px;
	height: 18px;
	padding: 3px;
	border: 1px solid #333399;
	text-align: center;
}
.page_nav td.curr-page {
	font-size: 16px;
	color: red;
	font-weight: bold;
	border: 1px solid red;
}

.commen-block {
	background-color: #555555;
	border: 1px solid #cccccc;
	padding: 8px;	
}

.border img {
	border: 1px solid #cccccc;	
}
.border img:hover {
	border: 1px solid #ff00d2;	
}

table.content-table td {
	width: 205px;	
	vertical-align: top;
	padding-right: 25px;
	padding-bottom: 15px;
}
 
.mandatory { color: red; }

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/*padding*/
table.pad1 td {padding: 1px;}
table.pad3 td {padding: 3px;}

.pad3 {padding: 3px;}
.pad5 {padding: 5px;}
.pad6 {padding: 6px;}
.pad7 {padding: 7px;}
.pad8 {padding: 8px;}
.pad10 {padding: 10px;}
.pad15 {padding: 15px;}

.padl3 {padding-left: 3px;}
.padl5 {padding-left: 5px;}
.padl8 {padding-left: 8px;}
.padl10 {padding-left: 10px;}
.padl15 {padding-left: 15px;}
.padl20 {padding-left: 20px;}
.padl25 {padding-left: 25px;}
.padl35 {padding-left: 35px;}
.padl50 {padding-left: 50px;}
.padl75 {padding-left: 75px;}
.padl100 {padding-left: 100px;}
.padl115 {padding-left: 115px;}

.padr1 {padding-right: 1px;}
.padr2 {padding-right: 2px;}
.padr3 {padding-right: 3px;}
.padr5 {padding-right: 5px;}
.padr8 {padding-right: 8px;}
.padr10 {padding-right: 10px;}
.padr15 {padding-right: 15px;}
.padr25 {padding-right: 25px;}
.padr35 {padding-right: 35px;}

.padh3 {
	padding-left: 3px;	
	padding-right: 3px;	
}

.padt1 {padding-top: 1px;}
.padt2 {padding-top: 2px;}
.padt3 {padding-top: 3px;}
.padt5 {padding-top: 5px;}
.padt6 {padding-top: 6px;}
.padt7 {padding-top: 7px;}
.padt8 {padding-top: 8px;}
.padt10 {padding-top: 10px;}
.padt11 {padding-top: 11px;}
.padt12 {padding-top: 12px;}
.padt15 {padding-top: 15px;}
.padt18 {padding-top: 18px;}
.padt20 {padding-top: 20px;}
.padt25 {padding-top: 25px;}
.padt30 {padding-top: 30px;}
.padt45 {padding-top: 45px;}

.padb3 {padding-bottom: 3px;}
.padb5 {padding-bottom: 5px;}
.padb8 {padding-bottom: 8px;}
.padb10 {padding-bottom: 10px;}
.padb15 {padding-bottom: 15px;}

/*sizes*/
table.s11 td {font-size: 11px;}
tr.s9 td {font-size: 9px;}
.s9 {font-size: 9px;}
.s10 {font-size: 10px;}
.s11 {font-size: 11px;}
.s12 {font-size: 12px;}
.s13 {font-size: 13px;}
.s14 {font-size: 14px;}
.s15 {font-size: 15px;}
.s16 {font-size: 16px;}
.s17 {font-size: 17px;}
.s18 {font-size: 18px;}
.s19 {font-size: 19px;}
.s20 {font-size: 20px;}
.s21 {font-size: 21px;}
.s22 {font-size: 22px;}
.s23 {font-size: 23px;}
.s24 {font-size: 24px;}
.s25 {font-size: 25px;}

/*colours*/
tr.gray td {color: #cccccc;}
.gray {color: #cccccc;}
.gray2 {color: #666666;}
.blue {color: #003399;}
.red {color: #F30C11;}
.white {color: #ffffff;}
.pink {color:#ff03c1;}
.orange {color: #ff8b03;}
.violet {color: #ca04c8;}
.green {color: green;}
.yellow {color: yellow;}
.red2 {color: #e10a08;}
