/* Global Reset */
* {
    margin:0;
    padding:0;
    outline: none;
}
/* General */
body {
    font-family: "europa",Arial,Sans-Serif;
    font-size:0.8em;
    height:100%;
}
input,select,textarea {
    font-family:"europa","futura-pt",Arial,Sans-Serif;
    font-size:12px;
}

.Textbox,select,textarea {
    padding:5px 9px;
    color:#6E6E6E;
}
input {
    padding:2px;
}
input.Textbox,input[type="text"], .field-xlarge {
    border:1px solid #e6e6e6;
    font-size:13px;
    -webkit-border-radius:13px;
    -moz-border-radius:13px;
    border-radius:13px;
    padding:4px 9px;
    height:18px;
    color:#6E6E6E;
    -webkit-appearance:none
}

input.Submit,a.Button,input[type="submit"],input[type="button"],.sharebutton, .btn {
    cursor:pointer;
    font-family: "europa","futura-pt",Arial,Sans-Serif;
    font-size:13px;
    height:28px;
    line-height:28px;
    margin:0 0 0 0;
    color:#fff;
    font-weight:bold;
    padding:0 15px;

    -webkit-border-radius:14px;
    -moz-border-radius:14px;
    border-radius:14px;
    background:#feaa00;
    border:0;
    text-align:center;
    border: solid #d46400 1px;
    text-transform: uppercase;
    -webkit-appearance:none;
}
a.Button, a.btn {
    display:inline-block;
    height:26px;
    line-height:26px;
}
a.Button:hover,input.Submit:hover,input[type="submit"]:hover,input[type="button"]:hover,.sharebutton:hover,
a.btn:hover {
    text-decoration:none;
    background:#FF8F00;
}
p {
    line-height:21px;
    margin-bottom:15px;
}
a {

    color: #FF7800;
}

h1,h2,h3,.TitleHeading,.slide-text,#HeaderLower li,.ProductActionAdd,.ProductDetailsGrid .DetailRow.PriceRow .Value,.QuickViewBtn,.btn,.fastCartSummaryBox .ProductPrice,.ProductPriceWrap {
    font-family:"europa",Arial,Sans-Serif;
}
.TitleHeading {
    font-size:30px;
    font-weight:300;
    margin:0 0 12px 0;
    font-weight: 700;
    color: #464646;
    text-transform: uppercase;
}
h1 {
    font-size:40px;
    font-weight: 700;
    color: black;
}
h2 {
font-size:28px;
font-weight: 700;
    color: black;
}


h14 {
font-size:15px;
font-weight: 700;
    color: black;


}
h15 {
font-size:18px;
font-weight: 400;
    color: black;


}
.contactRap h2{
font-size:24px;
font-weight: 500;
    color: black;

}
.ExpressCheckoutContent h2 {
font-size:28px;
font-weight: 700;
    color: black;
margin-bottom:20px;

}

h6 {
font-family: 'Rock Salt', cursive;
    font-size:28px;
    color: black
letter-spacing:1px;
font-weight: 400;
}

h3 {
    font-size:20px;
    font-weight: 700;
    color: black;

}
.PaymentOptions h3 {
    font-size:20px;
    font-weight: 700;
    color: black;
margin-bottom:10px;
}
#FooterUpper h3{
font-size:17px;
font-weight: 400;
}

.homepageproductstext h5 {
font-family: 'Rock Salt', cursive;
    font-size:20px;
    color: black;
letter-spacing:1px;
font-weight: 400;
text-align:center;
padding-top: 30px;
margin-top:10px;
}

h5 {
    font-family: "europa","futura-pt",Arial,Sans-Serif;
    font-size:16px;
    font-weight: 300;
    color: black;
}
p {
    font-size:16px;
    font-weight: 300;
    color: black;
    line-height:25px;
}
.FeaturedProducts h2 {
    margin:0 0 20px;
    padding-bottom:15px;
    border-bottom:1px solid #dadada;

}

img,img a {
    border:0;
}
.CategoryDescription img{
    max-width: 100%;
    height:auto;
}
ul,ol {
    margin:0 0 10px 30px;
}
li {
    margin:0;
    margin-bottom:0px;
    padding:0;

}
.Content li {
font-size: 14px;
line-height: 21px;
padding-bottom: 8px;
}
blockquote {
    margin-left:28px;
    line-height:20px;
    margin-bottom:20px;
}
select option {
    padding:0 10px;
}

hr {
    margin:15px 0;
    padding:0;
    height:1px;
    border: 0;
}
/* Helpers */
.hide-visually {
    overflow:hidden;
    position:absolute !important;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    clip: rect(0 0 0 0);
}

/* Forms */
.HorizontalFormContainer dl,.VerticalFormContainer dl {
    margin:0;
}
.HorizontalFormContainer dt img {
    vertical-align:middle;
    float:left;
}
.HorizontalFormContainer dt .fieldLabel {
    float:left;
    padding-top:4px;
    padding-left:4px;
}
.HorizontalFormContainer dt {
    width:160px;
    float:left;
    clear:left;
    font-weight:bold;
    padding-top:7px;
    text-align:right;
    font-family:"europa","futura-pt",'Muli',"Trebuchet MS",Helvetica,sans-serif
}
.HorizontalFormContainer dd.ProductField {
    height:20px;
}
.HorizontalFormContainer dd {
    margin-left:190px;
    margin-bottom:15px;
}


.NarrowFormContainer dt {
    width:110px;
}
.NarrowFormContainer dd {
    margin-left:120px;
}
.HorizontalFormContainer p.Submit {
    padding-top:0px;
    margin: 20px 0 20px 190px;
}
.NarrowFormContainer p.Submit {
    margin-left:120px;
}
.VerticalFormContainer dt {
    margin-bottom:6px;
}
.VerticalFormContainer dd {
    margin-bottom:6px;
    margin-left: 10px;
}
/* Page Containers */
#Container,#Header,#HeaderLower {
    width:auto;
    float:none;
}
#Container {
background: #ececec;
overflow-x: hidden;
}

#ContainerLower {
    clear:both;
    float:left;
    width:100%;
    padding:0 0 20px 0;
}
#ContainerFooter {
    clear:both;
    font-size:14px;
background-image: url(https://www.cocomats.com/content/cocomatswebsite/graphics/etchingfooter5min.png);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 3000px;
    margin-top: 10px;



}
#ContainerFooter h3 {
    font-weight:bold;
    border-bottom:1px solid #dfdfdf;
    padding-bottom:10px;
    margin-bottom:10px;
    color:#026398;
    text-transform: uppercase;
}
/* Top Navigational Menu */
#TopMenu {
    position:absolute;
    top:-39px;
    right:0;
    width:942px;
}
#TopMenu ul {
    float:right;
    padding:0;
    margin:0 0 0 0;

}
#TopMenu li {
    list-style:none;
    float:none;
    margin:0;
    padding:0;
    line-height: 18px;
    border-right: solid #666 1px;
    padding-right: 8px;
    margin-right: 8px;
    display: inline;
}
#TopMenu li.CartLink {
border-right: 0px;
padding-right: 0;
margin-right: 0;
position: relative;
}

#TopMenu li a,#TopMenu li div {
    display:inline-block;
    text-decoration:none;
    text-transform:uppercase;
    margin:0px 0 0px 0;
}
#TopMenu li div a {
    padding:0;
    margin:0;
    display:inline;
    font-size:13px;
font-weight: 500;
}
#TopMenu li a:hover {
    text-decoration: underline;
}
/* Outer Content Wrapper (Surrounds header & content) */
#Outer {
    clear:both;
    background: #F5F5F5 url(../images/bg.jpg);
-webkit-box-shadow: #666 0px 0px 5px;
-moz-box-shadow: #666 0px 0px 5px;
box-shadow: #666 0px 0px 5px;
background: linear-gradient(30deg, rgba(248, 248, 248, 0.97), rgba(248, 248, 248, 0.97)), url(https://store-czglx7p.mybigcommerce.com/content/cocomatswebsite/graphics/background/backgroundtest02.jpg) 0 0 repeat;

}
#Wrapper {
    clear:both;
    width:942px;
    padding:0;
    margin: 0;
    z-index: 1;
}
/* Header */
#Header {
    position:relative;
    clear:both;
    width:auto;
    min-height: 60px;
    z-index: 3;
    background:none;
}
#HeaderUpper {
    /* Contains Topmenu & Search */
    position:absolute;
    top:5px;
    right:0;
    margin-bottom: 20px;
}
#HeaderLower {
    clear:both;
    float:none;
    width:auto;
    min-height:60px;
    border:none;
    background-color:rgba(240, 240, 240, 0.6)!important;
}
#HeaderLower #PagesMenu,#HeaderLower .CategoryList {
    display:none !important;
}
#HeaderLower .Block {
    margin:0;
}
#HeaderLower li {
    line-height:80px;
    position:relative;
    display:inline-block;
    *display:inline;
    zoom:1;
}
#HeaderLower li a {
   
    color:#6E6E6E;
    font-size:17px;
    line-height:14px;
    min-height:14px;
    padding:0 16px;
    margin: 23px 0;
    width:auto;
    vertical-align: middle;
    position:relative;
    display:inline-block;
    *display:inline;
    zoom:1;
}
#HeaderLower li a:hover {
opacity:.5;
}

#HeaderLower li.First a {
    border-left:0px solid #DDDDDD;
}
#HeaderLower li ul {
    display:none;
    left:50%;

    margin:0 0 0 -118px;
    padding:10px 0;
    position:absolute;
    top:60px;
    width:235px;
    z-index:99;
    background:#fff;
    border: solid #eeeded 1px;
}
#HeaderLower li ul:before {
    display:block;
    background:url();
    width:17px;
    height:8px;
    position:absolute;
    top:-8px;
    left:50%;
    margin-left:-8px;
    z-index:1;
    content:'';
}
#HeaderLower li .sub-indicator {
    display:none;
}
#HeaderLower li li .sub-indicator {
    display:block;
    background:url(../images/sub-nav-arrow.png) 0 50% no-repeat;
    width:7px;
    height:34px;
    margin-left: 10px;
    position:relative;
    z-index:1;
    float: right;
}
#HeaderLower li li.overWrapParent .sub-indicator  {
float: left;
margin-left: -15px;
background:url(../images/sub-nav-arrow2.png) 0 50% no-repeat;
}
#HeaderLower li ul li {
    border:0 none;
    display:block;
    float:none !important;
    margin:0;
    padding:0 22px;
    position:relative;
    text-align:left;
}
#HeaderLower li ul li a {
    border-bottom:1px solid #eeeded;
    border-left:0 none;
    color:#464646;
    display:block;
    float:none;
    font-family:"europa","futura-pt",'Muli','Nunito Sans','Trebuchet MS','Helvetica Neue',Helvetica,Arial,Sans-Serif;
    font-size:15px;
    font-weight:normal;
    margin:0;
    padding:10px 0;
    text-transform:none;
    text-decoration:none;
}
#HeaderLower li ul li a:hover {
    color:#999;
}
#HeaderLower li li ul:before {
    display:none;
}
#HeaderLower li li ul {
    border-left:1px solid #eeeded;
    position:absolute;
    top:-9px;
    left:235px;
    margin:-1px;
    z-index:1;
}
#HeaderLower li li ul.overWrap {
    left: auto;
    right: 235px;

}

#HeaderLower li:hover > a {
    font-color: #FF7800;
}

#HeaderLower li li:hover > a {
    text-decoration:none;
    color:#999;
}

#HeaderLower li.hasSub:hover > ul {
    display:block;
}

/* Horizontal Category List (Default & Flyout) */
#SideCategoryList {
    float:none;
    text-align:center;
    display:block;
    margin:0 auto;
}
#SideCategoryList h2 {
    display:none;
}
#SideCategoryList ul,#SideCategoryList .sf-menu ul {
    float:left !important;
    width:auto !important;
    padding:0;
    margin:0;
}
#SideCategoryList ul ul {
    width:235px !important;
    background:#026398;
    padding:10px 0;
}

#SideCategoryList li,#SideCategoryList .sf-menu li {
    float:left !important;
    width:auto !important;
    position:relative;
    list-style:none;
    margin:0;
    padding:0;
}
#SideCategoryList .SideCategoryListClassic li a {
    width:180px;
    padding:4px 0 0 0;
    height:auto;
    padding:5px 0 5px 0;
}
.Right #SideNewProducts {
    margin-left:-10px;
}
#SideNewProducts {
    width:255px;
}
#SideNewProducts img {
    margin-right:10px;
    max-width:100px;
    float:left;
}
#SideNewProducts .ProductDetails {
    width:220px;
}
#SideNewProducts .ProductImage {
    width:102px;
    overflow:hidden;
    float:left;
    margin-right:10px;
}
#SideNewProducts .ProductList {
    margin:0 !important;
    width:260px;
}
#SideCategoryList li a,#SideCategoryList .sf-menu li a {
    border-left:1px solid #DDDDDD;
    color:#6E6E6E;
    font-size:14px;
    font-weight:bold;
    height:14px;
    line-height:14px;
    margin:23px 0;
    padding:0 20px;
    text-transform:uppercase;
    width:auto;
    float:left;
}
#SideCategoryList li a:hover,#SideCategoryList .sf-menu li a:hover {
    text-decoration:underline;
}
#SideCategoryList li ul,#SideCategoryList .sf-menu li ul {
    width:auto;
    position:relative;
    clear:left;
}
#SideCategoryList>li>ul:before,#SideCategoryList .sf-menu>li>ul:before {
    content:"";
    display:block;
    position:absolute;
    top:-5px;
    left:20px;
}
#SideCategoryList li ul li ul,#SideCategoryList .sf-menu li ul li ul {
    top:0px;
    left:170px;
    display:none;
}
#SideCategoryList li ul li,#SideCategoryList .sf-menu li ul li {
    clear:both;
    padding:0;
    margin:0 10px 0 10px;
}
#SideCategoryList li ul li a,#SideCategoryList .sf-menu li ul li a {
    font-size:1em;
    text-align:left;
    width:170px;
    height:auto;
    padding:7px 0 7px 0;
    margin:0;
}
#SideCategoryList li ul li a:hover,#SideCategoryList .sf-menu li ul li a:hover {
    text-decoration:underline;
}
#SideCategoryList li:hover ul,#SideCategoryList li.over ul,#SideCategoryList li:hover .sub-menu,#SideCategoryList li.over .sub-menu {
    display:block;
}
#SideCategoryList li:hover ul li ul,#SideCategoryList li.over ul li ul {
    display:none;
}
#SideCategoryList li ul li:hover ul,#SideCategoryList li ul li.over ul, {
    display: none;
}
/* Holly Hack. IE Requirement \*/
* html #SideCategoryList ul li {
    float:left;
    height:1%;
}
* html #SideCategoryList ul li a {
    height: 1%;
}
/* End */
.sf-sub-indicator {
    display: none !important;
}
/* Logo */
#Logo {
  height: auto;
  margin: auto;
  padding: 0px 0 0px 0;
  text-align: center;
  width: 0%;
}
#Logo h1 {
    font-size:36px;
    font-weight:400;
    text-transform:lowercase;
    padding:0;
    margin:0;
    text-align:center;
    position: relative;
    font-family: "europa","futura-pt",'Muli','Nunito Sans','Pacifico', cursive;
}
#Logo #LogoImage {
    max-width: 65%;
}
#Logo h1 a {
    font-weight:400;
    text-decoration:none;
    color: #6e6e6e;
}
/* Top Search Form */
#SearchForm {
    float:right;
    width:auto;
    margin:0;
    padding:5px 0 0 0;
    display:inline;
    position:relative;
}
#SearchForm form {
    padding:0;
    margin:0;
}
#SearchForm label {
    display:none;
}
#SearchForm input {
    width:145px;
    height:18px;
    font-size:0.8em;
    font-weight:400;
    text-transform:uppercase;
    padding:2px 3px 2px 3px;
}
#SearchForm .Button {
    width:22px;
    height:22px;
    padding:0;
    background:transparent;
    vertical-align:top;
    margin:1px 0 0 3px;
}
#SearchForm p {
    display:none;
    font-size:0.85em;
    margin:5px 0 0 0;
}
#SearchForm a {
    text-decoration:none;
}
#SearchForm a:hover {
    text-decoration: underline;
}
/* Left Content Area */
.Left {
    float:left;
    width:240px;
    padding:15px 0 0 0;
    font-family:"europa","futura-pt",'Muli','Droid Sans',sans-serif;
    font-size:14px;
}
.Left .Block {
    padding:0 0 15px 0;
    padding: 0 20px 15px 20px;

    border-bottom: solid #e8e8e8 1px;
}

.Left.NewProducts {
    margin-right:70px;
}
.Left.NewProducts .BlockContent {
    margin:0;
}
.Left h2 {
    padding:0 0 0 0;
    margin:0 0 15px 0;

    font-size: 14px;
     font-weight: bold;
     text-transform: uppercase;

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

}
.Left li {

}
.Left ul li:first-child {
    padding-top:0;
}
.Left li a {
    text-decoration:none;
    display: block;
    padding: 5px 0;
}
.Left li a:hover {
    text-decoration:underline;
    color: #006699;
}

/* Primary Content Area */
.Content {
    float:left;
    width:570px;
    margin:0;
    padding:10px 0 30px 0;
    min-height:400px;
}

.homepage .Content {
    padding-top:0;
}
.Content .Block {
    clear:both;
}
.Block {
    margin-top:0;
    margin-bottom: 15px;
}
/* Primary Content Area (column span of 2) */
.Content.Wide, .Content.WideWithLeft {
    width:640px;
    float: right;
}
.Content.Wide.WideWithLeft {
    padding-left: 0;
}
/* Primary Content Area (column span of 3 - spans entire page width) */
.Content.Widest {
    width:942px;
    padding:10px 0 30px 0;
}

/* Right Content Area */
.Right {
    float:left;
    width:190px;
    margin:0 0 0 50px;
}
.Right .Block {
    padding:0 0 10px 0;
}
.Right .BlockContent {
    margin:0 10px 0 0px;
}
.Right h2 {
    font-size:1.4em;
}
.Right ul {
    margin:0;
    padding:0;
}
.Right li {
    clear:both;
    list-style:none;
    margin:0;
    padding:5px 0 7px 0;
}
.Right li a {
    text-decoration:none;
}
.Right li a:hover {
    text-decoration: underline;
}
/* Hero slider */
.hero {
    width:980px;
    position:relative;
    margin-top:-20px;
    margin-bottom:20px;
    left:-10px;
    overflow: hidden;
    display: none;
}
.hero_slider div {
    /* Items to be rotated through */
    position:relative;
    width:980px;
    display:block;
    float:left;
    padding:0;
    margin:0 0 10px 0;
}
.hero_slider div .text {
    /* Text container for each item */
    position:absolute;
    top:60px;
    left:70px;
    width:350px;
    color:#fff;
    z-index:99;
}
.hero_slider div .text h1 {
    font-size:5em;
    line-height:1em;
    margin-bottom:20px;
}
.hero_slider div .text h2 {
    font-size:3.5em;
    line-height:1em;
    margin-bottom:20px;
}
.hero_slider div .text h3 {
    font-size:2em;
    line-height:1em;
    margin-bottom:20px;
}
.hero_slider div .text p {
    font-size:1.5em;
    margin-bottom: 20px;
}
.hero #slide_prev {
    /* Previous button */
    position:absolute;
    top:45%;
    z-index:9;
    cursor:pointer;
    left:5px;
    width:20px;
    height:40px;
    background:url() 0 0 no-repeat;
    text-indent:-9999px;
}
.hero #slide_next {
    /* Next button */
    position:absolute;
    top:45%;
    z-index:9;
    cursor:pointer;
    right:5px;
    width:20px;
    height:40px;
    background:url() 0 0 no-repeat;
    text-indent:-9999px;
}
/* Slide-show */
.slide-show {
    margin-top:-20px;
    margin-bottom:20px;
    position:relative;
}
.slide-show a {
        text-decoration: none;
}
.slide-show-render.slide-show {
}
/* Top Banner styles */
.Block.banner_home_page_top *,.Block.banner_category_page_top *,.Block.banner_brand_page_top *,.Block.banner_search_page_top * {
    padding:0;
    margin: 0;
    max-width: 100%;
    height: auto;
}
.banner_home_page_top {
    padding: 0 !important;
    border-bottom: 5px solid #e5e5e5;
    position: relative;
}
.banner_home_page_top img {
    max-width: 100%;
    height: auto;
}
/* Bottom Banner styles */
.Block.banner_home_page_bottom,.Block.banner_category_page_bottom,.Block.banner_brand_page_bottom,.Block.banner_search_page_bottom {
    position:relative;
    width:980px;
}
.Block.banner_home_page_bottom div,.Block.banner_category_page_bottom div,.Block.banner_brand_page_bottom div,.Block.banner_search_page_bottom div {
    width:320px;
    position:relative;
}
.Block.banner_home_page_bottom div,.Block.banner_category_page_bottom div,.Block.banner_brand_page_bottom div,.Block.banner_search_page_bottom div {
    margin-left:10px;
}
.Block.banner_home_page_bottom div:first-child,.Block.banner_category_page_bottom div:first-child,.Block.banner_brand_page_bottom div:first-child,.Block.banner_search_page_bottom div:first-child {
    margin-left:0;
}
.Block.banner_home_page_bottom div .text,.Block.banner_category_page_bottom div .text,.Block.banner_brand_page_bottom div .text,.Block.banner_search_page_bottom div .text {
    position:absolute;
    top:35px;
    left:15px;
    width:200px;
    z-index:99;
}
.Block.banner_home_page_bottom div .text h2,.Block.banner_category_page_bottom div .text h2,.Block.banner_brand_page_bottom div .text h2,.Block.banner_search_page_bottom div .text h2 {
    font-size:2.7em;

    line-height:1em;
    margin-bottom:12px;
}
.Block.banner_home_page_bottom div .text h3,.Block.banner_category_page_bottom div .text h3,.Block.banner_brand_page_bottom div .text h3,.Block.banner_search_page_bottom div .text h3 {
    font-size:1.6em;
    line-height:1em;
    margin-bottom:10px;
}
.Block.banner_home_page_bottom div .text p,.Block.banner_category_page_bottom div .text p,.Block.banner_brand_page_bottom div .text p,.Block.banner_search_page_bottom div .text p {
    margin-bottom:10px;
}
.image-container-centered {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    float:none !important;
}
.category-featured .image-container-centered {
    width:320px;
    height:264px;
}
.category-featured .image-container-centered img {
        max-width:320px;
        max-height:264px;
}
.category-featured h3 {
    text-transform: uppercase;
}
/* Lower & Footer Content */
.Center {
    /* Centers content */
    clear:both;
    width:980px;
    margin:0 auto;
}
#Footer {
    /* Copyright info */
    clear:both;
    font-size:0.85em;
    padding:15px 0;
    margin:0;
}
#Footer #Menu li+li::before {
    content: none !important;
}
#FooterUpper {
    /* Contains links lists & newsletter */
    clear:both;
    padding:46px 0 0;
}
#FooterUpper .Column {
    float:left;
    width:210px;
    padding-bottom:25px;
    margin:0 15px 0 0;
    display:inline;
}
#FooterUpper .Column.NewsletterColumn {

  float: right;
  margin-bottom: 10px;
  margin-right: 0;
  padding: 0 0 0 0;
  position: relative;
  right: 0;
  margin-top: 0px;
  width: auto;
}
#FooterUpper h2 {
    margin-bottom:5px;
}
#FooterUpper ul {
    padding:0;
    margin:0;
}
#FooterUpper li {
    list-style:none;
    padding:2px 0;
    margin:0;
    font-size:13px;
    line-height:18px;
}
#FooterUpper li a {
    text-decoration:none;
    color:#FF7800;
}
#FooterUpper li a:hover {
    text-decoration:underline;
}
#FooterUpper li ul,#FooterUpper li:hover ul {
    display:none !important;
}
#FooterUpper .RecentNews li {
    background:none;
    margin-left:0px;

}
#FooterUpper .RecentNews li p {
    margin: 5px 0 0;
    font-size: 11px;
}
/* Newsletter Subscription Form */
.NewsletterSubscription {
    clear:both;
    float:left;
    margin: 0;
}
#ContainerFooter .NewsletterSubscription h3 {
    border:0;
    padding-bottom:0;
    text-transform:uppercase;
}
#ContainerFooter{
    background-color:rgba(240, 240, 240, 0.6)!important;
    
}
.NewsletterSubscription label {
    clear:both;
    float:left;
    width:75px;
    width:6.5em;
    font-size:0.85em;
    padding:3px 0 0 0;
}
.NewsletterSubscription input {
    float:left;
    width:160px;
    font-size:0.9em;
    padding:3px;
    margin-bottom:10px;
}
.NewsletterSubscription .Button {
    float:right;
    width:22px;
    height:22px;
    border:0;
    vertical-align: middle;
}
/* News Lists */
#HomeRecentBlogs ul {
    padding-left:0;
    margin-left:0;
}
#HomeRecentBlogs li {
    list-style:none;
    padding:0 0 10px 0;
    margin:0 0 10px 0;
    border-bottom: solid #dfdfdf 1px;
}

.addthis_default_style .at300b {
  float: none;
}

.BlogShare .AddThisButtonBox {
    float: none !important;
}

.addthis_default_style .addthis_counter {
    float: none;
}

#NewsContent .BlockContent {
    min-height: 0px;
}


#LowerRight .FeedLink {
    float:left;
    margin: 6px 4px 0 0;
}
/* Product Listings */
.ProductList {
    list-style:none;
    margin:0 0 0 -20px !important;


    /* To pull up 4th item so all in a nice row */
    padding:0;
    font-size:0;
}

.ProductList.List {
    margin-left:0 !important;
}
.Content .ProductList,.Content .ProductList li.item {
    list-style:none;
    padding:0;
    margin:0;
    font-family:"europa","futura-pt",'Muli','Droid Sans',Sans-Serif;
}
.Content .ProductList li.item .ProductImage a  {


display: block;
text-decoration: none !important;

}
.Content .ProductList li.item .ProductImage img {
-moz-transition: opacity 300ms ease;
-webkit-transition: opacity 300ms ease;
-o-transition: opacity 300ms ease;
transition: opacity 300ms ease;
}
.Content .ProductList li.item:hover .ProductImage a img,
.Content .ProductList li.item.quickview-state .ProductImage a img  {
opacity: 0.5;
  filter: alpha(opacity = 50);

}
.Content .ProductList li.item,
#fastCartContainer .ProductList li,
#SimilarProductsByCustomerViews .ProductList li {
    list-style:none;
    width:220px !important;
    margin:0 0 18px 18px;
    padding:0;
    overflow:hidden;
    border: solid #eeeded 1px;
    position:relative;
    background:#f9f9f9;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    zoom: 1;
    font-size: 14px;
}
.Content .SubBrandListGrid .ProductList li.item {
    min-height:365px;
}
.Content .ProductList li.item .wrap {




    position:relative;
    padding:10px;
    min-height:352px;
    background:#fff;
}
.Content .ProductList .ProductImage,#fastCartContainer .ProductList .ProductImage {
    padding:1px;
    display:table-cell;
    text-align:center;
    overflow:hidden;
    vertical-align:middle;
}
.Content .ProductList .ProductImage img,
#fastCartContainer .ProductList .ProductImage img {
    vertical-align:middle;
    max-width:220px;
    max-height:308px;
    height: auto;
    width: auto;
}
.Content .SubBrandListGrid .ProductList .ProductImage img {
    max-width:200px;
}


.Content .ProductList .ProductDetails,
#fastCartContainer .ProductList .ProductDetails {
    margin:10px 0;
    line-height:18px;
    padding:0 10px;
height: 30px;
}
.ProductList li .ProductName a,
.item .ProductName a {
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.ProductList li:hover .ProductName a,
.item:hover .ProductName a {
color: #464646 !important;
text-decoration: none;
}

#fastCartContainer .ProductList li {
min-height: 380px !important;
}
#fastCartContainer .ProductList li .ProductImage {
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#fastCartContainer .ProductList li:hover .ProductImage  {
opacity: 0.5;
  filter: alpha(opacity = 50);
}


