/* -------------------------------------------------------------------------------- */
/*  */
/* Date:       */
/* Table of Contents:                                                               */
/* -------------------------------------------------------------------------------- */

/*--------------------------*/
/* 1) Global style definitions */
/*--------------------------*/
	@font-face {
	 font-family: TradeGothic;
	 src: url("./images/tradegothic.eot") /* EOT file for IE */}
	
	@font-face {
	font-family: TradeGothic;
	src: url("./images/tradegothic.otf") format("opentype");}
	/* src: url("./images/tradegothic.ttf") */ /* TTF file for CSS3 browsers */
	
	img, div {behavior: url(iepngfix.htc);}
	
	body {background-color: #000000; color: #888888; font: 10pt TradeGothic;
		font-weight: normal;}
	
	a { color: #FFFFFF;	text-decoration: none;}
	
	img {border: none;}
	
	h1 {font-size: 12pt; font-weight: normal; text-transform: uppercase;
		text-decoration: none; letter-spacing: 1px;	color: #FFFFFF;}
	
	h2 {margin-bottom: 5px;	margin-top: 25px; font-size: 12pt;
		font-weight: normal; text-transform: none; text-decoration: none;
		letter-spacing: 0.5pt; color: #FFFFFF;}
	h3 {margin-bottom: 3px; margin-top: 5px; font-size: 15px;
		font-weight: normal; text-transform: none; text-decoration: none;
		letter-spacing: 0.5pt; color: #FFFFFF;}
	
	p {margin: 0;}

	#center {width:910px; margin:0px auto; text-align:left;
		padding-bottom:5px;	padding-top:50px;}
	
	/*Shopping cart link style definition*/
	#langnavi {font-size: 7pt; float: right;
	margin-bottom: 25px;}
	
	#header {width: 910px; height: 50px; padding-bottom: 5px;
	border-bottom: 1px #7C273E dashed; margin-bottom: 25px;}
	
	#footer {margin-top: 100px; display: block;}

	span#footer_left {float: left; color: #666666; font: 9pt TradeGothic; margin-left: }

	span#footer_right {float: right; color: #666666; font: 9pt TradeGothic;}
	
	#top_column {width: 910px;}/* top of each page */
	
	
/* ----------------------------------------- */
/* 2) Menu Bar */	
/* style definitions for the site menu bar */
/* ----------------------------------------- */
	img.logo {float: left;}
	a.logo {float: left; margin-right: 20px;}
	
	/*menu bar*/
	#sddm {display: inline;	margin: 0; padding: 0;
	z-index: 30;}

	#sddm li {margin: 0; padding-top: 26px;	list-style: none;
	float: left; font: 10pt TradeGothic; letter-spacing: 0px;
	text-transform: uppercase; font-weight: normal;}

	#sddm li a {display: block;	margin: 0; padding-left: 5px;
	padding-right: 5px; padding-top: 5px; padding-bottom: 7px;
	width: 80px; background: #000000; color: #666666;
	text-align: center;	text-decoration: none;}


	#sddm li a:hover {color: #FFFFFF; background: #666666;}

	#sddm div{position: absolute; visibility: hidden; margin: 0;
		padding: 0; background: #FF0000;}

	#sddm div a {position: relative; display: block; margin: 0;
		padding: 10px 20px;	min-width: 50px; width: auto;
		white-space: nowrap; text-align: left; text-decoration: none;
		text-transform: none; background: #000000; color: #666666;
		font: 10pt TradeGothic;}

	#sddm div a:hover {background: #666666;	color: #FFFFFF;}
	
/* --------------------------------------------------- */
/* 3) Layout 1) */
/*    -used in news page */
/* --------------------------------------------------- */

	#left_column {float: left; width: 350px; margin-right: 10px;}
	#right_column {float: left;	width: 500px; margin-left: 35px;}
	h2.top {margin-bottom: 5px; margin-top: 0; font-size: 12pt;
		font-weight: normal; text-transform: none; text-decoration: none;
		letter-spacing: 0.5pt; color: #FFFFFF;}
		
/*-----------------------------------------------------------*/
/* 4) Layout 2)  */	
/*    -used in the gallery page */
/*-----------------------------------------------------------*/

	#onethird_column_1 {float: left; width: 260px; margin-right: 65px;}
	#onethird_column_2 {float: left; width: 260px;}
	#onethird_column_3 {float: right; width: 260px;}

/*------------------------------------------------------------*/
/* 5) Layout 3)  */
/*    -Pages: reseller, philosophy, */
/*------------------------------------------------------------*/
	#right_column_L3 {float: right; width: 472px; margin-left: 50px; display: inline}
	#left_column_tight {float: left; width: 350px; margin-right: 10px; display: block;}

/*-------------------------------------------------------------*/
/* 6) Layout 4)
	-Pages:  about.php*/
/*-------------------------------------------------------------*/
	#left_column_big3 {float: left;	width: 570px; margin-right: 40px;}
	#right_column_small3 {float: left; width: 300px;}

/*-------------------------------------------------------------*/
/* 7) Layout 5) 
	-Pages: selkipeople.php, */
/*-------------------------------------------------------------*/
	div.row {width: 910px; clear: left;}
	div.personimage {float: left; width: 120px; height: 120px;}
	div.rowcol_right {float: left; width: 600px;}


/*--------------------------------------------------------------*/
/* 8) Layout 6: 
	-Pages: index */
/*--------------------------------------------------------------*/
	div#stamp {width: 240px; height: 240px; position: absolute;
		background-image: url('images/stamp.png'); left: 690px; top: 120px;}

