﻿/* Css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
h1,h2,h3,h4 { font-weight: bold; }
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a { color: #333333; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
/* Css reset ends */

body {
	text-align: center;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
/* Header */
#head {
	height: 110px;
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#logo {
	position: absolute;
	top: 86px;
	left: 0;
	width: 382px;
	height: 22px;
	background: url(../img/logo.png) no-repeat;
	text-indent: -9999px;
}
#toplinks {
	position: absolute;
	top: 12px;
	right: 10px;
	font-size: 1.2em;
	height: 23px;
	line-height: 23px;
}
#toplinks a { color: #000000; text-decoration: none; }
#toplinks a:hover { text-decoration: underline; }
#toplinks li { float: left; }
#toplinks .signin { background: url(../img/dotlineh.png) no-repeat right 5px; margin-right: 10px; padding-right: 10px; display: block; float: left; }
#toplinks .register { display: block; padding-right: 16px; }
#toplinks .shopping_bag {
	height: 23px;
	width: 125px;
	background-color: #606060;
	text-transform: uppercase;
	line-height: 23px;
	color: #ffffff;
	padding-left: 9px;
	text-align: left;
	position: relative;
}
#toplinks .shopping_bag span {
	border-left: 1px solid #808080;
	display: block;
	height: 23px;
	line-height: 23px;
	float: right;
	padding-left: 9px;
	position: absolute;
	top: 0;
	right: 9px;
}
#toplinks .shopping_bag a { color: #ffffff; text-decoration: none; }
#toplinks .shopping_bag :hover { text-decoration: underline; }
/* Header ends */
#container { 
	position: relative;
	width: 1020px; /*980*/
	margin: 26px auto 0 auto;
	text-align: left;
	font-size: 1.2em;
}
#content {
	width: 738px;
	float: left;
	color: #333333;
	margin-bottom: 30px;
}
#content h2 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.3em;
}
/*#content h3 {
	font-weight: bold;
	text-transform: none;
	font-size: 0.5em;
}*/
.content p {
	margin-bottom: 15px;
}
#frontpage_content li { float: left; position: relative; width: 123px; height: 107px; text-align: center; }
#frontpage_content li h2,#frontpage_content li .price { display: none; }
#frontpage_content li.hover h2,#frontpage_content li.hover .price { display: block; }
#frontpage_content li.hover .information {
   z-index: 1;
	width: 123px;
	min-height: 148px;
	position: absolute;
	top: 0;
	left: 0;
}
#frontpage_content li.hover .border {
	width: 123px;
	height: 107px;
	display: block;
	background: url(../img/border_frontp.png) no-repeat;
}
#frontpage_content li.hover .text {
	background-color: #e5e5e5;
	opacity: .8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	min-height: 41px; /* 41 */
	width: 117px;
	padding: 3px;
	font-size: 11px;
}
#frontpage_content li.hover .text h2 {
	font-size: 11px;
	z-index: 50;
	position: relative;
	zoom: 1;
}
.leftcontent { width: 369px; float: left; } /*369*/
.rightcontent { width: 365px; float: right; }
.pages { clear: left; height: 12px; width: 90px; font-size: 0.9em; margin: 0px auto 0px auto; padding-top: 60px; }
.pages a,.pages span { float: left; display: block; text-align: center; }
.pages span { width: 61px; }
.pages .leftarrow { background: url(../img/arrows.png) no-repeat 0 -10px; width: 6px; height: 12px; text-indent: -9999px; font-size: 1%; }
.pages .rightarrow { background: url(../img/arrows.png) no-repeat 0 2px; width: 6px; height: 12px; text-indent: -9999px; font-size: 1%; }

/* Sidebar */
#sidebar {
	width: 282px;
	font-size: 1.1em;
	min-height: 400px;
	float: right;
	text-transform: uppercase;
	background: url(../img/sidebarbg.png) no-repeat 20px top;
}
#sidebar .top { float: right; margin-top: 3px; padding-right: 11px; min-width: 151px; }
#sidebar .top li { margin-bottom: 12px; margin-top: 10px; }
#sidebar .top li ul { display: none; }
#sidebar .top li.open ul { display: block; }
#sidebar .top li ul li { margin: 0; }
#sidebar .top li a {
	color: #090909;
	font-size: 1.1em;
	text-decoration: none;
}