#fastCartContainer .ProductList .ProductDetails {
height: auto !important;
}
.ProductList strong a {
font-weight: normal;
}
.ProductList a {
    text-decoration:none;
    color:#ff7800;
    font-size:17px;
font-weight:bold;

}
.ProductList a:hover {
    text-decoration:underline;
    color:#ff7800;
}
.ProductList em {
    margin-top:3px;
    display:block;
}
.ProductList .ProductPrice {
    margin-top:3px;
}
.ProductPrice,.ProductList em {
    font-weight:bold;
    font-style:normal;
}
.ProductList .ProductPriceRating {
    color:#026398 !important;
}
.ProductList .ProductPriceRating em {
    color:#464646 !important;
}
.ProductList .Rating {
    font-size:0.9em;
    margin-top:3px;
    font-weight:bold;
    display:none;
}
.ProductList li .ProductCompareButton {
    margin-top:10px;
}
.ProductList li form,
.ProductList li .ProductActionAdd {
    height:30px;
    margin-top:15px;
    left:0;
    padding: 0 10px 10px 10px;
    position:relative;
    clear: both;

}
.custom-quickview form {
height: auto !important;
}
.ProductList li .ProductActionAdd a,.QuickViewBtn {
    float: left;

}
/*custom quickview*/
#CategoryContent {
    position:relative;
}
.ProductList li .PrimaryProductDetails {
    position:absolute;
    left:0;
    width:100%;
}


/*
.ProductList li .ProductActionAdd a:hover,.btn:hover,.QuickViewBtn:hover {
    color:#fff;
    background:#ff7800;
    text-decoration:none;

}
*/
.btn {
    display:inline-block;
}
.btn,.ProductList li .ProductActionAdd a {
}
.btn-secondary,
input[type="submit"].btn-secondary,
input[type="button"].btn-secondary,
a.btn-secondary {
    -webkit-appearance:none;
    height:26px;
    line-height:26px;
    padding:0 15px;
    color:#464646;
    text-decoration:none !important;
    background:#dedede;
    border:none;
    border-left:0;
    -webkit-border-radius:14px;
    -moz-border-radius:14px;
    border-radius:14px;
    font-family:"europa","futura-pt",'Muli','Nunito Sans','Droid Sans',sans-serif;
    font-size:13px;
    font-weight:bold;
    cursor:pointer;
    border: solid #c6c6c6 1px;
    text-transform: uppercase;
    display: inline-block;
*display: inline;
zoom: 1;

}
a.btn-secondary {
    height:24px;
    line-height:24px;
}
.btn-secondary:hover,
input[type="submit"].btn-secondary:hover,
input[type="button"].btn-secondary:hover,
a.btn-secondary:hover  {
    background:#efefef;
    color:#464646;
}
#ModalContent a.btn-secondary, .ModalContent a.btn-secondary {
  color:#464646;
}

#ModalButtonRow input[type="submit"],
#ModalButtonRow input[type="button"],
#ModalButtonRow .btn-secondary,
input[type="button"].sml,
input[type="submit"].sml  {
padding: 0 15px !important;
display: inline-block;
*display: inline;
zoom: 1;
}


input.bigBtn {
padding: 0 25px !important;
line-height: 38px !important;
height: 38px !important;
font-size: 14px !important;
min-width: 130px !important;
-webkit-border-radius:19px !important;
    -moz-border-radius:19px !important;
    border-radius:19px !important;
    text-align: center;
}
a.bigBtn {
line-height: 36px !important;
height: 36px !important;
padding: 0 25px !important;
font-size: 14px !important;
min-width: 130px !important;
-webkit-border-radius:19px !important;
    -moz-border-radius:19px !important;
    border-radius:19px !important;
    text-align: center;
}

.prodAccordionContent .btn {
    float:none;
    margin-bottom:20px;
}
.ToggleSearchFormLink.btn {
    padding:0 !important;
}
.ToggleSearchFormLink.btn a {
    padding:14px 10px 12px 3px !important;
    float:left;
}
.ToggleSearchFormLink.btn #toggle_form_link {
    padding:0 20px !important;
}
.Left .ProductList li,.Right .ProductList li {
    margin-bottom: 15px;
}
/* Top Seller Block Specific */
.Right .TopSellers,.Left .TopSellers {
    clear:both;
    padding:0 0 10px 0;
}
.Right .TopSellers ul,.Left .TopSellers ul {
    margin:0;
    padding:0;
}
.Right .TopSellers li,.Left .TopSellers li {
    clear:both;
    margin: 0 0 5px 0;
}
.Right .TopSellers li .TopSellerNumber,.Left .TopSellers li .TopSellerNumber {
    /* Contains the number of the item */
    float:left;
    width:22px;
    font-size:1.3em;
    text-align:center;
    padding:1px 0 2px 0;
}
.Right .TopSellers .ProductDetails,.Left .TopSellers .ProductDetails {
    /* Contains the details of the item */
    margin:0;
    margin-left:28px;
}
.Right .TopSellers li.TopSeller1 img,.Left .TopSellers li.TopSeller1 img {
    display:none;
}
.Right .TopSellers li.TopSeller1 .ProductImage,.Left .TopSellers li.TopSeller1 .ProductImage {
    display:none;
}
.Content .TopSellers li.TopSeller1 .TopSellerNumber,.Content .TopSellers li .TopSellerNumber {
    display: none;
}
/* Page Header */
.PageHeader {
    padding: 24px 0;
}
/* Page Breadcrumbs */
.Breadcrumb ul,.Breadcrumb li {
    list-style:none;
    margin:0;
    padding:0;
    font-family: "europa","futura-pt",'Muli','Droid Sans',sans-serif;
}
.Breadcrumb ul {
margin-bottom: 20px;
}
.Breadcrumb {
    font-size:12px;
    padding:0 0 0 0;
    clear:both;
    margin:0 0 20px 0;
}

#Wrapper .Breadcrumb {
}
.Breadcrumb li {
    display: inline-block;
*display: inline;
zoom: 1;
    text-transform:uppercase;
    font-weight:bold;
    margin-right: 5px;
    width: auto;

}
.Breadcrumb li a {
    font-weight:normal;
    padding-right: 10px;
    display: block;
    background: url() no-repeat 100% 50%;

}
.Breadcrumb li .separator {
    margin:0 6px;
    font-weight:normal;
    display: none;
}
.FindByCategory ul,.FindByCategory li {
    list-style:none;
    padding:0;
    margin:0;
}
.FindByCategory li {
    padding-left:12px;
    background:url() no-repeat 3px 5px;
    padding-right:8px;
    display: inline;
}
/* Miscellaneous Definitions */
.Meta {
    margin-bottom:15px;
    font-size:11px;
}
.Left .FeedLink,.Right .FeedLink {
    float:left;
    margin:0 7px 0 0;
}
.Content .FeedLink {
    float:left;
    margin:15px 4px 0 0;
}
.Content .FeedLink a {
vertical-align: middle;
}
.FloatRight {
    float:right;
}
.FloatLeft {
    float:left;
}
.ClearRight {
    clear:right;
}
.ClearLeft {
    clear:left;
}
.SortBox {
margin-top: 0;
margin-bottom: 15px;
line-height: 26px;
}
.SortBox strong {
display: inline-block;
*display: inline;
zoom: 1;
padding-right: 0.5em;
font-weight: normal;
font-size: 13px;
}
.CompareButton {
    clear:both;
    text-align:right;
    margin-top:12px;
    padding:25px 0 0;
    border-top:1px solid #f0f0f0;
}
.CompareButton input {
    margin:0;
}
.Clear {
    clear:both;
}
.clearfix:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}
.clearfix {
    display:inline-block;
}
html[xmlns] .clearfix {
    display:block;
}
* html .clearfix {
    height:1%;
}
select.Field45 {
    width:60px !important;
}
input.Field45 {
    width:75px !important;
}
.CartItemQuantity  .selector span {
text-align: center !important;
}
.Field100 {
    width:100px;
}
.Field150 {
    width:150px;
}
.Field200 {
    width:200px;
}

.Field200, input.field-xlarge {
    width:200px;
}

select.Field200 {
    width:220px;
}
.Field250 {
    width:250px;
}
select.Field250 {
    width:270px;
}
.Field300 {
    width:300px;
}
.Field350 {
    width:350px;
}
select.Field350 {
    width:370px;
}
.Field400 {
    width:400px;
}
.FieldFull {
    width:97%;
}
select.Field400 {
    width:420px;
}
.MB10 {
    margin-bottom:10px;
}
.MT0 {
    margin-top:0px;
}
.LH140 {
    line-height:140%;
}
.PLRB5 {
    padding:0px 5px 5px 5px;
}
.PLR10 {
    padding:0px 10px 0px 10px;
}
.PL20 {
    padding:0;
}
.PL40 {
    padding:0px 0px 0px 40px;
}
.ML20 {
    margin:0px 0px 0px 20px;
}
.MT10 {
    margin-top:10px;
}
.PL10 {
    padding-left:10px;
}
.PB2 {
    padding-bottom:2px;
}
.NoMarginBottom {
    margin-bottom:0;
}
.Required {
    color:#FF7800;
    font-weight:bold;
    padding-right:0.25em;
}
.SuccessMessage {
    padding:8px 6px 8px 28px;
    margin-bottom:10px;
}
.Message {
    padding:10px 5px 10px 50px;
    margin-bottom:15px;
}

.Message p {
    float:left;
}
.Message ul {
    float:left;
    list-style-position:inside;
    margin: 0 0 5px 30px;
}
.Message li {
font-size: 13px;
line-height: 19px;
padding: 0;
}
/************* Page Specific:Create Account / Login Page *************/
.CreateAccount {
  float: left;
  padding: 0 0 0 80px;
  width: 375px;
}
.CreateAccount ul {
margin-left: 20px;
}
.CreateAccount .btn {
    margin-top:20px;
}
#LoginForm .btn {
    min-width:127px;
}

#LoginForm p.Submit {
    margin-left:0px;
    margin-top: 0px;
}

.AccountLogin {
  float: right;
  padding: 0;
  width: 430px;
}

.CreateAccount,.AccountLogin,#CreateAccountForm {
    font:14px/20px 'Nunito Sans',"Trebuchet MS",Helvetica,sans-serif;
}
.CreateAccount a.Button {
    margin:30px 0;
}
.AccountLogin .Submit .btn,.AccountLogin .Submit a {
    display:inline-block;
    vertical-align:middle;
    float:none;
    margin-right:10px;
}

#CreateAccountForm h2 {
    margin-bottom:5px;
    padding:20px 0 0;
}

.CreateAccountIntro {
    margin-bottom:30px;
}
ul.ShippingAddressList,ul.ShippingAddressList li {
    list-style:none;
    margin:0;
    padding:0;
}
ul.ShippingAddressList li {
  float: left;
  height: 200px;
  margin-bottom: 20px;
  margin-right: 20px;
  width: 290px;
}
ul.ShippingAddressList li .UtilityLinks {
    text-align:left;
    float: none;
}
ul.ShippingAddressList li .UtilityLinks a {
    font-size: 18px;
    color: #464646;
    text-decoration: none !important;
    vertical-align: top;
    display: inline-block;
*display: inline;
zoom: 1;
}
ul.ShippingAddressList li .UtilityLinks a i {
vertical-align: top;
}
.PrimaryProductDetails {
    margin-top:10px;
}
.PrimaryProductDetails .ProductAside {
    width:386px;
    float:left;
}
.PrimaryProductDetails .ProductAside .AddThisButtonBox {
    margin-left:0;
    margin-right:0;
}
.PrimaryProductDetails .ProductThumbWrap {
    border-width: 0 1px 1px 1px;
}
.PrimaryProductDetails .ProductThumb {
height: auto !important;
    float:left;
    width:500px !important;
    text-align: center;
}
.ProductThumbImageBox {
display: inline-block;
*display: inline;
zoom: 1;
margin-bottom: 10px;
}
.ProductThumbImage {
    margin:0 auto;
    float:none;
    padding:0;
    border:0px solid #E5E5E5;
    display: block;
display: table-cell;
vertical-align: middle;
    text-align: center;
    background: #fff;
}
.ProductThumbImage  a {
display: block;
}
.ProductThumbImage img {
border: solid 0px !important;

}
.ProductThumbImage .zoomPad {
float: none;
}
.ProductThumbImage .zoomWindow {
    width:100%;
    background:none;
}
.ProductThumbImage .zoomWrapper {
    margin:auto;
    border:1px solid #E5E5E5;
    border-top:none;
}
.PrimaryProductDetails .ProductMain,.PrimaryProductDetails .productAddToCartBelow {
    float:right;
    width:420px;
    padding:0;
    color: #464646;
}
.PrimaryProductDetails .productAddToCartBelow {
        padding:0 0 0 30px;
}
.PrimaryProductDetails .ProductMain h1 {
    font-size:28px;
    font-weight:bold;
    color:#464646;
    line-height:34px;

    text-transform:uppercase;
    padding:0 0 25px;
    margin:0;

}

.PrimaryProductDetails .ProductMain h3 {
    font-size:14px;
    font-weight:bold;
    color:#FF7800;
    line-height:20px;
    padding:5px 2px;
    text-transform:uppercase;
    margin:0 0 10px;
    border-top:1px solid #F2F2F2;
    border-bottom:1px solid #F2F2F2;
    cursor:pointer;
}
.PrimaryProductDetails .ProductMain h3 span {
    background:url(../images/collapse-btn.png) no-repeat;
    float:right;
    height:8px;
    width:12px;
    margin:8px 3px;
    text-indent:-5000px;
    text-transform:uppercase;
}
.PrimaryProductDetails .ProductMain h3.collapsed span {
    background:url(../images/collapse-btn.png) no-repeat bottom left;
}
.PrimaryProductDetails h2 {
    border:0;
}
.PrimaryProductDetails .ProductThumb p a {
    font-weight:bold;
}
.ProductDescription,.ProductReviews,#ProductReviews,.ProductsByCategory,.ProductOtherDetails {
    margin-top:20px;
    font-size:14px;
}
.PrimaryProductDetails dl {
    font-size:0.90em;
}
.ProductDescriptionContainer {
    margin:0 10px;
    display:none;
}
.PrimaryProductDetails dt {
    font-weight:bold;
    width:80px;
    clear:left;
}
.PrimaryProductDetails dd {
    margin-left:90px;
}
.Right hr {
    margin:5px 0 0;
}

.ComparisonCheckbox {
    float:left;
}
.SideRecentlyViewed .ProductList li {
    margin-left:0;
}
.SideRecentlyViewed .ProductDetails {
    margin-left: 20px;
}
/* Product Comparisons */
.ComparisonTable {
    width:100%;

}

.ComparisonTable a {
    color:#6E6E6E;
}
.ComparisonTable a:hover {
    color:#6E6E6E;
    text-decoration:underline;
}
.ComparisonTable td {
    vertical-align:top;
    background: #fff;
}
.CompareFieldName {
    width:95px;
    padding:7px 3px;
    font-size:12px;
    font:11px/16px 'Droid Sans',sans-serif;
}
.CompareFieldName a {
    color:#6E6E6E;
}
.CompareFieldTop {
    padding:6px 3px;
    text-align:center;
    text-transform:uppercase;
    color:#026398;
    font:bold 11px/16px 'Nunito Sans','Trebuchet MS','Helvetica Neue',Helvetica,Arial,Sans-Serif;
}
.CompareFieldTop a {
    text-decoration:none;
    font-weight: bolf;
}
.CompareFieldTop a:hover {
    text-decoration:underline;
}
.CompareLeft {
    padding:7px 10px;
}
.CompareCenter {
    text-align:center;
    padding:5px;
}
.CompareImage {
    padding:0;
    line-height:0;
}
.CompareImage a {
    display:block;
}
.CompareRating {
    text-align:center;
    padding-top:8px;
    vertical-align:middle;
}
.CompareRating img,.CompareRating span {
    vertical-align:middle;
}
.CompareProductOption {
    margin-left:20px;
    padding-left:5px;
}
.Availability {
    color:gray;
}
.LittleNote {
    color:gray;
    font-size:0.85em;
}
.ViewCartLink {
    padding-left:30px;

    padding-top:10px;
    padding-bottom: 10px;
}
/* General Tables & Carts Table commong styling */
table.General,
table.CartContents {
    width:100%;
    margin:15px 0;
    font-size:14px;
    border: 1px solid #DEDEDE !important;
}
table.General small,
table.CartContents small {
font-size: 13px;
}
table.General  th {
    padding:20px 10px;
    text-align:left;
    background:#fff;
}
table.General td {
    padding:20px 10px;
    vertical-align:top;
    font-size: 13px;
}
table.General td h5 {
    margin:0;
}
table.General  tr.First td {
    border-top: 0;
}
/* Cart Contents Table */
table.CartContents th,
table.CartContents td {
    padding:20px 10px;
}
table.CartContents td.ProductName h5 a {
    color:#6E6E6E;
}
.CartContents .ProductName a {
}
.CartContents tfoot .SubTotal td {
    text-align:right;
    font-weight:bold;
}
.ProceedToCheckout {
    text-align:center;
}
.ProceedToCheckout a {
}
.ProductOptionList,.ProductOptionList li {
    list-style:none;
    margin:0;
    padding:0;
}
.ProductOptionList {
    margin-top:5px;
}
.ProductOptionList li {
    margin-bottom:3px;
    margin-left:2px;
}
.ProductOptionList input {
    vertical-align:middle;
}
.MiniCart h3 {
    font-size:1.3em;
}
.MiniCart .SubTotal {
    text-align:center;
    font-size:1.1em;
}
.JustAddedProduct {
    width:128px;
    overflow:hidden;
    margin:auto;
    text-align:center;

    padding:5px;
    margin-bottom:10px;
}
.JustAddedProduct strong,.JustAddedProduct a {
    font-size:1em;
    font-weight:normal;
    display:block;
    margin-bottom:3px;
}
.JustAddedProduct .ProductDetails {


    font-size:1.2em;
    padding-bottom:10px;
}
.Field45.quantityInput {
    margin: 0 0 10px;
}
/* Quick Search */
.QuickSearch {
    margin:0;
    padding:0;
    text-align:left;
    background:#fff;
    position:absolute;
    z-index:9999;
    top:128px !important;
    width:300px !important;
}
.QuickSearchTitle td,.QuickSearchAllResults td {
    font-weight:bold;
    padding:5px 44px 15px;
}
.QuickSearchResult td {
    font-size:12px;
    padding:8px 0px 8px 8px;
    cursor:pointer;
}
.QuickSearchResultImage {
    margin-left:4px;
    margin-right:10px;
    text-align:center;
}
.QuickSearchResultNoImage {
    padding-top:10px;
    color:#777;
}
.QuickSearchResultName {
    text-decoration:none;
    display:block;
    padding-bottom:5px;
}
.QuickSearchResult .Price {
    font-weight:bold;
    font-size:12px;
    padding-right:5px;
}
.QuickSearchHover a {
    text-decoration:underline;
}
.QuickSearchAllResults {
}
.QuickSearchAllResults td {
    text-align:right;
}
.QuickSearchAllResults a {
    height:25px;
}
.QuickSearchAllResults a:active,.QuickSearchAllResults a {
    outline:none;
    -moz-outline-style: none;
}
/* Brand Tag Clouds */
.BrandCloud .smallest {
    font-size:12px;
}
.BrandCloud .small {
    font-size:15px;
}
.BrandCloud .medium {
    font-size:18px;
}
.BrandCloud .large {
    font-size:20px;
}
.BrandCloud .largest {
    font-size:26px;
}
.BrandCloud a {
    padding-right:5px;
}
.DownloadExpires {
    padding-top:3px;
    font-style:italic;
    color:gray;
}
.DownloadExpiresToday {
    color:red;
}
.CheckoutRedeemCoupon h4 {
    border-bottom: 1px solid #DCDCDC;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 0;
    padding-bottom: 10px;
}
.CheckoutRedeemCoupon p {
    margin:10px 0;
}
.BillingDetails {
    float:left;
    width:48%;
    margin-right:10px;
    margin-bottom:15px;
}
.ShippingDetails {
    float:left;
    width:48%;
    margin-bottom:15px;
}
.ProductDetailsGrid dt {
    width:140px;
    margin-bottom:6px;
    float:left;
    font-weight:bold;
}
.ProductDetailsGrid dd {
    margin-left:140px;
    margin-bottom:6px;
}
.SubCategoryList {
    padding:10px 5px 4px;
    margin-bottom:20px;
}
.SubCategoryList a {
        text-decoration:none;
}
.SubCategoryList ul,.SubCategoryList li {
    list-style:none;
    margin-left:0;
}
.SubCategoryList li {
    margin-bottom:4px;
    padding-left:25px;
    background:url('../images/SubCategory.gif') no-repeat 3px 50%;
}
.SearchTips .Examples {
    padding:8px;
    color:#555;
    margin-left:30px;
    margin-bottom:10px;
}
.ProductDetails .ProductThumb p {
    margin-top:10px;
    font-size:0.9em;
}
.ProductReviewList {
    clear:both;

    list-style:none;
    margin:10px 0;
}
.ProductReviewList li {
}
.ProductReviewList li:last-child {
    border:0;
}
.ProductReviewList li .ReviewTitle {
    padding-bottom:20px;
    border-bottom:2px dotted #6E6E6E;
    margin-bottom:15px;
}
.ProductReviewList li .ReviewTitle,.ProductReviewList li .Meta {
    font-weight:bold;
}
.ProductReviewList li .ReviewTitle img {
    margin-left:5px;
}
.SortBox select {
    font-size:0.9em;
}
.SortBox option {
    color:#444;
}
.YourAccount li {
    margin-bottom:8px;
}
.SoldOut {
    color:#999;
}

.AddToWishlistLink {
    position:relative;
    margin:0;
}
.AddToWishlistLink .wishlist-button {
    position:absolute;
    top:-70px;
    left:165px;
    font-weight:bold;
    text-decoration:underline;
    cursor:pointer;
    color:#000;
    background:#fff;
    border: 0;
}
/* sizing and positioning of the inside part of a swatch */
.productOptionPickListSwatch .thumbnail,.productOptionPickListSwatch .swatchColour {
    width:95px !important;
    height:103px !important;
    background-size: 100% 100%;
display: block;
}
.productOptionPickListSwatch .textureContainer,.productOptionPickListSwatch .swatchColours {
    margin: 3px 4px 4px 4px !important;
    padding:0 !important;
    border-color:#ccc !important;
}
.productOptionPickListSwatch .selectedValue .textureContainer,.productOptionPickListSwatch .selectedValue .swatchColours {
    border:3px solid #000 !important;
    margin: 0px 1px 1px 1px !important;
}
html.javascript .productOptionViewRectangle input,html.javascript .productOptionPickListSwatch input {

    left:5px;
    top:5px;
}
.ShippingProviderList {
    list-style:none;

}
.GoogleCheckout p,.PayPalExpressCheckout p,.AlternativeCheckout p {
    margin:0;
    font-size:90%;
}
.GoogleCheckout,.PayPalExpressCheckout,.AlternativeCheckout {
    text-align:center;
    margin-bottom:20px;
    clear:both;
}


.fastCartSummaryBox .GoogleCheckout,
.fastCartSummaryBox .PayPalExpressCheckout,
.fastCartSummaryBox .AlternativeCheckout {
    text-align:center;
    margin-bottom:20px;
    clear:both;
    float: none !important;
}
.KeepShopping {
    clear:both;
    text-align: right;
}
/** Top Right Locale Chooser (list of flags) **/
#TopMenu li.Flag {
}
#TopMenu li.Flag div {
    border:0;
}
#TopMenu li.Flag img {
    margin:3px;
}
#TopMenu li.Flag img.Last {
    margin-right:0px;
}
#TopMenu li.Flag img.Selected {
    border:2px solid #dadada;
    margin: 1px 3px;
}
/** Currency Selector **/
#TopMenu #SideCurrencySelector {
  border-right: 1px solid #666;
  float: none;
  line-height: 18px;
  list-style: none outside none;
  margin: 0 0;
  padding: 0 8px 0 0;
  position: relative;
}
#TopMenu #SideCurrencySelector .selected-currency {
vertical-align: top;
margin-top: 4px;
display: inline-block;
*display: inline;
zoom: 1;
}
#TopMenu #SideCurrencySelector .selCurr {
color: #d0d0d0;
}

#SideCurrencySelector h2,
#SideCurrencySelector .selected-currency .Text {
display: none;
}
#SideCurrencySelector .selCurr {
font-weight: 700;
padding-left: 5px;
padding-right: 10px;
}
#SideCurrencySelector .CurrencyList {
  display: none;
  left: -11px;
  position: absolute;
  top: 28px;
  white-space: nowrap;
  width: 150px;
  z-index: 1;
}
#SideCurrencySelector .changeCurr {
text-decoration: none;
display: block;
text-decoration: none !important;
text-align: right;
position: absolute;
top: 0;
right: 0;
z-index: 1;
line-height: 18px;
height: 18px;
width: 100%;
}
#SideCurrencySelector .changeCurr i {
line-height: 18px;
height: 18px;
margin-right: 8px;
text-align: right;
display: inline-block;
*display: inline;
zoom: 1;
}
#SideCurrencySelector:hover  .selCurr {
text-decoration: underline;
}
.CurrencyList dl {
    margin:0;
    padding:0;
}
.CurrencyList dd {
    padding: 0;
    margin:0px;
    border: solid 0px !important;
    margin-bottom: -1px;

    clear:both;
}
.CurrencyList a {
    float: none;
    background-color:#f1f1f1;
    padding:5px 8px !important;
    display:block !important;
    line-height:1.8;
    text-decoration:none;
    font-size:11px;
    color: #fff;
    border:1px solid #dadada !important;
    -moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;

-o-transition: all 300ms ease;
transition: all 300ms ease;
}

.CurrencyList a.Sel {
background: #fff !important;

}
.CurrencyList a:hover  {
text-decoration:none !important;
}
.CurrencyList a:hover .Text {
    text-decoration:none;
    color: #FE8222 ;
}
.CurrencyList a .Flag {
    margin-top:2px !important;
    display:block;
    float:left;
    width:24px;
    padding-right:2px;
    vertical-align:top;
}
.CurrencyList a .Text {
    display:block;
    padding-left: 24px;
    color: #464646
}
/* Shipping Estimation on Cart Contents Page */
.EstimateShipping {
}
.EstimateShipping dt {
    width:100px;
    float:left;
    margin-bottom:8px;
    clear:left;
    font-weight:normal;
    line-height: 34px;
}
.EstimateShipping dd {
    font-weight:normal;
    text-align:left;
    margin:20px 0 20px 130px;
}
.EstimateShipping p.Submit {
    margin:20px 0;
}
.EstimateShipping label {
    display:block;
}
.EstimatedShippingMethods {
    text-align:left;
    float:right;
}
.EstimatedShippingMethods table {
    width:100%;
    border-collapse:collapse;
}

.EstimatedShippingMethods .VendorShipping {
    margin-left:20px;
    margin-bottom:10px;
}

.EstimatedShippingMethods .Submit {
    text-align:right;
}
.CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td {
    text-align:left;
}
.CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td.Price {
    text-align:right;
}
.SharePublicWishList {
    padding:5px;
    border: 1px solid lightgray;
}
/* Express Checkout */
.ExpressCheckoutBlock .ExpressCheckoutTitle {
    position:relative;
    padding:6px;
    margin-bottom:10px;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
}