/*---------------------------------------------------------------*/
/* 9) Layout 7:
	-Pages: shoppingCart*/
/*---------------------------------------------------------------*/
	#_cartScarfThumb {display:none;}
	#_cartScarfAvailability {display:none;}
	#_cartHatThumb {display:none;}
	#_cartHatAvailability {display:none;}
	
	.cartHeaders div {display: inline; text-size: large; font-weight: bold;}
	
	.shoppingCart {height: auto; width: auto; padding-bottom: 25px;}
	
	.itemName {
		color: #fff;
		display: block;
		width: 200px;
		float: left;
	}
	.itemSize {
		display: block;
		width: 200px;
		margin-left: -200px;
		margin-top: 20px;
		float: left;
	}
	.itemColor {
		display: block;
		width: 200px;
		margin-left: -200px;
		margin-top: 40px;
		float: left;
	
	}

	/*.itemName {
		display: block; min-width: 200px; padding-right: 50px;
		padding-left: 5px; padding-top: 25px; padding-bottom: 1px; font-weight: bold; position: relative; bottom: 10px;
	}
		
	.itemSize {display: block; min-width: 100px; position: relative; bottom: 10px;}
	
	.itemColor {display: block; min-width: 100px; position: relative; bottom: 10px;}*/
	
	.itemPrice, .itemQuantity, .itemTotal, .itemincrement, .itemdecrement, .itemremove {
		display: block; float: left; margin-left: 0px; width: 100px; text-align: center;
	}

	.itemQuantity {
		margin-left: 0px;
	}	

	.itemthumb{display: inline; min-width: 90px; padding-left: 5px; float: left;}
	
	.itemthumb img {width: 65px; height: 65px;}
	
	.simpleCart_items {padding: 50px 10px 5px 10px;}
	
	.itemContainer {display: block; padding: 4px; margin: 4px; height: 85px; width: 100&;}
	
	.cartFunctions {position: relative; margin: 1px; padding-top: 50px; padding-bottom: 20px; left: 725px; bottom: 75px; width: 250px;}
	
	#checkout {position: relative; right: 10px;}
	
	#checkout a{padding-right: 10px; padding-left: 10px; padding-top: 5px; font-weight:bold;
		padding-bottom: 5px; margin-top: 50px; background: #000000; color: #666666; border-top: thin solid #666666;}
		
	#checkout h3{display:inline;}
	
	#empty {position: relative; right: 10px;}
	
	#empty a{padding-right: 10px; padding-left: 10px; padding-top: 5px; font-weight: bold;
		padding-bottom: 5px; margin-top: 50px; background: #000000; color: #666666; border-top: thin solid #666666;}
		
	#empty h3{display: inline;}	
		
	#checkout a:hover{padding-right: 10px; padding-left: 10px; padding-top: 5px;
		padding-bottom: 5px; margin-top: 50px; color: #FFFFFF; background: #666666;}
		
	#empty a:hover{padding-right: 10px; padding-left: 10px; padding-top: 5px;
		padding-bottom: 5px; margin-top: 50px; color: #FFFFFF; background: #666666;} 
		
 	#shoppingCartIcon{width: 25px; height: 25px; display: inline;}
 	.sc_items {display: inline; color: darkgrey;}
 	
 	.headProduct{font-weight: bold; position: relative; display: block; float: left; margin-left: 0px; width: 100px; text-align: center;}

	.headPiece{font-weight: bold; position: relative; display: block; float: left; margin-left: 310px; width: 100px; text-align: center;}
	
	.headUnit{font-weight: bold; position: relative; display: block; float: left; margin-left: 0px; width: 100px; text-align: center;}
	
	.headSubTotal{font-weight: bold; position: relative; display: block; float: left; margin-left: 0px; width: 100px; text-align: center;}
	
	.headRemove{font-weight: bold; position: relative; display: block; float: left; margin-left: 0px; width: 100px; text-align: center;}
	
	.headAdd{font-weight: bold; position: relative; display: block; float: left; margin-left: 0px; width: 100px; text-align: center;}
	
	.subHeader{display: inline;}
 	
 	.simpleCart_total{dislpay: inline; position: relative; left: 83px; bottom: 15px;}
 	
 	.totalHeader {display: inline;}
 	
 	.simpleCart_finalTotal{dislpay: inline; position: relative; left: 85px; bottom: 15px;}
 	
