body
{
    background-color: #e6e6e6;
    margin: auto;
    font-family: Arial;
    font-size: 13px;
    line-height: 18px;
    color: #505050;
}

h1
{
    margin: auto;
    margin-top: 5px;
    margin-bottom: 0px;
    width: 980px;
    color: #076698;
    font-size: 8pt;
    font-weight: normal;
    text-align: right;
}

/* white heading in blue banner */
h2
{
    color: White;
    font-family: Arial Narrow, Arial;
    font-size: 30px;
    margin: 0px;
}

h3
{
    color: #076698;
    font-family: Arial Narrow, Arial;
    font-size: 21px;
    margin: 10px 0px 10px 0px;
    font-weight: normal;
}

/* white headings in comefindus and newsletter banner boxes */
h6
{
    color: White;
    font-family: Arial Narrow, Arial;
    font-size: 21px;
    margin: 5px 0px 5px 0px;
}

a
{
    color: #05699c;
    text-decoration: none;
}

a img
{
    border-width: 0px;
}

p
{
    margin: 10px 0px;
}

.crlogo
{
    position: absolute;
    margin: 37px 0px 0px 20px;
}

#header
{
    background-image: url(layout/bg-repeat.jpg);
    background-repeat: repeat-x;
    background-position: center 22px;
    height: 186px;
    width: 100%;
    font-family: Arial;
    font-size: 12px;
}

#searchbar
{
    background-image: url(layout/layout-top2.jpg);
    width: 980px;
    height: 62px;
    margin: auto;
    color: #696969;
}

#searchbar table
{
    margin-left: 80px;
    margin-top: 7px;
}

#searchbar td
{
    vertical-align: middle;
    background: url(layout/split.jpg) no-repeat right center;
}

#searchbar img
{
    float: left;
    margin-right: 10px;
}

#searchbar .niceformExclude
{
    background-image: url(layout/search-bg.png);
    border-width: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    width: 200px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}

#searchbar label
{
    color: #333333 !important;
}

#headerImgArea
{
    margin: 0px auto;
    width: 980px;
}

#headerImgArea div
{
    width: 210px;
    background-image: url(layout/contact_back.png);
    position: relative;
    z-index: 1;
    padding: 5px;
    margin-top: -110px;
    margin-left: 750px;
    color: #333333;
    text-align: left;
    font-size: 12px;
}

#headerImgArea div img
{
    float: left;
    margin-right: 5px;
}

/* messages */
.messages
{
    border: solid 3px #046091;
    background-color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0px;
    margin: 20px;
    margin-top: 0px;
    width: 940px;
}

.messages p
{
    color: rgb(36,60,130);
    margin: 7px;
}

.messages a
{
    color: rgb(36,60,130);
    font-weight: bold;
    text-decoration: underline;
}

#searchbar a
{
    color: #0089cf;
    text-decoration: none;
}

.nav
{
    height: 39px;
}

.nav a
{
    float: left;
    width: 194px;
    height: 39px;
}

.nav a:Hover
{
    background-position: 0px -39px;
}

.nav .home
{
    background-image: url(nav/home.jpg);
}

.nav .contact
{
    background-image: url(nav/contact.jpg);
}

.nav .bikes
{
    background-image: url(nav/bikes.jpg);
}

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

.nav .brands
{
    background-image: url(nav/brands.jpg);
}

.nav .divider
{
    background-image: url(nav/divider.jpg);
    width: 2px;
    height: 39px;
    float: left;
}

#content
{
    background-color: #f2f2f2;
    margin: auto;
    width: 980px;
}

.visa
{
    float: left;
    margin-top: -40px;
    margin-left: 373px;
}

/* master page banner */
.banner
{
    /*height: 190px;*/
    background-color: #f0f0f0;
    font-size: 14px;
    color: White;
}

.banner .introduction
{
    background-image: url(boxes/introduction.jpg);
    height: 122px;
    width: 544px;
    float: left;
    margin-right: 5px;
    font-size: 12px;
}