#sidebar .top li a:hover {color: Gray; text-decoration:underline;}

#sidebar .top li ul { margin-left: 19px; }
#sidebar .top li ul li a {
	color: #2d2d2d;
	font-size: 0.8em;
	text-decoration: none;
}
/* Sidebar ends */

/* Product */
/* #product_img { margin-bottom: 16px; width: 345px; border-bottom: 1px solid #cccccc; }
#product_img_thumbs {
	float: left;
	min-height: 331px;
}
#product_img_big {
	float: right;
	min-height: 331px;
}*/

#product-thumb-viewport{
	height:296px;
	overflow:hidden;
	width:80px;
	float:left;
	margin-top:16px;
}

#product_img .button{
	width:80px; 
	height:10px; 
	background:#f90; 
	position:absolute;
	left:0;
	cursor:pointer;
	z-index:100;
}

#product_img .button.disabled{
	display:none;
}

#product_img #button-down.button{
	bottom:3px;
	background: url(../img/downarrow.jpg) no-repeat center center;
}

#product_img #button-up.button{
	background: url(../img/uparrow.jpg) no-repeat center center;
}

#product_img { margin-bottom: 16px; width: 360px; border-bottom: 1px solid #cccccc; position:relative; }
#product_img_thumbs {
	margin-top:0;
	height: 331px;
	width: 80px;
}
#product_img_thumbs li {
	width: 80px;
	height: 95px;
	text-align: center;
	margin-right:15px;
	margin-bottom:5px;
}
#product_img_thumbs li img {
	max-height: 95px;
	max-width: 80px;
}
#product_img_big {
	float: right;
	height: 331px;
	width: 255px;
	text-align: center;
}

 #product_img_big a.vimeo {
	  background:#CDCDCD; 
font-size:0.8em; 
display:block; 
position:absolute; 
bottom:0; 
right:0;
z-index:100;
padding:2px;
border:1px solid #ddd;
bottom:2px;

} 

#product_img_big img {
	max-height: 331px;
	max-width: 236px;
}

#product_description {
	border-bottom: 1px solid #cccccc;
	height: 331px;
	width: 346px;
	margin-bottom: 16px;
	
}
#product_description h3 { font-weight: normal; }
#product_description .more {
	float: right;
	font-size: 0.8em;
	display: block;
	margin-top: -14px;
}

/* #product_description a.vimeo {
	  float: right;
	font-size: 0.8em;
	display: block;
	margin-top: -14px;
} */ 

#product_description .sizechart {
	margin-top: 10px;
}
#product_description .description {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin: 12px 0;
	padding: 14px 0;
	height: 135px;
	overflow: hidden;
}
#product_description .descriptionText {
	height: 110px;
	overflow: hidden;
}
#product_description .select { margin-top: 10px; }
#product_description .price {
	font-size: 1em;
	font-weight: bold;
}
#product_submit { width: 109px; height: 18px; background-position: 0 -76px; margin-top: 10px; }
#ctl10$lbAddToCart { width: 109px; height: 18px; background-position: 0 -76px; margin-top: 10px; }
#ctl10_lbAddToCart { width: 109px; height: 18px; background-position: 0 -76px; margin-top: 10px; }

