﻿/* CSS Document */
a:link { text-decoration: none; font-weight: bold; color:#897757}
a:active { text-decoration: none; font-weight: bold; color:#897757}
a:visited { text-decoration: none; font-weight: bold; color:#897757}
a:hover { text-decoration: none; font-weight: bold; color:#E5582A}

body {
	background: #fff url('images/headbg.jpg'); 
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color: black;
	font-size: 12px;
	margin:0px;
	}

ul {
	margin-left: 0;
	padding-left: 2em;
	text-indent: -1;
	}

a { 
	color: #670c0d;
	font-weight: bold;
}

img {
	border-style: none;
	border-color: inherit;
	border-width: 0px;
}

.rightborder {
border-right: 1px solid #000000;
}

.editsection 
{
position: static;
}

.editheader
{
width:430px;
height: 160px;
position: static;
}

.editnotes 
{

}

.ico
{
	border:none;
	border-width:0px;
	padding-right:10px;
	vertical-align:middle;
	
}

.mainpic 
{
	border:10px;
	margin:0px;
	padding:0px;
	border-style:ridge;
	border-color:#587854;
	margin-right:200px;
}


h1 {
	font-size: 27px;
	color: #670c0d;
	margin: 0px;
	line-height:32px;
	text-align:center;
}

h2 {
	color: #2A9EBD;
	font-size: 17px;
	font: bolder;
	text-transform:uppercase;
	margin: 0px 0px 0px 0px;
	text-align:left;
	line-height: 18px;
}

h3 {
	color: #4b97b7;
	font-size: 18px;
	margin: 0px;
}

h4 {
color:#808040;
}

#123title h2 {
	text-align:left;
	padding:10px;
}

#itempic
{
	width:300px;
}
#wrapper {
	margin: 0 auto; 
 	padding: 0; 
 	width: 992px; 
 	text-align: left;
	height: 100%;
} 


#header {
	width: 992px;
	height: 110px;
	margin-top: 0px;
	margin-bottom: 15px;
	background-image:url("images/console.png");
}

#logo {
	position:absolute;
	top: 10px;
	left: 50px;
	width: 334px;
}

#topright {
	float:right;
	width: 150px;
}

#phone {
	color: #fff;
	font-size: 14px;
	font-weight:600;
	text-align:left;
}

#account{
	color: #fff;
	font-size: 12px;
	text-align:left;
}

#account a{
	text-decoration:none;
	color: #fff;
	font-size: 12px;
	font-weight:600;
	text-align:right;
}

#account a:hover{
	text-decoration:underline;
}


#nav {
	width: 800px;
	height:31px;
	float: right;
	margin: 40px 10px 0px 0px;
}

#nav a {
	color: #fff;
	text-decoration:none;
	font-size: 14px;
	
}

div.rating {
	text-decoration:none;
	display:inline;
	float:left;	
}
input.star{}

.navtext {
	color: #fff;
	text-decoration:none;
	font-size: 14px;
	display:inline;
	height:31px;
	width:26px;
	position:relative;
	padding-left:3px;
	padding-right:15px;
	top:-10px;
}

.navimages {
	height: 31px;
	width: 26px;
	display:inline;
}

.namesignature
{
position:relative;
display:block;
left:200px;
padding-bottom:12px;
font-weight:bold;
font-style:italic;
}

#rightnav
{
	float:right;
	padding-right:0px;
	z-index:1;
	}
	
#content {
	margin-top: 40px;
	min-height:500px;	
    width  : 800px;
}

#Content2
{
	float:left;
	margin-top: 20px;
	top:50px;
}
#left1 
{
	/*position: absolute;*/
    float: left;
    width: 240px;
}

#center1 {
    padding: 0 210px 0 260px;
    width:500px;
}
#right1 
{
	position:relative;
	right:-120px;
    float: right;
    width: 240px;
}

#mid {
	float: left;
	width: 500px;
	margin: 20px 0px 30px 11px;
	
}

#right {
	float:left;
	padding-left:20px;
	width: 260px;
	height: 420px;
}

#rightbottom {
	
	width: 236px;
	height:13px;
	background-image:url("images/leftbottom.jpg");

}

.sidetitle {
	height:28px;
	margin: 0px;
	background-image:url('images/H2.png');
	padding-left: 10px;
	padding-top: 10px;
	width: 224px;
}

.highlighteditem 
{
	width:200px;
	background-color:#D8DDC1;	
}

.smallsmsideitem 
{
width:230px;
}

.sideitem 
{
	width:500px;
}

