html {
width:100%;
border:0px;
text-align:center;
background:#96aebe;
}

body {
width:909px;
margin:10px auto;
font-size:12px;
font-family:Tahoma;
}

#body {
background:url('/img/tl1.jpg') top left no-repeat #ffffff;
}

a img {border:0px;}
form, p {margin:0px;}

h1, h2, h3, h4, h5 {
color:#005aa0;
margin:0px 0px 10px;
}

.code{
	color:#005aa0;
	text-align:right;
}

h2 {
font-size:16px;
}

h4 {
font-size:13px;
margin:0px;
}

ul {
margin:0px 0px 6px 5px;
padding:0px;
}

li {
margin:0 0 0 8px;
padding:7px 0px 7px 0;
border-bottom:1px solid #dde5ea;
list-style-type:none;
list-style-image:url('/img/bullet3.gif');
}

select {
font-family:tahoma, helvetica, arial;
font-size:11px;
height:18px;
}

.cb {
clear:both;
}

div.fl {
float:left;
}

div.fr {
float:right;
}

h2.catalogheader {
margin:3px 10px 0px;
}

/* IE \*/
* html .fl, .fr {
display:inline;
}
/**/

table#global {
background-color:#ffffff;
}

a.article {
font-size:12px;
}

div#leftColumn {
width:195px;
padding:10px 0px 0px 13px;
}

div#rightColumn {
width:692px;
margin:10px 0px 0px;
}

div#callback {
text-align:center;
color:#005aa0;
}

div#header {
padding:13px 13px 0px;
text-align:center;
}

div#header img {
display:block;
}

td.specContent {
width:50%;
border:1px solid #94a6b0;
background:#ecf2f5;
font-size:12px;
vertical-align:top
}

td.mainContent {
width:50%;
border:1px solid #94a6b0;
}

.block {
border-width:6px 1px 1px;
border-color:#e2001a #94a6b0 #94a6b0;
border-style:solid;
margin:0px 0px 10px;
padding:10px;
text-align:left;
font-size:12px;
}

.fs12 {font-size:12px}

div.menu a {
color:#476d83;
font-size:14px;
text-decoration:underline;
display:block;
}

div#search {
border:0px;
font-weight:bold;
color:#ffffff;
width:209px;
height:328px;
background:url('/img/searchbg.png') top left no-repeat;
}

div#searchbg {
width:209px;
height:338px;
background:url('/img/br1.jpg') bottom right no-repeat;
}

div#adv {
margin:10px 13px 10px 0px;
overflow:auto;
width:172px;
}

div#content {
margin:0px 220px 10px 0px;
}

div.content2 {
margin:0px 13px 10px 0px;
padding:0px;
}

div#bodyfooter {
margin:0px 13px 10px 0px;
font-size:12px;
}

hr {
border:1px 0px 0px 0px;
border-style:solid;
border-color:#dde5ea;
width:80%;
}

div.square {
margin:7px 2px 0px -6px;
width:7px;
height:7px;
z-index:2;
background:#ff0000;
float:left;
}

span.price {
color:#ff0000;
font-weight:bold;
}

div.l {
width:49%;
float:left;
}

a {
color:#005aa0;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

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

a.underline{
text-decoration:underline;
}

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

a.news_header {
/* font-weight:bold; */
}

p.news_header{
padding:4px 0 0;
}

span.date {
color:#73848d;
/* font-weight:bold; */
}

p.news_more{
text-align:right;
margin:0 20px 0px 0;
}

div.more {
text-align:right;
}

div#cnt1 a, div#cnt2 a {
padding:3px 0px;
text-decoration:underline;
}

div#footerimage {
height:117px;
text-align:right;
background:url('/img/bottom.jpg') bottom left no-repeat;
}

div#bot {
padding:80px 5px 0px;
}

div#bot a {
background:transparent;
}

div#footer {
height:20px;
padding:5px;
font-size:13px;
color:#000;
}

div#footer a {
background:transparent;
color:#000000;
text-decoration:underline;
padding:0px 15px 0px 3px;
}

.preview {
float:left;
margin:0px 10px 10px 0px;
}

.pager{
	margin:15px 0;
	border-style:dashed none;
	border-width:1px 0;
	border-color:#96aebe;
	text-align:center;
}

.pager table{margin:0 auto}
.pager td{
	vertical-align:middle;
	line-height:17px;
}
.page_active{
	font-weight:bold;
	cursor:normal !important
}

.article .text{
	width:170px;
}

#searchform .text{width:140px}



/* the overlayed element */
.simple_overlay {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;

	/* styling */
	background-color:#333;

	width:675px;
	min-height:200px;
	border:1px solid #666;

	/* CSS3 styling for latest browsers */
	/*-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;*/
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url('/images/apple-close.png');
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:28px;
	width:28px;
}


/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {

	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;
	border:1px solid #666;
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;

	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	margin:0 0 0 -16px;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url('/images/h80.png') repeat-x;
}

.next, .prev {
    /* absolute positioning relative to the overlay */
    position:absolute;
    top:40%;

    /* upcoming CSS3 rounded border feature */
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
    position:absolute;
    top:45%;
    left:50%;
    display:none;
}

/* active thumbnail is raised on top of the mask using the z-index property */
#thumbs a.active img {
    outline:1px solid #000;
    z-index:9999;
    position:relative;
}

.banner{
	margin:2px 0;
	padding:2px 0;
}


/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url('/img/white_arrow.png');
	font-size:12px;
	height:50px;
	width:160px;
	padding:45px 25px 25px;
	color:#000;
}