/*-----------------------------------------------
      Blackout Distribution Online Store
   Handcrafted with the purest CSS ingredients
                by Mc2design.com
-----------------------------------------------*/


/* Imports
--------------------------*/
@import url(reset.css);


/* Command Center
--------------------------*/
html {
	height:100%;
}
body {
	height:100%;
        width:100%;
	margin:0 auto;
	background:#000 url(../graphics/body_back.jpg) no-repeat center top;
	font-family: tahoma, helvetica, sans-serif;
	font-size:1.0em;
	font-size:0.9759em; /* IE6 = em x .9759 */		     
	line-height:1.5em !important;
	line-height:1.46475em;
        text-align:center;
	color:#eee;
}

#wrap {
	position:relative;
	min-height:100%;
	margin:0 auto;
	width:800px;
        background-color:#111;
        border-left:1px solid #222;
        border-right:1px solid #191919;
        text-align:left;
}
* html #wrap { 
	height:100%; /* Full Height Hax */
}


/* Link Colors
--------------------------*/
a {
	color:#ddd;
	text-decoration:none;
}
        a:hover	{
                color:#aaa;
                text-decoration:underline;
        }
        a:active {
                color:#fff;
        }
        a:visited {
                color:#ddd;
        }


/* Header
--------------------------*/
#header {
        float:left;
	width:100%;
	height:94px;
	background:url(../graphics/header_back.jpg) repeat-x 0 0;
}
	#logo {
		height:94px;
		background:url(../graphics/logo.jpg) no-repeat 0 0;
	}
	#logo h1 {
		text-indent:-9000px;
	}
        
        #user {
                margin:-55px 25px 0 0 !important;
                margin:-53px 25px 0 0;
                font-size:.8em;
                text-align:right;
        }
        
        
        /* Skipper for Screenreaders
	----------------*/
        #skipper {
                display:none;
        }

/* TopNav
--------------------------*/
#topnav {
	clear:both;
	float:left;
        width:100%;
	height:29px;
        line-height:30px;
	background:url(../graphics/topnav_back.gif) repeat-x 0 0;
	border-style:solid;
        border-width:1px 0;
        border-color:#303030 #fff #000 #fff;
        font-size:0.88em;
	overflow:hidden;
}
	#topnav ul {
		margin:0 0 0 9px;
	}
	#topnav li {
		display:inline;
	}
	#topnav a {
		display:block;
		float:left;
                padding:0 10px 0 8px;
                color:#222;
	}
	#topnav a:hover {
                background-color:#fff;
		text-decoration:none;
                color:#555;
	}
	#topnav a:active {
		background-color:#111;
                color:#fff;
	}
	
		/* TopSearch
		----------------*/
        .contact-info .name {
    font-weight: bold;
}

        .search-fields {
            padding: 10px;
        }
        
		#topsearch {
                        position:relative;
			float:right;
			width:200px;
			height:29px;
			line-height:29px;
			overflow:hidden;
		}
		#topsearch legend {
			display:none;
		}
                .topsearch {
                        position:absolute;
                        top:3px;
                        left:0;
                        background-color:#222;
                        width:140px;
                        border:1px solid #555;
                        height:16px;
                        padding:.15em .3em;
                        color:#fff;
                }
                
                .glass {
                        display:block;
                        position:absolute;
                        top:4px;
                        left:150px;
                        padding:0;
                        background:url(../graphics/magglass.jpg) no-repeat 0 0;
                        height:20px;
                        width:25px;
                        border-style:none;
                        text-indent:-9000em;
                        cursor:pointer; /* IE6 */
                        font-size:0;
                        color:#fff;
                }
                

