/************************************************
* 
*  File     :  css/main.css 
*  Medium   :  Screen  
*  Author   :  Transmitter Studios 2009
* 
************************************************/

/* global */

html {
        margin: 0;
        padding: 0;
        font: 76%/1.3 Arial, sans-serif;
        background: #fff url(/frontend/assets/img/contentBg2.jpg) no-repeat top center scroll;
        color: #666;
        cursor: default;
}

body {
        font-size: 0.95em;
        margin: 0;
        padding: 0;
}

h1, h2, h3, h4, h5, h6 {
        margin: 0 0 1em 0;
        font-weight: bold;
}

h2 {
        font-size: 1.7em;
}

h3 {
        font-size: 1.2em;
        margin:0 auto;
}

h4 {
        font-size: 1.1em;
}

h5 {
        font-size: 1.0em;
}

h6 {
        font-size: 1.0em;
}

p {
        margin: 1em 0 2em 0;
}

ul, ol {
        margin: 1em 0 2em 2.5em;
}

ul {
        list-style: square;
}


em {
  font-style                 : italic;
  font-weight                : normal;
}

strong {
  font-weight                : bold;
  font-style                 : normal;
}

td, th {
  vertical-align             : top;
  padding                    : 2px 4px;
}

th {
  font-weight                : bold;
  text-align                 : left;
}

a img {
  border                     : 0;
}

/* default link styles */

a:link, a:visited, a:hover {
          color: #333;
          text-decoration: none;
}

a:hover {
        color: #000;
        /* text-decoration: underline; */

}

/* forms */

input, select, textarea {
  font: 1em Arial, sans-serif;
}


/* global classes ---------------------------------------------------------------------------- */

/* clearfix */

.clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

.clearfix { /* IE7- */
        display: inline-block;
}

.clearfix { /* IE7- */
        display: block;
}

#outer {
        width: 920px;
        margin: auto;
}


/* header--------------------------------------------------------------------------------- */

#header {
        width: 866px;
        margin: auto;
}

#header h1 {
        width: 226px;
        margin: -50px auto -45px;
        text-align: center;
        z-index: 1;
        position: relative;
}

#header .misc {
        margin: 10px 0 0;
        padding: 15px 0 0;
        background: url(/frontend/assets/img/fortheblackcollarworker.png) no-repeat right top;
        text-align: right;
}

#header .misc a {
  color                      : #666;
}

#header .misc a.first {
  padding                    : 0 8px 0 0;
  margin                     : 0 8px 0 0;
  border-right               : 1px solid #666;
}


/* nav  ---------------------------------------------------------------------------- */


#nav {
        margin: 15px 0 25px 0;
        text-align: center;
        font-size: 1.5em;
        text-transform: uppercase;
        z-index: 10;
        position: relative;
        font-weight:bold;
}

#nav ul * {
  float                      : left;
  margin                     : 0;
  padding                    : 0;
  list-style                 : none;
  color                      : #222;
  text-decoration            : none;
}

#nav li {
  padding                    : 0 10px 0 0;
}

#nav a {
  margin                     : 0 10px 0 0;
}

#nav ul {
  display                    : inline-block;
}

#nav ul {
  display                    : inline;
}

#nav ul {
  display                    : table;
  margin                     : auto;
}

#nav ul li a:hover {
        color: #be0000;
        cursor:pointer;
}

ul#main {
        padding:0;
}

/* LAYOUT  --------------------------------------------------------------------------------- */


#content {
        min-height:460px;
        display:block;
        margin:0 0 10px 0;
        height:auto;
        text-align:center;
}

#contactForm, #faq, #storeCart, #listForm, #newsList, #newsItem, #storeCategory, #storeFront, .productDetails, #copy, #storeCheckout, #storeFrontCat, #logIn, #gallery {
        text-align:left;
        display:block;
        margin:0 150px;
        padding:15px 0;
        width:600px;
        border-top:1px dotted #ccc;
        border-bottom:1px dotted #ccc;
        min-height:420px;
        float:left;
}

#storeFront {
        border-top:none !important;
        min-height:240px;
}




/* footer  ---------------------------------------------------------------------------- */

#footer {
        display:block;
        clear:both;
        padding-top:10px;
        background: #fff url(/frontend/assets/img/footerBg.jpg) no-repeat bottom center scroll;
        width:100%;
        height:285px;
}

