@charset "utf-8";

/* Body and Html */
html{
	background: #fff;
	border:0;
	margin:0;
	padding:0;
}

body.front {
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;	
}

table {
	font-size: 100%;
	border-collapse: collapse;
	margin: 0;
}
td {padding: 0;}



/* Classes */
.hidden {display:none}
.fl {float: left}
.fr {float: right}
.test { border:1px solid blue;}
.test2 { border:1px solid red;}
.clear 	{clear: both; height:1px; font-size:1px; line-height:1px; margin:0; padding:0;overflow: hidden }
.relative {position: relative; margin:0; padding:0;}
.left	{float: left;}
.right	{float: right;}
.leftm {float:left; margin-left:14px; padding:0; display:block; width:175px; }
.clearf {clear: both; margin:0; padding:0; }
.left_mleft {float:left; margin-left:7px;}
.margin_right9px {margin-right:9px;}
.hr_dotted {background:url('/img/dot_grey.gif') left top repeat-x; line-height: 1px; height: 1px; margin-top: 6px; margin-bottom: 6px; clear: both;}
.vmiddle {vertical-align:middle;}
/* Links */
a img {border:none}

a.dotted {
	border-bottom:1px dotted #00abff;
	color:#00abff;
	padding-bottom:1px;
	text-decoration:none;
}

a:hover.dotted {
	border-bottom:2px solid #00abff;
	color:#00abff;
	text-decoration:none;
}

.articlePopup {
	font-size: 0.9em;
}


#wrapper {
	background: #d7d7d7;
	margin: 0 auto;
  	/*min-width: 980px;
  	max-width: 1500px;*/
	overflow: hidden;
	width: 1200px;
}


a {
	color: #005a84;
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
} 

a:hover {
	color: inherited;
	font: inherited;
	text-decoration: underline;
} 

/*-----------------------HEADERS CSS----------------------*/
h1 {
	color: #322f31;
	font: bold italic 32px Georgia, "Times New Roman", Times, serif;
	margin: 4px 0 20px 0;
}



h1 span {
	color:#005a84;
}

h1 a {
text-decoration: none;
}


h2 {
	color: #000;
	font-size: 14px;
	margin: 4px 0 10px 0;
} 


h2 a {
	color: #000;
	font-size: 1em;
	margin: 4px 0 10px 0;
	text-decoration: underline;
} 

h2 a:hover {
	
} 

/*-----------------------HEADER----------------------*/

#header {
	background: #fff;
	padding: 0;
}

#header a#logo {
	margin-left: 40px;
}

#header table {
	background:#8cd63f url(/img/header_top.gif) no-repeat;
	border: none;
	border-collapse: collapse;
	height:95px;
	width:100%;

}

#header table th,#header table td {
	padding:0;
}

#header table th {
	background: url(/img/header_footer.gif) no-repeat bottom right;
	width: 33px;
}

#headerimage {
}


/*-----------------------TOP MENU----------------------*/
div#topmenu {
	background: url(/img/beckie-menu.gif) repeat-x;
	font-size: 12px;
	height: 29px;
	line-height: 29px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}

div#topmenu table {
	border-collapse: collapse;
	margin: 0 auto;
	text-align: center;
}

div#topmenu table td {padding: 0}


div#topmenu a {
	color: #005a84;
	display: block;
	float: left;
	font-weight: normal;
	height: 29px;
	line-height: 25px;
	padding: 0 25px;
	text-transform: lowercase;
	vertical-align: middle;
}

div#topmenu a.active {
	background: url(/img/beckie-menu.gif) repeat-x 0 -58px ;
	color: #005a84;
	height: 29px;
}

/*-----------------------MIDDLE MENU----------------------*/
div#middlemenu {
	background: url(/img/beckie-menu.gif) repeat-x 0 -29px ;
	font-size: 12px;
	height: 29px;
	line-height: 29px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}

div#middlemenu table {
	border-collapse: collapse;
	margin: 0 auto;
	text-align: center;
}

