﻿body
{
    margin: 0px;
    font-family: Tahoma;
    font-size: 8pt;
    padding: 0px;
    background-color:#0038A9
}

img
{
    border: none
}

input
{
    border: 1px solid #000000;
    background-color: #DBDBDB;
    font-size: 8pt
}

textarea
{
    border: 1px solid #000000;
    background-color: #DBDBDB;
    font-size: 8pt;
    margin-top: 5px;
    margin-bottom: 10px
}

select
{
    font-size: 8pt;
    background-color: #DBDBDB;
    color: #000000
}

a
{
    color: #FFFFFF;
    text-decoration: none
}

a:hover
{
    text-decoration: underline
}

li
{
    text-align: left
}

#main
{
    border: 0px solid #000000;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 736px
}

#headerNav
{
    width: 735px;
    height: 22px;
    background: url(../../rebel/artwork/interface/header_nav_background.gif) repeat-x;
    border: 1px solid #000000;
    margin-bottom: 4px;
    margin-top: 4px
}

#headerNav div
{
    float: left;
    padding-bottom: 5px;
    padding-top: 4px
}

#headerNav a
{
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    color: #000000
}

#headerNav #currency
{
    float: right
}

#headerNav #currency a
{
    padding-left: 5px;
    padding-right: 5px;
}

#headerNav a:hover
{
    text-decoration: underline
}

#lefthandNav
{
    float: left;
    width: 146px
}

#lefthandNav a
{
    background: url(../../rebel/artwork/interface/nav_button.jpg) no-repeat;
    background-position: center;
    color: #000000;
    display: block;
    margin-bottom: 1px;
    padding: 3px;
    text-decoration: none;
    text-align: left;
    text-indent: 5px;
}

#lefthandNav a:hover
{
    text-decoration: underline;
}

#lefthandNav img
{
    border: 0px;
    vertical-align: middle
}

#subNavHeading 
{
    font-size: 10pt;
    font-weight:bold;
    color: #FFF;
    text-align: left;
    text-indent: 10px;
    margin-bottom: 3px;
/*  background-color: #558973; */
    background-color: #595959;
    padding-top: 2px;
    padding-bottom: 2px
}

#subSubNav a
{
    color: #FFF;
    display: block;
    margin-bottom: 1px;
    padding: 3px;
    text-decoration: none;
    text-align: left;
    text-indent: 15px;
    background-image: none
}

#subSubNav a:hover
{
    background-color: #9898A0;
    text-decoration: none
}

#navPanel
{
    width: 146px;
    border: 1px solid #000000;
    background-color: #2D2D2D;
    text-align: center;
    margin-bottom: 5px;
    padding-bottom: 10px
}

#navPanelSearch
{
    width: 146px;
    border: 1px solid #000000;
    background-color: #2D2D2D;
    text-align: center;
    padding-top: 7px;
    margin-bottom: 5px
}

.verisign
{
    width: 146px;
    border: 1px solid #000000;
    background-color: #2D2D2D;
    text-align: center;
    margin-top: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    float: left
}

#footer
{
    width: 736px;
    height: 22px;
    background: url(../../rebel/artwork/interface/header_nav_background.gif) repeat-x;
    margin-bottom: 4px;
    margin-top: 4px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000
}

#footer div
{
    float: left;
    padding-bottom: 5px;
    padding-top: 4px
}

#footer a
{
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    color: #000000
}

#footer #copyright
{
    float: right
}

#bodyContent
{
    width: 584px;
    float: right;
    text-align: left
}

#bodyContent #welcome
{
/*    background-color: #457E6B;*/
/*    background-color: #595959;*/
    background: url(../../Rebel/artwork/interface/header_panel_background.jpg) no-repeat;
    padding: 5px;
    float: left;
    color: #FFFFFF;
    height: 73px;
    width: 572px;
    border: 1px solid #2D2D2D
}

#bodyContentNoNav
{
    width: 735px;
    float: right;
    text-align: left
}

#browseCellSpecials
{
    background-color: #FFFFFF;
    color: #2D2D2D;
    text-align: left;
    height: 120px
}

#browseCellSpecials img
{
    border: 0px;
    float: left;
    margin-right: 5px;
    margin-top: auto;
    margin-bottom: auto
}

#browseCellSpecials a
{
    color: #2D2D2D;
    font-weight: bold
}

#browseCell
{
    background-color: #2D2D2D;
    color: #FFFFFF;
    padding: 6px;
    text-align: left;
    min-height: 175px;
    margin-top: 5px;
    margin-left: 5px;
    width: 129px
}