#footer p, #footer ul, .links ul {
        margin: 10px 0;
        padding: 0;
        text-align: center;
        color: #666;
        font-size: 1.1em;
}

.links {
        margin:-18px 0 12px 0;
        text-align: center;
}

#footer .links {
        margin-top:2px;
        text-align: center;
}

#footer .links *, .links * {
        display: inline;
        color: #666;
        text-decoration: none;
  
}

#footer .links li, .links li {
        margin-right:5px;
}


#footer .links h2, .links h2 {
        margin: 0 5px;
        font-size: 1em;
        color: #000;
        text-transform: uppercase;
}

#footer #search-bar {
        margin: 20px 0;
}

#footer #search-bar * {
        text-align: center;
        vertical-align: middle;
}

#footer #search-bar #search {
  height                     : 20px;
  width                      : 200px;
  padding                    : 4px 3px 0;
  border                     : 1px solid #c7c7c7;
  text-align                 : left;
  background                 : url(/frontend/assets/img/input-bg.png) repeat-x left top;
}

#footer #search-bar #submit-search {
        background: transparent url(/frontend/assets/img/search-bg.png) no-repeat right center;
        border: 0;
        padding: 0 12px 0 0;
        text-transform: uppercase;
        font-weight: bold;
        overflow: visible;
}

#footer #bookmarks {
        height: 52px;
        padding: 20px 0 0;
        text-align: center;
        background: url(/frontend/assets/img/bookmarks-bg.png) no-repeat center center;
}

#footer #bookmarks a {
        margin: 0 50px 0;
}

#footer #menu * {
        display: inline;
        margin: 0;
        padding: 0;
        color: #666;
        text-transform: uppercase;
}

#footer #menu li {
        margin-right:10px;
}



/* front page  ---------------------------------------------------------------------------- */

/* highlights */

#highlights {
        width: 854px;
        height: 215px;
        margin: auto;
        padding: 5px;
        border: 1px solid #dedede;
        color: #666;
        background: #fff;
        text-align:left;

}

#highlights img {
        float: left;
        margin: 0 5px 0 0;
}

#highlights .news {
        float: left;
        width: 251px;
        height: 185px;
        padding: 15px;
        background: #000;
        overflow: hidden;
}

#highlights .news p {
        margin: 0;
}

#highlights .news h2 {
        margin: 0;
        font-size: 1.2em;
        font-weight: normal;
        color: #ccc;
}

#highlights .news p.date {
        color: #be0000;
        font-style: italic;
}

#highlights .news a:hover {
        color: #666;
}

/* store preview */

div#store-preview {
        margin: 30px 0;
        position: relative;
}

div#store-preview #catName { /* Not displaying category name */
        height: 0px;
        visibility: hidden;
}

div#store-preview #catDesc { /* Not displaying category description */
        height: 0px;
        visibility: hidden;
}

div#store-preview .prev, div#store-preview .next {
        position: absolute;
        z-index: 1;
        width: 85px;
        height: 90px;
        top: 50px;
        outline: 0;
        cursor: default;
}

div#store-preview .prev {
        left: 0;
        background: url(/frontend/assets/img/carousel-left.png) no-repeat left top;
}

div#store-preview .prev:hover {
        left: 0;
        background: url(/frontend/assets/img/carousel-left.png) no-repeat left bottom;
}

div#store-preview .next {
        right: 0;
        background: url(/frontend/assets/img/carousel-right.png) no-repeat right top;
}

div#store-preview .next:hover {
        right: 0;
        background: url(/frontend/assets/img/carousel-right.png) no-repeat right bottom;
}

div#store-preview div#carousel {
        margin: 0 auto;
        height:220px !important;
        overflow:visible;
        border-right: 1px dotted #ccc;
        border-left: 1px dotted #ccc;
}

div#store-preview div#carousel ul.productList li {
        width: 100px;
        margin: 0 10px 0 0;
}


div#store-preview div#carousel p {
        margin : 0;
        color : #666;
}

div#store-preview div#carousel h2 {
        margin: 0;
        font-size: 1em;
        display: inline;
}

div#store-preview div#carousel .price, h3 span.price, li span.price {
        color: #be0000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: .9em;
        font-weight:bold;
        
}

div#store-preview div#carousel div#storeCategory ul.productList li span {
        float:left;
        clear:right;
}

div#store-preview div#carousel div#storeCategory ul.productList li span.price {
        clear:both;
}

/* news  ---------------------------------------------------------------------------- */ 

