/*
Template Name:      Ben's BigCommerce Blueprint
Author:             Ben Word
Author URI:         http://benword.com/       
Version:            1.1.0
Updated:            January 27 2011

Changelog:
1.1.0 [01-27-2011]  Small CSS changes, removed the #Menu container from PagesMenu panel (added it in the Header panel before calling the panel, also
                    added the PagesMenu panel to the Footer panel)
1.0.0 [01-26-2011]  Integrated Blueprint CSS, added jQuery addons to js/, added initial CSS
*/


/* GENERAL
--------------------------------------------------------------------------------------------------------------------------------------------------- */
html { overflow-y:scroll; }
body { background:#F6FBFF url(//cdn11.bigcommerce.com/s-c3913/templates/__custom/images/bg.jpg?t=1500087396) 50% 0 no-repeat; }

a { color:#083F9A; }
a:hover,a:focus { }
a:hover,a:active { outline:none; }
a:active, input.button:active { outline:0; position:relative; top:1px; } /* this will affect any positioned links */
::-moz-selection { text-shadow:none; background:#3399FF; color:#fff; }
::selection { text-shadow:none; background:#3399FF; color:#fff; }
.Left h2, .Right h2 { font-weight:700; font-family:"chaloops-1","chaloops-2",sans-serif; text-shadow:0 1px 1px rgba(0,0,0,0.25); }
input,select,textarea { font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:1em; }
hr { height:1px; color:#ddd; background:#ddd; }
label,input[type=button],input[type=submit],button { cursor:pointer; }
.box { background:#C0D7EC; margin-bottom:1.5em; padding:1em; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.icon { vertical-align:middle; }
.large { line-height:1.5em; }
.center { text-align:center; }
.inner { padding:1em; } /* for when you want padding inside the grid */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; }
.hidden { display:none; visibility:hidden; } 
ul.none { margin:0 0 1.5em 0; padding:0; list-style-type:none; }
img.left,p img.left { margin:0 1.5em 1.5em 0; float:left; }
img.right,p img.right { margin:0 0 1.5em 1.5em; float:right; }
.button {
    float:left;
    background:#266EB3 url(//cdn11.bigcommerce.com/s-c3913/templates/__custom/images/fade-50.png?t=1500087396);
    -moz-border-radius:6px; 
    -webkit-border-radius:6px;
    border-radius:6px;
    color:#fff;
    border:none;
    padding:8px 16px;
    cursor:pointer;
    text-decoration:none;
    text-shadow:0 1px 1px rgba(0,0,0,0.25);
    width:auto;
    overflow:visible;
    -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2); 
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2); 
    box-shadow:1px 1px 3px rgba(0,0,0,0.2);
}
.button:hover { background:#125FA9; color:#fff; }
.button:after { content:"0"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }

#Container { width:auto; margin:0; }
#Outer { background:none; margin:5px 0 0 0; }


/* HEADER
--------------------------------------------------------------------------------------------------------------------------------------------------- */
#TopMenu { width:auto; height:auto; margin:0; position:absolute; top:5px; right:0; }
#TopMenu li a, #TopMenu li div { color:#6A6A79; border:none; font-size:11px; 
text-transform:uppercase; font-weight:700; }
#TopMenu li:last-child div { padding-right:0; }
#TopMenu li a:hover { color:#6A6A79; }

#Header { width:950px; height:auto; margin:0 auto 8px; padding:0; position:relative; border:none; }

#Logo { width:296px; height:158px; margin-bottom:6px; }

#SearchForm { 
    position:absolute; 
    top:40px; 
    right:0; 
    width:auto; 
    padding:4px 8px; 
    background:#C4E7F5;
    border:2px solid #A3D9F0;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
#SearchForm label {
    color:#222;
    float:left;
    font-weight:400;
    margin:7px 10px 0 0;
}
#SearchForm #search_query { float:left; margin-right:5px; border:1px solid #ccc; width:355px; font-size:12px; }
#SearchForm input.button { 
    padding:0 4px; 
    margin-top:4px; 
    font-size:16px;
    font-family:"chaloops-1","chaloops-2",sans-serif;
    font-weight:700;
    text-transform:uppercase;
    color:#E24710;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    background:none;
}
#SearchForm a { color:#266EB3; }
#SearchForm a:hover { color:#266EB3; }

#nav-utility {
    list-style:none;
    margin:0;
    padding:0;
    position:absolute;
    top:105px;
    right:0;
}
#nav-utility li { 
    border-left:2px dotted #A8DBF0; 
    float:left; 
    position:relative; 
    padding:0 20px; 
    font-family:"chaloops-1","chaloops-2",sans-serif;
    font-weight:700;
    text-transform:uppercase;
    font-size:14px;
    color:#343434;
    text-align:center;
    line-height:18px;
}
#nav-utility li.cart { padding-right:0; }
#nav-utility li:first-child { border-left:none; }
#nav-utility li a { color:#343434; text-decoration:none; }
#nav-utility li a:hover { text-decoration:none; }
#nav-utility li strong { color:#0C609D; font-size:23px; display:block; padding-top:8px; }
#nav-utility li img.icon { margin-top:4px; }

