@charset "utf-8";

/* -----------------------------------------------------------------------------------------

    - 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,
b, u, i, center,
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;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -----------------------------------------------------------------------------------------

    - Gridsystem starts here

   ---------------------------------------------------------------------------------------*/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 15px;
	margin-right: 15px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width:30px;
}

.container_16 .grid_2 {
	width:90px;
}

.container_16 .grid_3 {
	width:150px;
}

.container_16 .grid_4 {
	width:210px;
}

.container_16 .grid_5 {
	width:270px;
}

.container_16 .grid_6 {
	width:330px;
}

.container_16 .grid_7 {
	width:390px;
}

.container_16 .grid_8 {
	width:450px;
}

.container_16 .grid_9 {
	width:510px;
}

.container_16 .grid_10 {
	width:570px;
}

.container_16 .grid_11 {
	width:630px;
}

.container_16 .grid_12 {
	width:690px;
}

.container_16 .grid_13 {
	width:750px;
}

.container_16 .grid_14 {
	width:810px;
}

.container_16 .grid_15 {
	width:870px;
}

.container_16 .grid_16 {
	width:930px;
}



/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left:60px;
}

.container_16 .prefix_2 {
	padding-left:120px;
}

.container_16 .prefix_3 {
	padding-left:180px;
}

.container_16 .prefix_4 {
	padding-left:240px;
}

.container_16 .prefix_5 {
	padding-left:300px;
}

.container_16 .prefix_6 {
	padding-left:360px;
}

.container_16 .prefix_7 {
	padding-left:420px;
}

.container_16 .prefix_8 {
	padding-left:480px;
}

.container_16 .prefix_9 {
	padding-left:540px;
}

.container_16 .prefix_10 {
	padding-left:600px;
}

.container_16 .prefix_11 {
	padding-left:660px;
}

.container_16 .prefix_12 {
	padding-left:720px;
}

.container_16 .prefix_13 {
	padding-left:780px;
}

.container_16 .prefix_14 {
	padding-left:840px;
}

.container_16 .prefix_15 {
	padding-left:900px;
}



/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right:60px;
}

.container_16 .suffix_2 {
	padding-right:120px;
}

.container_16 .suffix_3 {
	padding-right:180px;
}

.container_16 .suffix_4 {
	padding-right:240px;
}

.container_16 .suffix_5 {
	padding-right:300px;
}

.container_16 .suffix_6 {
	padding-right:360px;
}

.container_16 .suffix_7 {
	padding-right:420px;
}

.container_16 .suffix_8 {
	padding-right:480px;
}

.container_16 .suffix_9 {
	padding-right:540px;
}

.container_16 .suffix_10 {
	padding-right:600px;
}

.container_16 .suffix_11 {
	padding-right:660px;
}

.container_16 .suffix_12 {
	padding-right:720px;
}

.container_16 .suffix_13 {
	padding-right:780px;
}

.container_16 .suffix_14 {
	padding-right:840px;
}

.container_16 .suffix_15 {
	padding-right:900px;
}



/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
	left:60px;
}

.container_16 .push_2 {
	left:120px;
}

.container_16 .push_3 {
	left:180px;
}

.container_16 .push_4 {
	left:240px;
}

.container_16 .push_5 {
	left:300px;
}

.container_16 .push_6 {
	left:360px;
}

.container_16 .push_7 {
	left:420px;
}

.container_16 .push_8 {
	left:480px;
}

.container_16 .push_9 {
	left:540px;
}

.container_16 .push_10 {
	left:600px;
}

.container_16 .push_11 {
	left:660px;
}

.container_16 .push_12 {
	left:720px;
}

.container_16 .push_13 {
	left:780px;
}

.container_16 .push_14 {
	left:840px;
}

.container_16 .push_15 {
	left:900px;
}



/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
	left:-60px;
}

.container_16 .pull_2 {
	left:-120px;
}

.container_16 .pull_3 {
	left:-180px;
}

.container_16 .pull_4 {
	left:-240px;
}

.container_16 .pull_5 {
	left:-300px;
}

.container_16 .pull_6 {
	left:-360px;
}

.container_16 .pull_7 {
	left:-420px;
}

.container_16 .pull_8 {
	left:-480px;
}

.container_16 .pull_9 {
	left:-540px;
}

.container_16 .pull_10 {
	left:-600px;
}

.container_16 .pull_11 {
	left:-660px;
}

.container_16 .pull_12 {
	left:-720px;
}

.container_16 .pull_13 {
	left:-780px;
}

.container_16 .pull_14 {
	left:-840px;
}

.container_16 .pull_15 {
	left:-900px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* -----------------------------------------------------------------------------------------

    - Site structure starts here

   ---------------------------------------------------------------------------------------*/
*, img
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    text-decoration: none;
    font-size: 12px;
}
body {
	color: #000;
	background: #fff;
}

body, html {
    margin:0;
    padding:0;
    height:100%;
}
#background_img {
    position:absolute;
    z-index:1;
    width:100%;
    height:100%;
}
#background_img {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1280px;

    /* Set up proportionate scaling */
    width: 100%;
    height: auto;

    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
}
img.bgmaximage {
    position: fixed !important;
}
#scroller {
    position: relative;
    z-index:2;
    height: 100%;
    width: 100%;
}

/* -----------------------------------------------------------------------------------------
    - Font settings
   ---------------------------------------------------------------------------------------*/

