body.index {
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    font-size: 70%;
    line-height: 165%;
    color: #FFFFFF;
    text-decoration: none;
    margin: 0;
    padding: 0;
    background: #000000 url(Assets/indexHeaderBg.png) repeat-x 0px 0px;
}

body.fullCatalogueBody {
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    font-size: 70%;
    line-height: 165%;
    color: #CCCCCC;
    text-decoration: none;
    margin: 0;
    padding: 0;
    background: #000000 url(Assets/headerBg.png) repeat-x 0px 50px;
}

body {
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    font-size: 70%;
    line-height: 165%;
    color: #CCCCCC;
    text-decoration: none;
    margin: 0;
    padding: 0;
    background: #000000 url(Assets/headerBg.png) repeat-x 0px 80px;
}

h2 {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 10px 0px 10px 0px;
    margin: 0px;
    text-transform: uppercase;
    line-height: 120%;
}

    h2.textRight {
        color: #FFFFFF;
        text-align: right;
    }

h3 {
    font-weight: normal;
    font-size: 14px;
    margin: 0px;
    padding: 10px 0px 5px 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}

    h3.textRight {
        color: #FFFFFF;
        text-align: right;
    }

    h3 a {
        color: #FFFFFF;
    }

        h3 a:hover {
            color: #FFCC00;
        }

h4 {
    font-weight: normal;
    font-size: 118%;
    margin: 0px;
    padding: 15px 0px 0px 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.productInfo h4 {
    font-weight: normal;
    font-size: 118%;
    margin: 0px;
    padding: 10px 0px 0px 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}

p {
    margin: 0px;
    padding: 10px 0px 5px 0px;
}

a {
    color: #FFCC00;
    text-decoration: none;
}

    a:hover {
        color: #FFFFFF;
    }

    a:focus {
        outline: none;
        border: none;
    }

    a:active {
        outline: none;
        border: none;
    }

/*for FireFox*/ input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
    border: 0px;
}
/*for IE8 */ input[type="submit"]:focus, input[type="button"]:focus {
    outline: none;
}

#wrapper {
    margin: 0 auto;
    width: 1000px;
}

.header {
    width: 1000px;
    height: 170px;
    position: relative;
    z-index: 50;
}

.fullCatalogueHeader {
    height: 140px;
}

#logo {
    position: absolute;
    left: 405px;
    bottom: 10px;
    width: 190px;
    height: 150px;
}

#oldSchoolLogo {
    left: 369px;
    bottom: 15px;
    width: 262px;
    height: 130px;
    position: absolute;
}

.logo {
    position: absolute;
    left: 405px;
    bottom: 10px;
    width: 190px;
    height: 150px;
}

.oldSchoolLogo {
    left: 369px;
    bottom: 15px;
    width: 262px;
    height: 130px;
    position: absolute;
}


    .logo h1, .oldSchoolLogo h1 {
        position: absolute;
        top: -50px;
        left: -2000px;
        font-size: 11px;
    }

#currency {
    position: absolute;
    right: 0px;
    top: 35px;
}

#headerNav {
    position: absolute;
    top: 12px;
    left: 0px;
    width: 1000px;
    height: 24px;
    padding: 0px 0px 0px 0px;
}

    #headerNav ul {
        overflow: hidden;
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    #headerNav li {
        float: left;
        list-style: none;
        margin: 0px;
        padding: 0px 10px 0px 10px;
        background: url(Assets/footerSplitLine.gif) no-repeat left 3px;
    }

        #headerNav li.first {
            float: left;
            list-style: none;
            margin: 0px;
            padding: 0px 10px 0px 0px;
            background: none;
        }

        #headerNav li.right {
            float: right;
            list-style: none;
            margin: 0px;
            padding: 0px 10px 0px 10px;
            background: url(Assets/footerSplitLine.gif) no-repeat right 3px;
        }

        #headerNav li.last {
            float: right;
            list-style: none;
            margin: 0px;
            padding: 0px 0px 0px 10px;
            background: none;
        }

        #headerNav li a {
            color: #FFFFFF;
            text-decoration: none;
        }

            #headerNav li a.on {
                color: #FFCC00;
                text-decoration: none;
            }

            #headerNav li a:hover {
                color: #FFCC00;
            }

#nav {
    position: absolute;
    left: 0px;
    bottom: 2px;
    width: 1000px;
    height: 60px;
}

#watchGallery {
    width: 1000px;
    height: 310px;
}