/*-----------------------------------------------------------------*/
/* 11) Layout 8:
	-Pages: people.php */
/*-----------------------------------------------------------------*/
.fashionStatement{    
    color: #fff;
    float: left;
    height: 75px;
    width: 270px;
    margin-top: 50px;
    margin-left: 230px;
}

#left_column_big2{float: left; width: 596px;}

#right_column_small{float: left; width: 308px; min-height: 350px;}

#left_column_big
{
	float: left;
	width: 570px;
}

#addButton {
	padding:2px 4px 2px 4px;
	margin:1px;
}	

img.person_first {
	width: 90px;
	cursor: pointer;
	cursor: hand;
	margin-right: 8px;
	margin-bottom: 28px;
}

img.person_last {
	width: 90px;
	cursor: pointer;
	cursor: hand;
	margin-bottom: 28px;
}

span.purple {
	color: #7C273E;
}

/*--------------------------------------------------------*/
/* 12) Layout 9: 
	-Pages: hats.php, scarfs.php */
/*--------------------------------------------------------*/
	#right_column_big {float: right; width: 472px; margin-left: 50px; margin-bottom: 10px;}
	#right_column_hat_L9 {width: 300px; display: block; margin-left: 60px; margin-top: 24px; position: relative; float: left;}
	#right_column_scarf_L9 {width: 300px; display: block; margin-left: 60px; position: relative; float: right;}
	#left_column_scarf_big {display: block; width: 375px; margin-top: 15px;}
	#left_column_hat_big {display: block; width: 375px; margin-top: 15px;}
	#left_column_big p {display: inline;}
	#right_column_big p{display: inline;}
	#bottomtext2 {float: left; padding-top: 0px;}
	/*#bottomtext2 h2{display: inline;}*/
	#_cartScarfName {position: relative;}
	#shelf {display: block}
	#_cartHatName {
		position: relative;
	}
	#_cartHatDescription {
		float:left;
		width: 369px;
	}
	#bottomtext {
		float: left;
		width: 369px;
	}
	
	.cartTotal {
		float:right;
	}
	
	img.scarf_first {
		cursor: pointer;
		cursor: hand;
		margin-right: 10px;
		margin-bottom: 20px;
	}
	
	img.scarf_last {
		cursor: pointer;
		cursor: hand;
		margin-bottom: 20px;
	}
	
	img.hat_first {
		cursor: pointer;
		cursor: hand;
	/*	margin-right: 14px; */
	/*	margin-bottom: 14px; */
	}
	
	img.hat_last {
		cursor: pointer;
		cursor: hand;
	/*	margin-bottom: 14px; */
	}
	.pagination{
		float: right;
		margin-right: 80px;
	}
	.pagination h3{
		width: 55px;
		height: 15px;
	}

	#_BuyMeNowLink{
		margin-bottom: 15px;
	}
	#storeTotal{
	}
	.storeTotalLink{
		width:10px;
	}
	#sizebox {
		display: none;
	}
/*--------------------------------------------------------*/
/* 13) Layout 10 
		-Pages: store.php */
/*--------------------------------------------------------*/
	.container { 
		padding: 15px;	
	}
	.leftColumn {
		border-right: thin solid grey;
		width: 43%;
		float: left;
		height: 250px;
		margin-right:3px;
		padding-right: 7px;
	}
	.rightColumn {
		width: 55%;
		float: right;
		/* overflow: auto;*/
		height: 250px;
	}
	.productsContainer{
		padding: 5px;
	}
	.aProductContainer{
		border-bottom:thin solid grey;
		margin-bottom: 7px;
	}
	.aProductContainerImage{
		
	}
	.ZimageContainer{
		border: thin solid green;
		margin: 5px;
		padding: 5px;
		width: 120px;
		display: inline;
		position: relative;	
	}
	.ZtextContainer{
		border: thin solid blue;
		margin: 5px;
		padding: 5px;
		width: 190px; 
		display: inline;
		position: relative;
		left: 140px;
		top: 5px;
	}

span.language_sel
{
        color: #FFFFFF;
}

span.language_unsel a
{
        color: #666666;
}