div#middlemenu table td {padding: 0}


div#middlemenu a {
	color: #fff;
	display: block;
	float: left;
	font-weight: bold;
	height: 29px;
	line-height: 25px;
	padding: 0 25px;
	vertical-align: middle;
}

div#middlemenu a.active {
	background: url(/img/beckie-menu.gif) repeat-x 0 0;
	color: #005a84;
	height: 29px;
}

/*-----------------------LEFT BAR----------------------*/
div#leftbar {
	float: left;
	padding-left: 15px;
	width: 265px;
}

div#leftbar .header {
	background: url(/img/header-left.jpg) no-repeat;
	font: bold 20px Verdana, Geneva, sans-serif;
	height: 53px;
	line-height: 50px;
	margin-bottom: 15px;
	padding-left: 54px;
	vertical-align: middle;
	width: 213px;
}

div#leftbar .header a {
	display: block;
	float: left;
	font: bold 20px Verdana, Geneva, sans-serif;
	height: 53px;
	line-height: 50px;
	margin-bottom: 15px;
	padding-left: 0;
	vertical-align: middle;
}

div#leftbar .header a img {
	margin-left: 5px;
	margin-top: 20px;
	vertical-align: middle;
}

/*-----------------------RIGHT BAR----------------------*/
#rightbar {
	float: left;
	overflow: hidden;
	padding-left: 15px;
	width: 265px;
}

div#rightbar .header {
	background: url(/img/header-left.jpg) no-repeat;
	font: bold 20px Verdana, Geneva, sans-serif;
	height: 53px;
	line-height: 50px;
	padding-left: 55px;
	vertical-align: middle;
	width: 212px;
}

/*-----------------------CENTER BAR----------------------*/
#centerbar {
	background: #fff;
	border: 1px solid #a9a9a9;
	color: #757474;
	float: left;
	font-size: 12px;
	margin-left: 15px;
	padding: 15px;
	width: 575px;
}

#centerbar h1 {
	background: url(/img/logo-small.jpg) no-repeat;
	font: bold 20px Verdana, Geneva, sans-serif;
	height: 31px;
	line-height: 29px;
	padding-left: 40px;
	vertical-align: middle;
}

#centerbar h1.catalogue {
	color: #322f31;
	font: bold 16px Verdana, Geneva, sans-serif;
	margin: 4px 0 20px 0;
}

#centerbar h1 a {
	font: bold 20px Verdana, Geneva, sans-serif;
	height: 31px;
	line-height: 29px;
	text-decoration: none;
	vertical-align: middle;
}



/*-----------------------INFO BLOCK----------------------*/

.infoblock {
	background: #fff;
	border: 1px solid #a9a9a9;
	font-size: 12px;
	margin-bottom: 15px;
	padding: 10px 30px;
	width: 205px;
}

.infoblock h2 {
	border-bottom: 1px solid #322f31;
	color: #322f31;
	font: bold 12px Verdana, Geneva, sans-serif;
	text-transform: lowercase;
}


.infoblock a {
	color: #322f31;
	font: normal 12px Verdana, Geneva, sans-serif;
	text-decoration: none;
}

.infoblock a.active {
	font-weight: bold;
}


.infoblock a:hover {
	text-decoration: underline;
}

a.subcatalog {
	margin-left: 30px;
}

.partners {
	text-align: center;
}

.whatever img {
	border: 1px solid #a9a9a9;
	margin-bottom: 15px;
}

.contacts th, .contacts td, .contacts a {
	font-size: 11px;
	padding: 10px 0;
}

.contacts th {
	font-weight: normal;
	padding-right: 20px;
	text-align: left;
	vertical-align: top;
}


.maincatalog ul {
	margin:0;
	padding: 0;
	list-style: none;
}

.maincatalog ul ul {
	padding-left: 25px;
}

.infoblock .login {
	border: 1px solid #8c8c8c;
	margin-bottom: 5px;
	margin-left: 10px;
	width: 150px;
}