.sideitem ul li{
	color: #a49f89;
	font-size: 12px;
	font-weight: 500;
	}

.sideitem ul li a {
	color:#a49f89;
	text-decoration: none;
}

.sideitem ul li a:hover{
	color:#670c0d;
	text-decoration: none;
}

#main 
{
	float: left;
	width: 800px;
	margin: 20px 0px 20px 20px;
	
}



#welcome {
	background-color:#ffffff;
	margin-bottom: 10px;
	padding: 20px;
	border: 1px #b0b0b0 solid;
	width: 352px;
}

#MainContent 
{
	position: absolute;
	Top: 40px;
}
.mainitem{
	width:800px;
	padding: 20px;	
}
.item {
	background-color:#fafafa;
	width:364px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px #b0b0b0 solid;
}
#mainimg
{
float:left;
z-index:0;
}
.gameicons img
{
 position:relative;
 width : 16px; 
 height: 16px;
 top:5px;
 left:5px;
}

.mainimg1
{
	position:relative;
	left:0px;
	top:10px;
	z-index:1;
}
.mainimg2 
{
	position:relative;
	left:40px;
	top:30px;
	z-index:2;
}
.mainimg3 
{
	position:relative;
	left:80px;
	top:50px;
	z-index:3;
}
.rightimg
{
   padding:1px;
   border:1px solid #021a40;
}
.rightitem 
{
	border-left: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	left: 5px;
	background-color:#4b97b7;
	width:207px;
	margin-left: 4px;
	margin-bottom: 10px;
	padding: 10px;
	border-top:none;
	color:White;
}


.boxitemgreen
{
	border-left: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	left: 5px;
	width:207px;
	margin-left: 4px;
	margin-bottom: 10px;
	padding: 10px;
	border-top:none;
	background-color:#A2CF77;
	color:White;
}
.boxtitlegreen {
	height:28px;
	margin: 0px;
	background-image:url('images/H2.png');
	padding-left: 10px;
	padding-top: 10px;
	width: 230px;
	color:#587854;
	font-size: 18px;
	text-align:center;
}



.boxitemblue
{
	border-left: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	left: 5px;
	width:207px;
	margin-left: 4px;
	margin-bottom: 10px;
	padding: 10px;
	border-top:none;
	background-color:#2A9EBD;
	color:White;
}

.boxtitleblue {
	height:28px;
	margin: 0px;
	background-image:url('images/H2.png');
	padding-left: 10px;
	padding-top: 10px;
	width: 230px;
	color:#2A9EBD;
	font-size: 18px;
	text-align:center;
}

.boxitempink
{
	border-left: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	left: 5px;
	width:207px;
	margin-left: 4px;
	margin-bottom: 10px;
	padding: 10px;
	border-top:none;
	background-color:#FF80FF;
	color:White;
}

.boxtitlepink {
	height:28px;
	margin: 0px;
	background-image:url('images/H2.png');
	padding-left: 10px;
	padding-top: 10px;
	width: 230px;
	color:#FF80FF;
	font-size: 18px;
	text-align:center;
}

.boxitemorange
{
	border-left: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	left: 5px;
	width:207px;
	margin-left: 4px;
	margin-bottom: 10px;
	padding: 10px;
	border-top:none;
	background-color:#E5582A;
	color: White;
}

.boxtitleorange {
	height:28px;
	margin: 0px;
	background-image:url('images/H2.png');
	padding-left: 10px;
	padding-top: 10px;
	width: 230px;
	color:#E5582A;
	font-size: 18px;
	text-align:center;
}

.boxitembrown
{
	border-left: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	left: 5px;
	width:207px;
	margin-left: 4px;
	margin-bottom: 10px;
	padding: 10px;
	border-top:none;
	background-color:#808040;
	color:White;
}

.boxtitlebrown {
	height:28px;
	margin: 0px;
	background-image:url('images/H2.png');
	padding-left: 10px;
	padding-top: 10px;
	width: 230px;
	color:#808040;
	font-size: 18px;
	text-align:center;
}

.boxitembrown a,.boxitemblue a,.boxitemorange a {
	color: #DBE1C8;
	text-decoration: none;	
}
.boxitembrown a:hover,.boxitemgreen a:hover,.boxitemblue a:hover,.boxitemorange a:hover{
	color: #800000;
	text-decoration: none;	
}
.boxitemred a,.boxitemorange a,.boxitemgreen a {
	color: White;
	text-decoration: none;	
}
.boxitemred a:hover,.boxitemorange a:hover{
	color: Black;
	text-decoration: none;	
}
.boxitemred
{
	border-left: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	left: 5px;
	width:207px;
	margin-left: 4px;
	margin-bottom: 10px;
	padding: 10px;
	border-top:none;
	background-color:#630C08;
	color:White;
}