.ExpressCheckoutBlockCompleted .ExpressCheckoutTitle {
    color:#FF7800;
}
.ExpressCheckoutBlock h3 a {
    font-size:12px;
}
.ExpressCheckoutBlock {
    padding-top:0;
    margin-bottom: -1px;
}
.ExpressCheckoutBlock .ExpressCheckoutCompletedContent {
    display:none;
}
.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
    display:inline;
    font:400 12px/18px "Trebuchet MS",sans-serif;
    text-transform:none;
}
.ExpressCheckoutBlockCollapsed .ExpressCheckoutContent {
    display:none;
}
a.ChangeLink {
    position:absolute;
    right:15px;
}
.ExpressCheckoutBlock a.ChangeLink {
    display:none;
}
.ExpressCheckoutBlockCompleted a.ChangeLink {
    display:none;
}
.ExpressCheckoutCompletedContent {
    position:absolute;
    left:300px;
}
.LoadingIndicator {
    margin-left:10px;
}
.LoadingIndicator img {
    vertical-align:middle;
    margin-right:10px;
}
#TopMenu li.HeaderLiveChat {
}
.HeaderLiveChat img {
    vertical-align:middle;
}
#ProductOtherDetails .ProductDetailsGrid {
    margin-left:25px;
}
.SubCategoryListGrid {
    padding:4px;
}
.SubCategoryListGrid ul,.SubCategoryListGrid li {
    list-style:none;
    margin-left:0;
}
.SubCategoryListGrid li {
    margin-bottom:4px;
    padding:10px;
    margin-left:10px;
    background:#fff;
    float:left;
    text-align:center;
}
.SubCategoryListGrid ol {
    clear:both;
}

.SubBrandList ul,.SubBrandList li {
    list-style:none;
    margin-left:0;
}
.SubBrandList li {
    margin-bottom:4px;
    padding-left:25px;
    background:url('../images/SubBrand.gif') no-repeat 3px 50%;
}
.SubBrandListGrid {
    padding:0px;
}
.RowDivider {
display: none !important;
}
.SubBrandListGrid ul,.SubBrandListGrid li {
    list-style:none;
    margin-left:0;
}
.SubBrandListGrid li {
    margin-bottom:4px;
    padding:10px;
    margin-left:10px;
    background:#fff;
    float:left;
    text-align:center;
}
.SubBrandListGrid ol {
    clear:both;
}
.ProductAddToCart dt {
    float:left;
    font-weight:bold;
    width:140px;
    margin-bottom:4px;
}
.ProductAddToCart dd {
    margin-left:140px;
    margin-bottom:4px;
}
.ProductAddToCart dt div.Required,#CartEditProductFieldsForm dt div.Required {
    width:8px;
}
.ProductAddToCart input.Textbox,#CartEditProductFieldsForm input.Textbox {
    width:181px;
}
.ProductAddToCart textarea,#CartEditProductFieldsForm textarea {
    width:183px;
    height:50px;
}
.CartContents .CartProductFieldsLink {
    font-size:11px;
    color:#666;
    margin-top:6px;
    padding-left:22px;
    background:url('../images/GiftWrappingAvailable.gif') no-repeat;
    padding-bottom:4px;
}
.ProductFields dd {
    margin-bottom:4px;
}
.ProductFields {
    margin-bottom:15px;
}
.ProductFields input.Textbox {
    width:100%;
}
.ProductFields TextArea {
    width:100%;
}
.CartContents .CartProductFieldsRow {
    border-top:0;
}
.CartContents .CartProductFieldsRow dl {
    margin-top:15px;
}
p.QuantityInput,p.AddCartButton {
    text-align:center;
}
.ProductAddToCart dt.QuantityInput {
    margin-top:4px;
}
.ProductAddToCart dd.AddCartButton span {
    margin-top:4px;
    padding-right:5px;

}
.ProductActionAdd {
    display:block;
    margin-top:5px;
}
.ProductActionAdd a,.ProductActionAdd strong a {
}
.TagList {
    margin-top:20px;
}
.CartThumb {
    text-align:center;
    width:1px;
}
.CartThumb img {
    max-width:107px;
    max-height:150px;
}
td.ProductName a {
    color:#6E6E6E;
}
.WrappingOptions {
    color:#666;
    margin-top:6px;
    padding-left:18px;
    background:none;
    padding-bottom:4px;
    line-height:1.6;
    position: relative;

}
.WrappingOptions i {
  font-size: 14px;
  left: 0;
  margin-left: -18px;
  position: relative;
  top: 0;
  vertical-align: middle;
  z-index: 1;
}
.ViewAllLink a {
    padding-top:10px;
    display:block;
}
.SelectGiftWrapMultiple {
    max-height: 400px;
}
/* Tabbed Navigation */
.TabNav,.TabNav li {
    list-style:none;
    margin:0;
    padding:0;
}
.TabNav {
    font-size:10px;
    margin-bottom:15px;
    padding:6px 4px 6px 25px;
}
.TabNav li {
    display:inline;
}
.TabNav li a {
    position:relative;
    top:0px;
    font-size:12px;
    padding:6px 10px;
    margin-right:3px;
    margin-top:3px;
    text-decoration:none;
}
.TabNav li a:hover {
    text-decoration:none;
}
.TabNav li.Active a {
    margin-top:0px;
}
.ProductAddToCart dd.AddCartButton div.BulkDiscount {
    display:inline-block;
    float:left;
}
.ProductAddToCart .BulkDiscount {
    clear:both;
    margin:0 0 15px 0;
}


.BulkDiscount .DetailRow {
    padding:0 !important;
    display:inline-block;
    *display:inline;
    zoom:1;
}
    .BulkDiscountLink {
    margin-top:15px;
}
/* .ProductAddToCart dd.AddCartButton div.BulkDiscount div.BulkDiscountLink{padding-left: 4px;}*/
#VendorLogo .BlockContent,#VendorPhoto .BlockContent {
    margin:0;
    text-align:center;
}
.TransitTime {
    font-weight:normal;
    color:gray;
}
.Content .ProductList.List li.ListView {
    margin:0 0 20px;
    margin-top:6px;
    display:block;
    width:auto !important;
    float:none;
    clear:both;
    padding:0;
    height: auto !important;
    min-height:1px ;
    background:#f9f9f9;
    position:relative;
}
.Content .ProductList.List .ProductImage {
    margin:0 !important;
    padding:0px;
    margin-right:15px;
    float:left;
    background-image:none;
}
.Content .ProductList.List .ProductImage a {
    height: 308px !important;
    display: table-cell !important;
    width: 220px !important;
    vertical-align: middle;
}
.Content .ProductList.List .ProductDetails {
    height:auto;
    display:block;
    clear:none;
    padding:15px;
    margin:0px;
    margin-left:222px !important;
    text-align:left;
    background-image:none;
}
.Content .ProductList.List .ProductActionAdd,.Content .ProductList.List .ProductPrice,.Content .ProductList.List em {
    position:static;
    display:block;
}
.Content .ProductList.List .ProductActionAdd {
clear: none;
}
.Content .ProductList.List .ProductImage .QuickViewOverlay {
}
.Content .ProductList.List li.custom-quickview {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #fff;
color:#6E6E6E;
display:none;
float:none;
margin:0;
overflow:hidden;
width:auto !important;
height:auto !important;
}
.Content .ProductList.List .ProductPrice {
    color:#464646;
}
.Content .ProductList.List .ProductQty {
    margin-left:10px;
}
.Content .ProductList.List .ProductDescription {
    margin-top:15px;
    clear: right;
}
.Content .ProductList .ProductRightCol {
    float:right;
    line-height: 125%;
    padding-left: 10px;
    padding-bottom: 15px;
    clear: right;
}
.Content .ProductList .ProductRightCol .ProductPrice {
line-height: 125% !important;
margin: 0;
height: auto;
text-align: right;
}
.Content .ProductList.List li.ListView .ProductCompareButton {
    text-align:left;
    margin-top:19px;
}
.OrderItemMessage {
    padding:7px;
    margin: 10px 0px 10px 0px;
}
/* Custom Fields - Start */
.LittleNotePassword {
    color:gray;
    font-size:0.85em;
    padding:2px 0px 2px 0px;
}
.RequiredClear {
    visibility: hidden;
}
/* Custom Fields - End */
/* Product Details */
.ProductDetailsGrid .DetailRow {
    clear:left;
    margin-bottom:0;
    padding:0 0 25px;
    border-bottom:none;
}
.ProductDetailsGrid .DetailRow:last-child {
        border-bottom: none;
}
/* Product Details Price */
.ProductDetailsGrid .DetailRow.PriceRow {
    border-top:none;
    font-size:22px;

    color:#464646;
    padding-bottom:30px;
}
.ProductDetailsGrid .ProductPriceWrap .DetailRow {
        padding-bottom:0;
        margin-bottom:0;
}
.ProductDetailsGrid .ProductPriceWrap .DetailRow {
        border:0;
}
.ProductDetailsGrid .DetailRow.PriceRow .Label {
        margin:0;
}
.ProductDetailsGrid .DetailRow.PriceRow .Value {
        font-size:22px;
}
.ProductDetailsGrid .DetailRow.PriceRow .Value em {
        font-weight:700;
        letter-spacing:0;
}
.ProductDetailsGrid .Label {
    margin:0 0 7px;
    width:130px;
    font:700 14px/18px "Trebuchet MS",sans-serif;
    color: #464646;
}
.ProductDetailsGrid .Value {
    display:inline;
    font-size: 14px;
}
.ProductOptionList ul,.ProductOptionList li {
    list-style:none;
    margin:0;
    padding:0;
}
.ProductOptionList li {
    margin-bottom:3px;
}
.ProductOptionList input {
    vertical-align:middle;
}
.ProductPriceWrap {
    margin:22px 0;
    font-size:33px;
    border-style:dotted;
    border-width:1px 0;
    overflow:hidden;
    position:relative;
}
.ProductPriceWrap em {
    font-weight:normal;
}
.ProductPriceWrap .RetailPrice {
    font-size:12px;
    color:#666;
}
x.ProductPriceWrap .PriceRow {
    margin-top:20px;
    margin-left:10px;
}
.ProductPriceWrap .PriceRow .YouSave {
    font-size:12px;
    color:#666;
    position:absolute;
    right:10px;
    bottom:14px;
}
#QuickViewProductDetails .ProductPriceWrap .productAttributeRow {
    padding:0 10px 0 0;
    border-bottom:0;
    clear: none;

}
#QuickViewProductDetails .ProductPriceWrap .productAttributeRow em {
margin: 0 !important;
padding: 0 !important;
line-height: 30px;
}
/** Search All Form Result - Start **/
.SearchPaging {
    float:right;
    font-size:0.95em;
}
.SearchSorting {
    float:right;
    font-size:0.95em;
    margin:0 0 15px 0;
}
.SearchSorting select {
    font-size:0.95em;
}
#SearchResultsCategoryAndBrand {
    margin:0 0 15px 0;
    padding:0;
}
.ContentList em,.QuickSearchResultMeta em {
    font-size: 0.8em;
}
/** Search All Form Result - End **/
/** AJAX loading box - Start **/
#AjaxLoading {
    display:none;
    text-align:center;
    width:180px;
    z-index:10000000000;
    padding:5px 10px;
}
#AjaxLoading img {
    vertical-align:bottom;
    margin-right: 5px;
}
/** AJAX loading box - End **/
/** Product image gallery **/
#ProductDetails #ImageScrollPrev,
#ProductDetails #ImageScrollNext {
    float:none;
    background:none;
    border:none;
    margin-top:0;
    cursor:pointer;
    display:none;
    font-size: 16px;
    vertical-align: top;
    display: inline-block !important;
*display: inline !important;
zoom: 1;
}
#ProductDetails #ImageScrollPrev:hover,
#ProductDetails #ImageScrollNext:hover {
text-decoration: none !important;
color: #464646;
}
#ProductDetails #ImageScrollPrev {

}
#ProductDetails .ProductTinyImageList {
display: inline-block;
*display: inline;
zoom: 1;

}
#ProductDetails .ProductTinyImageList ul li {
    overflow:hidden;
    padding:0px;
    border:1px solid #e5e5e5 !important;
    margin: 0 5px 10px 5px;
    background: #fff;
}
#ProductDetails .ProductTinyImageList ul li.selected {
border: solid #464646 1px !important;
}
#ProductDetails .ProductTinyImageList ul li .TinyOuterDiv {
    margin:0 auto;
}
#ProductDetails .ProductTinyImageList ul li div {
    text-align:center;
}
#ProductDetails .ProductTinyImageList ul li #TinyOuterDiv {
    border:2px solid white;
}
#ProductDetails .ProductTinyImageList ul {
    margin:0pt;
    padding:0pt;
    list-style-type:none;
}
.carousel {
    position:relative;
    visibility:hidden;
    left:-5000px;
    width:180px;
}
.ImageCarouselBox {
    padding-left:0 !important;
    float:none;
    width:auto;
    margin: auto;
    white-space: nowrap;
    text-align: center;
}
.ProductPriceWrap {


    padding: 10px;

}
/* set up the row for css table-like alignment */
.productAttributeList .productAttributeRow {
    margin-top:0px !important;
    padding-left:0 !important;
    margin-bottom:0 !important;
    padding-bottom:30px !important;
    border-bottom:none;
}
.productAttributeList .productAttributeRow ul,.productAttributeList .productAttributeRow ol,.productAttributeList .productAttributeRow li:last-child {
        margin-bottom:0 !important;
}
.productAttributeList .productAttributeRow input {
        margin-bottom:5px !important;
}
.productAttributeValue .productAttributeFluidWidth {
    height:18px;
    box-sizing:content-box !important;
-moz-box-sizing:content-box !important;
width: 400px !important;
}
.productAttributeValue textarea.productAttributeFluidWidth {
    height:100px;
}
.productAttributeList .required {
    color: #be0303 !important;
}
/* position the label in the left-padding area of the row */
.productAttributeList .productAttributeLabel {
    margin:0 !important;
    float:none !important;
    width:auto !important;
    padding-top:0 !important;
}
.productAttributeList .productAttributeLabel label {

    font:700 14px/18px "Trebuchet MS",sans-serif;
    display:block;
    margin-bottom:10px !important;
}
.productAttributeList ul {
    margin-bottom:20px;
}
.productAttributeList li {
    margin-bottom:8px;
}
.productOptionViewProductPickListWithImage {
    border-color:#ddd !important;
    margin-bottom:20px;
}
.productOptionViewProductPickListWithImage .scrollContainer {
        max-height:160px !important;
}
.productOptionViewProductPickListWithImage td {
        padding:10px 5px !important;
        border-bottom:1px dotted #e0e0e0;
        vertical-align:middle !important;
}
.productOptionViewRectangle .option.selectedValue label {
    background:#D9D8D8 !important;
    padding:3px 15px !important;
    border:1px solid black !important;
}
.productOptionViewRectangle .option label {
        padding:3px 15px !important;
        background:#fff !important;
        min-width:15px;
        text-align:center;
}
.productOptionViewRectangle .option label .name {
        line-height:19px;
}
.productOptionPickListSwatch .textureContainer,.productOptionPickListSwatch .swatchColours {
    margin-bottom:7px;
    border:0 !important;
}
.productOptionViewProductPickList label,.productOptionViewRectangle label,.productOptionViewRadio label {
    padding-left:0 !important;
}
.productOptionViewProductPickList input,.productOptionViewRectangle input,.productOptionViewRadio input {
    margin-top:0 !important;
    margin-left:0 !important;
    opacity:0 !important;
    filter:alpha(opacity = 0) !important;
}
.TinyOuterDiv {
    border-width: 0 !important;
}
/** Product image gallery end **/
/** AJAX loading box - End **/
/* Product Videos */
#VideoList li {
    float:left;
    list-style:none;
    margin:10px 10px 10px 0;
    padding:0;
    height:180px;
    opacity:0.5 !important;
    filter:alpha(opacity = 50) !important;
}
#VideoList li:hover,#VideoList li.currentVideo {
    opacity:1 !important;
    filter:alpha(opacity = 100) !important;
}
.VideoSeparator {
    clear:both;
}
.videoRow {
    margin-bottom:4px;
}
.previewImageContainer {
    height:30px;
    width:50px;
}
.videoRow img {
    float:left;
    width:126px;
    height:104px;
}
.videoRowTitle {
    overflow:hidden;
    width:126px;
    font:12px/14px "Trebuchet MS",Helvetica,sans-serif;
    float:left;
    padding:5px 0;
}
.videoRowDescription {
    max-height:50px;
    overflow:hidden;
}
.VideoOverlay {
    background:url('../images/VideoOverlay.png')center center no-repeat;
    position:absolute;
    left:0;
    height:100%;
    width:100%;
    top: 0;
}
/** If you change the width of the .VideoPreviewSize class below,change the padding-left of the .VideoContentContainer class above **/
.VideoPreviewSize {
    height:104px;
    width:126px;
}
.videoRowLength {
    padding-left:4px;
}
.videoRow,.videoRowTitle,.videoRow img,.videoRowLength {
    cursor:pointer;
}
#VideoList ul {
    position:relative;
    overflow-y:auto;
    padding:0;
    margin:0 -10px 0 0;
}
#VideoSingle {
    font-size:14px;
    padding:10px 0;
    width:240px;
}
#VideoContainer {
    padding:10px 0;
}
.HideElement {
    display:none;
}
.VideoSingleTitle {
    font-weight:bold;
}
.VideoSingleDescription {
    padding-top:10px;
    overflow-y:auto;
    height:220px;
    padding-right:5px;
    display:none;
}
.Left #VideoMiddleContainer,.Right #VideoMiddleContainer {
    display:none;
}
.Content #VideoSideContainer {
    display:none;
}
#VideoSideContainer ul {
    text-align:center;
}
#VideoSideContainer ul li {
    margin-bottom:5px;
}
.VideoSideDescription {
    padding:2px 10px;
}
.VideoImageContainer {
    position: relative;
}
/* Add to cart modal */
#fastCartWrapper {
    padding:0;
}
#fastCartContainer .ProductList .ProductImage {
    height:auto !important;
    width:auto !important;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
.fastCartTop {
    padding:0;
}
.fastCartProdLink {
    margin-bottom:20px;
}
.fastCartContent {
    width:auto;
}
/*.fastCartContent .ProductList li{width: 120px !important;}*/
/*.fastCartContent .ProductList .ProductImage img{height: 120px !important;}*/
.fastCartItemBox {
    padding:0;
    width:200px;
}
.fastCartItemBox h2 {
    font-family:"europa","futura-pt",'Muli',"Helvetica Neue",Arial,"Sans-Serif";
    letter-spacing:0;
    font-weight:bold;
    margin-bottom:20px;
}
.fastCartProd {
    font-weight:bold;
    margin-bottom:20px;
}
.fastCartSummaryBox {

    max-width:none;
    width:207px;
    padding:28px;
    max-width:auto;
    padding:20px 10px;
}
.fastCartSummaryBox .subtotal,.fastCartSummaryBox .ProductPrice,.fastCartSummaryBox .CartActions {
    padding:0 15px;
}
.fastCartContent .CheckoutButton a {
    margin-bottom:15px;
    color:#fff !important;
}
.fastCartSummaryBox .CheckoutButton a:hover {
    text-decoration:none;
    color:#fff !important;
}
.fastCartSummaryBox .subtotal {
    margin-top:0;
    padding-bottom:5px;
    border-bottom:1px solid;
}
.fastCartSummaryBox .ProductPrice {
    display:block;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid;
}
.fastCartSummaryBox .CartActions {
    margin-top:15px;
}
.fastCartSummaryBox .ProductPrice {
    font-size:29px;
    font-weight:normal;
}
.fastCartBottom {
    padding-left:0;
    padding-right:0;
}
.fastCartBottom h3 {
    padding:20px 0;
    font-size:19px;
    border-width:1px 0;
    text-transform:uppercase;
}
/*#fastCartSuggestive{margin-left: -76px !important;}*/
#fastCartContainer .ProductList {
margin: 0 -20px 0 0 !important;

}
#fastCartContainer .ProductList li {
    margin:10px 20px 10px 0;
    padding:0;
}

.Panel#ProductTabs {
    padding-top:0px;
}
.productAttributeLabel {
    text-align:left !important;
}
.AddThisButtonBox {
    float:left !important;
    margin:10px 0 25px 0 !important;
}
.PinterestButtonContainer {
    float:left !important;
    margin: 8px 3px 25px 3px !important;
}
/* Modal....................................................................... */
#ModalContainer {
    border:5px solid;
}
#ModalContentContainer,#ModalTitle,.ModalTitle,#ModalButtonRow,.ModalButtonRow {
    -moz-border-radius:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    border:none !important;
    background: #fff !important;
}
#ModalTitle,.ModalTitle,#ModalButtonRow,.ModalButtonRow {
    background:#fff !important;
    border:none !important;
}
#ModalContent, .ModalContent {
  border-color: #F4F4F4 !important;
  border-style: solid;
  border-width: 1px 0 !important;
  margin-top: 0 !important;
  max-height: 350px;
  overflow-y: auto;
  padding: 15px 15px !important;

          -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
#ModalButtonRow,.ModalButtonRow {
    padding:15px 15px !important;
}
.ModalTitle, #ModalTitle {
    height: auto;
    line-height: 150%;
    color: #464646 !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    text-transform: uppercase;
    font-size: 14px !important;
    font-family: "europa","futura-pt",'Muli','Nunito Sans','Droid Sans',sans-serif;
}
.ModalContent {
    padding:14px !important;
    overflow-y:auto;
    overflow-x:hidden;
    height:auto !important;
    color:#999 !important;
}
.modalContainer {
    border:0 !important;
}
.fastCartItemBox small {
    display:block;
}
#fastCartContainer,#QuickViewContent {
    padding:20px 22px !important;
}

.modalClose {
dislay: block;
text-indent: -9999px !important;
text-align: left !important;
padding: 0 !important;
background: none !important;
}
.modalClose:after {
  background: none;
  color: #FF7800 !important;
  content: "\f00d";
  display: block;
  font-family:'FontAwesome';
font-weight:normal;
font-style:normal;
  font-size: 20px;
  font-weight: 700;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  position: absolute;
  right: 0;
  text-align: center;
  text-decoration: none !important;
  text-indent: 0;
  text-transform: uppercase;
  top: -8px;
  width: auto;

}
.modalClose:hover:after {
background: none;
color: #026398 !important;
text-decoration: none !important;
}


#fastCartContainer .ProductDetails {
    height: 40px;
}
/* Social elements....................................................................... */
#socnet {
    clear:both;

    padding:0 0 15px 0;
}
#socnet h3 {

    text-transform:uppercase;
}
#socnet a {
    display:inline-block;
    text-align:left;
    text-indent:-9999px;
    vertical-align:middle;
    margin-right: 12px;
    margin-bottom: 8px;
}
.instagram {
    width: 28px;
height: 28px;
margin-right:5px;
float:left;
}
.instagram a {
display:block;
width: 28px;
height: 28px;
background-image:url(https://www.cocomats.com/product_images/uploaded_images/instagram.gif?t=1441814679);
background-size: 100% 100%;
opacity:.8;
}
.instagram a:hover{
width: 28px;
height: 28px;
background-image: url(https://www.cocomats.com/product_images/uploaded_images/instagramhover.gif?t=1441814679);
background-size: 100% 100%;
}
/* Accordion for product page....................................................................... */
#prodAccordion {

}
#prodAccordion .Block {
    padding:0 !important;
    margin:0 !important;
}
#prodAccordion .Block.current {
}
#prodAccordion .Block h2,#prodAccordion .Block.current h2 {
    color:#FF7800;
    cursor:pointer;
    font-size:14px;
    font-weight:bold;
    line-height:20px;
    margin:0;
    padding:15px 2px;
    text-transform:uppercase;
    text-align:left;
}
#prodAccordion .Block h2:hover {
    text-decoration:underline;
}
#prodAccordion .Block:last-child {
}
.prodAccordionContent {
    padding:10px;
    display:none;
    margin:0;
}
.current .prodAccordionContent {
    display: block;
}

/* Tabcontent....................................................................... */
#tabcontent {
    overflow:hidden;
}
#tabcontent .photo {
    width:auto;
    margin-right: 20px;
}
/* Gift Certificate....................................................................... */
#SideAccountMenu,#GiftCertificatesMenu {

}
#SideAccountMenu .BlockContent,#GiftCertificatesMenu .BlockContent {
    margin:0;
    padding-bottom: 15px;
}

#frmGiftCertificate {

}
.GiftCertificateThemeList br {
    display:none;
}
.GiftCertificateThemeList label {
    display:block;
    margin-bottom:10px;
}

/* Shopping cart    ....................................................................... */

.CartCode {
    margin:0 0;
    padding:35px 0px;
    clear: both;
}
.CartCode .CouponCode,.CartCode .GiftCertificate {
    float:left;
    width:400px;
}
.CartCode .GiftCertificate {
    padding-left:30px;
    float:right;
}
.CartCode input[type="submit"] {

}
.CartContents .GrandTotal {
    font-size:18px;
    text-transform:uppercase;
}
.CartUpdateBtn {
    margin-right:10px;
}
.CartUpdateBtn .btn {
    height:40px;
    line-height:40px;
    padding:0 10px;
    text-decoration:none;
    background:none;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    font-size:15px;
    color: #FF7800;
    text-transform: uppercase;
}
.CartUpdateBtn .btn:hover {
    background:none;
    color: #464646;
}
#CartContent .AlternativeCheckout {
    clear:both;
    float:right;
    margin-top:20px;
    margin-bottom:20px;
}
#CartContent .AlternativeCheckout a {
    font-weight:bold;
}
#CartContent .AlternativeCheckoutOr {
    font-weight:bold;
    margin-bottom:10px;
    font-size: 13px;
}
/* Wish List Form....................................................................... */
#WishListEditFrom form {
    margin-top:20px;
}
#WishListEditFrom dt {
    width:auto;
}
#WishListEditFrom dd {
    margin-left:125px;
    margin-bottom:25px;
}
#WishListEditFrom label {
    margin-left:10px;
    verical-align: middle;
}

#wishlistsform table .action {
text-align: center ;
white-space: nowrap;
}
#wishlistsform .action div  {
    width:20px;
    height:20px;
    float: none;
    margin: 0 2px;
text-align:left;
text-indent: -99999px;
overflow: hidden;
display: inline-block;
*display: inline;
zoom: 1;

}
#wishlistsform .action a {
display: block;
width:20px;
height:20px;
}
/* Footer Menu....................................................................... */
#Menu ul {
    margin:0;
}
#Footer #Menu ul {
    padding-bottom:15px;
    border-bottom:1px solid #BBB;
    margin-bottom:10px;
    width:100% !important;
}
#Footer #Menu li a {
    color:#000;

    text-decoration:none;
    padding:0 0 0 10px;
    height:auto;
    border-left:1px solid #000;
    margin-left:10px;
}
#Footer #Menu li a:hover {
    text-decoration:underline;
}
#currency-chooser .currencies:before {
    content:"";
    display:block;
    position:absolute;
    top:-15px;
    left:79px;
}
#Footer #Menu li.First a {
    padding:0;
    margin:0;
    border-left:0;
}
#Footer #Menu ul ul {
    display:inline-block;
    padding:0;
    border:0;
}
#Footer #Menu ul ul li:before {
    content:'|';
    padding: 5px;
}
/* Header Menu */
#Header #SideCategoryList {
    display:inline-block;
    float:none;
}
/* My Account menu#SideAccountMenu li{border:0;}#SideAccountMenu li:first-child{border:0;}#SideAccountMenu li:last-child{border:0;}#SideAccountMenu h2{display:none;padding-left:0;padding-right:0;border-bottom: 0;}*/
/* Pagination */
.pagination-container {
    text-align:center;
}
.CategoryPagination {
    display:inline-block;
    white-space:nowrap;
    line-height: 15px;
}
.CategoryPagination .PagingList {
    display:inline;
    margin-left:0;
}
.CategoryPagination .PagingList li:first-child {
    display:none;
}
.CategoryPagination .PagingList li.ActivePage {
    padding:0px 3px;
    color:#FF7800;
}
.CategoryPagination a:hover {
    color:#FF7800;
}
.CategoryPagination .FloatLeft {
    margin-right:13px;
}
.CategoryPagination .FloatRight {
    margin-left:3px;
}
.CategoryPagination .FloatLeft a,.CategoryPagination .FloatRight a {
    display:inline-block;
    width:5px;
    overflow:hidden;
    text-indent:-9999px;
}
.CategoryPagination .FloatLeft a {
    background-image:url('../images/l-arrow.png');
    margin-top:0;
    background-position: 50% 50%;
}
.CategoryPagination .FloatRight a {
    background-image:url('../images/r-arrow.png');
    margin-top:0;
    background-position: 50% 50%;
}
.CategoryPagination li {
    display:inline-block;
    margin-right:7px;
}
#frmCompare {
    border-top:0px solid #f4f4f4;
    padding-top:0;
    clear:both;
}
.PagingBottom {
    margin-top:10px;
}

