/* styles */
body
{
    background-color: Black;
    color: White;
    margin: 0px;
}

body, textarea
{
    font-family: Tahoma, Arial;
    font-size: 12px;
}

textarea
{
    overflow: auto;
}

h1
{
    width: 760px;
    font-size: 10px;
    margin: 10px auto 2px auto;
    text-align: right;
    color: #C0C0C0;
}

h4
{
    font-size: 22px;
    margin-top: 0px;
}

h2
{
    font-size: 13pt;
    margin: 0px;
}

h3
{
    font-size: 12px;
}

a
{
    color: White;
}

a:hover
{
    color: Red;
}

a img
{
	border-width: 0px;
}

strong
{
    font-weight: normal;
    color: Red;
}

p
{
    line-height: 19px;
}

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

textarea
{
    height: 100px;
}

.ajax__validatorcallout_error_message_cell
{
    color: Black;
}

/* generic  */
form
{
    width: 760px;
    margin: 0 auto 25px auto;
}

.content
{
    min-height: 400px;
}

.content-panel
{
    width: 314px;
    margin-left: 50px;
    padding: 60px 0px;
}

.content-right
{
    float: right;
    width: 550px;
}

.content-netbanx
{
    color: Black;
}

.content-netbanx a img
{
    border-width: 0px;
}

.footer
{
    border-bottom: solid 2px #8F2F31;
    padding-top: 30px;
    margin-bottom: 5px;
    clear: both;
}

.footer-links a
{
    font-size: 11px;
    text-decoration: none;
    margin-left: 12px;
}

.image-detail
{
    background-color: White;
    color: Black;
    margin: 0px;
    text-align: center;
    width: 470px;
    padding: 10px;
}

.image-list td
{
    vertical-align: top;
    text-align: center;
}

.image-list img
{
    margin-top: 5px;
}

.info-message
{
    background: white;
    padding: 7px;
    border: 2px solid #C10605;
    margin-bottom: 15px;
    color: Black;
}

.info-message p
{
    margin: 5px;
}

.info-message a
{
    color: Black;
    text-decoration : underline;
}

.validator
{
    background-color: #FFFACD; /* #FFFACD = lemonchiffon */
}

.video
{
    background-image: url(images/video-bg.jpg);
    height: 400px;
    width: 519px;
    margin: auto;
    padding-top: 15px;
}

.video h2
{
    margin-top: 10px;
}

.imagebutton
{
    float: left;
    width: 125px;
    height: 16px;
    padding-top: 1px;
    color: White;
    background-image: url(images/button.gif);
    text-align: center;
    text-decoration: none;
}

.imagebutton:hover
{
    color: White;
    text-decoration: underline;
}

/* validators */
.highlight
{
    background-image: none !important;
    background-color: #fffacd;
    color: Black !important;
}

.alertbox
{
    position: absolute;
    padding-left: 45px;
    width: 216;
    background: url(images/aarow.png) no-repeat left top;
    color: Black;
}

.alertbox div
{
    min-height: 34px;
    width: 200px;
    padding: 8px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #FFEB8C;
}

/* product-list */
.product-list
{
    width: 100%;
}

.product-list td
{
    width: 33%;
    vertical-align: top;
    padding: 0px 20px 50px 0px;
}

.product-list a
{
    text-decoration: none;
}

.plist
{
    width: 100%;
}

.plist td
{
    text-align: center;
    width: 25%;
    padding-right: 38px;
    padding-bottom: 10px;
    vertical-align: top;
}

/* product-images */
.product-images
{
    width: 100%;
}

.product-images td
{
    width: 20%;
    vertical-align: top;
}

/* customerpics-list */
.customerpics-list
{
    width: 100%;
}

.customerpics-list td
{
    width: 50%;
    text-align: center;
}

/* search-panel */
.search-panel, .search-panel2
{
    width: 50%;
    background-color: #373737;
    clear: both;
    padding: 10px;
}

.search-panel
{
    padding-bottom: 30px;
}

.search-panel table
{
    margin-left: 40px;
}

.search-panel td
{
    padding-right: 10px;
}