.infoblock .pwd {
	border: 1px solid #8c8c8c;
	margin-bottom: 5px;
	margin-left: 10px;
	width: 115px;
}


/*-----------------------SITE CLASSES----------------------*/
#path {
	font-size: 10px;
	padding-left: 42px;
}

#path a {
	color: #322f31;
}

/*-----------------------FOOTER MENUS----------------------*/
div#footercatalogmenu {
	background: #9e9e9e;
	font-size: 12px;
	height: 19px;
	line-height: 17x;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}

div#footercatalogmenu a {
	color: #fff;
	height: 19px;
	line-height: 17px;
	margin: 0 22px;
	vertical-align: middle;
}

div#footermenu {
	background: #005a84;
	font-size: 12px;
	height: 22px;
	line-height: 20px;
	margin-top: 20px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}

div#footermenu a {
	color: #fff;
	height: 22px;
	line-height: 20px;
	margin: 0 22px;
	vertical-align: middle;
}


/*-----------------------ICONS BLOCK----------------------*/
#iconbar {
	position: absolute;
	top:15px;
	left:590px;
	height:13px;
	z-index: 999;
}

#iconbar a {
	background: url(/img/top-icons.gif) no-repeat;
	display: block;
	float: left;
	height: 13px;	
}

#iconbar a.home {
	width:15px;
	margin-left:5px;
}

#iconbar a.contacts {
	background-position: -28px 0;
	width:13px;
	margin-left:10px;
}

#iconbar a.sitemap {
	background-position: -54px 0;
	width:16px;
	margin-left:10px;
}
/*-----------------------PHONES BLOCK----------------------*/
#phonebar {
	color: #656262;
	font-size: 15px;
	position: absolute;
	top:11px;
	left:695px;
	z-index: 999;	
}

#phonebar span {
	float: left;
}

#phonebar strong {
	color: #4c8ba9;
	float: left;
	font-size: 30px;
	margin-left: 3px;
	margin-top: -6px;
}
/*-----------------------SEARCH BAR ----------------------*/
#searchbar {
	color: #757474;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
	width: 290px;
}



#searchbar form, #searchbar table {
	background: none;
	padding:0;
	margin: 0;
}

#searchbar table {
	height: 20px;
}

#searchbar table td#search {
	background: none;
	vertical-align: middle;
}


#searchbar .inp {
	height: 15px;
	width: 180px;
}

html:first-child #searchbar .inp {
	vertical-align: middle;
}

#searchbar .search {
	
	vertical-align: middle
}

/*-----------------------TOP INFO BLOCK----------------------*/
#topinfo {
	color: #757474;
	font-size: 11px;
	height: 86px;
	left:920px;
	overflow: hidden;
	position: absolute;
	top:11px;
	z-index: 999;
	width: 270px;
}

#topinfo span {
	float: left;
}

#topinfo strong {
	color: #4c8ba9;
	float: left;
	font-size: 30px;
	margin-left: 3px;
	margin-top: -6px;
}



/*-----------------------CATALOG----------------------*/
#centerbar h1.producttitle {
	color: #005a84;
	font-size: 15px;
}

div.articles {
	border: 1px solid #a8a8a8;
	color: #000;
	display: block;
	font-weight: bold;
	margin-bottom: 15px;
	margin-left: 40px;
	padding: 5px 18px;
}

div.brands {
	border: 1px solid #a8a8a8;
	color: #000;
	display: block;
	font-weight: bold;
	margin-bottom: 15px;
	margin-left: 40px;
	padding: 5px 18px;
	text-align: center;
}

div.brands a {
	margin: 0 5px;
}

div.product {
	border: 1px solid #a8a8a8;
	display: block;
	margin-bottom: 15px;
	margin-left: 40px;
	padding: 15px 18px;
}

div.product table {
	border-bottom: 1px solid #8c8c8c;
	width: 100%;
}

