/*

File:		eqtr_components.css
Project:	DeAgostini Model Space
Created:	03/08/2009

Notes:


---------
Contents
---------

1. INTRO CONTENT
2. MODEL LIST GALLERY
3. GENERIC IMAGE + TEXT + LINK COMPONENT **styles for multiple uses**
4. HOME PAGE COMPONENTS
	4.1 SCROLLER
	4.2 TABLET
	4.3 FEATURE CAROUSEL
5. MODEL INFORMATION PAGE (includes styling for Model Alternate Layout)
6. MODEL DETAILS
	6.1 MODEL PURCHASE OPTIONS 
	6.2 MAGAZINE SUBSCRIPTION INFO
	6.3 EXTRA CONTENT SHOW/HIDE
    6.4 MODEL DETAILS & DIMENSIONS
    6.5 CSS STYLE SELECTOR
7. MODEL DETAIL GALLERY
8. TUTORIAL COMPONENTS
	8.1 8.1 TUTORIAL LIST / TUTORIAL CONTENT
	8.2 CATEGORIES MENU
	8.3 PAGING COMPONENT 
9. SUBCONTENT ADVERT COMPONENT
10. CONTACT US PAGE
11. SEARCH RESULTS PAGE
12. SOCIAL MEDIA COMPONENT
13. MODAL WINDOW
14. NEWS SIDE COMPONENT
15. NEWS FEED ARTICLES
16. MICROSITE COMPONENTS
17. SHIP SECTION VARIANT STYLES
18. MOTORS SECTION VARIANT STYLES

*/

/*---[ 1. INTRO CONTENT ]---*/

#content h1
{
    margin: 0 0 20px 0;
    font-size: 200%;
    line-height: 1.1em;
    color: #000;
}

#content h1.homeHeader
{
    font-size: 200%;
}

#content h1.homeHeader strong
{
    color: #00665B;
}

#content h1 em
{
    font-size: 75%;
    font-style: normal;
}

#content .introContent
{
    padding-bottom: 10px;
}

#content .introContent p, #content .introContent li
{
    color: #666;
    font-size: 75%;
    line-height: 1.7em;
    margin-bottom: 1em;
}

#content .introContent h3, #content .introContent h4
{
    color: #00665B;
    margin: 1.7em 0 0.5em;
    font-size: 125%;
}

#content .introContent h4
{
    font-size: 100%;
}

#content .introContent h2
{
    font-size: 175%;
    line-height: 1.1em;
    color: #000;
}

#content .introContent h2 strong
{
    color: #00665B;
}

/*---[ 2. MODEL LIST GALLERY ]---*/


.modelListGallery p
{
    margin: 0;
}

.modelListGallery .row
{
    float: left;
    width: 597px;
    padding-bottom: 25px;
}

.modelListGallery .model
{
    width: 281px;
    float: left;
    position: relative;
}

.modelListGallery .featuredModel .model
{
    width: 569px;
    border: 8px solid #e6e6e6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: url(../cssimages/featured_back.gif) top left repeat-y;
}

.modelListGallery .model .image
{
    border: 8px solid #e6e6e6;
    margin: 0;
    padding: 0;
    line-height: 0em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.modelListGallery .featuredModel .model .image
{
    float: left;
    width: 345px;
}

.modelListGallery .featuredModel .model .image
{
    border: none;
}

.modelListGallery .model .image img
{
    margin: 0;
    padding: 0;
}

.modelListGallery .model .info
{
    background: #fbfbfb url(../cssimages/model_info_back.gif) bottom left repeat-x;
    padding: 10px 10px 15px;
    margin: 0;
    width: 261px;
    float: left;
}

.modelListGallery .featuredModel .model .info
{
    width: 224px;
    float: right;
    padding: 0 0 15px 0;
    background: #FFF url(../cssimages/featured_info_back.gif) bottom left repeat-x;
}

.modelListGallery .model h3
{
    margin: 0;
    padding: 0;
    font-size: 100%;
    color: #000;
}

.modelListGallery .featuredModel h3
{
    width: 204px;
    font-weight: bold;
    color: #FFF;
    background: #00665B;
    padding: 10px 10px 25px;
    margin: 0;
    line-height: 1.3em;
    text-decoration: none !important;
    text-shadow: 0px 1px 2px #03486B;
}

.modelListGallery .featuredModel .intro
{
    padding: 10px 10px 0;
    width: 204px;
    clear: right;
    line-height: 1.75em;
    color: #666;
}


.modelListGallery .featuredModel .featured
{
    position: absolute;
    top: -8px;
    left: -8px;
    text-indent: -9999px; /*background:; background set in language specific css files */
    width: 138px;
    height: 106px;
}
.modelListGallery .action
{
    padding: 10px 0 0;
    margin: 0;
}

.modelListGallery .featuredModel .action
{
    width: 204px;
    padding: 10px 10px 0;
}

.modelListGallery .row .last
{
    margin-left: 23px;
}

.modelListGallery .featuredModel .last
{
    margin-left: 0;
}

/*---[ 3. GENERIC IMAGE + TEXT + LINK COMPONENT ]---*/

.mainContent .componentRow
{
    width: 100%;
    float: left;
}

.pageComponents .item, .mainContent .item
{
    width: 285px;
    padding-bottom: 20px;
    margin-left: 15px;
    float: right;
}

.mainContent .componentRow .item:first-child
{
    margin-left: 0;
    float: left;
}

.mainContent .componentRow .item.first
{
    margin-left: 0;
    float: left;
}

.subContent .item
{
    width: 300px;
    padding-bottom: 20px;
}

.generic .item h3
{
    font-size: 125%;
    padding: 7px 10px;
    margin: 0 0 10px;
    color: #FFF;
    background: #00665b url(../cssimages/gen_comp_head_back.gif) bottom left repeat-x;
    border: 1px solid #0E352F;
}

.subContent .item h4, .pageComponents .item h4
{
    font-size: 140%;
    margin: 0 0 1em 0;
}

.subContent .item .image, .pageComponents .item .image, .componentRow .item .image
{
    margin: 0 0 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: block;
    text-align: center;
}

.componentRow .item .image
{
    min-height: 120px;
}

.item a img
{
    border: none;
}

.subContent .item .image img, .pageComponents .item .image img
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	max-width:300px;
}

.subContent .item .details, .pageComponents .item .details
{
    padding: 0;
    line-height: 1.7em;
}

.subContent .item .details
{
    position: relative;
}

.item .details .info
{
    padding: 0 3px;
}

body.generic .item .action
{
    padding: 0;
    margin-bottom: 0;
    text-align: right;
    border-bottom: 1px solid #000;
}

/* Coming Soon promo badge */

.subContent .item .details .comingSoon, .pageComponents .item .details .comingSoon
{
    width: 116px;
    height: 116px;
    text-indent: -9999px;
    background: url(../cssimages/coming_soon.png) top left no-repeat;
    position: absolute;
    top: -15px;
    right: -15px;
}

/* Two column component layout styles */

.pageComponents
{
    float: left;
    width: 100%;
    clear: both;
}

.pageComponents .row
{
    float: left;
    width: 100%;
    clear: both;
}

.pageComponents .component
{
    float: left;
    width: 436px;
}

.pageComponents .item
{
    width: 436px;
    position: relative;
}

.pageComponents .last
{
    margin-left: 33px;
}

.pageComponents .item .image
{
    float: left;
    margin: 0 17px 0 0;
    padding-bottom: 10px;
}

.pageComponents .item .details
{
    color: #666;
}

.pageComponents .item .action
{
    text-align: left;
}

.pageComponents .item .details .comingSoon
{
    top: 3.3em;
    left: -15px;
    position: absolute;
}

/* Arrow Bullet-style link */

.link a
{
    padding-left: 10px;
    background: url(../cssimages/list_bullet.gif) center left no-repeat;
}


/*---[ 4. HOME PAGE COMPONENTS ]---*/

/*---[ 4.1 SCROLLER ]---*/

.multiScroller
{
    padding: 14px 12px;
    margin: 0 0 20px;
    background: #0e352f url(../cssimages/scroller_back.png) top left repeat-x;
    background: url(../cssimages/scroller_back_bottom.png) bottom left repeat-x, url(../cssimages/scroller_back.png) top left repeat-x;
    background-color: #0e352f;
    border: 1px solid #0e352f;
}

.multiScroller h2
{
    color: #FFF;
    margin: 0 0 14px;
    padding: 0 0 14px;
    background: url(../cssimages/scroller_divider_horiz.gif) bottom left repeat-x;
}

.mainContent .scroller
{
    overflow: hidden;
    position: relative;
    padding: 0 27px 10px;
    background: #AADCEF; /*width:470px;*/
    width: 530px;
}

.mainContent .promoScroller
{
    padding: 0 20px;
    border: 2px solid #FFF;
    margin-top: 14px;
    background: #000;
    width: 517px;
}

.mainContent .promoScroller:first-child
{
    margin-top: 0;
}

.mainContent .scroller .scrollerItems
{
    overflow: hidden;
}

.mainContent .scroller .inner
{
    width: 3000px;
}

.mainContent .scroller ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    height: 270px;
}

.mainContent .promoScroller ul
{
    height: 173px;
}


.mainContent .scroller ul li
{
    background: none repeat scroll 0 0 #AADCEF;
    float: left;
    height: 260px;
    padding: 10px 3px 0 0;
    position: relative;
    width: 265px;
}

.mainContent .promoScroller ul li
{
    width: 517px;
    height: 171px;
    background: #000;
    margin: 0;
    font-size: 100%;
    position: relative;
}

.mainContent .scroller ul li div.scrollerItem
{
    width: 265px;
    height: 210px;
    padding-bottom: 50px;
    background: #FFF url(../cssimages/scroll_item_back.gif) bottom left repeat-x; /*-moz-border-radius:3px;*/
}


.mainContent .promoScroller ul li div.scrollerItem, .mainContent .promoScroller .scrollerItem
{
    width: 517px;
    height: 171px;
    background: #000;
    padding: 1px 0;
    margin: 0;
    font-size: 100%;
    position: relative;
}

.mainContent .promoScroller div.scrollerItem
{
    width: 517px;
    height: 171px;
    padding: 0;
    background: #000;
    position: relative;
    float: left;
}

.mainContent .scroller .scrollerItem h3
{
    margin: 0;
    color: #333333;
}

.mainContent .scroller a img
{
    border: none;
}

.mainContent .scroller .scrollerItem h3 img
{
}

.mainContent .scroller .scrollerItem h3 span, .mainContent .scroller .scrollerItem p.action, .mainContent .scroller .scrollerItem p.intro
{
    padding: 0 10px;
}

.mainContent .promoScroller .scrollerItem .text
{
    position: absolute;
    top: 10px;
    left: 0;
    padding: 10px 15px 10px 10px;
    background: #000;
}

.mainContent .promoScroller .scrollerItem .text h2, .mainContent .promoScroller .scrollerItem .text h3, .mainContent .promoScroller .scrollerItem .text h4
{
    color: #FFF;
    font-size: 250%;
    line-height: 1em;
    padding: 0;
    margin: 0;
    background: none;
}

.mainContent .promoScroller .scrollerItem .text p
{
    color: #FFF;
    font-size: 100%;
    font-weight: bold;
    margin: 0.5em 0 0;
}

.mainContent .promoScroller .scrollerItem .text span
{
    padding: 0;
}