#browseCell img
{
    border: 0px;
    margin-left: auto;
    margin-right: auto
}

#browseCell a
{
    color: #2D2D2D;
    font-weight: bold
}

#browseCell #button
{
    text-align: center;
    background: url(../../Rebel/artwork/interface/buttons/button_background.gif) repeat-x;
    font-weight: bold;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 7pt;
    color: #FFFFFF
}

#categoryCell
{
    background-color: #2D2D2D;
    color: #FFFFFF;
    padding: 6px;
    text-align: left;
    margin-top: 5px;
    margin-left: 5px;
    width: 150px
}

#basketSummary
{
    background-color: #6B6B6B;
    border: 5px solid #000;
    padding: 2px;
    height: 68px;
    width: 102px;
    _width: 97px;
    float:right 
}

#basketSummary a
{
    display: block;
    border: 1px solid #000;
    background-color: #C5C5C5;
    color: #000;
    margin-top: 2px;
    text-align: center;
    margin-bottom: 2px;
    margin-left: 4px;
    margin-right: 4px
}

#basketSummaryDetails
{
    background-color: #FFF;
    border: 1px solid #000;
    float: left;
    padding: 1px
}

#productHeader
{
/*    background-color: #595959;*/
    background: url(../../Rebel/artwork/interface/header_panel_background.jpg) no-repeat;
    height: 69px;
    width: 564px;
    color: #FFF;
    padding: 7px;
    margin-left: 5px;
    border: 1px solid #2D2D2D;
    text-align: left
}

#productHeaderText
{
    padding-top: 10px;
    width: 440px;
    text-align: justify
}

#productHeaderTextWide
{
    padding-top: 10px;
    width: 580px;
    text-align: justify
}

#breadCrumbs
{
    font-weight: bold;
    background-color: #9898A0;
    padding: 4px;
    width: 440px
}

#breadCrumbsWide
{
    font-weight: bold;
    background-color: #9898A0;
    padding: 4px;
    width: 580px
}

.browseNavigation
{
    margin-top: 7px;
    width: 579px;
    margin-bottom: 3px;
    text-align: center
}

#browseNavigation a
{
    color: #000;
    text-decoration: none
}

#browseNavigation a:hover
{
    font-weight: bold
}

.statusNav
{
    text-align: center;
    padding: 7px;
    background-color: #D4D4D4;
    margin-top: 5px;
    margin-left: 5px
}

.statusNav img
{
	vertical-align: middle 
}

.statusNav span a
{
	margin-left: 5px;
	margin-right: 5px;
	text-decoration: underline;
	vertical-align: middle;
	text-align: center;
	color: #000000
}

#productDetail
{
    background-color: #2D2D2D;
    width: 565px;
    color: #FFF;
    padding: 7px;
    margin-left: 5px;
    margin-top: 7px
}

#productImage
{
    float: left
}

#productInfo
{
    float: right
}

#productInfo #info
{
    float: left
}

#productInfo #brand
{
    float: left;
    background-color: #FFFFFF;
    margin-top: 50px;
    margin-left: 45px;
    text-align: right
}

#productTitle
{
    background-color: #000000;
    font-size: 11pt;
    padding: 5px;
    width: 349px;
    margin-bottom: 7px
}
 
#productDescription
{
    padding-left: 7px;
    padding-right: 7px;
    text-align: justify 
}   

#recolatedProducts
{
    margin-top: 5px;
    margin-left: 5px
}

#basketHeader
{
    background-image: url(../../Rebel/artwork/interface/basket_header_background.jpg);
    /*background-color: #595959;*/
    height: 69px;
    width: 719px;
    color: #FFF;
    padding: 7px;
    border: 1px solid #2D2D2D
}

#loginHeaderText
{
    padding-top: 10px;
    width: 440px;
    text-align: justify
}

#profileHeader
{
    margin-left: 3px;
    background-image: url(../../Rebel/artwork/interface/product_header_background.jpg);
    height: 69px;
    width: 565px;
    color: #FFF;
    padding: 7px;
}

.basketContents
{
    margin-top: 7px;
    border: 1px solid #000000;
    background-color: #2D2D2D;
    padding: 5px;
    color: #FFF
}

.basketContentsFooter
{
    margin-top: 5px;
    padding: 10px
}

#button
{
    color: White;
    text-align: center;
    background: url(../../Rebel/artwork/interface/buttons/button_background.gif) repeat-x;
    margin: 5px;
    font-weight: bold;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 7pt
}

.largeButton
{
    text-align: center;
    font-weight: bold;
    padding-left: 7px;
    padding-right: 7px;
    color: #000;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 22px;
    margin-left: 7px;
    margin-right: 7px
}