#SideProductAddToWishList .BlockContent {
    background:#FFFFFF;
    border:1px solid #E3E3E3;
    margin:50px 0 0;
    padding:15px;
    position:absolute;
    display:none;
    z-index: 100;
}
.OutOfStockMessage {
    background:url(../images/warning.png) 2px 1px no-repeat;
    line-height:17px;
    font-size:14px;
    font-weight:normal;
    margin-bottom:20px;
    padding-left:25px;
}
.CurrentlySoldOut p {
    margin:0;
    font-weight:normal;
}
.ProductMain table.ExpectedReleaseDate {
    margin-left:0;
    margin-right:0;
    margin-top:0px;
    margin-bottom: 20px;
    width: 100%;
}
div.FacebookLikeButtonContainer {
    margin-top:0;
}
div.FacebookLikeButtonContainer iframe {
    height: 30px;
}


td.CartItemIndividualPrice, td.CartItemTotalPrice  {
line-height: 34px;
text-decoration:none!important;
}
.ShippingMethodList table tbody td {
padding-left: 20px;
}
.ShippingMethodList table td,
.ShippingMethodList table td em {
font-weight: 400 !important;
}
.Syndicate a, .Syndicate a img {
vertical-align: middle;
display: inline-block;
*display: inline;
zoom: 1;
}
.Syndicate a img {
margin-right: 5px;
}
#tabcontent {
background: #fff;
}

#SharingDataChoices li {
position: relative;
text-align:  center;
}

#SharingDataChoices li img {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
}

#CartEditProductFieldsForm .productAttributeList {
max-height: 10000px;
overflow: hidden;
}


#ModalContent .productAttributeValue textarea.productAttributeFluidWidth {
  height: 100px !important;
  width: 98% !important;
}


ul.ContentList,
ul.AccountOrderStatusList,
ul.AccountMessageList {
    list-style: none;
    margin: 0;
}
ul.AccountMessageList h3,
ul.ContentList h3 {
margin-bottom: 0;
}



.caps {
text-transform: uppercase;
}
ul.AccountMessageList li img {
vertical-align: middle;
}
.ReturnsList {
list-style-type: none;
margin: 0;
padding: 0;
}
.ReturnsList li h3 {
margin: 0;
}
.home-products .ProductInfo #QuickViewContent #QuickViewProductDetails {
width: 260px !important;
}


html.touch .productOptionViewRectangle input,
html.touch .productOptionPickListSwatch input {
left: 0px !important;
top: 0 !important;
margin: 0 !important;
width: 25px !important;
height: 25px !important;
opacity: 0 !important;
filter: alpha(opacity = 0) !important;
z-index: 100 !important;
cursor: pointer !important;
}

.ExpressCheckoutContent .CreateAccount {
padding-left: 0 !important
}
.EstimatedShippingForm div.selector {
width: auto !important;
display: block !important;
}
.EstimatedShippingForm  #shippingZoneStateName {
width: 270px;
}
.ProductList  .Message {
padding-left: 20px;
}


.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {
  padding: 0 10px 0 0;
}
.addthis_pill_style {
    display: inline-block !important;
}
.ProductDetailsGrid.prodAccordionContent {
margin-left: 0 !important;
}
.ProductDetailsGrid.prodAccordionContent .DetailRow {
padding-bottom: 0;
}
#use_store_credit td {
text-align: left;
}
.PaymentOptions, #provider_list {
line-height: 150%;
}
#provider_list {
padding-left: 20px;
}

.WrappingOptions a {
color: #FF7800 !important;
}
/**** Transitions ****/
#CartBreadcrumb {
white-space: nowrap;
}
#QuickSearch {
margin-left: -55px;
margin-top: -10px;
}


.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 1200ms;
     -moz-transition-duration: 1200ms;
      -ms-transition-duration: 1200ms;
       -o-transition-duration: 1200ms;
          transition-duration: 1200ms;

animation-timing-function:ease;
-webkit-animation-timing-function:ease;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


.productAttributeList .productAttributeValue {
  display: inline;
  font-size: 14px;
}
.ProductList .ProductPriceRating {

  max-width: 110px;
float: left;
margin-bottom: 10px;
margin-top: -10px;
}
.ProductList .ListView.item .ProductPrice, .ProductList .ListView.item em {
padding: 0 !important;
}
.ProductList li.ListView .ProductActionAdd,
.ProductList li.ListView .ProductCompareButton {
padding-left: 0 !important;
}


.productAttributeList .productAttributeValue .dateselector select {
width: 80px;
}


table {
    border-collapse: collapse;
    margin-bottom: 1rem;
}
table td {
    padding: 0.25rem 0.5rem;
    border: 0px solid #ccc;
}

blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 0px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote p {
    display: inline;
}

/*added For Menu-submenu  */
#HeaderLower #Menu ul ul ul, #HeaderLower #Menu ul ul ul ul {height:auto !important;}
/*end*/

.ViewLarger {
display:none;
}
#SideShopByBrand {
display:none;
}
.SortBox {
display: none;
}
.furstilCocomats {
width: 178px;
height: 32px;

float: left;
margin-top: -6px;
}
.furstilCocomats h4{
font-size:15px;
font-weight:500;
line-height:30px;
display:none;
}

.QuickViewBtn {
display: none;
}
.preview {
display: none;
}
.floatMarginRight {
float: right;
margin-top: -50px;
}
.media {
width: 940px;
height: 216px;
margin-top: 20px;
margin-bottom: 20px;
}
.jayLenoLink {
width: 287px;
height: 216px;
float: left;
}
.jayLenoLink a{
display: block;
width: 287px;
height: 216px;
background-image:url(%%GLOBAL_PATH%%/content/graphics//jayLeno.png);
background-size: 100% 100%;
}
.msLink {
width: 286px;
height: 216px;
margin-left: 11px;
float: left;
}
.msLink a{
display: block;
width: 286px;
height: 216px;
background-image:url(%%GLOBAL_PATH%%/content/graphics/mercedesSource.png);
background-size: 100% 100%;
}
.pcaLink {
width: 324px;
height: 216px;
margin-left: 12px;
float: left;
}
.pcaLink a{
display: block;
width: 324px;
height: 216px;
background-image:%%GLOBAL_PATH%%/content/graphics/pcaSpotlight.png;
background-size: 100% 100%;
}
.productsMainContent {
width: 940px;
height: auto;
margin-top: 23px;
margin-left: 1px;
margin-right: 1px;
}
.productsLinkRow {
width: 940px;
height:406px;
}
.productsFirstLink {
width: 220px;
height: 312px;
margin-bottom: 23px;
float: left;
}
.productsLinks {
width: 220px;
height: 312px;
margin-left: 20px;
margin-bottom: 23px;
float: left;
}
.productsLinksClear {
clear: both;
}
/*#Header {
background-image: url(https://www.cocomats.com/content/cocomatswebsite/graphics/etchingmin.jpg);
background-position: center center;
}*/
.prevnextButtonRow {
width: 942px;
height: 15px;
margin-top: -52px;
font-size: 27px;
margin-bottom: 20px;
opacity: .9;
}
.prevButton {
width: 35px;
height: 15px;
float: left;
margin-left: 15px;
margin-top: -9px;
color:white;
}
.nextButton {
width: 35px;
height: 15px;
float: right;
margin-right: 26px;
margin-bottom: 20px;
margin-top: -9px;
color:white;

}
.ProductThumbImageBox a:hover {
opacity: 1;
}
.productiontime {
font-size: 30px;
font-weight: Bold;
text-align: center;
}
.orderGrommets {
width: 385px;
    height: 384px;
    border: 0px solid #C7C7C7;
    border-spacing: 10px 10px;
margin-left: 57px;
margin-bottom: 52px;
margin-top: 62px;
}
.orderGrommetsTitle {
    width: 385px;
    height: 28px;
    margin-top: 18px;
    margin-bottom: 18px;
    font-size: 25px;
    font-weight:500;
    text-align:center;
}
.orderGrommetText {
    width: 365px;
    height: 220px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 15px;
    font-weight: 400;
    text-align: justify;
}
.shipping {
    width: 385px;
    height: 325px;
    border: 0px solid #C7C7C7;
    border-spacing: 10px 10px;
margin-left: 60px;
margin-bottom:10px;
}

.shippingTitle {
    width: 385px;
    height: 28px;
    margin-top: 18px;
    margin-bottom: 18px;
    font-size: 25px;
    font-weight:500;
    text-align:center;
}
.shippingText {
    width: 365px;
    height: 126px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 15px;
    font-weight: 400;
    text-align: justify;
}
.shippingRow {
    width: 365px;
    height: 61px;
    margin-left: 9px;
}
.shippingRow2 {
    width: 365px;
    height: 61px;
    margin-left: 9px;
margin-bottom:20px;
margin-top:10px;
}
.shippingCountry {
    width: 75px;
    height: 61px;
    font-size: 15px;
    font-weight:400;
    text-align:left;
    float:right;
}
.shippingFirstItem {
    width: 60px;
    height: 61px;
    font-size: 15px;
    font-weight:400;
    text-align:center;
    float:right;
}
.shippingEachAddl {
    width: 73px;
    height: 61px;
    font-size: 15px;
    font-weight:400;
    text-align:center;
    float:right;
    margin-left: 6px;
}
.shippingDelivery {
    width: 133px;
    height: 61px;
    font-size: 15px;
    font-weight:400;
    text-align:center;
    float:right;
}
.shippingSwatches {
width: 385px;
margin-bottom: 15px;
margin-top: 15px;
font-size: 15px;
}
.shippingRestofWorld {
width: 272px;
height: 61px;
font-size: 15px;
    font-weight:400;
    text-align:center;
    float:right;
}
#webVideosContent {
width: 853px;
height: auto;
margin-left: 44px;
}
.webVideo01 {
width: 853px;
height: 510px;
border-bottom: 2px solid #C7C7C7;
margin-bottom: 20px;
margin-top: 20px;
}
.webVideo02 {
width: 853px;
height: 510px;
margin-top: 20px;
border-bottom: 2px solid #C7C7C7;
margin-bottom: 20px;
}
.webVideo03 {
width: 853px;
height: 510px;
margin-top: 20px;
border-bottom: 2px solid #C7C7C7;
margin-bottom: 20px;
}
.webVideosTitle {
font-size: 30px;
margin-bottom: 10px;
margin-right: 44px;
text-align: right;
}
.webVideosTextWarning{
width: 700px;
height: auto;
font-size: 18px;
line-height: 21px;
margin-left: 76px;
text-align: center;
}
.cleaningSpacer {
height: 20px;
width:20px;
}
.poBox {
width: 942px;
height: 19px;
text-align: center;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 15px;
}
.bBB {
margin-top:5px;
width: 262px;
height: auto;
float: right;
}
#banner-fade,
#banner-slide{
    
}

/* Google Ad Campaign 01 */
/* Google Ad Campaign 01 */
/* Google Ad Campaign 01 */

ul.bjqs-controls.v-centered li a{
    display:block;
    padding:10px;
    background:#fff;
    color:#000;
    text-decoration: none;
opacity: .5;
margin-top: 254px;

}

ul.bjqs-controls.v-centered li a:hover{
    background:#000;
    color:#fff;

}

ol.bjqs-markers li a{
    padding:5px 10px;
    background:#000;
    color:#fff;
    margin:5px;
    text-decoration: none;
opacity:.5;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
    background: #999;
}

p.bjqs-caption{
    background: rgba(255,255,255,0.5);
color:black;
text-align: right;
font-weight: bold;
}

/* Google Ad Campaign 02 */
/* Google Ad Campaign 02 */
/* Google Ad Campaign 02 */
.gl2 {
width: 942px;
height: auto;
}
/* Title */

.gl2l1 {
width: 942px;
height: 100px;
}
.gl2l1Title {
width: 350px;
height: 50px;
margin-top: 0px;
font-size: 50px;
font-variant: small-caps;
text-align: center;
color: black;
}
.gl2l1SubTitle {
width: 350px;
height: 42px;
font-size: 23px;
text-align: center;
margin-top:5px;
}

/* Slide Show and Text */

.gl2l2 {
width: 942px;
height: 430px;
}
.gl2l2Slide {
width: 592px;
height: 430px;
float: left;
margin-top:7px
}
.gl2l2Text {
width: 327px;
height: 275px;
float: right;
font-size: 15px;
line-height: 20px;
text-align: justify;
}
.gl2l2Bullet {
width: 340px;
height: 130px;
float: right;
}
.gl2l2Bullet li {
font-size: 15px;
line-height: 18px;
color: black;
}

/* Videos */

.gl2l3 {
width: 942px;
height: 460px;
}
.gl2l3Title {
width: 942px;
height: 90px;
font-size: 37px;
text-align: center;
line-height: 90px;
font-variant: small-caps;
color: black;
}
.gl2l3Video01 {
width: 445px;
height: 295px;
float: left;
}
.gl2l3Video02 {
width: 445px;
height: 295px;
float: right;
}

/* Colors */

.gl2l4 {
width: 942px;
height: 390px;
margin-top: 15px;
}
.gl2l4Title01 {
width: 207px;
height: 357px;
margin-left: 0px;
float: left;
}
.gl2l4TitleNumber {
width:91px;
height: 70px;
font-size: 70px;
float: left;
color: black;
}
.gl2l4TitleTop {
width: 114px;
height: 25px;
font-size: 25px;
font-variant: small-caps;
margin-bottom: 0px;
float: right;
margin-top:10px;
color: black;
}
.gl2l4TitleBottom {
width: 114px;
height: 30px;
font-size: 30px;
font-variant: small-caps;
float: right;
color: black;
}
.gl2l4Text {
width: 240px;
height: 279px;
margin-left: 0px;
float: left;
margin-top: 10px;
font-size: 14px;
line-height: 22px;
text-align: justify;
}
.gl2l4Slide {
width: 677px;
height: 330px;
float: right;
margin-top: 20px;
}

/* Security and Testimonials */

.gl2l5 {
width: 942px;
height: 200px;
margin-top: 24px;
}
.gl2l5Hs {
width: 260px:
height: 168px;
float: left;
margin-left: 0px;
}
.gl2l5Title {
width: 260px;
height: 35px;
font-size: 35px;
font-variant: small-caps;
color: black;
}
.gl2l5McS {
width: 110px;
height: 39px;
float: left;
margin-left: 7px;
margin-top: 27px;
margin-bottom: 20px;
}
.gl2l5Gd {
width: 127px;
height: 26px;
float: right;
margin-right: 9px;
margin-top: 33px;
}
.gl2l5Bbb {
width: 107px;
height: 54px;
margin-left: 9px;
margin-top: 20px;

}
.gl2l5Adn {
width: 92px;
height: 72px;
float: right;
margin-top: 0px;
margin-right: 18px;
}
.gl2l5Test {
width: 630px;
height: 168px;
float: right;
margin-left: 23px;
}
.gl2l5TestTitle {
width: 597px;
height: 35px;
font-size: 35px;
font-variant: small-caps;
color: black;
}
.gl2l5TestText {
width: 592px;
height: 39px;
font-size: 18px;
margin-top: 18px;
line-height: 23px;
}
.gl2l5TestText2 {
width: 592px;
height: 39px;
font-size: 18px;
margin-top: 32px;
line-height: 23px;
}

/* Order */

.gl2l6 {
width: 942px;
height: 90px;
margin-top: 21px;
}
.gl2l6Text {
width: 545px;
height: 90px;
font-size: 30px;
font-variant: small-caps;
line-height: 90px;
float: left;
color: black;
}
.gl2l6Order {
width: 357px;
height: 60px;
float: right;
margin-right: 23px;
margin-top: 17px;
}
.logoAb {
    width: 150px;
    position: absolute;
    top: 10px;
    right: 30px;
    padding: 5px;
z-index: 99999;
margin-top:19px;
margin-right:10px;
}
.logoAb2 {
    width: 150px;
height:220px;
    position: absolute;
    top: 200px;
    right: 30px;
    padding: 5px;
z-index: 99999;
background-color:white;
}
.logoAb3 {
width: 150px;
    position: absolute;
    top: 435px;
    right: 30px;
    padding: 5px;
z-index: 99999;
}
.breastCancer {
width:130px;
height: 68px;
position: absolute;
    top: 32px;
    left: 0px;
    padding: 5px;
z-index: 99999;
}

/* BMW CCA */

.bmwcca {
width: 942px;
height: auto;
margin-top: -20px;
}

.bmwccaleft {
width: 203px;
height: auto;
float: left;
}
.bmwccaright {
width: 661px;
height: auto;
float: right;
margin-right: 78px;
}
.pcaright {
width: 739px;
height: auto;
float: right;
;
}
.bmwccalogo {
width: 203px;
height: 171px;
}
.bmwccamenu {
width: 203px;
height: 304px;
margin-top: 38px;
}
.bmwccamenu ul{
text-align: center;
list-style-type: none;
margin: 0px;
}
.bmwccamenu ul li{
font-size: 16px;
line-height: 20px;
margin-top: 25px;
text-align: center;
}
.bmwccamenu ul li a{
color: black;
}
.bmwccamenu ul li a:hover{
color: grey;
}
.bmwccabmwlogo {
width: 45px;
height: 55px;
float: left;
}
.bmwccaTitle {
width: 616px;
height: 45px;
float: right;
font-size: 43px;
margin-top:7px;
color: black;
}
.bmwccaphoto{
width: 632px;
height: 422px;
float: right;
margin-top: 50px;
margin-bottom: 40px;
}
.bmwccaadtext{
width: 518px;
height: 149px;
font-size: 16px;
line-height: 20px;
float: left;
margin-left: 60px;
margin-bottom: 30px;
}
.bmwccaadctitle{
width: 616px;
height: 35px;
font-size: 33px;
float: left;
margin-bottom: 37px;
margin-top:15px;
text-align: center;
}
.bmwccaadcp{
width: 616px;
height: 100px;
font-size: 16px;
line-height: 20px;
float: left;
text-align: justify;
margin-bottom: 35px;
}
.bmwccaadcc{
width: 616px;
height: 47px;
font-size: 18px;
line-height: 20px;
float: left;
text-align: center;
margin-bottom: 25px;
}
.pcaPhotos {
width: 739px;
height: 493px;
float: right;
margin-top: 50px;
margin-bottom: 40px;
}
.gc2 {
width:912px;
height: 3675px;
margin-right:auto;
margin-left:auto;
margin-top: -20px;
}

.gc1 {
width:912px;
height: 4700px;
margin-right:auto;
margin-left:auto;
margin-top: -20px;
}
/* Porsche 911 Original Mat GC1A1P1 R1*/

.gHead {
width: 912px;
height: 550px;
background-image: url("https://www.cocomats.com/content/cocomatswebsite/graphics/GC1A1P1/Images/Porsche911.jpg");
}
.gHeadImage {
width: 912px;
height: 550px;
position: relative;
z-index: 1;
}
.gLogoImageText {
position: relative;
width: 288px;
height: 115px;
top: 413px;
left: 591px;
z-index: 2;
}

.gCocoMatsLogo {
width: 288px;
height: 84px;

}

.gCocoMatsLogoText {
width: 288px;
height: 20px;
font-size: 18px;
text-align:center;
font-color: white;
position:relative;
}

.gCocoMatsLogoText p{
color: white;
font-size: 18px;
}

/* Porsche 911 Original Mat GC1A1P1 R2*/

.gHeadText {
height: 142px;
width: 912px;
margin-top: 24px;
}

.gHeadText2 {
height: 142px;
width: 912px;
margin-top: 40px;
}

.gHeadTextLeft {
width: 569px;
height: 126px;
border: 8px solid #e6e6e6;
background-color: #f0f0f0;
float: left;
}

.gHeadTextLeft p{
margin-left: 15px;
margin-top: 18px;
width: 540px;
font-family: "europa","futura-pt",'Muli','Nunito Sans','Roboto', sans-serif;
font-size: 18px;
color: black;
font-weight: 100;
letter-spacing: 0px;
}

.gHeadTextRight {
width: 327px;
height: 142px;
line-height: 142px;
text-align: center;
font-family: 'Permanent Marker', cursive;
font-size: 23px;
font-color: black;
float:right;
margin-top:15px;
}

.gHeadTextRight span{
display: inline-block;
vertical-align: middle;
line-height: normal;
color:black;
}

/* Porsche 911 Original Mat GC1A1P1 R3*/

.gCata {
width: 912px;
height: 500px;
margin-top: 30px;
position: relative;
z-index: 1;

}

.gCata2 {
width: 912px;
height: 500px;
margin-top: 45px;
position: relative;
z-index: 1;

}

.gCataTextBox {
position: absolute;
top: 83px;
width: 290px;
height: 58px;
background-color: #e3e3e3;
padding-top: 16px;
padding-left: 27px;
font-size: 20px;
font-color: black;
z-index: 2;
}
.gCataTextBox p{
color: black;
font-weight: ;
letter-spacing: 1px;
}


.gCataCover {
width: 260px;
height: 205px;
position: absolute;
top: 210px;
z-index: 3;
}


.gCataCocoShadow {
position: absolute;
top: 0;
left: 290px;
width: 617px;
height: 436px;
z-index: 4;
-webkit-box-shadow: -5px 4px 71px -32px rgba(0,0,0,0.75);
-moz-box-shadow: -5px 4px 71px -32px rgba(0,0,0,0.75);
box-shadow: -5px 4px 71px -32px rgba(0,0,0,0.75);
}

/* Porsche 911 Original Mat GC1A1P1 R4*/

.gNAI {
width: 912px;
height: 680px;
position: relative;
z-index: 1;
}

.gNAImat {
position: absolute;
width:447px;
height: 650px;
left:23px;
top:0;
z-index: 2;
}

.gNAItext {
position: absolute;
width:501px;
height: 680px;
right: 0;
z-index: 3;
}

.gNAItextTitle {
width: 501px;
height: 61px;
margin-left: 34px;
font-size: 65px;
font-family: 'Reenie Beanie', cursive;
margin-top:20px;
}
.productgNAItextTitle {
width: 501px;
height: 46px;
margin-left: 34px;
font-size: 65px;
font-family: 'Reenie Beanie', cursive;
margin-top:20px;
margin-bottom: 20px;
text-align: center;
vertical-align: middle;
line-height: 46px;
background-color: #EFEFEF;
}
.gNAItextTitle h2{
background-color: #EFEFEF;
height: 46px;
text-align: center;
vertical-align: middle;
line-height: 46px;
margin-bottom: 20px;
}

.gNAItextTitle p{
color:black;
}

.gNAItextTST {
width: 437px;
height: 454px;
margin-left: 65px;
margin-top:17px;
}

.gNAItextATSTBox {
width: 437px;
height: 97px;
margin-bottom:58px;
}

.gNAItextATST {
width: 437px;
height: 26px;
}

.gNAItextArrow {
width: 46px;
height: 26px;
float:left;
font-size:46px;
color:black;
font-weight: bold;
}

.gNAItextTSTtitle {
width: 387px;
height: 26px;
float:right;
font-size: 23px;
text-align:left;
margin-top:13px;
}

.gNAItextTSTtitle p{
color: black;
font-weight: bold;
font-size: 23px;
}

.gNAItextToughText {
width: 320px;
height: 62px;
margin-top: 15px;
margin-left: 46px;
font-size: 16px;
}
.productgNAItextToughText {
width: 410px;
height: 62px;
margin-top: 15px;
margin-left: 46px;
font-size: 16px;
}
.gNAItextToughText p{
color: black;
font-size: 16px;
}

.gNAItextSignatureText {
width: 365px;
height: 62px;
margin-top: 15px;
margin-left: 46px;
font-size: 16px;
}
.productgNAItextSignatureText {
width: 410px;
height: 62px;
margin-top: 15px;
margin-left: 46px;
font-size: 16px;
}

.gNAItextSignatureText p{
color: black;
}

.gNAItextTightText {
width: 355px;
height: 62px;
margin-top: 10px;
margin-left: 46px;
font-size: 16px;
}

.productgNAItextTightText {
width: 410px;
height: 62px;
margin-top: 10px;
margin-left: 46px;
font-size: 16px;
}

.gNAItextTightText p{
color: black;
}

.gNAIRubberBox {
width: 501px;
height: 92px;
margin-top: 20px;
}

.gNAIRubberAT {
width: 501px;
height: 43px;
}

.gNAIRubberA {
width: 46px;
height: 26px;
float:left;
font-size:46px;
color:black;
font-weight: bold;
}