.lowerContent {
    width: 1000px;
    overflow: hidden;
    margin: 0px 0px 20px 0px;
}

.leftLowerColumn {
    float: left;
    width: 440px;
    height: 245px;
    border-top: solid 1px #333333;
    margin: 0px 30px 0px 0px;
    position: relative;
}

.middleLowerColumn {
    float: left;
    width: 250px;
    height: 245px;
    border-top: solid 1px #333333;
    margin: 0px 30px 0px 0px;
    position: relative;
}


.rightLowerColumn {
    float: left;
    width: 250px;
    height: 245px;
    border-top: solid 1px #333333;
    margin: 0px 0px 0px 0px;
    position: relative;
}

.contentBox {
    float: left;
    width: 288px;
    height: 127px;
    padding: 5px 10px 8px 15px;
    background: url(Assets/contentBoxBg.png) no-repeat;
    margin: 20px 30px 10px 0px;
    position: relative;
}

.contentBoxEnd {
    float: left;
    width: 283px;
    height: 127px;
    padding: 5px 15px 8px 15px;
    background: url(Assets/contentBoxBg.png) no-repeat;
    margin: 20px 1px 10px 0px;
    position: relative;
}

#homePressFlash {
    width: 440px;
    height: 140px;
    margin: 10px 0px 0px 0px;
}

    #homePressFlash img {
        border: none;
    }

.featherCap {
    margin: 0px 10px 0px 0px;
    float: right;
}

.rtAdditions {
    margin: 10px 0px 5px 0px;
}

.additionsImage {
    float: right;
    width: 130px;
    margin: 0px 0px 0px 10px;
    position: relative;
}

.additionsRotator p {
    float: left;
    margin: 0px;
    padding: 50px 0px 0px 0px;
    line-height: 140%;
    width: 110px;
}


/*----------- product details -----------*/

#contentHolder {
    width: 1000px;
    min-height: 580px;
    margin: 20px 0px 0px 0px;
    position: relative;
    z-index: 0;
}

#productDetailsHolder {
    width: 1000px;
    margin: 0px 0px 0px 0px;
    position: relative;
    z-index: 0;
}

.mac.gecko .mediaContent {
    width: 720px;
    height: 510px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    left: -150px;
    top: 20px;
    z-index: -100;
}

.mediaContent {
    width: 720px;
    height: 510px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    left: -75px;
    top: 20px;
    z-index: -100;
}

#flashRotator {
    width: 720px;
    height: 510px;
    position: relative;
}


#flashHolder {
    width: 720px;
    height: 510px;
}

    #flashHolder .flashShadow {
        z-index: 50;
    }

    #flashHolder .flashInstructions {
        position: absolute;
        left: 0px;
        top: 0px;
        display: none;
        width: 720px;
        height: 510px;
        z-index: 60;
        background: url(Assets/720SwipeGraphics-trans.png) no-repeat 0px 0px;
    }

#imageReflection {
    width: 720px;
    height: 510px;
    position: relative;
}

#imageMain {
    width: 720px;
    height: 510px;
    position: relative;
}

.imageShadow {
    position: absolute;
    left: 80px;
    top: 55px;
    display: block;
    width: 509px;
    height: 382px;
    background: url(Assets/imageShadow-trans.png) no-repeat 0px 0px;
    z-index: 200;
}

.imageMainBg {
    position: absolute;
    left: 80px;
    top: 55px;
    z-index: 100;
}

.flashShadow {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 720px;
    height: 510px;
    background: url(Assets/720Shadow-trans.png) no-repeat 0px 0px;
    z-index: 200;
}

.flashImageReplacement {
    width: 720px;
    height: 520px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.imageReplacement {
    width: 720px;
    height: 455px;
    padding: 55px 0px 0px 0px;
    text-align: center;
}

#productImagesColumn {
    float: left;
    width: 560px;
    margin: 520px 0px 0px 0px;
    z-index: 200;
}

#additionalImagesBox {
    width: 555px;
    height: 120px;
    padding: 0px 0px 0px 5px;
    margin: 0px 0px 50px 0px;
}

.additionalImages {
    width: 520px;
    padding: 7px 0px 0px 10px;
    background: url(Assets/productImagesBg.png) no-repeat;
}

#productDescriptionColumn {
    float: left;
    width: 440px;
    min-height: 490px;
    margin: 0px 0px 0px 0px;
    padding: 73px 0px 0px 0px;
    z-index: 200;
}

.productDetailsHolder {
    position: relative;
}