.boxtitlered {
	height:28px;
	margin: 0px;
	background-image:url('images/H2.png');
	padding-left: 10px;
	padding-top: 10px;
	width: 230px;
	color:#630C08;
	font-size: 18px;
	text-align:center;
}

.boxitem
{
	border-left: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	left: 5px;
	width:207px;
	margin-left: 4px;
	margin-bottom: 10px;
	padding: 10px;
	border-top:none;
}


.item img{

}

#popimages {
	border: 1px #b0b0b0 solid;
	background-color:#f1f1f1;
	padding: 5px;
}

#popimages img{
	border: 1px #b0b0b0 solid;
	margin: 4px;
}

#footer 
{
	top:20px;
	width: 100%;
	background: #fff url('images/footbg.jpg'); 
	background-repeat:repeat-x;
	height: 125px;
	float:left;
}

#thefoot {
	width: 992px;
	padding-top:20px;
	padding-left:30px;
	color: #fff;
}

#links {
	position:relative;
	top:10px;
	height:90px;
	text-align:center
}

#links ul li {
	list-style: none;
}

#links a {
	font-size: 11px;
	color:#fff;
	text-decoration: none;	
}

#links a:hover{
	text-decoration:underline;}

#LanguageSelector 
{
  text-align :right;
  padding:15px;
}

#copyright {
	float:right;
 	width: 992px;
	text-align:center;
}

#customerservice {
	float:left;
	width:315px;
	height:90px;
}

#quickhelp {
	float:left;
	width:315px;
	height:90px;
}

th,td
{
	padding: 5px;
}
	
.std-cell
{
	outline: 1px #b0b0b0 outset;

}

.std-table
{
	padding:0px;
	border: 1px #b0b0b0 solid;
}

.table2
{ 
	background-color:#D8DDC1;	
}		         

.headerline {
		font-size: 12pt; 
		font-family: arial, helvetica, verdana, sans-serif;
		background-color: #000000;
        font-weight: bold;
		border-bottom-width: medium;
		}
.tableheader,th{ 
		font-size: 10pt; 
		color: #FFFFFF; 
		border:none;
		background-color: #3D3527;
        font-weight: bold;
        }
        
.tablesubheader   
{
		font-size: 10pt; 
		font-weight:bold;
		color:#000000;
		background-color: #C0C0C0;
		font-family: arial, helvetica, verdana, sans-serif;
        }
        
        
.table2subheader{ 
		font-size: 10pt; 
		color:#000000;
		background-color:#002842;
		font-family: arial, helvetica, verdana, sans-serif;
        }
        
        
.tablevheader { 
		font-size: 10pt; 
		color:#000000;
		font-family: arial, helvetica, verdana, sans-serif;
        font-weight: bold;
        }
        
.tablebody  { 
		font-size: 10pt; 	
		font-family: arial, helvetica, verdana, sans-serif;
        font-weight: normal;     
		}  
		
.shadowcell  { 
		font-size: 10pt; 	
		font-family: arial, helvetica, verdana, sans-serif;
        font-weight: normal; 
        background-color:#D8DDC1; 
		color:#000000;
		} 		
		      
.cellHeading{
	font-size: 10pt;
    font-weight: bold;
	font-family: arial, helvetica, verdana, sans-serif;
	}	
	
.cellValue{
	font-size: 10pt;
    font-weight: Normal;
	font-family: arial, helvetica, verdana, sans-serif;
	}
	
.Normal{
	font-size: 10pt;
	font-family: arial, helvetica, verdana, sans-serif;
	}
	
Div.MapHeader {
  width: 500px; 
  height: 400px
}

