/* reset and basic style */
* { margin:0; padding:0; font-family:"Lucida Grande", "Lucida Sans", Helvetica, Verdana, sans-serif; color:#000000; font-size:11px; line-height:18px; }
img { border:0; }
input, textarea, select { margin-bottom:2px; margin-top:2px; }
label { width:100px; float:left; }
.clear { clear:both; height:0px; font-size:0px; line-height:0px; }
ul { list-style-type:none; }
html { height:101% }

/* layout */
body { }

#container { width:940px; text-align:left; margin:0 auto; padding:0 20px; }
#header { width:940px; margin:0 auto; padding-top:20px; padding-bottom:20px; }
#logo { float:left; }
#menu { float:right; padding-right:10px; border-right:dashed 1px #000000; }
#media { width:100%; margin:0px 0px 20px 0px; background-color:#eeeeee; }
#shop_search { width:920px; margin:0px 0px 20px 0px; padding:5px 10px 5px 10px; background-color:#eeeeee; }
#shop_basket { width:920px; margin:0px 0px 20px 0px; padding:10px; background-color:#eeeeee; }
#cover { width:910px; padding:0 14px; border-left:dashed 1px #000000; border-right:dashed 1px #000000; margin-bottom:20px; }
#content { width:940px; margin:0px 0px 20px 0px; margin-bottom:20px; }
#shop { width:940px; margin:0px 0px 20px 0px; }
#footer { width:910px; margin:0px 0px 20px 0px; padding:0px 14px; border-left:dashed 1px #000000; border-right:dashed 1px #000000; }

#shop .colspace { float:left; width:10px; height:10px; }
#shop .col1 { background-color:#ffffff; float:left; width:158px; padding-bottom:10px; height:310px; padding:10px; border:solid 1px #cccccc; font-size:10px; line-height:14px; }
#shop .col1:hover { background-color:#eeeeee; -webkit-transition: all 0.2s ease-in-out; }
#shop .col2 { background-color:#ffffff; float:left; width:348px; padding-bottom:10px; height:310px; padding:10px; border:solid 1px #cccccc; }
#shop .col2:hover { background-color:#eeeeee; -webkit-transition: all 0.2s ease-in-out; }

#content .colspace { float:left; width:10px; height:10px; }
#content .col1 { float:left; width:180px; padding-bottom:10px; }
#content .col2 { float:left; width:370px; padding-bottom:10px; }
#content .col3 { float:left; width:560px; padding-bottom:10px; }
#content .col4 { float:left; width:750px; padding-bottom:10px; }

#cover .colspace { float:left; width:20px; height:20px; }
#cover .col1 { float:left; width:290px; padding-bottom:10px; }
#cover .col3 { float:left; width:910px; padding-bottom:10px; }

#footer .colspace { float:left; width:10px; height:10px; }
#footer .col1 { float:left; width:175px; padding-bottom:10px; }
#footer .col3 { float:left; width:560px; padding-bottom:10px; }

.left { float:left; display:inline; }
.right { float:right; display:inline; }
.line { width:100%; border-bottom: 1px solid #cccccc; font-size:0px; line-height:0px; margin-bottom:5px; margin-top:5px }
.linedashed { width:100%; border-bottom: 1px dashed #000000; font-size:0px; line-height:0px; margin-bottom:20px; }

.relative { position:relative }
#shop .splash { position:absolute; top:290px; right:0px; z-index:2 }

.helpdiv {position:absolute;z-index:10;width:640px;background-color:#FFFFFF;border: solid;border-color:#fa8142;padding:5px;}

ul.navigation { float:left; text-shadow:#000000 0 0 2px; width:940px; background-image:url(../img/menu/bg_menu.png); background-repeat:no-repeat; font-size:12px; font-weight:bold; margin-bottom:20px; }
ul.navigation li { display:block; position:relative; float:left;}
ul.navigation li a { display:block; float:left; border-right:1px solid #444444; color:#ffffff; }
ul.navigation li.start a { background:url(../img/menu/bg_menu.png) no-repeat left top; padding:0px 10px 0 13px; line-height:30px; }
ul.navigation li.start a:hover { background-position:left -30px; -webkit-transition: none; }
ul.navigation li.categories a { background-image:url(../img/menu/bg_menu.png); background-repeat:no-repeat; background-position:-30px top; padding:0px 10px 0 10px; line-height:30px; }
ul.navigation li.categories a:hover { background-position:-30px -30px; -webkit-transition: none; }
ul.navigation li.search { background-image:url(../img/menu/bg_menu.png); background-repeat:no-repeat; background-position:right top; padding:5px 10px 0 10px; float:right; line-height:25px; height:25px; }

/* button ul */
ul.button { display:block; font-size:11px; height:30px; }
ul.button li { font-weight:bold; color:#ffffff; display:inline; background-image:url(../img/button/button.png); background-repeat:no-repeat; background-position:0 -30px; margin-right:0px; padding:4px 0px 6px 13px; line-height:12px; }
ul.button li a { font-weight:bold; color:#ffffff; background-image:url(../img/button/button.png); background-repeat:no-repeat; background-position:100% 0px; text-shadow:#000 0 0 2px; padding:4px 13px 6px 0px; line-height:12px; }
ul.button li:hover { background-position:0 -90px; -webkit-transition:none; }
ul.button li:hover a { background-position:100% -60px; -webkit-transition:none; }

ul.button li.green { background-position:0 -150px; }
ul.button li.green a { background-position:100% -120px; }
ul.button li.green:hover { background-position:0 -210px; -webkit-transition:none; }
ul.button li.green:hover a {background-position:100% -180px; -webkit-transition:none; }

ul.button li.red { background-position:0 -270px; }
ul.button li.red a { background-position:100% -240px; }
ul.button li.red:hover { background-position:0 -330px; -webkit-transition:none; }
ul.button li.red:hover a { background-position:100% -300px; -webkit-transition:none; }

/* footer ul */
ul.footer { font-size:10px; line-height:16px; padding-top:10px; }
ul.footer li { color:#000000; display:inline; width:180px; padding-right:10px; float:left; }
ul.footer li a { color:#000000; }

/* typografi */
.bold { font-weight:bold; }
.uppercase { text-transform:uppercase; }
.date { line-height:13px; font-size:9px; color:#000000; }
.hidden { display:none; }
#shop_basket {  }

#menu { text-align:right; }
#footer .col3 { color:#000000; font-size:9px; line-height:15px; }

h1, .h1 { font-size:24px; font-weight:bold; color:#000000; line-height:30px; }
h2, .h2 { font-size:16px; font-weight:bold; color:#fa8142; }
h3, .h3 { font-size:12px; line-height:18px; font-weight:bold; color:#000000; }

/* links */
a:link { text-decoration:none; color:#fa8142; }
a:visited { text-decoration:none; color:#fa8142; }
a:hover { text-decoration:underline; color:#000000; -webkit-transition: all 0.2s ease-in-out; }

#menu a.page:link { text-decoration:none; color:#000000; font-weight:bold; font-size:11px; text-transform:uppercase; letter-spacing:1px; }
#menu a.page:visited { text-decoration:none; color:#000000; font-weight:bold; font-size:11px; text-transform:uppercase; letter-spacing:1px;  }
#menu a.page:hover { text-decoration:underline; color:#000000; -webkit-transition: all 0.2s ease-in-out; }

#menu a.subpage:link { text-decoration:none; color:#cccccc; font-size:11px;line-height:20px}
#menu a.subpage:visited { text-decoration:none; color:#cccccc; font-size:11px;line-height:20px }
#menu a.subpage:hover { text-decoration:underline; color:#fa8142; -webkit-transition: all 0.2s ease-in-out;line-height:20px }

#footer a.menu:link { text-transform:uppercase; letter-spacing:1px; color:#cccccc; }
#footer a.menu:visited { text-transform:uppercase; letter-spacing:1px; color:#cccccc; }
#footer a.menu:hover { color:#000000; text-decoration:underline; -webkit-transition: all 0.2s ease-in-out; }