.productName {
    width: 315px;
    margin: 0px 0px 0px 0px;
}

.productPrice {
    position: absolute;
    top: 0px;
    right: 0px;
    min-width: 100px;
}

.productBtnBar {
    width: 428px;
    height: 24px;
    margin: 20px 0px 0px 0px;
    padding: 0px 2px 0px 10px;
    background: url(Assets/productBarBg.png) no-repeat 0px 0px;
}

.productBtnBottomBar {
    width: 428px;
    height: 24px;
    margin: 0px 0px 20px 0px;
    padding: 0px 2px 0px 10px;
    background: url(Assets/productBarBg.png) no-repeat 0px 0px;
}

.productInfo {
    width: 420px;
    height: 300px;
    padding: 0px 10px 0px 10px;
    margin: 0px 0px 0px 0px;
    background: url(Assets/productInfoBg-trans.png) no-repeat 0px 0px;
}

#productNote {
    width: 410px;
    height: 250px;
    margin: 5px 0px 0px 0px;
}

.lowerBtnPos {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.contentBoxBtnPos {
    position: absolute;
    right: 15px;
    bottom: 12px;
}

.titleLeft {
    float: left;
}

.titleRight {
    float: right;
}

.dropDownSort {
    margin: 10px 0px 0px 230px;
}

.dropDown {
    width: 130px;
    font-size: 11px;
    padding: 1px;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    background: #000000;
    border: none;
    color: #FFFFFF;
}

/*------------- product list -----------*/

#pageTitle {
    width: 1000px;
    padding: 0px 0px 5px 0px;
    border-bottom: solid 1px #333333;
}

.pageTitleText {
    border-top: solid 1px #333333;
    padding: 10px 0px 10px 0px;
    margin: 5px 0px 0px 0px;
}

    .pageTitleText p {
        padding: 2px 0px 0px 0px;
        margin: 0px;
    }

#watchGalleryList {
    width: 1000px;
    min-height: 20px;
}

#pressAlbum {
    width: 1000px;
    min-height: 20px;
    border-bottom: solid 1px #333333;
}

/*\*/ * html #watchGalleryList {
    width: 1000px;
    min-height: 20px;
    height: auto !important;
}

/**/

/*\*/ * html #pressAlbum {
    width: 1000px;
    min-height: 20px;
    height: auto !important;
    border-bottom: solid 1px #333333;
}

/**/


#columnBackground {
    width: 1000px;
    background: url(Assets/columnBg.gif) repeat-y 0px 0px;
}

#leftColumnBackground {
    width: 1000px;
    margin: 20px 0px 0px 0px;
    background: url(Assets/columnleftBg.gif) repeat-y 0px 0px;
}

#rightColumnBackground {
    float: left;
    width: 790px;
    margin: 20px 0px 0px 0px;
    min-height: 580px;
    background: url(Assets/columnRightBg.gif) repeat-y right 0px;
}

#leftColumn {
    float: left;
    width: 160px;
    min-height: 300px;
    margin: 0px 30px 0px 0px;
    padding: 5px 10px 10px 10px;
    position: relative;
    background: url(Assets/productListBoxBg.png) no-repeat 0px 0px;
}

#middleColumn {
    float: left;
    width: 580px;
    min-height: 500px;
    border-top: solid 1px #333333;
    margin: 0px 30px 0px 0px;
    position: relative;
}

#fullMiddleColumn {
    float: left;
    width: 790px;
    min-height: 500px;
    margin: 0px 0px 0px 0px;
    position: relative;
}


#rightColumn {
    float: left;
    width: 160px;
    min-height: 300px;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 10px 10px;
    position: relative;
    background: url(Assets/productListBoxBg.png) no-repeat 0px 0px;
}

    #rightColumn p {
        line-height: 140%;
    }

.columnHeader {
    width: 150px;
    height: 20px;
    padding: 0px 5px 0px 5px;
    margin: 10px 0px 0px 0px;
    background: url(Assets/productListBoxHeader.png) no-repeat;
    color: #FFFFFF;
}

.columnBreakLine {
    margin: 12px 0px 10px 0px;
    border-top: solid 1px #333333;
}

.collectionTitle {
    width: 580px;
    padding: 4px 0px 15px 0px;
    border-bottom: solid 1px #333333;
    overflow: hidden;
}

.sortTitle {
    width: 580px;
    padding: 10px 0px 10px 0px;
    border-bottom: solid 1px #333333;
    overflow: hidden;
}