/* Main
--------------------------*/
#main {
	clear:both;
	
	width:100%;
        padding-bottom:148px;
	background:#111 url(../graphics/main_back.gif) repeat-x 0 0;
}
#main:after {
        content:" ";
        display:block;
        clear:both;
}
	/* LeftNav
	----------------*/
	#leftnav {
		float:left;
		margin:64px 0 0 16px !important;
                margin:64px 0 0 8px;
		width:165px;
		font-size:0.94em;
                overflow:hidden;
	}
		#leftnav ul li ul li a {
            display: block;
            color: #eee;
            font-size: .8em;
            padding: 5px 15px;
            line-height: 1;
        }
        
		#leftnav li {
			display:block;
			margin:0 auto 3px auto;
            width:164px;
		}
		#leftnav li a.main {
			display:block;
            padding:0 5px 0 10px;
			height:29px;
			line-height:29px;
			background:url(../graphics/leftnav_button.gif) no-repeat 0 0;
            font-weight:bold;
			color:#fff;
            overflow:hidden;
		}
		#leftnav li a.main:hover {
			background-position:0 -29px;
            text-indent:-1px;
			text-decoration:none;
			color:#eee;
		}
		#leftnav li a.main:active {
			background-position:0 -58px;
            text-indent:0px;
			color:#aaa;
		}
                
                #leftnav_sub,
                .sidebar-list {
                        clear:both;
                        /*float:left;*/
                        margin:30px 0;
                        padding:10px;
                        width:144px;
                        background-color:#141414;
                        color:#ddd;
                        font-size:.92em;
                        line-height:1.3em;
                }

	/* ContentWrap
	----------------*/
	#contentwrap {
		float:right;
		margin:25px 25px 25px 0!important;
                margin:25px 12px 25px 0;
		width:560px;
		display: block;
	}
                #contentwrap h2 {
                        height:29px;
                        background-color:#000;
                        color:#cbcbcb;
                        background:url(../graphics/h2_grad.gif) repeat-x 0 0;
                        clear:both;
                        padding: 5px;
                        /*font-size:18px;
                        line-height:39px;
                        text-indent:15px;
                        overflow:hidden;*/
                }
                #contentwrap p {
                    margin: 1em 0;
                }
                #contentwrap fieldset {
                    padding: 1em;
                    
                }
                #contentwrap fieldset legend {
                    padding: .5em;
                    color: white;
                    letter-spacing: 1px;
                }
                        
		/* Content
		----------------*/
		.content {
                        clear:both;
			float:right;
			width:528px;
                        margin:0 0 25px 0;
                        padding:15px;
                        border:1px solid;
                        border-color:#131313 #1F1F1F #474747 #1F1F1F;
                        background:#181818 url(../graphics/content_back.gif) repeat-x 0 0;
                        font-size:.9em;
						display: block;
		}
                        .content h3 {
                                margin:5px 0;
                                border-bottom:1px solid #222;
                                font-size:1.35em;
                        }
                        .content h4 {
                                margin:5px 0;
                                border-bottom:1px solid #222;
                                font-size:1.25em;
                        }
                        .content h5 {
                                margin:5px 0;
                                border-bottom:1px solid #222;
                        }
                        .content h6 {
                                margin:5px 0;
                                border-bottom:1px solid #222;
                        }
                        .content p {
                                margin:0 0 20px 0;
                        }
                        .content ul {
                                margin:0 0 20px 30px;
                        }
                        .content li {
                                list-style:disc;
                        }
                        .content a {
                                text-decoration:underline;
                        }
                        .content a:hover {text-decoration:none;}
                        
						.contentcontainer {
							width: 100%;
							display: inline-block;
							margin: 0 0 0 15px;
							margin: auto;
						}
                       
                        /* Thumbnails (Homepage)
                        ----------------*/ 
                        .thumbcontainer {
                                float:right;
                                width:354px;
                                padding:0 0 10px 10px;
                                margin:0 0 10px 10px;
                        }
                        .thumb {
                                position:relative;
                                float:left;
                                margin:0 2px 2px 0;
                                width:116px; /* Set Master Thumbnail width */
                                height:82px; /* Set Master Thumbnail height +4px */
                                text-align:right;
                        }
                        .thumb a {
                                display:block;
                                height:78px; /* Set Master Thumbnail height (if image is missing) */
                                border:2px solid #4f4f4f;
                                color:#fff;
                                font-weight:bold;
                                font-size:1.3em;
                                text-decoration:none;
                        }
                        .thumb a:hover {
                                border-color:#fff;
                                color:#fff;
                        }
                        .thumb img {
                                display:block;
                                color:#111;
                        }
                        .thumb span {
                                display:block;
                                position:absolute;
                                padding:0 0 0 0;
                                width:112px;
                                background-color:#111;
                                bottom:2px;left:2px;
                                height:1.3em;
                                /* w3 issue 
                                opacity:0.4;
                                -moz-opacity:0.4;
                                filter:alpha(opacity=40); 
								*/
                        }
                        .thumb strong {
                                display:block;
                                position:absolute;
                                bottom:0;
                                right:1px;
                                line-height:.9em;
                        }
                        
                        /* Items (Categories)
                        ----------------*/
                        
                        .item {
                                float:left;
                                margin: 0 4px 12px;
                                width:160px; /* Set Master Item width +4px */
								display: block;
                        }
                        .item a {
                                display:block;
                                color:#fff;
                                font-weight:bold;
                                text-decoration:none;
                                border:2px solid #444444;
                                background-color:#222;
								width: 160px;
								/* min-height: 136px;  Commented out 02/06/09 - customer request for categories (jmb) */
                        }
						.compitem {
							min-height: 136px; /* for components page (jmb) */
						}
                        .item a:hover {
                                color:#fff;
                                border:2px solid #fff;       
                        }
                        .item img {
                               height: 108px; /* Set Master Item Height */
							   width: 160px;
							   margin: auto;
							   display: block;
                        }
                        .item_title {
							display:block;
							/*white-space:nowrap;*/
							/*padding: 4px 0 0 8px; */
							border:0px solid;
							border-color:#111 #222 #000 #222;
							overflow: hidden;
							font-size: .75em;
							height: 25px;
							line-height: 1.15 !important;
							background: transparent url(../graphics/h2_grad.gif) repeat-x;
							
                        }
						.item_title_text {
							padding: 5px 0 0 5px;
							display: block;
						}
						.item_large {
							font: bold 1.7em Arial, Helvetica, sans-serif;
							width: 100%;
							display: block;
							color: #000;
							margin: auto auto;
							text-align: center;
							padding: 5px 0 0 0;
							background-color: #fff;
							height: 103px;
						}
                        .item_desc {
                                display:block;
                                margin:2px 0;
                                padding:0;
                                height:25px;
                                overflow:auto;
                                font-size:.8em !important;
                                line-height:.9em !important;
                                color:#ccc;
								margin: 2px 0 0 2px;
                        }
                        .item_desc .approved-cust-needed {
                                margin: 0 !important;
                                font-size: .8em !important;
                                font-weight: normal;
                        }
                        .block {
                            display: block;
                        }
                        #product_description .price {
                            font-size: 1.25em;
                            font-weight: bold;
                            margin: .8em 0;
                            color: #DF5D53;
                        }
						.categorytop {
							display: block;
							width: 100%;
							height: 40px;
							
						}
						.pagination {
							width: 40%;
							display: inline;
							text-align: left;
							height: 26px;
							padding: 2px 0 0 0;
							margin: 0 0 2px 5px;
						}
						.sortbox {
							float: right;
							width: 45%;
							display: block;
							text-align: right;
							margin: -25px 0 15px 0;
							padding: 2px 15px 0 0;
						}
	
                        
                        
                        
                        /* Individual Product Page
                        ----------------*/
                        .product_top {
                                width:100%;
                        }
                        
                        .product_large {
                                float:left;
                                width:304px;
                                height:202px;
                        }
                        .product_large a {
                                display:block;
                                color:#fff;
                                font-weight:bold;
                                text-decoration:none;
                                border:2px solid #4f4f4f;
                                background-color:#222;
                        }
                        .product_large a:hover {
                                color:#fff;
                                border:2px solid #fff;       
                        }
                        .product_large img {
                                border-bottom:1px solid #000;
                                 /* Set Master Item Height */
                        }
                        
                        .product_thumbs_container {
                                float:right;
                                width:215px;
                        }
                        
                        .product_thumbs {
                                
                        }
                        .product_thumbs a {
                                display:block;
                                margin:0 2px 2px 0;
                                float:left;
                                width:65px;
                                height:45px; /* Set Master Item Height */
                                border:2px solid #4f4f4f;
                        }
                        .product_thumbs a:hover {
                                border:2px solid #fff;
                        }
                        .product_description {
                                clear:both;
                                float:left;
                                width:100%;
                                font-size:.9em;
                                line-height:1.4em;
                        }
                        .product_description label {
                                font-weight:bold;
                                width:30%;
                                margin:0 3px 0 0;
                        }
                        #quantity {
                            width: 10%;
                        }
                        .product_description input {
                            vertical-align: middle;
                        }
						.box {
							text-align: center;
							padding: 2px;
						}
						.redbox {
							text-align: center; 
							padding: 2px; 
							background-color: #FFBABA; 
							color: #D6010E;
							border: 2px solid #D6010E;
						}
						.redbox a {
							color: #000000;	
						}
						.greenbox {
							text-align: center; 
							padding: 2px; 
							background-color: #DFF2BF;
							color: #325F00;
							border: 2px solid #4F8A10;
						}
						.greenbox a {
							color: #000000;	
						}
						.yellowbox {
							text-align: center;
							padding: 2px;
							color: #9F6000;
							background-color: #FEEFB3;
							border: 2px solid #9F6000;
						}
						.yellowbox a {
							color: #4F3000;
							text-decoration: underline;
						}
                        
                        /* "Buy Now" Button
                        ----------------*/
                        .buy {
                                clear:both;
                                height:29px;
                                line-height:29px;
                                border-bottom:1px solid #222;
                                overflow:hidden;
                        }
                        .buy a {
                                float:right;
                                display:block;
                                width:106px;
                                background:url(../graphics/buynow.gif) no-repeat 0 0;
                                text-indent:-9000em;
                        }
                        .buy a:hover {
                                background-position:0 -29px;
                        }
                        .buy a:active {
                                background-position:0 -58px;
                        }


