/* CSS Document */

img {
	border: 0;
	}

a, a:visited {
	text-decoration: none;
	color: #801F1F;
}

a:hover {
	text-decoration: none;
}

html {
     overflow: -moz-scrollbars-vertical;
}


body.index {
	text-align: center;
	margin:0;
	background-color: #FFFFFF;
	font-family: Tahoma;
	font-size:11px;
}

body.frame {
	margin: 0;
	padding: 0;
	font-family: Tahoma;
	font-size:11px;
	background-color:#FFFFFF;
	}

.wrapper {
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
	text-align: left;
	width: 972px;
	background: #FFFFFF;
	overflow:hidden;
}

.header {
	width: 100%;
	height: 111px;
	background: url(images/top-banner-bgr.jpg) top repeat-x;
	}

.top-banner {
	height: 85px;
	background: url(images/top-banner.jpg) top center no-repeat;
	position:relative;
	width: 972px;
	margin: 0 auto 0 auto;
}

#banner {
	position: absolute;
	top: 6px;
	right: 12px;
	width: 486px;
	height: 70px;
	}

#top-nav {
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 972px;
	padding: 0px;
	height: 26px;
	position: relative;
}
	
#top-nav ul {
	position: absolute;
	top: 0px;
	left:170px;
	list-style:none;
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	}

#top-nav li {
	display:inline;
	padding: 0;
	}

#top-nav a, #top-nav a:visited {
	padding: 6px 10px 0px 10px;
	height: 22px;
	text-decoration: none;
	color: #5A5A5A;
	float: left;
	position: relative;

}

#top-nav a span.rite, #top-nav a:visited span.rite {
	visibility: hidden;
	position: absolute;
	height: 26px;
	width: 10px;
	left: -10px;
	top: 0px;
	background: url(images/menu_l_bkg.jpg) right no-repeat;
	}

#top-nav a span.left, #top-nav a:visited span.left {
	visibility: hidden;
	position: absolute;
	height: 26px;
	width: 10px;
	right: -10px;
	top: 0px;
	background: url(images/menu_r_bkg.jpg) left no-repeat;
	}


#top-nav a:hover {
	text-decoration: none;
	color: #CD3030;
	font-size: 11px;
}


#top-nav li a.act span.rite, #top-nav li a:visited.act span.rite  {
	visibility: visible;
	}

#top-nav li a.act span.left,#top-nav li a:visited.act span.left {
	visibility: visible;
	}
#top-nav li a.act{
	background: white;
	}	


	
#top-nav a:active,#top-nav a:focus {
    outline:0;
  }
 
#top-nav a.rd {
	color: #CD3030;
	}

.rd {
	color: #CD3030;
	}	


/******************
    Left-Side
*****************/

.left-nav {
	float: left;
	width: 168px;
	padding:0;
	margin:0;
	background: url(images/side-menu-top.jpg) top no-repeat;
	background-color: #C1D0D9;
	padding-top: 10px;
	font-size: 11px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	}

.left-nav ul {

	width: 168px;
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid white;
	}	
.left-nav li {
	margin: 0px;
	padding: 0px;
	position:relative;
	}	

.left-nav li a.n, .left-nav li a.n:visited{
	display: block;
	background: #7995A5;
	color: white;
	border-bottom: 1px solid white;
	padding: 5px 12px 5px 0px;
	text-decoration: none;
	width:156px;
	text-align: right;
}
.left-nav li a.n:hover{
	display: block;
	background:white;
	color: #7995A5;
	border-bottom: 1px solid white;
	padding: 5px 12px 5px 0px;
	text-decoration: none;
	width:156px;
	text-align: right;
}

.left-nav a:active,.left-nav a:focus {
    outline:0; 
  }

.left-nav li a.n font{
    position:absolute;
	line-height: 5px;
	top:6px;
	left:6px;
	width: 10px;
	height: 10px;
	background:#FFFFFF;
}
.left-nav li a.n:hover font{
    position:absolute;
	line-height: 5px;
	top:5px;
	left:5px;
	width: 12px;
	height: 12px;
	background: #7995A5;
}