#product_description .description p { margin-bottom: 10px; }
#colors {
	float: right;
	width: 146px;
}
#colors li {
	display: block;
	padding: 1px;
	float: left;
	border: 1px solid #ffffff;
}
#colors li.active { border: 1px solid #000000; }
#colors h3 span { font-weight: bold; }
#colors li a {
	width: 21px;
	height: 21px;
	display: block;
	background-color: #333333;
	text-indent: -9999px;
	font-size: 1px;
	border: 1px solid #cccccc;
}
#related_items { margin-top: 15px; }
#related_items li { float: left; width: 123px; height: 106px; text-align: center; }
#colors .white { background-color: #FFFFFF; }
#colors .one { background-color: #FFFFFF; }
#colors .blue { background-color: #1F3CE6; }
#colors .black { background-color: #000000; }
#colors .brown { background-color: #A85211; }
#colors .orange { background-color: #FC6F03; }
#colors .red { background-color: #FF0606; }
#colors .purple { background-color: #800080; }
#colors .pink { background-color: #FF00FF; }
#colors .aluminum { background-color: #939392; }
#colors .copper { background-color: #817339; }
#colors .grey { background-color: #A2A8A1; }
#colors .multicolor { background-color: #EBF0F4; }
#colors .gold { background-color: #F9B20E; }
#colors .silver { background-color: #AEADAA; }
#colors .turkish blue { background-color: #1F3CE6; }
#colors .green { background-color: #37D526; }
#colors .aqua { background-color: #DBE7E7; }
#colors .plum { background-color: #71637D; }
#colors .lilac { background-color: #D7B2D6; }
#colors .peach { background-color: #F78DA9; }
/*

35	10	White	#FFFFFF   
36	15	Blue	#1F3CE6   
37	20	Black	#000000   
38	25	Brown	#A85211   
39	27	Orange	#FC6F03   
40	28	Red	#FF0606   
41	30	Purple	#800080   
42	35	Pink	#FF00FF   
43	40	Aluminum	#939392   
44	41	Copper	#817339   
45	00	one color	000       
46	18	Grey	#A2A8A1   
47	49	Multicolor	#EBF0F4   
48	12	Gold	#F9B20E   
49	13	Silver	#AEADAA   
50	17	Turkish blue	#1F3CE6   
51	16	Green	#37D526   
54	11	Aqua	#DBE7E7   
55	26	Plum	#71637D   

*/


/* Product ends */
/* Shopping bag */
#shopping_bag_breadcrumb {
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	padding-top: 5px;
	height: 70px;
	color: #e5e5e5;
	font-family: Tahoma, Arial, Helvetica, san-serif;
	margin-top: -10px;
}
#shopping_bag_breadcrumb .number { font-size: 55px; font-weight: bold; float: left; padding-right: 10px; }
#shopping_bag_breadcrumb .arrow { background: url(../img/arrows.png) no-repeat 0 -25px; width: 20px; height: 22px; display: block; margin-top: 25px; float: left; margin-right: 10px; }
#shopping_bag_breadcrumb li { float: left; display: block; margin-right: 20px; }
#shopping_bag_breadcrumb li h3 { line-height: 70px; float: left; font-weight: bold; font-size: 13px; }
#shopping_bag_breadcrumb .active { color: #737373; }
#content .shopping_bag_count {
	text-transform: none;
	font-weight: normal;
	margin: 25px 0;
}
table#shopping_bag { width: 738px; margin-bottom: 12px; }
#shopping_bag th { border-bottom: 2px solid #b2b2b2; font-weight: bold; font-size: 0.9em; }
#shopping_bag td { border-bottom: 1px solid #b2b2b2; }
#shopping_bag .img { width: 123px; }
#shopping_bag th.img { text-indent: 10px; }
#shopping_bag .quantity { text-align: center; }
#shopping_bag .quantity select { width: 50px; }
#shopping_bag .delete {
	width: 16px;
	height: 14px;
	display: block;
	background: url(../img/arrows.png) no-repeat 0 -66px;
	text-indent: -9999px;
	font-size: 1px;
}
#shopping_bag .delete:hover { background: url(../img/arrows.png) no-repeat 0 -49px; }
#shopping_bag_total ul {
	font-size: 0.9em;
	text-align: left;
	width: 230px;
	float: right;
	color: #2d2d2d;
	text-align: right;
}
#shopping_bag_total li {
	border-bottom: 1px solid #bfbfbf;
	padding-bottom: 6px;
	margin-bottom: 6px;
	overflow: hidden;
}
#shopping_bag_total li span { float: left; display: block; width: 140px; }
#shopping_bag_total li .price { display: block; width: 90px; float: right; }
ul.payment_provider { margin-top: 10px; }
#checkout_submit,#checkout_cancel, #ctl10_btnCheckout {
	width: 102px;
	height: 18px;
	float: right;
	clear: right;
	margin-top: 5px;
}
#checkout_cancel {
	width: 126px;
	background-position: 0 -18px;
}
/* Shopping bag ends */
/* Contact Us */
#contact_us { background: url(../img/dotlinecu.png) no-repeat right; margin-top: 40px; }
#contact_us label { display: block; }
#contact_us li label { position: absolute; }
#contact_us h2 { text-transform: none; color: #2d2d2d; margin-bottom: 8px; font-size: 1.5em; font-weight: normal;  }
#contact_us li { height: 25px; }
#contact_us textarea { 
	clear: both; 
	display: block; 
	width: 277px;
	height: 87px;
	padding: 2px;
	border: 1px solid #acada5;
	margin-top: 5px;
}
#contact_us select { margin-left: 60px; width: 150px; }
#contact_us input {
	border: 1px solid #acada5;
	width: 150px;
	height: 18px;
	margin-left: 60px;
}