div.product th {
	padding-right: 25px;
	width: 120px;
}

div.product td {
	color: #322f31;
	font-size: 12px;
	padding-bottom: 10px;
	vertical-align: top;
}

div.product td a {
	color: #005a84;
	font-size: 12px;
}

.orderbutton {
	margin-top: 10px;
	text-align: right;
}

#productdetails table {
	border-bottom: 1px solid #8c8c8c;
	margin-bottom: 10px;
	width: 100%;
}

#productdetails  th{
	width: 150px;
}

#productdetails  th, #productdetails  td  {
	vertical-align: top;
}

#productdetails  th img {
	margin-right: 25px;
}

#productdetails  td.order {
	width: 50px;
}

.price {
	color: #4c4c4c;
	font-weight: bold;
	font-size: 24px;
	vertical-align: middle;
}

table.details {
	border: 1px solid #8c8c8c;
	margin-top: 0px;
}

table.details td {
	border: 1px solid #8c8c8c;
	padding: 4px;
}

.discount {
	color: #B00;
	padding-top: 1em;
	text-decoration: line-through;
}

.catalogdescription {
	margin-bottom: 15px;
	margin-left: 40px;
}


/*-----------------------ORDER STYLES----------------------*/
table.basket td {
	padding-bottom: 15px;
	vertical-align: top;
}
	


/*************************************************************** NEWS STYLES */
table#newslist {border-collapse: collapse}
table#newslist td, table#newslist th {padding:0}
.newsdate {color: #999999; font-size: 0.9em;}
.newslist {padding-bottom: 20px;}

.lastnews {
	margin-bottom: 5px;
}


/*-----------------------BUTTONS STYLES----------------------*/
a.button {
	display: block;
	height: 20px;
	margin-top: 10px;
	text-align: center;
	width: 99px;
	outline: none;
	text-indent: -10000px;
}

a.buttonRestore {
	background:url(/img/button-restore.gif) no-repeat;
}

a.buttonSignup {
	background:url(/img/button-signup.gif) no-repeat;
}



/*************************************************************** SIGNUP FORM */
#signupformlj {
	margin: 0; padding:0;
}


#signupform input {
	
}
.inp {
	border: 1px solid #8c8c8c;
	margin-bottom: 5px;
	width: 90%;
}

.inplj {
	
	width: 130px
}

.logininput{
	width: 220px
}


.error_msg {
	color: #FF0000;
	display: none;
}

.error_msg_vis, .titleerror, .error {
	color: #FF0000
}

b.important {
	color: #D90000; 
	font-size: 1.5em;
}

/*************************************************************** SHOP */

 
/*************************************************************** PAGER CSS */ 
div.pager  {
  	color: #005a84;
  	text-align: right;
}
 
div.pager a {
 	color: #000;
	text-decoration: none;
}

div.pager a:hover {
	text-decoration: underline;
}


div.pager .active {
	background: #005a84;
	color: #fff;
	padding: 0 2px;
}
 
  

 /*************************************************************** FEEDBACK FORM CSS */ 
.feedbackMessageErr {
	color: #CC0000;
}

div#contactmessage {
	width: 300px;
}

.feedbackform {
	margin: 0;
	padding:0;
}

table#feedback {
	margin-top: 0px;
	*margin-top: 0px;
}


table#feedback input {
	border: 1px solid #8c8c8c;
	margin-bottom: 3px;
	*margin-bottom: 0px;
	margin-left: 3px;
	margin-right: 10px;
	width: 200px;
}

table#feedback input.securecode {
	border: 1px solid #8c8c8c;
	margin-left: 3px;
	margin-top: 3px;
	width: 35px;
}
table#feedback input.submit {	
	border:none;
	width: 99px;
}

table#feedback  img {
	display: inline;
	padding-bottom: 4px;
	vertical-align: middle;
}

html:first-child table#feedback  img {
	padding-bottom: 7px;
}