.left-nav li a.current {
	display: block;
	background-color: white;
	color: #7995A5;
	border-bottom: 1px solid white;
	padding: 5px 12px 5px 0px;
	text-decoration: none;
	width:156px;
	text-align: right;
}

.left-nav li a.current font{
    position:absolute;
	line-height: 5px;
	top:5px;
	left:5px;
	width: 12px;
	height: 12px;
	background:#7995A5;
}

.left-nav li a.current:active, .left-nav li a.current:onfocus  {
  outline:0; 
}

.left-ad {
	margin: 10px 10px 0 10px;
	background: url(images/left-ad-header.gif) top no-repeat;
	}
.left-ad font {
	display:block;
	font-size:11px;
	font-weight: bold;
	text-align:center;
	color:#FFFFFF;
	padding-top: 4px;
	}
.left-ad img {
	padding-top: 4px;
	}

/******************
	Page Center
*****************/

.middle {
	padding: 0;
	display:block; 
	background-color:#FFFFFF; 
	border-left: 168px solid #C1D0D9; 
	border-right:190px solid #C1D0D9; 
	overflow:visible;
	
}

#cont {
	margin-left: 0px;
	padding:0;
	width: 592px;
	background-color:#FFFFFF;
    overflow: hidden;
	}

.top-heading {
	width: 100%;
	background:url(images/top_heading.gif) top left no-repeat;
	height: 22px;
	font-weight: bold;
	color:#FFFFFF;
	padding: 0 0 0 30px;
	line-height: 22px;
	}
/******************
	Right Side
*****************/

.right-side {
	float: right;
	width: 190px;
	padding:0;
	margin:0;
	background: url(images/side-right-top.jpg) top left no-repeat;
	background-color: #C1D0D9;
	position: relative;
	font-size: 11px;
	font-weight: bold;
  }
	
.right-ad {
	margin: 10px 10px 0 10px;
	background: url(images/right-ad-header.gif) top no-repeat;
	}
.right-ad font {
	display:block;
	font-size:11px;
	font-weight: bold;
	text-align:center;
	color:#FFFFFF;
	padding-top: 4px;
	}
.right-ad img {
	padding-top: 4px;
	}
/******************
	Footer
*****************/

.footer {
	clear: both;
	height:22px;
	background: url(images/footer-top.jpg) top no-repeat;
	background-color: #C1D0D9;
	position: relative;
	}

.left-edge {
	width:8px;
	position: absolute;
	bottom: 0px;
	left:0px;
	background:url(images/footer-left-edge.gif) bottom left no-repeat;
	}
.right-edge {
	width:8px;
	position: absolute;
	bottom: 0px;
	right:0px;
	background:url(images/footer-right-edge.gif) bottom right no-repeat;
	}
.footer font {
	position:absolute;	
	display: block;
	left: 168px;
	top: 5px;
	width: 610px;
	font-size: 11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	}
	

/******************
	Offers Page
*****************/

.main-offer-text {
	width: 241px;
	height: 250px;
	}

.main-offer-text-header {
	width: 234px;
	height: 18px;
	background: url(images/main-offer-header-bgr.gif) top no-repeat;
	text-align: right;
	color: #FFFFFF;
	padding:4px 7px 0 0;
	font-weight: bold;
	}



.main-offer-text-body {
	width: 241px;
	height: 228px;
	background: url(images/main-offer-footer-bgr.gif) bottom no-repeat;
	background-color:#E5E5E5;
	font-size: 11px;
	}
.main-offer-text-body  span{
	display: block;
	padding:20px 20px 10px;
	color:#CC2C2C;
	font-size: 11px;
	font-weight: bold;
	}
.main-offer-text-body  font{
	display: block;
	padding: 0 20px 20px 20px;
	color: black;
	font-size: 11px;
}