.banner .introduction p
{
    margin-top: 12px;
}

.banner .newsletter
{
    background-image: url(boxes/newsletter.jpg);
    width: 185px;
    height: 122px;
    float: left;
    color: #7e7910;
}

.banner .newsletter a
{
    color: #7e7910;
}

.banner .comefindus
{
    background-image: url(boxes/comefindus.jpg);
    background-repeat: no-repeat;
    width: 180px;
    height: 97px;
    float: left;
    margin-right: 5px;
    padding-top: 25px;
    padding-left: 5px;
}

.banner .comefindus a
{
    color: White;
}

/* home page grey tab boxes */
.greytabbox
{
    background-color: #d5d5d5;
    font-size: 14px;
    color: #363636;
    float: left;
    height: 30px;
    width: 250px;
    text-align: center;
}

.greyboxpos
{
    float: left;
    margin-top: 13px;
}

/* footer */
.footer_tab
{
    background-image: url(layout/footer-tab.jpg);
    width: 9px;
    height: 56px;
    position: relative;
    left: -9px;
}

.footer
{
    background-image: url(layout/footer-repeater.jpg);
    height: 56px;
    position: relative;
    top: -50px;
    color: White;
    font-size: 11px;
}

.footer a
{
    color: White;
}

.textcontent
{
    background-color: White;
    border-bottom: solid 1px #d5d5d5;
    border-top: solid 1px #d5d5d5;
    padding: 10px;
}

/* productlisting white background div */
.productwhitediv
{
    background-color: White;
    border-bottom: solid 1px #d5d5d5;
    border-top: solid 1px #d5d5d5;
    padding: 15px;
}

/* blue heading in breadcrumb bar */
.breadcrumbheading
{
    color: #076698;
    font-family: Arial Narrow, Arial;
    font-size: 21px;
    margin-left: 30px;
    float: left;
}

/* product listing control */
.productListing, .productListing a
{
    color: White;
}

.productListing td
{
    text-align: center;
}

.productListing .img
{
    border: 1px solid #696868;
    width: 100px;
    height: 100px;
}

.productListing .blackBox
{
    background-color: #7C7C7C;
}

.productListing .blackBox a
{
    min-height: 43px;
    max-height: 54px;
    overflow: hidden;
    display: block;
}

.productListing .yellowBox, .productListing .redBox, .productListing .blueBox
{
    height: 42px;
}

.productListing .yellowBox
{
    background-color: #d8d137;
}

.productListing .redBox
{
    background-color: #E64641;
}

.productListing .blueBox
{
    background-color: #009DD9;
}

/*.productListing
{
    width: 185px;
    color: White;
    font-size: 12px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
}
.productListing a
{
    color: White;
}
.blackBox
{
    background-color: #696969;
    width: 100%;
    height: 40px;
    margin-bottom: 7px;
    margin-top: 10px;
    padding: 0px 3px;
    vertical-align: middle;
    font-size: 9pt;
}
.yellowBox, .redBox
{
    float: left;
    width: 70px;
    height: 20px;
    padding-top: 0px;
    font-size: 9pt;
}
.yellowBox
{
    background-color: #d8d137;
}
.redBox
{
    background-color: #D93337;
}
.blueBox
{
    background-color: #0089cf;
    float: right;
    width: 107px;
    height: 20px;
    padding-top: 0px;
    font-size: 9pt;
}*/

/* stock list repeater table */
.stocktable
{
    width: 100%;
}

.stocktable th
{
    font-weight: bold;
    text-align: left;
}

/* contact table */
.contacttable
{
    width: 100%;
    margin: 10px 30px 0px 30px;
}

.contacttable td, th
{
    vertical-align: top;
}

.contacttable th
{
    text-align: right;
    font-weight: normal;
}

.contacttable .text
{
    width: 89% !important;
}

.validator
{
    background-color: #FFFACD !important; /* #FFFACD = lemonchiffon */
    background: url(images/input_validator_bg.gif) repeat-x left top !important;
}