.search-panel table input, .search-panel table select
{
    width: 170px;
}

.search-panel2 table
{
    width: 90%;
}

.search-panel2 .text
{
    width: 90%;
    margin-bottom: 10px;
}

.search-panel2 td
{
    vertical-align: top;
}

/* product-selection */
.product-selection h2
{
    margin-bottom: 4px;
}

.product-selection td
{
    border: solid 1px black;
    line-height: 16px;
    padding: 10px;
    padding-bottom: 25px;
    cursor: pointer;
    position: relative;
    vertical-align: top;
}

.product-selection img
{
    margin-bottom: 15px;
}

.product-selection td.hover, .product-selection td.selected
{
    border: solid 1px red;
    color: White;
    background: url(images/selected.jpg) no-repeat left bottom;
}

/* product-links */
.product-links a
{
    float: left;
    width: 183px;
    height: 197px;
    margin: 0px 7px 7px 0px;
}

.product-links a:hover
{
    background-position: center -197px;
}

.product-links .atv
{
    background-image: url(images/products/atv.jpg);
}

.product-links .backpacks,.product-links .backpack
{
    background-image: url(images/products/backpacks.jpg);
}

.product-links .bikepack
{
    background-image: url(images/products/bikepack.jpg);
}

.product-links .bikepacksystem
{
    background-image: url(images/products/bikepacksystem.jpg);
}

.product-links .bikepacksystemwizard
{
    background-image: url(images/products/bikepacksystem1.jpg);
}

.product-links .pannierliners, .product-links .pannierliner 
{
    background-image: url(images/products/panniercovers.jpg);
}


.product-links .handlebars,.product-links .handlebar
{
    background-image: url(images/products/handlebars.jpg);
}

.product-links .seatbags
{
    background-image: url(images/products/seatbags.jpg);
}

.product-links .tankbag
{
    background-image: url(images/products/tankbag.jpg);
}

.product-links .lightguard
{
    background-image: url(images/products/lightguard.jpg);
}

.product-links .bikestand
{
    background-image: url(images/products/bikestand.jpg);
}

.product-links .mudflap
{
    background-image: url(images/products/mudflap.jpg);
}

.product-links .bullbar
{
    background-image: url(images/products/bullbar.jpg);
}

.product-links .panniers,.product-links .pannier
{
    background-image: url(images/products/panniers.jpg);
}

.product-links .stormcovers,.product-links .stormcover
{
    background-image: url(images/products/stormcovers.gif);
}

.product-links .harleycruiserbar
{
    background-image: url(images/products/harley.jpg);
}

.product-links .offroadbar
{
    background-image: url(images/products/offroad.gif);
}

.product-links .streetbar
{
    background-image: url(images/products/street.jpg);
}

.product-links .atvbar
{
    /*background-image: url(images/products/);*/
    display: none;
}

.product-links .gryyp
{
    background-image: url(images/products/gryyp.jpg);
}

.gryyp:hover
{
    background-position: 0px -131px;
}

.product-links .gryypemerg
{
    background-image: url(images/products/gryypemerg.jpg);
}

.product-links .gryypkits
{
    background-image: url(images/products/gryypkits.jpg);
}

.product-links .gryypconnector
{
    background-image: url(images/products/gryypconnectors.jpg);
}

.gryypemerg:hover, .gryypkits:hover, .gryypconnector:hover
{
    background-position: center center;
}

/* product-links */
.product-nav a
{
    float: left;
    width: 183px;
    height: 31px;
    margin: 0px 7px 7px 0px;
}

.product-nav a:hover, .product-nav a.selected
{
    background-position: center -31px;
}

.product-nav .backpacks,.product-nav .backpack
{
    background-image: url(images/products-nav/backpack.jpg);
}

.product-nav .bikepack
{
    background-image: url(images/products-nav/bikepack.jpg);
}

.product-nav .bikepacksystem
{
    background-image: url(images/products-nav/bikepacksystem.jpg);
}

.product-nav .pannierliners 
{
    background-image: url(images/products-nav/PannierLiners.jpg);
}

.product-nav .handlebars
{
    background-image: url(images/products-nav/handlebars.jpg);
}