h1 {
    font-size: 22px;
    padding: 0;
    margin: 0px 0px 10px 0px;
    line-height: 0.8;
}
h2 {
    font-size: 14px;
    margin: 0px 0px 5px 0px;
    padding: 0;
    line-height: 0.8;
}
h3 {
    font-size: 12px;
    padding: 0;
    margin: 0px 0px 2px 0px;
    font-weight: bold;
    line-height: 1.2;
}
h4 {
    font-size: 12px;
    padding: 0;
    margin: 0px 0px 2px 0px;
}
h5 {
    font-size: 12px;
    padding: 0;
    margin: 0px 0px 5px 0px;
}
h6 {
    font-size: 12px;
    padding: 0;
    margin: 0px 0px 5px 0px;
    font-style: italic;
}
p {
    font-size: 12px;
    line-height:1.5;
    padding: 0;
    margin: 0px 0px 12px 0px;
}
.csc-firstHeader {
    margin-top: 0px;
}
.internal-link, .external-link-new-window, .external-link, .download, .mail, .browseLinksWrap a, .delicious-link {
    text-decoration: underline;
}
.activeLinkWrap {
    font-weight: bold;
    text-decoration: none;
}
/* -----------------------------------------------------------------------------------------
    - Wrap
    - The grid classes beeing used in the top is .container_24 (width: 940px)
   ---------------------------------------------------------------------------------------*/
#wrap {
    background: #fff;
}


/* -----------------------------------------------------------------------------------------

    - Fixed part of the structure

   ---------------------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------------------
    - Leftside
    - The fixed left side contains the logo at the top and the mainmenu (grid_3 (150px)
   ---------------------------------------------------------------------------------------*/

#fixed_left {
    position: absolute;
    left: 30px;
    top: 30px;
    height: auto !important;
    height: 100%;
    min-height: 400px;
    z-index: 10;
}
#fixed_left .logo {
    float: left;
    width: 100%;
    height: 90px;
    z-index: 10;
}
#mainmenu {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
}
/* Mainmenu (Top) */
#mainmenu ul {
    float: left;
    width: 100%;
    height: auto;
    list-style: none;
}
#mainmenu li {
    float: left;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
}
#mainmenu a {
    float: left;
    font-size: 12px;
    padding: 0 0 5px 0;
    margin: 0;
    background: none;
    font-weight: bold;
    text-transform: uppercase;
}
#mainmenu a:link { color:#595959; }
#mainmenu a:visited { color:#595959; }
#mainmenu a:hover { color: #000;}
#mainmenu a.meny_a { color: #000;}
#mainmenu .submenu {
    padding: 5px 0px 5px 5%;
    width: 95%;
}
#mainmenu .submenu a {
    text-transform: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
}
#mainmenu .submenu a:link { color:#595959; }
#mainmenu .submenu a:visited { color:#595959; }
#mainmenu .submenu a:hover { color: #000;}
#mainmenu .submenu a.meny_a { color: #000;}
/* -----------------------------------------------------------------------------------------
    - Right side
    - The fixed right side contains the topmenu and the search (grid_3 (150px)
   ---------------------------------------------------------------------------------------*/
#fixed_right {
    position: absolute;
    right: 30px;
    top: 30px;
    height: 20px;
    z-index: 10;
}
/* Top menu */
#topmenu {
    float: left;
}
#topmenu ul {
    float: right;
    width: auto;
    height: 20px;
    list-style: none;
}
#topmenu li {
    float: left;
    display: inline;
    width: auto;
    height: 20px;
    padding: 5px 8px 0px 7px;
}
#topmenu a {
    float: left;
    font-size: 10px;
    padding: 0;
    margin: 0;
    background: none;
    text-transform: uppercase;
}
#topmenu a:link { color:#a6a6a6; }
#topmenu a:visited { color:#a6a6a6; }
#topmenu a:hover { color: #595959;}
#topmenu a.meny_a { color: #595959;}
/* Search */
#search {
    float: right;
}


/* -----------------------------------------------------------------------------------------
    - Content of the page
    - The class grids for the content are || .grid5 .left (width 190px) | .grid_14 .center (width 590px) | .grid_5 .right (width 190px) ||
   ---------------------------------------------------------------------------------------*/
#content_root {
    position: absolute;
    left: 30px;
    top: 0px;
    height: auto !important;
    height: 100%;
    min-height: 400px;
}
#content_root .container {
    float: left;
    height: auto! important;
    height: 100%;
    clear: both;
    margin-bottom: 20px;
}
#content_root .static {
    float: left;
    display: inline;
    width: auto;
    margin: 0px 0px 15px 0px;
    padding: 120px 0px 15px 180px;
}
/*
#content_root a, #content_root .container a, #content_root .static a  {
    text-decoration: underline;
}
*/
/* -----------------------------------------------------------------------------------------

    - Flexible Content Elements

   ---------------------------------------------------------------------------------------*/
#content_root .width750 {
    width: 750px;
}
/* FCE 3cols_230 */
#content_root .width_230 {
    width: 230px;
}
#content_root .width_480 {
    width: 480px;
}
#content_root .width_240 {
    width: 240px;
}
#content_root .width_360 {
    width: 360px;
}
.end {
    float: left;
    clear: both;
    width: 100%;
}
/* -----------------------------------------------------------------------------------------
    - Fluid
   ---------------------------------------------------------------------------------------*/
.fluid {
    right: 30px;
    width: auto !important;
    min-width: 500px;
}
#containercenter {
    position:absolute;
    width: 750px;
    height: 500px;
    clear: both;
    background: none;
}
/* Changeable with jquery to fit screen resolution */
.container_size {
    top:50%;
    left: 50%;
    margin: auto;
    margin-top:-250px;
    margin-left:-375px;
}
div.sizewh1024 {
    margin: 0;
    left: 180px;
    top: 120px;
}
div.sizeh1024 {
    margin: auto;
    margin-left: -375px;
    left: 50%;
    top: 120px;
}
/* -----------------------------------------------------------------------------------------
    - When opening lightboxes
   ---------------------------------------------------------------------------------------*/