/* Footer
--------------------------*/
#footerwrap {
        position:absolute;
        bottom:0;
        height:9.25em;
        width:800px;
        color:#fff;
        text-align:center;
        background:url(../graphics/footer_back.gif) repeat-x left bottom;
}
        #footer {
                padding:50px 0 0 0;
        }
        #footer ul {
                width:75%;
                margin:0 auto;
        }
        #footer li {
                display:inline;
                font-size:0.75em;
        }
        #footer p {
                margin:10px 0 0 0;
                font-size:0.63em;
                color:#ccc;
        }
        #footer a {
                color:#fff;

        }



/* Faux Pipe
----------------*/
.toppipe li a{
        width:auto;
        padding:0 0 .3em 0;
        background:url(../graphics/toppipe.gif) no-repeat top right;
}
.pipe li {
        width:auto;
        display:inline;
        padding:0 .15em 0 .4em;
        border-left:1px solid #555;
        }
li.first { /* Remove First Pipe */
        border-left:0;
        background:none;
} 


/* ReForm
-------------*/
label {
        width:100px;
}
input, textarea, select {
        padding: 3px;
}


/* Misc Classes
--------------------------*/
.left           {float:left;}
.right          {float:right;}
.clear 		{clear:both;}
.clearr         {clear:right;}
.clearl         {clear:left;}
.clearnone      {clear:none;float:left;}


