/*	File: FPrintOnline
	Author: Ife Okwumabua

======[Global xHTML Elements]======*/
	@import url(base/screen.css);

	html {
		background-color: #000;/*6d6e72; / *#0c0c0c; / *#e9eaeb; */
		background-image: url("images/background/backroundfp4.jpg");
/*		background-image: url("images/background/translucent.png");*/
		text-align: center;
	}

	body {
		margin: 0 auto;
		padding: 0;
		/*background: transparent url("images/background/bodyOP90.png") center 10px no-repeat;*/
        background: transparent url("images/background/fingerprint4.png") center center no-repeat;
        background: transparent url("images/background/gradient2.png") center center repeat-x;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		width: auto;
		height: 100%;
	}

	h2.subTitle {
		margin-top: 10px;
		margin-left: 10px;
	}

	#containerWrapper {
		min-height: 600px;
	}
	.contentContainer {
		width: 98%;
		text-align: center;
		overflow: hidden;
	}

	.header, .viewPort, .promotional, .footer {
		/*margin: 0 auto;
		width: 972px;*/
	}

.header, .footer {
	text-align: right;
	vertical-align: middle;
    text-transform: uppercase;
	color: #8e8d8d;
	font-size: 90%;
	}
	.header a, .footer a {
		outline: none;
		text-decoration: none;
		color: #f1f1f1;
		letter-spacing: 1px;
		}
		.header a:hover, .footer a:hover {
			text-decoration: underline;
		}
		.header a.burntSienna, .footer a.burntSienna {
			/*margin: 0;*/
			color: #c15b0b;
	}
	.header {
	    position: absolute;
	    top: 4%;
	    right: 3%;
	    margin: 0;
      padding: 6px 8px 8px;
      background: transparent url("images/background/flarebg2.png") top center no-repeat;
      /*width: 550px;*/
      text-align: right;
        }
        .header a {
            margin: 0 5px;
            padding: 0 10px 7px;
            border-bottom: 2px solid transparent;
            font-size: 150%;
            font-weight: bold;
            vertical-align: middle;
            }
            .header a:hover {
                text-decoration: none;
                border-bottom-color: #0e76bc;
            }
            .header a.active, .footer a.active {
                color: #c15b0b;
                border-bottom-color: #fff; /*E26425;*/
            }
            .header a#apparel {
            }
            .header a#cart {
            }
            .header a.siteLogo {
                float: left;
                margin: -11px 0 8px;
                padding: 0;
                border: none;
                }
                .header .siteLogo img {
                    /*width: 70%;*/
                }
                .header hr {
                    margin: 5px 0 0 0;
                    border-top: 2px solid #e26425;
                    clear: left;
                  }
                  .header hr.top {
                    margin: 4px 0 7px 190px;
                }
                .header li {
                  padding: 20px 0;
	}
	.footer {
	  position: absolute;
	  left: 1%;
    bottom: 3%;
		padding: 15px 10px;
		text-align: left;
		border-top-width: 0px;
		border-top-style: solid;
    border-color: #0e76bc;
    font-size: 100%;
    color: #fff;
    font-weight: bold;
        }
        .footer a {
            margin-right: 15px;
        }
        .footer span {
          display: inline-block;
          padding: 15px 10px 15px 55px;
          background: transparent url("images/logos/badge.png") left center no-repeat;
        }
        .footer #cartItems {
            margin-left: 8px;
            font-size: 0.8em;
            text-transform: capitalize;
    }


	.sideNav {
		display: none;
		float: right;
		margin-left: 10px;
		margin-right: 0;
		padding: 15px 0 0;
		height: 415px;
		width: 180px;
		background: transparent url("images/logos/badge.png") bottom center no-repeat;
		text-align: left;
		}
		.sideNav a {
			display: block;
			font-weight: bold;
			color: #555; /*8e8d8d;*/
			letter-spacing: 1px;
		}
		.sideNav img {
			width: 98%;
	}

	.viewPort {
    margin: 0 auto 8px;
		padding: 0;
		position: relative;
		width: auto;
		height: 100%;
		overflow: hidden;
		/*border-left: 2px solid #ff7200;
		border-right: 2px solid #ff7200;*/
		}
		.viewPort .content {
			/*height: 100%; / *363px;
			background: blue;
			height: 424px;
			overflow: hidden; * /
			background-color: #0c0c0c;
      background: transparent url("images/background/flarebg2.png") 145px 81px no-repeat;* /
      background: url("images/background/flarebg2.png") no-repeat fixed center 143px transparent; */
			color: #fff;
			}
			.viewPort .content .category {
          margin: 0 auto;
			    border-top: 1px solid transparent; /*
			}
			.viewPort .content img.splash {
				margin-top: 10px;
				height: 315px;
				width: 98%;*/
			}
			.viewPort .content ul.carousel {
				height: 315px;
				width: 98%;
				margin: 10px auto 0;
				padding: 0;
				overflow: hidden;
				list-style: none;
                }
                .viewPort .content ul.carousel li {
                    margin: 0;
                    padding: 0;
                    }
                    .viewPort .content ul.carousel li a {
                        }
                        .viewPort .content ul.carousel li a img {
                            height: 315px;
                            width: 953px;
	}