/* validator*/
.highlight
{
    background: #FFFACD url(images/input_validator_bg.gif) repeat-x left top !important;
}

.alertbox
{
    position: absolute;
    padding-left: 45px;
    width: 216;
    background: url(layout/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;
}

/* cart */
.carttable
{
    width: 100%;
}

.carttable th
{
    text-align: left;
    border-bottom: solid 1px #d5d5d5;
}

.introduction h2
{
    line-height: 32px;
    margin-bottom: -12px;
}

/* admin section */
.adminsearch
{
    float: right;
    background-image: url(admin/search-bg.jpg);
    background-repeat: no-repeat;
    width: 400px;
    height: 92px;
    padding: 15px;
    margin-right: 15px;
}

.admintable
{
    background-image: url(admin/sort-bg.jpg);
    background-repeat: no-repeat;
    width: 920px;
}

.admintable th
{
    border: none;
    height: 25px;
    text-align: left;
}

.admintable th a
{
    color: White;
    padding-top: 3px;
    padding-left: 5px;
}

.admintable .alt
{
    background-color: #f0f0f0;
}

.logo_new
{
    background-image: url(layout/logo.png);
    position: relative;
    left: 800px;
    top: 55px;
    height: 55px;
    width: 161px;
}

/* progress indicator */
#Indicator
{
    width: 200px;
    position: fixed;
    display: block;
    z-index: 2;
    background-color: #EFEFEF;
    margin-bottom: 15px;
    color: #858585;
    padding: 1px;
    border: solid 2px #CCCCCC;
}

#Indicator p
{
    margin: 7px;
}

#Indicator img
{
    margin-bottom: -2px;
}

#modalBackground
{
    background-color: black;
    filter: alpha(opacity=70);
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

/* alertbox */
#modalContainer
{
    background-color: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 100;
    background-image: url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox
{
    position: relative;
    width: 300px;
    min-height: 100px;
    border: 1px solid #076698;
    background-color: #f0f0f0;
    background-position: 20px 30px;
    z-index: 101;
}

#alertBox h1
{
    margin: 0px;
    font: bold 0.9em verdana,arial;
    background-color: #076698;
    color: #FFF;
    border-bottom: 1px solid #000;
    padding: 2px 0 2px 5px;
    width: 296px !important;
}

#alertBox p
{
    height: 50px;
    padding-left: 5px;
    text-align: center;
}

#alertBox #closeBtn
{
    display: block;
    position: relative;
    margin: 5px auto;
    padding: 3px;
    border: 2px solid #000;
    width: 70px;
    font: 0.7em verdana,arial;
    text-transform: uppercase;
    text-align: center;
    color: #FFF;
    background-color: #78919B;
    text-decoration: none;
}

/* brands */
.logo
{
    height: 65px;
    padding: 0px 15px;
}

.logo a
{
    float: left;
    background-repeat: no-repeat;
    margin-left: 170px;
    height: 35px;
    margin-top:15px;
}

.logo a:hover
{
    background-position: center -35px;
}

.cervelo
{
    background-image: url(../../media/brands/cervelo.jpg);
    width: 227px;
    margin-right: 0px !important;
}

.giant
{
    background-image: url(../../media/brands/giant.jpg);
    width: 206px;
}

.mongoose
{
    background-image: url(../../media/brands/mongoose.jpg);
    width: 260px;
}

.scott
{
    background-image: url(../../media/brands/scott.jpg);
    width: 192px;
}

a.specialized { background-image: url(../../media/brands/specialized.jpg); width: 160px; height:49px; margin-top:7px; }
a.specialized:hover { background-position: center -49px; }

/* viewall */
.viewall
{
    float: left;
    background-color: #51B5CC;
    color: White;
    font-size: 14px;
    padding-right: 15px;
}
.viewall img
{
    float: left;
    margin-left: 5px;
}
.viewall div
{
    float: left;
    margin-top: 7px;
    margin-left: 3px;
    cursor: pointer;
}