.selectPage {
    width: 580px;
    margin: 10px 0px 20px 0px;
}

.productRepeater {
    width: 580px;
    padding: 20px 0px 20px 0px;
    overflow: hidden;
    border-bottom: solid 1px #333333;
}

.productListImage {
    display: inline;
    float: left;
    width: 130px;
    margin: 0px 0px 0px 5px;
    position: relative;
    text-align: center;
}

.productListImageRestict {
    max-width: 130px;
}

.productListShadow {
    background: url(Assets/productListShadow-trans.png) no-repeat 0px 0px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.productListHref {
    display: block;
    width: 130px;
    height: 141px;
}

.productListDetails {
    float: left;
    width: 420px;
    margin: 0px 0px 0px 25px;
}

.productListBtnBar {
    width: 408px;
    height: 24px;
    margin: 20px 0px 0px 0px;
    padding: 0px 2px 0px 10px;
    background: url(Assets/productListBarBg.png) no-repeat 0px 0px;
}

.articleRepeater {
    width: 560px;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 15px 0px;
    overflow: hidden;
    border-bottom: solid 1px #333333;
}

/*------------ content pages ----------*/


#leftContentColumn {
    float: left;
    width: 180px;
    min-height: 300px;
    margin: 10px 30px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
}

#middleContentColumn {
    float: left;
    width: 550px;
    margin: 0px 40px 20px 0px;
    position: relative;
}

#fullMiddleContentColumn {
    float: left;
    width: 780px;
    margin: 20px 0px 20px 0px;
    position: relative;
}

#fullContentColumn {
    float: left;
    width: 1000px;
    margin: 10px 0px 20px 0px;
    position: relative;
}

#rightContentColumn {
    float: left;
    width: 180px;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 10px 10px;
    position: relative;
    background: url(Assets/productRightListBoxBg.png) no-repeat 0px 0px;
}

.columnContentBox {
    float: left;
    width: 195px;
    height: 237px;
    padding: 5px 10px 8px 15px;
    background: url(Assets/columnContentBoxBg.png) no-repeat;
    margin: 10px 30px 10px 0px;
    position: relative;
}


/*------------- classes -------------*/

.clear {
    clear: both;
    margin: 0px;
    padding: 0px;
    width: 0px;
    border: none;
    line-height: 0px;
    font-size: 0px;
    height: 0px;
    display: block;
}

h3.twitter {
    float: left;
    font-weight: normal;
    font-size: 14px;
    margin: 0px;
    padding: 10px 82px 5px 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    background: url(Assets/twitter-trans.png) no-repeat right 10px;
}

span.twitter {
    float: left;
    display: block;
    width: 77px;
    height: 18px;
    margin: 9px 0px 0px 0px;
    background: url(Assets/twitter-trans.png) no-repeat 0px 0px;
}

.textRight {
    text-align: right;
}

.upload {
    width: 205px;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}

.highlight {
    color: #FFCC00;
}

p.date {
    padding: 0px 0px 5px 0px;
    margin: 0px;
    color: #CCCCCC;
    line-height: 100%;
}

p.price {
    padding: 5px 0px 0px 0px;
    margin: 0px;
    color: #CCCCCC;
    line-height: 100%;
}

.subText {
    padding: 0px;
    margin: 0px;
    color: #CCCCCC;
    line-height: 100%;
}

p.subTitle {
    font-size: 109%;
}

p.smallPara {
    padding: 0px 0px 5px 0px;
}

.pageNumeration {
    padding: 30px 0px 0px 0px;
    margin: 0px;
    color: #CCCCCC;
    line-height: 100%;
}

.divBreak {
    height: 15px;
}

.date {
    color: #666666;
}

img.leftImg {
    float: left;
    display: inline-block;
    margin: 0px 10px 0px 0px;
    border: none;
}

fieldset {
    border: 1px solid #333333;
    padding: 0px 10px 13px 10px;
    margin: 0px 0px 5px 0px;
}

legend {
    color: #CCCCCC;
    font-size: 100%;
    font-weight: normal;
    padding: 0px 0px 5px 0px;
}


.fieldsetInput {
    width: 224px;
    font-size: 100%;
    border: solid 1px #333333;
    background: #000000;
}

.fieldsetInputSearchDrop {
    width: 224px;
    font-size: 100%;
}

.fieldsetInputSearchDrop2 {
    width: 98px;
    font-size: 100%;
}