#Menu { width:950px; height:auto; margin:0 auto; padding:0; position:relative; }
#Menu ul {
}
#Menu ul li { border-right:2px dotted #fff; }
#Menu ul li.First { margin-left:30px; border-left:none; }
#Menu ul li a { 
    text-decoration:none !important; 
    height:auto;
    font-size:20px;
    font-family:"chaloops-1","chaloops-2", Myriad Pro, Trebuchet MS, sans-serif;
    font-weight:700;
    padding:3px 8px;
    text-shadow:0 1px 1px rgba(0,0,0,0.25);
}
#Menu ul li.ActivePage a,
#Menu ul li:hover a { color:#fff; }


/* CONTENT
--------------------------------------------------------------------------------------------------------------------------------------------------- */
#Wrapper { width:950px; margin:0 auto; text-align:left;padding-bottom: 10px; }
.Content, .Content.Wide, .Content.Widest { background:none; }
.Content { width:735px; margin:0 10px 150px 0; padding:0; font-size:1em; }
.Content.Wide { width:735px; margin:0 0 150px 0; padding:0; }
.Content.Widest { width:930px; margin:0 auto 10px auto; padding:5px 10px 10px 10px; }
body.home .Content.Widest { width:950px; margin:0 auto 10px auto; padding:0; }

.Content h3 { margin-bottom:8px; }

#leader { float:left; width:950px; background:#FFF6C6; margin-bottom:24px; }
#categories { float:left; width:263px; margin:10px 4px 4px 4px; }
#categories h3 {
    clear:both;
    float:left;
    width:197px;
    height:41px;
    background:url(//cdn11.bigcommerce.com/s-c3913/templates/__custom/images/ribbon-blue.png?t=1500087396) no-repeat;
    color:#fff;
    font-size:18px;
    margin:0 0 0 -13px;
}
#categories h3 a { display:block; margin:7px 0 0 8px; color:#fff; text-decoration:none;font-family:"chaloops-1","chaloops-2", Myriad Pro, Trebuchet MS, sans-serif; }
#categories a.category-image { float:left; margin:0 9px 8px 0; }
#categories img.left { 
    clear:both; 
    margin:0; 
    -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2); 
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2); 
    box-shadow:1px 1px 3px rgba(0,0,0,0.2);    
}
#categories img.last { margin-bottom:6px; }
#categories ul { list-style:none; margin:-2px 0 0 0; padding:0; float:left; width:115px; }
#categories li { background:url(//cdn11.bigcommerce.com/s-c3913/templates/__custom/images/li-arrow-green.png?t=1500087396) no-repeat 0 7px; padding:0 0 0 10px; float:left; width:115px; clear:both; }
#categories li a { color:#1B67A4; font-size:15px; text-decoration:none; }
#categories li a:hover { color:#D63617; }
#cycle { float:right; list-style:none; margin:6px 4px 0 0; padding:0; width:660px; height:387px; overflow:hidden; border:6px solid #fff; }

#HomeFeaturedProducts { float:left; width:940px; border:5px solid #1E93D8; background:#fff; margin-bottom:24px; }
#HomeFeaturedProducts h2 {
    clear:both;
    float:left;
    width:375px;
    height:42px;
    background:url(//cdn11.bigcommerce.com/s-c3913/templates/__custom/images/ribbon-red.png?t=1500087396) no-repeat;
    color:#fff;
    font-size:18px;
    margin:-14px 0 0 -13px;
    text-transform:uppercase;
}
#HomeFeaturedProducts h2 span { display:block; margin:5px 0 0 10px; }
#HomeFeaturedProducts .BlockContent { clear:both; margin-bottom:5px; }
#featured-prev, #featured-next {
    width:40px;
    height:40px;
    float:left;
    cursor:pointer;
    background:url(//cdn11.bigcommerce.com/s-c3913/templates/__custom/images/carousel-arrows.png?t=1500087396) no-repeat;
    margin:100px 20px 0 0;
}
#featured-prev { margin-left:20px; }
#featured-next { background-position:0 -40px; float:right; }
#HomeFeaturedProducts .ProductListContainer { float:left; }
#HomeFeaturedProducts li { width:128px !important;padding:8px;margin:6px;border:none; }