.burntSienna {
	color: #c15b0b;
}


.pane {
    margin-right: 10px;
    width: 972px;
    height: 100%;
    float: left;
}
.twoStages, .threeStages, .fourStages {
    overflow: hidden;
    }
    .twoStages {
        width: 1970px;
    }
    .threeStages {
        width: 2955px;
    }
    .fourStages {
        width: 3940px;
}


/* Product View */
.productView {
	margin: 15px 10px 0;
	padding: 15px;
	-moz-border-radius: 10px;
	overflow: auto;
	/*font-size: 120%;
	background:url(/themes/images/background/overlay-fff-70.png);*/
	}
	.productView .bigImage {
			float: left;
			padding: 10px 0 0;
			width: 34%;
			text-align: center;
			}
			.productView .bigImage img {
				width: 400px;
			}
			.productView .bigImage b {
				 display: block;
				padding-top: 10px;
				font-size: 140%;
	}
	.productView .details {
		margin-left: 45%;
		text-align: left;
		position: relative;
		}
		.productView .details h1 {
			font-size: 400%;
			text-transform: uppercase;
		}
		.productView .details hr {
			border: 1px solid #0e76bc;/*c15b0b;*/
		}
		.productView .details .callToAction {
			padding: 0 0 5px;
			overflow: auto;
			color: #eee;
		}
		.productView .details .callToAction .trigger {
			/*float: left;
			width: 34%;*/
			font-size: 120%;
			position: relative;
			margin-left: 1%;
			padding-top: 10px;
		}
		.productView .details .callToAction .trigger strong {
			font-size: 200%;
			line-height: 100%;
			/*color: #c15b0b;*/
			vertical-align: middle;
		}
		.productView .details .callToAction .trigger input.text, .productView .details .callToAction .trigger select {
			font-size: 135%;
			background-color: transparent;
			border: 1px solid #8E8D8D;
			color: #fff;/*0e76bc;*/
            }
            .productView .details .callToAction .trigger input.text {
                padding: 0 4px 0 8px;
		}
		.productView .details .callToAction hr {
			margin: 5px 0;
			width: 80%;
		}
		.productView .details .callToAction .trigger .buy {
			font-size: 130%;
			/*color: #c15b0b;*/
			font-weight: bold;
			cursor: pointer;
			background: transparent;
			text-decoration: none;
			margin-left: 20px;
		}
		.productView .details .callToAction .trigger ul {
			padding-left: 19px;
			/*color: #8B3C00;*/
			padding-top: 5px;
			list-style: square;
			list-position: inside;
		}
		.productView .details .callToAction .info {
			margin-left: 36%;
			padding: 15px 10px 10px;
			background:url(/themes/images/background/header.png);/* overlay-c15b0b-50 */
			position: relative;
			height: 280px;
			overflow: auto;
			-moz-border-radius-bottomleft: 15px;
			-moz-border-radius-bottomright: 15px;
			border: 2px solid #0e76bc; /*c15b0b;*/
			border-top: none;
	}
	.productView {
        }
        .productView .images {
            float: left;
            width: 49%;
            position: relative;
            /*padding-top: 13px;*/
            text-align: left;
            }
            .productView .images a.stage {
                text-decoration: none;
                color: #fff;
                }
                .productView .images a.stage:hover {
                    text-decoration: underline;
            }
            .productView .images img {
                border: 1px solid #000;
                background-color: #fff;
                -moz-border-radius: 5px;
                }
                .productView .images img.hero {
                    margin-top: 10px;
                    padding: 22px 5px;
                    width: 340px;
                    float: left;
            }
            .productView .images .small {
                margin-left: 5px;
                margin-top: 10px;
                float: left;
                }
                .productView .images .small img {
                    display: block;
                    margin-bottom: 5px;
                    width: 80px;
                    padding: 5px 3px;
                    opacity: 0.2;
                    }
                    .productView .images .small img:hover {
                        opacity: 0.5;
                    }
                    .productView .images .small img.active, .productView .images .small img:focus {
                        opacity: 1;
                        /*background-color: #0e76bc;
                        border-color: #0e76bc;*/
        }
        .productView .details {
            margin-left: 50%;
            padding-bottom: 10px;
            }
            .productView .details .callToAction {
                padding: 5px 0 0;
                border-left: 2px solid #0e76bc;
                }
                .productView .details .callToAction hr {
                    margin: 15px 0;
                }
                .productView .details .callToAction img {
                    vertical-align: text-bottom;
                }
                .productView .details .callToAction p {
                    margin: 0;
                    padding: 0 15px;
                }
                .productView .details .callToAction .trigger {
                    margin-left: 0;
                    padding-top: 0;
                }
                .productView .details input.stage {
                    /*display: block;
                    margin: 0 0 0 25px;*/
                    -moz-border-radius: 2px;
                    margin-bottom: 2px;
                    font-size: 130%;
                    padding: 2px 5px;
                    background-color: #0e76bc;
                    color: #fff;
                    vertical-align: middle;
}