.detailsTable {
    width: 100%;
    margin: 15px 0px 5px 0px;
    color: #FFFFFF;
}

    .detailsTable td {
        padding: 2px 0px 2px 10px;
        line-height: 120%;
    }

.floatImg {
    float: left;
    display: block;
    padding: 1px;
    border: solid 1px #333333;
    margin: 10px 10px 0px 0px;
}


/*------------ components ----------*/

.loginLeftPage {
    float: left;
    width: 314px;
    min-height: 210px;
    margin: 0px 40px 0px 10px;
    padding: 0px 20px 0px 0px;
}

.loginRightPage {
    float: left;
    width: 385px;
    margin: 0px;
}

.registerBox {
    border: solid 1px #333333;
    padding: 5px 10px 10px 10px;
    margin: 10px 0px 0px 0px;
}


.shortlistLeft {
    float: left;
    width: 405px;
    margin: 0px 5px 0px 0px;
}

    .shortlistLeft p {
        padding: 5px 30px 5px 0px;
    }

.shortlistRight {
    width: 370px;
    float: left;
}

    .shortlistRight p {
        padding: 5px 0px 5px 0px;
    }

.shortlistRepeater {
    width: 360px;
    padding: 10px 0px 10px 0px;
    margin: 0px;
}

.shortlistImg {
    float: left;
    margin: 0px 15px 0px 0px;
}

.shortlistText {
    float: left;
    width: 260px;
}

.shortlistBtnBar {
    width: 248px;
    height: 24px;
    margin: 10px 0px 0px 0px;
    padding: 0px 2px 0px 10px;
    background: url(Assets/shortlistBarBg.png) no-repeat 0px 0px;
}


/*------------ btns ------------*/


/*
input[type="button"], input[type="submit"]
{
	color: #FFCC00;
	text-transform: uppercase;
	padding: 0px 13px 0px 0px;
	font-size: 11px;
	background: url(Assets/leftNavArrow.gif) no-repeat right 4px;
	border: none;
}*/

input[type="button"], input[type="submit"] {
    font-size: 100%;
    font-weight: normal;
    cursor: pointer;
    text-transform: uppercase;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}

a.white {
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 0px 13px 0px 0px;
    font-size: 11px;
    background: url(Assets/leftNavArrow.gif) no-repeat right 4px;
}

    a.white:hover {
        color: #FFCC00;
    }

a.backBtn {
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 0px 0px 0px 13px;
    font-size: 11px;
    background: url(Assets/rightNavArrow.gif) no-repeat left 4px;
    cursor: pointer;
}

    a.backBtn:hover {
        color: #FFCC00;
    }

a.yellow {
    color: #FFCC00;
    text-transform: uppercase;
    padding: 0px 13px 0px 0px;
    font-size: 11px;
    background: url(Assets/leftNavArrow.gif) no-repeat right 4px;
}

    a.yellow:hover {
        color: #FFFFFF;
    }

a.grey {
    color: #CCCCCC;
    text-transform: uppercase;
    padding: 0px 13px 0px 0px;
    font-size: 11px;
    background: url(Assets/leftNavArrow.gif) no-repeat right 4px;
}

    a.grey:hover {
        color: #FFCC00;
    }

a.blockBtn {
    display: block;
    color: #000000;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0px 19px 1px 10px;
    background: url(Assets/Btns/bg.png) no-repeat right 0px;
}

    a.blockBtn:hover {
        color: #FFFFFF;
        background: url(Assets/Btns/bg.png) no-repeat right -20px;
    }

.staticArrowDwnBtn {
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 0px 14px 0px 0px;
    font-size: 11px;
    background: url(Assets/Btns/arrowDown.gif) no-repeat right 3px;
    cursor: pointer;
}

.arrowDwnBtn {
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 0px 14px 0px 0px;
    font-size: 11px;
    background: url(Assets/Btns/arrowDown.gif) no-repeat right 3px;
    cursor: pointer;
}

    .arrowDwnBtn:hover {
        color: #FFCC00;
        background: url(Assets/Btns/arrowDown.gif) no-repeat right 3px;
    }

.active {
    color: #FFFFFF;
    background: url(Assets/Btns/arrowDown.gif) no-repeat right -15px;
}

    .active:hover {
        color: #FFCC00;
        background: url(Assets/Btns/arrowDown.gif) no-repeat right -15px;
    }

.leftGoToLink {
    padding: 0px 8px 0px 0px;
    background: url(Assets/goToStripLine.gif) no-repeat right 4px;
}