.imageButton
{
    text-align: center;
    font-weight: bold;
    padding-left: 7px;
    padding-right: 7px;
    color: #000;
    padding-left: 22px;
    margin-left: 7px;
    margin-right: 7px
}

.continueShopping
{
    background-image: url(../../Rebel/artwork/interface/buttons/continue_shopping_background.gif);
    float: left;
    font-weight: normal
}

.emptyBasket
{
    background-image: url(../../Rebel/artwork/interface/buttons/empty_basket_background.jpg);
    float: left;
    font-weight: normal
}

.gotoCheckout
{
    background-image: url(../../Rebel/artwork/interface/buttons/goto_checkout_background.jpg);
    float: right;
    font-weight: normal
}

.addToBasket
{
    background-image: url(../../Rebel/artwork/interface/buttons/add_to_basket_background.jpg);
    padding-top: 0px;
    padding-bottom: 0px
}

.login
{
    background-image: url(../../Rebel/artwork/interface/buttons/login_background.jpg);
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: normal
}

.createUser
{
    background-image: url(../../Rebel/artwork/interface/buttons/create_account_background.jpg);
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: normal
}

.finish
{
    background-image: url(../../Rebel/artwork/interface/buttons/finish_account_background.jpg);
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: normal
}

.continue
{
    background-image: url(../../Rebel/artwork/interface/buttons/continue_account_background.gif);
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: normal
}

.addAddress
{
    background-image: url(../../Rebel/artwork/interface/buttons/add_address_background.jpg);
    font-weight: normal;
    margin-left: 20px
}

.editBasket
{
    background-image: url(../../Rebel/artwork/interface/buttons/edit_basket_background.jpg);
    font-weight: normal;
    margin-left: 20px
}

.editAddress
{
    background-image: url(../../Rebel/artwork/interface/buttons/edit_address_background.jpg);
    font-weight: normal;
    margin-left: 20px
}

.confirmOrder
{
    background-image: url(../../Rebel/artwork/interface/buttons/confirm_order_background.gif);
    font-weight: normal;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 20px
}

.saveChanges
{
    background-image: url(../../Rebel/artwork/interface/buttons/save_changes_background.jpg);
    font-weight: normal;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 20px
}

.cancel
{
    background-image: url(../../Rebel/artwork/interface/buttons/cancel_background.gif);
    font-weight: normal;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 20px
}

.information
{
    background-image: url(../../Rebel/artwork/interface/buttons/information_background.jpg);
    font-weight: normal;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 20px
}

.print
{
    background-image: url(../../Rebel/artwork/interface/buttons/print_background.gif);
    font-weight: normal;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 20px
}

.find
{
    background-image: url(../../Rebel/artwork/interface/buttons/find_background.jpg);
    font-weight: normal;
    padding-left: 3px;
    padding-right: 3px
}

.productInfo
{
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 5px
}

.sizeDropdown
{
    width: 150px;
    margin-top: 5px
}

.availability
{
    visibility: hidden;
    position: absolute
}

.pricingDescription
{
    float: left;
    color: #BEBEBE
}

.addToBasket
{
    margin-left: 5px
}

