/*
 * PNS - Intelligent Commerce CSS
 * 
 * @author Daniel Rhoades (daniel@internetintelligence.eu.com)
 * @copyright Peter Nicol Squash Ltd
 * @verson 0.1
 */


/* START GENERAL STYLES */

html,body {
    margin: 0;
    padding: 0;
    background-color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    height: 100%;
    min-height: 100%;
}

p {
    margin: 0px;
    padding-bottom: 9pt;
}

table, tbody, thead, td, th, form {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 9pt;
    margin:  0;
    padding: 0;
}

td {
    text-align: left; 
}

th {
    padding-right: 9pt;
}

h1 {
    font-size: 12pt;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 15px;
}

h2 {
    font-size: 13pt;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

h3 {
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    padding: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

div {
    border: 0px solid #000000;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

a {
    text-decoration: none;
    color: #189CCD;
    font-weight: normal;
}

h1 a, h2 a {
    font-weight: bold;
}

a:hover {
    text-decoration: underline;
}

ul {
    margin: 0px;
    padding-left: 0px;
    margin-left: 15px;
}

li {
    list-style-image: none;
    margin: 0px;
    padding-bottom: 5px;
}

input, textarea {
    padding: 0px;
    margin: 0px;
    border: 1px solid #363636;
}

/* END GENERAL STYLES */


/* START OUTER CONTAINERS */

#wrapper {
    width: 967px;
    padding: 0px;
    margin: 0px auto 0px auto;
    height: auto;
    text-align: left;
    height: 100%;
    min-height: 100%;
}

#container {
    height: 100%;
    min-height: 100%;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    width: auto;
}

/* END OUTER CONTAINERS */


/* START AREA POSITIONING */

#top {
    width: 954px;
    border: 0px solid #FFFFFF;
    color: #FFFFFF;
    margin-bottom: 10px;
}

#topbar {
    margin: 0px;
    border: 0px solid #FFFFFF;
    padding: 0px;
    line-height: 16px;
    height: 16px;
}

#inner {
    background-image: url('../images/PNS_frame_main_bgd.gif');
    background-repeat: repeat-x;
    float: left;
    width: 955px;
    margin-top: 0px;
}

#left {
    float: left;
    width: 165px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 10px;
    border: 0px solid #333333;
}

#main {
    width: 668px;
    text-align: left;
    background-color: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    border: 0px solid #333333;
}

#mainhome {
    float: left;
    margin-left: 0px;
    width: 668px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 8px;
    background-color: transparent;
    padding-left: 15px;
}

#mainproducts {
    margin-right: 205px;
    width: 668px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    border: 1px solid #E0452F;
}

#right, #righthome {
    float: right;
    width: 195px;
    margin-top: 10px;
    margin-bottom: 0px;
    border: 0px solid #333333;
    background-color: transparent;
}

#right {
    position: relative;
    left: -10px;
    top: 0px;
}

#righthome {
    float: left;
    width: 260px;
}

#footer {
    float: left;
    width: 954px;
    border: 0px solid #333333;
    clear: both;
}

/* END AREA POSITIONING */


/* START GENERAL STYLES */

input.text {
    border: 1px solid #363636;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 10px;
}

.blueborder {
    border: 1px solid #C1E2F3;
}

.redborder {
    border: 1px solid #E0452F;
}

div.specialoffer {
    width: 264px;
    float: left;
    margin-right: 5px;
}

div.specialoffer div.title {
    float: left;
    background-image: url('../images/PNS_sub_bgd_heading.jpg');
    background-repeat: repeat-x;
    width: 264px;
    line-height: 23px;
    color: #FFFFFF;
}

div.specialoffer div.title h2 {
    margin-top: 0px;
    color: #FFFFFF;
    font-size: 11pt;
    padding-left: 10px;
}

#welcome {
    width: 212px;
    float: left;
    margin-right: 15px;
}

#welcome div.welcometopbar, #welcome div.welcomebottombar {
    line-height: 9px;
    height: 9px;
}

#welcome div.text {
    background-color: #FFFFFF;
    padding: 5px;
}

#welcome p {
    font-size: 8pt;
}

#montage {
    margin-bottom: 15px;
    width: 440px;
    float: left
}

