/*let's reset*/
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

:focus{outline:0}
body{line-height:1; color:black; background:white}
ol, ul{list-style:none}

table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after, 
q:before, q:after{content:""}
blockquote, q{quotes:""""}

/*frame it*/
.container{width:950px; text-align:left; z-index:1; position:relative; float:left; float:none; margin:0px auto; margin-top:57px; background:url(../images/bg.gif) no-repeat bottom; padding-left:6px; padding-right:6px}

.container:after{content:'[DO NOT LEAVE IT IS NOT REAL]'; display:block; height:0; clear:both; visibility:hidden}
.container{display:inline-block}

.container{display:block}

.logo img{padding:0px 0px 10px 16px}

* html .extra1{display:inline}
.extra1, .extra2{float:left}

.pageheader{margin-bottom:28px}

.ui-two .extra1{width:704px; margin-left:231px; min-height:350px; line-height:130%}

.ui-two .extra2{ width:190px; margin-left:-935px}

.ui-two .extra1, .ui-two .extra2, 
.ui-one .extra1{margin-top:90px}

.ui-one .extra1{width:930px; margin-left:10px}

address, 
.policy{margin:33px 0px 15px 0px; *margin:0px 0px 15px 0px; *padding-top:10px; color:#8A8C8F; font-size:85%; text-transform:uppercase; font-style:normal; width:480px; float:left; text-align:left; padding-left:15px}

.policy{text-align:right; padding-right:15px; width:420px; float:right}

address .company, 
address .street, 
.policy .privacy, 
.policy .terms,
address .phone{padding:0px 12px; background:url("../images/address-sep.gif") no-repeat right}

.policy .copyright, 
address .email{padding-left:12px}

.sCart{position:absolute; top:20px; left:800px; text-transform:uppercase; color:#8A8C8F; background:url(../images/add-cart.gif) no-repeat right; padding-right:25px}

/*search*/
#search{padding-left:3px;   width:220px;   height:25px;   position:absolute;   top:-40px;   left:740px}
#search .fi_txt label{display:block; color:#868686; font-weight:normal; font-size:11px; padding-bottom:6px; display:none}
#search .fi_txt input{width:160px; border:1px solid #C0C0C0; background:url("../images/search-input-bg.gif") repeat-x bottom; height:16px; padding:1px}
#search input.ff_btn{background:#fff url("../images/searchbtn.gif") no-repeat; border:0; color:#fff; height:18px; width:24px; margin-top:0px; _margin-top:0px; margin-left:5px; cursor:pointer; font-size:0.9em}
*:first-child+html #search input.ff_btn{margin-top:0px}
#search .fi_txt, #search .fi_btn{float:left}

/*language nav*/
.lnav{position:absolute; top:-40px; right:250px; text-transform:uppercase; height:17px; font-size:85%}
.lnav ul li {float:left; margin-left: 10px;}
.lnav ul li.en, .lnav ul li.is{padding-right:22px; padding-bottom:5px; padding-top:5px; display:block}
.lnav li.en{background:url(../images/flag-en.gif) no-repeat 100% 50%}
.lnav li.is{background:url(../images/flag-is.gif) no-repeat 100% 50%}

/*frontpage images*/
.front-images{background:url("../images/home-images-bg.gif") no-repeat bottom; padding-bottom:12px; display:block; height:436px}
.front-images img{float:left; margin-bottom:1px}
.front-images .home-left{margin-right:1px}

/*banner*/
.banner{position:absolute; top:71px; left:6px; background:url("../images/home-images-bg.gif") no-repeat bottom; padding-bottom:12px}
.banner img{margin-bottom:1px}

/*mainnav*/
#mainnav{width:770px; height:30px; position:absolute; top:10px; left:229px; padding-left:10px; float:left}
#mainnav ul,  #mainnav ul li{list-style-type:none; padding:0; margin:0; float:left; font-size:100%}
#mainnav ul li{padding:10px 0px 0px 0px}
#mainnav ul li a{margin-right:20px; display:block; text-transform:uppercase; letter-spacing:0.04em}
#mainnav ul li a.selected:link, 
#mainnav ul li a.selected:visited, 
#mainnav ul li a.selected:hover, 
#mainnav ul li a.selected:active{color:#D3D3D3}

/*support nav*/
.snav{text-transform:uppercase; font-size:95%}
.snav ul li a{display:block; margin-bottom:8px; padding-left:17px}
.snav ul li a.selected{background:url(../images/snav-arrow.gif) no-repeat 20% 50%; *background:url(../images/snav-arrow.gif) no-repeat 5% 50%; color:#D3D3D3}
.snav ul.content-nav li a.selected{background:url(../images/snav-arrow.gif) no-repeat 5% 50%; *background:url(../images/snav-arrow.gif) no-repeat 5% 50%; color:#D3D3D3}

.snav.categories {margin-bottom:20px; display: table; zoom:1;}
.snav.categories ul{float:left}

/*product page*/
.prod_block1, 
.prod_block2, 
.price-tag, 
.quantity, 
.add-cart{float:left}

.prod_block1{width:353px; margin-left:333px; _margin-left:173px}

.prod_block2{width:311px; margin-left:-711px; _margin-left:-658px; text-align:center}

.description{
		padding-bottom:10px;
		border-bottom: 1px solid #EFEFEF;
		margin-bottom: 10px;
		zoom : 1;
}

.price-tag, 
.quantity, 
.add-cart{font-size:85%}

.price-tag{font-size:150%; margin-right:15px; position: relative;float: left;width: 275px;}

.price-tag h2 {
	color: #8A8C8E;
	font-size: 13px;
	text-transform: uppercase;
	}		
	
.price-tag span, 
.size a
 {
	font-size: 11px
	}

.quantity{margin-right:10px; margin-bottom:10px; text-transform:uppercase; float: right}

	.size {
		float: left;
		width: 190px;
		position: relative;
		}

table#size-table {
	border: 1px solid #efefef;
	background: #fff;
	position: absolute;
	top:-150px;
	left:-200px;
	z-index: 300;
	width: 180px;
	}


table#size-table th {
	padding:3px;
border-bottom: 1px solid #efefef;
text-align: center;
font-weight: bold
	}

table#size-table td{
padding: 3px;
border-bottom: 1px solid #efefef;
text-align: center;

}

.add-cart {float: right}

.add-cart input.AddToCartBtn{
	background:#fff url("../images/cart.gif") no-repeat left; 
	padding-left:15px;
	padding:0px 0px 0px 15px;
	height:33px; 
	text-transform:uppercase; 
	cursor:pointer; 
	color:#666; 
	border:0; 
	width:120px;
	}

/*suggest gracefully other products*/
#other-products-carousel{ float:left;width:712px;height:102px;margin-top:20px;margin-bottom:10px;position:relative;background: #fff; zoom:1;}
        
#other-products-carousel ul {width: 1000px;position: relative;}          

.other-products ul li, div.next_button, div.previous_button{float:left; margin-right:7px; margin-bottom:5px}
.other-products ul li a:link img{border:1px solid #C4C4C4}
.other-products ul li a:active img{border:1px solid #C4C4C4}
.other-products ul li a:hover img{border:1px solid #D3D3D3}
.other-products ul li a:visited img{border:1px solid #C4C4C4}
 
#other-products-carousel .carousel-wrapper{  position:absolute;   top:5px;   left:25px;    width:648px;   height:102px;  z-index:10;  overflow:hidden; background:#fff}

div.next_button, div.previous_button{width:17px; display:block; text-indent:-3000px; position:absolute; z-index:100}
div.previous_button{background:url(../images/arrow-left.gif) no-repeat 50%}
div.next_button{background:url(../images/arrow-right.gif) no-repeat 50%; right:9px}
div.next_button, div.previous_button{text-indent:-3000px; display:block; width:16px; height:100px; cursor:pointer}

.nothing{position:absolute; left:210px; top:180px}


table.view-cart-table{width:100%; margin-bottom:10px; border-collapse:collapse; border-left:0px solid #D3D3D3}

table.view-cart-table thead tr th{border-right:0px solid #D3D3D3; border-bottom:1px solid #D3D3D3; border-top:1px solid #D3D3D3; padding:6px 6px 6px 12px; background:#efefef no-repeat; font-size:95%; text-transform:uppercase}

table.view-cart-table tr td{border-right:0px solid #D3D3D3; border-bottom:1px solid #D3D3D3; background:#fff; padding:3px 6px 3px 12px}

table.view-cart-table tr.odd td{background:#fcfcfc}

tr.footer{text-transform:uppercase}
.numeric{text-align:right}
.empty-cart{padding:5px 0px 5px 23px; background:url(../images/remove-cart.gif) no-repeat left}

.lowtech{position:absolute; font-size:1px; width:1px; height:1px; overflow:hidden; left:-9999px; padding:0; margin:0}
body{margin:0px; padding:0px; text-align:left; text-align:center}

body, td, input, select, textarea{font-size:75%; font-family:arial,Geneva,Helvetica,sans-serif; color:#666}

input, select, textarea{font-size:100%; font-family:arial,Geneva,Helvetica,sans-serif; color:#000}

.clear{clear:both; display:block; font-size:1px; margin:0px; line-height:0px; height:0px}

a:link{color:#8A8C8F; text-decoration:none}
a:visited{color:#8A8C8F; text-decoration:none}
a:hover{color:#D3D3D3; text-decoration:none}
a:active{color:#8A8C8F; text-decoration:none}

strong, h3{font-weight:bold}

.extra1 p{margin-bottom:8px}
.extra1{line-height:180%}

.extra1 h1{text-transform:uppercase; font-weight:bold; font-size:120%; color:#8A8C8F; margin-bottom:28px}

.ui-one .extra1 h2{text-transform:uppercase; font-weight:bold}
.other-products h2 {text-transform:uppercase;margin-bottom:5px;color:#999}
.content-text{width:690px}

.content-text .floatRight img{float:right; padding:0px 0px 10px 10px}

.content-text table{margin-bottom:20px}
.content-text table tr td{padding:5px; font-size:100%}

.content-text h2{font-weight:bold}

.extra1 .content-text img{padding:0px 0px 10px 10px}

.extra1 .content-text .gallery img {float:none;padding:5px; text-align:center;}
.extra1 .content-text .gallery {text-align:center;}

span.summary{float:right; color:#999; font-size:11px; font-weight:normal; margin-top:-15px}

.extra1 em{color:#999; font-style:italic; display:block}

.column{float:left; width:281px; padding:10px; border-right:1px dotted #efefef}

.column.first{padding:10px 10px 10px 10px}
.column.last{border-right:0px solid #efefef}

.column label{display:block}

.column p{margin-bottom:15px; font-size:95%}

.req{color:red; margin-right:3px}

.column input, 
.column textarea, 
.column select{font:12px Arial;  border:2px solid #999;  border-bottom:2px solid #eee;  border-right:2px solid #eee;  width:95%;  padding:3px 2px 3px 2px}

.column .FillShipping input{width:13px}
div.btn{float:right; width:30%; text-align:right}
div.btn_back{float:left; width:30%}


/*the currency drop-down*/
.currency-display{background:#fff url(/images/currency-arrow.gif) no-repeat top center; padding-top:10px; position:absolute; top:20px; left:-80px;  z-index:9999; display:block; font-size:75%; width:180px}

.currency-display ul{border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:-1px}
.currency-display li{border-bottom:1px solid #ccc; padding:8px 5px 8px 10px; height:20px}
.currency-display li.last-currency{border-bottom:0px solid #ccc; padding:8px 5px 8px 10px; height:20px}
.currency-display li span{width:40px; display:block; float:left; font-weight:bold; padding-left:25px; height:20px}
.currency-display li span.AUD{background:url(/images/flag/AUD.png) no-repeat left bottom}
.currency-display li span.JPY{background:url(/images/flag/JPY.png) no-repeat left bottom}
.currency-display li span.NOK{background:url(/images/flag/NOK.png) no-repeat left bottom}
.currency-display li span.SEK{background:url(/images/flag/SEK.png) no-repeat left bottom}
.currency-display li span.USD{background:url(/images/flag/USD.png) no-repeat left bottom}
.currency-display li span.DKK{background:url(/images/flag/DKK.png) no-repeat left bottom}
.currency-display li span.EUR{background:url(/images/flag/EUR.png) no-repeat left}
.currency-display li span.PLN{background:url(/images/flag/PLN.png) no-repeat left}
.currency-display li span.HKD{background:url(/images/flag/HKD.png) no-repeat left}
.currency-display li span.ZAR{background:url(/images/flag/ZAR.png) no-repeat left}
.currency-display li span.CHF{background:url(/images/flag/CHF.png) no-repeat left}
.currency-display li span.GBP{background:url(/images/flag/GBP.png) no-repeat left}
.currency-display li span.CAD{background:url(/images/flag/EUR.png) no-repeat left}
#informationLayer
{
	position:absolute; 
	top: 25px;
	left: 25px;
	visibility: hidden; 
	background: #FFF993; 
	z-index: 1;
	width: 500px;
	border: 1px solid #000000;
	text-align: left;
	
}

#informationLayer .box
{

	margin: 20px;
}

#informationLayer #close{
	position:absolute; 
	top: 5px;
	right: 5px;
}