.zoom
{
    background-position: 1% bottom;
    background-image: url(../../Rebel/artwork/interface/zoom_in.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 2px;
    margin-left: 75px;
    line-height: 19px
}

.nextNav
{
    float: right;
    padding: 4px;
    width: 70px;
    text-align: right;
    margin-top: 5px
}

.nextNav a {color: #000000}

.nextNav img
{
    vertical-align: middle;
    margin-left: 15px
}

.previousNav
{
    float: left;
    padding: 4px;
    width: 70px;
    margin-top: 5px;
    margin-left: 5px
}

.previousNav a {color: #000000}

.previousNav img
{
    vertical-align: middle;
    margin-right: 8px
}

.navInput
{
    margin-bottom: 7px
}

.tlmImage
{
    border: 0px;
    margin-top: 5px;
    margin-right: 3px
}

.specialPrice
{
    font-weight: bold;
    color: Red
}

.basketSummaryItems
{
    text-align: left;
    float: left
}

.basketSummaryValue
{
    text-align: right;
    float: right
}

.subNavItem
{
    background: url(../../rebel/artwork/interface/nav_button.jpg) no-repeat;
    background-position: center;
    color: #000000;
    display: block;
    margin-bottom: 1px;
    padding: 0px;
    text-decoration: none;
    text-align: left
}

.subNavItem img
{
    margin-right: 2px
}

.basketContentsTable
{
    width: 100%;
    font-weight: bold
}

.basketContentsHeader
{
    padding: 10px;
    background-color: #000;
    color: #FFF
}

.basketProductImage
{
    border: 2px solid #000000
}

.basketItem
{
    padding: 10px;
    vertical-align: middle;
    color: #FFF;
    border-bottom: solid 1px #000000;
    font-weight: normal
}

.basketItemQtyLink
{
    background-color: #2D2D2D;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: text-top
}

.basketItemFooter
{
    font-weight: bold;
    color: #FFF;
    padding: 10px
}

.infoPanel
{
    border: 1px solid #000;
    background-color: #2D2D2D;
    padding: 3px;
    color: #FFF;
    margin-left: 3px;
    margin-top: 7px
}

.infoHeader
{
    padding: 4px;
    background-color: #000;
    font-weight: bold
}

.loginPanel
{
    float:left
}

.loginLabel
{
    width: 40%;
    padding-right: 20px
}

.registerPanel
{
    float: right
}

.profileTable
{
    width: 70%;
    height: 380px;
    text-align: right
}

.profileTextBox
{
    width: 130px
}

.profileValueCell
{
    text-align: left;
    padding-left: 20px
}

.paymentColumnLeft
{
    float: left;
    width: 450px;
    margin-right: 10px
}

.paymentColumnRight
{
    /*float: right;*/
    float: left;
    width: 255px;
    margin-right: 0px
}

.deliveryDetails
{
    
    width: 100%;
    margin-left: 0px
}

.paymentLabel
{
    font-weight: bold;
    margin-bottom: 3px
}

.orderSummary
{
    width: 100%
}

.orderSummary hr
{
    height: 1px
}

.shippingRadio input
{
    background-color: #2D2D2D;
    border: 0px;
    vertical-align: super
}

.shippingRadio label
{
    vertical-align: super
}

.shippingRadio img
{
    margin-bottom: 4px
}

.shippingCheckBox input
{
    background-color: #2D2D2D;
    border: 0px;
    margin-right: 2px
}

.transitTime
{
    padding-left: 21px
}

.label
{
    padding: 2px;
    margin-bottom: 5px
}

.left
{
    float: left
}

.right
{
    margin-left: 110px;
    margin-top: 2px
}

.clearBoth
{
    clear: both
}

.data 
{
    font-weight: bold
}

.important
{
    font-weight: bold
}

.creditCardImage
{
    margin: 15px 0px 15px 50px
}

.paypalImage
{
    margin: 15px 0px 15px 45px
}

.paymentAddress
{
    margin-left: 5px
}

.center
{
    text-align: center
}

.paymentOptionText
{
    margin: 11px 7px 15px 7px;
    text-align: justify
}

.paymentMethod
{
    margin-left: 75px
}

.modalPopup
{
    width: 270px;
    height: 200px
}

.modalBackground
{
    background-color: #C0C0C0;
    filter: alpha(opacity=70);   /* Internet Explorer       */
   -moz-opacity: 0.7;           /* Mozilla 1.6 and below   */
    opacity: 0.7               /* newer Mozilla and CSS-3 */

}

.orderConfirmHeader
{
    background-color: #000;
    padding: 3px;
    width: 100%
}

.orderHistoryItem
{
    padding: 10px
}

.corporateSectionHeader
{
    font-size: 11pt;
    font-weight: normal;
    background-color: #9898A0;
    padding: 5px;
    color: #FFF;
    margin-top: 40px
}

.corporatePostcodeHeader
{
    font-weight: normal;
    background-color: #9898A0;
    padding: 3px;
    color: #FFF
}

.corporateNavigation
{
    background-color: #9898A0;
    background-position: center;
    color: #FFFFFF;
    display: block;
    margin-bottom: 1px;
    padding: 3px;
    text-decoration: none;
    text-align: left;
    text-indent: 5px;
}

.helpHeader
{
    background-color: #9898A0;
    padding: 3px;
    margin-left: 5px;
    margin-right: 5px
}

.helpItem
{
    display: list-item
}

.storeList
{
    margin-top: 15px
}

.catalogNav
{
    width: 585;
    text-align: right;
    font-size: 11pt;
    background-color: #9898A0;
    padding: 5px;
    margin: 5px 0px 5px 0px
}

.historySectionHeader
{
    font-size: 11pt;
    font-weight: normal;
    background-color: #9898A0;
    padding: 3px;
    color: #FFF;
    margin-top: 20px
}

.telstraInfo
{
    margin: 5px
}

#deliveryMethod
{
    margin-bottom: 5px;
    width: 250px
}