.rightGoToLink, .rightGoToLinkEnd {
    padding: 0px 0px 0px 10px;
    background: url(Assets/goToStripLine.gif) no-repeat 2px 4px;
}



/*------------ product Bg --------------*/


.cocktailMedia {
    background: url(Assets/ProductBg/cocktailLeft.jpg) no-repeat 0px 0px;
}

.cocktail {
    background: url(Assets/ProductBg/cocktailRight.jpg) no-repeat 0px 0px;
}

.seaMedia {
    background: url(Assets/ProductBg/seaLeft.jpg) no-repeat 0px 0px;
}

.sea {
    background: url(Assets/ProductBg/seaRight.jpg) no-repeat 0px 0px;
}

.planeMedia {
    background: url(Assets/ProductBg/planeLeft.jpg) no-repeat 0px 0px;
}

.plane {
    background: url(Assets/ProductBg/planeRight.jpg) no-repeat 0px 0px;
}

.raceMedia {
    background: url(Assets/ProductBg/raceLeft.jpg) no-repeat 0px 0px;
}

.race {
    background: url(Assets/ProductBg/raceRight.jpg) no-repeat 0px 0px;
}

.goldMedia {
    background: url(Assets/ProductBg/goldLeft.jpg) no-repeat 0px 0px;
}

.gold {
    background: url(Assets/ProductBg/goldRight.jpg) no-repeat 0px 0px;
}

/*------------ ul's & li's --------------*/

ul.doubleList {
    margin: 10px 0px 5px 0px;
    padding: 0px;
    list-style: none;
}

    ul.doubleList li {
        float: left;
        width: 45%;
        list-style: none;
        margin: 0px;
        padding: 1px 0px 1px 10px;
        background: url(Assets/dash.gif) no-repeat left center;
    }

        ul.doubleList li a {
            color: #FFFFFF;
        }

            ul.doubleList li a:hover {
                color: #FFCC00;
            }

ul.singleList {
    margin: 10px 0px 5px 0px;
    padding: 0px;
    list-style: none;
}

    ul.singleList li {
        list-style: none;
        margin: 0px;
        padding: 1px 0px 1px 10px;
        background: url(Assets/dash.gif) no-repeat left center;
    }

ul.singleListHome {
    float: left;
    margin: 5px 0px 5px 10px;
    padding: 0px;
    list-style: none;
    width: 350px;
}

    ul.singleListHome li {
        list-style: none;
        margin: 0px;
        padding: 1px 0px 1px 10px;
        background: url(Assets/bullet.gif) no-repeat left 8px;
        width: 100%;
    }


ul.doubleBullet {
    margin: 10px 0px 0px 2px;
    padding: 0px;
    list-style: none;
}

    ul.doubleBullet li {
        float: left;
        width: 30%;
        list-style: none;
        margin: 0px;
        padding: 1px 0px 1px 10px;
        background: url(Assets/bullet.gif) no-repeat left center;
    }

        ul.doubleBullet li a {
            color: #333333;
        }

            ul.doubleBullet li a:hover {
                color: #0066FF;
            }

.contentBox ul {
    float: left;
    margin: 9px 0px 5px 0px;
    padding: 0px;
    list-style: none;
}

.contentBox li {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    background: url(Assets/bullet.gif) no-repeat left 7px;
}

