/* •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
	••																			••
	••		Project: iPhone112.dk												••
	••		Author:  iPhone112.dk												••
	••		Date:    3/10/2001													••
	••																			••
	••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
   
   » TABLE OF CONTENTS
   
    1. Global Styles
       1.1 Reset
       1.2 Default
      
    2. Layout
       2.1 Layout
	   2.2 Cart
	   2.3 Shop
       2.4 Elements
	   2.5 Column system
      
---------------------------------------------------------------------- */

/* 1. =Global Styles
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */


/* 1.1 =Reset
---------------------------------------------------------------------- */

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

address, cite, q, dfn {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6, th {
  font-weight: normal;
}

article, aside, dialog, figure, footer, header, 
hgroup, nav, section { 
  display: block;
}

a, ins, del {
  text-decoration: none
}

q, blockquote {
	quotes: none;
}

q:after, q:before,
blockquote:after, blockquote:before {
	content: "";
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
  vertical-align: top;
}

th {
  text-align: left;
}

button, input, select, textarea {
  font: inherit;
}

ul {
	margin:0;
	padding:0;	
}

ul li {
	list-style:none;	
}

p {
	margin:5px 0 15px 0;	
}

/* 1.2 =Default
---------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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,
b, u, i, center,
dl, dt, dd, ol, form, label, table, caption, tbody, 
tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family: arial;
	background-color: transparent;
}

html {
	background-color:#fff;
	color:#6c6c6c;
	font-size:0.75em;
	line-height:130%;
    overflow-x: hidden;
	overflow-y: scroll;
}

a {
	color:#0498c9;
	outline:none;	
}

img {
	outline:none;	
}

input, textarea, select {
	background-color:#fff;
	border:solid 1px #e7e4e4;
	border-bottom:solid 2px #e7e4e4;
	padding:3px 6px;
	font-family:verdana;
	color:#949393;
	font-size:11px;	
}

h1, h2, h3, h4, h5 {
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	line-height:120%;
	color:#444444;
	text-transform:uppercase;
}

h1 {
	font-size:30px;
	text-transform:none;
}

#header_page h1 {
	color:#fff;
	font-size:35px;	
}

h2 {
	font-size:18px;
	font-weight:bold;	
}

h3 {
	font-size:14px;
	font-weight:bold;
	color:#9a9999;
}

#container {
	width:1100px;
	margin:0 auto;	
}

#top {
	background-color:#fff;
	height:71px;
	#height:81px;
	width:100%;	
}

#top #logo {
	margin:10px 0;	
	width:140px;
}

#top #nav {
	position:absolute;
	top:0;
	margin-left:130px;
}

#top #nav ul li {
	float:left;	
}

#top #nav ul li a {
	float:left;	
	padding:30px 15px 70px 15px;
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#595959;
	display:block;
}

@media screen and (max-device-width: 480px){
	#top #nav ul li a {
		padding:30px 8px 70px 8px;
	}
}



#top #nav ul li a:hover {
	background-image:url('/gfx/nav_hover.png');
	background-repeat:no-repeat;
	background-position:top center;
	cursor:pointer;
}


#top #nav ul li a.active, #top #nav ul li a.active:hover {
	background-image:url('/gfx/nav_active.png');
	background-repeat:no-repeat;
	background-position:top center;
	color:#fff;
}

#header {
	background-color:#121212;
	width:100%;
	height:430px;	
	text-align:center;
	overflow:hidden;
}

#header_page {
	background-color:#121212;
	width:100%;
	padding:0;	
}

.container {
	width:1000px;
	margin:0 auto;	
}


#sub {
	width:1000px;
	margin:0 auto;
	overflow:hidden;	
	padding:10px 0;
	clear:both;
}

#sub ul#brands {
	float:left;
}

#sub ul#brands li {
	float:left;
	margin-right:30px;
}

#sub #search {
	float:left;
	border-left:solid 1px #dedede;	
	padding:5px 0;
	padding-left:20px;
}

#left {
	float:left;
	width:180px;
	padding-right:40px;
}

#center {
	border-left:solid 1px #dedede;
	padding-left:40px;
	float:left;	
	width:730px;
}

ul#contact {
	margin-top:20px;
}

ul#contact li {
	clear:both;
	margin:5px 10px;
}

ul#contact li .icon {
	float:left;
	width:30px;
}

ul#contact li .info {
	float:left;
	width:220px;
}

#footer {
	width:1000px;
	margin:0 auto;
	padding:5px 0 50px 0;	
	color:#b5b5b5;
	font-size:11px;
	overflow:hidden;
}

#footer a {
	color:#8e8e8e;
}

#footer_upper {
	width:1000px;
	margin:0 auto;
	font-size:11px;
	padding:20px 0;
	overflow:hidden;
}

#footer_upper ul {
	float:left;
	width:200px;	
}

#footer_upper a {
	color:#8e8e8e;
	display:block;
}

#footer_upper a:hover {
	color:#222;
}

#footer_upper ul.long {
	width:600px;
}


#cart_top {
	background-color:#0ba8f9;
	width:270px;
	height:53px;
	padding:15px 10px 15px 25px;
	color:#fff;
	font-size:11px;
	line-height:100%;	
	overflow:hidden;
}

#cart_top:hover {
	cursor:pointer;
}

#cart_top #cart_top_left {
	float:left;
	width:200px;
}

#cart_top:hover #cart_top_left a {
	text-decoration:underline;
}


#cart_top #cart_top_right {
	float:right;
	margin-top:-25px;
}

#cart_top #cart_top_right a {
	background-color:#0697e1;
	display:block;
	padding:25px 20px;
}

#cart_top:hover #cart_top_right a {
	background-color:#0688ca;
}


#temp_closed {
	background-color:#09C;color:#fff;text-align:center;padding:3px 10px;position:absolute;
	margin-left:980px;
	margin-top:-10px;
	#margin-left:530px;
	#margin-top:0;
	font-size:10px;font-weight:bold;z-index:1000;
}




ul.list li a {
	color:#787971;	
	display:block;
	background-image:url('/gfx/arrow.jpg');
	background-repeat:no-repeat;
	background-position:0 5px;
	padding-left:10px;
	margin:4px 0;
}

ul.list li a.active {
	color:#0498c9;
	font-weight:bold;
}

ul.list li a:hover {
	color:#0498c9;	
}


/* 1.2 =Product
---------------------------------------------------------------------- */

#product {
	margin:20px 0;	
}