.gNAIRubberA p{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.gNAIRubberTitle {
width: 450px;
height: 26px;
font-size: 23px;
float: right;
text-align:left;
margin-top: 13px;
}

.gNAIRubberTitle p{
color: black;
font-weight: bold;
font-size: 23px;
}

.gNAIRubberText {
width: 448px;
height: 40px;
margin-top: px;
margin-left: 46px;
font-size: 16px;
}

.gNAIRubberText p{
color: black;
}


/* Porsche 911 Original Mat GC1A1P1 R5*/

.gCM {
width: 912px;
height: 796px;
position: relative;
z-index: 1;
}

.gCMtitle {
width: 233px;
height: 176px;
position: absolute;
z-index: 2;
left: 0px;
top: 0px;
padding-top: 20px;
padding-left: 54px;
background-image: url("https://www.cocomats.com/content/cocomatswebsite/graphics/GC1A1P1/Images/CustomMadeBKG.jpg");
font-family: 'Fredericka the Great', cursive;
}
.gCMtitle2 {
width: 233px;
height: 176px;
position: absolute;
z-index: 2;
left: 0px;
top: 0px;
padding-top: 20px;
padding-left: 45px;
font-family: 'Fredericka the Great', cursive;
}
/* background-image: url("https://www.cocomats.com/content/cocomatswebsite/graphics/GC1A1P1/Images/CustomMadeBKG.jpg");*/
.gCMtitleTextA {
width: 210px;
height: 44px;
font-size: 54px;
color: black;
}

.gCMtitleTextB {
width: 210px;
height: 60px;
font-size: 73px;
color: black;
margin-top:10px;
}


.gCMtitleTextA2 {
width: 210px;
height: 44px;
font-size: 65px;
color: black;
font-family: 'Reenie Beanie', cursive;
}

.gCMtitleTextB2 {
width: 210px;
height: 60px;
font-size: 65px;
color: black;
margin-top:20px;
margin-left:12px;
font-family: 'Reenie Beanie', cursive;
}

.gCMpar {
width: 573px;
height: 197px;
border: 8px solid #e6e6e6;
background-color: #f0f0f0;
padding-left: 20px;
padding-right: 20px;
padding-top: 15px;
font-family: 'Architects Daughter', cursive;
font-size: 18px;
font-variant: small-caps;
position: absolute;
left: 287px;
top: 48px;
z-index: 3;
color: black;
line-height: 20px;
}

.gCMTempTextBKGa {
width: 201px;
height: 56px;
position: absolute;
top: 196px;
left: 21px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 18px;
padding-right: 8px;
background-color: #e3e3e3;
font-size: 21px;
color: black;
z-index: 4;
font-weight: bold;
}

.gCMTempTextBKGb {
width: 16px;
height: 281px;
position: absolute;
top: 267px;
left: 232px;
background-color: #e3e3e3;
z-index: 4;
}

.gCMTemp {
width: 401px;
height: 518px;
position: absolute;
top: 267px;
left: 0px;
z-index: 5;
}

.gCMFactoryText {
width: 202px;
height: 71px;
position: absolute;
z-index: 6;
top: 339px;
left: 616px;
background-color: #e3e3e3;
padding-left: 25px;
padding-top: 13px;
color: black;
}

.gCMFactoryTexta {
width: 175px;
height: 23px;
font-size: 21px;
font-weight: bold;
text-align: center;
}

.gCMFactoryTextb {
width: 175px;
height: 22px;
font-size: 17px;
font-weight: bold;
text-align: center;
}
.gCMFactoryTexta2 {
font-family: 'Reenie Beanie', cursive;
width: 175px;
height: 23px;
font-size: 21px;
font-weight: bold;
text-align: center;
}

.gCMFactoryTextb2 {
font-family: 'Reenie Beanie', cursive;
width: 175px;
height: 22px;
font-size: 17px;
font-weight: bold;
text-align: center;
}

.gCMFactory {
width: 444px;
height: 296px;
position: absolute;
z-index: 7;
top: 407px;
left: 423px;
-webkit-box-shadow: -1px 0px 56px -12px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 0px 56px -12px rgba(0,0,0,0.75);
box-shadow: -1px 0px 56px -12px rgba(0,0,0,0.75);
}

/* Porsche 911 Original Mat GC1A1P1 R6*/

.gVS {
width: 912px;
height: 310px;
position: relative;
z-index: 1;
}

.gVSBKG {
width: 887px;
height: 76px;
position: absolute;
z-index: 2;
background-color: #e3e3e3;
top: 32px;
}

.gVSTitle {
width: 420px;
height: 71px;
font-family: 'Permanent Marker', cursive;
font-weight: bold;
font-size: 30px;
text-align: center;
position: absolute;
top: 13px;
left: 8px;
z-index: 3;
color: black;
line-height: 43px;
}

.gVS24Colors {
width: 210px;
height: 25px;
position: absolute;
z-index: 3;
color: white;
top: 62px;
left: 446px;
font-family: 'Permanent Marker', cursive;
font-size: 27px;
}

.gVSPT {
width: 270px;
height: 287px;
position: absolute;
z-index: 4;
top: 10px;
left: 590px;
}

.gVSText {
width: 550px;
height: 130px;
position: absolute;
z-index: 5;
top: 128px;
left: 6px;
font-family: "europa","futura-pt",'Muli','Nunito Sans','Roboto', sans-serif;
font-size: 19px;
color: black;
font-weight: 100;
text-indent: 0px;
}

/* Porsche 911 Original Mat GC1A1P1 R7*/

.gPG {
width: 912px;
height: 403px;
position: relative;
z-index: 1;
margin-top: 0px;
}
.gPG2 {
width: 912px;
height: 403px;
position: relative;
z-index: 1;
margin-top: 50px;
}
.gPGTitle {
width: 700px;
height: 45px;
position: absolute;
z-index: 2;
top: 0px;
left: 0px;
font-family: 'Rock Salt', cursive;
font-size: 20px;
color: black;
}

.gPGBLKRD01{
width: 205px;
height: 136px;
position: absolute;
z-index: 2;
top: 45px;
left: 29px;
}

.gPGBLKWHT01{
width: 205px;
height: 218px;
position: absolute;
top: 185px;
left: 29px;
z-index: 2;
}

.gPGBLKGD {
width: 269px;
height: 180px;
position: absolute;
z-index: 2;
top: 45px;
left: 237px;
}

.gPGBLKRD02 {
width: 269px;
height: 175px;
position: absolute;
z-index: 2;
top: 228px;
left: 237px;
}

.gPGBLKWT02 {
width: 177px;
height: 117px;
position: absolute;
z-index: 2;
top: 45px;
left: 510px;
}

.gPGBLKWT03 {
width: 177px;
height: 117px;
position: absolute;
z-index: 2;
top: 166px;
left: 510px;
}

.gPGGREY {
width: 177px;
height: 117px;
position: absolute;
z-index: 2;
top: 286px;
left: 510px;
}

.gPGJASPE {
width: 194px;
height: 227px;
position: absolute;
z-index: 2;
top: 45px;
left: 691px;
}

.gPGBRN {
width: 194px;
height: 128px;
position: absolute;
z-index: 2;
top: 275px;
left: 691px;
}

.gPricing {
width: 912px;
height: 467px;
position: relative;
z-index: 1;
}

.gPricingTitle {
width: 912px;
height: 35px;
position: absolute;
z-index: 2;
font-family: "europa","futura-pt",'Muli','Nunito Sans','Roboto', sans-serif;
text-align: center;
font-weight: bold;
font-size: 35px;
top: 31px;
}

.gPricingBKG {
width: 831px;
height: 356px;
position: relative;
z-index: 3;
top: 99px;
left: 43px;
background-image: url("https://www.cocomats.com/content/cocomatswebsite/graphics/GC1A1P1/Images/PricingBKG.jpg");
-webkit-box-shadow: -1px 0px 56px -12px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 0px 56px -12px rgba(0,0,0,0.75);
box-shadow: -1px 0px 56px -12px rgba(0,0,0,0.75);
}

.gPricingFont {
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
opacity: .7px;
color: #625e7c;
font-size: 15px;
}

.gPricingR1Cocomats {
width: 280px;
height: 54px;
position: absolute;
z-index: 5;
font-size: 18px;
top: 29px;
left: 384px;
}

.gPricingNOP {
width: 144px;
height 70px;
position: absolute;
z-index: 6;
top: 82px;
left: 114px;
}

.gPricingDesc {
width: 128px;
height 70px;
position: absolute;
z-index: 7;
top: 82px;
left: 257px;
}

.gPricingPricing {
width: 119px;
height 70px;
position: absolute;
z-index: 8;
top: 82px;
left: 682px;
}

.gPricingTwo {
width: 110px;
height 91px;
position: absolute;
z-index: 9;
top: 151px;
left: 148px;
}

.gPricingDP {
width: 128px;
height 91px;
position: absolute;
z-index: 10;
top: 151px;
left: 257px;
line-height: px;
}

.gPricingC1 {
width: 21px;
height 91px;
position: absolute;
z-index: 11;
top: 151px;
left: 417px;
line-height: px;
}

.gPricing2PFS {
width: 141px;
height 86px;
position: absolute;
z-index: 12;
top: 158px;
left: 437px;
line-height: px;
}

.gPricingC2 {
width: 15px;
height 91px;
position: absolute;
z-index: 13;
top: 151px;
left: 682px;
line-height: px;
}

.gPricing2PP {
width: 86px;
height 91px;
position: absolute;
z-index: 14;
top: 151px;
left: 696px;
line-height: px;
}

.gPricingFour {
width: 110px;
height 73px;
position: absolute;
z-index: 15;
top: 241px;
left: 148px;
}

.gPricingDPDP {
width: 128px;
height 73px;
position: absolute;
z-index: 16;
top: 241px;
left: 257px;
line-height: px;
}

.gPricingC3 {
width: 21px;
height 73px;
position: absolute;
z-index: 17;
top: 241px;
left: 417px;
line-height: px;
}

.gPricing4PFS {
width: 141px;
height 42px;
position: absolute;
z-index: 18;
top: 268px;
left: 437px;
}

.gPricingC4 {
width: 15px;
height 73px;
position: absolute;
z-index: 19;
top: 241px;
left: 682px;
line-height: px;
}

.gPricing4PP {
width: 86px;
height 51px;
position: absolute;
z-index: 20;
top: 261px;
left: 696px;
line-height: px;
}

/* Porsche 911 Original Mat GC1A1P1 R9*/

.gOrder {
width: 912px;
height: 196px;
position: relative;
z-index: 1;
}

.gOrderText {
width: 442px;
height: 86px;
position: absolute;
z-index: 2;
top: 42px;
left: 0px;

font-size: 35px;
font-weight: bold;
text-align: center;
color: black
}

.gOrderArrow {
width: 67px;
height: 39px;
position: absolute;
z-index: 3;
top: 42px;
left: 417px;
}

.gOrderButton {
width: 357px;
height: 60px;
position: absolute;
z-index: 4;
top: 68px;
left: 512px;
}

.gOrderLine {
width: 912px;
height: 4px;
position: absolute;
z-index: 5;
top: 202px;
left: 0px;
background-color: #a5a4a4;
}

.gOrderPorscheSil {
width: 108px;
height: 24px;
position: absolute;
z-index: 6;
top: 178px;
left:398px;
}

.spacer {
width: 10px;
height: 10px;
display:box;
}

/* Porsche 911 Original Mat GC1A1P1 R10*/

.gColors {
width: 912px;
height: 349px;
position: relative;
z-index: 1;
}

.gColorsTitle{
width: 224px;
height: 40px;
position: absolute;
z-index: 2;
top: 15px;
left: 100px;
font-family: 'Permanent Marker', cursive;
font-size: 41px;
font-weight: bold;
color: black;
}

.gColorsArrow {
width: 26px;
height: 25px;
position: absolute;
z-index: 3;
top: 55px;
left: 311px;
}

.gColorsClick {
width: 269px;
height: 21px;
position: absolute;
z-index: 4;
top: 55px;
left: 423px;
font-size: 17px;
font-weight: bold;
color: black;
}

.gColors01 {
width: 35px;
height: 244px;
position: absolute;
z-index: 5;
top: 86px;
left: 0px;
}

.gColors02 {
width: 35px;
height: 244px;
position: absolute;
z-index: 6;
top: 92px;
left: 39px;
}

.gColors04 {
width: 35px;
height: 244px;
position: absolute;
z-index: 7;
top: 86px;
left: 77px;
}

.gColors06 {
width: 35px;
height: 244px;
position: absolute;
z-index: 8;
top: 92px;
left: 115px;
}

.gColors11 {
width: 35px;
height: 244px;
position: absolute;
z-index: 9;
top: 86px;
left: 153px;
}

.gColors12 {
width: 35px;
height: 244px;
position: absolute;
z-index: 10;
top: 92px;
left: 191px;
}

.gColors14 {
width: 35px;
height: 244px;
position: absolute;
z-index: 11;
top: 86px;
left: 229px;
}

.gColors21 {
width: 35px;
height: 244px;
position: absolute;
z-index: 12;
top: 92px;
left: 267px;
}

.gColors22 {
width: 35px;
height: 244px;
position: absolute;
z-index: 13;
top: 86px;
left: 305px;
}

.gColors23 {
width: 35px;
height: 244px;
position: absolute;
z-index: 14;
top: 92px;
left: 343px;
}

.gColors24 {
width: 35px;
height: 244px;
position: absolute;
z-index: 15;
top: 86px;
left: 381px;
}

.gColors25 {
width: 35px;
height: 244px;
position: absolute;
z-index: 16;
top: 92px;
left: 419px;
}

.gColors31 {
width: 35px;
height: 244px;
position: absolute;
z-index: 17;
top: 86px;
left: 457px;
}

.gColors51 {
width: 35px;
height: 244px;
position: absolute;
z-index: 18;
top: 92px;
left: 495px;
}

.gColors52 {
width: 35px;
height: 244px;
position: absolute;
z-index: 19;
top: 86px;
left: 533px;
}

.gColors53 {
width: 35px;
height: 244px;
position: absolute;
z-index: 20;
top: 92px;
left: 571px;
}

.gColors54 {
width: 35px;
height: 244px;
position: absolute;
z-index: 21;
top: 86px;
left: 609px;
}

.gColors55 {
width: 35px;
height: 244px;
position: absolute;
z-index: 22;
top: 92px;
left: 647px;
}

.gColors56 {
width: 35px;
height: 244px;
position: absolute;
z-index: 23;
top: 86px;
left: 685px;
}

.gColors57 {
width: 35px;
height: 244px;
position: absolute;
z-index: 24;
top: 92px;
left: 723px;
}

.gColors81 {
width: 35px;
height: 244px;
position: absolute;
z-index: 25;
top: 86px;
left: 761px;
}

.gColors83 {
width: 35px;
height: 244px;
position: absolute;
z-index: 26;
top: 92px;
left: 799px;
}

.gColors91 {
width: 35px;
height: 244px;
position: absolute;
z-index: 27;
top: 86px;
left: 837px;
}

.gColors92 {
width: 35px;
height: 244px;
position: absolute;
z-index: 28;
top: 92px;
left: 875px;
}

.gPGTitle2 {
width: 700px;
height: 45px;
position: absolute;
z-index: 2;
top: -10px;
right: 30px;
font-family: 'Rock Salt', cursive;
font-size: 20px;
color: black;
text-align: right;
}

.gallerySubTitle {
font-size: 25px;
margin-bottom: 10px;
}

/* Mazda Miata High End GC2A1P1 R01*/

.gcMazdaMiata {
width:912px;
height: 3645px;
margin-right:auto;
margin-left:auto;
margin-top: -20px;
}

.gHeadMazdaMiata {
width: 912px;
height: 550px;
background-image: url("https://www.cocomats.com/content/cocomatswebsite/graphics/GC2A1P1/Images/MazdaMiata.jpg");
}
.gHeadImageMazdaMiata {
width: 912px;
height: 550px;
position: relative;
z-index: 1;
background-image: url("https://www.cocomats.com/content/cocomatswebsite/graphics/GC2A1P1/Images/MazdaMiata.jpg");
}

.gLogoImageTextMazdaMiata {
position: relative;
width: 288px;
height: 115px;
top: 440px;
left: 620px;
z-index: 2;
}

.gCocoMatsLogoMazdaMiata {

}
.gCocoMatsLogoMazdaMiata img {
    width: 80%;
display: block;
    margin-left: auto;
    margin-right: auto; 
}

.gCocoMatsLogoTextMazdaMiata {
width: 288px;
height: 20px;
font-size: 17px;
text-align:center;
font-color: white;
position:relative;
font-family: 'Permanent Marker', cursive;
}

.gCocoMatsLogoTextMazdaMiata p{
color: black;
}

.gHeadTextMazdaMiata {
height: 95px;
width: 912px;
margin-top: 24px;
}

.gHeadTextLeftMazdaMiata {
width: 565px;
height: 80px;
border: 8px solid #e6e6e6;
background-color: #f0f0f0;
float: left;
margin-top:5px;
}

.gHeadTextLeftMazdaMiata p{
margin-left: 20px;
margin-top: 14px;
width: 550px;
font-family: "europa","futura-pt",'Muli','Nunito Sans','Roboto', sans-serif;
font-size: 18px;
color: black;
font-weight: bold;
letter-spacing: 0px;
display: block;
line-height: 25px;
}

.gHeadTextRightMazdaMiata {
width: 327px;
height: 135px;
line-height: 135px;
text-align: center;
font-family: 'Permanent Marker', cursive;
font-size: 22px;
font-color: black;
float:right;
margin-top:px;
}

.gHeadTextRightMazdaMiata span{
display: inline-block;
vertical-align: middle;
line-height: normal;
color:black;
}

/* Mazda Miata High End GC2A1P1 Breakdown*/

.gNAIMazdaMiata {
width: 912px;
height: 680px;
position: relative;
z-index: 1;
margin-bottom: 10px;
}

.gNAImatMazdaMiata {
position: absolute;
width:433px;
height: 655px;
left:23px;
top:0;
z-index: 2;
}

.gNAItextMazdaMiata {
position: absolute;
width:550px;
height: 680px;
left: 330px;
z-index: 3;
}

.gNAItextTitleMazdaMiata {
width: 501px;
height: 61px;
margin-left: 40px;
font-size: 40px;
font-family: 'Rock Salt', cursive;
margin-top:40px;
}

.gNAItextTitleMazdaMiata p{
color:black;
}

.gNAItextTSTMazdaMiata {
width: 437px;
height: 454px;
margin-left: 65px;
margin-top:17px;
}

.gNAItextATSTBoxMazdaMiata {
width: 437px;
height: 97px;
margin-bottom:58px;
}

.gNAItextATSTMazdaMiata {
width: 437px;
height: 26px;
}

.gNAItextArrowMazdaMiata {
width: 46px;
height: 26px;
float:left;
font-size:46px;
color:black;
font-weight: bold;
}

.gNAItextTSTtitleMazdaMiata {
width: 387px;
height: 26px;
float:right;
font-size: 23px;
text-align:left;
margin-top:13px;
}

.gNAItextTSTtitleMazdaMiata p{
color: black;
font-weight: bold;
font-size: 23px;
}

.gNAItextToughTextMazdaMiata {
width: 320px;
height: 62px;
margin-top: 15px;
margin-left: 46px;
font-size: 16px;
}

.gNAItextToughTextMazdaMiata p{
color: black;
font-size: 16px;
}

.gNAItextSignatureTextMazdaMiata {
width: 365px;
height: 62px;
margin-top: 15px;
margin-left: 46px;
font-size: 16px;
}

.gNAItextSignatureTextMazdaMiata p{
color: black;
font-size: 16px;
}

.gNAItextTightTextMazdaMiata {
width: 355px;
height: 62px;
margin-top: 10px;
margin-left: 46px;
font-size: 16px;
}

.gNAItextTightTextMazdaMiata p{
color: black;
font-size: 16px;
}

.gNAIRubberBoxMazdaMiata {
width: 501px;
height: 92px;
margin-top: 20px;
}

.gNAIRubberATMazdaMiata {
width: 501px;
height: 43px;
}

.gNAIRubberAMazdaMiata {
width: 46px;
height: 26px;
float:left;
font-size:46px;
color:black;
font-weight: bold;
}

.gNAIRubberAMazdaMiata p{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.gNAIRubberTitleMazdaMiata {
width: 450px;
height: 26px;
font-size: 23px;
float: right;
text-align:left;
margin-top: 13px;
}

.gNAIRubberTitleMazdaMiata p{
color: black;
font-weight: bold;
font-size: 23px;
}

.gNAIRubberTextMazdaMiata {
width: 448px;
height: 40px;
margin-top: px;
margin-left: 46px;
font-size: 16px;
}

.gNAIRubberTextMazdaMiata p{
color: black;
font-size: 16px;
}

/* Mazda Miata High End GC2A1P1 Custom Made*/

.gCMTempTextBKGaMazdaMiata {
width: 201px;
height: 56px;
position: absolute;
top: 196px;
left: 21px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 25px;
padding-right: 1px;
background-color: #e3e3e3;
font-size: 22px;
color: black;
z-index: 4;
font-weight: bold;
}

.gCMTempTextBKGbMazdaMiata {
width: 16px;
height: 281px;
position: absolute;
top: 267px;
left: 232px;
background-color: #e3e3e3;
z-index: 4;
}

.gCMTempMazdaMiata {
width: 401px;
height: 518px;
position: absolute;
top: 300px;
left: 47px;
z-index: 5;
}

/* Mazda Miata High End GC2A1P1 Order*/

.gOrderMazdaMiata {
width: 912px;
height: 196px;
position: relative;
z-index: 1;
}

.gOrderTextMazdaMiata {
width: 442px;
height: 86px;
position: absolute;
z-index: 2;
top: 48px;
left: 0px;
font-family: 'Permanent Marker', cursive;
font-size: 30px;
font-weight: bold;
text-align: center;
color: black
}

.gOrderArrowMazdaMiata {
width: 67px;
height: 39px;
position: absolute;
z-index: 3;
top: 42px;
left: 417px;
}

.gOrderButtonMazdaMiata {
width: 357px;
height: 60px;
position: absolute;
z-index: 4;
top: 68px;
left: 512px;
}

.gOrderLineMazdaMiata {
width: 912px;
height: 4px;
position: absolute;
z-index: 5;
top: 202px;
left: 0px;
background-color: #a5a4a4;
}

.gOrderPorscheSilMazdaMiata {
width: 108px;
height: 24px;
position: absolute;
z-index: 6;
top: 178px;
left:398px;
}

.gOrderSilMazdaMiata {
width: 100px;
height: 26px;
position: absolute;
z-index: 6;
top: 176px;
left:393px;
}


/* Homepage Videos*/

.homeVideos1Link {
width: 296px;
height: 216px;
float: left;
}
.homeVideos {
width: 296px;
height: 167px;
}
.homeVideosText {
width: 296px;
height: 55px;
line-height: 70px;
font-size: 23px;
color: black;
text-align: center;
font-weight: bold;
}

.homeVideos23Link {
width: 296px;
height: 216px;
margin-left: 26px;
float: left;
}

.homeVideosTitle {
width: 37px;
height: 216px;
float: left;
}

/* Porsche 911 01 Colors*/

.gCMP01 {
width: 912px;
height: 750px;
position: relative;
z-index: 1;
}


.gColorsP01 {
width: 912px;
height: 375px;
position: relative;
z-index: 1;
}

.gColorsTitleP01{
width: 224px;
height: 40px;
position: absolute;
z-index: 2;
top: 7px;
left: 525px;
font-family: 'Permanent Marker', cursive;
font-size: 41px;
font-weight: bold;
color: black;
}

.gColorsArrowP01 {
width: 26px;
height: 25px;
position: absolute;
z-index: 3;
top: 55px;
left: 490px;
}

.gColorsArrowP01 img {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}


.gColorsClickP01 {
width: 269px;
height: 21px;
position: absolute;
z-index: 4;
top: 55px;
left: 75px;
font-size: 17px;
font-weight: bold;
color: black;
}

/* Porsche 911 01 PCA Video*/

.gVideoP01 {
width: 912px;
height: 580px;
position: relative;
z-index: 1;
}
.gVideoP01VideoText {
width: 912px;
height: 30px;
position: absolute;
z-index: 3;
left: 6px;
top: 35px;
font-size: 30px;
text-align: right;
color: black;
font-family: 'Permanent Marker', cursive;
}
.gVideoP01Video {
width: 856px;
height: 482px;
position: absolute;
z-index: 2;
left: 28px;
top: 90px;
}
/* Home Page News*/
.homeNews {
width: 922px;
height: 227px;
position: relative;
z-index:1;
background-color: #d2d2d2;
margin-top:10px;
margin-bottom:30px;
}
.homeNewsTitle {
    width: 494px;
    height: 41px;
    position: absolute;
    border: 2px solid black;
    z-index: 2;
    top: 17px;
    left: 11px;
    font-family: 'Permanent Marker', cursive;
    font-size: 21px;
    background-color: white;
    line-height: 41px;
    -webkit-box-shadow: 4px 5px 1px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 5px 1px -1px rgba(0,0,0,0.75);
    box-shadow: 4px 5px 1px -1px rgba(0,0,0,0.75);
    text-align: center;
color: black;
}
.homeNewsText {
    width: 870px;
    height: 113px;
    position: absolute;
    z-index: 3;
    top: 79px;
    left: 13px;
    font-family: 'Permanent Marker', cursive;
    font-size: 20px;
    background-color: white;
    padding-left:20px;
    padding-top:15px;
color: black;
}
.homeNewsVideo {
    width: 346px;
    height: 195px;
    position: absolute;
    z-index: 4;
    top: 17px;
    left: 557px;
}
/* Products */

.porscheProducts {
width: 912px;
height:650px;
position: relative;
z-index: 1px;
}
.porscheP01 {
width: 220px;
height: 312px;
position: absolute;
z-index: 2px;
top: 20px;
left:0px;
}
.porscheP02 {
width: 220px;
height: 312px;
position: absolute;
z-index: 3px;
top: 20px;
left:230px;
}
.porscheP03 {
width: 220px;
height: 312px;
position: absolute;
z-index: 4px;
top: 20px;
left:460px;
}
.porscheP04 {
width: 220px;
height: 312px;
position: absolute;
z-index: 5px;
top: 20px;
left:690px;
}
.porscheP05 {
width: 220px;
height: 312px;
position: absolute;
z-index: 2px;
top: 342px;
left:0px;
}
.porscheP06 {
width: 220px;
height: 312px;
position: absolute;
z-index: 3px;
top: 342px;
left:230px;
}
.porscheP07 {
width: 220px;
height: 312px;
position: absolute;
z-index: 4px;
top: 342px;
left:460px;
}
.porscheP08 {
width: 220px;
height: 312px;
position: absolute;
z-index: 5px;
top: 342px;
left:690px;
}


/* Porsche Macan Google*/

.gHeadPorscheMacan {
width: 912px;
height: 550px;
background-image: url("https://www.cocomats.com/content/cocomatswebsite/graphics/GC3A1P1/Images/01.Macan.Top.02.jpg");
}

.gHeadBMW2002{
width: 912px;
height: 550px;
background-image: url("https://www.cocomats.com/content/cocomatswebsite/graphics/GC4A1P1/Images/01.2002TopMat.jpg");
}


/* HOME NEWS*/

.homeNewsNew {
    width: 940px;
    height: 400px;
    position: relative;
    z-index: 1;
    margin-top: 10px;
    margin-bottom: 80px;
padding-top: 80px;
    }
    
.homeCocoHandMade {
float: left;
width: 600px;
height: 400px;
}

.homeBigVideoSection {
float: right;
width: 458px;
height: 344px;


}

.homeBigVideo {
width: 458px;
height: 259px;
margin-top: 3px;
margin-left: 0px;
float:right;
}

.homeBigVideoText {
width: 458px;
height: 82px;
line-height: 50px;
font-size: 50px;
color: black;
text-align: center;
font-weight: bold;

}

.homeBigVideoText p{
align:center;
margin-top:10px;
}

/* JDM */
.jdmBAM {
width: 912px;
height: 789px;
position: relative;
z-index:1;
}
.jdmBAMTitle01 {
    width: 912px;
    height: 65px;
    font-family: 'Permanent Marker', cursive;
    font-size: 50px;
    margin-bottom: px;
    text-align: right;

}
.jdmBAMTitle02 {
    width: 912px;
    height: 30px;
    font-family: 'Permanent Marker', cursive;
    font-size: 20px;
    margin-bottom: 30px;
    text-align: right;
}
.jdmImageLarge {
    width: 500px;
    height:694px;
    float:left;
    margin-left: 0px;
    z-index: -1;
position: absolute;
top: 6px;
}
.jdmBAMSwatchThumbnails{
    width:300px;
    height:680px;
    float:right;
    background-color:;
    
    position: relative;
    margin-right:5px;
    
}
.jdmImageLargePhoto {
    width: 500px;
    height:694px;
}
.jdmBAMSwatchThumb01{
    width: 82px;
    height:82px;
    position: absolute;
    z-index:1;
    top:10px;
    left:207px;
}
.jdmBAMSwatchThumb01 img:hover {
    opacity:.5;
    cursor: pointer;
}
.jdmBAMSwatchThumb02{
    width: 82px;
    height:82px;
    position: absolute;
    z-index:2;
    top:125px;
    left:207px;
}
.jdmBAMSwatchThumb02 img:hover {
    opacity:.5;
    cursor: pointer;
}
.jdmBAMSwatchThumb03{
    width: 82px;
    height:82px;
    position: absolute;
    z-index:3;
    top:240px;
    left:207px;
}
.jdmBAMSwatchThumb03 img:hover {
    opacity:.5;
    cursor: pointer;
}
.jdmBAMSwatchThumb04{
    width: 82px;
    height:82px;
    position: absolute;
    z-index:4;
    top:355px;
    left:207px;
}
.jdmBAMSwatchThumb04 img:hover {
    opacity:.5;
    cursor: pointer;
}
.jdmBAMSwatchThumb05{
    width: 82px;
    height:82px;
    position: absolute;
    z-index:5;
    top:470px;
    left:207px;
}
.jdmBAMSwatchThumb05 img:hover {
    opacity:.5;
    cursor: pointer;
}
.jdmBAMSwatchThumb06{
    width: 82px;
    height:82px;
    position: absolute;
    z-index:6;
    top:585px;
    left:207px;
}
.jdmBAMSwatchThumb06 img:hover {
    opacity:.5;
    cursor: pointer;
}
.textCBR {

    font-family: 'Permanent Marker', cursive;
    font-size: 22px;
    z-index:7;
    top:10px;
    left:20px;
        position: absolute;
        line-height:25px;
    color: black;
}
.jdmBAMtextline {
    height:2px;
    width:150px;
    position: absolute;
    z-index:0;
    top:35px;
    left:25px;
    background:black;
}
.textCBR2 {

    font-family: 'Permanent Marker', cursive;
    font-size: 22px;
    z-index:7;
    top:125px;
    left:20px;
        position: absolute;
        line-height:25px;
    color: black;
}
.jdmBAMtextline2 {
    height:2px;
    width:170px;
    position: absolute;
    z-index:0;
    top:150px;
    left:20px;
    background:black;
}
.textCBR3 {

    font-family: 'Permanent Marker', cursive;
    font-size: 22px;
    z-index:7;
    top:240px;
    left:20px;
        position: absolute;
        line-height:25px;
    color: black;
}
.jdmBAMtextline3 {
    height:2px;
    width:170px;
    position: absolute;
    z-index:0;
    top:265px;
    left:20px;
    background:black;
}
.textCBR4 {

    font-family: 'Permanent Marker', cursive;
    font-size: 22px;
    z-index:7;
    top:355px;
    left:20px;
        position: absolute;
        line-height:25px;
    color: black;
}
.jdmBAMtextline4 {
    height:2px;
    width:160px;
    position: absolute;
    z-index:0;
    top:380px;
    left:20px;
    background:black;
}
.textCBR5 {

    font-family: 'Permanent Marker', cursive;
    font-size: 22px;
    z-index:7;
    top:470px;
    left:20px;
        position: absolute;
        line-height:25px;
    color: black;
}
.jdmBAMtextline5 {
    height:2px;
    width:170px;
    position: absolute;
    z-index:0;
    top:495px;
    left:20px;
    background:black;
}
.textCBR6 {

    font-family: 'Permanent Marker', cursive;
    font-size: 22px;
    z-index:7;
    top:585px;
    left:20px;
        position: absolute;
        line-height:25px;
    color: black;
}
.jdmBAMtextline6 {
    height:2px;
    width:177px;
    position: absolute;
    z-index:1;
    top:610px;
    left:20px;
    background:black;
}
.jdmInTitle {
    height:60px;
    width:400px;
    font-size: 30px;
    font-family: 'Rock Salt', cursive;
    color: black;
    position: relative;
    z-index:3;
    left: 500px;
}
.jdmInTitle p{

    font-size: 30px;
    font-family: 'Rock Salt', cursive;

}
.jdmGreyBar {
    position: relative;
    z-index: 1;
    width: 600px;
    height: 30px;
    left: 361px;
    top: 40px;
    background-color:#dadada;
}
.jdmClickMe {
    width: 300px;
    height:30px;
    position: absolute;
    z-index:1;
    top:60px;
    left:85px;
    font-size: 13px;
    font-family: 'Rock Salt', cursive;
    letter-spacing: 1px;

}
.maPhotos {
    width: 942px;
    height: 340px;
    margin-top: 25px;
    margin-bottom: 40px;
}
.magTitle {
    width: 942px;
    height: 20px;

    text-align: left;
}
.maSpacer {
    width: 942px;
    height: 30px;
}
.maImageL {
    width: 400px;
    height: 300px;
   float:left;
    background-color: grey;
    margin-left:43px;
}
.maImageR {
    width: 400px;
    height: 300px;
   float:right;
    background-color: grey;
margin-right:43px;
}

/* Support Page */

.supportWrapL {
    margin-left:55px;
    width: 415px;    
float: left;
}
.supportWrapR {
    margin-right:;
    width: 415px;    
float: right;
}

div.text-container {

    width: 415px;    
font-size: 17px;
}

.text-content{
    line-height: 20px;
}

.short-text {
    overflow: hidden;
    height: 20px;
}

.full-text{
    height: auto;
}


.show-more {
    padding: 10px 0;
    text-align: center;
}
.patternWrap {
    width: 832px;
    height: auto;
    margin-left: 55px;
    margin-right: 55px;
}
.patternLinks {
font-size: 17px;
text-align: center;
list-style: none;  
margin-bottom: 30px;      
}

.patternLinks li a {
    font-size: 17px;
    color: #000000;
     text-decoration: none;    
}
.patternTitle {
line-height: 33px;
    width: 838px;
    height: 40px;
    font-size: 20px;
    text-align: left;
    font-weight: bold;

border-top: 1px solid #DCDCDC;
padding-top:50px;
color: black;
text-transform: uppercase;
}
.patternpdf{
    text-align:left;
    margin-bottom:10px;
   
}
.patternOne {
    width:832px;
    height:250px;
}
.patternOneText {
    width: 838px;
    height: 50px;
   text-align: center;
   font-size: 17px;

color: black;


}
.patternOnePhotoGetAll {
    width: 250px;
    height: 188px;
display: block;
    margin: auto;
}



.patternOneGetAll {
    width:832px;
    height:380px;
    margin-bottom: 40px;
}
.patternOneTextGetAll {
    width: 838px;
    height: 70px;
   text-align: center;
   font-size: 17px;
   color: black;
   margin-bottom: 40px;
}
.patternOnePhotoGetAll {
    width: 674px;
    height: 274px;
display: block;
    margin: auto;
}
.patternOnePhoto465 {
    width: 674px;
    height: 465px;
display: block;
    margin: auto;
}


.patternOneGetAll2 {
    width:832px;
    height:400px;
    margin-bottom: 40px;
}
.patternOneTextGetAll2 {
    width: 838px;
    height: 70px;
   text-align: center;
   font-size: 17px;
   color: black;
   margin-bottom: 40px;
}


.patternSteps1 {
    width: 838px;
    height: 600px;
margin-bottom:40px;
}
.patternStepText1 {
    width: 678px;
    height: auto;
    font-size: 16px;
    line-height: 25px;
    float: left;
margin-left:10px;
margin-bottom:40px;
color: black;
text-align:left;
font-weight:300;
}


.patternSteps2 {
    width: 838px;
    height: 315px;
margin-bottom:40px;
}
.patternStepTwoPhoto21{
    width:332px;
    height: 229px;
    float: left;
    margin-right: 10px;
    margin-left: 6px;
    
}
.patternStepTwoPhoto22{
    width:332px;
    height: 229px;
    float: left;
    margin-right: 0px;
}

.patternSteps3 {
    width: 838px;
    height: 293px;
margin-bottom:40px;
}

.patternSteps4 {
    width: 838px;
    height: 603px;
margin-bottom:40px;
}
.patternStepText4 {
    width: 678px;
    height: auto;
    font-size: 16px;
    line-height: 25px;
    float: left;
margin-left:10px;
margin-bottom:40px;
color: black;
text-align:left;
font-weight:300;
}

.patternSteps5 {
    width: 838px;
    height: 1109px;
margin-bottom:30px;
}
.patternStepText5 {
    width: 678px;
    height: 367px;
    font-size: 16px;
    line-height: 25px;
    float: left;
margin-left:10px;
margin-bottom:30px;
color: black;
text-align:left;
font-weight:300;
}


.patternSteps6 {
    width: 838px;
    height: 382px;
margin-bottom:40px;
}
.patternSteps7 {
    width: 838px;
    height: 432px;
margin-bottom:40px;
}
.patternStepTwoPhotos7{
    width: 762px;
    height: 188px;
    float: right;
margin-top:10px;
}
.patternStepTwoPhoto7{
    width:305px;
    height: 229px;
    float: left;
    margin-right: 6px;
    margin-left: 33px;
    font-size: 17px;
    line-height: 24px;
    padding-top:15px;
}

.patternStepsFinished {
    width: 838px;
    height: 467px;
margin-bottom:40px;
}

.patternSteps21 {
    width: 838px;
    height: 291px;
margin-bottom:40px;
}
.patternSteps22 {
    width: 838px;
    height: 315px;
margin-bottom:40px;
}
.patternSteps23 {
    width: 838px;
    height: 317px;
margin-bottom:40px;
}
.patternSteps24 {
    width: 838px;
    height: 291px;
margin-bottom:40px;
}
.patternSteps25 {
    width: 838px;
    height: 398px;
margin-bottom:10px;
}
.patternSteps26 {
    width: 838px;
    height: 875px;
margin-bottom:40px;
}

.patternStepText26 {
    width: 678px;
    height: 368px;
    font-size: 16px;
    line-height: 25px;
    float: left;
margin-left:10px;
margin-bottom:10px;
color: black;
text-align:left;
font-weight:300;
}
.patternStepTwoPhotos261{
    width: 762px;
    height: 229px;
    float: right;
margin-top:20px;
}
.patternStepTwoPhotos262{
    width: 762px;
    height: 181px;
    float: right;
margin-top:10px;
}
.patternSteps27 {
    width: 838px;
    height: 865px;
margin-bottom:40px;
}
.patternStepText27 {
    width: 678px;
    height: 117px;
    font-size: 16px;
    line-height: 25px;
    float: left;
margin-left:10px;
margin-bottom:40px;
color: black;
text-align:left;
font-weight:300;
}
.patternStepTwoPhotos27{
    width: 762px;
    height: 188px;
    float: right;
margin-top:10px;
}
.patternSteps28 {
    width: 838px;
    height: 442px;
margin-bottom:40px;
}
.patternStepText28 {
    width: 678px;
    height: 165px;
    font-size: 16px;
    line-height: 25px;
    float: left;
margin-left:10px;
margin-bottom:40px;
color: black;
text-align:left;
font-weight:300;
}
.patternStepTwoPhotos28{
    width: 762px;
    height: 188px;
    float: right;
margin-top:10px;
}
.patternStepTwoPhotos28{
    width: 305px;
    height: 229px;
    float: left;
margin-top:20px;
margin-right: 0px;
}



.patternSteps {
    width: 838px;
    height: 400px;
margin-bottom:20px;
}
.patternStepTitleText{
    width: 70px;
    height: 32px;
    float: left;
    font-size: 20px;
color: black;
}
.patternStepText {
    width: 678px;
    height: auto;
    font-size: 17px;
    line-height: 25px;
    float: left;
margin-left:10px;
margin-bottom:20px;
color: black;
text-align:justify
}
.patternStepTwoPhotos{
    width: 762px;
    height: 188px;
    float: right;
margin-top:20px;
}
.patternStepTwoPhoto{
    width:250px;
    height: 188px;
    float: right;
    margin-right: 87px;
}




.patternSteps {
    width: 838px;
    height: 400px;
margin-bottom:20px;
}
.patternStepTitleText{
    width: 70px;
    height: 32px;
    float: left;
    font-size: 20px;
color: black;
}
.patternStepText {
    width: 678px;
    height: auto;
    font-size: 16px;
    line-height: 25px;
    float: left;
margin-left:10px;
margin-bottom:20px;
color: black;
text-align:left;
font-weight:300;
}
.patternStepTwoPhotos{
    width: 762px;
    height: 188px;
    float: right;
margin-top:20px;
}
.patternStepTwoPhoto{
    width:250px;
    height: 188px;
    float: right;
    margin-right: 87px;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 95px;
  right: 15px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #FF7800;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
}

#myBtn:hover {
  background-color: #555;
}

.subHeader2 {
background-image: url(https://www.cocomats.com/content/cocomatswebsite/graphics/etchingSybMenu.jpg);
background-position: center center;

    position:relative;
    clear:both;
    width:auto;
    height: 60px;

margin-top:-10px;
}


#HeaderLower #Menu > ul > li:first-child {
display:none;
}
#HeaderLower #Menu > ul > li:nth-child(2) a {
border-left: 0px !important;
}