input#ctl10_btnSubmit {
	background-position: 0 -36px;
	width: 121px;
	height: 20px;
	border: none;
	margin: 9px 0;
}
#our_crew {
	padding-left: 10px;
	width: 300px;
	margin-top: 40px;
	margin-bottom: 20px;
}
#our_crew h2 { text-transform: none; color: #2d2d2d; margin-bottom: 8px; font-size: 1.5em; font-weight: normal; }
#our_crew li {
	margin-bottom: 20px;
	margin-right: 30px;
}
#our_crew h4 { font-weight: bold; }
/* Contact us ends */
/* Product List */
#product_list { 
	overflow: hidden; 
	margin-bottom: 20px; 
	width: 738px; 
}
#product_list li { 
	float: left; 
	font-size: 1.1em; 
	margin-bottom: 20px;
	width: 235px;
	margin-right: 11px;
	min-height: 331px;
	border-bottom: 1px solid #cccccc;
}
#product_list h3 { font-weight: normal; }
#product_list h4 { font-weight: normal; }
/* Brand Info */
#brand_info_small,#brand_info {
	float: right;
	width: 236px;
	margin-left: 30px;
	margin-bottom: 30px;
}
#brand_info { border-bottom: 1px solid #cccccc; padding-bottom: 15px; }
#brand_desc_small { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #cccccc; }
#brand_desc_small .read_more {
	background: url(../img/arrows.png) no-repeat 0 4px;
	padding-left: 10px;
	display: block;
	float: right;
	margin-top: -15px;
	font-weight: bold;
}
#brand_info_small .logo,#brand_info .logo {
	display: block;
	width: 230px;
	text-align: center;
	border: 3px solid #f1f1f1;
	padding: 20px 0;
	margin-bottom: 3px;
}
#brand_desc_img { margin-top: 30px; }
#brand_desc_img li {
	float: left;
	margin-right: 20px;
}
/* Product List ends */
/* Register Form */
#registration_info { width: 738px; text-align:center; margin: 0 auto;}
#registration { width:630px; margin-left: 108px; }
#registration h2 { text-transform: none; font-size: 1.5em; font-weight: normal; }
#registration fieldset {border: none; float:left;clear:left;text-align:right;width:280px;padding: 14px 0;}
#registration label {margin-right: 5px;}
#registration input {height:18px; color:#2d2d2d; margin:2px 0; border: 1px solid #acada5; }
#registration select { width: 150px; }
#registration .txtinput { width:150px; }
#registration .drop { width:150px; }
#registration .checkbox { width: auto; height: auto; background: none; padding: 0; border: none;}
#registration .right {float: right;clear:right;text-align: left; background:url(../img/dotline_vertical.png) repeat-y left;padding-left:30px;}
#registration .dotlinev {background: url(../img/dotlinehreg.png) no-repeat center top;clear:both;min-height: 1px;height: auto !important;height: 1px;}
#registration .regimg,
#registration .lostpassw {margin: 8px 0; display:block;}
#registration #register_submit { background-position: 0 -56px; width: 94px; height: 20px; border: none; margin-top: 5px; }
#registration #ctl10_btnRegister { background-position: 0 -56px; width: 94px; height: 20px; border: none; margin-top: 5px; }
/* Register Form ends */
/* Newsletter sign up popup */
#newsletter_signup {
	text-align: left;
	padding: 40px 50px 0 50px;
}
#newsletter_signup h2 {
	font-size: 1.3em;
}
#newsletter_signup p {
	font-size: 0.9em;
	margin-bottom: 3px;
}
#newsletter_signup input {
	border: 1px solid #cccccc;
	float: left;
	display: block;
	margin-right: 5px;
}
#newsletter_signup #signup_submit {
	background-position: 0 -95px;
	width: 77px;
	height: 20px; 
	border: none;
	float: left;
}