#product #img {
	float:left;
	width:220px;	
}

#product #infos {
	float:left;
	width:780px;
}


/* 1.2 =Products
---------------------------------------------------------------------- */

ul#products li {
	float:left;
	width:200px;	
	height:270px;
	text-align:center;
	margin:10px 20px;
	font-size:11px;
	color:#000;
	border:solid 1px transparent;
	border-bottom:dotted 1px #CCC;
	padding-bottom:20px;
}

ul#products li:hover .btn_green {
	color:#d7ee94;	
}

ul#products li:hover {
	cursor:pointer;
	border:dotted 1px #ccc;
}

ul#products li .btn_more_info {
	display:inline-block;
}

ul#products li .btn_addtocart {
	display:inline-block;
}

ul#products li .img {
	height:170px;
}

ul#products li .desc {
	height:70px;
}


/* ------- Categories ------- */

ul#categories li {
	float:left;
	width:185px;
	height:210px;
	border:solid 1px #f2f1f1;
	border-bottom:solid 2px #e0e0e0;
	text-align:center;
	padding:20px 0;
	margin:5px;
}

ul#categories li:hover {
	border:solid 1px #d1d0d0;
	border-bottom:solid 2px #acaaaa;
	cursor:pointer;
}

ul#categories .img {
	width:150px;
	height:200px;
}

ul#categories li.logos {
	height:120px;
	padding:0 0 15px 0;
}

ul#categories li.logos .img {
	height:100px;
}




/* ------- Cart view ------- */

ul#cart_view {
	margin:20px 0;
}

ul#cart_view li {
	border-bottom:dotted 1px #afafaf;
	overflow:hidden;
	clear:both;
	padding:10px 0;
}

ul#cart_view li .img {
	float:left;
	width:100px;
}

ul#cart_view li .title {
	float:left;
	width:170px;
}

ul#cart_view li .number {
	float:left;
	width:80px;
}