#newsList h2, #newsItem h2 {
        display: inline;
        font-size: 1em;
        text-transform: uppercase;
        margin: 0 3px 0 0;
}

#newsList a, #newsItem a {
        text-decoration: none;
}

#newsList a:hover,  #newsItem a:hover {
        text-decoration: underline;
}

#newsList a h2,  #newsItem a h2 {
        color: #000;
        display: inline;
        font-size: 1em;
        text-transform: uppercase;
        margin: 0 3px 0 0;
}


#newsList span.date,  #newsItem span.date {
        font-style: italic;
        font-family: Georgia, Arial, Helvetica, sans-serif;
        color: #be0000;
}

#newsList p, #newsItem p {
        color: #666;
        margin: 0 0 1em;
}

#newsList .text,  #newsItem .text {
        color: #666;
        margin: 0 0 1em;
}

#newsList a.past-news,  #newsItem a.past-news {
        font-style: italic;
        color: #000;
        text-decoration: none;
        font-family: Georgia, Arial, Helvetica, sans-serif;
        font-weight: bold;
}

#newsList ul.articles,  #newsItem ul.articles {
        list-style: none;
        padding: 0;
        margin: 0;
}

/* product details page ------------------------------------------------------------------------- */

.productDetails #qinfo {
        width: 320px;
        float: left;
}
        
.productDetails #qinfo a img {
        border: 1px solid #ccc;
        width:280px;
}

/* height:95%;
width:95%; */

.productDetails #qinfo a:hover img {
        border-color: #aaa;
}

.productDetails #info {
        margin-left: 310px;
        margin-top: 10px;
        border-left: 1px dotted #ccc;
        padding-left: 1em;
}

.productDetails .longDesc form {
        border-top: 1px dotted #ccc;
        border-bottom: 1px dotted #ccc;
        text-align:left;
}


.productDetails .longDesc form ol {
        width:100%;
        
}

.productDetails .longDesc form li {
        float:left;
        margin:5px 0;
        text-align:left;
}

.productDetails .longDesc form label {
        float: left;
        text-align: left;
        padding-right: 5px;
        width:auto;
}

.productDetails .longDesc form button {
        margin: 5px auto 0 auto;
        white-space: nowrap;
        display: inline;
        }

.productDetails .longDesc table td {
        width: 70px;
        padding-right: 5px;
        text-align: right;
}

.productDetails .longDesc table {
        border-bottom: 1px dotted #ccc;
}

.productDetails .longDesc h5 {
        border-bottom: 1px dotted #ccc;
        padding: .5em;
        font-size: 12px;
}

.productDetails .longDesc form {
        background:#f0f0f0;
        height:auto;
        clear: none;
}

 .productDetails form fieldset {
         width:auto;
         padding-top:0;
}

.productDetails form fieldset ol {
        list-style: none;
}

.productDetails form fieldset ol li {
        display: block;
        border-top: 1px dotted #ccc;
        padding-top:5px;
        clear:both;
}

.productDetails form fieldset ol li.first {
        border: none;
}

.productDetails form fieldset ol li label {
        cursor: pointer;
        float: left;
        width:auto !important;
}


ol#variations_holder {
        width:auto;
        text-align:left;
        display:block;
        padding:0;
}

ol#variations_holder li {
        display:inline;
        text-align:left;
        border: none !important;
        clear:both;
        margin-top: 0!important;
}
            

    
/* // Form styles------------------------------------------------------------------------------- */
/* default */



#content form fieldset {
        border: 0;
}

#content form fieldset legend {
        font-size: 1.2em;
        color: #555;
}

#content form fieldset ol {
        list-style: none;
        padding: 1em 0;
}

#content form fieldset ol li {
        padding: 4px 0;
}

#content form fieldset ol li label {
        float: left;
        width: 10em;
        padding-right: .5em;
        text-align: right;
        line-height: 2.4em;
}

#content form fieldset input,
#content form fieldset textarea,
#content form fieldset button {
font: 12px tahoma, verdana, sans-serif;
        padding: 4px;
        color: #555;
}

#content form fieldset textarea {
        overflow: auto;
}

#content form fieldset button {
        width: auto;
        padding: 4px 15px;
        cursor: pointer;
        margin-left: 10.5em;
}
    /* // default */



    /* shopping cart table */
table.cart {
        width: 100%;
        padding: 0;
        border-collapse: collapse;
}

table.cart th {
        background: #000;
        padding: 4px;
        color: #fff;
        text-align: left;
}