#customer-love ul { list-style:none; margin:0; padding:0; }
#customer-love li { background:url(//cdn11.bigcommerce.com/s-c3913/templates/__custom/images/li-star.png?t=1500087396) no-repeat 0 1px; padding:0 0 0 26px; margin:0 0 3px; font-size:14px; }
#customer-showcase img { border:1px solid #337BBE; }
#customer-showcase a { color:#1B67A4; font-family:"chaloops-1","chaloops-2",sans-serif; font-weight:700; font-size:14px; text-decoration:none; }
#customer-showcase a:hover { color:#E04211; }


/* Left Sidebar */
.Left { background:white; width:190px; font-size:1em;padding-top: 8px; }

/* Right Sidebar */
.Right { background:none; width:190px; margin:0; font-size:1em;padding-top: 8px; }


/* FOOTER
--------------------------------------------------------------------------------------------------------------------------------------------------- */
#Footer { float:left; width:100%; background:#4FAD31 url(//cdn11.bigcommerce.com/s-c3913/templates/__custom/images/bg-footer.png?t=1500087396) repeat-x; margin:0; padding:0; position:relative; border:none; font-size:1em; color:#fff; }
#Footer .container { padding:10px 0; position:relative; }
#Footer li a { border:none; }
#Footer a { color:#fff; }
#Footer p { text-align:center; }

#FooterSocial { 
    position:absolute; 
    top:-40px; 
    right:0; 
    margin:0; 
    color:#676767; 
    font-family:"chaloops-1","chaloops-2",sans-serif;
    font-weight:700;
    text-transform:uppercase;
    font-size:16px;
    text-shadow:0 1px 1px rgba(0,0,0,0.25);
}
#FooterSocial img.first { padding-left:6px; }

#FooterTestimonial {
    width:567px;
    height:215px;
    background:url(//cdn11.bigcommerce.com/s-c3913/templates/__custom/images/bg-footer-testimonial.png?t=1500087396) no-repeat;
    position:absolute;
    left:0;
    top:-137px;
}
#FooterTestimonial .box {
    background:none;
    margin:12px 0 0 190px;
    padding:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    width:350px;
    height:95px;
    float:left;
}

#Footer #FooterMenu { float:left; width:900px; margin:0 0 24px 60px; }
#Footer #FooterMenu ul { text-align:center; list-style:none; margin:0; padding:0; position:relative; z-index:500; }
#Footer #FooterMenu ul li { float:none; display:inline; position:relative; }
#Footer #FooterMenu ul li a { 
    padding:0 12px;
    color:#fff;
    font-size:14px;
}
#Footer #FooterMenu ul li.ActivePage a,
#Footer #FooterMenu ul li:hover a { color:#fff; }

#Footer p.icons img { padding:0 3px; }
#Footer p.large {
    font-family:"chaloops-1","chaloops-2",sans-serif;
    font-weight:700;
    text-transform:uppercase;
    font-size:22px;
    text-shadow:0 1px 1px rgba(0,0,0,0.25);
    margin-bottom:6px;
}



/* INTERNET EXPLORER
--------------------------------------------------------------------------------------------------------------------------------------------------- */
*:first-child+html #Menu { margin-bottom:16px; }
*:first-child+html #SearchForm input.button { margin-top:-3px; }


/* MEDIA QUERIES
--------------------------------------------------------------------------------------------------------------------------------------------------- */
@media all and (orientation:portrait) {
    /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
    /* Style adjustments for landscape mode goes here */

}

@media screen and (max-device-width: 480px) {
    /* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) */

}

@media print {
  * { background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important; } 
  a, a:visited { color:#444 !important; text-decoration:underline; }
  a[href]:after { content:" (" attr(href) ")"; }
  abbr[title]:after { content:" (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
  pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
  thead { display:table-header-group; }
  tr, img { page-break-inside:avoid; }
  @page { margin:0.5cm; }
  p, h2, h3 { orphans:3; widows:3; }
  h2, h3 { page-break-after:avoid; }    
}