/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
# id
. class
*/


body {
margin: 0;
padding: 0;
background: #0AAAFD url(images/img01.gif) repeat-x;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #E6F6FF;
}
gpsl {
font-size: 115%;
font-weight: 900;
}
.boldit {
margin: 0;
font-weight: normal;
color: #FFFFFF;
font-size: 167%;
}
.bolditless {
margin: 0;
font-weight: normal;
color: #FFFFFF;
font-size: 100%;
font-weight: bold;
}
h1, h2, h3 {
margin: 0;
font-weight: normal;
color: #FFFFFF;
}
h1 {
font-size: 197%;
}
h2  {
font-size: 167%;
}
h3 {
font-size: 100%;
font-weight: bold;
}
p, ol, ul {
line-height: 170%;
}
dt {
font-size: 110%;
font-weight: 900;
}
dd {
font-size: 110%;
font-weight: 300;
}
p {
}
ol {
margin-left: 0;
padding-left: 0;
list-style-position: inside;
}
ul {
margin-left: 0;
padding-left: 0;
list-style: none;
}
ul li {
padding-left: 15px;
background: url(images/img07.gif) no-repeat 0px 7px;
}
blockquote {
margin: 0;
padding-left: 20px;
font-style: italic;
}
blockquote * {
line-height: normal;
}
a {
color: #E6F6FF;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
}
img {
border: 5px solid #1777B1;
}
img.left {
float: left;
margin: 3px 15px 0 0;
}
img.right {
float: right;
margin: 3px 0 0 15px;
}
hr {
display: none;
}
/* Menu */
#menu {
width: 100%;
margin: 0 auto;
padding: 0 5px 5px 5px;
background: #1777B1;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
#menu li {
display: inline;
margin: 0;
padding: 0;
}
#menu a {
display: block;
float: left;
width: 140px;
height: 53px;
padding: 27px 0 0 0;
background: #A8D7F8 url(images/img02.gif) no-repeat;
border-left: 2px solid #1777B1;
text-decoration: none;
text-align: center;
font-size: 136%;
color: #1777B1;
}
#menu a:hover {
background: #FF9009 url(images/img04.gif) no-repeat;
color: #005826;
}
#menu .active a {
background: #A8DC35 url(images/img03.gif) no-repeat;
border: none;
color: #E80732;
}
/* Header */
#header {
width: 100%;
height: 225px;
margin: 0 auto;
padding: 0 5px 5px 5px;
background-image: url(images/gpsl2008logo3.jpg);
background-repeat: no-repeat;
background-position: 50% 10%;
}
/* wxBanner */
#wxBanner {
width: 100%;
height: 70px;
margin: 0 auto;
padding: 0 1px 1px 1px;
background: #1777B1;
}
/* Logo */
#logo h1, #logo h2 {
text-align: center;
}
#logo h1 {
padding-top: 77px;
font-size: 240%;
}
#logo h2 {
font-size: 150%;
}
#logo a {
text-decoration: none;
color: #144B6B;
}
/* yahoo */
#yahoo {
text-align: center;
font-size: 125%;
width: 80%;
margin: 0 auto;
padding: 10px 0;
}
/* Page */
#page {
width: 80%;
margin: 0 auto;
padding: 30px 0;
}
/* Content */
#content, content2 {
float: left;
width: 410px;
padding-top: 8px;
}
#content3 {
}
.contClass {
margin-bottom: 20px;
padding-bottom: 15px;
}
.endit {
margin-bottom: 15px;
border-bottom: 1px solid #4AF4FE;
}
.twocolsholder {
margin-bottom: 15px;
border-bottom: 1px solid #4AF4FE;
}
.twocols .title {
padding-bottom: 10px;
border-bottom: 1px solid #4AF4FE;
}
.twocols .col1, .twocols .col2 {
width: 185px;
}
.twocols .col1 {
float: left;
}
.twocols .col2 {
float: right;
}
.twocols ul {
}
.twocols ul li {
padding-left: 0;
}
/* Sidebar */
#sidebar {
float: right;
width: 330px;
}
.boxed {
}
.boxed .title {
height: 33px;
margin: 0;
padding: 12px 0 0 20px;
background: #3FD9EC url(images/img06.jpg) no-repeat;
text-transform: uppercase;
font-size: 136%;
color: #144B6B;
}
.boxed .content {
padding: 20px;
}
.boxed h3 {
margin: 0;
}
.boxed p, .boxed ul, .boxed ol {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
.boxed ul {
}
.boxed ul li {
padding: 10px 15px;
/*	border-top: 1px solid #4AF4FE; */
}
.boxed ul li.first {
border: none;
}
/* Search */
#search {
}
#search form {
margin: 0;
padding: 0;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search p {
margin: 0;
font-size: 85%;
}
#searchinput {
width: 180px;
}
#searchsubmit {
}
#gpslpics {
width: 740px;
margin: 0 auto;
padding: 10px;
background: #1777B1;
outline:white solid 1px;
}
/* Footer */
#footer {
margin: 0 auto;
height: 30px;
padding: 10px;
background: #1777B1;
}
#footer p {
margin: 0;
line-height: normal;
font-size: 85%;
}
#footer a {
}
#legal {
float: left;
}
#links {
float: right;
}
#countdown {
position:absolute;
left:17%;
top:210px;
font-size:125%;
}
.hibal {
position: relative;
width: 720px;
margin: 0 auto;
}
.tbn img{
border: 1px solid white;
margin: 0 5px 5px 0;
}
.tbn:hover{
background-color: transparent;
}
.tbn:hover img{
border: 1px solid blue;
}
.tbn span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FDFF7D;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.tbn span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.tbn:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
div#byitem ul.vert {
list-style-type: none;
padding: 0;
margin: 0;
/*width: 540px;*/
}
div#byitem ul.vert li {
padding: 4px 0;
margin: 0;
height: 14px; /* space out your rows */
}
div#byitem ul.vert li.odd {
background-color: #eee;
}
div#byitem ul.horz {
clear: left;
list-style-type: none;
padding: 0;
margin: 0;
}
div#byitem ul.horz li {
float: left;
padding: 0 20px 0 0;
margin: 0;
}
div#byitem ul.horz li.name { /* size your columns individually at the expense of »
slightly bloated markup (labelling each appropriate
<li> with this class) */
width: 130px;
}
div#byitem ul.horz li.price {
text-align: right;
padding-right: 0;
}
#extended h3.tabletitle {
padding: 10px 0 0;
clear: left;
}
#add-element {
cursor: pointer;
}

#pix {
/*border: solid 2px #003300;*/
padding: 10px;
margin: 12px;
/*background: #b3b3d7;*/
background: #000000;
color: #003300;
float: left;
}
#pix div {
margin: 3px;
width: 165px;
/*border: outset 3px #990000;*/
background: #000000;  /*#d1cab0;*/
padding: 3px;
color: #990000;
font-weight: 900;
font-size: 105%;
text-align: center;
height: 255px;
float: left;
}
#pix div img {border: outset 2px black; width: 120px;}
#pix a img {border-style: none;}
#pix a {text-decoration: none; }
#pix a:hover {text-decoration: underline;}