h1 {font-family:'bebas_neueregular'; font-size:30px;}

/* top */
.top-bar {min-width:1000px; width:100%; background:black; border-bottom: 2px solid #df000d;}
.top-content {padding:10px 0; width:1000px; margin:auto; position:relative; background-color: black;}
.top-nav {position:absolute; bottom:10px; right:15px;}
.top-nav #top-nav-separator {height:15px; border-right:1px solid white; margin:0 15px;}
.top-nav a, .top-nav a:hover {color:white;}

/* triangle-bg */
.triangle-bg {background-image:url('http://www.mapcorporategifts.com/images/bg.png'); width:375px; height:646px; position:fixed; top:15%; z-index:-1;}
.triangle-bg#bg-left {left:0;}
.triangle-bg#bg-right {right:0;}

.outter {position:relative;}
.inner {position:relative; width:1000px; margin:auto; margin-bottom:5px;}
#mapcorporategifts-link {display:table; margin:auto;}
#map-cg-logo {display:block; margin:10px auto;}

/* main menu */
.main-link {position:relative; border-top:2px solid black; border-bottom:2px solid black; margin-bottom:5px;}
.main-link ul {display:table; margin:auto;}
.main-link ul li {float:left; background-position:left center; background-repeat:no-repeat; margin:8px 3px;}
.main-link ul li img {width:70%; display:table; margin:auto; margin-top:6px;}
.main-link ul li:nth-child(1) {margin-left:0;}
.main-link ul li:nth-last-child() {margin-right:0;}
.main-link a {font-family:'bebas_neueregular'; font-size:22px; color:black;}
.main-link a.active, .main-link a:focus, .main-link a:hover {color:#df2834;}
.main-link #dot {display:inline-block; width:11px; height:11px; position:absolute; top:17px; right:0; z-index:-1;}

/* body */
.plain-text {line-height:1.5em; margin:10px 0; padding:0 15px;}
.plain-text h1 {margin:25px 0 10px 0;}
.plain-text h2 {font-size:14px;}
.plain-text hr {border-top:2px solid #aaa;}
.plain-text ul li {background-image:url('../images/dot.png'); background-repeat:no-repeat; background-position:0 4px; padding-left:13px;}
.plain-text ul ul {margin-left:10px;}

/* faq */
.faq {line-height:1.8em; white-space:pre-line;}

/* home box */
.homebox-area {position:relative;}
.homebox-area img {width:100%; height:100%; padding:5px;}
.homebox-area div {}
.homebox-area .tall, .homebox-area .short {width:50%; float:left;}
.homebox-area .tall {height:566px;}
.homebox-area .short, .homebox-area .tall-small {height:283px;}
.homebox-area .short-small {width:50%; height:283px; float:left;}
.homebox-area .short-tiny {height:141.5px;}

/* home box 2 */
.homebox2 {display:block;}
.homebox2 img {float:left; margin:6px;}

/* contact */
.contact-page {margin-top:30px; position:relative; padding:0 10px;}
input[type=submit] {background:#404040; border:0; color:white; margin:4px auto; padding:10px 20px;}
.contact {margin:0 10px; width:260px; line-height:1.5em; float:left;}
form .contact div {margin-top:8px;}
form .contact input[type=text], form .contact textarea, form .contact select {border:1px solid #ddd; width:100%; padding:5px; margin:2px 0;}
form .contact textarea {height:80px;}
.contact#contact-form {padding:0 20px; width: 320px; border-right:1px solid #ddd; border-left:1px solid #ddd;}

form .contact input[type=text]:hover,
form .contact input[type=text]:focus,
form .contact textarea:hover,
form .contact textarea:focus {border:1px solid #2b3fff;}

/* contact-brands */
.contact-brands {width:350px; float:right; line-height:1.5em;}
.contact-brands .box {width:49%; display:inline-block; margin-bottom:10px;}
.contact-brand-bottom {margin-top:10px;}
.contact-brand-bottom img {padding:5px; padding-left:0;}
.contact-brands b {font-size:13px;}

/* catalog brands */
.banner-brands {height:320px;}
.banner-brands #banner {position:absolute; width:100%;}
.catalog-box-area {position:relative; width:490px; float:right; padding-top:15px; margin-right:10px;}
.catalog-box-area .catalog-box {display:inline-block; margin:5px;}
.brands-alphabetical {position:relative; display:block; margin:10px 0;}
.brands-alphabetical h1 {padding:5px 0;}
.brands-alphabetical .list-grid {width:13%; margin:10px 5px;}
.brands-alphabetical .list-grid {display:inline-block;}
.brands-alphabetical .list-brand {margin-top:20px; line-height:1.3em;}
.brands-alphabetical .list-brand h2 {margin-right:25px;}
.brands-alphabetical .list-grid h2, .brands-alphabetical .list-brand h2 {border-bottom:1px solid #ddd; padding-bottom:8px;}
.brands-alphabetical .list-grid a, .brands-alphabetical .list-brand a {display:block; margin:6px 0;}
.brands-alphabetical .list-brand a {cursor:default; color:#555;}
.brands-alphabetical .list-brand a:hover {text-decoration:none;}

.list-brand-container {float:left; width:25%; display:block;}

/* catalog products */
.catalog-products {background-image:url('../images/catalog/products/bg.jpg'); height:588px; background-size:cover;}
.product-side-nav {display:inline-block; background:white; opacity:0.8; margin-top:8%; margin-left:5%; padding:30px; width:250px;}
.product-side-nav h1 {border-bottom:1px solid #aaa; padding:10px 0; font-size:16px;}
.product-side-nav a {display:block; margin:9px 0;}

/* brand-detail */
.brand-detail {text-align:center;}
.brand-detail img {margin:5px auto; max-width:970px;}

/* complete-brand */
.complete-brand {padding:30px 10px 20px;}
.complete-brand-list {line-height:2em; white-space:pre-line;}

/* footer */
.bottom-line {background-image:url('../images/bottom.png'); height:10px; margin:5px 0;}
.footer-area {display:block; position:relative; background:black;}
.footer-content {color:#aaa; margin:auto; width:1000px; padding:20px 10px; position:relative; background:black;}
.footer-content a {display:block; margin:4px 0; color:#aaa;}
.footer-content a:hover {color:#aaa;}

/* footer nav */
.footer-nav {float:left;}
.footer-nav h1 {display:block; margin-bottom:10px;}

/* footer sosmed */
.footer-social {position:absolute; left:40%;}
.footer-social a img {margin-right:5px;}

/* footer contact */
.footer-contact {float:right;}
.footer-contact span img {margin-right:5px;}
.footer-contact span {display:block; margin:4px 0;}

	/* accordion */
/*----- Accordion -----*/
.accordion {
    overflow:hidden;
	line-height:1.7em;
}

.accordion h1.active {
    color:#df2834;
}

.accordion-section-title {
    width:100%;
	cursor:pointer;
    padding:20px 0;
    display:inline-block;
    transition:all linear 0.15s;
    /* Type */
    color:#000;
}
 
.accordion-section-title.active, .accordion-section-title:hover {
    /* Type */
    text-decoration:none;
}
 
.accordion-section:last-child .accordion-section-title {
    border-bottom:1px solid #ddd;
}
 
/*----- Section Content -----*/
.accordion-section-content {
    padding:15px;
    display:none;
}

#menu-tab ul {float:left; margin-top:100px; margin-left:100px;}
#menu-tab ul li {float:left; margin:0 10px;}
#menu-tab ul li a {color:white; outline:none; background:black; padding:7px 10px; font-size:14px;}
#menu-tab ul li a:hover, #menu-tab ul li a:active {text-decoration:none;}
#mix-match-sbux-logo {float:left;}