#site_options {
    width: 380px;
    padding: 0px 20px;
    margin: auto;
    margin-top: 120px;
    height: 280px;
}
#site_options h1 {
    text-align: center;
    color: #000;
    margin: 0px 0px 20px 0px;
}
#site_options p {
    text-align: center;
    color: #000;
    font-size: 12px;
}
#site_options .center {
    text-align: center;
    width: 100%;
    height: auto !important;
    height: 100%;
    margin: 10px 0 0 0;
}
#site_option .border{
    border: 1px solid #ccc;
}
#site_options .knapp {
    background: url(img/knapp.png) no-repeat;
    width: 99px;
    height: 24px;
    font-size: 12px;
    color: #fff;
    padding: 0;
    margin: 0;
    border: 0;
}
#site_options a {
    float: left;
    background: url(img/kb_buttons.png) -87px -207px no-repeat;
    height: 20px;
    padding: 6px 0px 0px 25px;
    clear: both;
    margin: 0 0 0 130px;
    color: #000;
    font-size: 12px;
    text-decoration: underline;
}
.a_noscript {
    float: left;
    background: url(img/kb_buttons.png) -87px -207px no-repeat;
    height: 20px;
    padding: 6px 0px 0px 25px;
    clear: both;
    margin: 0;
    color: #000;
    font-size: 12px;
    text-decoration: underline;
}
/* -----------------------------------------------------------------------------------------
    - Border on do add on bottom on each page
   ---------------------------------------------------------------------------------------*/
.close_content {
    float: left;
    width: 100%;
    clear: both;
    margin: 20px 0px;
    border-top: 1px solid #e5e5e5;
}
/* -----------------------------------------------------------------------------------------
    - Designers gallery
   ---------------------------------------------------------------------------------------*/
.gallery {
    float: left;
    width: 240px;
    clear: both;
    height: 160px;
    overflow: hidden;
    margin: 0px;
}
/* -----------------------------------------------------------------------------------------

    - Content Center

   ---------------------------------------------------------------------------------------*/
#content .center {
    float: left;
    display: inline;
}

.nomargin {
    margin: 0;
}
.width_100 {
	margin: 0;
	width: 100%;
}

/* -----------------------------------------------------------------------------------------

    - Forms and input

   ---------------------------------------------------------------------------------------*/

input { border: 1px solid #e0e0e0; background: #fff; color: #333; }
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
label { font-weight: normal; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #e0e0e0; background: #fff; color: #333; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #e0e0e0; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #e0e0e0; outline: 2px solid #9acae9; }
input, select { cursor: pointer; }
select { cursor: default;}
input[type='text'],input[type='password'] { cursor: text; }
.input_text {
    border: 1px solid #e0e0e0;
    background: #fff;
    color: #333;
    cursor: text;
}
.input_password {
    border: 1px solid #e0e0e0;
    background: #fff;
    color: #333;
    cursor: text;
}
.input_select {
    cursor: default;
}
.news_button {
    -moz-user-select:none;
    background:none;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    overflow: visible;
    padding: 0;
    text-decoration:none !important;
    white-space: nowrap;
    outline: 0;
}
.news_button span {
    background-position: right top;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    padding-right: 5px;
    text-align: center;
    line-height: 22px;
    font-size: 11px;
    color: #fff;
    outline: 0;
}
.news_button.b_submit span{
    background: transparent url(img/button_end.png) right no-repeat;
    height: 24px;
}
.news_button.b_submit span span {
    background: transparent url(img/button.png) left no-repeat; 
    height: 24px;
}
.news_button.b_submit span span span {
    padding-left: 11px;
}

/* Images */
.csc-textpic-above .csc-textpic-text  {
    padding-top: 20px;
}
div.csc-textpic div.csc-textpic-single-image img {
    margin: 0;
}
.grid_6 .csc-textpic-intext-left-nowrap {
    float: left;
    width: auto;
    height: auto !important;
    margin-bottom: 12px;
}

/* -----------------------------------------------------------------------------------------

    - Lists

   ---------------------------------------------------------------------------------------*/
#content_root .container .csc-textpic-text ul {
    clear: both;
}
#content_root .container .csc-textpic-text li {
    clear: both;
    font-size: 12px;
    list-style: disc inside;
    line-height:1.5;
    padding: 0;
    margin: 0px 0px 12px 0px;
}

/* -----------------------------------------------------------------------------------------

    - TT_News

   ---------------------------------------------------------------------------------------*/