ul#cart_view li .quantity {
	float:left;
	width:140px;
}

/* ------- Offer options ------- */

ul#offer_options {
	clear:both;
	overflow:hidden;
	margin:50px 0 50px 0;
}

ul#offer_options li {
	float:left;
	margin:10px;
	padding:20px 30px;
	width:250px;
	border:dotted 1px #CCC;
}

ul#offer_options li a {
	color:#fff;
	display:block;
	text-align:center;
	padding:5px 0;
}

ul#offer_options li a.green {			background-color:#448400;	}
ul#offer_options li a.green:hover {		background-color:#56a602;	}
ul#offer_options li a.red {				background-color:#840000;	}
ul#offer_options li a.red:hover {		background-color:#aa0202;	}
ul#offer_options li a.yellow {			background-color:#847900;	}
ul#offer_options li a.yellow:hover {	background-color:#b2a302;	}


/* 1.2 =Sitemap
---------------------------------------------------------------------- */


#sitemap ul {
	float:left;
	width:225px;
	border-right:solid 1px #eee;	
	padding:0 50px;
	height:450px;
}

#sitemap ul.last {
	border:0;
}





/* 1.2 =Elements
---------------------------------------------------------------------- */

.link {
	cursor:pointer;	
}

#map {
	border:solid 1px #dedede;
	padding:5px;
	width:400px;	
}

.overflow {
	overflow:hidden;	
}

#select_model {
	position:absolute;
	margin-left:100px;
	#margin-left:15px;
	margin-top:10px;
	#margin-top:20px;
	background-image:url('/gfx/select_unit.png');
	background-repeat:no-repeat;
	width:98px;
	height:86px;	
}

.error {
	background-color:#ca0000;
	color:#fff;
	padding:4px 8px;
	font-size:11px;
	font-weight:bold;	
}

.selectMethod {
	float:left;
	text-align:center;
	padding:20px 80px;
	border:dotted 1px transparent;
}

.selectMethod:hover {
	cursor:pointer;
	border:dotted 1px #ccc;
}


.blue {
	color:#0498c9;
}

.white {
	color:#fff;	
}

.grey {
	color:#6c6c6c;	
}

.f12 {
	font-size:12px;
}

.small {
	font-size:10px;	
}

.bold {
	font-weight:bold;	
}

.line {
	border-top:solid 1px #dedede;
	margin:3px 0;
	padding:3px 0;	
}

.btn {
	background-image:url('/gfx/btn.jpg');
	background-repeat:repeat-x;
	background-color:#0a7296;	
	color:#fff;
	border:0;
}

.btn:hover {
	background-image:none;
	cursor:pointer;
}

.btn_green {
	width:153px;
	height:30px;
	text-align:center;
	background-image:url('/gfx/btn_green.jpg');
	background-repeat:no-repeat;
	display:block;
	color:#fff;
	padding:6px 0;
	font-weight:bold;
}

.btn_green:hover {
	color:#d7ee94;
	cursor:point;
}


.btn_green_big {
	width:219px;
	height:30px;
	text-align:center;
	background-image:url('/gfx/btn_green_big.jpg');
	background-repeat:no-repeat;
	display:block;
	color:#fff;
	padding:6px 0;
	font-weight:bold;
}

.btn_green_big:hover {
	color:#d7ee94;
	cursor:point;
}


.btn_more_info {
	width:93px;
	height:30px;
	text-align:center;
	background-image:url('/gfx/btn_more_info.jpg');
	background-repeat:no-repeat;
	display:block;
	color:#fff;
	padding:6px 0;
	font-weight:bold;
}

.btn_more_info:hover {
	color:#cbc9c9;
	cursor:point;
}

.btn_addtocart {
	width:93px;
	height:30px;
	text-align:center;
	background-image:url('/gfx/btn_addtocart.jpg');
	background-repeat:no-repeat;
	display:block;
	color:#fff;
	padding:6px 0;
	font-weight:bold;
}

.btn_addtocart:hover {
	color:#d7ee94;
	cursor:point;
}



.clear {
	clear:both;	
}

.center {
	text-align:center;	
}

.left {
	float:left;	
}

.right {
	float:right;	
}

.right_align {
	text-align:right;
}

.gemmig {
	display:none;
}