.matPricingBox {
width: 239px;
height: auto;
padding: 10px;
background-color: #EFEFEF;
}

.matPricingBox h2{
    text-align: center;
}
.matPricingBox h5{
    text-align: center;
    padding-bottom:10px;
}

. jssor_1 {
position:relative;
margin:0 auto;
top:0px;left:0px;
width:920px;
height:550px;
overflow:hidden;
visibility:hidden;
}

homeBigVideoText h1{
margin-top: 40px;
}

.spacinghomer30 {
width: 800px;
height: 30px;
}

.BBBA {
width:96px;
height:auto;
float:left;
margin-top: 43px;
}
.GeoTrust {
width:142px;
height:auto;
float:right;
margin-top: 43px;
margin-right:3px;
}
.MadeInAmerica {
    
    text-align:center;
    margin-top: -1px;
    margin-left:269px;
    margin-bottom:-30px;
    
}
.acceptedPaypmentPhoto {
width:260px;
height:30px;
float:right;
margin-top: 42px;
clear:both;
margin-right:3px;
}
.spaceMAGA40 {
width:910px;
height:40px;
}
.spaceMAGA60 {
width:910px;
height:60px;
}
.MAGAphotos {
width:840px; 
height: 147px; 
margin-top: 32px;
margin-left:51px;
}
.MAGAphoto1 {
width:195px;
height:auto;
float:left;
}
.spaceMAGA20 {
width:910px;
height:20px;
}
.spaceMAGA30 {
width:910px;
height:30px;
}
.MAGAphoto234 {
width:195px; 
height:auto; 
float:left;
margin-left:20px;
}
.MAGAphotostext {
width:840px; 
height: 20px; 
margin-top: 4px;
margin-left:51px;
}
.MAGAtext {
margin-top:32px;
width:840px;
margin-left:51px;
text-align: left;
line-height:23px;
}

.aboutusLH27 {
line-height: 27px;
}
.aboutusLH26 {
line-height: 26px;
}

.faqsQuestionsPar {
font-weight:300;
margin-bottom:0px!important;

}

.maydiffer {
opacity:.7;
text-align:center;

}

.parunderprice {
padding-left:8px;
padding-right:8px;
padding-top:15px;
padding-bottom:15px;
text-align:justify;
margin-top:25px;
}

.marginbottom5 {
margin-bottom: 5px;
}
.carlist {
height: 500px;
}
a.icon.icon-social.icon-social-theme.icon-instagram{
display: none;
}

/* Car Index */

.carMakes {
    width: 900px;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 100px;
    padding-right: 100px;    
}
.carMakes ul {
    list-style:none;
}
.carMakes ul li{
    font-size: 16px;
    padding:3px;
}
.carMakes ul li a{
    color:#000000;
    text-decoration:none;
}
.carMakes ul li :hover{
    color: #6C6C6C;    
}
.carTitleLink a{
    color:#000000;
    text-decoration:none;
}
.carTitleLink :hover{
    color: #6C6C6C;    
}
.carTitle {
    font-size:18px;
}
.carTitleLink {
    font-size:18px; 
}
.carModel {
    width: 900px;
    height: auto;
    font-family: "europa", sans-serif;
}
.carModelTitle {
    width: 900px;
    height: 35px;
    margin-top: 30px;
    margin-bottom: 39px;
    font-size: 33px;
    text-align:center;
    font-weight:600;
}

.carModelGreyBar {
    width: 768px;
    height: 3px;
    margin-bottom: 36px;
    margin-left: 66px;
    margin-right: 66px;
    background-color: #C8C8C8;
}
.carModelPhoto {
    width: 500px;
    height: 334px;
    margin-right: 200px;
    margin-left: 200px;
    margin-bottom: 36px;
}
.carModelText {
    width: 762px;
    height: auto;
    margin-right: 69px;
    margin-left: 69px;
    margin-bottom: 36px;
    font-size: 18px; 
    text-align:justify;
    font-weight:400;
    letter-spacing: .5px;
    line-height: 23px;
}





.raftdClear {
    clear:both;
}

figcaption {
    font-size:18px;
    font-weight:600;
    color:black;
    margin-top:15px;
    
}
/* Products Page */

.productsPageRap {
    width: 942px; 
    height: auto; 
margin-top:38px;
    
}
.productsPageRow {
    width: 942px;
    height: 312px;
margin-bottom: 23px;
}
.productsPageRow2 {
    width: 942px;
    height: 312p;

}
.productsPageThumbnailFirst {
    width: 220px;
    height: 312;
    
    float: left;
}
.productsPageThumbnail {
    width: 220px;
    height: 312;

    margin-left: 20px;
    float: left;
}
/* Products Pages */

.productsRap {
    width: 942;
    height: auto;


}