/* Amenu */
#content_root .container .amenu {
    float: left;
    width: auto;
    padding: 0px 10px 0px 0px;
}
#content_root .container .amenu ul {
    list-style: none;
}
#content_root .container .amenu li {
    padding: 0;
    margin: 0;
}
#content_root .container .amenu a {font-size: 12px; text-decoration: underline; }
#content_root .container .amenu a:link { color:#000; }
#content_root .container .amenu a:visited { color:#000; }
#content_root .container .amenu a:hover { color: #000; }
#content_root .container .amenu a.meny_a { color: #000; font-weight: bold; text-decoration: none; }
/* List mode */
.news-list-container {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.news-list-item {
    float: left;
    display: inline;
    width: 100%;
    height: auto !important;
    height: 100%;
    padding: 0px 0px 25px 0px;
    margin: 0px 0px 25px 0px;
    border-bottom: 1px solid #e0e0e0;
    clear: both;
}
.news-list-item h2, .news-list-item h2 a {
    margin: 0;
    font-size: 22px;
}
#content_root .container .news-list-item a {
    text-decoration: none;
}
.news-list-date {
    float: left;
    width: 100%;
    clear: both;
    font-size: 11px;
    text-transform: uppercase;
    padding: 0;
    margin: 5px 0px 20px 0px;
}
.news-list-content {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
}
.news-list-content .image {
    float: left;
    width: auto;
}
.news-list-content .image img {
    float: left;
    margin: 0px 0px 20px 0px;
    border: 0;
}
.news-list-content .text {
    float: left;
    width: 100%;
    display: inline;
    clear: both;
}
.news-list-morelink  {
    float: left;
    width: 100%;
    clear: both;
    font-size: 12px;
    text-decoration: underline;
    padding: 10px 0px 0px 0px;
}
#content_root .container .news-list-item .news-list-morelink a {
    text-decoration: underline;
}
.news-list-devider {
    float: left;
    width: 100%;
    display: inline;
    background-color: #e0e0e0;
    height: 0px;
    margin: 0;
    padding: 0;
    display: none; /*Hela list devider ska tas bort*/
}
.news-list-browse {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    font-size: 12px;
}
/* Single Mode */
.news-single-item {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.news-single-date {
    float: left;
    width: 100%;
    clear: both;
    font-size: 11px;
    text-transform: uppercase;
    padding: 0;
    margin: 5px 0px 20px 0px;
}
.news-single-item h1 {
    margin: -3px 0px 0px 0px;
    line-height: 0.8;
}
.news-single-img {
    float: left;
    width: 100%;
    clear: both;
    padding: 0;
    margin: 0;
    line-height: 0;
}
.news-single-img img {
    margin: 0px 0px 20px 0px;
}
.news-single-gallery {
    float: left;
    width: 100%;
    clear: both;
    padding: 0;
}
.news-single-imgcaption {
    display: none;
}
.news-single-gallery .cboxElement {
    float: left;
    margin: 30px 10px 30px 0px;
    display: inline;
    clear: none;
}
.news-single-linkscontainer {
    float: left;
    width: 100%;
    clear: both;
}
.news-single-backlink {
    float: left;
    width: 100%;
    clear: both;
    font-size: 12px;
    padding: 10px 0px 0px 0px;
}
.news-single-item .addthis_toolbox {
    float: left;
}
.news-single-backlink a {
    text-decoration: underline;
    padding: 0px 5px 0px 0px;
    float: left;
}
/* Amenu */
.news-amenu-container {
    float: left;
    width: 100%;
    padding: 0;
    margin: 15px 0px 0px 0px;
}
/* Catmenu */
.tx-nwgkbcustoms-pi1 {
   float: left;
   width: 100%;
   margin: 0px 0px 12px 0px;
}
.tx-nwgkbcustoms-pi1 select {
   float: left;
   width: 70%;
   cursor: default;
}

/* --------------------------------------
    - - TT_News press
   --------------------------------------*/
/* Latest */
.news-presslatest-container {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.news-presslatest-item {
    float: left;
    display: inline;
    width: 100%;
    height: auto !important;
    height: 100%;
    padding: 0;
    margin: 0px 0px 5px 0px;
    clear: both;
}
.news-presslatest-date {
    float: left;
    width: auto;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0px 3px 0px 0px;
    margin: 0;
    display: inline;
}
.news-presslatest-item h3 {
    float: left;
    width: auto;
    font-size: 12px;
    text-decoration: none;
    margin: 0;
    padding: 0;
    line-height: 1.3;
    font-weight: normal;
    display: inline;
}
.news-presslatest-item a {
    text-decoration: underline;
}
.news-presslatest-more  {
    float: left;
    width: 100%;
    clear: both;
    font-size: 12px;
}
.news-presslatest-more a {
    text-decoration: underline;
}
/* List */
.news-listarchive-container {
    float: left;
    width: 100%;
    padding: 20px 0px 20px 0px;
    margin: 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.news-listarchive-item {
    float: left;
    display: inline;
    width: 100%;
    height: auto !important;
    height: 100%;
    padding: 0;
    margin: 0px 0px 5px 0px;
    clear: both;
}
.news-listarchive-date {
    float: left;
    width: 15%;
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}
.news-listarchive-item h3 {
    float: left;
    width: 75%;
    font-size: 12px;
    text-decoration: underline;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.news-listarchive-item a {
    text-decoration: underline;
}
.news-listarchive-more  {
    float: left;
    width: 100%;
    clear: both;
    font-size: 12px;
    text-decoration: underline;
}
/* Single Mode */
.news-latestsingle-item {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.news-latestsingle-date {
    float: left;
    width: 100%;
    clear: both;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0;
    margin: 5px 0px 20px 0px;
}
.news-latestsingle-img {
    float: left;
    width: 100%;
    clear: both;
    padding: 0;
    margin: 0px 0px 10px 0px;
}
.news-latestsingle-linkscontainer {
    float: left;
    width: 100%;
    clear: both;
}
.news-latestsingle-backlink {
    float: left;
    width: 100%;
    clear: both;
    font-size: 12px;
    text-decoration: underline;
    padding: 10px 0px 0px 0px;
}
.news-latestsingle-item a {
    text-decoration: underline;
}
.news-latestsingle-item h1 {
    margin: -3px 0px 0px 0px;
    line-height: 1.2;
}
#delicious-posts-kostaboda {
    float: left;
    width: 100%;
    clear: both;
    padding: 0;
    margin: 0;
}
.delicious-post {
    float: left;
    display: inline;
    width: 100%;
    height: auto !important;
    height: 100%;
    padding: 0;
    margin: 0px 0px 5px 0px;
    clear: both;
}
/* -----------------------------------------------------------------------------------------

    - Products (For dam,

   ---------------------------------------------------------------------------------------*/
.tx-smdakbdam-pi1 .top {
    float: left;
    width: 100%;
    clear: both;
    height: auto !important;
    height: 100%;
}
.tx-smdakbdam-pi1 .top .pagetitle {
    float: left;
    width: auto;
}
/* List */
.tx-smdakbdam-pi1 ul.kbdam_list {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    clear:both;
    display: block;
}
.tx-smdakbdam-pi1 ul.kbdam_list li.kbdam_list_singleRecord {
    float: left;
    display: inline;
    width: 150px;
    height: 150px;
}
.tx-smdakbdam-pi1 ul.kbdam_list li.kbdam_list_singleRecord a {
    float: left;
    width: 120px;
    height: 120px;
    padding: 14px;
    border: 1px solid #fff;
    text-align: center;
    overflow: hidden;
    position: relative;
    line-height: 120px;
}
.tx-smdakbdam-pi1 ul.kbdam_list li.kbdam_list_singleRecord a:hover {
    border-color: #ccc;
}
.tx-smdakbdam-pi1 ul.kbdam_list li.kbdam_list_singleRecord a img {
   vertical-align: bottom;
}
/* Tooltip onmouseover */
#simpleTooltip {
    float: left;
    background: #000;
    padding: 10px;
    color: #fff;
    font-size: 12px;
    margin: 0;
    display: inline;
}
/* -----------------------------------------------------------------------------------------
    - Products dropdown
   ---------------------------------------------------------------------------------------*/

.tx-smdakbdam-pi1 .top .dropdown {
    position: absolute;
    right: 10px;
    width: auto;
    z-index: 100;
    border: 0;
    padding: 0;
    margin: 0;
}
.tx-smdakbdam-pi1 .top .dropdown .tx-smdakbdam-pi1 .kbdamSearchForm, .tx-smdakbdam-pi1 .top .dropdown .tx-smdakbdam-pi1 .kbdamDAMCategories {
    width: auto;
    clear: both;
    padding: 0;
    margin: 0;
    border: 0;
}
.tx-smdakbdam-pi1 .top .dropdown .tx-smdakbdam-pi1 ul {
    float: left;
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none;
}
.tx-smdakbdam-pi1 .top .dropdown .tx-smdakbdam-pi1 ul li {
    position: relative;
    float: left;
    margin: 0px 0px 0px 5px;
    background: none;
}
.tx-smdakbdam-pi1 .top .dropdown .tx-smdakbdam-pi1 ul li:hover {
    background: #f0f0f0;
}
.tx-smdakbdam-pi1 .top .dropdown .tx-smdakbdam-pi1 ul li ul {
    display: none;
    position: absolute;
    top: 23px;
    left: 0;
    padding: 5px 0px;
}
.tx-smdakbdam-pi1 .top .dropdown .tx-smdakbdam-pi1 ul li ul li {
    width: 140px;
    padding: 5px 10px;
    clear: both;
}
.tx-smdakbdam-pi1 .top .dropdown .tx-smdakbdam-pi1 ul li>ul {
    top: auto;
    left: auto;
}
.tx-smdakbdam-pi1 .top .dropdown .tx-smdakbdam-pi1 ul li:hover ul, .tx-smdakbdam-pi1 .top .dropdown .tx-smdakbdam-pi1 ul li.over ul {
    display: block;
    background: #f0f0f0;
}
.tx-smdakbdam-pi1 .top .dropdown .tx-smdakbdam-pi1 ul li a.level-1 {
    font-size: 12px;
    display: block;
    text-decoration: none;
    padding: 2px 0px 2px 0px;
    height: 18px;
    cursor: default;
}
.tx-smdakbdam-pi1 .top .dropdown .tx-smdakbdam-pi1 ul li a.level-1 .category {
    float: left;
    padding: 4px 6px 0px 10px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: default;
}
#kbdamSelectcategories {
    float: left;
    width: auto;
}
#kbdamSelectthemes {
    float: left;
    width: auto;
}
#kbdamSelectdesigners {
    float: left;
    width: auto;
}
#kbdamSelectcolors {
    float: left;
    width: auto;
    width: 94px;
}
#kbdamSelectcolorsUL {
    
}

