﻿@charset "utf-8";
/*
	@Honda Members
	@Author reactive.com
	@NOV 2011
	@VER 1.2.1


	TABLE OF CONTENTS

		1.0 Reset
					1.01 Reset
					1.02 Skip Links
		2.0 Layout
					2.01 Structure
					2.02 Typography
					2.04 Header
					2.05 Content
					2.06 Payment Gateway
					2.07 Form Elements
					2.08 Members Area
					2.09 Advanced Search
					2.10 Promo Area
					2.11 Footer

*/
/* 1.01 RESET 
   v1.0 | 20080212 
 -----------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    -webkit-text-size-adjust: none;
}

:focus
{
    outline: 0;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td
{
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after
{
    content: "";
}

blockquote, q
{
    quotes: """";
}

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
}

ul li, ol li
{
    line-height: normal;
}

input, select, textarea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

strong
{
    font-weight: bold;
}

em
{
    font-style: italic;
}

a img
{
    border: none;
}

.clfx
{
    display: block;
    overflow: hidden;
    height: 0;
    clear: both;
}

.clear
{
    clear: both;
}

.clearR
{
    clear: right;
}

.clearL
{
    clear: left;
}

.floatL
{
    float: left;
}

.floatR
{
    float: right;
}

hr
{
    display: none;
}
/* 1.02 SKIP LINKS 
 -----------------------------------------------------------------------------------------------------------*/
#skipLinks
{
    position: absolute;
    top: -999em;
    left: -999em;
    height: 1px;
    width: 1px;
}
/* 2.01 STRUCTURE
 -----------------------------------------------------------------------------------------------------------*/