ul.productBtns {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    ul.productBtns li {
        float: left;
        list-style: none;
        margin: 0px;
        padding: 2px 0px 0px 0px;
    }

        ul.productBtns li.right {
            float: right;
            list-style: none;
            margin: 0px;
            padding: 2px 10px 0px 0px;
            background: none;
        }

        ul.productBtns li.rightSplit {
            float: right;
            list-style: none;
            margin: 0px;
            padding: 2px 10px 0px 10px;
            background: url(Assets/productBarSplitLine.gif) no-repeat left 6px;
        }

        ul.productBtns li.buyNow {
            float: right;
            list-style: none;
            margin: 0px;
            padding: 2px 0px 0px 0px;
        }

ul.columnList {
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 10px 0px;
    list-style: none;
}

    ul.columnList li {
        list-style: none;
        margin: 0px;
        padding: 3px 0px 3px 2px;
    }

        ul.columnList li.listSeperator {
            list-style: none;
            margin: 0px;
            padding: 0px;
            border-bottom: solid 1px #333333;
            line-height: 0px;
            font-size: 0px;
            height: 0px;
            display: block;
        }


        ul.columnList li a {
            color: #CCCCCC;
        }

            ul.columnList li a.on {
                color: #FFCC00;
            }

        ul.columnList li span.count {
            color: #FFCC00;
        }

        ul.columnList li a span.close {
            color: #CCCCCC;
        }

        ul.columnList li a:hover {
            color: #FFCC00;
        }

ul.leftNav {
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 5px 0px;
    list-style: none;
}

    ul.leftNav li {
        list-style: none;
        margin: 0px;
        padding: 5px 0px 5px 0px;
        line-height: 140%;
    }

        ul.leftNav li a {
            color: #FFCC00;
            text-transform: uppercase;
            padding: 0px 13px 0px 0px;
            background: url(Assets/leftNavArrow.gif) no-repeat right 4px;
        }

            ul.leftNav li a span.count {
                color: #FFCC00;
            }

            ul.leftNav li a:hover {
                color: #FFFFFF;
            }

ul.pressImages {
    list-style: none;
    margin: 10px 0px 5px 0px;
    padding: 0px;
}

    ul.pressImages li {
        float: left;
        padding: 0px 10px 10px 0px;
    }

        ul.pressImages li img {
            border: none;
            display: block;
            padding: 1px;
            border: solid 1px #333333;
        }

ul.additionalImgs {
    list-style: none;
    margin: 10px 0px 0px 0px;
    padding: 0px;
}

    ul.additionalImgs li {
        float: left;
        padding: 0px 10px 10px 0px;
    }

        ul.additionalImgs li img {
            border: none;
            display: block;
            padding: 1px;
            border: solid 1px #333333;
        }



/*------------ Index Page & Footer --------------*/

#indexFlashContent {
    margin: 0px 0px 20px 0px;
    height: 400px;
    width: 1000px;
    position: relative;
}

#noFlashContent {
    width: 1000px;
    height: 260px;
    padding: 100px 0px 0px 0px;
}

    #noFlashContent img {
        border: none;
    }

.enter {
    float: left;
    width: 220px;
}

.Column1 {
    margin: 0px 40px 0px 0px;
}

.Column2 {
    margin: 0px 20px 0px 0px;
}

.Column3 {
    width: 260px;
    margin: 0px 20px 0px 0px;
}

    .Column3 img {
        padding: 0px 20px 0px 20px;
    }

.Column4 {
    margin: 0px 0px 0px 0px;
}

.enter p {
    text-align: center;
}

#indexHolder {
    width: 1000px;
    height: 500px;
    margin: 20px 0px 0px 0px;
    position: relative;
    z-index: 0;
}

.indexDescription {
    float: left;
    width: 440px;
    margin: 0px 0px 0px 80px;
    padding: 220px 0px 250px 0px;
}


#indexHeader {
    width: 1000px;
    height: 30px;
    padding: 10px 0px 0px 0px;
    color: #999999;
}

    #indexHeader p {
        margin: 0px;
        padding: 10px 0px 0px 0px;
        color: #999999;
    }

    #indexHeader ul {
        overflow: hidden;
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    #indexHeader li.first {
        float: left;
        list-style: none;
        margin: 0px;
        padding: 0px 10px 0px 0px;
        background: none;
    }

    #indexHeader li {
        float: left;
        list-style: none;
        margin: 0px;
        padding: 0px 10px 0px 10px;
        background: url(Assets/footerSplitLine.gif) no-repeat left center;
    }

        #indexHeader li.right {
            float: right;
            list-style: none;
            margin: 0px;
            padding: 0px 10px 0px 10px;
            background: url(Assets/footerSplitLine.gif) no-repeat right center;
        }

        #indexHeader li.last {
            float: right;
            list-style: none;
            margin: 0px;
            padding: 0px 0px 0px 10px;
            background: none;
        }

        #indexHeader li a {
            color: #FFFFFF;
            text-decoration: none;
        }


            #indexHeader li a:hover {
                color: #999999;
            }

.selectionImage {
    margin: 100px 0px 0px 0px;
}

#footerBg {
    width: 100%;
    padding: 0px;
    margin: 0px;
    background: #000000 url(Assets/footerBg.png) repeat-x;
}

#footerContainer {
    width: 1000px;
    height: 140px;
    margin: 0 auto;
    padding: 0px;
}