.tx-smdakbdam-pi1 .top .dropdown .tx-smdakbdam-pi1 ul li > ul.height {
    margin-left: -71px;
}
.tx-smdakbdam-pi1 .top .dropdown .tx-smdakbdam-pi1 ul li > ul.height800 {
    margin-left: -155px;
    width: 250px;
}
.tx-smdakbdam-pi1 .top .dropdown .tx-smdakbdam-pi1 ul li ul li.width800 {
    float: left;
    clear: none;
    width: 100px;
}
/* Image bank special */
#imagebank .top .dropdown {
    right: 40px;
}
#kbdamSelectDAMCat_6 ul {
    margin-left: -84px;
}


/* Single product */
#product {
    position: relative;
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    font-size: 12px;
    display: inline;
    margin:120px 0px 0px 0px;
}
#product .new {
    float: left;
    width: 34px;
    height: 17px;
    background: #fff url(img/kb_buttons.png) no-repeat scroll -114px -40px;
    margin: 2px 5px 0px 0px;
}
#product .nyhet {
    float: left;
    width: 44px;
    height: 17px;
    background: #fff url(img/kb_buttons.png) no-repeat scroll -22px -40px;
    margin: 2px 5px 0px 0px;
}
#product h1 {
    margin: 0px 0px 5px 0px;
    float: left;
}
/* Product Title */
#product .title {
    float: left;
    width: auto;
    height: 50px;
    display: inline;
    clear: both;
    padding: 0 0 0 180px;
}
#product .designer {
    clear: both;
    line-height: 1.5;
}
/* Product Image */
#product .product_image {
    width: 510px;
    height: 510px;
    margin: auto;
    clear: both;
    text-align: center;
    line-height: 510px;
}
#product .product_image img {
    vertical-align: bottom;
}
#product .related {
    position: relative;
    float: left;
    width: auto;
    padding: 0px 100px 0px 180px;
    height: auto !important;
    clear: both;
}
/* This step should be deleted if we keep it this way, only needed for scroll (.prod_container) */
#product .related .prod_container {
    float: left;
    width: 100%;
    height: auto !important;
}
#product .related .prod_container .prevProd {
    float: left;
    width: 20px;
    height: 100px;
    background-color: red;
}
#product .related .prod_container ul.relatedRecords {
    float: left;
    width: 100%;
    text-align: center;
    height: auto !important;
    height: 100%;
    min-height: 120px;
    min-width: 500px;
    margin: 0px 0px 20px 0px;
}
#product .related .prod_container li.relatedRecord {
    float: left;
    display: inline-block;
    width: 120px;
    height: 120px;
}
#product .related .prod_container li.relatedRecord a {
    float: left;
    width:  100px;
    height: 100px;
    padding: 9px;
    line-height: 100px;
    text-align: center;
    cursor: pointer;
}
#product .related .prod_container li.relatedRecord img {
   vertical-align: bottom;
}
#product .related .prod_container li.relatedRecord a:hover {
    padding: 9px;
    border: 1px solid #ccc;
    cursor: pointer;
}
#product .related .prod_container .nextProd {
    float: left;
    width: 20px;
    height: 100px;
    background-color: green;
}
/* Product info */
/* Right side containing the product info */
#product .right {
    position: absolute;
    top: 0;
    right: 0;
    width: 215px;
    height: auto !important;
    height: 100%;
}
#product .right .product_info {
    float: left;
    width: 100%;
    padding: 20px 0px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    clear: both;
}
#product .right .product_info .product_text {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
}
#product .right .product_info .artnr {
    float: left;
    width: 100%;
    line-height: 1.5;
    font-size: 11px;
    white-space: nowrap;
}
#product .right .product_info .edition {
    float: left;
    width: 100%;
    line-height: 1.5;
    font-size: 11px;
}
#product .right .product_info .dimensions {
    float: left;
    width: 100%;
    line-height: 1.5;
    font-size: 11px;
}
#product .right .product_info .color {
    float: left;
    width: 100%;
    line-height: 1.5;
    font-size: 11px;
}
#product .right .product_info .buy {
    float: left;
    width: 100%;
    padding: 12px 0px;
}
#product .right .product_info .like {
    float: left;
    width: 100%;
    padding: 0px 0px 20px 0px;
}
#product .right .product_info .share {
    float: left;
    width: 100%;
}
#product .right .product_info .share .download {
    margin-left: 10px;
}
#product .right .back {
    float: left;
    width: 210px;
    margin: 15px 0 0 0;
}
#product .right .back a {
    float: left;
    background: #fff url(img/kb_buttons.png) no-repeat scroll -87px -179px;
    padding: 0px 0px 0px 30px;
    height: 20px;
    width: auto;
    line-height: 1.9;
    font-size: 11px;
}
.addthis_toolbox {
    float: left;
    width: auto;
}
#product .right .tip {
    float: left;
    padding: 0px 5px;
}
#product .right a {
    text-decoration: underline;
    font-size: 11px;
}
#product .right p {
    font-size: 11px;
}
/* -----------------------------------------------------------------------------------------

    - Locate Store

   ---------------------------------------------------------------------------------------*/
