/* Screen layout: */

body {
padding:0;
margin:0;
font:80% tahoma, verdana, sans-serif;
background:url(../images/bg_red.gif) center repeat-y #22304E;
background-attachment:fixed;
color:#303030;
height:100%;
}

.small {
margin:0 0 0 0;
font-size:0.8em;
font-weight:normal;
}

a {
color:#960029;
text-decoration:underline;
}

a:hover {
color:#ff6633;
text-decoration:none;
}

.super {
margin:10px 0 10px 10px;
font-size:3em;
font-weight:bold;
}

h1 {
margin:20px 0 10px 0;
font-size:2.5em;
font-weight:bold;
}

h2 {
margin:10px 0 10px 0;
font-size:1.6em;
font-weight:normal;
}

h3 {
margin:5px 0 5px 0;
padding:0 0 0 5px;
color:#DDDDDD;
font-size:1.2em;
font-weight:normal;
background:url(../images/h3top.png);
background-color:#999999;
border-bottom:solid #666666 2px;
}

h4 {
margin:0 0 6px 0;
font-size:1.1em;
font-weight:normal;
}


.errata {
text-align:center;
margin:0 0 5px 0;
font-size:1.2em;
font-weight:normal;
color:#D33745;
background:#f0f0f0;
}

p {
margin:0 0 5px 0;
line-height:1.2em;
text-align:left;
}

a img {
border:0;
}

/* Main container */

#container {
margin:0 auto 0 auto;
width:970px;
padding:10px 10px 10px 10px;
background:#ffffff;
border-top:5px #d8d8d8 solid;
position:relative;
min-height:1100px;

}

/* Site title section */

#logo {
margin:5px 0 0 0;
vertical-align:middle;
}

#logo h1 a {
color:#505050;
border:none;
}

#logo h1 a:hover {
color:#303030;
text-decoration:none;
border:none;
}

/* Topwide menu */
#topwide {
margin:0 auto 0px auto;
width:100%;
height:30px;
background-image:url(../images/topwide.jpg);
vertical-align:baseline;
}

#topwide p {
text-align:center;
color:#ffffff;
font-size:1em;
line-height:1em;
margin:0 0 0 0;
padding:1px;

}

/* Toptab menu */

.toptab {
padding:5px 5px 5px 5px;
margin:0 0 0 0;
text-decoration:none;
color:#ffffff;
vertical-align:bottom;
}

.toptab:hover {
padding:6px 5px 5px 5px;
margin:0 0 0 0;
color:#FFFF33;
text-decoration:none;
background-image:url(../images/topwide_active.jpg);
vertical-align:bottom;
}

.activetoptab {
padding:6px 5px 5px 5px;
margin:0 0 0 0;
color:#FFFF33;
text-decoration:none;
background-image:url(../images/topwide_active.jpg);
vertical-align:bottom;

}

.activetoptab:hover {
text-decoration:none;
}

/* Navitab menu */

#navitabs {
margin:0 0 -8px 0;
padding:4px 8px 4px 8px;
clear:both;
height:20px;
background-image:url(../images/h3top.png);
border-bottom:1px solid #ffffff;
}

.navitab {
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.1em;
background-image:url(../images/h3top.png);
border-bottom:1px solid #ffffff;
border-right:1px solid #666666;
font-weight:normal;
color:#eeeeee;
vertical-align:bottom;
}

.navitab:hover {
text-decoration:none;
background-image:url(../images/toptab_active.jpg);
border-bottom:1px solid #ffffff;
color:#FFFF66;
font-weight:normal;
}

.activenavitab {
padding:4px 8px 5px 8px;
color:#FFFF66;
margin:0 0 5px 0;
font-size:1.1em;
text-decoration:none;
background-image:url(../images/toptab_hover.jpg);
font-weight:normal;
border-bottom:1px solid #ffffff;
border-right:1px solid #666666;
}

.activenavitab:hover {
text-decoration:none;
color:#ffffff;
}

/* Header description */

#desc {
height:100px;
color:#ffffff;
padding:0;
background:#505050 url(../images/logo/front2.jpg) top left no-repeat;
clear:both;
margin:5px 0 0 0;
}

#desc p {
width:290px;
font-size:1em;
line-height:1.3em;
padding:0 0 0 15px;
}

#desc h2 {
padding:15px 15px 0 15px;
color:#ffffff;
}

#desc a {
color:#ffffff;
text-decoration:none;
border-color:#ffffff;
}

/* Main content */

#main {
width:616px;
float:left;
padding:0 10px 0 15px;
margin:0;
border-top:10px #d8d8d8 solid;
background-color:#ffffff;
}

/* Main content for phoneshop*/

#mainwide {
width:788px;
float:left;
padding:0 10px 0 15px;
margin:0;
border-top:10px #d8d8d8 solid;
background-color:#ffffff;
}

/* Leftbar */

#leftbar {
width:145px;
float:left;
padding:0 5px 0 5px;
background-color:#eeeeee;
border-right:1px solid #b6b6b6;
border-left:1px solid #b6b6b6;
border-bottom:1px solid #b6b6b6;
border-top:10px solid #b6b6b6;
}

#leftbar p {
font-size:0.9em;
line-height:1.3em;
margin:0 0 15px 0;
}

/* Rightbar */

#rightbar {
width:160px;
float:right;
padding:0 5px 0 5px;
border-left:1px solid #b6b6b6;
border-bottom:1px solid #b6b6b6;
border-top:10px solid #b6b6b6;
border-right:1px solid #b6b6b6;
background-color:#eeeeee;
}

/* Bottom Search */

#bottomsearch {
margin:0 auto 0 auto;
width:970px;
padding:0 10px 0 10px;
background:#ffffff;
}

/* Bottomwide */
#bottomwide {
margin:0 auto 10px auto;
width:100%;
height:30px;
background-image:url(../images/topwide.jpg);
vertical-align:middle;
}

#bottomwide a {
color:#eeeeee;
}

#bottomwide a:hover {
color:#303030;
text-decoration:none;
}

#bottomwide p {
color:#ffffff;
text-align:center;
font-size:1em;
line-height:1em;
margin:5px 0 0 0;
padding:0;
}

/* Various classes */

.photo {
padding:5px;
margin:5px 5px 5px 5px;
background-color:#f5f5f5;
border:1px solid #d8d8d8;
}

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

.block {
background:#f0f0f0;
padding:10px;
}

.sidelink {
text-align:left;
background:#fefefe;
display:block;
padding:3px 4px 3px 4px;
margin:0 0 0 0;
text-decoration:none;
border-top:solid 1px #efefef;
border-bottom:solid 1px #cccccc;
color:#000000;
}

.sidelink:hover {
background:#ac5088;
text-decoration:none;
color:#FFFF66;
}

.hide {
display:none;
}

.tabler1
{
background-color: #eeeeee;
color: black;
cursor: hand;
font:90% tahoma, verdana, sans-serif;
}
.tabler2
{
background-color: #e3e3e3;
color: black;
cursor: hand;
font:90% tahoma, verdana, sans-serif;
}
.tablerOver
{
background-color: #a0a0a0;
color: #FFFF66;
cursor: hand;
font:90% tahoma, verdana, sans-serif;
}

/* Thumbnail popups */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #333333;
padding: 1px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 20px; /*position where enlarged image should offset horizontally */

}