table#feedback textarea {
	border: 1px solid #8c8c8c;
	margin-bottom: 5px;
	height: 120px;
	overflow: hidden;
	width: 520px;
	*width: 523px;
}

table#feedback th {
	font-size: 0.95em;
	font-weight: normal;
	height: 3em;
	text-align: left;
	width: 45px;
}




.commentscount {
	color: #999;
	font-size: 0.8em;
	margin-top: 5px;
}

.commentscount a  {
	color: #999;
}

.commentscount a:hover  {
	text-decoration: none;
}

#loginPopup {
	display: none;
}

.loginPopup {
	font-size: 0.8em;
}

.logininput {text-align:center;width: 240px;}


/*
+----------------------------------------------------------------+
COMMENTS CSS
+----------------------------------------------------------------+
*/
.comments-loading {	display: none;	height: 16px;	text-align: left;}
.comments-image {	border: 0px;}
.comments IMG, .comments-loading IMG, .comments-image IMG {	border: 0px;	padding: 0px;	margin: 0px;	vertical-align: middle;}
.commentsblock{ margin-top: 0px}
.commentsblock a  {
	color: #00abff;
}
.commentform {display:none; margin: 5px 0 10px 0}
.commentform textarea {width: 500px; height: 100px; font: normal 11px tahoma, Verdana, Arial, Helvetica, sans-serif}
.commentform input, .commentform form {margin-top: 5px;}
#comments {margin-top: 10px}
.commentDate {font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #999999; margin-bottom: 10px; float: right}
.commentDate a {font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #999999 }
.commentName {float: left}
table#commenttable  {margin-top: 10px;width: 100%;}
#commenttable th {vertical-align: top; text-align: center;}
#commenttable td {vertical-align: top; text-align: left; }
#commenttable th { width: 120px;}
#commenttable td { background-color: #e8f8e6; padding: 5px 5px 5px 10px;  border-left: 2px solid #8cd63f}
#commenttable td.secondrow {background-color: #eee; border-left: 2px solid #00abff}
#commenttable td.commentdivider {background: none;border: none; height: 15px;}
#commenttable .avatar {
	border: 1px solid #ccc;
	float: left;
	padding: 5px;
	width:100px;
	}
	



/*
+----------------------------------------------------------------+
FACEBOX CSS
+----------------------------------------------------------------+
*/	
#facebox .b {
  background:url(/img/facebox/b.png);
}

#facebox .tl {
  background:url(/img/facebox/tl.png);
}

#facebox .tr {
  background:url(/img/facebox/tr.png);
}

#facebox .bl {
  background:url(/img/facebox/bl.png);
}

#facebox .br {
  background:url(/img/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

a.close  {
	color: #595959;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}

a.close  img {
	vertical-align: middle;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  font-size: 0.8em;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 250px;
}

#facebox .content {
	overflow: auto;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
	
  background-color: #000;
  z-index: 98;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}

.highslide-gallery table {
	width: 100%;
}

.highslide-gallery table td {
	padding: 0 10px;
}

.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(/js/graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(/js/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}
.highslide-overlay {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(/js/graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Controls for the galleries.											   */
/* Remove these if you are not using a gallery							   */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(/js/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(/js/graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
}
.highslide-controls a {
	background-image: url(/js/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}


/* The CSS sprites for the controlbar  */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}


/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(/js/graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: 0px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(/js/graphics/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}

/* common form styles = forms generator */
#commonform table th {
	padding: 0 10px 10px 0;
	text-align: left;
}

#commonform table td {
	padding: 0 10px 10px 0;
	text-align: left;
}

#commonform input {
	border: 1px solid #8c8c8c;
}

#commonform .nob {
	border: none;
}

#commonform .submit {
	border-top: 1px solid #8c8c8c;
}

#commonform .formheader
{
	border-bottom: 1px solid #8c8c8c;
}

#pagenavi {
	border-top: 1px solid #ccc;
	clear:  both;
	padding-top: 10px;
	text-align:  center;
}