table.playerdata td, table.playerdata th {
    border-bottom: 1px solid #333333;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 5px;
}

/* END GENERAL STYLES */


/* START SUB-AREA STYLES */

#top table.outer {
    width: 100%;
}

#logo {
    
}

#account_management_form_cell {
    text-align: right;
}

#account_management_form {
    border: 0px solid #FFFFFF;
    text-align: right;
}

#account_management_form a {
    color: red;
}

#static_content_navigation_cell {
    text-align: left;
}

#static_content_navigation {
    border: 0px solid #FFFFFF;
    text-align: left;
}

#static_content_navigation a {
    color: #FFFFFF;
}

div.category {
    margin-bottom: 10px;
}

/* END SUB-AREA STYLES */


/* START LOCAL NAV */

#localnav {
    border: 0px solid #E0452F;
    height: 100%;
}

#localnav div.title {
    background-image: url('../images/PNS_sub_bgd_heading.jpg');
    background-repeat: repeat-x;
    width: 100%;
    line-height: 23px;
    color: #333333;
}

#localnav div.title h2 {
    margin-top: 0px;
    color: #333333;
    font-size: 11pt;
    padding-left: 10px;
}

#localnav div.title a {
    color: #333333;
}

#localnav div.categories {
    border: 0px solid #333333;
}

#localnav div.categories div {
    background-image: url('../images/PNS_bgd_red_right.jpg');
    background-repeat: repeat-y;
    border-bottom: 1px dashed #E0452F;
    padding-left: 10px;
    line-height: 24px;
}

#localnav div.categories a {
    color: #CA091E;
    
}

/* END LOCAL NAV */


/* START SHOPPING BASKET */

#shoppingbasket {
    border: 0px solid #C1E2F3;
    width: 234px;
    height: 52px;
    background-image: url('../images/PNS_product_checkout_bgd.jpg');
    color: #FFFFFF;
    margin-bottom: 15px;
    padding-left: 10px;
}

#shoppingbasket div.title {
    background-image: url('../images/PNS_topnav_bgd.jpg');
    background-repeat: repeat-x;
    width: 100%;
    color: #FFFFFF;
    border: 0px solid #333333;
    line-height: 23px;
}

#shoppingbasket div.title h2 {
    margin-top: 0px;
    color: #FFFFFF;
    font-size: 11pt;
    padding-left: 10px;
}

#shoppingbasket div.title a {
    color: #FFFFFF;
}

#shoppingbasketform {
    background-image: url('../images/PNS_bgd_blue_down.jpg');
    background-repeat: repeat-x;
    padding-top: 10px;
}

#shoppingbasket div.lineitems {
    border: 0px solid #333333;
}

#shoppingbasket div.lineitems div.lineitem {
    border-bottom: 1px dashed #C1E2F3;
    line-height: 18px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

#shoppingbasket div.lineitems div.name {
    color: #189CCD;
}

#shoppingbasket div.lineitems a {
    color: #189CCD;   
}

#shoppingbasket div.total {
    padding-right: 10px;
    padding-bottom: 10px;
    font-size: 9pt;
    font-weight: bold;
    margin-bottom: 10px;
}

#shoppingbasket div.total span.delivery {
    font-size: 10pt;
}

#shoppingbasket div.total a {
    font-size: 9pt;
}

div.checkout {
    padding-left: 10px;
    vertical-align: middle;
    line-height: 18px;
    margin-bottom: 10px;
    font-size: 10pt;
}

div.checkout a {
    vertical-align: middle;
    font-weight: bold;
}

div.checkout a img {
    vertical-align: middle;
    border: 0px solid #FFFFFF;
    margin-right: 5px;
}

#shoppingbasketeditform {
    border: 1px solid #E0452F;
    padding-top: 10px;
}

#shoppingbasketeditform div.lineitems {
    border: 0px solid #333333;
}

#shoppingbasketeditform div.lineitems div.lineitem {
    border-bottom: 1px dashed #E0452F;
    line-height: 18px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

#shoppingbasketeditform div.lineitems div.name {
    color: #189CCD;
}

#shoppingbasket div.lineitems a {
    color: #189CCD;   
}