/* Image Loady
-------------*/
img {
        display:block;
        /*width:100%; Removed height/width 100% due to Safari incompatibility - jbarnett 2009-04-30
        height:100%;*/
        background:#181818 url(../graphics/loady.gif) no-repeat center center;
        text-indent:-9000em;
        font-size:0;
        overflow:hidden;
}
img.button {
        width: auto;
        height: auto;
        text-indent: 0;
        overflow: auto;
}
img.alt {
        visibility:hidden;
}

/** CART ***/

    table.cart input[type=submit],
    input.submit,
    a.submit {
        cursor: pointer;
    }

table.cart {
    width: 100%;
    border: 1px solid #888;
    padding: 1px;
    font-size: .9em;
    line-height: 1 !important;
}
    table.cart th,
    table.cart td {
        padding: 5px !important;
    }
    table.cart thead th {
        background: black url(../graphics/h2_grad.gif) repeat-x scroll 0 0;
        font-weight: bold;
        text-align: center;
        color: #eee;
    }
    table.cart input,
    table.cart td {
        vertical-align: middle;
    }
    table.cart .cart-total {
        text-align: right;
        font-weight: bold;
        /*border-top: 1px solid #eee;*/
    }
    table.cart .charges {
        text-align: right;
        background-color: #555;
        color: white;
        font-weight: bold;
        font-style: italic;
    }
    table.cart tr.even,
    #checkout-customer-fields tr.even {
        background-color: #222;
    }
    table.cart input {padding:0 !important;}
    