.mainContent .promoScroller .scrollerItem .text span.highlightTxt_ships
{
    color: #55b9df;
}

.mainContent .promoScroller .scrollerItem .text span.highlightTxt_motors
{
    color: #d30202;
}

.mainContent .promoScroller .scrollerItem .text span.highlightTxt_military
{
    color: #A89570;
}

.mainContent .scroller .scrollerItem p.intro
{
    font-size: 100%;
}

.mainContent .scroller ul li p.action
{
    padding-top: 10px;
    position: absolute;
    margin-bottom: 0;
}

.mainContent .modelScroller .scrollerItem p.action
{
    bottom: 15px;
    left: 0;
}


.mainContent .promoScroller .scrollerItem p.action
{
    padding: 7px 5px 7px 15px;
    position: absolute;
    bottom: 12px;
    right: 12px;
    margin-bottom: 0;
}

/* Infinite Scroller Styles */

.mainContent .promoScroller .infiniteContainer
{
    width: 100%;
    height: 171px;
    overflow: hidden;
}

.mainContent .promoScroller .innerContainer
{
    float: left;
    width: 517px;
    height: 171px;
}

.mainContent .promoScroller .previousItem
{
    margin-left: -517px;
}


/* Scroller Controls */

.mainContent .scroller .scrollControls .prevBut, .mainContent .scroller .scrollControls .nextBut
{
    position: absolute;
    top: 10px;
    width: 27px;
    height: 260px;
    text-indent: -9999px;
    background: #FFF;
    cursor: pointer; /*-moz-border-radius:4px; 	-webkit-border-radius:4px;*/
}

.mainContent .promoScroller .scrollControls .prevBut, .mainContent .promoScroller .scrollControls .nextBut
{
    width: 20px;
    height: 173px;
    top: 0;
}

.mainContent .scroller .scrollControls .prevBut
{
    left: 0;
    background: url(../cssimages/scroller_prev_button_alt.gif) center left no-repeat;
}

.mainContent .scroller .scrollControls .nextBut
{
    right: 0;
    background: url(../cssimages/scroller_next_button_alt.gif) center left no-repeat;
}

.mainContent .scroller .scrollControls .pEnd, .mainContent .scroller .scrollControls .nEnd
{
    background-position: -27px 0px;
    cursor: default;
}

.mainContent .promoScroller .scrollControls .prevBut, .mainContent .promoScroller .scrollControls .nextBut
{
    background-color: #000;
    background-position: center center;
    background-repeat: no-repeat;
}

.mainContent .promoScroller .scrollControls .prevBut
{
    background-image: url(../cssimages/promo_scroll_control_prev.gif);
}

.mainContent .promoScroller .scrollControls .nextBut
{
    background-image: url(../cssimages/promo_scroll_control_next.gif);
}

.mainContent .promoScroller .scrollControls .pEnd, .mainContent .promoScroller .scrollControls .nEnd
{
    background-image: none;
}


.mainContent .scroller .scrollControls .pageCount
{
    margin: 0;
    padding-top: 7px;
    font-size: 75%;
    font-weight: bold;
    color: #347082;
}

.mainContent .scroller .scrollControls .pageCount strong
{
    color: #347082;
}

/* Model Number */

.mainContent .scroller p.number
{
    position: absolute;
    top: -1px;
    left: 113px;
    width: 37px;
    height: 36px;
    text-indent: -9999px;
    background-position: top left;
    background-repeat: no-repeat;
}

.mainContent .scroller p.num1
{
    background-image: url(../cssimages/scroller_1.png);
}
.mainContent .scroller p.num2
{
    background-image: url(../cssimages/scroller_2.png);
}
.mainContent .scroller p.num3
{
    background-image: url(../cssimages/scroller_3.png);
}
.mainContent .scroller p.num4
{
    background-image: url(../cssimages/scroller_4.png);
}
.mainContent .scroller p.num5
{
    background-image: url(../cssimages/scroller_5.png);
}
.mainContent .scroller p.num6
{
    background-image: url(../cssimages/scroller_6.png);
}
.mainContent .scroller p.num7
{
    background-image: url(../cssimages/scroller_7.png);
}
.mainContent .scroller p.num8
{
    background-image: url(../cssimages/scroller_8.png);
}
.mainContent .scroller p.num9
{
    background-image: url(../cssimages/scroller_9.png);
}
.mainContent .scroller p.num10
{
    background-image: url(../cssimages/scroller_10.png);
}

.mainContent .scroller p.num11
{
    background-image: url(../cssimages/scroller_11.png);
}

.mainContent .scroller p.num12
{
    background-image: url(../cssimages/scroller_12.png);
}

/*---[ 4.2 TABLET ]---*/

.tablet
{
    float: left;
    width: 100%;
    clear: both;
    padding: 30px 0;
    margin: 0;
}

.tablet h2.intro
{
    margin-top: 0;
    color: #333;
    font-size: 125%;
}

html.js .tablet ul.controls
{
    width: 100%;
    float: left;
    border-bottom: 5px solid #00665B;
    z-index: 100;
    list-style: none;
    margin: 0;
    padding: 0;
}

#wrapper .tablet ul.controls
{
    font-size: 100%;
    margin-bottom: 0;
}

html.js .tablet ul.controls li
{
    float: left;
    font-size: 100%;
    margin: 0;
    padding: 0;
}