/* Products Top */
.productSinglelvl01 {
    width: 942px;
    height: 460px;
}
/* Products Gallery    background-color: #EFEFEF; */
.productSinglelvl01left {
    width: 513px;
    height: 444px;
    margin-top: 93px;
    float: right;
    
    
}
.productSinglelvl01leftImageLarge {
    width: 513px;
    height: 349px;
    border: 0px solid #DCDCDC;
    
    
}
.productSinglelvl01leftImageLargePhoto {
    width: 493px;
    height: 328px;
    padding-top: 10px;
    margin-left:10px;
}
.productSinglelvl01leftThumb {
    width: 515px;
    height: 91px;
    margin-top: 10px;
    border-bottom: 1px solid #DCDCDC;
    
}
.productSinglelvl01leftThumb01 {
    width: 114px;
    height: 79px;
    float:left;
    margin-left: 14px;
    margin-top:1px;
    position:relative;
    
}
.productSinglelvl01leftThumb01 img:hover {
    border: 4px solid #DCDCDC;
    cursor: pointer;
    
}
.productSinglelvl01leftThumb01 img {
    width: 90%;
  height: 90%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
.productSinglelvl01leftThumb02 {
    width: 114px;
    height: 79px;
    float:left;
    margin-left:10px;
    margin-top:1px;
    position:relative;
}
.productSinglelvl01leftThumb02 img:hover {
    border: 4px solid #DCDCDC;
    cursor: pointer;
}
.productSinglelvl01leftThumb02 img {
    width: 90%;
  height: 90%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
.productSinglelvl01leftThumb03 {
    width: 114px;
    height: 79px;
    float:left;
    margin-left:10px;
    margin-top:1px;
    position:relative;
}
.productSinglelvl01leftThumb03 img:hover {
    border: 4px solid #DCDCDC;
    cursor: pointer;
}
.productSinglelvl01leftThumb03 img {
    width: 90%;
  height: 90%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
.productSinglelvl01leftThumb04 {
    width: 114px;
    height: 79px;
    float:left;
    margin-left:10px;
    margin-top:1px;
    position:relative;
}
.productSinglelvl01leftThumb04 img:hover {
    border: 4px solid #DCDCDC;
    cursor: pointer;
}
.productSinglelvl01leftThumb04 img {
    width: 90%;
  height: 90%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
/* Products Text and Order */
.productSinglelvl01right {
    width: 357px;
    height: 460px; 
    float: left;
    text-align:left;
}
.productSinglelvl01rightTextTitle {
    width: 357px;
    height: 35px;
    text-align:left;
    
    margin-bottom: 15px;

}

.productSinglelvl01rightTextSubTitle {
    width: 357px;
    height: 22px;
    text-align: left;
    margin-bottom: 12px;
    color: #C7C7C7;
margin-bottom:25px;
    padding-right:4px;
}
.productSinglelvl01rightTextText {
    width: 381px;
    height: 375px;
    float: left;
    text-align: ;



}

/* Products Text Line height */
.productSinglelvl01rightTextTextCoco {
    width: 357px;
    height: 375px;
    font-size: 15px;
    float: right;
margin-top:20px;
    line-height: 21px;
}
.productSinglelvl01rightTextTextSisal {
    width: 357px;
    height: 375px;
    font-size: 15px;
    float: right;
    text-align: justify;    
    line-height: 23px;
    letter-spacing: .5px;
}
.productSinglelvl01rightTextTextSeaGrass {
    width: 357px;
    height: 375px;
    font-size: 15px;
    float: right;
    text-align: justify;    
    line-height: 23px;
    letter-spacing: .5px;
}
.productSinglelvl01rightTextTextWool {
    width: 357px;
    height: 375px;
    font-size: 15px;
    float: right;
    text-align: justify;    
    line-height: 23px;
    letter-spacing: .5px;
}
.productSinglelvl01rightTextText66 {
    width: 357px;
    height: 375px;
    font-size: 15px;
    float: right;
    text-align: justify;    
    line-height: 23px;
    letter-spacing: .5px;
}
.productSinglelvl01rightTextTextms {
    width: 357px;
    height: 375px;
    font-size: 15px;
    float: right;
    text-align: justify;    
    line-height: 23px;
    letter-spacing: .5px;
}
.productSinglelvl01rightTextTextChequers {
    width: 357px;
    height: 375px;
    font-size: 15px;
    float: right;
    text-align: justify;    
    line-height: 23px;
    letter-spacing: .5px;
}
.productSinglelvl01rightOrder {
    width: 357px;
    height: 60px;
    margin-bottom: 3px;

    float: right;
}
.productSinglelvl01rightOrderCoco {
    width: 357px;
    height: 60px;
    margin-bottom: 8px;

    float: right;

}
/* Products Middle */

.productsMiddle {
    width: 942px;
    height: auto;
margin-top:45px;

}
.productsMiddleLeft {
    width: 259px;
    height: auto;
    float: right;
}
.productsMiddleright {
    width: 624px;
    height: auto;
    float: left;
}

/* Products Knock Off and Pricing */

.productsKnockOff {
    width: 259px;
    height: 60px;
    margin-top: 36px;
    margin-bottom: 10px;
}
.productsPricing {
    width: 259px;
    height: auto;
    margin-bottom: 0px;
}

.loneproductsPricing {
width: 259px;
    height: auto;
    margin-bottom: 0px;
margin-top:33px;
}
    
/* Products Colors */
.productsMiddleTitleBox {
    width: 616px;
    height: 33px;
    border-bottom: 3px solid #B0B0B0;
    float: right;
    margin-left: 8px;
    margin-bottom: 9px;
}
.productsMiddleTitle {
    width: 355px;
    height: 32px;
    background-color: #EFEFEF;
    border-top: 1px solid #DCDCDC;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    float: left;
    text-align: center;
    vertical-align: middle;
   line-height: 34px;
clear:both;
}

.productsMiddleTitle h2{
float: left;
}

.productsMiddleTitle h4{
float:right;
}
.productsMiddleThumbnailRow {
    width: 624px;
    height: 103px;
    margin-top: 9px;
}
.productsMiddleThumbnail {
    width: 95px;
    height: 103px;
    margin-left: 9px;
    float: left;
}
.productsMiddleThumbnailLast1 {
    width: 95px;
    height: 103px;
    margin-left: 529px;
    float: left;
}
.productsMiddleThumbnailLast2 {
    width: 95px;
    height: 103px;
    margin-left: 425px;
    float: left;
}
.productsMiddleThumbnailLast3 {
    width: 95px;
    height: 103px;
    margin-left:321px;
    float: left;
}
           
/* Products Bottom */
.productsBottom {
    width: 910px;
    height: auto;
margin-top:70px;
    
}

.cocoproductsBottom {
    width: 910px;
    height: auto;
margin-top:30px;
    
}

/* Products Bottom Title */
.productsBottomTitle {
    width: 942px;
    height: 46;
    text-align: center;
   vertical-align: middle;
   line-height: 46px;

   background-color: #EFEFEF;

}
/* Products Virtual Swatch */

.productsVirtualSwatch {
    width: 381px;
    height: 500px;
    border: 10px solid #EDEDED;
    float: left;
    margin-top: 36px;
    margin-left: 36px;
    
}

/* Products Physical Swatch */
.productsPhysicalSwatch {
    width: 381px;
    height: 500px;
    border: 10px solid #EDEDED;
    float: right;
    margin-top: 36px;
    margin-right: 5px;
    
}
/* Products Swatch */
.productsSwatchTitle {
    width: 381px;
    height: 30px;
    margin-top: 11px;
    text-align: center;
    color: #000000;
}
.productsSwatchPhoto {
    width: 381px;
    height: 232px;
    margin-top:3px;
}
.productsSwatchText {
    width: 329px;
    height: auto;
    margin-left: 26px;
    margin-right: 26px;
    text-align: left;
    font-size: 15px;
}
.productsSwatchContact {
    width: 329px;
    height: auto;
    margin-top: 5px;
    margin-left: 26px;
    margin-right: 26px;
    text-align:right;
    color: #000000;
    font-size: 15px;
    font-weight:bold;
}
.productsSwatchContact a{
    color:#000000;
}
/* Contact Us */    

.contactRap {
    width: 832px;
    height: auto;
    margin-left: 55px;
    margin-right: 55px;
}

.contactAddressRap {
    width: 830px;
    height: 237px;
    border: 1px solid #DCDCDC;
    background-color: #EFEFEF;
margin-bottom:10px;
}
.contactAddressPhoto {
    width: 538px;
    height: 237px;
    float: left;
}
.contactAddressText {
    width: 292px;
    height: 161px;
    float: right;
    font-size: 20px;
    padding-top: 62px;
    text-align: center;
    line-height: 24px;
}    
.contactImagesRap {
    width: 832px;
    height: 46px;
    margin-top: 15px;
}
.contactEnvelope {
    width: 79px;
    height: 46px;
    float: left;
    margin-right: 377px;
}
.contactTelephone {
    width: 62px;
    height: 46px;
    float: left;
    margin-right: 314px;
}
.contactEmailPhoneRap {
    width: 832px;
    height: 53px;
    margin-top: 8px;
}
.contactEmailBox {
    width: 374px;
    height: 51px;
    border: 1px solid #DCDCDC;
    float: left;

    text-align:center;
    line-height: 51px;

}
.contactPhoneBox {
    width: 374px;
    height: 51px;
    border: 1px solid #DCDCDC;
    float: right;
    text-align:center;
    line-height: 51px;
}
.hoursOp {
font-size:24px;
color: black;
}
.INTcontactPhoneBox {
    width: 374px;
    height: 51px;
    border: 1px solid #DCDCDC;
    float: right;
margin-top: 5px;
    text-align:center;
    line-height: 51px;
}
.contactEmailBox a{
    color: #000000;
}

.contactBottomText {
    width: 832px;
    height: 101px;
    font-size: 22px;
    text-align:center;
    line-height: 101px;
    margin-bottom: -40px;
margin-left: 55px;
}    
/* Gallery */
.aboutUs {
    width: ;
    height: ;
}
/* About Us */


.aboutUsRap {
    width: 838px;
    height: auto;
    margin-left: 52px;
    margin-right: 52px;
}

/* About Us Title */
.aboutUsTitle {
    width: 838px;
    height: auto;
}
.aboutUsTitlePhoto {
    width: 838px;
    height: 231px;
}
.aboutUsTitleText {
    width: 690px;
    height: 63px;
    margin-top: 8px;
    margin-left: 74px;
    margin-right: 74px;
    line-height: 63px;
    text-align:center;
    border-bottom: 1px solid #DCDCDC;    
}

/* About Us Agoura Hills */
.aboutUsRow01Rap {
    width: 838px;
    height: 280px;
    margin-top: 28px;
}
.aboutUsRow01Text {
    width: 396px;
    height: 270px;
    float: left;
font-size: 16px;
    text-align: left;
    line-height: 25px;
    
   
}
.aboutUsRow01Right {
    width: 392px;
    height: 280px;
    float: right;
}
.aboutUsRow01Photo {
    width: 392px;
    height: 218px;
    margin-bottom: 16px;
    
}
.aboutUsRow01Cap {
    width: 392px;
    height: 46px;
    font-size: 18px;
    font-weight:bold;
    text-align:center;
}
/* About Us Sema */
.aboutUsRow02Rap {
    width: 838px;
    height: 475px;
}
.aboutUsRow02PhotoCap {
    width: 396px;
    height: 340px;
    float:left;
    padding-right: 50px;
    padding-bottom:21px;
}
.aboutUsRow02Photo {
    width: 396px;
    height: 279px;
    margin-bottom:21px;
    margin-top:-25px;
       
}
.aboutUsRow02Cap {
    width: 396px;
    height: 40px;
    font-size:18px;
    font-weight:bold;
    text-align:center;
}
.aboutUsRow02Rap p{
    text-align: left;
    font-size: 16px;
    line-height: 25px;
}
.aboutUsRow02Space {
    width: 392px;
    height: 24px;
}

/* About Us Velcro */
.aboutUsRow03Rap {
    width: 838px;
    height: 545px;
}
.aboutUsRow03PhotoCap {
    width: 230px;
    height: 446px;
    padding-left: 50px;
    padding-bottom: 18px;
    float: right;
}
.aboutUsRow03Photo {
    width: 230px;
    height: 394px;
    margin-bottom: 16px;
}
.aboutUsRow03Cap {
    width: 230px;
    height: 36px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.aboutUsRow03Rap p{
    text-align: left;
    font-size: 16px;
    line-height: 25px;
}
/* About Us Labor */
.aboutUsRow04Rap {
    width: 838px;
    height: 363px;
    margin-bottom: 32px;
    margin-top: 20px;
}
.aboutUsRow04PhotoCap01 {
    width: 236px;
    height: 363px;
    float: left;
}
.aboutUsRow04Photo {
    width: 236px;
    height: 294px;
    margin-bottom: 19px;
}
.aboutUsRow04Cap {
    width: 236px;
    height: 50px;
    font-size: 17px;
    font-weight: bold;
    text-align:center;
}
.aboutUsRow04PhotoCap02 {
    width: 236px;
    height: 363px;
    float: left;
    margin-left: 65px;
}

/* About Us Drew and Jay */
.aboutUsRow05Rap {
    width: 838px;
    height: 680px;
}
.aboutUsRow05Left {
    width: 408px;
    height: 680px;
    float: left;
    padding-right: 40px;
}
.aboutUsRow05LeftText {
    width: 408px;
    height: 605px;
    text-align: left;
    font-size: 16px;
    line-height: 26px;
}
.aboutUsRow05LeftCap {
    width: 408px;
    height: 59px;
    float: left;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}
.aboutUsRow05Right {
    width: 390px;
    height: 680px;
    float: right;
}
.aboutUsRow05RightPhoto01 {
    width: 390px;
    height: 316px;
    margin-top: 27px;
    margin-bottom: 28px;
}
.aboutUsRow05RightCap {
    width: 390px;
    height: 76px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.aboutUsRow05RightPhoto02 {
    width: 390px;
    height: 260px;
}
/* About Us Jeff and Deb */
.aboutUsRow06 {
    width: 838px;
    height: 442px;
    margin-top: 15px;
}
.aboutUsRow06Left {
    width: 266px;
    height: 442px;
    float: left;
}
.aboutUsRow06LeftPhoto {
    width: 266px;
    height: 374px;
    margin-bottom: 26px;
    margin-top: 5px;
}
.aboutUsRow06LeftCap {
    width: 266px;
    height: 86px;
    font-size: 18px;
    font-weight: bold;
    text-align:center;
}
.aboutUsRow06Right {
    width: 537px;
    height: 442px;
    text-align: left;
    font-size: 16px;
    line-height: 26px;
    float: right;
}
/* About Us Mission */
.aboutUsMissionRap {
    width: 690px;
    height: 462px;
    margin-top: 50px;
    margin-left: 74px;
    margin-right: 74px;
    border-bottom: 1px solid #DCDCDC;
    border-top: 1px solid #DCDCDC;
}
.aboutUsMissionMiddle {
    width: 603px;
    height: 418px;
    margin-top: 45px;
    margin-right: 43px;
    margin-left: 43px;
}
.aboutUsMissionTitle {
    width: 603px;
    height: 79px;
    text-align:center;
}
.aboutUsMissionText01 {
    width: 603px;
    height: 68px;
    font-size: 18px;
    text-align:justify;
}
.aboutUsMissionText02 {
    width: 603px;
    height: 91px;
    font-size: 18px;
    text-align:justify;
}
.aboutUsMissionText03 {
    width: 603px;
    height: 70px;
    font-size: 18px;
    text-align:justify;
}
.aboutUsMissionText04 {
    width: 603px;
    height: 109px;
    font-size: 18px;
    text-align:justify;
}
/* Press */
.pressRap {
    width: 838px;
    height: auto;
    margin-left: 52px;
    margin-right: 52px;
}
.pressTitle {
    width: 838px;
    height: 30px;
    margin-bottom:25px;
    font-size: 18px;
    font-weight: bold;
    text-align:center;
    line-height: 30px;
}
.pressRow01 {
    width: 838px;
    height: 193px;
}
.pressRow02 {
    width: 838px;
    height: 150px;
}
.pressRow03 {
    width: 838px;
    height: 150px;
}
.presstheStar {
    width: 419px;
    height: 193px;
    float: left;
}
.pressclassicMotor {
    width: 419px;
    height: 193px;
    float: left;
}
.pressautoweek {
    width: 419px;
    height: 150px;
    float: left;
}
.pressgtPorsche {
    width: 419px;
    height: 150px;
    float: left;
}
.pressatlantaJournal {
    width: 419px;
    height: 155px ;
    float: left;
}
.presspostCrescent {
    width: 419px;
    height: 155px;
    float: left;
}

/* Faqs */
.faqsRap {
    width: 942px;
    height: auto;
    
}
.faqsTop{
    width: auto;
    height auto;
}
.faqsTitle {
    width: 942px;
    height: 60px;

    text-align: center;
padding-bottom:30px;
    border-bottom: 1px solid #DCDCDC;
}
/* Faqs Quetions */
.faqsQuestions {
    width: 942px;
    height: auto;
    margin-top: 17px;
    border-bottom: 1px solid #DCDCDC;
padding-top: 15px;
padding-bottom: 15px;

}
.faqsQuestions ol{
    list-style:decimal-leading-zero;

}
.faqsQuestions li {
    width: 942px;
    height: auto;
}
.faqsQuestions li a{

}
/* Faqs Answers */
.faqsQuestionAnswers {
    width: 942px;
    height: auto;

}
.faqsQuestionAnswersText {
    width: 857px;
    height: auto;
margin-left: 42.5px;
text-align:justify;
margin-top: 25px;
letter-spacing: .01em;
}
.faqsQuestionAnswersText p{
font-weight:300;
}
.faqsNotEqual {
    width: 560px;
    height: 84px;
    margin-left: 191px;

    margin-top: 25px;
    margin-bottom: 15px;
}
.faqsAnswer {
    width: 942px;
    height: auto;
    text-align:justify;
    margin-top: 15px;
    line-height: 25px;
padding-top:35px;
}
.faqsSub {
    margin-left: 20px;
}
.faqsEnd {
    width: 942px;
    height: auto;
    border-bottom: 1px solid #DCDCDC;
    padding-top: 5px;
    padding-bottom: 15px;
    text-align:right;

}

.faqsEnd h4 {
color:#feaa00;
}

/* Not Equal */
.notEqualRap{
    width: 838px;
    height: autopx;
    margin-left: 52px;
    margin-right: 52px;
    margin-top: -10px;
}
/* Not Equal Page Title */
.notEqualTitle {
    width: 838px;
    height: 60px;
    font-size: 37px;
    text-align: center;
    font-weight: bold;
}
.cqnotEqualTitle {
    width: 838px;
    height: 60px;
    font-size: 37px;
    text-align: center;
    font-weight: bold;
margin-top: 50px;
margin-bottom: 50px;
}
.notEqualSubTitle {
    width: 838px;
    height: 30px;
    font-size: 30px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 30px;
    margin-top: 40px;

}
.cqnotEqualSubTitle {
    width: 838px;
    height: 30px;
    font-size: 30px;
    text-align: center;

    padding-top: 15px;

    margin-top: 40px;

}
/* Not Equal Titles */

/* Not Equal Quotes */

.notEqualQuoteBody01 {
    width: 770px;
    height: auto;
    margin-left: 34px;
    margin-right: 34px;
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: bold;
    font-style: italic;
    text-align: justify;
    line-height: 25px;
    border-top: 1px solid #DCDCDC;
    padding-top: 25px;
    color: #000000;
}
.cqnotEqualQuoteBody01 {
    width: 835px;
    height: auto;
    margin-left: 34px;
    margin-right: 34px;
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: bold;
    font-style: italic;
    text-align: justify;
    line-height: 25px;
    border-top: 1px solid #DCDCDC;
    padding-top: 25px;
    color: #000000;
}
.notEqualQuoteAuthor01 {
    width: 770px;
    height: auto;
    margin-left: 34px;
    margin-right: 34px;
    font-size: 16px;
    text-align: justify;
    line-height: 25px;
    margin-bottom: 15px;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 25px;
}

.cqnotEqualQuoteBody02 {
    width: 654px;
    height: auto;
    margin-left: 92px;
    margin-right: 92px;
    margin-top: 60px;
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    line-height: 25px;
    color: #000000;
}
.notEqualQuoteAuthor02 {
    width: 654px;
    height: auto;
    margin-left: 92px;
    margin-right: 92px;
    font-size: 15px;
    text-align: center;
    line-height: 25px;
    margin-bottom: 30px;
}
/* Not Equal Paragraphs */
.notEqualText {
    width: 838px;
    height: auto;
    font-size: 16px;
    text-align: justify;
    line-height: 25px;
}
.CocoMatsTeamnotEqualText {
    width: 838px;
    height: auto;
    text-align: justify;
font-family: 'Rock Salt';
font-size:20px; 
line-height:30px;
color:black;
}
.cqnotEqualText {
    width: 838px;
    height: auto;
    font-size: 17px;
    text-align: left;
    line-height: 25px;
}
.cqnotEqualText p{
    font-size: 17px;
line-height: 25px;
}
.cqnotEqualTextmatattachments {
    width: 838px;
    height: auto;
    font-size: 17px;
    text-align: left;
    line-height: 25px;
margin-top: 20px;
}
.cqnotEqualTextmatattachments p{
    font-size: 17px;
}
.cqnotEqualTextmanufacturingand {
    width: 838px;
    height: auto;
    font-size: 17px;
    text-align: left;
    line-height: 25px;
margin-top: 30px;
}
.cqnotEqualTextmanufacturingand p{
    font-size: 17px;
}
.trustnotEqualText {
    width: 838px;
    height: auto;
    font-size: 20px;
    text-align: justify;
    line-height: 25px;
font-weight:400;
margin-top: 50px;

}
.trustnotEqualText p{
    font-size: 17px;
    line-height: 25px;
}
/* Not Equal Photos */
.notEqualImage {
    width: 800px;
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 19px;
    margin-right: 19px;
}

/* Gallery */

.galleryRap {
    width: 942px;
    height: auto;

}
.galleryTitle {
    width: 942px;
    height: 38px;
    text-align: right;

}
.galleryTitle2 {
    width: 942px;
    height: 38px;
    font-size: 37px;
    font-weight: bold;
    text-align: right;
    collor: #000000;
    margin-bottom: 50px;
}
.gallerySubTitle2 {
    width: 942px;
    height: 37px;


    text-align: right;

    margin-bottom: 26px;
    border-bottom: 1px solid #DCDCDC;
    margin-top: -15px;
}
.galleryEnlarge {
    width: 942px;
    height: 14px;

    text-align: right;
    padding-bottom: 26px;
    margin-top: 7px;
}
.galleryRow {
    width: 942px;
    height: 195px;
    margin-bottom: 26px;
}
.galleryThumbnailFirst {
    width: 292px;
    height: 195px;
    float: left;
}
.galleryThumbnail {
    width: 292px;
    height: 195px;
    margin-left: 33px;
    float: left;
}
    

/* Car Index */

/* Car Index Title */

/* Car Index Photo */

/* Car Index Paragraph */

/* Terms */
.termsRap {
    width: 832px;
    height: auto;
    margin-left: 55px;
    margin-right: 55px;
}
.termsTitle {
    width:auto;
    height:auto;
    font-size: 35px;
    margin-bottom:10px;
}
.termsSubTitle {
    width:auto;
    height:auto;
    font-size: 16px;
    margin-left: 57px;
    margin-bottom: 10px;
}
.termsSubTitle2 {
    width:auto;
    height:auto;
    font-size: 16px;
    margin-left: 57px;
    margin-bottom: 20px;
}
.termsSubTitle3 {
    width:auto;
    height:auto;
    font-size: 16px;
    margin-left: 57px;
    margin-bottom: 15px;
}
.termsText {
    width:auto;
    height:auto;
    font-size: 18px;
    margin-left: 27px;
}
.termsText ol {
    padding-left: 20px;
    margin-bottom:30px;
}
.termsText ol li {
    margin-bottom:15px;
}
.termsText ol li a{
    color: #000000;
}
.privacyText {
    width:auto;
    height:auto;
    
    margin-left: 27px;
}
.privacyText2 {
text-align: left;
line-height: 23px;
    width:auto;
    height:auto;
    
    margin-left: 27px;
}
.privacyText a{
    color: #000000;
}
.privacySubTitle {
    width:auto;
    height:auto;
    font-size: 16px;
    margin-left: 27px;
    margin-bottom: 10px;
}
/* Privacy*/

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url("https://www.cocomats.com/content/fancybox/source/fancybox_sprite.png");
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
background-image: url("https://www.cocomats.com/content/fancybox/source/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
background-image: url("https://www.cocomats.com/content/fancybox/source/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url("https://www.cocomats.com/content/fancybox/source/fancybox_sprite@2x.png");
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
background-image: url("https://www.cocomats.com/content/fancybox/source/fancybox_loading@2x.gif");
        background-size: 44px 44px; /*The size of the normal image, half the size of the hi-res image*/
    }
}

.homepageholidaygiftbox {
width:942px;
height:173px;
margin-top:28px;
}

.craftquality001 {
width: 838px;
height: 838px;
position: relative;
background-color:blue;
}
.craftquality001 img{
width: 838px;
height: 838px;
position: relative;
z-index:-1;
background-color:blue;
}

.craftqualityimgwritingright01 {
width:200px;
height:100px;
position: absolute;
z-index:1;
top: 100px;
left:500px;
background-color:red;
}

.craftqualityimgwritingright02 {
width:200px;
height:100px;
position: absolute;
z-index:1;
top: 300px;
left:500px;
background-color:red;
}

.craftqualityimgwritingright03 {
width:200px;
height:100px;
position: absolute;
z-index:3;
top:500px;
left:500px;
background-color:red;
}

.craftqualityimgwritingleft01 {
width:200px;
height:100px;
position: absolute;
z-index:1;
top: 300px;
left:138px;
background-color:red;
}

.craftqualityimgwritingleft02 {
width:200px;
height:100px;
position: absolute;
z-index:1;
top: 600px;
left:138px;
background-color:red;
}

.craftqualityone {
width: 838px;
height: 538px;
position: relative;
}

.craftqualityonetitle {
width: 838px;
height: 38px;
position: absolute;
z-index:1;

}

.craftqualityonetext {
width: 400px;
height: 500px;
position: absolute;
z-index:1;
top:38px;

}
.craftqualityonetext p{
padding:40px;
}

.craftqualityoneimg {
width: 438px;
height: 500px;
position: absolute;
z-index:1;
top:38px;
left:400px;
background-color:blue;
}

.craftqualitytwo {
width: 838px;
height: 538px;
position: relative;
}

.craftqualitytwotitle {
width: 838px;
height: 38px;
position: absolute;
z-index:1;

}

.craftqualitytwotext {
width: 400px;
height: 500px;
position: absolute;
z-index:1;
top:38px;

}

.craftqualitytwotext p{
padding:40px;
}

.craftqualitytwoimg {
width: 438px;
height: 500px;
position: absolute;
z-index:1;
top:38px;
left:400px;
background-color:blue;
}

.craftqualitythree {
width: 838px;
height: 538px;
position: relative;
}

.craftqualitythreetitle {
width: 838px;
height: 38px;
position: absolute;
z-index:1;

}

.craftqualitythreetext {
width: 400px;
height: 500px;
position: absolute;
z-index:1;
top:38px;

}
.craftqualitythreetext p{
padding:40px;
}

.craftqualitythreeimg {
width: 438px;
height: 500px;
position: absolute;
z-index:1;
top:38px;
left:400px;
background-color:blue;
}

.craftqualityfour {
width: 838px;
height: 538px;
position: relative;
}

.craftqualityfourtitle {
width: 838px;
height: 38px;
position: absolute;
z-index:1;

}

.craftqualityfourtext {
width: 400px;
height: 500px;
position: absolute;
z-index:1;
top:38px;

}

.craftqualityfourtext p{
padding:40px;
}

.craftqualityfourimg {
width: 438px;
height: 500px;
position: absolute;
z-index:1;
left:400px;
top:38px;
background-color:blue;
}

.craftqualityfive {
width: 838px;
height: 538px;
position: relative;
}

.craftqualityfivetitle {
width: 838px;
height: 38px;
position: absolute;
z-index:1;

}

.craftqualityfivetext {
width: 400px;
height: 500px;
position: absolute;
z-index:1;
top:38px;

}

.craftqualityfivetext p{
padding:40px;
}

.craftqualityfiveimg {
width: 438px;
height: 500px;
position: absolute;
z-index:1;
top:38px;
left:400px;
background-color:blue;
}

.craftqualitysix {
width: 838px;
height: 538px;
position: relative;
}

.craftqualitysixtitle {
width: 838px;
height: 38px;
position: absolute;
z-index:1;

}

.craftqualitysixtext {
width: 400px;
height: 500px;
position: absolute;
z-index:1;
top:38px;

}

.craftqualitysixtext p{
padding:40px;
}

.craftqualitysiximg {
width: 438px;
height: 500px;
position: absolute;
z-index:1;
top:38px;
left:400px;
background-color:blue;
}

.craftqualityseven {
width: 838px;
height: 538px;
position: relative;
}

.craftqualityseventitle {
width: 838px;
height: 38px;
position: absolute;
z-index:1;

}

.craftqualityseventext {
width: 400px;
height: 500px;
position: absolute;
z-index:1;
top:38px;

}
.craftqualityseventext p{
padding:40px;
}

.craftqualitysevenimg {
width: 438px;
height: 500px;
position: absolute;
z-index:1;
top:38px;
left:400px;
background-color:blue;
}

.craftqualityquote {
width: 838px;
height: 38px;
position: relative;
background-color:purple;
}

.craftqualityquotetitle {
width: 400px;
height: 38px;
position: absolute;
z-index:1;
left:200px;
background-color:blue;
}
a .survey {
color:white;
}
.survey {
  border: none;
  background-color: #FF7800;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
border-radius: 12px;
margin-bottom: 15px;
}
.survey:hover {opacity: .7;}

.cocoSponsor {
width:940px;
height:70px;
margin-top:60px;
margin-bottom:20px;
float:left;
}

.cocoSponsor .homepageproductstext {
float:left;
margin-left:97px;
width:257px;
}

.cocoSponsor .homepageproductstext h5 {
margin-top:15px!important;
padding:0px!important;
}

.sponsorImage1 {
height:70px; 
width: 70px; 
margin-left:36px;
margin-right:36px;
float:left;
}

.sponsorImage2 {
height:70px; 
width: 355px;
float:left;
}

img#logoImage.checkoutHeader-logo {
max-width: 25%!important;
}

.checkoutHeader-heading {
width:25%!important;
}

.apple-pay-checkout-button {
  background-image: -webkit-named-image(apple-pay-logo-black);
  background-color: white;
  border: .5px solid black
}
.cmfsTitle {
    width: 838px;
    height: 60px;
    text-align: center;
    padding-bottom:30px;
    margin-bottom:32px; 
    margin-top:5px;
    border-bottom: 1px solid #DCDCDC;
}
.cmfsTitle2 {
    width: 838px;
    height: 60px;
    line-height:60px;
    text-align: center;
    padding-bottom:30px;
    margin-bottom:32px; 
    margin-top:5px;
    border-bottom: 1px solid #DCDCDC;
    margin-top:25px;
}
.cmfsTitle3 {
    width: 838px;
    height: 60px;
    text-align: center;
    margin-bottom:5px; 
    margin-top:5px;
}
.cmfsTitle4 {
    width: 838px;
    height: 60px;
    text-align: center;
    padding-bottom:30px;
    margin-bottom:32px; 
    margin-top:5px;
    border-bottom: 1px solid #DCDCDC;
    margin-left:52px;
}
.bottompagespacing {
    width:942px;
    height:120px;
    clear:both;
}

.cmfsTxtWrap23a {
    width: 838px;
    height: auto;
    margin-left: 52px;
    margin-right: 52px;
    margin-top: -10px;
}


.cmfsTxtWrap23b {
  width: 942px;
  height: auto;
  margin-top: 38px;
}


.cmfsUnderline {
    text-decoration: none;
    border-bottom: 1px solid #feaa00;
    box-shadow: inset 0 -4px 0 #feaa00;
    color: inherit;
    transition: background 0.3s ease-out;
    color:#000000c9;
}


.missionTest ol {
    width:auto;
    height: auto;
    font-size: 21px;
    text-align: left;
    line-height: 30px;
    font-weight:400;
    
}


.missionTest li p {
    width:400px;
    height: auto;
    font-size: 21px;
    text-align: left;
    line-height: 30px;

    
}


.missionTest li {
    width:auto;
    height: auto;
    font-size: 21px;
    text-align: left;
    line-height: 30px;
    font-weight:400;
    margin-left:40px;
    
}
.cmfsfigcaption {
    text-align:center;
    margin-bottom:60px;
    color:#000000c9;
    font-weight:600;
}

.jeffdebfigFounders {
    float: right;
    width:319px;
    clear:right;
    text-align:center;
    margin-right:-20px;     
    margin-bottom:120px;
    color:#000000b5;
    font-weight:600;
    
}

.cmfsTXT23a a:hover{
    color:#FFA700!important;
    border-bottom: none;
    box-shadow: none;
}

.cmfsTXT23a li a:hover{
    color:#FFA700!important;
    border-bottom: none;
    box-shadow: none;
}


.cmfsTitle23a {
    width: 840px;
    height: 60px;
    text-align: center;
    color:#000000c9!important;
    margin-bottom: 90px;
    margin-top: 50px;
    margin-left:-1px;
    font-size: 65px;
    font-weight: 700;
}


.cmfsTitle23b {
    width: 942px;
    height: 60px;
    text-align: center;
    color:#000000c9!important;
    margin-bottom: 90px;
    margin-top: 50px;
    margin-left:-1px;
    font-size: 65px;
    font-weight: 700;
}

.cmfsTitle23c {
    width: 942px;
    height: 60px;
    text-align: center;
    color:#000000c9!important;
    margin-bottom: 90px;
    margin-top: 50px;
    margin-left:-52px;
    font-size: 65px;
    font-weight: 700;
}

.cmfsTitle23d {
  width: 942px;
  margin-bottom: 100px;
    height: 60px;
    text-align: center;
    color:#000000c9!important;
    margin-top: 50px;
    font-size: 65px;
    font-weight: 700;
}

.cmfsSubTitle23a {
    width: 838px;
    font-size: 30px;
    text-align: left;
    margin-top:100px;
    margin-bottom:30px;
    display:block;
    margin-left:20px;
    font-weight:600;
    color:#000000c9!important;
}

.cmfsSubTitle23b {
    width: 838px;
    font-size: 35px;
    text-align: center;
    margin-top:160px;
    margin-bottom:30px;
    display:block;
    margin-left:0px;
    font-weight:400;
    color:#000000c9!important;
}


.cmfsSubTitle23c {
    width: 838px;
    font-size: 30px;
    text-align: left;
    margin-top:60px;
    margin-bottom:30px;
    display:block;
    margin-left:20px;
    font-weight:600;
    color:#000000c9;
}


.cmfsSubTitle23d {
  width: 700px;
  font-size: 25px;
  text-align: left;
  margin-top:60px;  
  display:block;
  margin-left: auto;
  margin-right: auto;
  font-weight:600;
  color:#000000b5;
 
}  


.cmfsSubTitle23e {
  width: 800px;
  font-size: 30px;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 30px;
  display: block;
  margin-left: 19px;
  font-weight: 600;
  color: #000000b5;
}


.cmfsSubTitle23f {
  width: 700px;
  font-size: 25px;
  text-align: left;
  margin-top:60px; 
  display:block;
  margin-left: auto;
  margin-right: auto;
  font-weight:600;
  color:#000000b5;
}


.cmfsSubTitle23g {
    width: 700px;
    font-size: 25px;
    text-align: left;
    margin-top:30px;
    margin-bottom:15px;
    display:block;
    margin-left: auto;
    margin-right: auto;
    font-weight:600;
    color:#000000b5;
}

.cmfsSubTitle23h {
    width: 800px;
    font-size: 30px;
    text-align: left;
    margin-top:125px;
    margin-bottom:30px;
    display:block;
    margin-left:19px;
margin-right:19px;
    font-weight:600;
    color:#000000c9!important;
        text-align:center;
}

.cmfsSubTitle23i {
    width: 838px;
    font-size: 30px;
    text-align: left;
    margin-top:60px;
    margin-bottom:30px;
    display:block;
    margin-left:0px;
    font-weight:600;
    color:#000000c9;
}

.cmfsContactRbox{
    width: 200px;
    height:300px;
    font-size: 21px;
    text-align: left;
    line-height: 30px;
    margin-right:-20px;
    margin-top:30px;
    padding:left:100px;
    display: block;
    color: #000000c9 !important;
    float:right;
}


.cmfsContactR{
    width: 200px;
    height: auto;
    font-size: 21px;
    text-align: left;
    line-height: 30px;
    padding:left:100px;
    display: block;
    color: #000000c9 !important;
    float:right;
}


.cmfsContactR a:hover{
    color:#FFA700!important;
    border-bottom: none;
    box-shadow: none;
}
    

.cmfsContactL{
    width: 130px;
    height: auto;
    font-size: 21px;
    text-align: right;
    line-height: 30px;
    color: #000000c9 !important;
    float:left;
    margin-left:30px;
}


.cmfsContactLbox{
    width: 130px;
    height:300px;
    font-size: 21px;
    text-align: right;
    line-height: 30px;
    color: #000000c9 !important;
    float:left;
    margin-left:30px;
    margin-top:30px;
}


.cmfsTXT23a {
    width: 700px;
    height: auto;
    font-size: 21px;
    text-align: left;
    line-height: 30px;
    margin-left: auto;
    margin-right: auto;
    display:block;
    color:#000000c9!important;
}

.cmfsTXT23quote {
    width: 700px;
    height: auto;
    font-size: 21px;
    text-align: center;
    line-height: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 65px;
    display:block;
    color:#000000c9!important;
    font-weight:800;
}


.cmfsImage23a {
    width: 800px;
    height: auto;
    margin-top: 60px;
    margin-bottom: 10px;
    margin-left: 19px;
    margin-right: 19px;
}


.cmfsImage23b {
    width: 800px;
    height: auto;
    margin-top: 65px;
    margin-bottom: 10px;
    margin-left: 19px;
    margin-right: 19px;
}


.cmfsImage23c {
    width:319px;
    float:right;
    clear:right;
    margin-bottom:0;
    margin-top:116px;
    height: auto;
    margin-right:-20px;

}

.cmfsImage23L {
  width: 400px;
  height: auto;
  margin-top: 30px;
  margin-bottom: 10px;
  margin-left: 19px;
  float: left;

}


.cmfsImage23La {
  width: 400px;
  height: auto;
  margin-top: 30px;
  margin-bottom: 10px;
  margin-left: 19px;
  float: left;
}


.cmfsImage23Ra {
    width: 400px;
    height: auto;
    float: right;
    margin-top: 30px;
    margin-bottom: 10px;
    margin-right: 19px;
}


.cmfspatternImage2L {
  width: 395px;
  height: auto;
  margin-bottom: 10px;
  margin-left: 19px;
  float: left;
  margin-right:10px;
}


.cmfspatternImage2R {
  width: 395px;
  height: auto;
  float: right;
  margin-bottom: 10px;
  margin-right: 19px;
}


.cmfspatternImage3L {
  width: 395px;
  height: auto;
  margin-bottom: 10px;
  margin-left: 19px;
  float: left;
  margin-right:10px;
  margin-top:60px;
}


.cmfspatternImage3R {
  width: 395px;
  height: auto;
  float: right;
  margin-bottom: 10px;
  margin-right: 19px;
  margin-top:60px;
}



.cmfsVideoa {
  width: 800px;
  height: 450px;
  margin-top: 30px;
  margin-bottom: 10px;
  margin-left: 19px;
  margin-right: 19px;
}    


.cmfsQuestion {
  width: auto;
  height: auto;
  font-size: 21px;
  text-align: left;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  display:block;
  color:#000000c9!important;
 
}


.cmfsQuestion :hover{
    color:#FFA700!important;
}

.cmfsfaqquestions ol {
    width:auto;
    height: auto;
    font-size: 21px;
    text-align: left;
    line-height: 30px;
    font-weight:400;
    color:#000000c9!important;
    
}
.cmfsfaqquestions li p {

    font-size: 21px;
    text-align: left;
    line-height: 30px;
    
}
.cmfsfaqquestions li {

    font-size: 21px;
    text-align: left;
    line-height: 30px;
    font-weight:200;
    margin-left:-30px;
    color:#000000c9!important;
    
}

.cmfsfaqquestions li a p:hover{
    color:#FFA700!important;
}

.cmfsBottomSpacing {
    width:942px;
    height:120px;
    clear:both;
}

.cmfsBottomSpacing2 {
    width:942px;
    height:80px;
    clear:both;
}

.cmfsproductSinglelvl01 {
   width: 942px;
   height: 460px;
   margin-top: 100px;
}

.cmfsproductSinglelvl01left {
  width: 513px;
  height: 444px;
  margin-top: 82px;
  float: right;
}

.cmfsproductSinglelvl01leftImageLarge {
  width: 513px;
  height: 349px;
  border: 0px solid #DCDCDC;
}

.cmfsproductSinglelvl01leftImageLargePhoto {
  width: 493px;
  height: 328px;
  padding-top: 10px;
  margin-left: 10px;
  float:right;
}

.cmfsproductSinglelvl01leftThumb {
  width: 525px;
  height: 91px;
  margin-top: 10px;
  border: none;
}

.cmfsproductSinglelvl01leftThumb01 {
  width: 114px;
  height: 79px;
  float: left;
  margin-left: 20px;
  margin-top: 1px;
  position: relative;
cursor: pointer;
}

.cmfsproductSinglelvl01leftThumb02 {
  width: 114px;
  height: 79px;
  float: left;
  margin-left: 15px;
  margin-top: 1px;
  position: relative;
cursor: pointer;
}

.cmfsproductSinglelvl01leftThumb03 {
  width: 114px;
  height: 79px;
  float: left;
  margin-left: 15px;
  margin-top: 1px;
  position: relative;
cursor: pointer;
}

.cmfsproductSinglelvl01leftThumb04 {
  width: 114px;
  height: 79px;
  float: left;
  margin-left: 15px;
  margin-top: 1px;
  position: relative;
cursor: pointer;
}


.cmfsproductSinglelvl01right {
  width: 357px;
  height: 460px;
  float: left;
  text-align: left;
  margin-top:89px;
}

.cmfsproductSinglelvl01rightTextTitle {
  width: 942px;
  height: auto;
  text-align: center;
  margin-top: -50px;
  margin-bottom: 0px;
}

.cmfsproductSinglelvl01rightTextTitle h1 {
  font-size: 65px;
  font-weight: 700;
  color: #000000c9 !important;
  font-style: normal;
}

.cmfsproductSinglelvl01rightTextSubTitle {
  width: 357px;
  height: 22px;
  text-align: left;
  margin-bottom: 12px;
  color: #C7C7C7;
  margin-bottom: 25px;
  padding-right: 4px;
}

.cmfsproductSinglelvl01rightTextSubTitle h2 {
  font-size: 20px;
  margin-bottom: 30px;
  height: auto;
  font-weight: 400;
  color: #000000c9;
}

.cmfsproductSinglelvl01rightTextText {
  width: 396px;
  height: 375px;
  float: left;
}

.cmfsproductSinglelvl01rightTextText p{
  font-size: 21px;
  line-height: 30px;
}

.cmfsproductsMiddle {
  width: 942px;
  height: auto;
  margin-top: 0px;
  margin-left:0px;
}

.cmfsproductsMiddleright {
  width: 575px !important;
  height: auto;
  float: right;
  margin-left: 0px;
}

.cmfsproductsMiddleTitleBox {
  height: auto !important;
  width: 575px !important;
  border: none;
  float: right;
  margin-left: 8px;
  margin-bottom: 9px;
}

.cmfsproductsMiddleTitle {
  width: 355px;
  background: none;
  border: none;
  height: auto;
  float: left;
  text-align: center;
  vertical-align: middle;
  line-height: 34px;
  clear: both;
}

.cmfsproductsMiddleTitle h2 {
  width: 838px;
  font-size: 30px;
  text-align: left;
  margin-top: 80px;
  margin-bottom: 30px;
  display: block;
  margin-left: 0px;
  font-weight: 600;
  color: #000000c9;
}

.cmfsproductsMiddleThumbnailRow {
  width: 575px !important;
  height: 103px;
  margin-bottom: 50px;
}

.cmfsproductsMiddleThumbnail {
  width: 130px;
  height: 141px;
  margin-left: 18px;
  float: left;
}

.cmfsproductsMiddleLeft {
  width: 239px;
  height: auto;
  float: left;
  padding-top: 77px;
}

.cmfsmatPricingBox {
  height: auto;
  background: none;
  width: 250px;
  padding: 0px;
  margin-left: 0px;
  margin-top: 0px;
  text-align: justify;
}

.cmfsmatPricingBox h2{
  display: block;
  font-weight: 600;
  color: #000000c9;
  text-align: left;
  width: 300px;
  margin-left: 0px;
  font-size: 30px;
  margin-top: 0px;
  margin-bottom: 50px;
}

.cmfsmatPricingBox p {
  font-size: 21px;
  padding-bottom: 11px;
}

.cmfsProductPageAttachmentSub {
  width: 838px;
  text-align: left;
  margin-top: 100px;
  display: block;
  font-weight: 600;
  color: #000000c9;
  font-size: 30px;
  padding-top: 0px;
  margin-left: 0px;
  margin-bottom: 60px;
}

.cmfsProductPageAttachmentTXT {
  width: 700px;
  height: auto;
  font-size: 21px;
  text-align: left;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  display: block;
  color: #000000c9 !important;
}

.cmfsMAGAphotostext {
  width: 942px;
  height: auto;
  margin-top: 4px;
  margin-left: 0px;
}

.cmfsMAGAtxt1 {
  width: 220.5px;
  height: auto;
  float: left;
}

.cmfsMAGAtxt234 {
  width: 220.5px;
  height: auto;
  float: left;
  margin-left: 20px;
}

.cmfsMAGAphotos {
  width: 942px;
  height: 147px;
  margin-top: 32px;
  margin-left: 0px;
}

.cmfsMAGAphoto1 {
  width: 220.5px;
  height: 166px;
  height: auto;
  float: left;
}

.cmfsMAGAphoto234 {
  width: 220.5px;
  height: 166px;
  float: left;
  margin-left: 20px;
}

.cmfsMAGAfigcaption {
  text-align: center;
  margin-bottom: 15px;
  color: #000000c9;
  font-weight: 600;
}

.cmfsNeedHelpSwatch {
width: 838px;
font-size: 30px;
text-align: left;
margin-top: 130px;
margin-bottom: 60px;
display: block;
margin-left: 0px;
font-weight: 600;
color: #000000c9;
}

.cmfsNeedHelpSwatchVirtual {
  width: 381px;
  height: 500px;
  border: 10px solid #EDEDED;
  background-color: white;
  float: left;
  margin-top: 5px;
  margin-left: 0px;
  padding: 25px;
}

.cmfsproductsSwatchTitle {
width: 381px;
height: 30px;
margin-top: 11px;
text-align: center;
color: #000000c9;
margin-bottom: 20px;
}

.cmfsNeedHelpSwatchPhysical {
width: 381px;
height: 500px;
border: 10px solid #EDEDED;
float: right;
background-color: white;
margin-top: 5px;
padding: 25px;
margin-right: 0px;
}

.cmfsnewOrderMats {
  margin-left:0px;
}
      
.cmfsnewOrderMats a{
    width:700px;
    height:25px;
    margin-top:120px;
    margin-left:95px;
    float:left;
    font-size:40px;
    font-weight:600;
    color:#feaa00;
    text-align:center;
    border: 5px solid #feaa00;
    line-height:25px;
    padding:25px;
    opacity:1;
    background:none;
}

.cmfsnewOrderMats a:hover{
    width:700px;
    height:25px;
    margin-top:120px;
    margin-left:95px;
    float:left;
    font-size:40px;
    font-weight:600;
    color:#fdfdfd;
    text-align:center;
    border: 5px solid #f8f8f8;
    background-color:#feaa00;
    line-height:25px;
    padding:25px;
}

.cmfsProductPageAttachmentTXT a:hover{
    color:#FFA700!important;
        border-bottom: none;
        box-shadow: none;
}

.cmfspricingWidth {
    width:100%;
    display:inline-block;
}

.cmfsProductsRow {
  width: 942px;
  height: 312px;
  margin-bottom: 42px;
  width: 942px;
}

.cmfsProductLinkFirst {
  width: 286px;
  float:left;
}

.cmfsProductLink {
  width: 286px;
  margin-left: 42px;
  float:left;
}

.cmfshomeCustomText {
  width: 370px;
  font-size: 20px;
  margin-left: -91px;
  float: left;
  text-transform: uppercase;
  margin-top: 60px;
  font-weight: 200;
  letter-spacing: 5px;
  font-weight: 600;
  color: #000000c9;
  margin-bottom: 90px;
}

.cmfscocologoabso {
  position: absolute;
  left: 321px;
  top: 41px;
  width: 300px;
  height: 87px;
  background-image: url('https://www.cocomats.com/content/cocomatswebsite/Logos/CocoMatsLogo.png');
  background-repeat: no-repeat;
  background-size: 300px 87px;
  z-index: 9999;
}

.cmfshomeCraftedText {
  width: 370px;
  font-size: 20px;
  margin-right: -102px;
  float: right;
  text-transform: uppercase;
  margin-top: 60px;
  letter-spacing: 5px;
  font-weight: 600;
  color: #000000c9;
  margin-bottom: 90px;
}

@media (max-width:1200px)  { 
	
	.cmfshomeCraftedText {
	    width: 200px;
	    font-size: 20px;
	    margin-right: 51px;
	    float: right;
	    text-transform: uppercase;
	    margin-top: 45px;
	    letter-spacing: 5px;
	    font-weight: 600;
	    color: #000000c9;
	    margin-bottom: 75px;
	    text-align: center;
	}
	.cmfshomeCustomText {
	    width: 279px;
	    font-size: 20px;
	    margin-left: 16px;
	    float: left;
	    text-transform: uppercase;
	    margin-top: 45px;
	    letter-spacing: 5px;
	    font-weight: 600;
	    color: #000000c9;
	    margin-bottom: 75px;
	    text-align: center;
	}
	
 }
	
	
.cmfsneedleabso {
  position: absolute;
  left: 669px;
  top: 2750px;
  width: 301px;
  height: 232px;
  background-image: url('https://www.cocomats.com/content/cocomatswebsite/Logos/needle.png');

}
@media (max-width: 1200px){
	.cmfsneedleabso {
		 top: 2745px;
	}
}
.cmfshomeExploreNineText {
  width: 942px;
  font-size: 30px;
  margin-top: 80px;
  text-transform: capitalize;
  font-weight: 600;
  color: #000000c9;
  text-align: center;
}

.cmfshomeproductsPageRap {
  width: 942px;
  height: auto;
  margin-top: 80px;
}

.cmfshomeNewsNew {
  width: 940px;
  height: 400px;
  position: relative;
  z-index: 1;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 100px;;
}

.cmfshomeCocoHandMade {
  float: left;
  width: 600px;
  height: 400px;
margin-left: -100px;
}


.cmfshomeBigVideoSection {
  float: right;
  width: 340px;
  height: 344px;
background-color: none !important;
}

  

.cmfshomeBigVideoText {
  width: 340px;
  height: 82px;
  line-height: 50px;
  font-size: 50px;
  color: black;
  text-align: center;
  font-weight: bold;
background-color: none;
}


.cmfshomehandmadetoordertxt {
  line-height:70px;
  margin-left:20px;
  text-align:center;
  width:340px;
  margin-bottom: 80px;
  margin-top:125px;
  font-size:65px!important;
 
  font-style: normal;
  font-weight: 700;
 
}

.cmfsthreeQuality {
  width: 1024px;
  height: 316px;
  margin-top: 100px;
  display: inline-block;
}

.cmfstqCustom {
  width: 238px;
  height: 297px;
  margin-left: -41px;
  float: left;
  margin-top: 23px;
}

.cmfstqhefty {
  width: 326px;
  height: 191px;
  margin-top: 125px;
  margin-left: 100px;
  float: left;
}

.cmfstqFitment {
  width: 300px;
  height: 316px;
  margin-top: 0px;
  margin-left: 65px;
  float: left;
}

.cmfsthreeQualitytxt {
  width: 1010px;
  height: 100px;
}

.cmfstqCustomtxt {
  width: 314px;
  height: 100px;
  color: #000000c9;
  margin-left: 5px;
  display: block;
  float: left;
  font-size: 30px;
  font-weight: 600;
  text-align: left;
}

.cmfstqheftytxt {
  width: 314px;
  height: 100px;
  color: #000000c9;
  margin-left: -5px;
  display: block;
  float: left;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
}

.cmfstqFitmenttxt {
  width: 314px;
  height: 100px;
  color: #000000c9;
  margin-left: -6px;
  display: block;
  float: left;
  font-size: 30px;
  font-weight: 600;
  text-align: right;
}
@media (max-width:1200px)  { 
	
	
	.cmfstqFitmenttxt {
	  width: 273px;
	  height: 100px;
	  color: #000000c9;
	  margin-left: -6px;
	  display: block;
	  float: left;
	  font-size: 30px;
	  font-weight: 600;
	  text-align: right;
	}
	.cmfstqheftytxt {
	  width: 324px;
	  height: 100px;
	  color: #000000c9;
	  margin-left: 5px;
	  display: block;
	  float: left;
	  font-size: 30px;
	  font-weight: 600;
	  text-align: center;
	}
	.cmfstqCustomtxt {
	  width: 246px;
	  height: 100px;
	  color: #000000c9;
	  margin-left: 54px;
	  display: block;
	  float: left;
	  font-size: 30px;
	  font-weight: 600;
	  text-align: left;
	}
	.cmfstqFitment {
	  width: 300px;
	  height: 316px;
	  margin-top: 0px;
	  margin-left: 30px;
	  float: left;
	}
	.cmfstqhefty {
	  width: 326px;
	  height: 191px;
	  margin-top: 125px;
	  margin-left: 46px;
	  float: left;
	}
	.cmfstqCustom {
	  width: 238px;
	  height: 297px;
	  margin-left: 7px;
	  float: left;
	  margin-top: 23px;
	}
 }
.cmfshomevideosubtitle {
  margin-left: 6px;
  text-align: center;
  width: 942px;
  margin-bottom: 80px;
  margin-top: 80px;
  font-size: 30px;
  font-weight: 600;
  font-style: normal;


  color: #000000c9;
}

.cmfshomevideosingletitle {
  width: 838px;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 30px;
  display: block;
  margin-left: 20px;
  font-weight: 600;
  color: #000000b5;
}

.cmfshomevideosingletitle2 {
  width: 838px;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 30px;
  display: block;
  margin-left: 35px;
  font-weight: 600;
  color: #000000b5;
}

.cmfscocosponsor {
  width: 940px;
  height: 70px;
  margin-top: 160px;
  margin-bottom: 130px;
  float: left;
}

.cmfshomesponsorsubtitle {
  width: 260px;
  font-size: 30px;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 30px;
  display: block;
  font-weight: 600;
  color: #000000b5;
  float: left;
margin-left: 97px;
}

.homeVideosText {
margin-left: 8px;
}

#cmfsmyBtn {
  display: none;
  position: fixed;
  bottom: 61px;
  right: 45px;
  z-index: 99;
  outline: none;
  color: #feaa00;
  cursor: pointer;
  padding: 10px;
  font-family: "europa",Arial,Sans-Serif;
  font-size: 21px;
  border: 5px solid #feaa00;
  background: none;
  font-weight: 600;
}

#cmfsmyBtn:hover{

    
        border: 5px solid #f8f8f8;
    background-color:#feaa00;
color:#fdfdfd;
    

}

.cmfsSubTitle23e a:hover {
          color:#FFA700!important;
              border-bottom: none;
              box-shadow: none;
      }

.cmfswhowesellto {
        font-size: 21px;
              text-align: center;
              line-height: 30px;
              
    }
    .cmfswhowesellto li p {
      font-size: 21px;
      text-align: center;
      line-height: 30px;
      width: auto;
      height: auto;      
      margin-left: auto;
      margin-right: auto;
      display: block;
      color: #000000c9 !important;
    }
    .cmfswhowesellto li {
    list-style-type: none; 
    }

      .cmfstimeline {
          position: absolute;
          left: 19px;
          top: 3450px;
          width: 350px;
          height: 26px;
  background-image: url('https://www.cocomats.com/content/cocomatswebsite/graphics/home.timeline.png');

    }
    .cmfshometimeline {
        font-size:21px;
        margin-left:-36px;
        width:450px;
cursor: pointer;
    }
    .cmfshometimeline a{
        color: #000000c9;
        border-bottom:none;
        box-shadow:none;
cursor: pointer;
    }
    .cmfshometimeline a:hover{
        color: #FFA700;
        border-bottom:none;
        box-shadow:none;
        opacity:1;
cursor: pointer;
    }
.cmfstrunksizes {
          position: absolute;
          left: 258px;
          top: 1180px;
          width: 70px;
          height: 26px;


    }
.cmfstrunksizes p{
font-style: italic;
line-height:34px;
  font-size: 15px;
letter-spacing:1px;

    }


    .cmfshomehandmadetoordertxt a{
        color: #000000c9;
        border-bottom:none;
        box-shadow:none;
cursor: pointer;
    }

.cmfshomehandmadetoordertxt a:hover{
        color: #FFA700;
        border-bottom:none;
        box-shadow:none;
        opacity:1;
cursor: pointer;
    }

.moreinfo {
         position: relative;
         background: #9f8f7917; 
         padding-top:12px;
          height:780px;
         
      }
      .moreinfo:before, .moreinfo:after {
         content: "";
         position: absolute;
         background: #9f8f7917;  /* Match the background */
         top: 0;
         bottom: 0;
         width: 9999px;   /* some huge width */
        
      } 
      .moreinfo:before {
         right: 100%; 
        
      }
      .moreinfo:after {
         left: 100%;
     }
.fancybox-title a {
      color: #feaa00;
      text-decoration: none;
      font-variant: small-caps;
      text-shadow: none;
      padding-bottom: 1px;
      border: 2px solid #feaa00;
      font-size:12px;
      vertical-align: top;
      }
 
     .fancybox-title a:hover {
                color: rgba(0, 0, 0, 1);
                background-color: #feaa00;
               border: none;
               opacity:1;
               margin-right:2px;
               margin-left:2px;
     }

.cmfstimelinecmfs {
position: absolute;
top: 3582px;
left: -46px;
scale: 93%;
width: 350px;
height: 26px;
background-image: url('https://www.cocomats.com/content/cocomatswebsite/graphics/home.timeline.png');
}

.gHeadImagecmfs {
width: 912px;
height: 550px;
position: relative;
z-index: 1;
}

.gc1cmfs {
width: 912px;
height: 5500px;
margin-right: auto;
margin-left: auto;
margin-top: -20px;
}


.gHeadImagecmfs {
width: 912px;
height: 550px;
position: relative;
z-index: 1;
margin-top: 50px;
}

.gLogoImageTextcmfs {
position: relative;
width: 288px;
height: 115px;
top: 588px;
left: 591px;
z-index: 2;
}

.gCocoMatsLogoTextcmfs p {
color: #000000 !important;
font-weight: 700;
font-size: 26px;
line-height: 30px;
text-align:center;
}


}
.gHeadTextLeftcmfs {
width: 569px;
height: 126px;
float: left;
}

.gHeadTextLeftcmfs p{
margin-left: 15px;
width: 540px;
letter-spacing: 0px;
margin-top: 32px;
font-size: 21px !important;
line-height: 30px;
font-weight: 300;
font-family: europa,Arial,Sans-Serif;
color: #000000c9 !important;
}

.gNAItextTitlecmfs {
width: 912px;
margin-left: 0px;
margin-top: 120px;
margin-bottom: 45px;
height: 61px;
font-size: 65px;
}

.gNAItextTitlecmfs h2 {
background-color: #fff0;
color: #000000c9 !important;
font-size: 30px;
height: 46px;
text-align: center;
vertical-align: middle;
line-height: 46px;
margin-bottom: 20px;
}

.gCMP01cmfs {
width: 912px;
height: 775px;
margin-bottom: 50px;
position: relative;
z-index: 1;
}

.gCMTempTextBKGacmfs {
height: 56px;
position: absolute;
padding-top: 8px;
padding-bottom: 8px;
background-color: #e3e3e3;
font-size: 21px;
z-index: 4;
font-weight: bold;
top: 296px;
left: 232px;
width: 181px;
padding-left: 35px;
padding-right: 0px;
color: #000000c9 !important;
}

.gCMTempTextBKGbcmfs {
width: 16px;
position: absolute;
left: 232px;
background-color: #e3e3e3;
z-index: 4;
height: 350px;
top: 315px;
}

.gCMTempcmfs {
position: absolute;
top: 267px;
z-index: 5;
width: 364px;
height: 518px;
left: 20px;
}

.gCMFactoryTextcmfs {
width: 202px;
height: 71px;
position: absolute;
z-index: 6;
top: 339px;
background-color: #e3e3e3;
padding-top: 13px;
color: #000000c9 !important;
left: 681px;
padding-left: 29px;
}

.gCMFactoryTextacmfs {
width: 175px;
height: 23px;
font-size: 21px;
font-weight: bold;
text-align: center;
color: #000000c9 !important;
}

.gCMFactoryTextbcmfs {
width: 175px;
height: 22px;
font-size: 17px;
font-weight: bold;
text-align: center;
color: #000000c9 !important;
}

.gCMFactorycmfs {
width: 444px;
height: 296px;
position: absolute;
z-index: 7;
top: 407px;
left: 468px;
-webkit-box-shadow: -1px 0px 56px -12px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 0px 56px -12px rgba(0,0,0,0.75);
box-shadow: -1px 0px 56px -12px rgba(0,0,0,0.75);
}

.gNAIcmfs {
width: 912px;
height: 680px;
position: relative;
z-index: 1;
margin-bottom: 50px;
margin-top: 0px;
}

.gNAImatcmfs {
width: 404px;
height: 650px;
left: 15px;
top: 20px;
position: absolute;
z-index: 2;
}

.gNAItextTSTcmfs {
width: 437px;
height: 454px;
margin-left: 65px;
margin-top:0px;
}

.gNAItextATSTBoxcmfs {
width: 437px;
height: 97px;
margin-bottom: 80px;
margin-top: 0px;
}

.gNAItextATSTcmfs {
width: 437px;
margin-top: 0px;
height: 26px;
}

.gNAItextTSTtitlecmfs {
height: 26px;
float: right;
font-size: 23px;
text-align: left;
margin-top: 13px;
width: 392px;
margin-bottom: 9px;
}

.gNAItextTSTtitlecmfs p {
font-size: 21px;
font-weight: 700;
color: #000000c9 !important;
}

.gNAItextToughTextcmfs {
height: 62px;
width: 374px;
margin-top: 15px;
margin-left: 46px;
font-size: 16px;
}

.gNAItextToughTextcmfs p {
font-size: 21px;
font-weight: 200;
line-height: 30px;
color: #000000c9 !important;
}

.gNAItextSignatureTextcmfs {
width: 392px;
height: 62px;
margin-top: 15px;
margin-left: 46px;
font-size: 16px;
}

.gNAItextSignatureTextcmfs p {
font-size: 21px;
font-weight: 200;
line-height: 30px;
color: #000000c9 !important;
}

.gNAItextTightTextcmfs {
width: 392px;
height: 62px;
margin-top: 10px;
margin-left: 46px;
font-size: 16px;
}

.gNAItextTightTextcmfs p {
font-size: 21px;
font-weight: 200;
line-height: 30px;
color: #000000c9 !important;
}

.gPGcmfs {
width: 912px;
height: 403px;
position: relative;
z-index: 1;
margin-top: -30px;
margin-bottom: 120px;
}

.cmfshomeNewsNewcmfs {
width: 940px;
height: 400px;
position: relative;
z-index: 1;
margin-top: 0px;
padding-top: 0px;
margin-left: -80px;
margin-bottom: 0px;
}

.cmfshomeCocoHandMadecmfs {
float: right;
margin-right: -100px;
width: 600px;
height: 400px;
margin-left: -100px;
}

.cmfshomeBigVideoSectioncmfs {
width: 340px;
height: 344px;
float: left !important;
margin-bottom: 18px;
}

.cmfshomehandmadetoordertxtcmfs {
margin-bottom: 45px;
font-size: 30px !important;
line-height: 33px;
margin-top: 130px;
color: #000000c9 !important;
margin-left: 20px;
text-align: center;
width: 340px;
font-style: normal;
font-weight: 700;
}

.gVideoP01cmfs {
width: 912px;
height: 200px;
position: relative;
z-index: 1;
}

.mediacmfs {
width: 940px;
height: 216px;
margin-top: 0px;
margin-left: -10px;
margin-bottom: 20px;
}

.homeVideosTextcmfs {
height: 55px;
line-height: 70px;
font-size: 23px;
text-align: center;
font-weight: bold;
margin-left: 8px;
width: 271px;
color: #000000c9 !important;
}

.cmfshomeproductsPageRapcmfs {
width: 942px;
height: auto;
margin-top: 0px;
margin-left: -15px;
}

.gc1cmfsch {
  width: 912px;
  height:5725px;
  margin-right: auto;
  margin-left: auto;
  margin-top: -20px;
}

.gHeadTextch {
  height: none;
  width: 912px;
  margin-top: 24px;
}
.gNAItextTitlecmfsch {
  width: 912px;
  margin-left: 0px;
  margin-top: 90px;
  margin-bottom: 45px;
  height: 61px;
  font-size: 65px;
text-align: center;
}
.jdmBAMch {
  width: 912px;
  height: 582px;
  position: relative;
  z-index: 1;
}
.jdmImageLargech {
  width: 500px;
  height: 694px;
  float: left;
  margin-left: 0px;
  z-index: -1;
  position: absolute;
  top: -55px;
scale: 81%;
left: 17px;
}
.jdmBAMSwatchThumbnailsch {
  width: 300px;
  height: 582px;
  float: right;
  background-color: ;
  position: relative;
margin-right: 51px;
}
.gCMP01cmfsch {
  width: 912px;
  height: 705px;
  margin-bottom: 50px;
  position: relative;
  z-index: 1;
}
.gCMTempTextBKGacmfsch {
  height: 56px;
  position: absolute;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #e3e3e3;
  font-size: 21px;
  z-index: 4;
  font-weight: bold;
  top: 296px;
  left: 300px;
  width: 181px;
  padding-left: 35px;
  padding-right: 0px;
  color: #000000c9 !important;
}
.gCMTempcmfsch {
  position: absolute;
  top: 267px;
  z-index: 5;
  width: 364px;
  height: 518px;
  left: 20px;
  scale: 94%;
}

.gNAIcmfsch {
  width: 912px;
  height: 662px;
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
  margin-top: 0px;
}
.gNAImatcmfsch {
  width: 404px;
  height: 650px;
  left: 15px;
  top: 0px;
  position: absolute;
  z-index: 2;
  scale: 90%;
}
.gPGcmfsch {
  width: 912px;
  height: 403px;
  position: relative;
  z-index: 1;
  margin-top: -30px;
  margin-bottom: 0px;
}
.gNAItextTitlecmfschex {
  width: 912px;
  margin-left: 0px;
  margin-top: 130px;
  margin-bottom: 45px;
  height: 61px;
  font-size: 65px;
text-align:center;
}
.gNAImatcmfsch {
  width: 404px;
  height: 650px;
  left: 15px;
  top: -3px;
  position: absolute;
  z-index: 2;
  scale: 94%;
}
.PostTitle a{
    color: #FFA700!important;
}
#BlogRecentPosts a{
    color: #FFA700!important;
}
#Outer {
    
    background: linear-gradient(30deg, rgba(248, 248, 248, 0.98), rgba(248, 248, 248, 0.98)), url(https://store-czglx7p.mybigcommerce.com/content/cocomatswebsite/graphics/background/backgroundtestPLUS.jpg) 0 0 repeat!important;
    
}
#NewsComments
{
	display:none!important;
}
.productHeading1TitleMaterial {
	width: 942px;
	  height: auto;
	  text-align: center;
	  margin-top: 50px;
	  margin-bottom: 0px;
	font-size: 65px;
	  font-weight: 700;
	  color: #000000c9 !important;
	  font-style: normal;
}
.beforeyouorder {
width: 385px;
height: auto;
border:none;
margin-top:57px;
background-color:none;
margin-left:57px;
}

.beforeyouorder h2{
text-align: center;
font-size: 25px;
font-weight: 500;
margin-top:18px;
margin-bottom: 18px;
}

.beforeyouorder p{
	color:black;
text-align: left;
font-size: 16px;
font-weight: 300;
line-height:25px;
}