.tx-nwgreselleroptions-pi1 {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 12px;
}
.tx-nwgreselleroptions-pi1 .choose {
    float: left;
    clear: both;
}
.tx-nwgreselleroptions-pi1 .store_locator {
    float: left;
    width: 210px;
    height: auto !important;
    height: 100%;
}
.tx-nwgreselleroptions-pi1 .store_locator select {
    float: left;
    clear: both;
    width: 210px;
    color: #000;
    margin: 0px 0px 10px 0px;
    cursor: default;
}
.tx-nwgreselleroptions-pi1 .stores {
    float: right;
    width: 510px;
    height: auto !important;
    height: 100%;
    margin: -100px 0px 0px 0px;
}
.tx-nwgreselleroptions-pi1 .location {
    float: right;
    width: 100%;
    height: auto !important;
    height: 100%;
    margin: 0px 0px 15px 0px;
    clear: right;
}
.tx-nwgreselleroptions-pi1 .location .company {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    padding: 2px 0px;
    font-weight: bold;
}
.tx-nwgreselleroptions-pi1 .location .address {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    padding: 2px 0px;
}
.tx-nwgreselleroptions-pi1 .location .city {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    padding: 2px 0px;
}
.tx-nwgreselleroptions-pi1 .location .zip {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    padding: 2px 0px;
}
.tx-nwgreselleroptions-pi1 .location .phone {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    padding: 2px 0px;
}
.tx-nwgreselleroptions-pi1 .location .www {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    padding: 2px 0px;
    text-decoration: underline;
}
.tx-nwgreselleroptions-pi1 .location .description {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    padding: 2px 0px;
}
/* -----------------------------------------------------------------------------------------

    - Modern FAQ

   ---------------------------------------------------------------------------------------*/
.tx-irfaq-pi1 {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    margin: 0px 0px 10px 0px;
}
.tx-irfaq-pi1 p {
    margin: 0;
}
.tx-irfaq-pi1 .tx-irfaq-dynheader {
    float: left;
    clear: both;
    float: left;
    width: 480px;
}
.tx-irfaq-pi1 .tx-irfaq-dynans-visible {
    padding: 0px 0px 20px 15px;
    float: left;
    width: 460px;
    clear: both;
}
.tx-irfaq-pi1 .tx-irfaq-cleaner {
    clear:both;
    height:1px;
}
.tx-irfaq-pi1 .tx-irfaq-pi1 .additional-info {
    border-top:0 none;
    margin: 0;
}
/* -----------------------------------------------------------------------------------------

    - Search

   ---------------------------------------------------------------------------------------*/