.checkout {
    text-align: right;
    margin: 1em 0;
}

/* Customer Account Pages */

fieldset.standard  {
    padding: 1em;
}

.customer-fields {
}
    .customer-fields td,
    fieldset.standard td {
        padding: 3px;
    }
    .customer-fields fieldset,
    fieldset.standard {
        border: 1px solid #555;
    }
    .customer-fields fieldset legend,
    fieldset.standard legend {
        padding: .5em;
        font-size: 1.3em;
        color: white;
        letter-spacing: 1px;
    }
    .customer-fields .billing-link {
        font-size: 1em !important;
    }
    .required,
    .label {
        font-weight: bold;
    }
    .success a {
        color: #2F8EFF !important;
        text-decoration: underline;
    }

/* Customer fields */


    #checkout-customer-fields th {
        font-weight: bold;
        text-align: left;
        color: #444;
        margin: 1px;
        padding: 5px;
    }
.other-checkouts {
    margin: 1em 0;
}

/** Stuff **/

.attention {
    border: 1px solid #131313;
    color: #DF5D53;
    /*padding: .5em;*/
    margin: .5em 0 .5em 0;
    font-weight: normal !important;
    font-size: .8em;
}

.attention h3 {
    border: none;
    font-weight: normal;
}

.error {
    color: #b00;
}

.success {
    border: 1px solid #131313;
    background-color: #D1EFD1;
    color: #009900;
    padding: .5em;
    margin: .5em 0 .5em 0;
    font-weight: normal;
    font-size: .8em;
}

.approved-cust-needed {
    margin: 1em 0 !important;
    font-weight: bold;
}

/** Homes **/

#contentwrap .news {
    background: #252525 url(../graphics/latest-news-bg.jpg) no-repeat left top;
    font-size: .8em;
    padding: 10px;
    min-height: 393px;
	border: 1px solid #454545;
	border-width: 0 0 1px 0;
}

#contentwrap .news h3 {
    text-indent: -9999px;
    height: 40px;
    padding: 0;
    margin: 0;
}

#contentwrap .news .post {
    padding: 0 15px;
}

#contentwrap .news .post .description {
    padding: 15px;
}

#contentwrap .news .post h4,
#contentwrap .news .post h3 {
    border-bottom: 1px solid #666;
    font-size: 1.2em !important;
}

h3 a {
    text-decoration: none;
}

/* Wishlist Styling */
#wishlist {
	padding: 0px;
	width: 100%;
	border: 1px solid #252525;
	font: 12px normal Arial, Helvetica, sans-serif;
}
#wishlist tr {
    margin: auto;
    border-width: 0 1px 0 1px;
}
#wishlist tr td {
    padding: 6px;
    border: 1px solid #252525;
}