.highlight { font-weight: bold }
.warning { color: #800000; font-weight: bold }
.shadow { color: #808080; font-weight: normal }

#faqs  
{
	position:relative;	
	background-color: #D8DDC1; 
	border: solid 1px black;
	margin-bottom:20px;
	}
#faqs h2 		
{
	  font-size   : 12pt; 
		color: #FFFFFF; 
		border:none;
		background-color: #3D3527;
        font-weight: bold;
		border-bottom: solid 1px black;
		padding:10px; 
        }
#faqs h4 { cursor:pointer; margin-left:10px; margin-right:5px;}
#faqs h4.active { color:#800000; }
#faqs div { height:0; overflow:hidden; position:relative; }
#faqs div p { padding:0; margin-left:10px; margin-right:10px; margin-bottom:20px;}
#faq1s  
{
	position:relative;	
	background-color: #D8DDC1; 
	border: solid 1px black;
	margin-bottom:20px;
	}
#faq1s h2 		
{
	  font-size   : 12pt; 
		color: #FFFFFF; 
		border:none;
		background-color: #3D3527;
        font-weight: bold;
		border-bottom: solid 1px black;
		padding:10px; 
        }
#faq1s h4 { cursor:pointer; margin-left:10px; margin-right:5px;}
#faq1s h4.active { color:#800000; }
#faq1s div { height:0; overflow:hidden; position:relative; }
#faq1s div p { padding:0; margin-left:10px; margin-right:10px; margin-bottom:20px;}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/button_a.png') no-repeat scroll top right;
    color: White;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 23px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    text-align:center;
}

a.button span {
    background: transparent url('images/button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 4px 4px 5px 12px;
    color: White;
	text-decoration: none;

} 

a.button:hover {
    background-position: bottom right;
    color:Gray;
    outline: none; /* hide dotted outline in Firefox */
    text-decoration: none;
}

a.button:hover span {
    background-position: bottom left;
    color:Gray;
} 

a.button:active span {
    padding:  4px 4px 5px 12px; /* push text down 1px */
    text-decoration: none;
} 

.buttonbar 
{
	position:relative;
	margin-left:250px;
}

.GreenRoundBox
{
	padding:8px;
	margin:10px;
	background-color:#A2CF77;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.RedRoundBox
{
	padding:8px;
	margin:10px;
	background-color:#F37B77;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.BlueRoundBox
{
	padding:8px;
	margin:10px;
	background-color:#C2E1EF;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.GrayRoundBox
{
	padding:8px;
	margin:10px;
	background-color:Gray;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.BrownRoundBox
{
	padding:8px;
	margin:10px;
	background-color:#897757;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color:White;
}

.OrangeRoundBox
{
	padding:8px;
	margin:10px;
	background-color:#897757;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color:#E5582A;
}

.RoundBox
{
	padding:4px;
	background-color:Grey;
	-moz-border-radius: 15px;
	margin:10px;
	border-radius: 4em;

}

#liquid-round {
width:70%;
margin:0px auto;
background:#fff url('images/leftside.gif') repeat-y left top;
}
.top {
width:100%;
height:20px;
background:url('images/top.gif') no-repeat left top;
}
.top span {
display:block;
position:relative;
height:20px;
background:url('images/top-right.gif') no-repeat right top;
}
.center-content {
position:relative;
background:url('images/rightside.gif') repeat-y right top;
padding:1px 20px 1px 25px;
margin:-1px 0 -50px 0;
}
.bottom {
width:100%;
height:60px;
background:url('images/bottom.gif') no-repeat left bottom;
}
.bottom span {
display:block;
position:relative;
height:60px;
background:url('images/bottom-right.gif') no-repeat right top;
}
.hpimage img  
{
	padding: 10px; 
	border: 1px solid #ccc; 
	background-color: #eee; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}
.vmimg
{
	padding:0px;
	border:5px;
}

.slideshow h4 {text-align:center;}

.slideshow
{
	height: 296px; 
	width: 395px; 
	padding-bottom: 30px;
	margin: 0;
	overflow: hidden;
	text-align:center;
	z-index:0;
}

.slideshow img  
{
	height: 264px; 
	width: 352px; 
	padding: 20px; 
	border: 1px solid #ccc; 
	background-color: #eee; 
	top:0; 
	left:0;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}
.ss_subtitle
{
	text-align:center;
	color: #F37B77;
	text-transform:uppercase;	
	font-size: 12px;
	font: bolder;
}
.recap
{   position  :relative;
	padding:1px,3px,5px,3px;
}
.recapimg
{
	padding:1px,5px,5px,3px;
}
.recapsum

{   position  :absolute;
    left:105px;
}

.ui-jcoverflip {
	position: relative;
}

.ui-jcoverflip--item {
	position: absolute;
	display: block;
}

/* normal image */
.normal-img {
	background: #ccc;
	border: solid 1px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.normal-img-2 {
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .8), 0 1px 0 rgba(255, 255, 255, 1), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, 1), 0 -1px 0 rgba(0, 0, 0, .6);
}

/* rounded image styles */
.rounded-img {
	display: inline-block;
	border: solid 1px #000;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.rounded-img2 {
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
}