table.cart td {
        padding: 4px;
        border-bottom: 1px solid #ccc;
}

table.cart a.del {
        width: 16px;
        height: 16px;
        float: left;
}

form#shopCart .button {
        margin: 20px 10px 20px 0;
}

/* shipping / tax */

dl.taxShipping {
        color:#000;
        width: 230px;
        float: right;
        padding-top: 5px;
        line-height: 1.5em;
}

dl.taxShipping dt {
        float: left;
        width: 150px;
        text-align: right;
        font-weight: bold;
        padding-right: 5px;
        clear: left;
}

dl.taxShipping dd {
        text-align: right;
}

        /* // shipping / tax */
    /* // shopping cart table */
    

/* // product list page ---------------------------------------------------------------- */
    
div#storeCategory ul.productList img, div#storeFrontCat ul.categories img {
        height:218px;
        width:145px;
        border:1px solid #ccc;
        }
      
div#storeCategory ul.productList a:hover img, div#storeFrontCat ul.categories img  {
        border:1px solid #aaa;
        } 
        
div#storeCategory ul.productList {
        list-style-type:none;
        width:600px;
        height:500px;
        padding:0;
        margin:0;
}
        
div#storeCategory ul.productList li span {
        float:left;
        clear:both;
        margin-right:5px;
}
        
        
/* STOREFRONT --------------------------------------------------------------------------------- */
        
        
div#storeFrontCat {
        width:910px !important;
        padding:0;
        margin:0;
        border-top:0;
        text-align:center !important;
}

div#storeFrontCat ul.categories {
        position:relative;
        list-style-type:none;
        width:auto;
        padding:0;
        margin:0 0 0 110px;
        text-align:center;
        float:left;
        
}

div#storeFrontCat ul.secondLine {
        float:left;
        /* margin-left:45px; */
        margin-right:auto;
}

div#storeFrontCat ul.thirdLine {
        float:right;
        clear:both;
        position:relative;
        margin:15px 300px 20px auto;
}
        
div#storeCategory ul.productList li, div#storeFrontCat ul.categories li {
        display:inline;
        float:left;
        width:145px;
        height:235px;
        padding:5px 0;
        margin:0 3px 15px 1px;
        text-align:left;
        }
        
div#storeFrontCat ul.categories li {
        margin:0;
        width:102px;
        height:200px;
        overflow:hidden;
}

div#storeFrontCat ul.categories img {
        border:1px solid #ccc;
        width:100px;
        height:300px;
        }
      
div#storeFrontCat ul.categories a:hover img  {
        border:1px solid #aaa;
        } 
        

            
/* faq ----------------------------------------------------------------------------------------- */
        
dl.faq dt {
        font-weight:bold;
        }

dl.faq dd {
        color:#666;
        }
         
/* faq ----------------------------------------------------------------------------------------- */
         
div#store-preview div#carousel div#storeCategory {
        border:none !important;
        padding:0 !important;
        margin:0;
        }

div#store-preview div#carousel div#storeCategory ul.productList {
        margin:0;
        width:auto;
}

        
div#store-preview div#carousel div#storeCategory ul.productList li a img {
        /* height: 50% !important; */
         width:98px;
        height:159px;
        display: block;
        margin: 0 0 10px 0;
}
div#storeFront ul.categories li a {
        margin: 15px 0 25px 0;
        text-align: left;
        font-size: 1.2em;
        text-transform: uppercase;
        text-decoration:none;
        color:#000;
}

div#storeFront ul.categories li a:hover {
        color:#666;
}

/* checkout -------------------------------------------------------------------------------- */


#contact, #shipping {
        
        width:auto;
        float:left;
        margin;0 20px 20px 0 !important;
        padding:10px;
}

#contact fieldset, #shipping fieldset {
        border:0;
        margin-left:-5px;
        
}

#contact fieldset ol, #shipping fieldset ol {
        list-style-type:none;
        margin-right:-20px;
}

#contact fieldset ol li, #shipping fieldset ol li {
        margin-left:-20px;
}


#storeCheckout a, #storeCart a {
        text-decoration:none;
}

#storeCheckout input, #storeCart input {
        margin:15px 5px;
        cursor:pointer;
}

#storeCheckout table.cart input, #storeCart table.cart input {
        margin:0;
}

#storeCheckout form {
        margin:55px 0;
        text-align:right;
        height:50px;
}

#storeCheckout form input {
        margin:0;
}