.searchbox {
    float: left;
    width: auto;
    margin: 1px 0px 0px 0px;
}
.searchbox .search-form {
    float: left;
    width: auto;
    line-height: 1.5;
}
.searchbox .search-form .text {
    float: left;
    width: 135px;
    color: #666;
}
.searchbox .search-form .text input {
    float: left;
    width: 128px;
    color: #666;
}
.searchbox .search-form .button {
    float: left;
    padding: 2px 0px 0px 2px;
}
.searchbox .search-form .searchbox-button {
    float: left;
	height: 13px;
	width: 13px;
	background: url(Search/search.gif) no-repeat;
    border: 0px;
	outline: 0;
}
form#login {
  position: relative;
}

div#searchbox {
  position: relative;
  float: left;
  margin-right: 3px;
}
/* Search result */
.tx-indexedsearch {
    float: left;
    padding: 0px 0px 15px 180px;
    margin: 30px 0px 30px 0px;
    width: 750px;
    height: auto !important;
    height: 100%;
    clear: both;
}
.tx-indexedsearch .tx-indexedsearch-whatis {
    font-size: 14px;
    margin: 0px 0px 5px 0px;
    padding: 0;
    line-height: 0.8;
    font-weight: bold;
}
.tx-indexedsearch .tx-indexedsearch-res {
    float: left;
    width: 750px;
    height: auto !important;
    height: 100%;
    clear: both;
}
.tx-indexedsearch .tx-indexedsearch-res .search-result {
    float: left;
    width: 730px;
    height: auto !important;
    height: 100%;
    clear: both;
    margin: 0px 0px 10px 0px;
    padding: 10px 0px;
}

.tx-indexedsearch .tx-indexedsearch-res .search-result .title {
    float: left;
    width: 100%;
    line-height: 1.5;
    font-weight: bold;
    text-decoration: underline;
}
.tx-indexedsearch .tx-indexedsearch-res .search-result .description {
    float: left;
    width: 100%;
    height: auto !important;
    padding: 2px 0px;
    line-height: 1.5;
    font-size: 11px;
}
.tx-indexedsearch .tx-indexedsearch-res .search-result .path {
    float: right;
    width: 100%;
    line-height: 1.5;
    font-size: 11px;
    text-decoration: underline;
    padding: 3px 0px 0px 0px;
}
.tx-indexedsearch .tx-indexedsearch-noresults {
    float: left;
    width: 100%;
    font-weight: normal;
    font-size: 12px;
    padding-bottom: 10px;
    background: none;
    color: #000;
    text-align: left;
}
.alertMessage, .kbdamWarning {
    float: left;
    display: inline;
    width: 750px;
    padding-bottom: 10px;
    font-weight: normal;
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    background: none;
    color: #000;
    text-align: left;
    clear: both;
}
.kbdamWarning {
    padding: 120px 0px 15px 180px;
    margin: 0px 0px 15px 0px;
}
/* -----------------------------------------------------------------------------------------

    - Sitemap

   ---------------------------------------------------------------------------------------*/
.tx-flseositemap-pi1 {
    float: left;
    width: auto;
    height: auto !important;
    height: 100%;
    font-size: 12px;
}
.tx-flseositemap-pi1 li.deep0 {
    float: left;
    width: 250px;
    height: auto;
    padding: 0px 0px 20px 0px;
}
.tx-flseositemap-pi1 li.deep0 a {
    float: left;
    font-weight: bold;
    padding: 0px 0px 3px 0px;
    clear: both;
}
.tx-flseositemap-pi1 li.deep1 a {
    float: left;
    font-weight: normal;
    color: #76797C;
    padding: 2px 0px 2px 0px;
    clear: both;
}
.tx-flseositemap-pi1 ul.deep2 {
    clear: both;
}
.tx-flseositemap-pi1 li.deep2 {
    float: left;
    padding: 0px 0px 0px 5px;
}
/* -----------------------------------------------------------------------------------------

    - Map

   ---------------------------------------------------------------------------------------*/
.map {
    height: 450px;
    clear: both;
    overflow: hidden;
}
#infoWindow {
    width: 240px;
    height: 140px;
    padding: 10px;
}
.map_heading {
    float: left;
    width: 260px;
    text-align: left;
    padding: 0px 0px 10px 0px;
    font-size: 14px;
    font-weight: bold;
}
.map_heading h3 {
    font-size: 14px;
}
.map_image {
    margin-top: 3px;
    float: left;
    width: auto;
}
.map_text {
    float: right;
    width: 150px;
    text-align: left;
    padding-right:20px;
}
.map_text p, .map_text a {
    font-size: 11px;
}
.map_text a {
    text-decoration:underline;
}

/* -----------------------------------------------------------------------------------------

    - Image Cycle

   ---------------------------------------------------------------------------------------*/
.tx-imagecycle-pi1 {
        overflow: hidden;
}
/* -----------------------------------------------------------------------------------------

    - Dropdown for contact

   ---------------------------------------------------------------------------------------*/
.frm_mk_anydropdownmenu {
    float: left;
    width: 240px;
    margin: 4px 0px 16px 0px;
}
.result_mk_anydropdownmenu {
    float: left;
    width: 480px;
    margin: 0;
    height: auto;
}
.sel_mk_anydropdownmenu {
    width: 240px;
}
.dropdown-image {
    float: left;
    width: 100%;
    clear: both;
    height: auto;
    margin: 0px 0px 20px 0px;
}
/* -----------------------------------------------------------------------------------------

    - Usable classes

   ---------------------------------------------------------------------------------------*/