.border-vertical {
	background: url(images/vert-border-dotted.gif) center repeat-y;
	}
	

.offer {
	background: url(images/offers-header-bgr.gif) top no-repeat;
	height: 350px;
	width: 190px;
	}
.offer-header {
	margin:0;
	font-size:11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align:right;
	padding: 4px 8px 0 0;
	}

.offer img {
	margin: 20px 20px 0px 35px;
	}

.offer img.pcs {
	margin: 20px 20px 0px 45px;
	}

.offer span{
	display: block;
	padding:20px 20px 10px;
	color:#CC2C2C;
	font-size: 11px;
	font-weight: bold;
	}
.offer font{
	display: block;
	height:120px;
	padding: 0 20px 10px 20px;
	color: black;
	font-size: 10px;
}

.price {
	margin:0;
	font-size:11px;
	font-weight: bold;
	color: #666666;
	text-align:right;
	padding-right: 10px;
	}

.price-main-offer {
	margin:0;
	font-size:11px;
	font-weight: bold;
	color: #666666;
	text-align:right;
	padding:0 20px 0 0;
	}
	
/******************
	About us Page
*****************/

.aboutus {
	width: 351px;
	height: 282px;
	}

.aboutus-header {
	width: 344px;
	height: 18px;
	background: url(images/about-us-header-bgr.gif) top no-repeat;
	text-align: right;
	color: #FFFFFF;
	padding:4px 7px 0 0;
	font-weight: bold;
	}



.aboutus-body {
	width: 351px;
	height: 260px;
	background: url(images/about-us-body-bgr.gif) bottom no-repeat;
	background-color:#E5E5E5;
	font-size: 11px;
	}

.aboutus-body  span{
	line-height: 14px;
	display: block;
	padding: 20px 20px 20px 20px;
	color: black;
	font-size: 11px;
}


.office {
	width: 288px;
	height: 186px;
	}

.office-header {
	width: 281px;
	height: 18px;
	background: url(images/about-offices-header.gif) top no-repeat;
	text-align: right;
	color: #FFFFFF;
	padding:4px 7px 0 0;
	font-weight: bold;
	}



.office-body {
	width: 288px;
	height: 164px;
	background: url(images/about-offices-body.gif) bottom no-repeat;
	background-color:#E5E5E5;
	font-size: 11px;
	}

.office-body  span{
	display: block;
	padding: 20px 20px 20px 20px;
	color: black;
	font-size: 11px;
}


/* Tooltip */

a.screen, a.screen:visited {
color:#CD3030;
font-weight:bold;
position:relative; 
z-index:1;
}
a.screen b {
position:absolute; 
visibility: hidden;
height:0px;
width: 10px;
background: url(images/ph-shadow1.png) no-repeat;
border: 0;
left:50px;
top:-420px;
padding: 10px 20px 20px 10px;
}

* html a.screen b{
	back\ground-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/ph-shadow1.png", sizingMethod="crop");
	}

a.screen:hover {
text-decoration:none; 
border:0;
z-index:1000;
}
a.screen:hover b {
visibility:visible; 
height:426px;
width: 449px; 
cursor:pointer; 
z-index:500; 
}
a.screen:hover b img {
border:0;
}



.arrowed {
	font-size: 11px;
	color: #504C49;
	padding: 0px;
	margin: 0px 20px 0px 0px;
	list-style: none;
	}

.arrowed li{
	display: inline;
	padding: 0px;
	margin: 0px;
	list-style: none;
	}
	
.arrowed li a:link, .arrowed li a:visited {
	display: block;
	color: #FF0000;
	text-decoration:none;
	background: url(images/arrow_grey.gif) left 4px no-repeat;
	padding: 0px 0px 0px 20px;
	margin: 0px 0 5px 0;
	font-size: 12px;
	}
	
.arrowed li a:hover{
	text-decoration: underline;
	background: url(images/arrow.gif) left 4px no-repeat;

}