.product-nav .seatbags,.product-nav .seatbag
{
    background-image: url(images/products-nav/seatbags.jpg);
}

.product-nav .tankbag
{
    background-image: url(images/products-nav/tankbags.jpg);
}

.product-nav .lightguard
{
    background-image: url(images/products-nav/lightguards.jpg);
}

.product-nav .bikestand
{
    background-image: url(images/products-nav/bikestands.jpg);
}

.product-nav .gryyp
{
    background-image: url(images/products-nav/gryypproducts.jpg);
    border-width: 0px;
}

.product-nav .bikepacksystemwizard
{
    background-image: url(images/products-nav/bikepacksystemwizard.jpg);
}

.product-nav .panniers,.product-nav .pannier
{
    background-image: url(images/products-nav/panniers.jpg);
}

.product-nav .stormcovers
{
    background-image: url(images/products-nav/stormcovers.jpg);
}

/* product-detail */
.product-detail
{
    background-color: #3C3C3C;
    border: solid 1px #818181;
    width: 100%;
}

.product-detail td
{
    padding: 5px;
    vertical-align: top;
}

/* form */
.form
{
}

.form .text
{
    width: 99%;
}

.form th
{
    text-align: left;
}

/* result-table */
.table
{
    width: 100%;
}

.table th
{
    border-bottom: solid 1px #999999;
    text-align: left;
    font-size: 12pt;
}

.table .rt-footer td
{
    font-weight: bold;
    padding-top: 5px;
}

.table td
{
    padding: 3px;
    padding-left: 0px;
}

.table .text
{
    width: 99%;
}

.table table
{
    /* used by validator callout extender*/
    color: Black;
}

.table table span
{
    /* used by table paging */
    color: White;
}

.table .div td
{
    border-top: solid 1px #999999;
}

/* nav */
#nav
{
    margin: 5px 0px 20px 0px;
    height: 35px;
    background-image: url(images/nav/back.gif);
    padding: 0px 10px;
}

#nav a
{
    float: left;
    padding-left: 7px;
    padding-right: 11px;
    margin-top: 9px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
    background-image: url(images/nav/divider.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    text-transform: uppercase;
}

#nav a:hover
{
    color: Black;
}

#nav .last
{
    background-image: none;
}

/* admin-nav */
.admin-nav
{
    width: 100%;
    margin-bottom: 30px;
}

.admin-nav a
{
    text-transform: uppercase;
    text-decoration: none;
    color: White;
}

.admin-nav td
{
    height: 27px;
    border: solid 2px #888888;
    text-align: center;
    vertical-align: middle;
    padding: 0px;
}

.admin-nav .selected
{
    color: Red;
}

/* side-nav */
.side-nav
{
    margin: 0px 30px 20px 0px;
    padding-left: 0px;
    width: 180px;
    float: left;
}

.side-nav li
{
    list-style-type: none;
}

.side-nav a
{
    width: 100%;
    height: 30px;
    text-align: right;
    border-top: solid 2px #888;
    text-decoration: none;
    display: block;
    padding-top: 3px;
}

.side-nav a:hover, .side-nav .selected a
{
    border-top: solid 2px #FF0000;
    color: Red;
}

/* subside-nav */
.subside-nav
{
    float: left;
    padding-left: 0px;
    margin: 0px;
    clear: left;
    width: 180px;
}

.subside-nav li
{
    list-style-type: none;
    height: 30px;
}

.subside-nav a
{
    text-decoration: none;
}

.subside-nav .selected a
{
    color: Red;
}

/* cart-nav */
.cart-nav
{
    float: right;
    margin: 5px;
    padding: 5px;
    width: 237px;
    background-image: url(images/cartbg.jpg);
    text-align: center;
}

.cart-nav img
{
    margin-right: 5px;
    margin-left: 10px;
    float: left;
}

.header
{
    background-image: url(images/banner.jpg);
    width: 760px;
    height: 182px;
    margin-bottom:5px;
}
a.csolutions
{
    text-decoration:none;
    font-size:13px;   
}
a.csolutions img 
{
    border:none;
}