#shoppingbasketconfirmation div.total {
    padding: 10px;
    border-bottom: 1px dashed #E0452F;
}

#shoppingbasketconfirmation div.total {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    font-size: 11pt;
    font-weight: bold;
    border-bottom: 1px dashed #C1E2F3;
    margin-bottom: 10px;
}

#shoppingbasketconfirmation div.total span.delivery {
    font-size: 10pt;
}

#shoppingbasketconfirmation div.total a {
    font-size: 9pt;
}

#shoppingbasketconfirmation div.checkout {
    padding: 10px;
}

/* END SHOPPING BASKET */


/* START CATEGORY PAGE STYLES */

#category_header {
    border: 0px solid #FFFFFF;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 20px;
    margin-top: 10px;
    margin-bottom: 15px;
    width: 668px;
    height: 52px;
    background-image: url('../images/PNS_product_header_bgd.jpg');
    background-repeat: no-repeat;
    line-height: 52px;
}

#category_header h1 {
    color: #FFFFFF;
    font-size: 24pt;
    font-weight: normal;
    margin: 0px;
}

#category_header table p {
    text-align: right;
    vertical-align: middle;
    color: #FFFFFF;
    font-size: 14pt;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

#categories {
    width: 530px;
    float: left;
    margin-right: 10px;
    margin-top: 0px;
}

#categories div.category {
    width: 120px;
    text-align: center;
    border: 1px solid #E0452F;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 115px;
}

#categories div.category div.categorytitle {
    border-top: 1px dashed #E0452F;
    width: 100%;
    height: 24px;
    text-align: center;
    background-image: url('../images/PNS_sub_bgd_productbox.jpg');
    background-repeat: repeat-x;
}

#categories div.category div.categorytitle a {
    font-size: 11pt;
    color: #CA091E;
}

#newreleases {
    border: 1px solid #C1E2F3;
    margin-top: 5px;
}

#newreleases div.title {
    background-image: url('../images/PNS_topnav_bgd.jpg');
    background-repeat: repeat-x;
    width: 100%;
    line-height: 23px;
    color: #FFFFFF;
}

#newreleases div.title h2 {
    margin-top: 0px;
    color: #FFFFFF;
    font-size: 11pt;
    padding-left: 10px;
}

#newreleases div.products {
    height: 160px;
}

#newreleases div.product {
    float: left;
    width: 170px;
    background-image: url('../images/PNS_bgd_blue_down.jpg');
    background-repeat: repeat-x;
}

#newreleases div.product div.producttitle {
    border-right: 1px dashed #C1E2F3;
    border-bottom: 1px dashed #C1E2F3;
    padding: 5px;
    font-size: 10pt;
    height: 35px;
}

#newreleases div.product div.producttitle a {
    font-weight: bold;
}

#newreleases div.product div.image {
    border-right: 1px dashed #C1E2F3;
    border-bottom: 1px dashed #C1E2F3;
    text-align: center;
}

#newreleases div.product div.price {
    border-right: 1px dashed #C1E2F3;
    text-align: center;
    font-weight: bold;
    font-size: 11pt;
}

#featured_products {
    
}

#featured_products div.featured_product {
    width: 212px;
    float: left;
    margin-right: 10px;
}

#featured_products div.featured_product div.title {
    background-image: url('../images/PNS_headers_specialoffers.jpg');
    background-repeat: no-repeat;
    height: 34px;
    line-height: 34px;
    color: #FFFFFF;
}

#featured_products div.featured_product div.image {
    text-align: center;
    height: 87px;
}

#featured_products div.featured_product div.price {
    background-image: url('../images/PNS_headersbot_specialoffers.jpg');
    background-repeat: no-repeat;
    height: 34px;
    line-height: 34px;
    color: #FFFFFF;
    font-size: 10pt;
    padding-left: 10px;
}

#featured_products div.featured_products span.price {
    font-size: 10pt;
}

/* END CATEGORY PAGE STYLES */


/* START PRODUCTS PAGE STYLES */

#product_sort_order {
    float: left;
}

#productlist {
    margin-top: 10px;
}