html.js .tablet ul.controls li a
{
    float: left;
    font-size: 87.5%;
    line-height: 2em;
    padding: 1px 12px;
    margin: 7px 3px 0 0;
    text-decoration: none;
    color: #333;
    border: 1px solid #BBB;
    background: #FFF url(../cssimages/tab_back.gif) bottom left repeat-x;
    border-bottom: none;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

html.js .tablet ul.controls li.selected a
{
    color: #FFF;
    background: #00665B;
    border-color: #00665B;
    padding: 4px 12px 5px;
    margin: 0px 3px 0px 0px;
    text-shadow: 0px 1px 2px #000;
}

.tablet .sections
{
    clear: both;
    padding-top: 10px;
}

.tablet .sections .section
{
    display: block;
    padding: 12px;
}

.tablet h3, .tablet h4
{
    color: #00665B;
    margin: 1em 0 .5em;
}

.tablet h3
{
    font-size: 125%;
    clear: both;
}

.tablet h4
{
    font-size: 100%;
}

.tablet img
{
    line-height: 0em;
    border: 8px solid #e6e6e6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

/* RSS FEED */

.tablet .feed .entry
{
    margin-bottom: 10px;
    padding-bottom: 5px;
    background: url(../cssimages/feed_divider.gif) bottom center no-repeat;
}

.tablet .feed .entry:last-child
{
    background: none;
}

.tablet .feed .rssTitle
{
    color: #333;
    font-size: 100%;
    margin-bottom: 10px;
    margin-top: 0;
}

.tablet .link
{
    margin-top: 1em;
}

/*---[ 4.3 FEATURE CAROUSEL ]---*/

/*---[ Feature Carousel ]---*/

/* Homepage banner */

.featureCarousel
{
    width: 571px;
    background: #e6e6e6;
    border: 8px solid #e6e6e6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin: 30px 0 0;
    position: relative;
    overflow: hidden;
    float: left;
    padding: 0;
}

.featureCarousel img
{
    padding: 0;
    border: none;
}

.featureCarousel li img
{
    display: none;
}

html.js .featureCarousel li.active img
{
    display: block;
    width: 336px;
    height: 222px;
    overflow: hidden;
}

.featureCarousel img
{
    position: absolute;
    top: 0;
    left: 235px;
    width: 594px;
    height: 268px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
}

.featureCarousel a
{
    text-decoration: none;
}

.featureCarousel ul
{
    padding: 0;
    width: 605px;
}

.featureCarousel ul
{
    font-size: 100%;
}

.featureCarousel li
{
    float: left;
    font-size: 100%;
    width: 235px;
    padding-right: 200px;
    padding-bottom: 3px;
    background: none;
}

.featureCarousel li.last
{
    padding-bottom: 0px;
}

.homepage .featureCarousel li
{
    width: 312px;
    padding-left: 614px;
    margin: 0;
    height: 72px;
}

.featureCarousel li.active
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.featureCarousel li h2
{
    font-size: 112.5%;
    color: #828282;
    line-height: 1em;
    padding-top: 11px;
    padding-bottom: 5px !important;
    margin: 0 !important;
}

.featureCarousel li .feature a
{
    background: #fefefe url(../cssimages/feature_back.gif) center left repeat-x;
    height: 72px;
    padding: 0 15px 0 15px;
    display: block;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
}

.featureCarousel li .feature a:hover
{
    text-decoration: none;
}

.featureCarousel li p
{
    font-size: 75%;
    margin: 0;
    line-height: 1.2em;
    color: #999;
}

#mainContent .featureCarousel ul p
{
    font-size: 75%;
}

.featureCarousel li.active h2, html.js .featureCarousel li.active p
{
    color: #FFF;
    text-shadow: 0 1px 2px #000;
}

.featureCarousel li .feature
{
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    cursor: default !important;
}

.featureCarousel li.active .feature a
{
    background: #00665B;
}

.featureCarousel li .overlay
{
    display: none;
}

.featureCarousel li.active .overlay
{
    position: absolute;
    bottom: 0;
    left: 235px;
    width: 336px;
    display: block;
    z-index: 100;
    cursor: pointer;
}

.featureCarousel li .overlay p
{
    background: #55B9DF;
}

.featureCarousel li .overlay p
{
    padding: 15px;
    color: #FFF;
    background: rgba(85,185,223,0.7);
    clear: left;
    font-size: 100%;
    margin: 0;
    padding: 15px 10px 20px;
    display: block;
    cursor: pointer;
}

/*---[ 5. MODEL INFORMATION PAGE ]---*/

.modelInformation, .extraContent
{
    float: left;
    width: 100%;
}

.modelInformation .intro p
{
    font-size: 75%;
    margin-bottom: 20px;
}

/* Model info page alternate layout */


.videoHolder
{
    padding-bottom: 10px;
}

.videoHolder .componentTitle
{
    background: #FFF url(../cssimages/side_comp_back.gif) top left repeat-x;
    border-top: 1px solid #000;
    padding-bottom: 0;
    width: 434px;
    margin-bottom: -12px;
}
.videoHolder p
{
    margin-top: 12px;
}

.videoHolder .componentTitle h3
{
    font-size: 125%;
    padding: 10px 10px 15px;
    margin: 0;
    color: #03486b;
}

.sideComponentsWrapper
{
    width: 436px;
    float: left;
    clear: left;
}
.modelInformation .sideComponentsWrapper .info
{
    float: none;
    width: auto;
    padding: 20px 0;
}

.assemblyGuideContainer
{
    width: 100%;
    overflow: hidden;
}
.assemblyGuideItemRow
{
    width: 100%;
    overflow: hidden;
}
.assemblyGuideItem
{
    float: left;
    width: 452px;
}

.itemHeaderContainer
{
    width: 100%;
    overflow: hidden;
}
.modelInstructions
{
    clear: both;
    background: #f6f6f6;
    width: 100%;
    overflow: hidden;
}
.modelInstructions .showHide
{
    margin: 0 10px;
    padding: 14px 0;
}
.modelInstructions .open span
{
    background-image: url(../cssimages/button_back_open.gif);
}
.assemblyGuideContainer h3
{
    font-size: 80%;
    color: #000;
    width: 50%;
}
.modelInstructions .extraContent
{
    background: #fff;
}
.assemblyGuideContainer .leftColHeader
{
    float: left;
}
.assemblyGuideContainer .rightColHeader
{
    margin-left: 50%;
}

/* Model info page alternate layout END */

/*---[ 6. MODEL DETAILS ]---*/

.modelInformation .modelDetails
{
    width: 436px;
    float: right;
}
.modelInformation .modelDetails ul
{
    margin-bottom: 15px;
}

.modelInformation .info
{
    width: 436px;
    float: left;
    padding: 20px 0;
}

.modelInformation .info .section
{
    float: left;
    width: 45%;
}

.modelInformation .info .last
{
    float: right;
}

.modelInformation .info .section h3
{
    font-size: 75%;
    color: #000;
    margin: 0 0 .5em;
}

.modelInformation .info .section p, .modelInformation .info .section li
{
    margin-bottom: 0;
    font-size: 75%;
}

.modelInformation .info .section li
{
    line-height: 1.3em;
}

.modelInformation .info .section strong
{
    color: #000;
}

/*---[ 6.1 MODEL PURCHASE OPTIONS ]---*/

.modelInformation .modelDetails .priceOptions
{
    width: 436px;
    float: right;
}

.modelInformation .modelDetails .priceOptions div
{
    float: left;
    width: 408px;
    display: block;
    padding: 10px 14px;
    background: #f9f9f9;
    margin-bottom: 2px;
}

.modelInformation .modelDetails .priceOptions div.even
{
    background: #f2f2f2;
}

.modelInformation .modelDetails .priceOptions .option
{
    padding: 0 30px 0 0;
    color: #333333;
    font-weight: bold;
    float: left;
    width: 180px;
    font-size: 75%;
}

.modelInformation .modelDetails .priceOptions .price
{
    color: #00665B;
    font-size: 112.5%;
    font-weight: bold;
    padding-right: 10px;
    float: left;
    width: 80px;
    font-size: 87.5%;
}


.modelInformation .modelDetails .priceOptions p.action
{
    float: left;
    width: 100px;
    margin-bottom: 0;
    font-size: 100%;
}

/*---[ 6.2 MAGAZINE SUBSCRIPTION INFO ]---*/

.modelInformation .modelDetails .magazineOffer
{
    width: 436px;
    float: right;
    background: #F2F2F2;
}

.modelInformation .modelDetails .magazineOffer .info
{
    padding: 0;
    float: left;
    width: 176px;
    padding: 10px 0 10px 14px;
}

.modelInformation .modelDetails .magazineOffer .info .option
{
    color: #333333;
    font-weight: bold;
    float: left;
    width: 140px;
    font-size: 75%;
}

.modelInformation .modelDetails .magazineOffer .info .price
{
    color: #00665B;
    font-size: 112.5%;
    font-weight: bold;
    float: left;
    width: 30px;
    font-size: 87.5%;
}

.modelInformation .modelDetails .magazineOffer .info .description
{
    line-height: 1.3em;
    width: 160px;
    clear: left;
}

.modelInformation .modelDetails .magazineOffer .image
{
    float: right;
    width: 240px;
    margin: 0;
    padding: 0;
    line-height: 0em;
}

/*---[ 6.3 EXTRA CONTENT SHOW/HIDE ]---*/

.modelInformation .modelDetails .extra
{
    background: #F2F2F2;
    padding: 10px 14px 0;
    float: left;
    width: 408px;
    margin-top: 2px;
}

.modelInformation .modelDetails .extraContent
{
    padding: 0;
    margin: 0 0 14px 0;
    width: 408px;
}

.js .modelInformation .modelDetails .extraContent
{
    display: none;
}

.js .modelInformation .modelDetails .extra .showHide
{
    margin: 0 0 14px 0;
}

.js .modelInformation .modelDetails .extra .open span
{
    background-image: url(../cssimages/button_back_open.gif);
}

/*---[ 6.4 MODEL DETAILS & DIMENSIONS ]---*/

.modelDimensions
{
    background: #f2f2f2;
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px;
}

.modelSpec dl
{
    width: 218px;
    float: left;
    font-size: 70%;
    margin: 0;
}
.modelSpec dl dt
{
    margin: 0;
    padding: 10px;
    color: #000;
    background: #e6e6e6;
    border-bottom: 1px solid #FFF;
    font-weight: bold;
}
.modelSpec dl dd
{
    margin: 0;
    padding: 5px 10px 0;
    color: #808080;
}
.modelSpec dd p, .modelSpec dd li, .modelSpec dd dd, .modelSpec dd blockquote
{
    font-size: 100%;
}
.modelSpec ul
{
    margin: 0 0 8px;
    padding: 0;
}
.modelSpec li
{
    list-style: none;
}
.modelSpec dd strong
{
    color: #333333;
}

/*---[ 6.5 CSS STYLE SELECTOR ]---*/

/* SJ: Style selector gets css class from ModelAlternateLayout Doc type. 
   Values are set in the Colour Scheme Drodown Datatype. */

/*---[ Blue ]---*/

body.ships #content h1, body.ships #content .styleSelector_blue h1, body.motors #content .styleSelector_blue h1
{
    color: #000;
}

body.ships .videoHolder .componentTitle, body.ships .subContent .item, body.ships .pageComponents .item, body.ships .styleSelector_blue .videoHolder .componentTitle, body.ships .styleSelector_blue .subContent .item, body.ships .styleSelector_blue .pageComponents .item, body.motors .styleSelector_blue .videoHolder .componentTitle, body.motors .styleSelector_blue .subContent .item, body.motors .styleSelector_blue .pageComponents .item
{
    background-image: url("../cssimages/side_comp_back.gif");
}

body.ships .videoHolder .componentTitle h3, body.ships .subContent .item h3, body.ships .pageComponents .item h3, body.ships .styleSelector_blue .videoHolder .componentTitle h3, body.ships .styleSelector_blue .subContent .item h3, body.ships .styleSelector_blue .pageComponents .item h3, body.motors .styleSelector_blue .videoHolder .componentTitle h3, body.motors .styleSelector_blue .subContent .item h3, body.motors .styleSelector_blue .pageComponents .item h3
{
    color: #03486B;
}

body.ships .subContent .item h3, body.ships .pageComponents .item h3, body.ships .styleSelector_blue .subContent .item h3, body.ships .styleSelector_blue .pageComponents .item h3, body.motors .styleSelector_blue .subContent .item h3, body.motors .styleSelector_blue .pageComponents .item h3
{
    padding-bottom: 18px;
}

body.ships strong, body.ships .styleSelector_blue strong, body.motors .styleSelector_blue strong
{
    color: #55B9DF;
}

body.ships .modelInformation .modelDetails .priceOptions .price, body.ships .styleSelector_blue .modelInformation .modelDetails .priceOptions .price, body.motors .styleSelector_blue .modelInformation .modelDetails .priceOptions .price
{
    color: #55B9DF;
}

body.ships a:link, body.ships a:visited, body.ships .styleSelector_blue a:link, body.ships .styleSelector_blue a:visited, body.motors .styleSelector_blue a:link, body.motors .styleSelector_blue a:visited
{
    color: #55B9DF;
}

body.ships .action a:link, body.ships .action a:visited, body.ships .showHide span, body.ships .styleSelector_blue .action a:link, body.ships .styleSelector_blue .action a:visited, body.ships .styleSelector_blue .showHide span, body.motors .styleSelector_blue .action a:link, body.motors .styleSelector_blue .action a:visited, body.motors .styleSelector_blue .showHide span
{
    color: #000;
    background-image: url(../cssimages/button_back.gif);
}

body.ships .action a:hover, body.ships .action a:active, body.ships .action a:focus, body.ships .styleSelector_blue .action a:hover, body.ships .styleSelector_blue .action a:active, body.ships .styleSelector_blue .action a:focus, body.motors .styleSelector_blue .action a:hover, body.motors .styleSelector_blue .action a:active, body.motors .styleSelector_blue .action a:focus
{
    color: #03486B;
}

body.ships .open span, body.ships .styleSelector_blue .open span, body.motors .styleSelector_blue .open span
{
    background-image: url(../cssimages/button_back_open.gif) !important;
}

/*---[ Red ]---*/

body.motors #content h1, body.ships #content .styleSelector_red h1, body.motors #content .styleSelector_red h1
{
    color: #EA2432;
}

body.motors .videoHolder .componentTitle, body.motors .subContent .item, body.motors .pageComponents .item, body.ships .styleSelector_red .videoHolder .componentTitle, body.ships .styleSelector_red .subContent .item, body.ships .styleSelector_red .pageComponents .item, body.motors .styleSelector_red .videoHolder .componentTitle, body.motors .styleSelector_red .subContent .item, body.motors .styleSelector_red .pageComponents .item
{
    background-image: url("../cssimages/side_comp_back_red.gif");
}

body.motors .videoHolder .componentTitle h3, body.motors .subContent .item h3, body.motors .pageComponents .item h3, body.ships .styleSelector_red .videoHolder .componentTitle h3, body.ships .styleSelector_red .subContent .item h3, body.ships .styleSelector_red .pageComponents .item h3, body.motors .styleSelector_red .videoHolder .componentTitle h3, body.motors .styleSelector_red .subContent .item h3, body.motors .styleSelector_red .pageComponents .item h3
{
    color: #D30202;
}

body.motors .subContent .item h3, body.motors .pageComponents .item h3, body.ships .styleSelector_red .subContent .item h3, body.ships .styleSelector_red .pageComponents .item h3, body.motors .styleSelector_red .subContent .item h3, body.motors .styleSelector_red .pageComponents .item h3
{
    padding-bottom: 18px;
}

body.motors strong, body.ships .styleSelector_red strong, body.motors .styleSelector_red strong
{
    color: #EA2432;
}

body.motors .modelInformation .modelDetails .priceOptions .price, body.ships .styleSelector_red .modelInformation .modelDetails .priceOptions .price, body.motors .styleSelector_red .modelInformation .modelDetails .priceOptions .price
{
    color: #EA2432;
}

body.motors a:link, body.motors a:visited, body.ships .styleSelector_red a:link, body.ships .styleSelector_red a:visited, body.motors .styleSelector_red a:link, body.motors .styleSelector_red a:visited
{
    color: #EA2432;
}

body.motors .action a:link, body.motors .action a:visited, body.motors .showHide span, body.ships .styleSelector_red .action a:link, body.ships .styleSelector_red .action a:visited, body.ships .styleSelector_red .showHide span, body.motors .styleSelector_red .action a:link, body.motors .styleSelector_red .action a:visited, body.motors .styleSelector_red .showHide span
{
    color: #D30202;
    background-image: url(../cssimages/button_back_red.gif);
}

body.motors .action a:hover, body.motors .action a:active, body.motors .action a:focus, body.ships .styleSelector_red .action a:hover, body.ships .styleSelector_red .action a:active, body.ships .styleSelector_red .action a:focus, body.motors .styleSelector_red .action a:hover, body.motors .styleSelector_red .action a:active, body.motors .styleSelector_red .action a:focus
{
    color: #000;
}

body.motors .open span, body.ships .styleSelector_red .open span, body.motors .styleSelector_red .open span
{
    background-image: url(../cssimages/button_back_open_red.gif) !important;
}

/*---[ Gold ]---*/

body.ships #content .styleSelector_gold h1, body.motors #content .styleSelector_gold h1
{
    color: #D7AF49;
}

body.ships .styleSelector_gold .videoHolder .componentTitle, body.ships .styleSelector_gold .subContent .item, body.ships .styleSelector_gold .pageComponents .item, body.motors .styleSelector_gold .videoHolder .componentTitle, body.motors .styleSelector_gold .subContent .item, body.motors .styleSelector_gold .pageComponents .item
{
    background-image: url("../cssimages/hms-side_comp_back.gif");
}

body.ships .styleSelector_gold .videoHolder .componentTitle h3, body.ships .styleSelector_gold .subContent .item h3, body.ships .styleSelector_gold .pageComponents .item h3, body.motors .styleSelector_gold .videoHolder .componentTitle h3, body.motors .styleSelector_gold .subContent .item h3, body.motors .styleSelector_gold .pageComponents .item h3
{
    color: #000;
}

body.ships .styleSelector_gold .subContent .item h3, body.ships .styleSelector_gold .pageComponents .item h3, body.motors .styleSelector_gold .subContent .item h3, body.motors .styleSelector_gold .pageComponents .item h3
{
    padding-bottom: 18px;
}

body.ships .styleSelector_gold strong, body.motors .styleSelector_gold strong
{
    color: #EA2432;
}

body.ships .styleSelector_gold .modelInformation .modelDetails .priceOptions .price, body.motors .styleSelector_gold .modelInformation .modelDetails .priceOptions .price
{
    color: #D7AF49;
}

body.ships .styleSelector_gold a:link, body.ships .styleSelector_gold a:visited, body.motors .styleSelector_gold a:link, body.motors .styleSelector_gold a:visited
{
    color: #D7AF49;
}

body.ships .styleSelector_gold .action a:link, body.ships .styleSelector_gold .action a:visited, body.ships .styleSelector_gold .showHide span, body.motors .styleSelector_gold .action a:link, body.motors .styleSelector_gold .action a:visited, body.motors .styleSelector_gold .showHide span
{
    color: #D7AF49;
    background-image: url(../cssimages/hms-victory-button_back.gif);
}

body.ships .styleSelector_gold .action a:hover, body.ships .styleSelector_gold .action a:active, body.ships .styleSelector_gold .action a:focus, body.motors .styleSelector_gold .action a:hover, body.motors .styleSelector_gold .action a:active, body.motors .styleSelector_gold .action a:focus
{
    color: #000;
}

body.ships .styleSelector_gold .open span, body.motors .styleSelector_gold .open span
{
    background-image: url(../cssimages/hms-button_back_open.jpg) !important;
}



/*---[ 7. MODEL DETAIL GALLERY ]---*/

.modelInformation .modelGallery
{
    width: 436px;
    float: left;
    display: inline;
    margin-bottom: 20px;
}

.modelInformation .modelGallery .mainImage
{
    width: 436px;
    margin-bottom: 5px;
    display: block;
}

.modelInformation .modelGallery .galleryRow:after
{
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}


.modelInformation .modelGallery .galleryRow
{
    width: 436px;
    margin-top: 0px;
    margin-bottom: 0px;
    clear: left;
}

.modelInformation .modelGallery .galleryRow .galleryImage
{
    width: 106px;
    margin: 0 4px 4px 0;
    display: inline;
    line-height: 13px;
    vertical-align: middle;
    float: left;
}

.modelInformation .modelGallery .galleryRow .last
{
    margin: 0 0 4px;
}

.modelInformation .modelGallery .galleryRow img
{
    border: none;
}


/*---[ 8. TUTORIAL / NEWS COMPONENTS ]---*/

/*---[ 8.1 TUTORIAL LIST / TUTORIAL CONTENT / NEWS LIST / NEWS CONTENT ]---*/

h2.tutorialsCategory, h2.newsArchiveCategory
{
    margin: 0 0 25px;
    font-size: 125%;
    color: #00665B;
    padding: 5px;
    background: #F2F2F2;
}

.tutorial, .newsItem
{
    padding: 0 0 15px;
    margin: 0 0 15px;
    background: url(../cssimages/feed_divider.gif) bottom center no-repeat;
}

.tutorial:last-child, .newsItem:last-child
{
    background: none;
}

.tutorial h2.category, .newsItem h2.category
{
    font-size: 125%;
}

.tutorial h3, .newsItem h3
{
    font-size: 125%;
    color: #333;
    margin: 0;
}

.tutorial .metadata, .newsItem .metadata
{
    padding: 5px 0 10px;
    font-size: 68.75%;
}

.tutorial .metadata span.author, .newsItem .metadata span.author
{
    color: #00665B;
}

.tutorial .featuredImage, .newsItem .featuredImage
{
    padding-bottom: 10px;
}

.tutorial .tutorialContent h3, .tutorial .tutorialContent h4, .newsItem .newsContent h3, .newsItem .newsContent h4
{
    color: #00665B;
    margin: 1.7em 0 0.5em;
}

.tutorial .tutorialContent h4, .newsItem .newsContent h4
{
    margin-top: 1em;
}

.tutorial .tutorialContent p, .tutorial .tutorialContent ul, .newsItem .newsContent p, .newsItem .newsContent ul
{
    margin-bottom: 1.7em;
}

.tutorial .tutorialContent ul, .newsItem .newsContent ul
{
    margin-left: 15px;
    margin-right: 30px;
}

.tutorial .tutorialContent p, .tutorial .tutorialContent li, .newsItem .newsContent p, .newsItem .newsContent li
{
    line-height: 1.7em;
}

.tutorial img, .newsItem img
{
    border: 8px solid #e6e6e6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    max-width: 571px;
}

.tutorial .featuredImage, .newsItem .featuredImage
{
    position: relative;
}

.tutorial .featuredImage .topTutorial, .newsItem .featuredImage .mainNews
{
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -9999px;
    background: url(../cssimages/top_tutorial.png) top left no-repeat;
    width: 138px;
    height: 106px;
}


/*---[ 8.2 CATEGORIES/ARCHIVE MENUS ]---*/

.subContent .tutorialCategories ul, .subContent .newsArchive ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.subContent .tutorialCategories ul li a, .subContent .newsArchive ul li a
{
    font-size: 112.5%;
    font-weight: bold;
    padding: 7px 10px 7px 23px;
    background: #f2f2f2 url(../cssimages/list_bullet_gow.gif) 11px center no-repeat;
    display: block;
}

.subContent .tutorialCategories ul li:nth-child(2n) a, .subContent .newsArchive ul li:nth-child(2n) a
{
    background-color: #f9f9f9;
}

.subContent .tutorialCategories ul li.even a, .subContent .newsArchive ul li.even a
{
    background-color: #f9f9f9;
}

.subContent .tutorialCategories ul li.selected a, .subContent .newsArchive ul li.selected a
{
    background: #00665B url(../cssimages/list_bullet_wog.gif) 11px center no-repeat;
    color: #FFF;
}

.subContent .tutorialCategories a:link, .subContent .tutorialCategories a:visited
{
    color: #00665B;
}

/*---[ 8.3 PAGING CONTROL - ** Also used for Model List** ]---*/

.pagingControl
{
    text-align: center;
    background: #f2f2f2;
    padding: 7px 10px;
    position: relative;
    font-size: 75%;
    font-weight: bold;
    clear: both;
    position: relative;
}

.pagingControl ul.pages
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
}

.pagingControl ul.pages li
{
    display: inline;
    font-size: 100%;
}

.pagingControl ul.pages li.selected a
{
    background: #00665B;
    padding: 3px 5px;
    color: #FFF;
}

.pagingControl .action
{
    display: inline;
}

.pagingControl .back
{
    float: left;
    background-image: url(../cssimages/button_back_prev.gif);
    position: absolute;
    left: 10px;
    top: 8px;
}

.pagingControl .next
{
    float: right;
    position: absolute;
    right: 10px;
    top: 8px;
}


/*---[ 9. SUBCONTENT ADVERT COMPONENT ]---*/

.flashAdvert
{
    padding-bottom: 20px;
    width: 300px;
}

.adImageScroller
{
    width: 300px;
    margin-bottom: 20px;
}

.js .adImageScroller
{
    height: 250px;
    overflow: hidden;
    margin-bottom: 20px;
}

.js .adImageScroller a img
{
    border: none;
}

.js .adImageScroller .adScrollerInner
{
    height: 250px;
    float: left;
}

.js .adImageScroller .adScrollerInner .adImage
{
    float: left;
    width: 300px;
    height: 250px;
    overflow: hidden;
}


/*---[ 10. CONTACT US PAGE ]---*/

.contactUsContent .ddlContact
{
    margin-bottom: 40px;
}
.contactUsContent .ddlContact label
{
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 12px;
    color: #000;
}
.contactUsContent .ddlContact label span
{
    color: #00665B;
}
.contactUsContent .ddlContact select
{
    padding: 2px;
    color: #666;
    border: 1px solid #ccc;
    width: 280px;
    background: url(/cssimages/ddl_bkg.gif) left top repeat-x;
}

.contactUsContent
{
    width: 100%;
}
.contactUsContent .itemContainer
{
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}
.contactUsContent .item
{
    width: 288px;
    float: left;
    margin-left: 20px;
}
.contactUsContent .item:first-child, .contactUsContent .phoneComponent
{
    margin-left: 0;
}
.contactUsContent .item h2
{
    font-size: 125%;
    padding: 7px 10px;
    margin: 0;
    color: #FFF;
    background: #00665b url(../cssimages/gen_comp_head_back.gif) bottom left repeat-x;
    border: 1px solid #0E352F;
}
.contactUsContent .item h4
{
    font-weight: normal;
    margin: 0 0 18px;
    padding: 0;
    color: #00665B;
}
.contactUsContent .item .details
{
    padding: 10px;
    min-height: 104px;
    background-color: #F1F1F2;
}

.contactUsContent .item .details a:link, .contactUsContent .item .details a:visited
{
    color: #666;
    text-decoration: underline;
}
.contactUsContent .item .details a:hover, .contactUsContent .item .details a:active, .contactUsContent .item .details a:focus
{
    color: #000;
}

.js .contactUsContent .button
{
    /* Only show the buttons when js is disabled */
    display: none;
}

.contactUsContent .faq
{
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 40px;
}
.contactUsContent .faq h3
{
    color: #000;
    font-size: 1.4em;
    margin-top: 10px;
}

.contactUsContent iframe.contactUsFrame
{
    width: 100%;
    border: none;
    height: 500px;
}

/*---[ 10. SEARCH RESULTS PAGE ]---*/

h2.searchSummary
{
    font-size: 112.5%;
    font-weight: normal;
    color: #000;
}

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

ul.searchResults li
{
    font-size: 100%;
}

ul.searchResults h3
{
    font-size: 125%;
    margin-bottom: 5px;
}

ul.searchResults p
{
    margin-bottom: 5px;
}

ul.searchResults .matchRating
{
    font-size: 75%;
    margin: 0;
}

.subContent .item a .image img, .pageComponents .item a .image img
{
    border: none;
}

.hmsVictoryHomepage
{
    position: relative;
    padding: 5px 27px 0 17px;
    background: #ebca7a;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #ebca7a;
    width: 542px;
    margin: 20px 0 30px;
    min-height: 159px;
}
/*.hmsVictoryHomepage
{
    position: relative;
    padding: 5px 27px 0 17px;
    background: #c1292f;
    background:url("../cssimages/hms-hood-homepage-bg.jpg") repeat-x 0 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #d3676c;
    width: 542px;
    margin: 20px 0 30px;
    min-height: 152px;
    height:162px;
}*/

.hmsVictoryHomepage .copy
{
    width: 260px;
    float: left;
    display: inline;
}
.hmsVictoryHomepage .copy h2
{
    font-size: 100%;
    margin: 0px;
    padding: 0 0 7px;
    color: #FFF;
    text-shadow: 1px 1px #000;
}
.hmsVictoryHomepage .copy p
{
    font-size: 70%;
    color: #FFF;
    text-shadow: 1px 1px #000;
}

.hmsVictoryHomepage .action a
{
    font-size: 140%;
    text-transform: none;
    text-shadow: none;
}

.hmsVictoryHomepage .image
{
    border: medium none;
    display: inline;
    float: right;
    position: absolute;
    right: -10px; /*top: -19px; HMS HOOD updates not yet live */
    top: -30px;
    width: 306px;
    z-index: 10;
}
.hmsVictoryHomepage:after
{
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.hmsVictoryHomepage .image img
{
    width: 306px;
    margin-top: 11px;
}

#zoom
{
    background: black no-repeat;
    border: 2px solid black;
    -mz-border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    display: none;
    overflow: hidden;
}

#zoom img
{
    position: absolute;
}

#orig
{
    width: 300px;
    margin: 40px;
    position: relative;
}

.fakeLayer
{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: url(../cssimages/blank.gif);
    cursor: url(../cssimages/blank.gif),pointer;
}

.miniImg
{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    display: none;
    border: solid black;
    border-width: 2px 2px 0 0;
}

.miniImg img
{
    width: 120px;
}

.miniImg span
{
    position: absolute;
    border: 1px solid red;
    -mz-border-radius: 50%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.2);
    font-size: 0;
    line-height: 0;
}


.zoomMessage
{
    position: absolute;
    top: 10px;
    left: 10px;
    background: #000;
    color: #FFF;
    padding: 10px;
    font-size: 60%;
    text-align: center;
    cursor: pointer;
}

.js .hmsVic .mainImage img
{
    display: block;
}
.js .hmsVic .mainImage
{
    width: 100%;
}


.subContent .videoHolder h3
{
    padding-bottom: 9px;
    color: #000;
}

.subContent .videoHolder
{
    background-image: url(../cssimages/hms-side_comp_back.gif);
}


/*---[ 12. SOCIAL MEDIA COMPONENT ]---*/

body .subContent .socialMedia .facebook
{
    border: 1px solid #3b5998;
    margin-bottom: 13px;
    font-family: Helvetica,Arial,Verdana,sans serif;
    overflow: hidden;
    line-height: 0;
}

body .subContent .socialMedia .facebook iframe
{
    margin-left: -1px;
    margin-bottom: -1px;
}

body .subContent .socialMedia .twitterFeed
{
    border: 1px solid #55b9df;
    background: #f1fafd;
    font-family: Helvetica,Arial,Verdana,sans serif;
}

body .subContent .socialMedia .facebook h4, body .subContent .socialMedia .twitterFeed h4
{
    font-size: 87.5% !important;
    padding: 3px 8px;
    color: #FFF;
    background: #3b5998;
    margin-bottom: 5px;
}

body .subContent .socialMedia .facebook h4
{
    margin-bottom: 0;
    line-height: 1.5em;
}

body .subContent .socialMedia .twitterFeed h4
{
    color: #29abe2;
    padding-left: 40px;
    background: #c9eaf8 url(../cssimages/tweetie.png) 10px 5px no-repeat;
    margin-bottom: 8px;
}

.subContent .socialMedia .twitterFeed ul
{
    list-style: none;
    padding: 0;
}

.subContent .socialMedia .twitterFeed li
{
    font-size: 100%;
    margin-top: 15px;
}

.subContent .socialMedia .twitterFeed li:first-child
{
    margin-top: 0;
}

.subContent .socialMedia .twitterFeed li p
{
    font-size: 75%;
    text-align: left;
    margin: 0;
}

.subContent .socialMedia .twitterFeed p
{
    padding: 0 10px;
    text-align: right;
    font-size: 87.5%;
}

.subContent .socialMedia .twitterFeed li a.link
{
    padding: 0 10px;
}

.subContent .socialMedia .twitterFeed p a
{
    border-bottom: none;
    font-weight: bold;
    text-decoration: underline !important;
}

.subContent .socialMedia .twitterFeed p a
{
    color: #55B9DF;
}

.subContent .socialMedia .twitterFeed li p a
{
    color: #666666;
    font-weight: normal;
}

.subContent .socialMedia .twitterFeed li p a:hover, .subContent .socialMedia .twitterFeed li p a:focus
{
    color: #29abe2;
}


/*---[ 13. MODAL WINDOW ]---*/

.popup
{
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
    background: #000;
}

.overlay
{
    display: block;
    position: fixed;
    left: 50%;
    z-index: 501;
}

.overlay .popupContent
{
    clear: both;
}

.overlay .popupContent .imageFrame, .overlay .popupContent .bookingFrame
{
    padding: 5px;
    background: white;
}

#flashcontent
{
    position: relative;
    z-index: 0;
}

#flashcontentpopup
{
    position: relative;
    z-index: 0;
    width: 920px;
    height: 600px;
}

.popupHeader
{
    display: inline;
    float: left;
    width: 930px;
    margin: 0;
    padding: 10px 0;
    background: #58595b url(../cssimages/popup-header-bg.gif) repeat-x left top;
}
.popupHeader .popupHeading
{
    color: #d7af49;
    padding: 5px 10px 0;
    margin: 0;
    width: 400px;
    float: left;
    display: inline;
}
.popupHeader .actionHolder
{
    width: 400px;
    float: right;
    display: inline;
}
.popupHeader .actionHolder .action
{
    float: right;
    display: inline;
    margin-right: 10px !important;
    margin-top: 10px !important;
}

/*---[ 14. NEWS SIDE COMPONENT ]---*/

.subContent .newsComponent .newsItem
{
    background: none;
    margin: 0;
}

.subContent .newsComponent .newsItem h4
{
    font-size: 75%;
    font-weight: normal;
    line-height: 1.4em;
    margin: 0;
}

.subContent .newsComponent .newsItem h4 a
{
    text-decoration: underline;
}

.subContent .newsComponent .newsItem h4 a:hover, .subContent .newsComponent .newsItem h4 a:focus
{
}

.subContent .newsComponent .newsItem p
{
    font-size: 87.5%;
    margin-bottom: 0;
    font-weight: bold;
}

/*---[ 15. NEWS FEED ARTICLES ]---*/

body.generic .feedArticles .intLink
{
    height: 0;
}

body.generic .feedArticles .article .date
{
    font-size: 87.5%;
    border-bottom: 1px solid #00665B;
    clear: both;
    margin: 20px 0 5px;
}

body.generic .feedArticles .article .date span
{
    color: #FFF;
    background: #00665B;
    padding: 1px 8px 0;
    margin: 0;
    display: inline-block;
}

body.generic .feedArticles .article .source
{
    font-size: 75%;
    color: #000;
    margin: 5px 0 0;
}

body.generic .feedArticles .article h2
{
    font-size: 100%;
    color: #000;
    margin: 0 0 5px;
}

body.generic .feedArticles .article .content
{
    font-size: 75%;
}

body.generic .feedArticles .article .content p
{
    font-size: 100%;
}

body.generic .feedArticles hr
{
    display: none;
}

body.generic .feedArticles .article .content a
{
    font-weight: bold;
}

body.generic .feedArticles .article .content a:hover
{
    color: #000;
}

body.generic .feedArticles .paging
{
    text-align: right;
    padding: 10px 0 0;
    border-top: 2px solid #e5efee;
    font-weight: bold;
}

body.generic .feedArticles .paging a
{
    text-decoration: underline;
}

body.generic .feedArticles .paging a:hover, body.generic .feedArticles .paging a:focus
{
    color: #000;
}

body.generic .feedArticles .paging .previousLink
{
    background: url(../cssimages/action_arrow_green_ow_left.gif) center left no-repeat;
    padding: 0 0 0 8px;
    margin: 0 5px 0 0;
}

body.generic .feedArticles .paging .previousLink:hover, body.generic .feedArticles .paging .previousLink:focus
{
    background-image: url(../cssimages/action_arrow_bow_left.gif);
}

body.generic .feedArticles .paging .nextLink
{
    background: url(../cssimages/action_arrow_green_ow.gif) center right no-repeat;
    padding: 0 8px 0 0;
    margin: 0 0 0 5px;
}

body.generic .feedArticles .paging .nextLink:hover, body.generic .feedArticles .paging .nextLink:focus
{
    background-image: url(../cssimages/action_arrow_bow.gif);
}

body.generic .tutorials .article .action
{
    text-align: right;
    border-bottom: 1px solid #000;
}

body.generic .tutorials h2
{
    font-size: 150%;
    color: #000;
}

body.generic .tutorials .article h3
{
    font-size: 100%;
    color: #000;
    margin-bottom: 0;
}

body.generic .metadata
{
    font-size: 75%;
    font-weight: bold;
    color: #00665B;
}

/*---[ 16. MICROSITE COMPONENTS ]---*/
.subscriptionsLarge
{
    margin-bottom: 20px;
    width: 582px;
}
.subscriptionsLarge:after
{
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.subscriptionsLarge .image
{
    float: left;
    margin: 0;
    padding: 0;
}
.subscriptionsLarge .image img
{
    float: left;
}

.subscriptionsLarge .actions
{
    padding: 14px 21px;
    margin: 0;
    width: 540px;
    float: left;
}

.subscriptionsLarge .action
{
    padding: 6px 10px 6px;
    margin: 0;
}
.subscriptionsLarge .action a
{
    font-size: 120%;
}
.action a:link, .action a:visited
{
}
.action a:hover, .action a:active, .action a:focus
{
}

.magazineView .pdfAction
{
    padding: 0 0 0 12px;
}

.accessories
{
}
.accessoryContainer
{
    width: 100%;
    overflow: hidden;
}
.accessory
{
    float: left;
    width: 48%;
    margin-right: 10px;
}

.moreBenefits
{
    width: 100%;
    overflow: hidden;
}
.moreBenefits h2
{
    color: #333;
    font-size: 125%;
    margin: 10px 0;
}
.benefitsContainer
{
    width: 100%;
    overflow: hidden;
}
.moreBenefits .benefits
{
    float: left;
    width: 273px;
    margin-right: 20px;
}

.subscriptions
{
    width: 100%;
}
.subscriptions .actions
{
    padding: 23px 23px 13px;
}
.subscriptions .action
{
    margin: 0 20px 10px 0;
}
.subscriptions .actions p a
{
    font-size: 110%;
}


/* Sitemap Styles */

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

.siteMap ul ul ul
{
    padding: 0 0 20px 30px;
    list-style-type: disc;
    color: #000;
}

.siteMap ul ul ul ul
{
    padding-bottom: 0px;
    font-size: 0.9em;
}

.siteMap ul li
{
    font-size: 1.2em;
    font-weight: bold;
    line-height: 2em;
}

.siteMap ul li li
{
    font-size: 1em;
}

.siteMap ul li li li
{
    font-size: 0.9em;
    font-weight: normal;
}


/*---[ 17. SHIP SECTION VARIANTS STYLE ]---*/

body.ships #content h1
{
    font-size: 200%;
}

body.ships #content .introContent
{
    padding-bottom: 10px;
}

body.ships #content .introContent h3, body.ships #content .introContent h4
{
    color: #55B9DF;
}

body.ships .modelListGallery .featuredModel .model .image
{
    border: none;
}

body.ships .modelListGallery .featuredModel h3
{
    background: #55b9df;
}

body.ships .pageComponents .component, body.ships .pageComponents .component .item
{
    float: left;
    width: 436px;
    margin-left: 0;
}

body.ships .pageComponents .row .last
{
    margin-left: 33px;
}

body.ships .subContent .item, body.ships .pageComponents .item
{
    width: 100%;
    background: #FFF url(../cssimages/side_comp_back.gif) top left repeat-x;
    border-top: 1px solid #000;
    padding-bottom: 20px;
}

body.ships .subContent .item h3, body.ships .pageComponents .item h3
{
    font-size: 125%;
    padding: 10px 10px 15px;
    margin: 0;
    color: #03486b;
}

body.ships .subContent .item h4, body.ships .pageComponents .item h4
{
    font-size: 140%;
    margin: 0 0 1em 0;
}

body.ships .subContent .item .image, body.ships .pageComponents .item .image
{
    margin: 0 0 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: block;
}

body.ships .pageComponents .item .image
{
    margin: 0 17px 0 0;
}

body.ships .subContent .item .image
{
    text-align: center;
}

body.ships .subContent .item .image img, body.ships .pageComponents .item .image img
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

body.ships .subContent .item .details, body.ships .pageComponents .item .details
{
    padding: 0;
    line-height: 1.7em;
}

body.ships .subContent .item .details .info, body.ships .pageComponents .item .details .info
{
    padding: 0 10px;
}

body.ships .subContent .item .action, body.ships .pageComponents .item .action
{
    padding: 0 10px;
}

html.js body.ships .tablet ul.controls
{
    border-bottom: 5px solid #55B9DF;
}

html.js body.ships .tablet ul.controls li.selected a
{
    background: #55B9DF;
    border-color: #55B9DF;
}

body.ships .tablet h3, body.ships .tablet h4
{
    color: #55B9DF;
}

body.ships .featureCarousel ul
{
    padding: 0;
    width: 605px;
}

body.ships .featureCarousel ul
{
    font-size: 100%;
}

body.ships .featureCarousel li
{
    font-size: 100%;
}

body.ships .featureCarousel li.active .feature a
{
    background: #55b9df;
}

body.ships .modelInformation, .extraContent
{
    float: left;
    width: 100%;
}

body.ships .modelInformation .intro p
{
    font-size: 75%;
    margin-bottom: 20px;
}

body.ships .modelInformation .modelDetails .priceOptions .price
{
    color: #55B9DF;
}

body.ships .styleSelector
{
    width: 100%;
}
body.ships .styleSelector:after
{
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

body.ships #content .styleSelector_red h1
{
    color: #EA2432;
}
body.ships .styleSelector_red .videoHolder .componentTitle, body.ships .styleSelector_red .subContent .item, body.ships .styleSelector_red .pageComponents .item
{
    background-image: url("../cssimages/side_comp_back_red.gif");
}
body.ships .styleSelector_red .videoHolder .componentTitle h3, body.ships .styleSelector_red .subContent .item h3, body.ships .styleSelector_red .pageComponents .item h3
{
    color: #000;
}
body.ships .styleSelector_red .subContent .item h3, body.ships .styleSelector_red .pageComponents .item h3
{
    padding-bottom: 18px;
}
body.ships .styleSelector_red strong
{
    color: #EA2432;
}

body.ships .styleSelector_red .modelInformation .modelDetails .priceOptions .price
{
    color: #EA2432;
}

body.ships .styleSelector_red a:link, body.ships .styleSelector_red a:visited
{
    color: #EA2432;
}
body.ships .styleSelector_red .action a:link, body.ships .styleSelector_red .action a:visited, body.ships .styleSelector_red .showHide span
{
    color: #000;
    background-image: url(../cssimages/button_back_red.gif);
}
body.ships .styleSelector_red .action a:hover, body.ships .styleSelector_red .action a:active, body.ships .styleSelector_red .action a:focus
{
    color: #03468b;
}

body.ships .styleSelector_red .open span
{
    background-image: url(../cssimages/button_back_open_red.gif) !important;
}

body.ships #content .styleSelector_gold h1
{
    color: #D7AF49;
}
body.ships .styleSelector_gold .videoHolder .componentTitle, body.ships .styleSelector_gold .subContent .item, body.ships .styleSelector_gold .pageComponents .item
{
    background-image: url("../cssimages/hms-side_comp_back.gif");
}
body.ships .styleSelector_gold .videoHolder .componentTitle h3, body.ships .styleSelector_gold .subContent .item h3, body.ships .styleSelector_gold .pageComponents .item h3
{
    color: #000;
}
body.ships .styleSelector_gold .subContent .item h3, body.ships .styleSelector_gold .pageComponents .item h3
{
    padding-bottom: 18px;
}
body.ships .styleSelector_gold strong
{
    color: #D7AF49;
}

body.ships .styleSelector_gold .modelInformation .modelDetails .priceOptions .price
{
    color: #D7AF49;
}

body.ships .styleSelector_gold .action a:link, body.ships .styleSelector_gold .action a:visited, body.ships .styleSelector_gold .showHide span
{
    color: #D7AF49;
    background-image: url(../cssimages/hms-victory-button_back.gif);
}
body.ships .styleSelector_gold .action a:hover, body.ships .styleSelector_gold .action a:active, body.ships .styleSelector_gold .action a:focus, body.ships .styleSelector_gold .showHide span:hover
{
    color: #000;
}

body.ships .styleSelector_gold .open span
{
    background-image: url(../cssimages/hms-button_back_open.jpg) !important;
}

body.ships h2.tutorialsCategory, body.ships h2.newsArchiveCategory
{
    color: #55b9df;
}

body.ships .tutorial .metadata span.author, body.ships .newsItem .metadata span.author
{
    color: #55b9df;
}

body.ships .tutorial .tutorialContent h3, body.ships .tutorial .tutorialContent h4, body.ships .newsItem .newsContent h3, body.ships .newsItem .newsContent h4
{
    color: #55b9df;
}

body.ships .subContent .tutorialCategories ul li a, body.ships .subContent .newsArchive ul li a
{
    background: #f2f2f2 url(../cssimages/list_bullet.gif) 11px center no-repeat;
    color: #55B9DF;
}

body.ships .subContent .tutorialCategories ul li a:hover, body.ships .subContent .tutorialCategories ul li a:focus, body.ships .subContent .newsArchive ul li a:hover, body.ships .subContent .newsArchive ul li a:focus
{
    color: #03486B;
}

body.ships .subContent .tutorialCategories ul li:nth-child(2n) a, body.ships .subContent .newsArchive ul li:nth-child(2n) a
{
    background-color: #f9f9f9;
}

body.ships .subContent .tutorialCategories ul li.even a, body.ships .subContent .newsArchive ul li.even a
{
    background-color: #f9f9f9;
}

body.ships .subContent .tutorialCategories ul li.selected a, body.ships .subContent .newsArchive ul li.selected a
{
    background: #55b9df url(../cssimages/list_bullet_wob.gif) 11px center no-repeat;
    color: #FFF;
}

body.ships .pagingControl ul.pages li.selected a
{
    background: #55b9df;
}

body.ships .subContent .item a .image img, body.ships .pageComponents .item a .image img
{
    border: none;
}


/*---[ 18. MOTOR SECTION VARIANTS STYLE ]---*/

body.motors #content h1
{
    margin: 0 0 10px 0;
    font-size: 200%;
    line-height: 1.4em;
    color: #000;
}


body.motors #content .introContent h3, body.motors #content .introContent h4
{
    color: #000;
    margin: 1.7em 0 0.5em;
    font-size: 125%;
}

body.motors .modelListGallery .featuredModel h3
{
    width: 204px;
    font-weight: bold;
    color: #FFF;
    background: #8A1003;
    padding: 10px 10px 25px;
    margin: 0;
    line-height: 1.3em;
    text-decoration: none !important;
    text-shadow: 0px 1px 2px #D30202;
}

body.motors .modelListGallery .featuredModel .featured
{
    position: absolute;
    top: -8px;
    left: -8px;
    text-indent: -9999px; /*background:; set in language specific css*/
    width: 138px;
    height: 106px;
}

body.motors .modelListGallery .featuredModel .last
{
    margin-left: 0;
}

body.motors .subContent .item, body.motors .pageComponents .item
{
    width: 300px;
    padding-bottom: 20px;
    background: none !important;
}

body.motors .pageComponents .item
{
    width: 436px;
}

body.motors .item h3
{
    font-size: 125%;
    padding: 7px 10px;
    margin: 0 0 10px;
    color: #D30202;
    background: #f0f0f0 url(../cssimages/motors/motors_comp_head_back.png) top left repeat-x;
}

body.motors .subContent .item .image, body.motors .pageComponents .item .image
{
    margin: 0 0 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
}

body.motors .pageComponents .item .image
{
    float: left;
    margin: 0 17px 0 0;
    padding-bottom: 10px;
}

body.motors .subContent .item .image img, body.motors .pageComponents .item .image img
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

body.motors .subContent .item a .image img, body.motors .pageComponents .item a .image img
{
    border: none;
}

body.motors .subContent .item .details, body.motors .pageComponents .item .details
{
    padding: 0;
    line-height: 1.7em;
}

body.motors .subContent .item .details .info, body.motors .pageComponents .item .details .info
{
    padding: 0 10px;
}

body.motors .subContent .item .action, body.motors .pageComponents .item .action
{
    padding: 0 10px;
}

body.motors .link a
{
    padding-left: 10px;
    background: url(../cssimages/motors/list_bullet.gif) center left no-repeat;
}

body.motors .mainContent .modelScroller
{
    overflow: hidden;
    position: relative;
    padding: 0 27px 10px;
    background: #99989C;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 532px;
}

body.motors .mainContent .modelScroller .motors
{
    overflow: scroll;
}

html.js body.motors .mainContent .modelScroller .motors
{
    overflow: hidden;
}

body.motors .mainContent .modelScroller .inner
{
    width: 3000px;
}

body.motors .mainContent .modelScroller ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    height: 270px;
}

body.motors .mainContent .modelScroller ul li
{
    width: 265px;
    height: 260px;
    float: left;
    margin: 0 3px 0 0;
    padding: 10px 0 0;
    background: #99989C;
    position: relative;
}

body.motors .mainContent .modelScroller ul li div.modelScrollerItem
{
    width: 265px;
    height: 210px;
    padding-bottom: 50px;
    background: #FFF url(../cssimages/scroll_item_back.gif) bottom left repeat-x; /*-moz-border-radius:3px;*/
}

body.motors .mainContent .modelScroller ul li h3
{
    margin: 0;
    color: #333333;
}

body.motors .mainContent .modelScroller ul li h3 img
{
}

body.motors .mainContent .modelScroller ul li h3 span, body.motors .mainContent .modelScroller ul li p.action, body.motors .mainContent .modelScroller ul li p.intro
{
    padding: 0 10px;
}

body.motors .mainContent .modelScroller ul li p.intro
{
    font-size: 100%;
}

body.motors .mainContent .modelScroller ul li p.action
{
    padding-top: 10px;
    position: absolute;
    bottom: 15px;
    left: 0;
    margin-bottom: 0;
}

body.motors .mainContent .modelScroller .scrollControls .prevBut, body.motors .mainContent .modelScroller .scrollControls .nextBut
{
    position: absolute;
    top: 10px;
    width: 27px;
    height: 260px;
    text-indent: -9999px;
    background: #FFF;
    cursor: pointer; /*-moz-border-radius:4px; 	-webkit-border-radius:4px; border-radius:4px; */
}

body.motors .mainContent .modelScroller .scrollControls .prevBut
{
    left: 0;
    background: url(../cssimages/motors/scroller_prev_button.gif) center left no-repeat;
}

body.motors .mainContent .modelScroller .scrollControls .nextBut
{
    right: 0;
    background: url(../cssimages/motors/scroller_next_button.gif) center left no-repeat;
}

body.motors .mainContent .modelScroller .scrollControls .pEnd, body.motors .mainContent .modelScroller .scrollControls .nEnd
{
    background-position: -27px 0px;
    cursor: default;
}

body.motors .mainContent .modelScroller .scrollControls .pageCount
{
    margin: 0;
    padding-top: 7px;
    font-size: 75%;
    font-weight: bold;
    color: #ffffff;
}

body.motors .mainContent .modelScroller .scrollControls .pageCount strong
{
    color: #ECECEC;
}

body.motors .mainContent .modelScroller p.number
{
    position: absolute;
    top: -1px;
    left: 113px;
    width: 37px;
    height: 36px;
    text-indent: -9999px;
    background-position: top left;
    background-repeat: no-repeat;
}

body.motors .mainContent .modelScroller p.num1
{
    background-image: url(../cssimages/motors/scroller_1.png);
}
body.motors .mainContent .modelScroller p.num2
{
    background-image: url(../cssimages/motors/scroller_2.png);
}
body.motors .mainContent .modelScroller p.num3
{
    background-image: url(../cssimages/motors/scroller_3.png);
}
body.motors .mainContent .modelScroller p.num4
{
    background-image: url(../cssimages/motors/scroller_4.png);
}
body.motors .mainContent .modelScroller p.num5
{
    background-image: url(../cssimages/motors/scroller_5.png);
}
body.motors .mainContent .modelScroller p.num6
{
    background-image: url(../cssimages/motors/scroller_6.png);
}
body.motors .mainContent .modelScroller p.num7
{
    background-image: url(../cssimages/motors/scroller_7.png);
}
body.motors .mainContent .modelScroller p.num8
{
    background-image: url(../cssimages/motors/scroller_8.png);
}
body.motors .mainContent .modelScroller p.num9
{
    background-image: url(../cssimages/motors/scroller_9.png);
}
body.motors .mainContent .modelScroller p.num10
{
    background-image: url(../cssimages/motors/scroller_10.png);
}

html.js body.motors .tablet ul.controls
{
    width: 100%;
    float: left;
    border-bottom: 5px solid #8A1003;
    z-index: 100;
    list-style: none;
    margin: 0;
    padding: 0;
}

html.js body.motors .tablet ul.controls li.selected a
{
    color: #FFF;
    background: #D30202 url(../cssimages/motors/tabSelected.png) bottom left repeat-x;
    border-color: #D30202;
    padding: 4px 12px 5px;
    margin: 0px 3px 0px 0px;
    text-shadow: 0 0 0 #000;
}

body.motors .tablet h3, body.motors .tablet h4
{
    color: #55B9DF;
    margin: 1em 0 .5em;
}

body.motors .tablet img
{
    line-height: 0em;
    border: 8px solid #e6e6e6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

body.motors .featureCarousel img
{
    position: absolute;
    top: 0;
    left: 235px;
    width: 594px;
    height: 268px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}


body.motors .featureCarousel li.active
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

body.motors .featureCarousel li h2
{
    font-size: 112.5%;
    color: #828282;
    line-height: 1em;
    padding-top: 11px;
    padding-bottom: 2px !important;
    margin: 0 !important;
}

body.motors .featureCarousel li.active h2
{
    color: #FFF;
}

body.motors .featureCarousel li .feature a
{
    background: #fefefe url(../cssimages/feature_back.gif) center left repeat-x;
    height: 72px;
    padding: 0 15px 0 15px;
    display: block;
}

body.motors .featureCarousel li .feature
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: default !important;
}

body.motors .featureCarousel li.active .feature a
{
    background: #C22F3C url(../cssimages/motors/featureCarouselItemSelect.png) bottom left repeat-x;
}

body.motors .featureCarousel li.active .overlay
{
    position: absolute;
    bottom: 0;
    left: 235px;
    width: 336px;
    display: block;
    z-index: 100;
    cursor: pointer;
}

body.motors .featureCarousel li .overlay p
{
    background: #D30202;
}

body.motors .featureCarousel li .overlay p
{
    padding: 15px;
    color: #FFF;
    background: rgba(211,2,2,0.7);
    clear: left;
    font-size: 100%;
    margin: 0;
    padding: 15px 10px 20px;
    display: block;
    cursor: pointer;
}


/*---[ PROMO COMPONENT ]---*/

.motorsHomepage_promoComponent
{
    position: relative;
    padding: 12px 27px 17px 17px;
    background: #808080 url(../cssimages/motors/homepageSubscribeComponent_bkg.png) top left repeat-x;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 544px;
    margin: 20px 0 30px;
}

.motorsHomepage_promoComponent .copy
{
    width: 200px;
    float: left;
    display: inline;
}
.motorsHomepage_promoComponent .copy h2
{
    font-size: 120%;
    margin: 0px;
    padding: 0 0 7px;
    color: #d30202;
}
.motorsHomepage_promoComponent .copy p
{
    font-size: 75%;
    color: #fff;
}

body.motors .motorsHomepage_promoComponent .copy .action
{
    margin-bottom: 0;
}

body.motors .motorsHomepage_promoComponent .action a
{
    font-size: 120%;
    margin-top: 10px;
    text-transform: none;
}

.motorsHomepage_promoComponent .image
{
    border: medium none;
    display: inline;
    float: right;
    position: absolute;
    right: -17px;
    top: -22px;
    width: 388px;
    height: 281px;
    z-index: 10;
}
.motorsHomepage_promoComponent:after
{
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.motorsHomepage_promoComponent .image img
{
    width: 388px;
}

body.motors .modelInstructions .open span
{
    background-image: url(../cssimages/motors/button_back_open.gif);
}

body.motors .modelInstructions .extraContent
{
    background: #fff;
    padding: 14px 0;
}

body.motors .modelInformation .modelDetails .priceOptions .price
{
    color: #D30202;
    font-size: 112.5%;
    font-weight: bold;
    padding-right: 10px;
    float: left;
    width: 80px;
    font-size: 87.5%;
}


body.motors .modelInformation .modelDetails .magazineOffer .info .price
{
    color: #55B9DF;
    font-size: 112.5%;
    font-weight: bold;
    float: left;
    width: 30px;
    font-size: 87.5%;
}


.js body.motors .modelInformation .modelDetails .extra .open span
{
    background-image: url(../cssimages/motors/button_back_open.gif);
}

/*body.motors .modelSpec dd p,
body.motors .modelSpec dd li,
body.motors .modelSpec dd dd,
body.motors .modelSpec dd blockquote 
{
	font-size:1.6em;
}*/


body.motors .subContent .videoHolder h3
{
    padding-bottom: 9px;
    margin-bottom: 6px;
    color: #000;
}

body.motors .subContent .videoHolder
{
    background-image: none;
}

body.motors h2.tutorialsCategory, body.motors h2.newsArchiveCategory
{
    margin: 0 0 25px;
    font-size: 125%;
    color: #55b9df;
    padding: 5px;
    background: #F2F2F2;
}


body.motors .tutorial .metadata span.author, body.motors .newsItem .metadata span.author
{
    color: #55b9df;
}


body.motors .tutorial .tutorialContent h3, body.motors .tutorial .tutorialContent h4, body.motors .newsItem .newsContent h3, body.motors .newsItem .newsContent h4
{
    color: #55b9df;
    margin: 1.7em 0 0.5em;
}


body.motors .tutorial img, body.motors .newsItem img
{
    border: 8px solid #e6e6e6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    max-width: 571px;
}

body.motors .subContent .tutorialCategories ul li.selected a, body.motors .subContent .newsArchive ul li.selected a
{
    background: #55b9df url(../cssimages/list_bullet_wob.gif) 11px center no-repeat;
    color: #FFF;
}


body.motors .pagingControl ul.pages li.selected a
{
    background: #8A1003;
    padding: 3px 5px;
    color: #FFF;
}


/*---[ MCLAREN COMPONENTS ]---*/

body.mcLaren #header .brand
{
    clear: both;
    width: 945px;
    height: 115px;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #000;
    background: #000 url(../images/modelspace_mcLaren_banner.jpg) top left no-repeat;
    position: relative;
}


body.mcLaren .action a, body.mcLaren input.button, body.mcLaren h3.showHide span, body.mcLaren .searchbutton
{
    display: inline-block;
    background: #FFF url(../cssimages/motors/button_back.gif) center left no-repeat;
    padding: 4px 10px 4px 17px;
    margin: 0;
    font-family: Helvetica, Arial, Tahoma, Serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1em;
    vertical-align: baseline;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: 1px 1px 3px #777;
    -moz-box-shadow: 1px 1px 3px #777;
    border: 1px solid #DDD;
    cursor: pointer;
}

body.mcLaren .action a:hover, body.mcLaren input.button:hover, body.mcLaren h3.showHide span:hover
{
    color: #D30202;
}

/*-- Landing Page --*/

.js body.mcLaren .subscriptionsLarge
{
    position: relative;
}
body.mcLaren .subscriptionsLarge
{
    padding-bottom: 10px;
    width: 582px;
}
body.mcLaren .subscriptionsLarge:after
{
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
body.mcLaren .subscriptionsLarge .image
{
    float: left;
    margin: 0;
    padding: 0;
}
body.mcLaren .subscriptionsLarge .image img
{
    float: left;
}

body.mcLaren .subscriptionsLarge .actions
{
    background: #8a1003 url(../cssimages/motors/mcLarenSubscriptionsLarge_bkg.png) top right no-repeat;
    padding: 14px 21px;
    margin: 0;
    width: 540px;
    float: left;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

body.mcLaren .subscriptionsLarge .action
{
    padding: 6px 10px 6px;
    margin: 0;
}
body.mcLaren .subscriptionsLarge .action a
{
    font-size: 120%;
}
body.mcLaren .action a:link, body.mcLaren .action a:visited
{
    color: #000;
}
body.mcLaren .action a:hover, body.mcLaren .action a:active, body.mcLaren .action a:focus
{
    color: #D30202;
}

body.mcLaren .magazineView .pdfAction
{
    padding: 0 0 0 12px;
}

body.mcLaren .engineButtonContainer
{
    position: absolute;
    top: -15px;
    left: -10px;
    z-index: 10;
}


body.mcLaren .item h3
{
    font-size: 125%;
    padding: 7px 10px !important;
    margin: 0 0 10px;
    color: #000 !important;
    background: #8D1105 url(../cssimages/motors/mcLarenComponentHeader_bkg.gif) top right repeat-x;
    border: 1px solid #C12F3C;
}

body.mcLaren .accessories h2, body.mcLaren .accessories h3
{
    color: #000;
    font-size: 120%;
}


body.mcLaren .accessories
{
}
body.mcLaren .accessoryContainer
{
    width: 100%;
    overflow: hidden;
}
body.mcLaren .accessory
{
    float: left;
    width: 48%;
    margin-right: 10px;
}
body.mcLaren .accessory .action
{
    margin-left: 10px;
}

body.mcLaren .moreBenefits
{
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}
body.mcLaren .moreBenefits h2
{
    color: #333;
    font-size: 125%;
    margin: 10px 0;
}
body.mcLaren .benefitsContainer
{
    width: 100%;
    overflow: hidden;
}
body.mcLaren .moreBenefits .benefits
{
    float: left;
    width: 273px;
    margin-right: 20px;
}
body.mcLaren .moreBenefits .benefits ul
{
    width: 100%;
    list-style: none;
    margin: 0 0 -8px;
    padding: 0;
}
body.mcLaren .moreBenefits .benefits ul li
{
    background: url(../cssimages/motors/bulletTick.gif) no-repeat scroll left 4px;
    display: block;
    text-align: left;
    margin: 0;
    padding: 0 0 18px 18px;
    font-size: 85%;
    font-weight: bold;
    color: #000;
}

body.mcLaren .subscriptions
{
    width: 100%;
    overflow: hidden;
    background: #8a1003 url(../cssimages/motors/mcLarenSubscriptionsLarge_bkg.png) top right no-repeat;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 20px 0;
}
body.mcLaren .subscriptions .actions
{
    padding: 0 0 0 20px;
    margin: 0;
}
body.mcLaren .subscriptions .action
{
    margin: 0 20px 0 0;
    float: left;
}

body.mcLaren .subscriptions .first
{
    margin-bottom: 12px;
}

body.mcLaren .subscriptions .actions p a
{
    font-size: 110%;
}


/*-- Detail Page --*/


.linkContainer
{
    margin-bottom: 20px;
    background: #C12F3B url(../cssimages/motors/mcLarenSubscriptionsComponent_bkg.gif) center right repeat-x;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.linkContainer .actions
{
    padding: 8px 12px 10px;
}
body.mcLaren .modelInformation .intro .action
{
    margin: 0;
    padding: 0;
}
body.mcLaren .modelInformation .intro .action a
{
    font-size: 130%;
}

body.mcLaren .copyPanel strong
{
    color: #000;
}

body.mcLaren .modelSpec dl
{
    padding-bottom: 10px;
}
body.mcLaren .modelSpec dl dt
{
    font-size: 130%;
    text-transform: uppercase;
    background: #b3b3b3;
    color: #d30202;
    border-bottom: 3px solid #FFF;
}
body.mcLaren .modelSpec dl dd
{
    font-size: 100%;
    color: #000;
}

body.mcLaren .modelInformation .info
{
    float: none;
}

body.mcLaren .extra /* Show/hide model instructions link container */
{
    background: #C12F3B url(../cssimages/motors/showHideInstructionsBKG.gif) top right repeat-x;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
}

body.mcLaren .modelInstructions
{
    background: none;
}

body.mcLaren .modelInstructions .extra h3
{
    margin: 0;
    padding: 14px 0 16px;
}

body.mcLaren .modelInstructions .extra h3
{
    padding: 14px 0 16px 16px;
}

body.mcLaren .modelInstructions .extra .extraContent td h3
{
    padding: 14px 0 16px 0;
    font-size: 125%;
}

body.mcLaren .modelInstructions .showHide span, body.mcLaren .modelInstructions .extra h3 span
{
    font-size: 80%;
    color: #000;
}

body.mcLaren .extraContent strong
{
    color: #000;
}


body.mcLaren .popupHeader .popupHeading
{
    color: #fff;
}

/*---[ Blue ]---*/

body.ships #content h1, body.ships #content .styleSelector_blue h1, body.motors #content .styleSelector_blue h1
{
    color: #000;
}

body.ships .videoHolder .componentTitle, body.ships .subContent .item, body.ships .pageComponents .item, body.ships .styleSelector_blue .videoHolder .componentTitle, body.ships .styleSelector_blue .subContent .item, body.ships .styleSelector_blue .pageComponents .item, body.motors .styleSelector_blue .videoHolder .componentTitle, body.motors .styleSelector_blue .subContent .item, body.motors .styleSelector_blue .pageComponents .item
{
    background-image: url("../cssimages/side_comp_back.gif");
}

body.ships .videoHolder .componentTitle h3, body.ships .subContent .item h3, body.ships .pageComponents .item h3, body.ships .styleSelector_blue .videoHolder .componentTitle h3, body.ships .styleSelector_blue .subContent .item h3, body.ships .styleSelector_blue .pageComponents .item h3, body.motors .styleSelector_blue .videoHolder .componentTitle h3, body.motors .styleSelector_blue .subContent .item h3, body.motors .styleSelector_blue .pageComponents .item h3
{
    color: #03486B;
}

body.ships .subContent .item h3, body.ships .pageComponents .item h3, body.ships .styleSelector_blue .subContent .item h3, body.ships .styleSelector_blue .pageComponents .item h3, body.motors .styleSelector_blue .subContent .item h3, body.motors .styleSelector_blue .pageComponents .item h3
{
    padding-bottom: 18px;
}

body.ships strong, body.ships .styleSelector_blue strong, body.motors .styleSelector_blue strong
{
    color: #55B9DF;
}

body.ships .modelInformation .modelDetails .priceOptions .price, body.ships .styleSelector_blue .modelInformation .modelDetails .priceOptions .price, body.motors .styleSelector_blue .modelInformation .modelDetails .priceOptions .price
{
    color: #55B9DF;
}

body.ships a:link, body.ships a:visited, body.ships .styleSelector_blue a:link, body.ships .styleSelector_blue a:visited, body.motors .styleSelector_blue a:link, body.motors .styleSelector_blue a:visited
{
    color: #55B9DF;
}

body.ships .action a:link, body.ships .action a:visited, body.ships .showHide span, body.ships .styleSelector_blue .action a:link, body.ships .styleSelector_blue .action a:visited, body.ships .styleSelector_blue .showHide span, body.motors .styleSelector_blue .action a:link, body.motors .styleSelector_blue .action a:visited, body.motors .styleSelector_blue .showHide span
{
    color: #000;
    background-image: url(../cssimages/button_back.gif);
}

body.ships .action a:hover, body.ships .action a:active, body.ships .action a:focus, body.ships .styleSelector_blue .action a:hover, body.ships .styleSelector_blue .action a:active, body.ships .styleSelector_blue .action a:focus, body.motors .styleSelector_blue .action a:hover, body.motors .styleSelector_blue .action a:active, body.motors .styleSelector_blue .action a:focus
{
    color: #03486B;
}

body.ships .open span, body.ships .styleSelector_blue .open span, body.motors .styleSelector_blue .open span
{
    background-image: url(../cssimages/button_back_open.gif) !important;
}

/*---[ Military Default ]---*/

body.militaryDefault #content h1, body.ships #content .styleSelector_military h1, body.motors #content .styleSelector_military h1
{
    color: #000;
}

body.militaryDefault #content h1 strong, body.ships #content .styleSelector_military h1 strong, body.motors #content .styleSelector_military h1 strong
{
    color: #998675;
}

body.militaryDefault .featuredModel .featured, body.ships #content .styleSelector_military .featuredModel .featured, body.motors #content .styleSelector_military .featuredModel .featured
{
    width: 133px;
    height: 128px;
    background-image: url("../cssimages/military/launch-feature.png");
}

body.militaryDefault .modelListGallery .featuredModel .last, body.ships #content .styleSelector_military .modelListGallery .featuredModel .last, body.motors #content .styleSelector_military .modelListGallery .featuredModel .last
{
    background: url("../cssimages/military/featured-model.jpg") repeat-x bottom left;
    border: 0;
    padding: 8px;
    zoom: 1;
}

body.militaryDefault .modelListGallery .featuredModel h3, body.ships #content .styleSelector_military .modelListGallery .featuredModel h3, body.motors #content .styleSelector_military .modelListGallery .featuredModel h3
{
    background: none;
    text-shadow: 0 0 0 #03486B;
    color: #6B7A38;
    padding: 10px 10px 0;
}

body.militaryDefault .modelListGallery .featuredModel .intro, body.ships #content .styleSelector_military .modelListGallery .featuredModel .intro, body.motors #content .styleSelector_military .modelListGallery .featuredModel .intro
{
    font-size: 67%;
}

body.militaryDefault .videoHolder .componentTitle h3, body.ships #content .styleSelector_military .videoHolder .componentTitle h3, body.motors #content .styleSelector_military .videoHolder .componentTitle h3
{
    background: url("../cssimages/military/sub-header.jpg") no-repeat scroll bottom right #A4926E;
    display: block;
    zoom: 1;
    padding: 6px 10px 28px;
    color: #FFF;
    margin-bottom: 0;
}

body.militaryDefault .styleSelector_militaryAlt .subContent .item h3, body.ships .styleSelector_militaryAlt .subContent .item h3, body.motors .styleSelector_militaryAlt .subContent .item h3
{
    background: url("../cssimages/military/sub-header-alt.jpg") no-repeat scroll bottom right #A4926E !important;
}

body.militaryDefault .styleSelector_militaryAlt .videoHolder .componentTitle h3, body.ships .styleSelector_militaryAlt .videoHolder .componentTitle h3, body.motors .styleSelector_militaryAlt .videoHolder .componentTitle h3
{
    background: url("../cssimages/military/sub-header-alt.jpg") no-repeat scroll bottom right #A4926E !important;
    padding-bottom: 33px;
    padding-top: 10px;
}

body.militaryDefault .styleSelector_militaryAlt .videoHolder .componentTitle, body.ships .styleSelector_militaryAlt .videoHolder .componentTitle, body.motors .styleSelector_militaryAlt .videoHolder .componentTitle
{
    border-top: 0;
}


body.militaryDefault .modelInstructions
{
    background: none;
}
.js body.militaryDefault h3.showHide span:hover
{
    cursor: pointer;
}

body.militaryDefault .modelInstructions .showHide, body.militaryDefault .extraContent .component h3, body.militaryDefault .pageComponents .item h3, body.militaryDefault .pageComponents .item h3
{
    margin: 0 10px;
    background: url("../cssimages/military/sub-header.jpg") no-repeat scroll bottom right #A4926E;
    display: block;
    zoom: 1;
    padding: 6px 10px 28px;
    color: #FFF;
    margin: 0;
}

body.militaryDefault .modelInformation .modelDetails .priceOptions .price
{
    color: #4E5824;
}

body.militaryDefault .styleSelector_militaryAlt .modelInstructions .showHide, body.militaryDefault .styleSelector_militaryAlt .extraContent .component h3, body.militaryDefault .styleSelector_militaryAlt .pageComponents .item h3, body.militaryDefault .styleSelector_militaryAlt.pageComponents .item h3
{
    background: url("../cssimages/military/sub-header-alt.jpg") no-repeat scroll bottom right #A4926E;
    padding: 10px 10px 33px;
}

body.militaryDefault .open span {
    background-image: url("../cssimages/military/button_back_open_red.gif") !important;
}


body.militaryDefault .pageComponents .item {margin-left: 0px!important;}


body.militaryDefault .modelListGallery .featuredModel .model .info {min-height: 185px;}

#header .siteLinks a:link img{border:0;}
#header .siteLinks a { margin-right: 5px; margin-top: 3px; display: inline-block;}
#header .logo img {margin-right: 20px; margin-top: 1px;}