/* Newsletter sign up popup ends */

/* Extra */
.right { float: right; }
.left { float: left; }
/* Extra ends */
/* Buttons */
.button {
	text-indent: -9999px;
	font-size: 1px;
	background-color: #ffffff;
	background-image: url(../img/buttons.png);
	background-repeat: no-repeat;
	border: none;
	display: block;
}

/* Footer */
#footer {
	width: 100%;
	border-top: 1px solid #dddddd;
	clear: both;
	color: #606060;
	font-size: 0.9em;
	padding-top: 12px; /* var 12 */
}
#footer li {
	float: left;
	background: url(../img/dotlineh.png) no-repeat right 2px;
	margin-right: 15px;
	padding-right: 15px;
}
#footer .last { background: none; }
#footer .right { float: right; }
/* Footer ends */

/*---[ Mï¿½n sï¿½ï¿½a ]---*/
#minsida {margin:0 auto; width:490px; min-height:222px; text-align:center; margin-bottom:40px;}
#minsida a {text-decoration:none;}
#minsida #minar_vorur {float:left; width:240px; height:70px; margin-right:16px; border-right:1px solid #e8e8e8; text-align:left;}
#minsida #minar_korfur {float:left; width:222px; height:84px; border-bottom:1px solid #e8e8e8; text-align:left;}
#minsida #minar_stillingar {float:left; width:222px; height:68px; padding-top:16px; border-top:1px solid #e8e8e8; text-align:left;}
#minsida #minar_pantanir {float:left; width:240px; height:70px; margin:16px 0 0 18px; border-left:1px solid #e8e8e8; text-align:left;}

#minsida #minar_vorur #icon_vorur {float:left; width:54px; height:54px; background:url(../img/icons.png) no-repeat -104px 0; margin-right:14px; cursor:pointer;}
#minsida #minar_korfur #icon_karfa {float:left; width:47px; height:34px; background:url(../img/icons.png) no-repeat -57px 0; cursor:pointer; text-align:center; padding-top:22px; font-size:14px; font-weight:700; margin:0 26px 0 18px;}
#minsida #minar_stillingar #icon_stillingar {float:left; width:57px; height:60px; background:url(../img/icons.png) no-repeat 0 0; cursor:pointer; margin-right:14px;}
#minsida #minar_pantanir #icon_pantanir {float:left; width:66px; height:52px; background:url(../img/icons.png) no-repeat 0 -60px; cursor:pointer; margin:6px 14px 0 30px;}
#minsida .h1_green {font-size:16px; font-weight:bold;} 

table.table2 {width:540px; margin-left:10px; margin-bottom:20px;}
table.table2 tr {text-align:center; line-height:19px; background: black;} /* background:#f1f1f1; */
table.table2 td {border-bottom:1px solid #fff;}
table.table2 th {font-weight:700; color:#fff; line-height:19px; border-bottom:1px solid #fff;}
table.table2 .second {background:#e3e3e3;}

#fb {
    float: left;
	padding-right: 365px;
	margin-top: 15px;
}

#loginForm {
     padding: 10px;
     display: none;
}
#loginForm .submit {
     background-position: 0 -95px;
     width: 77px;
     height: 20px;
     border: none;
     float: left;
     margin-top: 6px;
}
#loginForm .cancel {
     background-position: 0 -154px;
     width: 82px;
     height: 20px;
     border: none;
     float: left;
     clear: left;
     margin-top: 6px;
     margin-right: 6px;
}
#loginForm .text {
     float: left; height:18px; color:#2d2d2d; margin:2px 0; border: 1px
solid #acada5;
}
#loginForm label {
     display: block;
     float: left;
     clear: left;
     font-size: 13px;
     line-height: 20px;
     margin-right: 5px;
}


/*twitter*/
#twitter{
	width:150px;
	height:14px;

}

#twitter a{
	display:block;
	background:url(twitter.png) no-repeat 0 50%;
	line-height:14px;
	padding-left:18px;
}