#productlist div.product {
    margin-bottom: 15px;
    background-image: url('../images/PNS_product_bgd.gif');
    background-repeat: repeat-y;
    background-position: 16px 0px;
    height: 92px;
    width: 668px;
}

#productlist div.image {
    width: 140px;
    margin-right: 10px;
    text-align: center;
    border: 0px solid #E0452F;
}

#productlist div.title a {
    font-size: 11pt;
    color: #CA091E;
}

#productlist div.price {
    font-size: 11pt;
    font-weight: bold;
}

#productlist div.actions {
    background-repeat: repeat-x;
    margin-top: 10px;
}

#productlist div.actions a {
    font-size: 10pt;
    color: #CA091E;
    margin-right: 10px;
}

#productlist div.actions a img {
    border: 0px solid #FFFFFF;
    margin-right: 5px;
}

div.menu {
    font-size: 12px;
    line-height: 31px;
    vertical-align: middle;
    background-image: url('../images/PNS_product_sort_bgd.gif');
    background-repeat: no-repeat;
    height: 31px;
    width: 668px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px;
    color: #FFFFFF;
}

div.menu a {
    color: #FFFFFF;
}

div.paging {
    text-align: center;
    font-size: 12px;
    line-height: 31px;
    vertical-align: middle;
    background-image: url('../images/PNS_product_sort_bgd.gif');
    background-repeat: no-repeat;
    height: 31px;
    width: 668px;
    padding-left: 10px;
    padding-right: 10px;
}

div.paging div.productsortorder strong {
    color: #FFFFFF;
}

div.paging a {
    color: #FFFFFF;
    padding-right: 2px;
    padding-left: 2px;
    vertical-align: middle;
}

div.paging a img {
    border: 0px solid #FFFFFF;
    margin-left: 5px;
    vertical-align: middle;
}

div.paging a.current {
    font-weight: bold;
}

div.paging span.previous, div.paging span.next {
    font-size: 13px;
}

/* END PRODUCTS PAGE STYLES */


/* START PRODUCT PAGE STYLES */

#product {
    
}

#product td.leftcol, #product td.rightcol {
    height: 7px;
    line-height: 7px;
    width: 16px;
}

#product td.leftmiddle {
    background-image: url('../images/PNS_product_detail_ltbgd.gif');
    background-repeat: repeat-y;
}

#product td.rightmiddle {
    background-image: url('../images/PNS_product_detail_rtbgd.gif');
    background-repeat: repeat-y;
}

#product td.middle {
    background-image: url('../images/PNS_product_bgd.gif');
    background-repeat: repeat-y;
    padding-top: 15px;
}

#product div.producttop {
    width: 310px;
}

#product div.productimages {
    margin-bottom: 15px;
}

#product div.mainimage {
    width: 311px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#product div.producttop {
    margin-bottom: 10px;
}

#product div.title {
    font-size: 12pt;
    color: #CA091E;
}

#product div.title span {
    font-size: 9pt;
    color: #333333;
}

#product div.manufacturer {
    width: 130px;
}

#product div.introduction {
    margin-right: 10px;
}

#product div.price {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14pt;
    font-weight: bold;
}

#product div.price span.msrp {
    font-size: 10pt;
}

#product div.price span.value {
    font-weight: normal;
}

#product div.actions {
    background-image: url('../images/PNS_bgd_red_down.jpg');
    background-repeat: repeat-x;
    margin-top: 10px;
}

#product div.actions a {
    font-size: 10pt;
    color: #CA091E;
    line-height: 30px;
    margin-right: 10px;
}

#product div.actions a img {
    border: 0px solid #FFFFFF;
    margin-right: 5px;
}

#product div.otherimages {
    margin-left: 15px;
    text-align: center;
}

#product div.otherimages div.image {
    border: 1px solid #333333;
    width: 130px;
    height: 87px;
    text-align: center;
}

#product div.details {
    padding: 15px;
}

/* END PRODUCT PAGE STYLES */


/* START FOOTER STYLES */

#footer {
    text-align: right;
}

#footer p {
    font-size: 8pt;
    font-weight: normal;
    text-align: center;
    color: #FFFFFF;
    padding-right: 10px;
}

#footer p a {
    color: red;
}

/* END FOOTER STYLES */