/* body is used to style viewport top background */ 
body
{
    background-image: url(img/Site/top-bg.png);
    background-repeat: repeat-x;
    background-position: left top;
    margin: 0;
    padding: 0;
}

/* #page is used to style viewport bottom background */
#page
{
    background-image: url(img/Site/btm-bg.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}

/* #main centers and set the container width to 850px */ 
#main
{
    width: 850px;
    margin: 0 auto;
}

/* site header */
#header
{
    background-image: url(img/Site/h1-bg.png);
    background-repeat: no-repeat;
    position: relative;
    line-height: 56px;
    height: 56px;
}
#header h1
{
    margin: 0;
    padding: 0;
}
#header h1 span.logo
{
    display: block;
    width: 252px;
    height: 19px;
    background-image: url(img/Site/priceinvaders.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 18px;
    left: 20px;
    text-indent: -9999px;
}
#header h1 span.invader
{
    display: block;
    width: 17px;
    height: 14px;
    background-image: url(img/Site/invader.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 9px;
    left: 276px;
}
#header a:link, #header a:visited
{
    color: #fff;
    text-decoration: none;
}
#header a:hover, #header a:active, #header a:focus
{
    color: #3f0;
    text-decoration: none;
}
#header ul
{
    position: absolute;
    right: 0px;
    top: 0px;
    clear: both;
    padding: 0;
    margin: 0;
}
#header ul li
{
    display: block;
    float: left;
    line-height: 56px;
    list-style-type: none;
    background-image: url(img/Site/h1-li-bg.png);
    background-repeat: no-repeat;
    padding: 0 20px;
    color: #fff;
    font-family: Verdana;
    font-weight: bold;
    font-size: 108%;
}

#footer
{
    height: 56px;
    line-height: 56px;
    text-align: center;
}
#footer ul li
{
    display: inline;
    list-style-type: none;
    margin: 0 1em;
}
#footer a:link, #footer a:visited
{
    color: #666;
    font-weight: bold;
    text-decoration: none;
}
#footer a:hover, #footer a:active, #footer a:focus
{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

#body
{
    padding: 0 15px;
    overflow: hidden;
}
#body p
{
    margin: 10px 0;
}

h2
{
    margin: 10px 0;
    font-size: 123.1%;
    font-weight: bold;
}

h3
{
    margin: 10px 0;
    font-size: 108%;
    font-weight: bold;
}

/********************************************************************************************************/

#body a:link,
#body a:visited
{
    color: #1E4262;
    text-decoration: none;
}
#body a:hover,
#body a:active,
#body a:focus
{
    color: #3C5B77;
    text-decoration: none;
}

#body .content
{
    overflow: hidden;
    margin: 0 0 10px 0;
}
#body .content .left
{
    float: left;
    width: 660px;
}
#body .content .right
{
    float: right;
    width: 145px;
}

#body .details
{
    overflow: hidden;
    margin: 0 0 10px 0;
}
#body .details .left
{
    float: left;
    width: 500px;
}
#body .details .right
{
    float: right;
    width: 300px;
}
#body .details p.price
{
    font-size: 123.1%;
    font-weight: bold;
}

.description
{
    overflow: hidden;
}
.description img
{
    float: left;
    margin: 0 10px 10px 0;
}
.description p
{
    margin: 10px 0;
}

#filters ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#filters ul li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    line-height: 150%;
}
#filters ul ul
{
    padding-left: 15px;
}

#reviews
{
    width: 660px;
}

/********** results page **********/
#items
{
    background-image: url(img/Site/tbl-hd-bg.png);
    background-position: left top;
    background-repeat: no-repeat;
}
#items table
{
    width: 100%;
}
#items table thead tr th
{
    padding: 5px 10px;
    font-size: 123.1%;
    color: #fff;
    font-weight: bold;
    height: 30px;
    line-height: 30px; /* FF Fix */
}
#items table tbody tr td
{
    border: solid 1px #ccc;
    padding: 10px;
}
#items table tbody tr td.image img
{
}
#items table tbody tr td.info h3
{
    font-size: 123.1%;
}
#items table tbody tr td.info p
{
}
#items table tbody tr td.price
{
    text-align: center;
}
#items table tbody tr td.price a.price
{
    font-size: 123.1%;
    font-weight: bold;
}

#items table tbody tr td.price a.lowest
{
    display: block;
    background-image: url(img/Site/btn-red.png);
    background-repeat: no-repeat;
    line-height: 29px;
    height: 29px;
    width: 95px;
    white-space: nowrap;
}
#items table tbody tr td.price a.lowest:link, 
#items table tbody tr td.price a.lowest:visited
{
    color: #fff;
}
#items table tbody tr td.price a.lowest:hover, 
#items table tbody tr td.price a.lowest:active, 
#items table tbody tr td.price a.lowest:focus
{
    color: #fff;
}

/********** details page **********/
#prices
{
    background-image: url(img/Site/tbl-hd-bg.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 100%;
}
#prices table
{
    width: 100%;
}
#prices table thead tr th
{
    padding: 5px 10px;
    font-size: 123.1%;
    color: #fff;
    font-weight: bold;
    height: 30px;
    line-height: 30px; /* FF Fix */
}
#prices table tbody tr td
{
    border: solid 1px #ccc;
    padding: 10px;
}
#prices table tbody tr td.logo
{
    text-align: left;
}
#prices table tbody tr td.date, 
#prices table tbody tr td.price
{
    font-size: 123.1%;
    font-weight: bold;
    text-align: center;
}

#prices table tbody tr td.link
{
    text-align: center;
}
#prices table tbody tr td.link a.store
{
    display: block;
    background-image: url(img/Site/btn-blu.png);
    background-repeat: no-repeat;
    line-height: 29px;
    height: 29px;
    width: 95px;
    white-space: nowrap;
    text-align: center;
}
#prices table tbody tr td.link a.store:link, 
#prices table tbody tr td.link a.store:visited
{
    color: #fff;
}
#prices table tbody tr td.link a.store:hover,
#prices table tbody tr td.link a.store:active, 
#prices table tbody tr td.link a.store:focus
{
    color: #fff;
}

#prices table tbody tr td.info
{
    color: #000;
    text-align: center;
}
#prices table tbody tr td.info a.type:link,
#prices table tbody tr td.info a.type:visited
{
    color: #000;
}
#prices table tbody tr td.info a.type:hover,
#prices table tbody tr td.info a.type:active,
#prices table tbody tr td.info a.type:focus
{
    color: #000;
}

#prices table tbody tr td.info a.desc
{
    display: block;
}

#body .content .left h2
{
    overflow: hidden;
}
#body .content .left h2 .title
{
    float: left;
}
#body .content .left h2 .price
{
    float: right;
}

#similar ul li
{
    line-height: 150%;
}

/********** contact us page **********/
#body .contact
{
}
#body .contact p
{
    overflow: auto;
}
#body .contact p label
{
    display: block;
    float: left;
    width: 100px;
    font-weight: bold;
}
#body .contact p span
{
    display: block;
    float: left;
    width: 600px;
}
#body .contact p span label
{
    display: inline;
    float: none;
    width: auto;
    margin-left: 5px;
    font-weight: normal;
}

/********** home page **********/
#body .home h2
{
    color: #666;
    text-align: center;
}
#body .home h2 a:link,
#body .home h2 a:visited
{
    color: #666;
}
#body .home h2 a:hover,
#body .home h2 a:active,
#body .home h2 a:focus
{
    color: #000;
}
#body .home .category-container li
{
    position: relative;
     height: 275px;
}
#body .home .category-container li:hover p.image img
{
    position: relative;
    top: -5px;
    left: 0px;
    width: 190px;
    height: 190px;
}

#body .home .category p
{
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
    margin: 0;
}
#body .home .category p.image
{
    margin: 0;
    padding: 5px;
    height: 180px;
}
#body .home .category p.price
{
    border-bottom: solid 1px #ccc;
    padding: 5px 0;
    font-size: 123.1%;
    font-weight: bold;
    color: #f00;
    height:35px;
}
#body .home .category p.price img
{
    vertical-align: middle;
}

#body .home .category-container
{
    margin: 20px 0;
    padding: 0;
    overflow: auto;
}

#body .home .category
{
    float: left;
    width: 245px;
    background-image: url(img/Site/cat-hd-bg.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0 0 10px 20px;
    text-align: center;
}
#body .home .category h3 a:link,
#body .home .category h3 a:visited
{
    text-decoration: none;
    color: #fff;
}
#body .home .category h3 a:hover,
#body .home .category h3 a:active,
#body .home .category h3 a:focus
{
    text-decoration: none;
    color: #000;
}
#body .home .category h3
{
    margin: 0;
    height: 40px;
    line-height: 40px;
    font-size: 123.1%;
}
#body .home .category p.image img
{
    width: 180px;
    height: 180px;
}
#body .home .category p a:link,
#body .home .category p a:visited
{
    text-decoration: none;
    color: #000;
}
#body .home .category p a:hover,
#body .home .category p a:active,
#body .home .category p a:focus
{
    text-decoration: none;
    color: #f00;
}

#body .about
{
}
#body .about p
{
}