.padding_10 {
    padding: 10px;
}
#content_root .nobg {
    background: none;
}
.font-size-11 {
    font-size: 11px;
}
.font-size-11 a {
    font-size: 11px;
}
.underline {
    text-decoration: underline;
}

/* -----------------------------------------------------------------------------------------

    - Imagebank
        TODO: Copy same style on dropdown as for products
   ---------------------------------------------------------------------------------------*/
#imagebank {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    clear: both;
}
#imagebank .top {
    float: left;
    width: 100%;
    clear: both;
}
#imagebank .gallery {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    clear: both;
}
#imagebank .gallery .gallerytitle {
    float: left;
    width: 100%;
    clear: both;
}
#imagebank .all_posts {
    float: left;
    width: 100%;
    height: auto;
    clear: both;
}
#imagebank .all_posts .single_post {
    float: left;
    width: 100px;
    height: 140px;
    display: inline;
    /*margin: 0px 9px 10px 9px;*/
    margin: 0px 10px 10px 0px;
    padding: 4px;
    border: 1px solid #ccc;
    text-align: center;
    background: #fff;
    cursor: pointer;
}
#imagebank .all_posts .single_post .imagetitle {
    font-size: 11px;
}
#imagebank .gallery .all_posts .single_post .image {
    float: left;
    width: 100%;
    height: 100px;
    line-height: 100px;
    padding: 0px 0px 10px 0px;
    text-align: center;
}
#imagebank .gallery .all_posts .single_post .image img {
    vertical-align: bottom;
}


/* the overlayed element */
.open {
	display:none;
	z-index:10000;
	background-color:#fff;
	width: 200px;
	height: 310px;
	-moz-box-shadow: 0px 0px 10px #ccc;
	-webkit-box-shadow: 0px 0px 10px #ccc;
        zoom: 1;
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction= 135, Strength=4)
                progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction= 315, Strength=4);
}
.open {
    float: left;
    width: 160px;
    height: auto !important;
    height: 100%;
    padding: 20px 20px 15px 20px;
}
.open .image {
    float: left;
    width: 160px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    padding: 0px 0px 20px 0px;
}
.open .image img {
    vertical-align: bottom;
}
.open .details {
    float: left;
    width: 160px;
    height: auto !important;
    height: 100%;
    clear: both;
}
.open .details div {
    float: left;
    width: 100%;
    line-height: 1.5;
    text-align: left;
    font-size: 11px;
}
.open .details .name{
    font-weight: bold;
}
.open .details .highres {
    float: left;
    width: 100%;
    margin: 15px 0px 0px 0px;
    padding: 14px 0px 0px 0px;
    border-top: 1px solid #ccc;
}
.open .details .highres a {
    float: left;
    background: #fff url(img/kb_buttons.png) no-repeat scroll -87px -300px;
    padding: 0px 0px 0px 30px;
    height: 20px;
    width: auto;
    line-height: 1.9;
    font-size: 11px;
    text-decoration: underline;
}
.open .close {
    position:absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
    background: url(img/controls.png) -25px 0px no-repeat;
    width: 25px;
    height: 25px;
    text-indent:-9999px;
}

/* -----------------------------------------------------------------------------------------

    - Colorbox

   ---------------------------------------------------------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper {
        position:absolute;
        top:0;
        left:0;
        z-index:9999;
        overflow:hidden;
        -moz-box-shadow: 0px 0px 10px #ccc;
        -webkit-box-shadow: 0px 0px 10px #ccc;
        box-shadow: 0px 0px 10px #ccc;
        zoom: 1;
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction= 135, Strength=4)
                progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction= 315, Strength=4);
}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(img/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width: 5px; height:5px; background: #fff;}
    #cboxTopRight{width: 5px; height:5px; background: #fff;}
    #cboxBottomLeft{width: 5px; height:5px; background: #fff;}
    #cboxBottomRight{width: 5px; height:5px; background: #fff;}
    /*
    #cboxMiddleLeft{width: 10px; background: url(images/shadow-left.png) repeat-y;}
    #cboxMiddleRight{width: 10px; background: url(images/shadow-right.png) repeat-y;}
    #cboxTopCenter{height: 8px; width: 730px; background: url(images/shadow-top.png) repeat-x;}
    #cboxBottomCenter{height: 10px; width: 730px; background: url(images/shadow-bottom.png) repeat-x;}

    */
    #cboxMiddleLeft{width: 5px; background: #fff;}
    #cboxMiddleRight{width: 5px; background: #fff;}
    #cboxTopCenter{height: 5px; background: #fff;}
    #cboxBottomCenter{height: 5px; background: #fff;}

    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin: 28px;}
        #cboxTitle{position:absolute; bottom:4px; right:0; text-align:right; width:70%; color:#000; font-size: 12px; vertical-align: baseline; line-height:1.5;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#000; font-size: 12px; vertical-align: baseline; line-height:1.5;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(img/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -0px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(img/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -0px;}
        #cboxLoadingOverlay{background:url(img/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(img/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:0; right:0; background:url(img/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px 0px;}

/*
    The following fixes png-transparency for IE6.
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.

    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background: #fff;}
.cboxIE #cboxTopCenter{background: #fff;}
.cboxIE #cboxTopRight{background: #fff;}
.cboxIE #cboxBottomLeft{background: #fff; height:5px;}
.cboxIE #cboxBottomCenter{background: #fff; height:5px;}
.cboxIE #cboxBottomRight{background: #fff; height:5px;}
.cboxIE #cboxMiddleLeft{background: #fff;}
.cboxIE #cboxMiddleRight{background: #fff;}

/* Facebook comments */
span.fb_edge_comment_widget {
     margin-left: -100px;
}