#footer {
    width: 1000px;
    padding: 10px 0px 0px 0px;
    color: #999999;
}

    #footer p {
        margin: 0px;
        padding: 10px 0px 0px 0px;
        color: #999999;
    }

    #footer ul {
        overflow: hidden;
        margin: 0px;
        padding: 0px;
        list-style: none;
        color: #666666;
    }

    #footer li {
        float: left;
        list-style: none;
        margin: 0px;
        padding: 0px 10px 0px 10px;
        background: url(Assets/footerSplitLine.gif) no-repeat left center;
    }

        #footer li.first {
            float: left;
            list-style: none;
            margin: 0px;
            padding: 0px 10px 0px 0px;
            background: none;
        }

        #footer li.right {
            float: right;
            list-style: none;
            margin: 0px;
            padding: 0px 0px 0px 0px;
            background: none;
            color: #666666;
        }

        #footer li a {
            color: #666666;
            text-decoration: none;
        }


            #footer li a:hover {
                color: #FFFFFF;
            }

.veriSign {
    float: right;
    height: 100px;
    padding: 10px 0px 0px 0px;
}

    .veriSign img {
        border: none;
    }


/*--------- Carousel -------*/

#waterwheelCarousel {
    position: absolute;
    top: 180px;
    width: 500px;
    height: 190px;
}

    #waterwheelCarousel > img {
        display: none;
        cursor: pointer;
    }


/*--------- Tables -------*/

#enquireHolder {
    width: 260px;
    margin: 10px;
}

.enquireTablePopUp {
    width: 260px;
}

    .enquireTablePopUp td.padding {
        padding: 7px 0px 4px 0px;
    }

    .enquireTablePopUp td input[type="text"] {
        width: 160px;
        font-size: 11px;
        margin: 0px 0px 8px 0px;
        font-weight: normal;
    }

    .enquireTablePopUp td textarea {
        width: 250px;
        height: 80px;
        font-family: Helvetica, sans-serif;
        font-size: 11px;
        padding: 5px;
        margin: 0px 0px 3px 0px;
    }

.loginTable {
    width: 100%;
    margin: 10px 0px 5px 0px;
}

    .loginTable td {
        padding: 3px 0px 3px 0px;
    }

        .loginTable td.padding {
            padding: 8px 0px 3px 0px;
        }

        .loginTable td input[type="text"] {
            font-size: 11px;
            font-weight: normal;
        }

.registerTable {
    margin: 0px 0px 5px 0px;
}

    .registerTable td {
        padding: 3px 7px 3px 7px;
    }

        .registerTable td.padding {
            padding: 8px 7px 5px 7px;
        }

        .registerTable td input[type="text"] {
            width: 200px;
            font-size: 11px;
            font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
        }

        .registerTable td select {
            width: 206px;
            font-size: 11px;
            padding: 1px;
            font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
            font-weight: normal;
        }

        .registerTable td textarea {
            width: 200px;
            font-size: 11px;
            height: 100px;
            padding: 1px;
            font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
        }

.serialTable {
    width: 200px;
    margin: 10px 0px 5px 0px;
    padding: 0px;
}

    .serialTable td.titleTd {
        padding: 3px 0px 3px 0px;
        border-bottom: solid 1px #333333;
        color: #FFFFFF;
    }

    .serialTable td {
        padding: 3px 0px 3px 0px;
        border-bottom: solid 1px #333333;
    }

.reloadBtnHide {
    display: none;
}

.shoppingRadioBtn {
    float: right;
    text-align: right;
}

.green {
    color: Green;
    font-weight: bold;
}

.red {
    color: Red;
    font-weight: bold;
}


/* Tooltip*/


.tooltip {
    display: none;
    background: transparent url(Tooltip/black_arrow_small-trans.png);
    font-size: 11px;
    width: 145px;
    height: 47px;
    line-height: 140%;
    padding: 29px 20px 0px 20px;
    color: #fff;
    z-index: 10000;
    text-align: center;
}


.embedVideo {
    width: 480px;
    height: 286px;
    margin: 0 auto;
    padding: 30px 0px 30px 0px;
}




/* telerik override */

.RadRotator_Default .rrClipRegion {
    border-color: transparent !important;
    color: #FFF !important;
    background-color: transparent !important;
}

.RadListBox_Default .rlbGroup, .RadListBox_Default .rlbTemplateContainer {
    color: inherit !important;
    background-color: transparent !important;
}

@media screen and (max-width: 1040px) {
    body {
        font-size: 100%;
    }

    a.yellow{
        font-size: 16px;
    }
	
	#headerNav {
        font-size: 18px;
    }
	
	.RadGrid .rgRow > td, .RadGrid .rgAltRow > td {
        font-size: 16px;
    }
}