html, body
{
    height: auto;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.wrapper
{
    width: 974px;
    margin: 0 auto;
    padding: 0;
}

#content .col
{
    float: left;
    width: 172px;
    height: auto;
    display: block;
    margin: 0 0 0 20px;
    position: relative;
}

    #content .col.x2
    {
        width: 364px;
    }

    #content .col.x3
    {
        width: 556px;
    }

    #content .col.x4
    {
        width: 748px;
    }

    #content .col.x5
    {
        width: 940px;
    }

    #content .col.shiftup
    {
        margin-top: -17px !important;
    }

    #content .col .shiftdown
    {
        margin-top: 30px;
    }

    #content .col.clean
    {
        margin: 0 !important;
    }
/* 2.02 TYPOGRAPHY
 -----------------------------------------------------------------------------------------------------------*/
h1
{
    font-size: 4em;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}

.cufon-active h1
{
    font-size: 6.30em;
}

h2, h3
{
    font-size: 3em;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
}

h3
{
    color: #555;
    padding: 0 0 0 20px;
}

h4
{
    font-size: 2.3em;
    text-transform: uppercase;
    font-weight: bold;
    color: #555;
    line-height: 22px;
    padding: 0 0 30px 0;
}

h5
{
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
    color: #09445C;
    line-height: 18px;
    padding: 0 0 0 0;
}

/* 2.03 HEADER
 -----------------------------------------------------------------------------------------------------------*/
.header
{
    display: block;
    /*background:#232b31;*/
    background: url(/images/backgrounds/nav80per.png);
    height: 60px;
    width: 974px;
    overflow: hidden;
}

    .header .hondaBrand
    {
        float: left;
        margin: 23px 0 0 20px;
    }

    .header .logoPrint
    {
        display: none;
    }

    .header .siteSearch
    {
        float: left;
        margin: 18px 0 0 35px;
        border: 0;
        padding: 0 6px;
        width: 124px;
        height: 23px;
        line-height: 23px;
        color: #a4a6a9;
        background: #353a40;
        font-size: 0.9em;
    }

    .header .siteSearchbtn
    {
        margin: 18px 0 0 0;
        display: block;
        float: left;
        overflow: hidden;
        font-size: 0px;
        line-height: 0px;
        text-indent: -999px;
        background: url(/images/buttons/siteSearchGo.gif) no-repeat;
        width: 40px;
        height: 23px;
        border: 0;
        cursor: pointer;
    }

        .header .siteSearchbtn:hover
        {
            background-position: 0 -23px;
        }

ul#nav
{
    list-style: none;
    margin: 17px 0 0 45px;
    padding: 0;
    float: left;
    height: 24px;
    width: 544px;
}

    ul#nav li
    {
        display: inline;
        float: left;
        margin: 0;
        padding: 0;
    }

        ul#nav li a
        {
            display: block;
            height: 24px;
            background: url(/images/titles/sprite_mainNavT.gif) no-repeat;
            text-indent: -9999px;
            overflow: hidden;
        }

        ul#nav li.cars a
        {
            width: 58px;
            background-position: 0 0;
        }

            ul#nav li.cars a:hover, ul#nav li.cars a.active
            {
                background-position: 0 -24px;
            }

        ul#nav li.motorCycles a
        {
            width: 109px;
            background-position: -58px 0;
        }

            ul#nav li.motorCycles a:hover, ul#nav li.motorCycles a.active
            {
                background-position: -58px -24px;
            }

        ul#nav li.pe a
        {
            width: 141px;
            background-position: -167px 0;
        }

            ul#nav li.pe a:hover, ul#nav li.pe a.active
            {
                background-position: -167px -24px;
            }

        ul#nav li.marine a
        {
            width: 65px;
            background-position: -310px 0;
        }

            ul#nav li.marine a:hover, ul#nav li.marine a.active
            {
                background-position: -310px -24px;
            }

        ul#nav li.pw a
        {
            width: 165px;
            background-position: -370px 0;
        }

            ul#nav li.pw a:hover, ul#nav li.pw a.active
            {
                background-position: -370px -24px;
            }


/* SSO	-----------------------------------------------------------------------------------------------------------*/

#menu
{
    position: absolute;
    list-style: none;
    height: 30px;
    margin-top: 13px;
    width: 205px;
    padding: 0px;
    display: inline-block;
}

    #menu li
    {
        float: left;
        display: inline;
        position: relative;
        margin: 4px 12px 0 0;
    }

        #menu li.sooFirst
        {
            margin-left: 4px;
        }

        #menu li.ssoLast
        {
            margin-right: 4px;
        }

        #menu li.login
        {
            margin-left: 50px;
        }

        #menu li a
        {
            padding: 12px 0 12px 0;
            text-decoration: none;
            border: none;
            color: #ffffff;
        }

        #menu li.nodrop a
        {
            padding: 12px 0 2px 0;
        }

        #menu li:hover a
        {
            background-color: #1d1d1d;
            opacity: 0.9;
            -moz-opacity: 0.9;
            filter: alpha(opacity=90);
        }

    #menu img
    {
        border: none;
    }


    /* Dropdown -----------------------------------------------------------------------*/

    #menu .dropdown_1col
    {
        left: -999em;
        position: absolute;
        color: #ffffff;
        background-color: #1d1d1d;
        opacity: 0.9;
        -moz-opacity: 0.9;
        filter: alpha(opacity=90);
    }
    /*#menu li:hover .reminderPosition {
		left:-5px;
		top:22px;
	}
	#menu li:hover .managePosition {
		left:-39px;
		top:22px;
	}
	#menu li:hover .searchPosition {
		left:-73px;
		top:22px;
	}
	#menu li:hover .favouritePosition {
		left:-104px;
		top:22px;
	}*/
    #menu #cartDrop
    {
        margin: 2px auto;
        left: -9999em;
        position: absolute;
        color: #ffffff;
        background-color: #1d1d1d;
    }

    /*#menu li:hover #cartDrop {
		left:-138px;
		top:20px;
	}*/

    /* Notifications ------------------------------------------------------------------*/

    #menu li .newNotification
    {
        position: absolute;
        z-index: 999;
        width: 20px;
        height: 20px;
        margin: 3px 0px 0px 10px;
        text-align: center;
        background-image: url(../images/icons/notificationDot.png);
        background-repeat: no-repeat;
        color: #fff;
        font-weight: bold;
        text-shadow: 1px 1px 1px #930000;
    }

        #menu li .newNotification.single
        {
            padding-top: 3px;
            font-size: 11px;
        }
        /* Font Size & Padding for Single digit notifications */
        #menu li .newNotification.double
        {
            padding-top: 3px;
            font-size: 10px;
        }
        /* Font Size & Padding for Double digit notifications */
        #menu li .newNotification.triple
        {
            padding-top: 4px;
            font-size: 9px;
        }
    /* Font Size & Padding for Triple digit notifications */


    /* Specialised Dropdown Lists  ---------------------------------------------------*/

    /* Generic Sub Menu */
    #menu ul.submenu
    {
        margin: 0px;
        padding: 0px;
    }

        #menu ul.submenu li
        {
            height: 30px;
            margin: 0;
            padding: 12px 8px 0px 8px;
            text-align: left;
            font-size: 12px;
            text-shadow: 1px 1px 1px #000;
            border-bottom: 1px dotted #3d3d3d;
        }

            #menu ul.submenu li.eol
            {
                border-bottom: none;
            }

            #menu ul.submenu li.favouriteItems
            {
                height: 50px;
                margin: 0;
                padding: 12px 8px 0px 8px;
                text-align: left;
                font-size: 12px;
                text-shadow: 1px 1px 1px #000;
                border-bottom: 1px dotted #3d3d3d;
            }

.submenu li:hover
{
    background-color: #242424;
}

#menu ul.loginMenu
{
    margin: 0;
    padding: 0;
}

    #menu ul.loginMenu li
    {
        height: 24px;
        margin: 0;
        padding: 12px 8px 0px 8px;
        text-align: left;
        font-size: 12px;
        text-shadow: 1px 1px 1px #000;
    }
/* Reminders */
.reminderDrop li
{
    width: 195px;
    line-height: 20px;
}

.reminderDrop img
{
    display: inline-block;
    float: left;
    margin-right: 8px;
}

/* Management Area */
.manageDrop li
{
    width: 195px;
}

/*Favourites/Wishlist */
.favouritesDrop li
{
    width: 192px;
    height: 45px;
    line-height: 40px;
}

.favouritesDrop img
{
    display: block;
    float: left;
    margin-right: 12px;
    width: 40px;
    height: 40px;
}

#menu .dropdown_1col ul.submenu li.favStart
{
    border-bottom: 1px dotted #3d3d3d;
    padding: 0 0 12px 8px;
    width: 200px;
    cursor: pointer;
}

#menu .dropdown_1col ul.submenu li.favEnd
{
    padding: 0 0 12px 8px;
    width: 200px;
}

/* Login */
.loginDrop li
{
    width: 168px;
}

.loginDrop .loginButton
{
    margin-left: -7px;
    border: 0;
    width: 184px;
    height: 23px;
    line-height: 18px;
    font-size: 1em;
    background: none;
    color: #fff;
    text-align: left;
    cursor: pointer;
}

/* Search */
.searchDrop li
{
    display: block;
    width: 195px;
    height: 300px;
}

    .searchDrop li.searchEnd
    {
        line-height: 20px;
        border: none;
    }

.searchDrop input
{
    float: left;
    margin: 0;
    border: 0;
    padding: 0 6px;
    width: 155px;
    height: 23px;
    line-height: 18px;
    font-size: 0.9em;
    background-color: #848484;
    color: #c8c8c8;
}

.searchDrop .searchBtn
{
    margin: 0;
    display: block;
    float: left;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
    text-indent: -999px;
    width: 23px;
    height: 23px;
    border: 0;
    cursor: pointer;
    background-image: url(/images/icons/search.png);
}

/* Shopping Cart */
#cartDrop
{
    width: 216px;
}

    #cartDrop .cartNav .btn
    {
        display: block;
        float: left;
        font-size: 9px;
        font-weight: bold;
        text-transform: uppercase;
        text-shadow: 1px 1px 1px #424242;
        padding: 4px;
        width: 62px;
        text-align: center;
        margin: 1px 0 4px 0;
        border: solid #646464 1px;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#7b7b79));
        background: -moz-linear-gradient(top, #454545, #7b7b79);
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#454545, endColorStr=#7b7b79);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#454545, endColorStr=#7b7b79);
        display: inline-block;
    }

    #cartDrop .cartNav li a
    {
        text-decoration: none;
        color: #fff;
    }

.itemList
{
    margin: 0;
    padding: 0;
}

    .itemList li
    {
        float: left;
        list-style: none;
        position: relative;
        font-size: 12px;
        color: #fff;
        width: 210px;
        height: 50px;
        border-bottom: 1px dashed #4a4951;
    }

        .itemList li .itemPrice
        {
            font-weight: bold;
            float: right;
            margin: 12px 9px 0px 0px;
        }

        .itemList li input
        {
            width: 20px;
            height: 17px;
            margin: 8px 8px 0 8px;
            border: 1px solid #000;
            font-size: 10px;
            padding: 3px 2px 2px 2px;
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cccccc));
            background: -moz-linear-gradient(top, #ffffff, #cccccc);
            -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#cccccc);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#cccccc);
        }

#cartDrop .itemList li.updateCart
{
    height: 14px;
    text-align: right;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
}

    #cartDrop .itemList li.updateCart a
    {
        color: #fff;
        text-decoration: none;
    }

#cartSummary
{
    display: block;
    float: left;
    width: 206px;
    height: 20px;
    margin: 4px 0 0 0;
    padding: 2px 4px 0px 4px;
    border: solid #d58240 1px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f56f00), to(#f5872e));
    background: -moz-linear-gradient(top, #f56f00, #f5872e);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f56f00, endColorStr=#f5872e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f56f00, endColorStr=#f5872e);
    display: inline-block;
}

    #cartSummary .totalPrice
    {
        float: left;
        margin: 0 4px 0 0;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 14px;
        text-shadow: 1px 1px 1px #424242;
    }

    #cartSummary .postage
    {
        float: left;
        margin: 4px 0 0 0;
        font-size: 10px;
        font-weight: bold;
        color: #000;
        text-transform: uppercase;
    }

    #cartSummary .payNow
    {
        float: right;
        margin: 0;
        padding: 0;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 14px;
    }

        #cartSummary .payNow a
        {
            color: #000;
            text-decoration: none;
            padding: 0;
        }

#cartDrop #cartSummary .payNow a:hover
{
    color: #000;
    text-decoration: none;
    background-color: none;
}

/* 2.04 CONTENT
 -----------------------------------------------------------------------------------------------------------*/
#content
{
    margin: 214px 0 0 0;
}

    #content .contentTop
    {
        overflow: hidden;
        height: 70px;
    }

        #content .contentTop h1
        {
            margin: -8px 0 0 15px;
        }

            #content .contentTop h1 a
            {
                color: #fff;
                text-decoration: none;
            }

        #content .contentTop .findaDealer
        {
            float: right;
            display: block;
            width: 176px;
            height: 49px;
            padding: 10px 12px 12px 12px;
        }

            #content .contentTop .findaDealer .title
            {
                text-transform: uppercase;
                display: block;
                padding: 0 0 5px 0;
            }

            #content .contentTop .findaDealer .dealerSearch
            {
                float: left;
                margin: 0;
                border: 0;
                padding: 0 6px;
                width: 124px;
                height: 23px;
                line-height: 23px;
                font-size: 0.9em;
            }

            #content .contentTop .findaDealer .dealerSearchbtn
            {
                margin: 0;
                display: block;
                float: left;
                overflow: hidden;
                font-size: 0px;
                line-height: 0px;
                text-indent: -999px;
                width: 40px;
                height: 23px;
                border: 0;
                cursor: pointer;
            }

    #content .container
    {
        background: #fff;
    }

        #content .container .subNav
        {
            width: 172px;
            float: left;
            margin: 0;
            padding: 10px 10px 60px 20px;
            background: #fff;
        }

            #content .container .subNav div
            {
                display: block;
                padding: 20px 0 0 0;
            }

            #content .container .subNav .title
            {
                text-transform: uppercase;
                color: #8c8c8c;
                font-weight: bold;
                display: block;
                border-bottom: 1px solid #dedede;
                padding-bottom: 3px;
            }

                #content .container .subNav .title a
                {
                    color: #8c8c8c;
                    text-decoration: none;
                    border: 0;
                }

            #content .container .subNav ul
            {
                margin: 3px 0 0 0;
                padding: 0;
                list-style: none;
            }

                #content .container .subNav ul li
                {
                    display: inline;
                }

                    #content .container .subNav ul li a
                    {
                        display: block;
                        text-decoration: none;
                        border-bottom: 1px solid #dedede;
                        padding: 3px 5px 3px 9px;
                        font-weight: bold;
                    }

        #content .container .subNav2
        {
            width: 162px;
            float: left;
            margin: 0;
            padding: 0px 10px 0px 10px;
            background: #fff;
        }

            #content .container .subNav2 .title
            {
                text-transform: uppercase;
                color: #8c8c8c;
                font-weight: bold;
                margin: 20px 0 0 0;
                display: block;
            }

            #content .container .subNav2 ul
            {
                margin: 3px 0 0 0;
                padding: 0;
                list-style: none;
                border-top: none;
            }

                #content .container .subNav2 ul li
                {
                    display: inline;
                }

                    #content .container .subNav2 ul li a
                    {
                        display: block;
                        text-decoration: none;
                        border-bottom: 1px solid #dedede;
                        padding: 3px 5px 3px 9px;
                        font-weight: bold;
                        font-size: 11px;
                    }

        #content .container .subNav3
        {
            width: 152px;
            float: left;
            margin: 0;
            padding: 0px 10px 10px 20px;
            background: #fff;
        }

            #content .container .subNav3 .title
            {
                text-transform: uppercase;
                color: #8c8c8c;
                font-weight: bold;
                margin: 20px 0 0 0;
                display: block;
            }

            #content .container .subNav3 ul
            {
                margin: 3px 0 0 0;
                padding: 0;
                list-style: none;
                border-top: none;
            }

                #content .container .subNav3 ul li
                {
                    display: inline;
                }

                    #content .container .subNav3 ul li a
                    {
                        display: block;
                        text-decoration: none;
                        border-bottom: 1px solid #dedede;
                        padding: 3px 5px 3px 9px;
                        font-weight: bold;
                        font-size: 9px;
                    }

    #content .feature
    {
        background: url(/images/backgrounds/gradientWHTGRY.gif) no-repeat left top;
        margin: 0 !important;
        padding: 29px 8px 0 10px;
        min-height: 421px;
        width: 360px !important;
    }

    #content .contentArea
    {
        padding: 29px 0 0 10px;
        margin: 0 !important;
        position: relative;
    }

        #content .contentArea .listclass
        {
            list-style: inside;
            list-style-type: dot;
        }

            #content .contentArea .listclass a:link
            {
                color: #000;
                text-decoration: none;
            }

            #content .contentArea .listclass a:visited
            {
                color: #000;
                text-decoration: none;
            }

            #content .contentArea .listclass a:hover
            {
                color: #000;
                text-decoration: underline;
            }

    #content .col.x5.contentArea
    {
        padding: 29px 0 0 20px;
    }

    #content .prButton
    {
        display: block;
        width: 171px;
        height: 23px;
        line-height: 0;
        overflow: hidden;
        text-indent: -999px;
        background: url(/images/buttons/productButtons.gif) no-repeat;
        padding: 0;
    }

        #content .prButton.broc
        {
            background-position: 0 0;
        }

            #content .prButton.broc:hover
            {
                background-position: 0 -23px;
            }

        #content .prButton.addc
        {
            background-position: 0 -46px;
        }

            #content .prButton.addc:hover
            {
                background-position: 0 -69px;
            }

        #content .prButton.comnow
        {
            background-position: 0 -92px;
        }

            #content .prButton.comnow:hover
            {
                background-position: 0 -115px;
            }

        #content .prButton.lcdl
        {
            background-position: 0 -138px;
        }

            #content .prButton.lcdl:hover
            {
                background-position: 0 -161px;
            }

.buyOnBtn
{
    display: block;
    width: 170px;
    height: 65px;
    background-image: url(/images/buttons/Honda_BuyNow_btn.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

.buyOffBtn
{
    display: block;
    width: 170px;
    height: 65px;
    background-image: url(/images/buttons/Honda_RRP_btn.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

.cufon-active .buyOnBtn
{
    color: #2e2e2e;
    font-size: 1.1em;
    padding: 20px 0px 0px 70px;
    text-decoration: none;
}

.cufon-active .buyOffBtn
{
    color: #2e2e2e;
    font-size: 1.1em;
    padding: 20px 0px 0px 70px;
    text-decoration: none;
}

#content .tools
{
    position: absolute;
    right: 0;
    top: 50px;
}

    #content .tools .tlPrint,
    #content .tools .tlShare,
    #content .tools .tlBack,
    #content .supportingTools .browseP,
    #content .supportingTools .enlg,
    #content .supportingTools .xray,
    #content .nxtProduct,
    #content .prvProduct,
    #content .btop
    {
        display: block;
        float: right;
        width: 45px;
        height: 12px;
        overflow: hidden;
        text-indent: -999px;
        margin-left: 10px;
        background: url(/images/buttons/tools.gif) no-repeat;
    }

    #content .tools .tlPrint
    {
        width: 45px;
        display: none;
    }

        #content .tools .tlPrint:hover
        {
            background-position: 0 -17px;
        }

    #content .tools .tlShare
    {
        width: 48px;
        background-position: 0 -36px;
        display: none;
    }

        #content .tools .tlShare:hover
        {
            background-position: 0 -53px;
        }

    #content .tools .tlBack
    {
        width: 45px;
        background-position: 0 -73px;
    }

        #content .tools .tlBack:hover
        {
            background-position: 0 -88px;
        }

#content .supportingTools .browseP
{
    width: 106px;
    background-position: 0 -191px;
    margin-right: 68px;
    height: 14px;
}

    #content .supportingTools .browseP:hover
    {
        background-position: 0 -212px;
    }

#content .supportingTools .enlg
{
    float: left;
    width: 66px;
    background-position: 0 -107px;
    margin: 0 10px 0 0;
    height: 14px;
}

    #content .supportingTools .enlg:hover
    {
        background-position: 0 -128px;
    }

#content .supportingTools .xray
{
    float: left;
    width: 66px;
    background-position: 0 -150px;
    margin: 0 10px 0 0;
    height: 14px;
}

    #content .supportingTools .xray:hover
    {
        background-position: 0 -170px;
    }

#content .nxtProduct
{
    width: 34px;
    background-position: -1px -273px;
    float: left;
    margin: 0;
}

    #content .nxtProduct:hover
    {
        background-position: -1px -293px;
    }

#content .prvProduct
{
    width: 57px;
    background-position: 0 -234px;
    float: left;
    margin: 0;
}

    #content .prvProduct:hover
    {
        background-position: 0 -253px;
    }

#content .btop
{
    float: left;
    width: 67px;
    background-position: 0 -324px;
    margin: 120px 0 0 0;
}

    #content .btop:hover
    {
        background-position: 0 -345px;
    }

#content .searchDetail,
#content .productDetail,
#content .checkoutContainer,
#content .standardDetail
{
    margin: 2px 0 0 0;
    border-top: 1px solid #dedede;
    padding: 20px 0 0 0;
    clear: left;
}

#content .prodtuctDetail .topSection
{
    position: relative;
    height: 453px;
    display: block;
}

#content .productDetail #mediaContainer
{
    width: 556px;
    height: 400px;
    position: relative;
}

    #content .productDetail #mediaContainer div img
    {
        position: absolute;
        top: 0;
        left: 50px;
    }

    #content .productDetail #mediaContainer div .supportingTools
    {
        position: absolute;
        bottom: 0;
        left: 0;
    }

.largeDownload
{
    text-decoration: none;
    color: White;
}

#content .productDetail .supportingTools
{
    padding: 20px 0 0 0;
}

#content .productDetail .clfx.hr
{
    margin: 2px 0 0 0;
    border-bottom: 1px solid #dedede;
    padding: 4px 0;
}

#content .productDetail .supportingContent
{
    padding: 10px 0;
}

    #content .productDetail .supportingContent .supportingMedia
    {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        #content .productDetail .supportingContent .supportingMedia li
        {
            display: inline;
            float: left;
        }

            #content .productDetail .supportingContent .supportingMedia li a
            {
                overflow: hidden;
                border: 1px solid #e8e8e8;
                width: 79px;
                height: 74px;
                margin: 0 10px 10px 0;
            }

#content .productDetail .overlayProducts
{
    display: none;
    background: #fff !important;
    position: absolute;
    height: 164px;
    width: 746px;
    bottom: 105px;
    right: 0;
    border: 1px solid #dedede;
}

    #content .productDetail .overlayProducts .productBeltList
    {
        border-top: 0 none;
        border-bottom: 0 none;
    }

#content .productDetail .prvnxt
{
    padding-bottom: 10px;
}

    #content .productDetail .prvnxt .prvContainer
    {
        float: left;
        width: 81px;
        margin: 10px 0 0 0;
    }

    #content .productDetail .prvnxt .nxtContainer
    {
        float: right;
        width: 81px;
        margin: 10px 0 0 0;
    }

    #content .productDetail .prvnxt div a
    {
        text-decoration: none;
    }

        #content .productDetail .prvnxt div a img
        {
            display: block;
            overflow: hidden;
            border: 1px solid #e8e8e8;
            width: 79px;
            height: 74px;
        }

        #content .productDetail .prvnxt div a span
        {
            padding: 5px 0 3px 0;
            display: block;
            font-weight: bold;
        }

#content .tabArea .tabs
{
    background: #fff;
    padding: 0 212px 0 212px;
}

    #content .tabArea .tabs ul
    {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #content .tabArea .tabs ul li
        {
            display: inline;
            float: left;
        }

            #content .tabArea .tabs ul li a
            {
                display: block;
                background: #f5f5f5;
                text-decoration: none;
                font-weight: bold;
                padding: 4px 10px 4px 20px;
                text-decoration: none;
                text-transform: uppercase;
                font-size: 0.9em;
                color: #5d5d5d;
                margin-right: 1px;
            }

.cufon-active #content .tabArea .tabs ul li a
{
    font-size: 1.1em;
    padding: 7px 10px 5px 20px;
}

#content .tabArea .tabs ul li a:hover,
#content .tabArea .tabs ul li a.active
{
    background: #e7e7e7;
}

#content .tabArea .tabContainer
{
    background: #f3f3f3 url(/images/backgrounds/tabAreaBg.gif) repeat-x top;
    padding: 30px 212px 60px 212px;
}

.generalContent
{
    overflow: auto;
}

#features .flist
{
    padding: 0 0 30px 0;
    margin: 0;
    list-style: none;
    border-top: 3px solid #a9a9a9;
    overflow: auto;
}

    #features .flist li
    {
        float: left;
        display: block;
        overflow: hidden;
        width: 275px;
        height: 70px;
        padding: 12px 0;
        border-bottom: 1px solid #d4d4d4;
    }

        #features .flist li p
        {
            margin: 0 0 0 90px;
            color: #333333;
        }

        #features .flist li a
        {
            float: left;
            position: relative;
        }

            #features .flist li a span
            {
                display: block;
                width: 10px;
                height: 10px;
                background: url(/images/icons/enlarge.gif) no-repeat;
                position: absolute;
                bottom: 5px;
                left: 5px;
            }

            #features .flist li a:hover span
            {
                background: url(/images/icons/enlargeI.gif) no-repeat;
            }

#content .listTitle
{
    display: block;
    font-weight: bold;
    color: #333333;
    padding: 0 0 4px 0;
}

#content .bulletList
{
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #d4d4d4;
}

    #content .bulletList li
    {
        display: block;
        border-bottom: 1px solid #d4d4d4;
        padding: 5px 40px 5px 10px;
        background: url(/images/icons/bulletGreen.gif) no-repeat 0 11px;
    }

#specifications .flist
{
    padding: 0 0 30px 0;
    margin: 0;
    list-style: none;
    border-top: 3px solid #a9a9a9;
    overflow: auto;
}

    #specifications .flist li
    {
        float: left;
        display: block;
        overflow: hidden;
        width: 275px;
        height: 70px;
        padding: 12px 0;
        border-bottom: 1px solid #d4d4d4;
    }

        #specifications .flist li p
        {
            margin: 0 0 0 90px;
            color: #333333;
        }

        #specifications .flist li a
        {
            float: left;
            position: relative;
        }

            #specifications .flist li a span
            {
                display: block;
                width: 10px;
                height: 10px;
                background: url(/images/icons/enlarge.gif) no-repeat;
                position: absolute;
                bottom: 5px;
                left: 5px;
            }

            #specifications .flist li a:hover span
            {
                background: url(/images/icons/enlargeI.gif) no-repeat;
            }

#specifications table
{
    border-top: 1px solid #cecece;
    color: #333333;
}

    #specifications table th
    {
        font-weight: bold;
        width: 190px;
        border-bottom: 1px solid #cecece;
        padding: 6px 0;
    }

    #specifications table td
    {
        border-bottom: 1px solid #cecece;
        padding: 6px 0;
    }

#content .productDetail #size-selector .tabArea .linkPaymentTabs
{
    background: #fff;
    padding: 0;
}

    #content .productDetail #size-selector .tabArea .linkPaymentTabs ul
    {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #content .productDetail #size-selector .tabArea .linkPaymentTabs ul li
        {
            display: inline;
            float: left;
        }

#content .productDetail #size-selector .tabArea span.priceHeading
{
    display: block;
    background: #e7e7e7;
    width: 157px;
    text-decoration: none;
    font-weight: bold;
    padding: 8px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.5em;
    margin: 4px 1px 5px 0px;
    border: 1px solid #7e7e7e;
    text-align: center;
    color: #555;
}

#content .productDetail #size-selector .tabArea span.sizingHeading
{
    display: block;
    background: #e7e7e7;
    width: 157px;
    text-decoration: none;
    font-weight: bold;
    padding: 8px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.2em;
    margin: 4px 1px 1px 0px;
    border: 1px solid #7e7e7e;
    text-align: center;
    color: #555;
}

#content .productDetail #size-selector .tabArea .linkPaymentTabs ul li a
{
    display: block;
    background: #e7e7e7;
    text-decoration: none;
    font-weight: bold;
    padding: 2px !important;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    margin: 0px 1px 1px 0px;
    border: 1px solid #7e7e7e;
}

    #content .productDetail #size-selector .tabArea .linkPaymentTabs ul li a.instock
    {
        color: #267d32;
    }

    #content .productDetail #size-selector .tabArea .linkPaymentTabs ul li a.lowstock
    {
        color: #e06900;
    }

.cufon-active #content .productDetail #size-selector .tabArea span.priceHeading
{
    font-size: 1.5em;
    padding: 2px 6px 4px 6px;
}

.cufon-active #content .productDetail #size-selector .tabArea span.sizingHeading
{
    font-size: 1.1em;
    padding: 2px 6px 4px 6px;
}

#content .productDetail #size-selector .tabArea .linkPaymentTabs ul li a.active
{
    background: #b3b3b3 !important;
}

#content .productDetail #size-selector .tabArea .linkPaymentTabs ul li a:hover.price
{
    color: #656565 !important;
}

#content .productDetail #size-selector .tabArea .tabPaymentContainer
{
    background: #b3b3b3;
    margin-top: 4px;
    padding: 12px;
    width: 145px;
    border: 1px solid #7e7e7e;
    float: left;
}

#content .productDetail #size-selector .tabArea
{
    width: 148px;
    padding-right: 23px;
    margin-top: 1px;
}

#content .productDetail #size-selector .quantityField
{
    width: 60px;
    margin: 0 0 0 4px;
    border: 1px solid #333333;
}

#content .productDetail #size-selector span.rememberSize
{
    font-size: 10px;
    color: #666666;
}

#content .productDetail #size-selector h4
{
    color: #555555;
    font-size: 2.3em;
    font-weight: bold;
    line-height: 22px;
    padding: 0 0 4px 0;
    text-transform: uppercase;
}

#content .productDetail #size-selector span.lowStockWarning
{
    display: block;
    background: #e06900;
    border: 2px solid white;
    padding: 8px 0px 8px 0px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.35em;
    text-align: center;
    margin: 0 0 12px 0;
}

#content .commentArea
{
    background: #fff;
    padding: 20px 0 50px 212px;
}

    #content .commentArea .title
    {
        display: block;
        font-weight: bold;
        padding: 0 0 5px 0;
        text-transform: uppercase;
        font-size: 1.1em;
        color: #555555;
    }

    #content .commentArea .comments
    {
        list-style: none;
        padding: 0;
        margin: 0;
        border-top: 1px solid #dedede;
    }

        #content .commentArea .comments li
        {
            padding: 10px 0 20px 0;
            border-bottom: 1px solid #dedede;
        }

            #content .commentArea .comments li p
            {
                padding: 0 30px 10px 0;
            }

#content .infiniteCarousel
{
    width: 746px;
    position: relative;
}

    #content .infiniteCarousel .wrapper
    {
        width: 713px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
        overflow: auto;
        height: 165px;
        margin: 0;
        padding: 0 0 0 15px;
        position: absolute;
        top: 0;
    }

    #content .infiniteCarousel .arrow
    {
        display: block;
        height: 164px;
        width: 15px;
        background: #fff url(/images/icons/productBeltBacknForth.gif) no-repeat;
        text-indent: -999px;
        overflow: hidden;
        position: absolute;
        top: 0;
        cursor: pointer;
    }

    #content .infiniteCarousel .forward
    {
        background-position: -40px 80px;
        right: 0;
    }

    #content .infiniteCarousel .back
    {
        background-position: 4px 80px;
        left: 0;
    }

        #content .infiniteCarousel .forward:hover,
        #content .infiniteCarousel .back:hover
        {
            background-color: #f1f1f1;
        }

#content .productBeltList
{
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    height: 164px;
}

#content .infiniteCarousel .productBeltList
{
    width: 999999px;
    position: absolute;
    top: 0;
}

#content .productBeltList li
{
    float: left;
    display: block;
    height: 164px;
}

    #content .productBeltList li a
    {
        display: block;
        height: 164px;
        text-decoration: none;
    }

        #content .productBeltList li a img
        {
            margin: 20px 0 0 27px;
        }

        #content .productBeltList li a span
        {
            display: block;
            margin: 10px 0 0 0;
            font-weight: bold;
        }

        #content .productBeltList li a:hover
        {
            background: url(/images/backgrounds/productTileBgSmall.gif) repeat-x;
        }

#content #smart-banner .HomepageBanner_NoFlash
{
    margin-top: 30px;
}
/*homeInfiniteCarousel -- add for mc homepage default template*/
#content .homepageProductDetail .overlay
{
    background: #fff !important;
    position: relative;
    margin: 70px 5px 0 0;
    height: 164px;
    width: 746px;
    border: 1px solid #dedede;
}

    #content .homepageProductDetail .overlay .productBeltList
    {
        border-top: 0 none;
        border-bottom: 0 none;
    }

#content .homeInfiniteCarousel
{
    width: 746px;
    position: relative;
}

    #content .homeInfiniteCarousel .wrapper
    {
        width: 713px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
        overflow: hidden;
        height: 165px;
        margin: 0;
        padding: 0 0 0 15px;
        position: absolute;
        top: 0;
    }

    #content .homeInfiniteCarousel .arrow
    {
        display: block;
        height: 164px;
        width: 15px;
        background: #fff url(/images/icons/productBeltBacknForth.gif) no-repeat;
        text-indent: -999px;
        overflow: hidden;
        position: absolute;
        top: 0;
        cursor: pointer;
    }

    #content .homeInfiniteCarousel .forward
    {
        background-position: -40px 80px;
        right: 0;
    }

    #content .homeInfiniteCarousel .back
    {
        background-position: 4px 80px;
        left: 0;
    }

        #content .homeInfiniteCarousel .forward:hover,
        #content .homeInfiniteCarousel .back:hover
        {
            background-color: #f1f1f1;
        }

    #content .homeInfiniteCarousel .productBeltList
    {
        width: 999999px;
        position: absolute;
        top: 0;
    }
/*end*/

#content .plus,
#content .download
{
    display: block;
    width: 14px;
    height: 14px;
    overflow: hidden;
    text-indent: -999px;
}

#content .productListing,
#content .newsListing,
#content .galleryListing,
#content .promotionListing
{
    list-style: none;
    padding: 0 0 60px 0;
    margin: 2px 0 0 0;
    border-top: 1px solid #dedede;
    overflow: auto;
    clear: left;
}

    #content .productListing li
    {
        float: left;
        display: inline;
    }

        #content .productListing li a
        {
            display: block;
            width: 187px;
            height: 240px;
            overflow: hidden;
            position: relative;
            text-align: center;
            border-bottom: 1px solid #dedede;
            text-decoration: none;
            font-size: 0.9em;
        }

            #content .productListing li a:hover
            {
                background: url(/images/backgrounds/productTileBg.gif) repeat-x;
            }

            #content .productListing li a .code
            {
                font-weight: bold;
                position: absolute;
                left: 1px;
                bottom: 29px;
            }

            #content .productListing li a .desc
            {
                color: #555555;
                position: absolute;
                bottom: 15px;
                left: 1px;
            }

    #content .newsListing li
    {
        display: block;
        margin: 0;
        padding: 0;
    }

        #content .newsListing li a
        {
            border-bottom: 1px solid #dedede;
            display: block;
            text-decoration: none;
            padding: 7px 0;
            position: relative;
        }

            #content .newsListing li a:hover
            {
                background: url(/images/backgrounds/newsTileBg.gif) repeat-x bottom;
            }

            #content .newsListing li a img
            {
                float: right;
            }

            #content .newsListing li a .date
            {
                position: absolute;
                font-size: 1.2em;
                font-weight: bold;
                left: 0;
                top: 7px;
                color: #555555;
            }

            #content .newsListing li a .ntitle
            {
                margin-left: 190px;
                display: block;
                font-size: 1.2em;
                padding-right: 200px;
                font-weight: bold;
            }

            #content .newsListing li a .truncate
            {
                margin-left: 190px;
                display: block;
                padding-right: 200px;
                color: #555555;
            }

#content .newsTitle,
#content .newsDate
{
    display: block;
    font-weight: bold;
    padding: 20px 0 0 0;
    font-size: 1.2em;
    text-transform: capitalize;
    clear: left;
}

#content .newsDate
{
    padding: 0;
}

#content .standardDetail a.enlg
{
    float: right;
    clear: right;
    width: 66px;
    background: url("/images/buttons/tools.gif") 0 -107px;
    margin: 5px 65px 0 0;
    height: 14px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}

    #content .standardDetail a.enlg:hover
    {
        background-position: 0 -128px;
    }

#content .galleryListing li
{
    float: left;
    display: block;
    width: 171px;
    height: 148px;
    margin: 20px 21px 10px 0;
}

    #content .galleryListing li.end
    {
        margin: 20px 0 10px 0;
    }

    #content .galleryListing li .mediaDet
    {
        display: block;
        padding: 3px 0 0 0;
    }

    #content .galleryListing li .iTitle
    {
        width: 126px;
        font-weight: bold;
    }

    #content .galleryListing li .plus,
    #content .galleryListing li .download
    {
        float: right;
        margin: 0 0 0 5px;
    }

#content .paging
{
    font-weight: bold;
    color: #555;
}

    #content .paging ul
    {
        display: inline;
        padding: 0;
        margin: 0;
        list-style: none;
    }

        #content .paging ul li
        {
            display: inline;
        }

            #content .paging ul li a
            {
                padding: 5px;
                text-decoration: none;
                color: #555;
            }

    #content .paging .controls a
    {
        float: right;
        margin: -3px 0 0 5px;
    }

#content .standardDetail #detailText
{
    width: 550px;
    padding: 0 0 20px 0;
}

#content .standardDetail .supportingImage
{
    float: right;
}

#content .tileHolder
{
    padding: 17px 0 0 0;
}

    #content .tileHolder .tile
    {
        float: left;
        width: 172px;
        height: auto;
        display: block;
        padding: 0;
        height: 242px;
    }

        #content .tileHolder .tile.teamHonda
        {
            background-position: -201px 0;
        }

        #content .tileHolder .tile.env
        {
            background-position: -396px 0;
        }

        #content .tileHolder .tile.acc
        {
            background-position: -590px 0;
        }

        #content .tileHolder .tile p
        {
            padding: 0 0 7px 0;
        }

        #content .tileHolder .tile.odd
        {
            margin-left: 20px;
        }

        #content .tileHolder .tile .title
        {
            color: #09445c;
            font-size: 1.1em;
            text-transform: uppercase;
            display: block;
            margin: 8px 0 7px 0;
        }

#content .tileButton
{
    width: auto;
    float: left;
    height: 18px;
    display: block;
    margin: 5px 0 0 0;
    padding: 4px 10px 0 20px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.9em;
}

    #content .tileButton.flRight
    {
        float: right;
    }

#content .promoArea .col .tileButton
{
    position: absolute;
    bottom: 0;
    float: none;
    left: 0;
}

#content .promoArea .col.hasScript .tileButton
{
    bottom: 20px;
}

.cufon-active #content .tileButton
{
    font-size: 1em;
    padding: 7px 7px 0 16px;
}

#content .container .tileButton
{
    color: #fff;
}

#content .commentArea .commentForm
{
    padding: 30px 0 0 0;
}

    #content .commentArea .commentForm .formRow
    {
        display: block;
        float: left;
        width: 100%;
        clear: left;
        padding: 0 0 15px 0;
    }

        #content .commentArea .commentForm .formRow.left
        {
            width: 172px;
        }

        #content .commentArea .commentForm .formRow.right
        {
            width: 172px;
            float: right;
        }

        #content .commentArea .commentForm .formRow label
        {
            display: block;
            font-weight: bold;
            color: #555;
        }

        #content .commentArea .commentForm .formRow .input-text,
        #content .commentArea .commentForm .formRow textarea
        {
            border: 0 none;
            margin: 0;
            background: #eaeaea;
            padding: 4px;
            width: 100%;
        }

        #content .commentArea .commentForm .formRow textarea
        {
            height: 110px;
        }

        #content .commentArea .commentForm .formRow.actions .input-submit
        {
            font-size: 0;
            line-height: 0;
            border: 0 none;
            padding: 0;
            margin: 0;
            overflow: hidden;
            display: block;
            text-indent: -999px;
            background: url(/images/buttons/submit.gif) no-repeat;
            width: 67px;
            height: 23px;
            cursor: pointer;
        }

            #content .commentArea .commentForm .formRow.actions .input-submit:hover
            {
                background-position: 0 -23px;
            }

#content .container.compare
{
    background: #fff;
}

#content .cHead
{
    border-top: 1px solid #dedede;
    padding: 20px 0 0 0;
    display: block;
    clear: left;
}

    #content .cHead .col
    {
        width: 186px;
    }

    #content .cHead .introtxt p
    {
        font-weight: bold;
        color: #555;
        padding: 0 30px 15px 0;
    }

    #content .cHead .col.product
    {
        border-left: 1px solid #fff;
        height: 300px;
    }

        #content .cHead .col.product .title
        {
            font-size: 1.5em;
            font-weight: bold;
            display: block;
            margin: 15px 0 0 0;
            padding: 0 0 0 10px;
        }

        #content .cHead .col.product.blank
        {
            background: none !important;
        }

            #content .cHead .col.product.blank .tileButton
            {
                margin: 37px 0 0 10px;
            }

#content #cAccordion h5
{
    display: block;
    height: 21px;
    color: #fff;
    font-weight: bold;
    padding: 5px 0 0 25px;
    text-transform: uppercase;
}

    #content #cAccordion h5.ui-accordion-header
    {
        cursor: pointer;
    }

#content #cAccordion div
{
    padding: 0 15px 0 20px;
}

    #content #cAccordion div table
    {
        width: 100%;
        color: #555;
    }

    #content #cAccordion div th
    {
        font-weight: bold;
        padding: 5px 0 5px 5px;
        border-bottom: 1px solid #d4d4d4;
    }

    #content #cAccordion div td
    {
        padding: 5px 30px 5px 10px;
        width: 148px;
        border-bottom: 1px solid #d4d4d4;
    }

    #content #cAccordion div tr.last td
    {
        border-bottom: none;
        padding: 5px 30px 30px 10px;
    }

    #content #cAccordion div tr.last th
    {
        border-bottom: none;
        padding: 5px 30px 30px 5px;
    }

    #content #cAccordion div td.odd
    {
        background: #ececec;
    }

#content .brochure-comparison
{
    width: 171px;
    display: block;
    overflow: hidden;
    margin: 0 0 1px 0;
}

#content #download-brochure
{
    width: 171px;
    display: block;
}

    #content #download-brochure .single-brochure
    {
        width: 160px;
        height: 18px;
        margin: 4px;
        text-decoration: none;
        text-transform: uppercase;
        display: block;
        float: left;
        font-weight: bold;
        color: #09445C;
    }

#content #addtocomparisonContainer
{
    width: 171px;
    display: block;
}

#content .addproductcontainer
{
    width: 171px;
    height: 74px;
    margin-bottom: 2px;
}

#content .addproduct-picture
{
    display: block;
    float: left;
    width: 79px;
    height: 70px;
    margin: 2px;
}

#content .addproduct-title
{
    display: block;
    float: left;
    width: 54px;
    margin: 2px;
    margin-top: 20px;
}

#content .addproduct-control-close
{
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    margin-top: 13px;
}

#content .addproduct-control.add
{
    float: right !important;
}

#content .ImageGalleryNotes
{
    text-align: right;
    margin-bottom: 20px;
}

#content .VideoNotes
{
    text-align: right;
    margin-bottom: 20px;
}

#content .WallpaperNotes
{
    text-align: right;
    margin-bottom: 20px;
}

#content .product-color
{
    width: 171px;
    display: block;
    padding: 0;
    list-style: none;
    margin: 10px 20px 0 0;
}

    #content .product-color li
    {
        width: 171px;
        display: block;
    }

        #content .product-color li a
        {
            overflow: hidden;
            display: block;
            float: left;
        }

    #content .product-color img
    {
        float: left;
        width: 24px;
        height: 24px;
        margin: 2px;
    }

    #content .product-color h5
    {
        display: block;
        float: left;
        width: 134px;
        overflow: auto;
        margin: 8px 2px 5px 7px;
    }

#content .product-logo
{
    width: 171px;
    display: block;
    padding: 0;
    list-style: none;
    margin: 10px 20px 0 0;
}

    #content .product-logo li
    {
        width: 171px;
        display: block;
    }

        #content .product-logo li a
        {
            overflow: hidden;
            display: block;
            float: left;
        }

    #content .product-logo img
    {
        float: left;
        margin: 2px;
    }

    #content .product-logo h5
    {
        display: block;
        float: left;
        width: 134px;
        overflow: auto;
        margin: 8px 2px 5px 7px;
    }

#content #divProduct
{
    float: right;
    right: 14px;
}

    #content #divProduct .marinehomeselector
    {
        bottom: 48px;
        z-index: 1000;
    }

/* PAYMENT GATEWAY/SUMMARY		
 -----------------------------------------------------------------------------------------------------------*/

#content #invoiceHeadingsContainer
{
    height: 45px;
}

    #content #invoiceHeadingsContainer .invoiceHeadings
    {
        display: block;
        float: left;
        height: 35px;
    }

#content .headingBump
{
    margin: 0px 300px 0px 0px;
}

#content #invoiceHeadingsContainer .invoiceHeadings h3
{
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    color: #2a2a2a;
    padding: 0 12px 0 0px;
}

#content #invoiceHeadingsContainer .invoiceHeadings .cufon-active h3
{
    font-size: 1em;
}

#content .participantInfoContainer h4
{
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    color: #2a2a2a;
    padding: 0 12px 0 0;
}

#content .participantInfoContainer .cufon-active h4
{
    font-size: 1em;
}

#content .itemContainer
{
    height: 80px;
    width: auto;
    margin: 0px 0px 12px 0px;
}

    #content .itemContainer .item
    {
        display: block;
        float: left;
        height: 100px;
        width: 333px;
    }

#content .productImage
{
    float: left;
    width: 65px;
    height: 65px;
    margin: 0 8px 0 0;
}

#content .itemcontainer .item .productDescription
{
    display: block;
    float: left;
    height: 65px;
    margin: 0 8px 0 0;
}

#content .itemContainer .quantity
{
    display: block;
    float: left;
    margin-right: 12px;
    height: 100px;
    width: 77px;
}

#content .itemContainer .itemPrice
{
    display: block;
    float: left;
    margin-right: 12px;
    height: 100px;
    width: 67px;
}

#content .itemContainer .itemGST
{
    display: block;
    float: left;
    margin-right: 12px;
    height: 100px;
    width: 67px;
}

#content .itemContainer .itemAmount
{
    display: block;
    float: left;
    margin-right: 12px;
    height: 100px;
    width: 70px;
}

#content .participantInfoContainer
{
    /* height: 45px;*/
}

    #content .participantInfoContainer .participantHeadings
    {
        display: block;
        float: left;
        height: 30px;
    }
/* Form head style 
    ===================================================*/
#content .default
{
    display: block;
    float: left;
    width: 145px;
}

#content .name
{
    display: block;
    float: left;
    width: 164px;
}

#content .email
{
    display: block;
    float: left;
    width: 186px;
}

#content .shirt
{
    display: block;
    float: left;
    width: 113px;
}

#content .malicense
{
    display: block;
    float: left;
    width: 111px;
}
/*===================================================*/
#content .participantInfoContainer .participantHeadings h3
{
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    color: #f46e00;
    padding: 0 12px 0 0px;
}

#content .participantInfoContainer .participantHeadings .cufon-active h3
{
    font-size: 1em;
}

#content #couponContainer
{
    display: block;
    float: left;
    width: 195px;
    margin: 20px 0 20px 0;
}

#content #totalContainer
{
    display: block;
    float: right;
    width: 200px;
    margin: 20px 0;
}

    #content #totalContainer .subtotal
    {
        display: block;
        float: left;
        margin-bottom: 12px;
    }

    #content #totalContainer .calculateShipping
    {
        display: block;
        float: left;
        margin-bottom: 12px;
    }

    #content #totalContainer .grandTotal
    {
        display: block;
        float: left;
        margin-bottom: 12px;
    }

    #content #totalContainer .totalValue
    {
        display: block;
    }

    #content #totalContainer .totalHeading
    {
        font-size: 1.2em;
        text-transform: uppercase;
        font-weight: bold;
        float: left;
        color: #2a2a2a;
        padding: 0 12px 0 0px;
    }

        #content #totalContainer .totalHeading .cufon-active
        {
            font-size: 1em;
        }

#content .checkboxContainer
{
    display: block;
    float: left;
    margin: 12px 0 12px 0;
}

#content .yourInformationContainer
{
    display: block;
    margin: 36px 0 12px 0;
}

    #content .yourInformationContainer h4
    {
        font-size: 1.2em;
        text-transform: uppercase;
        font-weight: bold;
        float: left;
        padding: 0 12px 0 0;
    }

    #content .yourInformationContainer .cufon-active h4
    {
        font-size: 1em;
    }

    #content .yourInformationContainer .formlabel
    {
        font-size: 1.2em;
        text-transform: uppercase;
        font-weight: bold;
        float: left;
        color: #2a2a2a;
        padding: 0 12px 0 0;
    }

    #content .yourInformationContainer .cufon-active .formlabel
    {
        font-size: 1em;
    }

#content .col1
{
    display: block;
    float: left;
    width: 214px;
    margin: 20px 30px 0 0;
}

#content .col2
{
    display: block;
    float: left;
    width: 214px;
    margin: 20px 30px 0 0;
}

#content .col3
{
    display: block;
    float: left;
    width: 214px;
    margin: 20px 0 0 0;
}

#content #mamual span
{
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    clear: left;
    overflow: hidden;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}

#content #mamual ul
{
    width: 718px;
    list-style: none;
    margin: 0 0 0 30px;
    padding: 0;
    float: left;
    height: 16px;
    display: block;
    border-bottom: 1px solid #dedede;
}

#content #mamual li
{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 20px;
}

#content #mamual ul li a
{
    display: block;
    height: 24px;
}

#dvtandc
{
    display: none;
    width: 800px;
    padding: 20px 0 10px 20px;
    border: solid 1px #ccc;
}

    #dvtandc p
    {
        margin-top: -15px;
    }

    #dvtandc ul li
    {
        line-height: 30px;
    }
/* TABLE ELEMENTS  
-----------------------------------------------------------------------------------------------------------*/
#content .productDetail table.LawnMowersTheRightTools
{
    margin: 0;
}

    #content .productDetail table.LawnMowersTheRightTools th
    {
        text-align: left;
        font-weight: bold;
        color: #313c1b;
        width: 100px;
        padding: 5px;
    }

        #content .productDetail table.LawnMowersTheRightTools th:hover
        {
            color: #4e5f2b;
        }

    #content .productDetail table.LawnMowersTheRightTools tr:hover
    {
        background-color: #ececec;
    }

    #content .productDetail table.LawnMowersTheRightTools td
    {
        padding: 10px;
    }

        #content .productDetail table.LawnMowersTheRightTools td a
        {
            padding: 5px 5px 5px 5px;
            color: #8c8c8c;
            text-decoration: none;
        }

            #content .productDetail table.LawnMowersTheRightTools td a:hover
            {
                color: #4c4c4c;
                text-decoration: underline;
            }

/* FORM ELEMENTS		
 -----------------------------------------------------------------------------------------------------------*/
fieldset
{
    border: none;
    margin-bottom: 10px;
    border: 1px solid #949494;
}

    fieldset:last-of-type
    {
        margin-bottom: 0;
    }

legend
{
    color: #9a0007;
    font-size: 18px;
    font-weight: bold;
    padding: 0px 5px 10px 5px;
    text-shadow: 0 1px 1px #c0c0c0;
    text-transform: uppercase;
}

fieldset fieldset legend
{
    color: #111111;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 0;
}

ol li
{
    line-height: 30px;
    /*list-style: none;*/
    padding: 5px 10px;
    margin-bottom: 2px;
}

ol ol li
{
    background: none;
    border: none;
    float: left;
}

label
{
    float: left;
    font-size: 13px;
    width: 100%;
    color: #707070;
}

    label.radiobtn
    {
        float: left;
        font-size: 13px;
        width: 50px;
        color: #707070;
    }

    label.checkbox
    {
        display: inline-block;
        float: left;
        font-size: 13px;
        width: 90%;
    }

fieldset fieldset label
{
    background: none no-repeat left 50%;
    line-height: 20px;
    padding: 0 0 0 30px;
    width: auto;
}

.contentArea input[type=text],
.contentArea input[type=password],
.contentArea input[type=button],
.contentArea input[type=submit],
.contentArea textarea
{
    background: #e4e4e4;
    border: 1px solid #c2c2c2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font: italic 13px Arial, "Times New Roman", Times, serif;
    outline: none;
    padding: 5px;
}

.contentArea input[type=checkbox],
.contentArea textarea
{
    padding: 1px 5px 5px 0px;
}

/* Form item style 
===================================================*/
input.defaultField
{
    width: 110px;
}

input.nameField
{
    width: 130px;
}

input.emailField
{
    width: 152px;
}

input.malicenseField
{
    width: 81px;
}

input.quantityField
{
    width: 30px;
}
/*===================================================*/
select
{
    border: none;
    padding: 5px;
    background-image: url(/images/backgrounds/inputBackground.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #e4e4e4;
    height: 28px;
    width: 180px;
    font: italic 13px Arial, "Times New Roman", Times, serif;
}

    select.shirtField
    {
        width: 93px;
        background-image: url(/images/backgrounds/inputBackgroundSize.gif);
    }

checkbox
{
    width: 30px;
    float: left;
    margin-right: 10px;
}

input:not([type=submit]):focus,
textarea:focus
{
    background: #eaeaea;
}

input[type=radio]
{
    float: left;
    margin-right: 5px;
}

.inputError
{
    border: dotted 1px red;
}

/* 2.09 ADVANCED SEARCH
 -----------------------------------------------------------------------------------------------------------*/

#content .searchResultListing
{
    list-style: none;
    padding: 0;
    margin: 2px 0 0 0;
    border-top: 1px solid #dedede;
    overflow: auto;
    clear: left;
}

    #content .searchResultListing li.item
    {
        float: left;
        display: inline;
    }

        #content .searchResultListing li.item a.searchItem
        {
            display: block;
            width: 187px;
            height: 240px;
            overflow: hidden;
            position: relative;
            text-align: center;
            border-bottom: 1px solid #dedede;
            text-decoration: none;
            font-size: 0.9em;
        }

            #content .searchResultListing li.item a.searchItem:hover
            {
                width: 185px;
                height: 239px;
                border: 1px solid #444;
                -webkit-box-shadow: 0 0 12px #111;
                -moz-box-shadow: 0 0 12px #111;
                box-shadow: 0 0 12px #111;
                -webskit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
            }

        #content .searchResultListing li.item a .code
        {
            font-weight: bold;
            position: absolute;
            left: 1px;
            bottom: 29px;
            text-align: center;
            width: 100%;
        }

        #content .searchResultListing li.item a .desc
        {
            color: #555555;
            position: absolute;
            bottom: 15px;
            left: 1px;
            text-align: center;
            width: 100%;
        }

#content .colourChip-container
{
    margin: 0;
    padding: 0 0 0 6px;
}

#content .container .subNav li.colour-chip a
{
    display: inline-block;
    background: none !important;
    border: none;
    padding: 0;
    margin: 0;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

    #content .container .subNav li.colour-chip a:hover
    {
        display: inline-block;
        background: none !important;
        border: none;
        padding: 0;
        margin: 0;
        filter: alpha(opacity=99);
        -moz-opacity: 0.99;
        -khtml-opacity: 0.99;
        opacity: 0.99;
    }

#content .container .subNav li.colour-selected a
{
    display: inline-block;
    background: none !important;
    border: none;
    padding: 0;
    margin: 0;
    filter: alpha(opacity=99);
    -moz-opacity: 0.99;
    -khtml-opacity: 0.99;
    opacity: 0.99;
}

#content .filter-colour li.colourChip
{
    display: inline-block;
    float: left;
    height: 24px;
    margin: 0 1px 2px;
    padding: 0;
}

#content .advanced-search input, #content .advanced-search select
{
    border: 1px solid #666;
    display: block;
    float: left;
    margin-top: 6px;
    margin-bottom: 16px;
}

    #content .advanced-search input[type="text"]
    {
        padding: 6px 3px 3px;
        margin: 0 4px 0 0;
        width: 250px;
    }

#content .advanced-search select
{
    padding: 2px;
    margin-right: 4px;
    width: 220px;
}

#content .advanced-search input[type="checkbox"]
{
    display: block;
    float: left;
}

#content .advanced-search select.addFilter, #content .advanced-search select.rollover-view
{
    display: block;
    float: left;
    width: 100%;
}

#content .advanced-search .tileButton
{
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 6px 8px 0 16px;
}

body.default #content .container .subNav ul li a.remove-filter
{
    color: #ff0000;
    background: none;
    display: inline;
    padding: 0;
    margin: 0 1px 0 1px;
}

body.default #content .container .subNav ul li a:hover.remove-filter
{
    background: none;
}

span.remove-filter-btn
{
    color: #333333;
    font-size: 11px;
    float: right;
}

span.results-info
{
    display: block;
    margin: 40px 0 0 0;
    font-size: 1.2em;
    font-weight: bold;
    color: #666666;
}

#content .container .subNav ul li.filter-selected
{
    background-color: #ffe6b5;
    display: block;
}
/* CSS Class for filter "selected" */
#content .container .subNav ul div.filters
{
    padding: 0;
}

/* paging */
#content .paging
{
    font-weight: bold;
    color: #555;
    margin-top: 10px;
}

    #content .paging .pagesizeSelector
    {
        width: 50px;
        margin: -10px 5px 0;
    }

    #content .paging a
    {
        margin: 5px 0 0 10px;
        color: #555;
        font-size: inherit;
        text-decoration: none;
    }

        #content .paging a:hover
        {
            font-size: inherit;
            color: black;
        }

        #content .paging a.active
        {
            font-size: inherit;
            color: red;
            text-decoration: none;
        }

    #content .paging ul
    {
        display: inline;
        padding: 0;
        margin: 0;
        list-style: none;
    }

        #content .paging ul li
        {
            display: inline;
        }

            #content .paging ul li a
            {
                padding: 5px;
                text-decoration: none;
                color: #555;
            }

    #content .paging .controls
    {
        margin-top: -15px;
    }

        #content .paging .controls a
        {
            float: right;
            margin: -3px 0 0 5px;
        }

/* ROLLOVER */
.highlight-container
{
    width: 264px;
    padding: 8px;
    border: 1px solid #444;
    -webkit-box-shadow: 0 0 12px #111;
    -moz-box-shadow: 0 0 12px #111;
    box-shadow: 0 0 12px #111;
    -webskit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    display: none;
    z-index: 9999;
    background-color: White;
}

.highlight-copy-container
{
    display: block;
    margin: 8px 0 16px 0;
}

.highlight-img-container
{
    margin: 0 auto 0;
    width: 191px;
    height: 191px;
}

    .highlight-img-container img
    {
        width: 191px;
        height: 191px;
    }

span.result-heading a
{
    display: block;
    margin: 0 auto;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    color: #ea6300;
    text-align: center;
    text-decoration: none;
}

    span.result-heading a:hover
    {
        text-decoration: underline;
    }

span.highlight-copy
{
    font-size: 1.25em;
    color: #333;
    font-weight: bold;
    text-align: center;
    display: none;
}

.popup-specs
{
    padding: 0;
    margin: 0;
    text-align: center;
    display: none;
}

    .popup-specs li
    {
        list-style-type: none;
        font-size: 11px;
        margin-bottom: 4px;
    }

span.spec-title
{
    color: #555;
    font-weight: bold;
    font-size: 1.25em;
}

.popup-related-img
{
    padding: 0;
    margin: 0 auto;
    width: 249px;
    display: none;
}

    .popup-related-img li
    {
        display: inline;
        list-style-type: none;
        width: 79px;
        margin: 0 2px;
    }

.img-spec-container
{
    width: 200px;
    margin: 0 auto;
    display: none;
}

.img-container
{
    display: block;
    float: left;
    height: 79px;
    margin: 0 12px 6px 0;
}

.spec-container
{
    display: block;
    float: left;
    height: 59px;
    margin: 0 0 6px 0;
    padding: 22px 0 0 0;
}

.highlight-controls
{
    margin: 0 auto 8px;
    padding: 0;
    width: 225px;
}

    .highlight-controls li
    {
        display: inline;
        list-style-type: none;
        padding: 2px 10px;
        height: 15px;
        border: 1px solid #d0520f;
        margin: 0 1px 0 0;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        text-shadow: 1px 1px 0 #ab3c00;
        background-color: #EA6300; /* Old browsers */
        background: -moz-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3c5bd), color-stop(50%,#e86c57), color-stop(51%,#ea2803), color-stop(75%,#ff6600), color-stop(100%,#c72200)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* IE10+ */
        background: linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-8 */
    }

        .highlight-controls li:hover
        {
            border: 1px solid #a1400c;
            background: #cb5600; /* Old browsers */
            background: -moz-linear-gradient(top, #c19a97 0%, #c65c4b 50%, #c92b04 51%, #ce6000 75%, #a31d00 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c19a97), color-stop(50%,#c65c4b), color-stop(51%,#c92b04), color-stop(75%,#ce6000), color-stop(100%,#a31d00)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #c19a97 0%,#c65c4b 50%,#c92b04 51%,#ce6000 75%,#a31d00 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #c19a97 0%,#c65c4b 50%,#c92b04 51%,#ce6000 75%,#a31d00 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #c19a97 0%,#c65c4b 50%,#c92b04 51%,#ce6000 75%,#a31d00 100%); /* IE10+ */
            background: linear-gradient(top, #c19a97 0%,#c65c4b 50%,#c92b04 51%,#ce6000 75%,#a31d00 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19a97', endColorstr='#a31d00',GradientType=0 ); /* IE6-8 */
        }

        .highlight-controls li a
        {
            color: #fff;
            text-decoration: none;
        }

#popup-select-view
{
    height: 20px;
    margin: 12px auto;
}

    #popup-select-view select
    {
        padding: 4px;
        border: 1px solid #ccc;
        margin-left: 15px;
    }

/* 2.05 PROMO AREA
 -----------------------------------------------------------------------------------------------------------*/
.promoArea .col
{
    padding: 20px 0 20px 0;
}

    .promoArea .col.shiftup
    {
        padding: 0;
    }

    .promoArea .col p
    {
        padding: 0 0 0 0;
    }

        .promoArea .col p a
        {
            text-decoration: none;
            padding: 0px 0px;
            height: auto;
        }

.promoArea .title
{
    display: block;
    font-weight: bold;
    padding: 0 0 5px 0;
    text-transform: uppercase;
    font-size: 1.1em;
}

/* 2.06 FOOTER
 -----------------------------------------------------------------------------------------------------------*/
.footer
{
    padding: 20px 0;
}

    .footer .colTitle
    {
        display: block;
        font-weight: bold;
        padding: 0 0 5px 0;
        font-size: 0.9em;
    }

    .footer p
    {
        color: #9b9b9a;
        font-size: 0.9em;
        padding: 0 0 7px 0;
    }

    .footer ul
    {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .footer ul li
        {
            display: inline;
        }

            .footer ul li a
            {
                display: block;
                text-decoration: none;
                padding: 3px 0px;
                height: auto;
                font-size: 0.9em;
            }

    .footer .socialFB,
    .footer .socialTW,
    .footer .socialEM,
    .footer .socialYT
    {
        display: block;
        width: 92px;
        height: 23px;
        background: url(/images/buttons/globalButtons.gif) no-repeat;
        overflow: hidden;
        text-indent: -999px;
        margin: 0 0 7px 0;
    }

        .footer .socialFB:hover
        {
            background-position: 0 -23px;
        }

    .footer .socialTW
    {
        background-position: 0 -46px;
    }

        .footer .socialTW:hover
        {
            background-position: 0 -69px;
        }

    .footer .socialEM
    {
        background-position: 0 -92px;
        width: 105px;
    }

        .footer .socialEM:hover
        {
            background-position: 0 -115px;
        }

    .footer .socialYT
    {
        background-position: 0 -138px;
    }

        .footer .socialYT:hover
        {
            background-position: 0 -161px;
        }

.copyw
{
    font-size: 0.9em;
    padding: 10px 0 15px 8px;
    font-weight: bold;
}

.x-mask-loading div
{
    padding: 5px 10px 5px 0;
    background: no-repeat 5px 5px;
    line-height: 16px;
    height: 258px;
    background-color: #fbfbfb;
    background-image: url(/images/icons/loading.gif);
}

/* 2.07 POWERED BY ELEMENTS
 -----------------------------------------------------------------------------------------------------------*/
#content .oemListing ul
{
    margin: 0;
    padding: 0;
}

#content .oemListing li
{
    list-style-type: none;
    padding: 0 6px 0 0;
    display: inline-block;
    margin: 0 0 20px 0;
    width: 365px;
    float: left;
}

#content .oemListing p
{
    display: block;
    margin: 0 0 4px 0;
}

.oemListing img
{
    margin: 0 12px 0 0;
    padding: 0;
    border: 2px solid #9C9C9C;
}

#content .listingHeader
{
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 6px 0;
    font-size: 12px;
    display: block;
    border-bottom: 1px dashed #9c9c9c;
    padding-bottom: 4px;
}

#content .wordbreak
{
    width: 170px;
}

a:link.listingHeader
{
    color: #E81B25;
    text-decoration: none;
}

a:visited.listingHeader
{
    color: #E81B25;
    text-decoration: none;
}

a:hover.listingHeader
{
    color: #b6121a;
    text-decoration: none;
}

#content .oemDetail ul
{
    margin: 0;
    padding: 0;
    display: block;
    float: left;
}

#content .oemDetail .description
{
    float: left;
    width: auto;
    margin: 0 12px 0 0;
    width: 385px;
}

#content .oemDetail li
{
    display: block;
    margin: 0 0 8px 0;
    list-style-type: none;
}

/* promotionlist */
#content .promotionListing li
{
    float: left;
    width: 364px;
    margin-top: 20px;
}

.promoContainer
{
    padding: 0;
    margin: 0 !important;
}

    .promoContainer h5
    {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: bold;
        color: #2a2a2a;
        line-height: 18px;
        padding: 0 0 0 0;
        margin-bottom: 8px;
        text-align: center;
    }

    .promoContainer p
    {
        font-size: 11px;
        padding: 8px;
        text-align: center;
    }


input.field,
textarea
{
    background: #e4e4e4;
    border: 1px solid #c2c2c2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font: italic 13px Arial, "Times New Roman", Times, serif;
    outline: none;
    padding: 5px;
}

input.submit
{
    border: 0;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 7px 5px 16px;
    text-decoration: none;
    text-transform: uppercase;
    height: 25px;
    width: auto;
    text-transform: uppercase;
}
/*===================================================*/
select
{
    border: none;
    padding: 5px;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #e4e4e4;
    height: 28px;
    width: 209px;
    font: italic 13px Arial, "Times New Roman", Times, serif;
}