/* <Promo Banners> - An ordered list akin to a tag cloud */
.promotional {
	margin-top: -200px;
	padding: 2px 0;
	height: 100px;
	}
	.promotional .banner, .promotional .column {
		position: relative;
		height: 100%;
		background-image: url('images/background/overlay80.png');
}
/* </Promo Banners>*/

	.electricBlue .header, .electricBlue .footer, .electricBlue .productView .details .callToAction .info, .electricBlue .productView .details hr, .electricBlue .productView .details .callToAction .trigger input.text {
	    border-color: #0e76bc;
	}

    .electricBlue .productView .details .callToAction .trigger strong, .electricBlue .productView .bigImage b, .electricBlue .productView .details .callToAction .trigger ul {
        color: #0e76bc;
    }

table.cart, div.buttons {
	margin: 0 auto;
	width: 90%;
}
table.cart {
	margin: 10px auto;
}
table.cart thead th {
    padding-bottom: 8px;
}
table.cart th {
	background: none;
	font-size: 135%;
}
table.cart th.product {
    width: 68%;
}
table.cart th.quantity {
    width: 8%;
}
table.cart th.price {
    width: 8%;
}
table.cart th.subtotal {
    width: 8%;
}
table.cart th.action {
    width: 8%;
}
table.cart tbody {
	font-size: 120%;
	height: 300px;
	overflow: auto;
}
table.cart tbody tr {
    padding-bottom: 8px;
}
table.cart td {
	padding-left: 15px;
}
table.cart td.product {
}
table.cart td.product a {
    font-size: 120%;
    text-decoration: none;
    color: #fff;
}
table.cart td.product a img {
    margin-right: 15px;
    vertical-align: middle;
    width: 40px;
}
table.cart td.product h3 {
    display: inline;
}
table.cart td.quantity {
}
table.cart td.quantity input {
    font-size: inherit;
    text-align: center;
}
table.cart td.price {
}
table.cart td.subtotal {
}
table.cart td.action {
}
table.cart tfoot {
    /*background-image: url("images/background/modal.png");*/
	font-size: 120%;
	font-style: normal;
    }
    table.cart tfoot td {
        padding: 5px 0;
}
div.buttons {
	}
	div.buttons table {
		margin: 0 auto;
}
div.buttons .checkout {
	margin-left: 20px;
	}
	#payment div.buttons {
		width: 97%;
	}
	#payment div.buttons table {
		margin: 0 auto 5px;
		width: 100%;
}
.mf{visibility: hidden; z-index:1; color:#fff; font-size:14px}
.mf * {
	outline:none;
	border:none;
	padding:0;
	margin:0;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select:none;
	-o-user-select:none
}
.mf div.loader{
	position:absolute;
	text-align:center;
	z-index:10000;
	margin:0 auto;
	top:45%;
	width:100%;
	background:url(skin/ajax_loader.gif) no-repeat 50% 0;
	padding:50px 0;
}
.mf div.caption {
	position:absolute;
	text-align:center;
	z-index:98;
	margin:1em auto;
	/*bottom:50px;*/
	width:100%;
	font-size: 100%;
}
.mf div.caption h2 {
  font-size: 150%;
}
.mf div.caption h3 {
  margin: 5px 0;
  font-size: 120%;
}
.mf div.caption a {
  color: #C15B0B;
}
.mf div.mfNav{
	position:absolute;
	z-index:99;
	margin:0 auto;
	text-align:center;
	width:100%;
	bottom:20px;
	font-size:1px;
	line-height:1px;
	width:100%;
}
.mf div.autoPlayCon{
	float:left;
	width:10%;
	padding-left:3%;
	height:24px;
}
.mf a.play, .mf a.stop{
	width:27px;
	height:24px;
	float:left;
	cursor:pointer;
}
.mf a.play{
	background:url(skin/play.gif) no-repeat;
}
.mf a.stop{
	background:url(skin/stop.gif) no-repeat;
}
.mf div.sliderCon{
	margin-top:5px;
	float:left;
	width:74%;
}
.mf a.sliderNext{
	background:url(skin/left.gif) no-repeat;
}
.mf a.sliderPrev{
	background:url(skin/right.gif) no-repeat;
}
.mf a.sliderNext, a.sliderPrev{
	text-decoration:none;
	width:25px;
	height:16px;
	cursor:pointer;
	float:left;
}
.mf div.resizeCon{
	float:right;
	width:10%;
	padding-right:3%;
	height:24px;
}
.mf a.resize{
	width:34px;
	height:24px;
	float:right;
	cursor:pointer;
	background:url(skin/resize.gif) no-repeat;
}
.mf div.slider{
	background:url(skin/middle.gif) repeat-x;
	height:16px;
	position:relative;
	text-align:left;
	float:left;
}
.mf div.knob{
	height:16px;
	background:url(skin/middle-slider.gif) repeat-x right center;
}
.mf div.knobleft{
	background:url(skin/left-slider.gif) repeat-x center;
	width:8px;
	height:16px;
}

/*		#splashPane {
			background-color: red;
		}
		#menPane {
			background-color: blue;
		}
		#womenPane {
			background-color: pink;
		}
		#eventsPane {
			background-color: yellow;
		}
		#aboutPane {
			background-color: orange;
		}
		#contactPane {
			background-color: white;
		}*/
    .burntSienna {
	    color: #0e76bc !important;
    }


.columns.oneThirds {		}
.columns.oneThirds .column, .columns .column .column.oneThirdsCol {	width: 32%;	}
    .columns.oneThirds .control, .columns .column .control.oneThirdsCol {
        margin-left: 34%;
        text-align: left;
        display: block;
}