/*!
 * Modified: 2009-09-09 09:44:19
 * CHECKSUM[7a90b4f38745bbddb9881f71fb1a3967]
 */

/* 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,
form, input, button, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
nobr, hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; 
}

ol, ul {
	list-style-position: inside;
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

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

:focus {
	outline: none;
	-moz-outline-style: none;
}

:active {
	outline: 0 none;
	-moz-outline: 0 none;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	padding: 0;
	border: none;
}


button {
	width: auto;
	overflow: visible;
	text-shadow: none!important;
}


/* FLOATBREAK
--------------------------------------------------- */

.FloatBreak {
	clear:both;
}

.FloatLeft {
	float: left;
}

.FloatRight {
	float: right;
}




/*BODY
--------------------------------------------------- */

body {
	font-family: 'Arial', 'Verdana', sans-serif;
	color: #002c5c;
	font-size: 11px;
	line-height: 100%;
	padding-bottom: 100px;
	font-size: 11px;
}

p {
	color: #002c5c;
	line-height: 140%;
	margin-bottom: 11px;
}

ul {
	font-size: 11px;
	list-style-position: outside;
}

h1 {

	font-size: 14px;
	margin-bottom: 14px;
	font-weight: bold;
}

h2 {

	font-size: 12px;
	margin-bottom: 10px;
	font-weight: bold;
	}

h3 {

	font-size: 12px;
	font-weight: bold;
}

h4, h5, h6 {

	font-size: 11px;
	font-weight: bold;
}

a {
	text-decoration: underline;
	color: #002c5c;	
}

a:hover 
{
	text-decoration: none;
	color: #5f7ba1;	
}

strong {
	font-weight: bold;
}

p.IntroText {
	font-size: 12px;
	width: 600px;
	margin-bottom: 20px;
	line-height: 130%;
}

dt {
	font-weight: bold;
	display: block;
	float: left;
	clear: left;
	width: 190px;
}

dl {
	display: block;
}


/* PAGE
--------------------------------------------------- */

#Page {
	position: absolute;
	top: 105px;
	width: 100%;
}

#PageAlign {
	width: 1000px;
	margin: 0 auto;
}


/*CONTENT
--------------------------------------------------- */

#Content {
	width: 960px;
	margin: 0 auto;
	z-index: 900;
}


/* DIVIDERS 
----------------------------------------------------*/

.HeavyDivider {
	clear: both;
	margin-top: 25px;
	margin-bottom: 25px;
	
	height: 3px;
	width: 100%;
	
	background-image: url(/styles/images/divider_heavy.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.Divider {
	margin:0px;
	padding: 0;
	width: 100%;
	height: 1px;
	background-image: url(/styles/images/divider.gif);
	background-repeat: no-repeat;
	background-position: center;
	clear: both;
}

/* AJAX LOADERS
----------------------------------------------------*/
div.AjaxLoader {
	background: url(/styles/images/ajax-loader-1.gif) no-repeat center center;
	width: 100%;
	height: 75px;
}

/* Added by Malin@BTJ for "loading" image during ajax updates */
.ajaxLoadingCursorOverlay
{
    padding: 5px;
    z-index: 100;
    width: 100px;
    position: absolute;
    -moz-opacity: 0.75;
    opacity: 0.75;
    filter: alpha(opacity=75);
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    cursor: wait;
}




/* HEADER
--------------------------------------------------- */

html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll; /* -y stands for the vertical scrollbar */
}

#Header {
	position: absolute;
	width: 100%; height: 105px;
	background-color: #fff !important; 
	background-color: transparent; /* IE6 */
	background-image: url(/styles/images/bg_top_refinedsearch2.png);
	background-repeat: repeat-x;
	z-index: 10000;
	overflow: visible!important;
}

.Layout.RefinedSearch #Header {
	background-image: url(/styles/images/bg_top_refinedsearch2.png);
	height: 342px;
}


#Header.Fixed {
	position: fixed !important; 
	position: absolute; /* IE6 Hack */
	
}

#HeaderAlign {
	width: 1000px;
	margin: 0 auto;
	height: 100px;
	overflow: visible!important;
	overflow: hidden;
}

/* SHADOW */

#HeaderShadow {
	position: absolute;
	top: 104px;
	width: 100%; height: 7px;
	background-color: transparent;
	background-image: url(/styles/images/bg_top_shadow.png)!important;
	background-image: url(/styles/images/bg_top_shadow_nopng.png);
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 10000;
}

#Header.Fixed #HeaderShadow {
	position: fixed !important; 
	position: absolute; /* IE6 Hack */
}


/* LOGO */

#HeaderLogo {
	position: relative;
	left: 32px; top: 15px;
	width: 120px; height: 50px;
}

/* LINKS */

#HeaderLinks {
	position: relative;
	left: 138px; top: -43px;
	width: 578px; height: 20px;
	overflow: hidden;
	font-size: 10px; /* Added by Malin@BTJ for "Inloggad som XXX" text */
	line-height: 10px; /* Added by Malin@BTJ for "Inloggad som XXX" text */
	color: #002c5c; /* Added by Malin@BTJ for "Inloggad som XXX" text */
}

#HeaderLinks li {
	padding-left: 2px;
	padding-right: 2px;
	float: left;
}

#HeaderLinks li.AlignRight {
	float: right;
}

#HeaderLinks li a {
	font-size: 10px;
	line-height: 10px;
	text-decoration: none;
	color: #002c5c;
}

#HeaderLinks li a:hover {
	color: #5f7ba1;
	text-decoration: none;
}

#HeaderLinks li a.Current {
	color: #5f7ba1;
}



/* NAV */

#HeaderNav{
	position: relative;
	left: 140px; top: -41px;
	width: 590px; height: 40px;
	overflow: hidden;
}

#HeaderNav li {
	float: left;
	background-color: transparent;
	background-image: url(/styles/images/divider_nav.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#HeaderNav li div {
	float: left;
	height: 29px;
}

.HeaderNavLink {
	display: block;
	color: #002c5c;
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 2px;
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 8px;
	padding-bottom: 5px;
}

.HeaderNavLink:hover {
	color: #5f7ba1;
	text-decoration: none;
}

/* Added by Malin for login button in header */
.HeaderLoginButton 
{
	height:16px;
	margin-top:6px;
	padding-bottom:2px;
	padding-left: 11px;
	width:57px;
}

#HeaderNav li.Current {
	height: 40px;
	background-color: #fff;
	background-image: none;
}

#HeaderNav li.NextToCurrent {
	background-image: none;
}

#HeaderNav li.Current div {
	border-left: 1px solid #879cb1;	
	border-right: 1px solid #879cb1;
	border-top: 1px solid #879cb1;
	background-color: #fff;
	background-image: url(/styles/images/bg_tab_current.png);
	background-repeat: repeat-x;
	height: 28px;
}



/*SHOPPINGCART
--------------------------------------------------- */

#ShoppingCart {
	position: relative;
	top: -105px;
	float: none !important; float: right; /* IE6 */ 
	left: 725px !important; left: 0px; /* IE6 */ 
	width: 265px; height: 95px;
	z-index: 11000;
	overflow: hidden;
}

#ShoppingCart.Active {
	background-image: url(/styles/images/bg_cart_shadow.png) !important;
	background-image: none; /* IE6 */
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px !important; padding-bottom: 0; /* IE6 */
}

#ShoppingCartContent {
	margin: 0 auto;
	width: 245px;
	background-color: #fff;
	background-image: url(/styles/images/bg_cart_small.gif);
	background-position: top;
	background-repeat: no-repeat;
	border-top: 1px solid #879cb1;
	z-index: 2001;
}

#ShoppingCart.Active #ShoppingCartContent {
	margin: 0 auto;
	border: 1px solid #879cb1;
	background-image: none;
	width: 245px;
}

#ShoppingCart.Active {
	overflow: visible;
}

/* CARTS */

#ShoppingCart .CartHead {
	float: left;
	width: 160px;
	margin: 5px;
	margin-bottom: 2px;
	margin-top: 6px;
}

#ShoppingCart .CartHead img {
	margin-top: -2px !important; margin-top: 0; /* IE6 */
	margin-bottom: 2px;
}

#ShoppingCart .CartHead h2 {
	display: inline;
	color: #002c5c;
	font-weight: normal;
	font-size: 12px;
	margin-left: 5px;
	vertical-align: top;
}

#ShoppingCart .CartFold {
	float: right;
	margin-top: 6px;
	margin-right: 16px;
}
	
#ShoppingCart .CartFold a {
	color: #002c5c;
	font-size: 10px;
	text-decoration: none;
	height: 15px;
	padding-right: 16px;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(/styles/images/arrow_left_flat.png);
}

#ShoppingCart.Active .CartFold a {
	background-image: url(/styles/images/arrow_down_flat.png);
}

#ShoppingCart .CartFold a:hover {
	color: #5f7ba1;
}

#ShoppingCart .CartFold .Close,
#ShoppingCart.Active .CartFold .Open {
	display: none;
}

#ShoppingCart .CartFold .Open,
#ShoppingCart.Active .CartFold .Close {
	display: inline;
}

#ShoppingCart .CartTop {
	width: 210px;
	padding-left: 25px;
	padding-right: 10px;
	padding-top: 4px;
	background-color: none;
	background-image: url(/styles/images/divider_cart.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.CartTopButtons 
{
	text-align: right; 
	margin-right: 4px;
}

.CartTopButtons .CartHeaderBtn
{
	margin-right: 3px;
}


#ShoppingCart .Amount {
	display: block;
	font-size: 10px;
	font-style: italic;
	margin-bottom: 4px;
}

#ShoppingCart .SPrice {
	display: block;
	font-size: 12px;
	color: #5f7ba1;
	margin-bottom: 4px;
}

#ShoppingCart .UPrice {
	display: block;
	font-size: 13px;
	color: #a91b2a;
	margin-bottom: 4px;
}

#ShoppingCart form {
	float: left;
}

#ShoppingCart .SubCart {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 6px;
	text-align: right;
}

#ShoppingCart .SubCartHead {
	background-color: #d7dee4;
	font-size: 12px;
	padding: 5px;
	margin-bottom: 3px;
	text-align: left;
}

#ShoppingCart .SubCartContent {
	padding-right: 10px;
}

#ShoppingCart .SubCart .UPrice {
	font-weight: bold;
	font-size: 10px;
}

#ShoppingCart .SubCart .SPrice {
	font-weight: bold;
	font-size: 10px;
}

#ShoppingCart .SubCartDivider {
	display: block;
	clear: both;
	height: 5px;
	background-image: url(/styles/images/divider_cart_shadow.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: -4px;
}

.PriceChanged 
{
	color : Red
}

.AvailibilityChanged 
{
	color : Red
}


/* SEARCH
--------------------------------------------------- */

.Search {
	position: absolute;
	top: 69px;
	margin-left: 19px;
	width: 710px; height: 35px;
	overflow: hidden;
}

.Search.Active {
	height: 112px;
	overflow: visible;
}

/* OPEN/CLOSE REFINED SEARCH */

#OpenRefinedSearch {
	position: absolute;
	width: 145px; height: 21px;
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 6px;
}

#OpenRefinedSearch a {
	display: block;
	color: #002c5c;
	font-size: 10px;
	text-decoration: none;
	height: 15px;
	padding-left: 17px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(/styles/images/arrow_left_flat.png);
	background-position: 2px 0px;
	padding-top: 2px;
	width: 136px;
}

#OpenRefinedSearch .Close a{
	background-image: url(/styles/images/arrow_down_flat.png);
	background-position: left 2px;
	padding-left: 17px;
	
}

.Search .Close,
#Header div.Active .Open {
	display: none;
}

.Search .Open,
#Header div.Active .Close {
	display: inline;
}

/* SIMPLE FORM */

#SearchForm {
	position: absolute;
	width: 555px; height: 21px;
	left: 140px;
}

#SearchForm .SearchFormInput {
	float: left;
	width: 350px; height: 13px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-top: 1px solid #a2a2a2;
	border-left: 1px solid #a2a2a2;
	border-right: 1px solid #bfbfbf;
	border-bottom: 1px solid #dddddd;
	padding: 5px;
	padding-top: 6px;
	font-size: 11px;
	color: #acacac;
	background-color: #ffffff;
	background-image: url(/styles/images/top_searchinput_bg.png);
	background-repeat: repeat-x; 
	background-position: left top;
	margin-right: 9px;
}



#SearchForm .SearchFormInput.FormHintActive {
	color: #000;
}


.RefinedSearchFormButton 
{
	margin-top:10px;
	margin-right: 5px;
}

#SearchForm .SearchOptions {
	width: 130px;
	height: 30px;
	float: right;
	position: relative;
}

#SearchForm .SearchOptions input.Swe{
	position: absolute;
	left: 0px;
	top: 0px;
}

#SearchForm .SearchOptions label.Swe{
	position: absolute;
	left: 20px;
	top: 2px;
}

#SearchForm .SearchOptions input.Av{
	position: absolute;
	left: 0px;
	top: 15px;
}

#SearchForm .SearchOptions label.Av{
	position: absolute;
	left: 20px;
	top: 17px;
}

/*  Added by Malin@BTJ for labels for disabled textboxes, eg "Endast svenska titlar" */
.Disabled 
{
	color: #c0c0c0;
}

/* REFINE SEARCH
--------------------------------------------------- */

.RefinedSearchDiv {
	position: absolute;
	top: 35px;
	width: 960px;
	height: 200px;
	display: none;
}

.Search.Active .RefinedSearchDiv {
	display: none;
}

#RefinedSearchHolder {
	width: 960px;
	height: 80px;
	margin: auto;
	padding-left: 7px;
	background-repeat: no-repeat;
	background-color: transparent;
	font-size: 12px;
}


.RefinedSearchModules {
	width: 960px;
	background-image: url("/images/bg_refine_dividers.gif");
	background-repeat: no-repeat;
	background-position: -30px 10px;
	margin: 10px 0px 5px 0px;	
}


/* Moduler för olika sorterting
--------------------------------------------------- */

.RefinedSearchModules .RefinedSearchModule {
	width: 235px;
	height: 30px;
	float: left;
	margin-right: 15px;
	padding-top: 5px;
	padding-bottom: 15px;
}

/* Första och sista modul skiljer sig något
--------------------------------------------------- */

.RefinedSearchModules .RefinedSearchModule.First {
	width: 215px;
	margin-right: 15px;
}

.RefinedSearchModules .RefinedSearchModule.Last {
	width: 220px;
	margin-right: 0px;
}

.RefinedSearchModules .RefinedSearchModule h3{
	font-size: 12px;
	line-height: 13px;
	margin-bottom: 5px;
	font-weight: normal;
}

.RefinedSearchModules .RefinedSearchModule p{
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 5px;
	font-weight: normal;
}

.RefinedSearchModules .RefinedSearchModule .Filter{
	clear: both;
}

.RefinedSearchModules .RefinedSearchModule .Filter select{
	border: 1px solid #fff;
	background-image: url(/styles/images/bg_input_range.gif);
	background-repeat: repeat-x;
	background-color: transparent;
	height: 20px;
	color: #666666;
	font-size: 12px;
	margin-top: 0px!important;
	margin-top: -9px;
}

.RefinedSearchModules .RefinedSearchModule .Filter.OneDropDown select{
	width: 99%;
}
	
.RefinedSearchModules .RefinedSearchModule .Filter.TwoDropDown select.SmallDrop{
	width: 20%;
}

.RefinedSearchModules .RefinedSearchModule .Filter.TwoDropDown select.BigDrop{
	width: 78%;
}

.RefinedSearchModules .RefinedSearchModule .Filter.FreeText input{
	width: 90%;
}
	
/* ResultInfo
----------------------------------*/	
#ResultInfoContent {
	margin-top: 0px!important;
	margin-top: -10px;
	font-size: 10px;
	clear:both;
	margin: auto; 
	width: 980px; height: 16px; 
	padding-top: 7px;
	padding-bottom: 7px;
	background-image: url(/styles/images/bg_top_shadow.png)!important;
	background-image: url(/styles/images/bg_top_shadow_nopng.png);
	background-repeat: no-repeat;
	background-position: top center; background-color: #fff;
}
	
#ResultInfoContent h6{
	font-weight: bold;
	display: inline;
}

#ResultInfoContent a{
	text-decoration: none;
}

#ResultInfoContent a.Current{
	text-decoration: underline;
	font-weight: bold;
	padding-right: 10px;
	background-image: url(/styles/images/arrow_down.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#ResultInfoContent li a.Selected{
	padding-right: 15px;
	background-image: url(/styles/images/arrow_down_flat.png);
	background-repeat: no-repeat;
	background-position: center right;
	font-weight: bold;
	text-decoration:underline;
}

/* Gustav@BTJ */
#ResultInfoContent li a.InvertSelected{
	padding-right: 15px;
	background-image: url(/styles/images/arrow_up_flat.png);
	background-repeat: no-repeat;
	background-position: center right;
	font-weight: bold;
	text-decoration:underline;
}

/* Gustav@BTJ */
#ResultInfoContent li input.Selected {
	background-image:url(/styles/images/arrow_down_flat.png);
	background-position:right center;
	background-repeat:no-repeat;
	font-weight:bold;
	padding-right:15px;
	text-decoration: underline;
	display: inline-block;
	/* border-bottom:1px solid #002C5C; Deleted by Nils*/
}

/* Gustav@BTJ */
#ResultInfoContent li input.InvertSelected {
	background-image :url(/styles/images/arrow_up_flat.png);
	background-position:right center;
	background-repeat:no-repeat;
	font-weight:bold;
	padding-right:15px;
	text-decoration: underline;
	display: inline-block;
	/* border-bottom:1px solid #002C5C; Deleted by Nils*/
}

/* Gustav@BTJ */
#ResultInfoContent li input {
	cursor: pointer;
	background-color:#FFFFFF;
}
	
#ResultInfoContent div{
	float: left;
}

#ResultInfoContent #SortList{
	float: right;
}

#ResultInfoContent #PrintSearchResult 
{
	float: right;
	margin-left: 10px;
}

#ResultInfoContent #PrintSearchResult .PrintIcon
{
	margin-left: 5px;
	cursor: pointer;
}



#ResultInfoContent #ResultAmount{
	margin-right: 30px;
	padding-left: 20px;
}

#ResultInfoContent ul{
	display: inline;
}

#ResultInfoContent ul li{
	display: inline;
	font-size: 10px;
	margin-left: 5px;
	margin-right: 5px;
}


#ResultInfo {
	position: absolute;
	top: 104px;
	height: 50px;
	margin: 0 auto;
	background-color: transparent;
	z-index: 8000;
}

#Header.Fixed #ResultInfo {
	position: fixed !important; 
	position: absolute; /* IE6 Hack */
}

.Layout.RefinedSearch #ResultInfo {
	top: 312px;
}

#HeaderShadowResultInfo {
	width: 100%; height: 7px;
	background-color: transparent;
	background-image: url(/styles/images/bg_top_shadow.png);
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 8000;
}

/* CartInfo
----------------------------------*/	
.CartInfo {
	position: absolute;
	top: 104px;
	height: 50px;
	margin: 0 auto;
	margin-left: 20px; /* added by malin */
	padding-top: 10px;
	z-index: 8000;
	background-color:#FFFFFF;
	/* background-image:url(/styles/images/bg_top_shadow.png) !important;
	background-position:center top;
	background-repeat:no-repeat; deleted by malin */
	width:980px;
}




/*GRIDSYSTEM --------------------------------------------------- */

#GridWrapper {
	margin-top: 10px; 
}

#Grid {
	float: left;
	width: 760px;
	height: auto;
}

#Right {
	float: right;
	width: 200px;
}

#Grid .GridRow {
	clear:both; 
}

#Grid .Divider {
	margin-bottom: 15px;
}

.GridBox{
	margin-bottom: 15px; 
}

.GridRow .GridBox {
	float: left;
}

/*Gridbox Templates ---------------------------------------------------------- */


/*GRIDBox med "3d"-effect --------------------------------------------------- */

.Extrude {
	border-right: 1px solid #ededed;
	border-top: 1px solid #ededed;
	border-left: 1px solid #e6e6e6;
	border-bottom: 2px solid #e6e6e6;
}

.Extrude.Active {
	border-color: #99abbe;
}

.GridBox.Extrude h1{
	margin:10px;
	margin-right:0px;
	text-transform: uppercase;
}

.GridBox.Extrude h2{
	font-size: 18px;
	margin:10px;
	margin-right:0px;
	text-transform: uppercase;
}

.GridBox.Extrude h3{
	margin:10px;
	margin-right:0px;
	text-transform: uppercase;
}

.GridBox.Extrude h4{
	margin:10px;
	margin-right:0px;
	text-transform: uppercase;
}

.GridBox.Extrude p{
	margin-left:10px;
	margin-right:0px;
	margin-bottom:3px;
}

.GridBox.Extrude ul{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	line-height: 150%;
}

/*GRIDBox med liten bild t. höger el vänster
--------------------------------------------------- */

.GridRow .GridBox.SmallImgRight img{
	float: right;
	margin-left: 10px;
}

.GridRow .GridBox.SmallImgLeft img{
	float: left;
	margin-right: 10px;
}

.GridRow .GridBox.Extrude.SmallImgRight img{
	margin: 5px;
}

.GridRow .GridBox.Extrude.SmallImgLeft img{
	margin: 5px;
}

/*GRIDBox med stor bild, rubriken innuti bilden
--------------------------------------------------- */

.GridRow .GridBox.WideImg img{
	margin: 0;
	width: 100%;
}

.GridRow .GridBox.WideImg h2{
	color: white;
	margin-top: -20px;
	font-weight: bold;
}

/* Högerkolumnen - boxar med färgad top.
--------------------------------------------------- */

#Right .GridBox h2{
	display: block;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	height: 12px;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #fff;
	font-size: 12px;
	border-bottom: 1px solid #a2a2a2;
}

#Right .GridBox.BlueHead h2{
	background-image: url(/styles/images/bg_bluehead.gif);
	background-repeat: repeat-x;
	background-color: #002c5c;
	text-transform: uppercase;
}

#Right .GridBox.RedHead h2{
	background-image: url(/styles/images/bg_redhead.gif);
	background-repeat: repeat-x;
	background-color: #ab092b;
	text-transform: uppercase;
}

.GridBox.ArticlePuff h3{
	display: block;
	margin-bottom: 0;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
}

.GridBox.ArticlePuff h4{
	display: block;
	margin-bottom: 10px;
	margin-top: 0;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
}

.GridBox.ArticlePuff .ArticleImage{
	float: left;
	margin: 10px;
	margin-top: 0;
}

.GridBox.ArticlePuff p.PuffDescription{
	clear: both;
}

.GridBox.ArticlePuff .PuffPrice{
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 10px;
	margin-top: 10px;
	display: block;
}

.GridBox.ArticlePuff .PuffPrice.Red{
	color: #BD1337;
}

.GridBox.ArticlePuff .BlueBtn,
.GridBox.ArticlePuff .RedBtn{
	margin-bottom: 10px;
	overflow: hidden;
	display: block;
	float: none;
	
}


.GridBox.ArticlePuff .ArticlePuffInfo 
{
	float: right;
	width: 78px;
	padding-right: 10px; 
	word-wrap: break-word;
}

/* Templates för olika många gridbox per rad
--------------------------------------------------- */


/*1 x 100%
--------------------------------------------------- */
.GridRow.x100 .First{
	width:750px;
	
	}

.GridRow.x100 .Second{
	display: none;
}

.GridRow.x100 .Third{
	display: none;
}

/*3 x 33%
--------------------------------------------------- */

.GridRow.x3x33 .GridBox{
	height: 150px;
	overflow: hidden;	
}

.GridRow.x3x33 .First{
	width: 235px;
	margin-right:20px;	
}

.GridRow.x3x33 .Second{
	width: 235px;
	margin-right:20px;
	}

.GridRow.x3x33 .Third{
	width: 235px;
}

/*2 x 75%, 25%
--------------------------------------------------- */
.GridRow.x1x75x1x25 .First{
	width: 495px;
	margin-right:20px;	
	overflow: hidden;	
}

.GridRow.x1x75x1x25 .Second{
	width: 230px;
	overflow: hidden;	
}

.GridRow.x1x75x1x25 .Third{
	display:none;
	overflow: hidden;	
}

/*2 x 25%, 75%
--------------------------------------------------- */
.GridRow.x1x25x1x75 .First{
	width: 230px;
	margin-right:20px;	
}

.GridRow.x1x25x1x75 .Second{
	width: 495px;
}

.GridRow.x1x75x1x25 .Third{
	display:none;
}

/*2 x 50%
--------------------------------------------------- */
.GridRow.x2x50 .First{
	width: 363px;
	margin-right:21px;	
}

.GridRow.x2x50 .Second{
	width: 370px;
}

.GridRow.x2x50 .Third{
	display:none;
}


/* Flikar -  allmän styling*/

.Tabs{
	margin: auto;
	margin-bottom: 10px;
}

.TabNav {
	width: 100%;
	height: 25px;
	display: block;
	background-image: url(/styles/images/borderpix_99abbe.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color:	#ffffff;
}

.TabNav li{
	display: block;
	float: left;
	background-color: #fff;
	border-bottom: 1px solid #99abbe;
	background-image: url(/styles/images/bg_articlenav_divider.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-align: center;
	height: 24px;
}

.TabNav li.DividerLeft{
	background-image: url(/styles/images/bg_articlenav_divider_right.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.TabNav li a{
	text-decoration: none;
	display: block;
	height: 24px;
	line-height: 24px;
	padding-left: 25px;
	padding-right: 25px;
}

.TabNav li.Active{
	display: block;
	float: left; 
	border-left:1px solid #99abbe;
	border-right:1px solid #99abbe;
	border-top:1px solid #99abbe;
	border-bottom: 0px;
	background-color: #fff;
	background-image: none;
}

.TabNav li.QuickTab a{
	text-decoration: none;
	display: block;
	height: 24px;
	line-height: 24px;
	padding-left: 25px;
	padding-right: 25px;
	/* position: relative; */
}

/*
Saved for back reference
*/
/*
.TabNav li.QuickTab a .No{
	font-size: 11px;
	font-style: bold;
	padding-right: 5px;
	position: absolute;
	left: 928px;
	text-align: right;
	color: #92a3b5;
	height: 25px;
	line-height: 25px;
	width: 30px;
}
*/

/* bjorn@firstflight */
.Articles div.Article span.No {
	float:					right;
	margin-top:				-18px;
	font-size: 				11px;
	font-style: 			bold;
	color: 					#92a3b5;
}


/*Sub Tabs
------------------------*/

.SubTabNav{
	margin: 15px;
	height: 12px;
	line-height: 12px;
}

div.Article div.DetailBody .SubTabNav {
	height: 20px;
}

.SubTabNav li{
	display: block;
	float: left;
	margin-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 1px solid #99abbe;
}

.SubTabNav li.LastSub{
	border-right: 1px solid #99abbe;
}

.SubTabNav li a{
	text-decoration: none;
}

.SubTabNav li a.Active{
	text-decoration: none;
	font-weight: bold;
	border: 0;
	position: static;
}

.SubTabNav li a.Active:hover {
	color:				#002C5C;
	cursor:				default;
}

div.Article div.DetailBody ul.SubTabNav {
	float: left;
}

div.Article div.DetailBody ul.SubTabNav li {
	line-height: 20px;
	border-bottom: solid 1px #99abbe;
}

div.Article div.DetailBody ul.SubTabNav li.activeSubTab {
	line-height: 21px;
	border-bottom: none;
	border-left: none;
	background: url(/styles/images/subTabActiveBg2.gif) repeat-x;
}

/*Stora tabbar
------------------------*/

.BigTabs .TabNav li {
	font-size: 14px;
}

.BigTabs .TabContainer {
	width: 630px;
	background-color: #fff;
	background-image: url(/styles/images/bg_bigtabborder.gif);
	background-repeat: no-repeat;
	padding: 30px;
}
	
.BigTabs {
	margin-top: 30px;
}

.MinaSidor .BigTabs .TabContainer{
	width: 958px;
	background-image: url(/styles/images/bg_bigtabborder_full.gif);
	padding: 1px;
	padding-top: 20px;
}

/*Article --------------------------------------------------- */

.Tabs.Article {
	/* margin-top: 20px; deleted by malin, replaced by extra space in javascript function adjustHeaderHeights */
	margin-bottom: 20px;
	background: url(/styles/images/bg_options.gif) repeat-y top right;
}


/*Snabbfakta Notisfält --------------------------------------------------- */

.Article .NotisFields {
	width: 420px;
/*
	height: 80px !important;
	height: 85px;
 deleted by Nils for flexible height*/
 	height: auto;
	background-image: url(/styles/images/bg_notisfields.gif);
	background-repeat: repeat-y;
	background-position: right;
	padding-left: 0;
	padding-top: 6px;
	padding-bottom: 4px;
	text-align: right;
	float: left;
	display: none;
}

.Article .NotisFields .InputRounded{
	width: 210px;
	height: 12px !important;
	height: 10px; /*IE6 Hack*/
	margin-bottom: 4px;
	margin-top: -2px; /* Changed by Malin@BTJ from 0px to -2px, did not look OK when I added the .NotisRow */
}

.Article .NotisFields .OptionsDivider{
	margin-bottom: 3px !important;
	margin-bottom: -10px; /*IE6 hack*/
	background-image: url(/styles/images/divider_left.gif);
	background-position: top left;
}

/* Added by Malin@BTJ, fixing layout when some of the 3 notis rows are invisible */	
.Article .NotisFields .NotisRow 
{
	height: 20px; 
	padding: 2px;
}


/*Snabbfakta Bokfakta --------------------------------------------------- */

.Article .BookFacts{
	float: left;
	width: 420px;
	height: auto;
	margin-bottom: 0;
}

.Snabbfakta .BookFacts{
	float: left;
	width: 351px;
	padding-left: 9px;
	margin-bottom: 0;
}

.Article .BookImgHolder,
.Snabbfakta .BookImgHolder {
	width:65px;
	height: 80px;
	overflow: hidden;
	float:left;
	padding-top:5px;
}

.Article .BookFactsBody{
	padding-top: 10px;
	padding-bottom: 0px;
	width:355px;
	height: auto;
	float:right;
}

.Snabbfakta .BookFactsBody{
	padding-top: 10px;
	padding-bottom: 10px;
	width:355px;
	float:left;
}

.Article div.DetailBody div.titleAndAuthor {
	margin: 10px 15px 0 15px;
	background: #ffffff;
}

.Article .BookFactsBody .Title {
	cursor: pointer;
}

.Article .BookFacts .BookImgHolder {
	cursor: pointer;
}

.Article .BookFactsBody .Title,
.Snabbfakta .BookFactsBody .Title{
	display: inline;
}

.Article div.DetailBody .Title 
{
	margin-bottom: 0px;
}

.Article .BookFactsBody .Title,
.Snabbfakta .BookFactsBody .Title,
.Article div.DetailBody .Title {
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	line-height: 15px;
}


.Article .BookFactsBody .Writer,
.Snabbfakta .BookFactsBody .Writer,
.Article div.titleAndAuthor p.Writer{
	display: inline;
	text-transform: none;
	font-size: 13px;
}

.Article .BookFactsBody p,
.Snabbfakta .BookFactsBody p{
	margin-top: 11px;
}

/*Snabbfakta tillval --------------------------------------------------- */

div.Snabbfakta {
	background: url(/styles/images/bg_options.gif) repeat-y top right;
}

.Article .BookOptions,
.Snabbfakta .BookOptions{
	float: right;
	width: 530px;
	padding-top: 6px;
	padding-bottom: 0;
	margin-bottom: 0;
}

.Article .BookOptions .OptionsDivider,
.Snabbfakta .BookOptions .OptionsDivider{
	margin-bottom: 3px !important;
	margin-bottom: -10px; /*IE6 hack*/
	background-image: url(/styles/images/divider_right.gif);
	background-position: top right;
}

.Article .BookOptionRow,
.Snabbfakta .BookOptionRow {
	line-height:19px;
	font-size:12px;
	width: 505px;
	display: block;
	padding-right: 20px;
	padding-left: 10px;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: baseline; 
}
/*
.Snabbfakta .BookOptionRow {
	line-height:12px;
	font-size:12px;
	width: 505px;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	height: 20px;
	padding-top: 4px;
	vertical-align: baseline; 
}
*/
.Article .BookOptionRow select,
.Snabbfakta .BookOptionRow select{
	display: inline !important; 
	display:block; /* IE6 hack */
	float: none !important; 
	float: left; /* IE6 hack */
	margin-top: -3px;
	margin-right: 2px;
}

.Article .BookOptionRow .BandCol,
.Snabbfakta .BookOptionRow .BandCol{
	float: left;
	width: 169px;
	padding: 0;
}

.Article .BookOptionRow .DeliveryCol,
.Snabbfakta .BookOptionRow .DeliveryCol{
	float: left;
	width: 119px;
	padding: 0;
}

.Article .ExtraDelivery, 
.Snabbfakta .ExtraDelivery {
	display: none;
}

.Article .BookOptionRow .DeliveryCol label, 
.Snabbfakta .BookOptionRow .DeliveryCol label {
	vertical-align: baseline;
}

.Article .BookOptionRow .DeliveryCol input,
.Snabbfakta .BookOptionRow .DeliveryCol input{
	vertical-align: baseline;
}

.Article .BookOptionRow .PriceCol,
.Snabbfakta .BookOptionRow .PriceCol{
	float: left;
	width:65px;
	padding: 0;
}

.Article .BookOptionRow .YourPriceCol,
.Snabbfakta .BookOptionRow .YourPriceCol{
	float: left;
	width: 87px;
	padding: 0;
	margin-right: -5px; /* Fix för IE7, påverkar ej övriga */
}

.Article .BookOptionRow .AmountCol,
.Snabbfakta .BookOptionRow .AmountCol{
	float: right;
	padding: 0;
}

.Article .BookOptionRow .AmountCol label,
.Snabbfakta .BookOptionRow .AmountCol label{
	display:inline;
	float:none;
}

.BookOptionRow .AmountCol .InputRounded{
	width: 30px;
	margin-top: -10px;
	font-size: 11px;
	font-weight:bold;
	line-height: 11px;
	height: 11px;
}

.BookOptionRow .AmountCol .InputRounded.Disabled{
	background-color: #e5e5e5;
	/* color: #eeeeee; Deleted by malin, textvalue in input was not visible */
	cursor: default;
}

.Article .OptionsDivider,
.Snabbfakta .OptionsDivider{
	padding:0px;
	background-repeat: no-repeat;
	height:1px;
	width: 100%;
}
	
	
/*Detaljer
--------------------------------------------------- */	

.Article .Details{
	clear: both;
}

/* Gustav@BTJ */
.Article .Loading {
	padding-top: 6px;
	border-bottom: #99abbe 1px solid; 
	height: 111px
}

.Article .DetailWrapper {
	border-bottom:1px solid #99abbe;
	height: 290px;
	overflow: hidden; 
}
	
.Article div.DetailWrapperType2 div.DetailInnerWrapper {
	float: left;
	width: 705px;
	background: #ffffff;
}

.Article div.DetailWrapperType2 div.titleAndAuthor {
	margin: 10px 10px 8px 0;
}

.Article div.DetailWrapperType2 div.titleAndAuthor h2.title {
	line-height: 15px;
	margin-bottom: 0;
}

.Article div.DetailWrapperType2 div.DetailTitleImg {
	padding-top: 0;
}

.Article div.DetailWrapperType2 div.DetailBody {
	margin-top: 0;
}

/* Bild och titel
-----------------------------------------*/	

.Article .DetailTitleImg{
	width: 145px;
	float: left;
	padding-top: 15px;
	padding-left: 0;
	line-height: 14px;
}

.Article .DetailTitleImg .Title{
	text-transform: none;
	font-size: 13px;
	margin-bottom: 2px;
}

.Article .DetailTitleImg .Writer{
	font-size: 13px;
	clear: right;
}

/* Detalj Body med undertabbar
-----------------------------------------*/

.DetailBody{
	width: 520px;
	height: 100%;
	float: left;
	background-color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}

div.Article div.detailNavigation {
	margin-top: 10px;
}
	
.DetailBody div.innerDetailBody { /* ie6 */
	overflow-y: auto;
	width: 540px;
	position: absolute;
	height: 195px;
/*	bottom: 0; */
}

.DetailBody .TabContainer {	
	height: 				100%;
	padding: 				0 100px 0 15px;
	font-size: 				11px;
}

.DetailBody .TabContainer h1,
.DetailBody .TabContainer h2,
.DetailBody .TabContainer h3,
.DetailBody .TabContainer h4,
.DetailBody .TabContainer h5{
	margin-bottom: 10px;
}

.DetailBody .TabContainer .LektorInfo{
	visibility: visible;
}

.DetailBody .TabContainer .LektorOmdome{
	color: #99abbe;
}

.Lektor .DetailBody .TabContainer .LektorInfo {
	visibility: hidden;
}

.Lektor .DetailBody .TabContainer .LektorOmdome {
	color: #002C5C; 
}

.DetailBody .TabContainer.Forlagstext p {
	/* removed according to test170: font-style italic*/
	margin: 0; 
	padding: 0; 
}

/* "Spalter"
-----------------*/

.DetailBody .TabContainer .LeftTitle {
	font-weight: bold;
	float: left;
	clear: left;
	width: 110px;
	line-height: 140%;
}
.DetailBody .TabContainer .RightContent { 
	/*removed due to test 121 float: left;*/
	width: 270px;
	padding-left: 15px;
	margin-bottom: 15px;
}

.DescriptionTitle {
	width: 70px;
	font-weight: bolder;
	padding-right: 5px;
}

.Merinfo table tr {

line-height: 130%;
}

.Merinfo table tr td{

padding-bottom: 5px;

}

/* Detalj detaljer-lista
---------------------------------------------------*/

.DetailList{
	width: 240px;
	float: right;
	line-height: 13px;
	padding: 15px 0px 15px 15px;
	background: #f0f2f5;
	height: 260px;
}

.DetailList li{
	font-size: 11px;
}

.DetailList a.SpecialRights {
	text-decoration: none;
}

.UnReleased .RedMark {
	color: red;
}

span.ListTitle {
	color:#002C5C;
	font-weight: bolder;
}

.DetailList .PrintIcon
{
	float: right; 
	position: relative; 
	top: -10px; 
	left: -5px;
}

/* Egen Info
----------------------------------------------------*/

.EgenInfo {
	visibility: hidden;
}

.EgenInfoTab {
	visibility: hidden;
}

.EgenInfo textarea{
	float: left;
	height: 100px;
}

.EgenInfo .InputRounded{
	margin-right: 30px;
	margin-top: 10px;
	width: 190px;
}

.EgenInfo .DetailBody {
	overflow: auto;
}

.EgenInfo .DetailBody h1,
.EgenInfo .DetailBody h2,
.EgenInfo .DetailBody h3,
.EgenInfo .DetailBody h3,
.EgenInfo .DetailBody h5{
	margin-top: 20px;
}

.EgenInfo .CopyInfo{
	font-size: 10px;
	font-weight: bold;
	float: right;
	margin-right: 80px;
	margin-top: 10px;
}

.EgenInfo .CopyInfo input{
	margin: 0;
	margin-right: 5px;
	vertical-align: bottom;
}

.EgenInfo .CopyInfo .BlueBtn{
	margin-top: 0;
	margin-left: 10px;
	margin-right: 0;
	vertical-align: baseline;
}

/* Actionbar
---------------------------------------------------*/

.ActionBar {
	height:27px;
	background-image: url(/styles/images/bg_actionbar.gif);
	background-repeat: repeat-x;
	font-size:12px;
	margin-top: 0px !important;
	margin-top: -10px;
	clear: both;
}

/* Bokens status (i kundvagn eller inte osv)
---------------------------------------------------*/	

.BookStatus {
	float: left;
	height: 19px;
	margin-top:1px;
	margin-left:2px;
	width: 165px;
	text-align: center;
	padding-top: 5px;
	background-image: url(/styles/images/bg_bookstatus.gif);
	background-repeat: repeat-x;
	z-index: 2600;
	size: 12px;
	line-height: 12px;
	display: none;
}

.BookStatus.InStoreStatus {
	display:none;
}

.BookStatus a{
	text-decoration: none;
	background-image: url(/styles/images/arrow_small_right.png);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 20px;
}

.BookStatus.AddedBy {
	display:none;
}

.BookConfirmation {
	float: right;
	padding-top: 4px;
	padding-right: 4px;
}
	
.ActionBar select{
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: top;
}

.ActionBar input,
.ActionBar button{
	vertical-align: middle;
}

/* The span will be used by IE thx to JS in btj.tabs.js */
.ActionBar label,
.ActionBar span.label{
	vertical-align: middle;
	padding-top: 0px;
}

.ActionBar span.label {
	display: inline-block;
	line-height: 12px;
	height: 14px;
}

.Tabs .ActionBar .MoveBtn,
.qtip .MoveBtn{
	display: none;
}

/* Artikelvarianter
---------------------------------------*/

/* Med iHäfte - lägger till ikon i Snabbfakta-tabben*/
.Tabs.iHafte .QuickTab a{
	padding-right: 16px;
	background-image: url(/styles/images/icon_hafte.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.Tabs.iHafte .TabNav li.QuickTab{
	padding-right: 6px;
}

/* Med lekrotromdöme - lägger till ikon i Snabbfakta-tabben*/
.Tabs.Lektor .QuickTab a{
	padding-right: 15px;
	background-image: url(/styles/images/icon_lektor.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.Tabs.Lektor .TabNav li.QuickTab{
	padding-right: 10px;
}
	
/* Ej utgiven, utgivningsdatum i rött */
.Tabs.UnReleased .ReleaseDate{
	color: #a91b2a;
}

.Tabs.UnReleased .ExtraDelivery {
	display: inline;
}

/* Ej tillgänglig för köp  */
.NotAvailebleOverlay{
	float: right;
	width: 530px;
	height: 60px !important;
	height: 65px; /*IE6 hack*/
	margin-bottom: 0;
	background-color: #f3f4f6;
	text-align: center;
	font-size: 20px;
	line-height: 22px;
	padding-top:30px;
}

.Tabs.NotAvaileble .NotAvailebleOverlay{
	display: block;
}

.Tabs.NotAvaileble .BookOptions{
	display: none;
}

.Tabs.NotAvaileble .ActionBar div{
	visibility: hidden;
}
	
/* Ej inloggad, biblioteksband och plastad ej tillgängligt  */
	
.Tabs.NotLoggedIn .Biblioteksband, 
.Tabs.NotLoggedIn .Plastad{
	color: #b8c9d7;
}

.Tabs.NotLoggedIn .Biblioteksband input, 
.Tabs.NotLoggedIn .Plastad select,
.Tabs.NotLoggedIn .Biblioteksband select, 
.Tabs.NotLoggedIn .Plastad input,
.Tabs.NotLoggedIn .ActionBar input, 
.Tabs.NotLoggedIn .ActionBar label, 
.Tabs.NotLoggedIn .ActionBar select{
	visibility: hidden;
}

.Tabs.NotLoggedIn .ActionBar input.RedButton{
	visibility: visible;
}

.Tabs.NotLoggedIn .ActionBar .BookStatus{
	visibility: hidden;
}

/* Med egen info - på kundgavgnsidorna.  */

.CheckOut .Tabs .EgenInfo,
.CheckOut .Tabs .EgenInfoTab{
	visibility: visible;
	display: block;
}

.CheckOut .Tabs .ActionBar a.MoveBtn{
	display: block;
	vertical-align: top;
	margin-left: 10px;
	float: right;
	margin-top: 3px;
	margin-right: 3px;
}

.CheckOut .Tabs .EgenInfoTab a{
	padding-right: 15px;
	background-image: url(/styles/images/icon_own_info.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.CheckOut .Tabs.Ifylld .EgenInfoTab a{
	background-image: url(/styles/images/icon_own_info_checked.gif);
}

.CheckOut .Tabs .TabNav li.EgenInfoTab{
	padding-right: 10px;
}

/* I bestånd  */

.Tabs.IBestand .BookStatus.InStoreStatus {
	display:block;
}

/* I kundvang */

.Tabs.IKundvagn .BookStatus.InCartStatus {
	display:block; 
}


/* Kampanj köp information
---------------------------------------*/	
.CampaignPopup .BookStatus.InCartStatus {
	display:none; 
}

.CampaignPopup .BookStatus.InStoreStatus {
	display:none;
}
.CampaignPopup.IKundvagn .BookStatus.InCartStatus {
	display:block; 
}

.CampaignPopup.IBestand .BookStatus.InStoreStatus {
	display:block;
}


/* Artikel haccordion
---------------------------------------*/	

.ArticleAccordion {
	height: 0; 
	overflow:hidden;
	width: 958px;
	border:1px solid #99abbe;
	visibility: hidden;
}

.ArticleAccordion .HaccContainer.FullAccordion{
	border:0px solid #99abbe;
}

/* Listor på artikelsidan
---------------------------------------*/

.ArticleList{
	margin-top: 15px;
	float: left;
	width: 313px;
	height: 150px;
	background-color: #fff;
	background-image: url(/styles/images/bg_bottomlists.gif);
	background-repeat: no-repeat;
}

.ArticleList.Middle{
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 10px;
}

.ArticleList h4{
	padding-left: 16px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 13px;
	font-weight: bold;
}

.ArticleList ul{
	padding-left: 16px;
	padding-top: 5px;
	line-height: 130%;
}

.ArticleList ul li{
	list-style-type: disc;
	list-style-position: inside;
}

/* Liten artikel
---------------------------------------*/

.ArticleStub {
	width: 210px;
	height: 140px;
	padding: 10px;
	padding-bottom: 20px;
	float: left;
	display: block!important;
	display: inline;
}

#Content .ArticleStub.ActiveStub {
	border: 1px solid #99ABBE;
	border-bottom: 0px;
	background-color: #ffffff;
	z-index: 7000;
	position: relative;
}

.ArticleStub .ThumbContainer{
	width: 45%;
	margin-right: 10px;
	height: 100%;
	float: left;
	vertical-align: text-bottom; 
}

.ArticleStub .ArticleStubContent{
	float: right;
	height: 110px;
	width:50%;
}

.ArticleStub h5{
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
}

.ArticleStub p{
	margin-bottom: 0;
	line-height: 12px; 
}

.ArticleStub .BlueBtn{
	font-size: 9px;
	font-weight: bold;
	height: 17px;
	width: 70px;
	padding-left: 0;
	padding-right: 0;
}

.ArticleStub .Price{
	margin-bottom: 3px;
}

.ArticleStub .Price .UPrice{
	font-weight: bold;
}

.RedAccordion .ArticleStub .BlueBtn,
#StubClone .BlueBtn{
	margin-right: 25px;
}

#StubClone.SmallArticles .BlueBtn{
	margin-right: 0px;
}

/* Liten liten artikel (används i small haccordion)
---------------------------------------*/

.SmallArticles .ArticleStub {
	width: 179px; /* 140 179 */
	height: 75px;
	padding: 5px;
	padding-bottom: 10px;
	float: left;
	display: block!important;
	display: inline;
	font-size: 10px;
	margin-right: 10px;
}

.SmallArticles .ArticleStub .ThumbContainer{
	width: 30%;
	margin-right: 5px;
	height: 100%;
	float: left;
	vertical-align: text-bottom; 
}

.SmallArticles .ArticleStub .ThumbContainer img{
	width: 50px;
}


.SmallArticles .ArticleStub .ArticleStubContent{
	float: left;
	height: 47px!important;
	height: 40px;
	overflow: hidden;
	width: 67%; /* 50% 67% */
}

.SmallArticles .ArticleStub h5{
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;
}

.SmallArticles .ArticleStub p{
	margin-bottom: 0;
}

.SmallArticles .ArticleStub .BlueBtn{
	font-size: 9px;
	font-weight: bold;
	height: 17px;
	width: 70px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 2px;
	position: relative;
	left: -50px;
}

.SmallArticles .ArticleStub .Price{
	margin-bottom: 3px;
}

.SmallArticles .ArticleStub .Price .UPrice{
	font-weight: bold;
}

/* Liten Artikel - främst i checkout. */

.ArtikelSmall {
	margin-top: 10px; 
	background-image: url(/styles/images/divider.gif); 
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

.ArtikelSmall .Amount{
	float: left; 
	font-weight: bold; 
	font-size: 14px; 
	margin-right: 10px;
}

.ArtikelSmall .ArtikelSmallInfo {
	float: left; 
	line-height: 15px;
}

.ArtikelSmall .ArtikelSmallInfo .BookTitle{ 
	font-weight: bold; 
	font-size: 14px;
	width: 650px; 
}

.ArtikelSmall .ArtikelSmallInfo .BookTitle .Writer{ 
	font-weight: normal; 
}

.ArtikelSmall .ArtikelSmallInfo .ShortInfo{ 
	display: block; 
}

.ArtikelSmall.UnReleased .ArtikelSmallInfo .ShortInfo .DeliveryDate{ 
	color: #A91B2A; 
}

.ArtikelSmall.UnReleased .ArtikelSmallInfo .ShortInfo .DeliveryDate.Plus{ 
	display:inline; 
}

.ArtikelSmall .ArtikelSmallInfo .ShortInfo .DeliveryDate.Plus{ 
	display: none; 
}

.ArtikelSmall .ArtikelSmallInfo .Notis{ 
	display: block;
}

.ArtikelSmall .FloatRight{
	overflow: visible;
	line-height: 13px;
}

.ArtikelSmall .FloatRight .aPrice{
	color: #66809d; 
	font-size: 13px; 
	margin-right: 20px;
}

.ArtikelSmall .FloatRight .Price{
	font-size: 13px;
}

.ArtikelSmall .FloatRight .Daily{
	text-align: right;
	margin-top: 6px;
	font-size: 13px;
}

.ArtikelSmall .FloatRight input{
	margin-right: 10px;
}

.ArtikelSmall .FloatRight label{
	line-height: 16px;
}

.ArtikelSmall.NoDivider{
	background-image: none;
}


/*Kundtjänst mm.-"grid"*/

#LeftContent {
	width: 690px;
	margin-right: 20px;
	padding-top: 20px;
	float: left;
	overflow: hidden;
}

#RightContent {
	width: 230px;
	float: left;
	margin-left: 10px;
}

/*Formulärfält till höger*/
.Kundtjanst #RightContent #OrderHistorySearch {
	width: 230px;
	height: 75px;
	padding-top: 25px;
	background-color: #d8dee5;
	margin-bottom: 30px;
}

.Kundtjanst #RightContent #OrderHistorySearch h2{
	font-weight: normal;
	font-size: 12px;
	display: block;
	margin-left: 8px;
	margin-bottom: 3px;
}

.Kundtjanst #RightContent #OrderHistorySearch p{
	margin-left: 8px;
}

.Kundtjanst #RightContent #OrderHistorySearch .OrderSearchField{
	margin-left: 8px;
	margin-bottom: 5px;
	height: 12px;
	float: left;
}

#RightContent #OrderHistorySearch .SearchOrderButton{
	margin-left: 10px;
}

#RightContent #ServiceContact label 
{
	display:block;
}

#RightContent #ServiceContact select{
	width: 208px;
	margin-bottom: 5px;
}

#RightContent #ServiceContact div.SubjectSelectorWrapper {
	margin-bottom: 10px;
}

#RightContent #ServiceContact input.ContactOther {
	display: none;
}

#RightContent #ServiceContact input.ContactOtherVisible {
	display: block;
}

#RightContent #ServiceContact textarea{
	width: 200px;
	margin-bottom: 5px;
}

#RightContent #ServiceContact .InputRounded{
	width: 200px;
}

#RightContent #ServiceContact .SubmitCustomerServiceForm{
	margin-top: 5px;
	margin-bottom: 10px;
}

#RightContent #ServiceContact h6{
	font-weight: bold;
}

/*Tabs Kundtjänst*/

.Kundtjanst .TabContainer p{
	width: 400px;
	font-size: 11px;
}

.Kundtjanst .TabContainer h1,
.Kundtjanst .TabContainer h2,
.Kundtjanst .TabContainer h3 {
	margin-bottom: 10px;
}

/* added by FF 2010-04-09 */
.Kundtjanst .TabContainer table{
	width: 250px;  
}

/* added by FF 2010-04-09 */
.Kundtjanst .TabContainer table tr td{
	padding: 20px; 
	vertical-align: top;
}

/* added by FF 2010-04-09 */
.Kundtjanst .TabContainer.Searchtip table{
	width: 400px; 
}

/* added by FF 2010-04-09 */
.Kundtjanst .TabContainer.Searchtip table tr td{
	padding: 20px;
	vertical-align: top; 
}

.Kundtjanst .TabContainer .Indent{
	margin-right: 240px;
	margin-left: 20px;
}

.Kundtjanst .TabContainer .Divider{
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
	width: 100%;
	height: 1px;
	background-image: url(/styles/images/divider.gif);
	background-repeat: no-repeat;
}

.Kundtjanst img.FloatLeft {
	margin-right: 30px;
	margin-bottom: 30px;
}

.Kundtjanst img.FloatRight {
	margin-left: 30px;
	margin-bottom: 30px;
}

.Kundtjanst .Guide p {
	width: 630px; /* inherit does not work in ie */
}

/* Faq */

.Kundtjanst .Faq .Questions {
	margin-left: 20px;
	width: 400px;
}

.Kundtjanst .Faq .Question {
	font-weight: bold;
	cursor: pointer;
	padding-top: 2px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-top: 10px;
	background-image: url(/styles/images/arrow_left_flat.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;  /*added by FF 2010-04-09 */
	float: none;   /*added by FF 2010-04-09 */
	width: auto;   /*added by FF 2010-04-09 */
	height: auto; /* added by Malin to fix faq-bug in ie6 */
}

.Kundtjanst .Faq .Question.Active {
	background-image: url(/styles/images/arrow_down_flat.png); 
	background-position: left 3px; 
}

.Kundtjanst .Faq .Answer {
	width: 400px;
	padding-right: 200px;
	padding-bottom: 20px;
	margin-left: 15px;
	margin-bottom: 15px;
	background-image: url(/styles/images/divider.gif);
	background-repeat: no-repeat;
	background-position: -20px 100%;
	
}

/*Om BTJ, Vara tjanster*/

.InfoPage #LeftContent p{
	width: 450px;
}

.InfoPage #LeftContent img{
	float: right;
	clear: right;
}

.InfoPage #ServiceContact{
	margin-top: 30px;
}


/*Mina sidor*/

/* Mina sidor - Installningar  (till största delen olika formulär, stylingen finns bland form-stylingen)
-----------------------------------*/

.MinaSidor .Installningar fieldset.BigForm,
.MinaSidor .TabContainer h3 {
	margin-left: 30px;
}

.MinaSidor .Installningar h3 {
	margin-left: 30px; 
	float: left; 
	clear: left;
}

.MinaSidor .Installningar .BlueBtn.FloatRight{
	margin-right: 53px; 
}

/* Added by Malin for correct position of validation error messages */
.MinaSidor .Installningar .ValidationSummary
{
	clear: left;
	margin-left: 30px;
}


/*Kontakt med mig*/


.MinaSidor .Installningar .BlueBox.Whole fieldset.MailContact{
	width: auto;
	margin-left: 0px;
	padding: 0 0 10px 0;
	background-image: url(/styles/images/divider_bluebox.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 10px;
}

.MinaSidor .Installningar .BlueBox.Whole fieldset.MailContact .Mail{
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 6px;
}

.MinaSidor .Installningar .BlueBox.Whole fieldset.MailContact ul li{
	display: inline;
	margin-right: 15px;
}

.MinaSidor .Installningar .BlueBox.Whole .InputRounded{
	width: 300px;
	/* margin-top: 10px; removed by malin, did not look good with label for textarea in "Kontakta Kundtjanst" form */
}

.MinaSidor .Installningar .BlueBox.Whole .BlueBtn,
.MinaSidor .Installningar .BlueBox.Whole .RedBtn{
	float: right;
	margin-top: 10px;
}

/* Mina sidor - Order 
-----------------------------------*/

.MinaSidor .BigTabs .TabContainer.Order {
	padding: 30px;
	width: 928px;
}

.MinaSidor .Order .ClientNo { 
	width: 200px;
}

.MinaSidor .Order .OrderValue {
	font-size: 14px; 
	margin-right: 0px; 
}

.MinaSidor .Order .OrderValue input{ 
	font-size: 10px; 
}

.MinaSidor .Order .OrderValue .Sum{ 
	font-size: 18px; 
	color: #b11937; 
}

.MinaSidor .Order .OrderValue button{ 
	margin-left: 10px;
}

.MinaSidor .Order .OrderSearch .InputRounded{ 
	margin-right: 10px; 
}

.MinaSidor .Order .OrderSearch select{ 
	margin-right: 10px;
	display: block; /* Added by Malin@BTJ for linebreak after the select's label*/
}

.MinaSidor .Order .BlueBox.OrderSearch {
	background:none repeat scroll 0 0 #F0F2F5;
	margin:0 -30px 0 -29px;
	padding:5px 10px 5px 20px;
	width:100%;
}

.MinaSidor .Order .BlueBox.OrderSearch .Kundnummer{
	margin-bottom: 15px;
	margin-left: 5px;
}

.MinaSidor .Order .BlueBox.OrderSearch .Kundnummer input{
	margin-left: 10px;
}

.MinaSidor .Order .BlueBox.OrderSearch .SearchOrderHistoryBtn{
	margin-top: 15px;
}

.MinaSidor .Order .Divider {
	margin:0px;
	width: 100%;
	height: 1px;
	background-image: url(/styles/images/divider.gif);
	background-repeat: no-repeat;
	background-position: top center;
	clear: both;
	font-size: 1px;
	overflow: hidden;
}

.MinaSidor .Order .TopDivider 
{
	margin-top: 25px; /* Added by Malin@BTJ for some space above pagination*/
}



.MinaSidor .Order h3 {
	font-size: 14px;
	font-weight: normal;
	margin-top: 10px;
	margin-left: 0px;
}

ul#KundnrList {

padding-bottom: 20px;
}

#KundnrList li{

display: inline-block;
margin: 0 10px 5px 0;
width: 85px;

}

.OkKundNr{

position: absolute;
right: 5px;
bottom: 5px;

}


#KundnrList li input{

margin-right: 3px;

}

/*Ordersök sortering*/

.OrderSearchResult {
	overflow: hidden;
	margin-left: -29px;
	height: 16px;
	padding: 7px 7px 16px 30px;
	background-image: url(/styles/images/bg_top_shadow.png)!important;
	background-image: url(/styles/images/bg_top_shadow_nopng.png);
	background-repeat: no-repeat;
	background-position: -60px 26px; 
	background-color: #fff;
}

.OrderSearchResult h6{
	font-weight: bold;
	display: inline;
}

.OrderSearchResult a{
	text-decoration: none;
}

.OrderSearchResult a.Current{
	text-decoration: underline;
	font-weight: bold;
	padding-right: 10px;
	background-image: url(/styles/images/arrow_down.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.OrderSearchResult li a.Selected{
	padding-right: 15px;
	background-image: url(/styles/images/arrow_down_flat.png);
	background-repeat: no-repeat;
	background-position: center right;
	font-weight: bold;
	text-decoration: underline;
}

.OrderSearchResult div{
	float: left;
}

.OrderSearchResult .SortList{
	float: right;
}

.OrderSearchResult .ResultAmount{
}

.OrderSearchResult ul{
	display: inline;
}

.OrderSearchResult ul li{
	display: inline;
	font-size: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

.OrderSearchResult a.Selected{
	font-weight: bold;
	text-decoration: underline;
}

/*Slut Ordersök sortering*/

.MinaSidor .OrderSearchPost { 
	margin-top: 10px; 
	margin-left: 10px; 
	margin-right: 20px;
	padding: 5px; 
	position: relative;
	zoom: 1;
}

.MinaSidor .OrderSearchPost:hover { 
	background-color: #f3f5f7;
	margin-top: 10px; 
	margin-left: 10px; 
	margin-right: 20px;
	padding: 5px; 
	position: relative;
}

.MinaSidor .OrderSearchPost.Odd {
	background-color: #f3f5f7; 
}

.MinaSidor .OrderSearchPost .AnullmentBtn {
	position: absolute; 
	right: 5px; 
	bottom: 5px;
}

.MinaSidor .OrderSearchPost .Title{
	font-size: 14px;
	line-height: 15px;
	display: block;
	font-weight: normal;
	width: 650px; /* Added by malin@btj for long article titles  */
	float: left;
}

.MinaSidor .OrderSearchPost .PublicationDate,
.MinaSidor .OrderSearchPost .StatusDeliveredWithEventCode
{
	color: #b11937; /* Added by Malin@BTJ */
}

.MinaSidor .OrderSearchPost .OrderPrice{
	font-size: 14px;
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 100;
	line-height: 15px;
}

.MinaSidor .OrderSearchPost .OrderSearchPostRow{
	display: block;
	margin-top: 0px;
	padding-right: 100px;
	line-height: 15px;
	width: 650px;
}

.MinaSidor .OrderSearchPost .OrderInfo{
	font-size: 12px;
	font-weight: bold;
}

.MinaSidor .OrderSearchPost .DeliveryStatus,
.MinaSidor .OrderSearchPost .DeliveryStatus a{
	color: #b11937;
}

.MinaSidor .OrderSearchPost.Delivered .DeliveryStatus,
.MinaSidor .OrderSearchPost.Delivered .DeliveryStatus a
{
	color: #002C5C;
}

.MinaSidor div.orderStatistics {
	background:none repeat scroll 0 0 transparent;
	margin:-10px -1px 0px -29px;
	padding:0 30px 5px;
}

.MinaSidor p.orderStatisticsDetails {
	margin-bottom: 0;
	margin-top: 10px;
}

.MinaSidor div.orderStatistics h3 {
	margin: 0 0 3px 0;
}

.MinaSidor div.orderStatistics span.data {
	font-size: 12px;
	font-weight: bold;
}

/*Mina sidor - bevakingar*/

.MinaSidor .Tabs {
	overflow: hidden;
	width: 960px;
}

.MinaSidor .BigTabs .TabContainer.Bevakningar {
	padding: 30px;
	padding-right: 0px;
	width: 930px;
}

.MinaSidor .Bevakningar .Divider {
	margin-bottom:10px;
	width: 100%;
	height: 1px;
	background-image: url(/styles/images/divider.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.MinaSidor .Bevakningar .BlueBox {
	width: 200px;
}

.MinaSidor .Bevakningar .FloatLeft {
	width: 207px;
	height: 240px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-right: 10px;
}

.MinaSidor .Bevakningar label{
	display: block;
	font-size: 12px;
	margin-left: 0px;
	margin-top: 10px;
}

.MinaSidor .Bevakningar .CheckList label{
	display: inline;
}

.MinaSidor .Bevakningar .InputRounded{
	width: 170px;
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 10px;
}

.MinaSidor .Bevakningar select{
	width: 180px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
}

.MinaSidor .Bevakningar .Checkbox {
	color: inherit;
}

.MinaSidor .Bevakningar .BlueBtn.FloatRight {
	margin-left: 10px;
}

.MinaSidor .Installningar .Divider {
	margin:0 0 30px 0;
	width: 100%;
	height: 1px;
	background-image: url(/styles/images/divider.gif);
	background-repeat: no-repeat;
	background-position: top center;
	clear: both;
	font-size: 1px;
	overflow: hidden;
}

.MinaSidor .Installningar select {
	margin: 0 0 5px 0;
	/* margin: 10px 0 10px 30px; replaced by line above by malin @ btj*/
	clear: left;
	/* float: left;  removed by malin@btj for linebreak after select */
	width: 170px; /* added by malin@btj */
}

.MinaSidor .ReqInfo{
	float: right; 
	position: relative; 
	top: -12px; 
	right: 85px; 
	font-size: 11px;
	padding-left: 10px;
	background-image:url("images/obligatorisk.gif");
	background-position:left top;
	background-repeat:no-repeat;
}



/*PopUpBubblor
-------------------*/

.PopUpContent strong{
	font-weight: bold;
	display: block;
}

.PopUpContent p.AddedToCartBy{
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
}

.PopUpContent strong{
	font-weight: bold;
	display: block;
	line-height:120%;
}

.PopUpContent ul{
	line-height:120%;
}

.PopUpContent.MoveCart {
	font-size: 12px;
	line-height: 13px;
}

.PopUpContent.MoveCart h5{
	float: left;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}

.PopUpContent.MoveCart h6{
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
	margin-bottom: 5px;
}

.PopUpContent.MoveCart select{
	display: inline;
	vertical-align: middle;
	clear: left;
	float: left;
}

.PopUpContent.MoveCart .Btns{
	float: right;
}

.PopUpContent.MoveCart .BlueBtn{
	margin-right: 10px;
}

.PopUpContent.MoveCart select.CartSelect{
	width: 150px;
	margin-left: 30px;
}

.PopUpContent.MoveCart .Divider{
	width: 370px;
	height: 1px;
	background-repeat: no-repeat;
	background-image: url(/styles/images/divider_small.gif);
	background-position: center;
	clear: both;
	margin: 10px 0 10px 0;
}

.PopUpBubbleTest {
	background-image: url(/styles/images/bg_popup_incart.png);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 3px 3px 5px #888;
	-moz-box-shadow: 3px 3px 5px #888;
	border:1px solid #99abbe;
	padding: 10px;
}



/*Karusell (Slider)
----------------------------*/

.Carousell { 
	width: 100%; 
}

/* Viewport
----------------------*/

.CarousellView{
	overflow:hidden;
	background-color:none;
	width: 790px;
	height:100%;
	float: left;
}

/* Det man ser i karusellen, fast bredd på 5000px, helt ok att utöka efter behov
---------------------------------------------------------------------------------*/

.CarousellView ul{ 
	width: 5000px; 
}

.CarousellView li{ 
	display: inline; 
}

/* Föregående- och Nästaknappar*/
.NextCarousell, .PrevCarousell{
	cursor:pointer;
	float: left;
	width: 40px;
	height: 94px;
	background-repeat: no-repeat;
}

.NextCarousell {
	background-image: url(/styles/images/prevnextcarousel.gif);
	background-position: right center;
}

.PrevCarousell {
	background-image: url(/styles/images/prevnextcarousel.gif);
	background-position: left center;
}

/* Artiklar i karusellen*/

.CarousellItem{ 
	float: left; 
}

.CarousellItem li{ 
	display: inline;
}

.CarousellItem ul { 
	width: auto; 
}

.CarousellItem ul li{ 
	display: inline; 
}

/*Haccordion
----------------------------------------------------------------------*/

.HaccContainer { 
	margin: 0 auto; 
	width: 100%;
}

/*En .section innehåller en label och en content*/

.HaccContainer .section { 
	background: #fff; 
	height: 100%; 
}

/*label är "ryggen på boken"*/

.HaccContainer .section .label { 
	background: none; 
	height: 100%; 
	overflow: hidden;
}

/*innehållet i varie sektion*/

.HaccContainer .section .content { 
	padding: 0px; 
	height: 100%;
	overflow: hidden;
}

/*.section_S_ innehåller alla sectionerna*/

.HaccContainer .sections { 
	height: 100%;
}

/*Big Accordion (stor haccordion, framsida)
-------------------*/

.HaccContainer.BigHacc { 
	height: 256px; 
	overflow: hidden;
}

.HaccContainer.BigHacc .label{ 
	width: 22px; 
}

/*Full Accordion (standardaccordion för artiklar, merförsäljning mm. 95px hög, full bredd (960px))
-------------------*/

.HaccContainer.FullAccordion {
	height: 95px; 
	overflow: hidden;
	border:1px solid #99abbe;
}

.HaccContainer.FullAccordion .label{ 
	width: 22px; 
}

.HaccContainer.FullAccordion .section{
	background-image: url(/styles/images/bg_full_hacc.gif);
	height: 95px;
}

.HaccContainer.FullAccordion .ArticleStub {
	margin-top: 0px;
}

/*Campaign Accordion (röd haccordion för kampanjvisning)
----------------------------------------------------------*/

.HaccContainer.RedAccordion {
	height: 182px; 
	overflow: hidden;
	border: none;
	margin-bottom: 30px;
	color: white;
}

.HaccContainer.RedAccordion p { 
	color: white; 
}

.HaccContainer.RedAccordion .label {
	width: 22px; 
	height: 182px;
}

.HaccContainer.RedAccordion .section {
	background-image: none;
	height: 182px;
	background-color: #9a2424;
}

.HaccContainer.RedAccordion .content{ 
	height: 182px; 
}

.HaccContainer.RedAccordion .Carousell {
	width: 680px;
	float: left;
	display: inline;
}

.HaccContainer.RedAccordion .CarousellView {
	overflow:hidden;
	background-color: none;
	width: 630px;
	height:100%;
	float: left;
}

.HaccContainer.RedAccordion .CampaignDescr {
	width: 150px;
	float: left;
	display: inline;
	padding: 10px;
	color: #ffffff;
	line-height: 130%;
}

.HaccContainer.RedAccordion .ArticleStub {
	width: 195px;
	margin-top: 10px;
}

.HaccContainer.RedAccordion .ArticleStub .ArticleStubContent { 
	width: 90px;
}

.HaccContainer.RedAccordion .NextCarousell, 
.HaccContainer.RedAccordion .PrevCarousell{
	width: 20px;
	height: 180px;
} 

.HaccContainer.RedAccordion .NextCarousell {
	background-image: url(/styles/images/prevnextred.gif);
	background-position: right center;
}

.HaccContainer.RedAccordion .PrevCarousell {
	background-image: url(/styles/images/prevnextred.gif);
	background-repeat: no-repeat;
	background-position: left center;
}



input {
	background: none;
	vertical-align: baseline;
}

/* Standard input-fält, med rundade hörn i Firefox och safari */

.InputRounded{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top: 1px solid #a2a2a2;
	border-right: 1px solid #a2a2a2;
	border-left: 1px solid #bfbfbf;
	border-bottom: 1px solid #dddddd;
	padding: 3px;
	color: #acacac;
	background-color: #ffffff;
}

.InputRoundedNoHint{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top: 1px solid #a2a2a2;
	border-right: 1px solid #a2a2a2;
	border-left: 1px solid #bfbfbf;
	border-bottom: 1px solid #dddddd;
	padding: 3px;
	color: #000000;
	background-color: #ffffff;
}

/* Active-class som används av formhint-scriptet för att göra texten svart när man skriver i fältet */

.InputRounded.FormHintActive{ 
	color: #000; 
}

/* Inputfält i utökad sök*/

.ShadowText {
	width: 83px; /* changed from 90 to 83px by malin@btj, date inputs did not fit */
	border:1px solid #eaeaea;
	height: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	color: #ACACAC; /* Changed by Malin@BTJ - lighter grey when hintvalue is shown*/
	font-size: 11px;
	line-height: 12px;
	margin: 0;
	background-image: url(/styles/images/bg_input_range.gif);
	background-repeat: repeat-x;
	background-color: transparent;
}
	
/* Added by Malin@BTJ - black when user types in the textbox (lighter grey when hintvalue is shown) */
.ShadowText.FormHintActive 
{
	color: #000000;
}	
	
/* Added by Malin@BTJ for validation errors in advanced search form (eg wrong date format) */
.FormValidationError 
{
	font-size: 10px;
}

/* Knappar */
	
button[disabled], input[disabled]
{
	cursor: default;
}
	
.BlueBtn {
	background-image: url(/styles/images/bg_bluebutton_fade.gif);
	background-repeat: repeat-x;
	height: 19px;
	color: white;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 11px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #5F7BA1;
	background-color: #0060a3;
	line-height: 19px;
	cursor: pointer; /* added by malin for correct cursor on all buttons */
}

a.BlueBtn,
a.RedBtn,
a.GreyBtn {
	text-decoration: none;
	display: block;
	float: right;
	text-align: center;
}

a.BlueBtn:hover {
	color: #fff;
}

a.RedBtn {
	text-decoration: none;
	display: block;
	float: right;
	text-align: center;
}
	
a.RedBtn:hover {
	color: #fff;
}
	
a.GreyBtn:hover {
	cursor: default;
	color: white;
}
	
.RedBtn {
	background-image: url(/styles/images/bg_redbutton_fade.gif);
	background-repeat: repeat-x;
	height: 19px;
	color: white;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 11px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #ba1437;
	background-color: #bd1337;
	line-height: 19px;
	cursor: pointer; /* added by malin for correct cursor on all buttons */
}

.GreyBtn {
	background-image: url(/styles/images/bg_greybutton_fade.gif);
	background-repeat: repeat-x;
	height: 19px;
	color: white;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 11px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #909090;
	background-color: #909090;
	line-height: 19px;
}


/*
.UpdateCartBtn:hover 
{
	cursor: pointer;
}
*/




/* Fieldset */

fieldset legend{
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	display: block;
}

fieldset label{
	font-size: 10px;
	display: inline;
	margin-left: 6px;
}

fieldset .InputRounded{
	display: block;
}

fieldset td{
	padding-left: 10px;
}

fieldset table{
	margin-left: -10px;
}

/*Checbox-lista*/

.CheckList li {
	margin-bottom: 6px;
}

.CheckList li label{
	vertical-align: top;
}

.CheckList li input{
	margin-right: 5px;
}

/*Obligatorskt fält- sätt class på parent*/

.Required {
	background-image: url(/styles/images/obligatorisk.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

/*Blå boxar*/

.BlueBox {
	background-color: #f3f5f7;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 150%;
	font-size: 10px;
}

.BlueBox p{
	margin-bottom: 0;
	font-size: 10px;
}

.BlueBox .BlueBox{
	background-color: #f3f5f7;
	padding-bottom: 30px;
	padding-left: 0;
	padding-right: 0;
}

/* Blå boxar huvdurubrik */	

.BlueBox h4{
	display: block;
	background-color: #d8dee5;
	font-weight: normal;
	font-size: 12px;
	padding: 6px;
	margin-bottom: 10px;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 0;
}

.BlueBox h5{
	display: block;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 6px;
	margin-top: 6px;
}

/* Wrap för två vid sidan om varandra liggande boxar för att skapa kolumner */		

.Blue2ColWrap {
	background-image: url(/styles/images/faux_columns.gif);
	background-position: right; 
	background-repeat: repeat-y;
	padding: 0;
	width: 450px;
	float:right;
	display: block!important;
	display: inline;
}

.Blue2ColWrap .BlueBox {
	float: right;
	width: 200px;
	margin-left: 5px;
	display: block!important;
	display: inline;
}

.Blue2ColWrap .BlueBox .InputRounded /* Added by Malin@BTJ for styling of newsletter text inputs*/
{
	width: 180px;
	margin-bottom: 5px;
}

/* Bred blå box som spänner över två kolumner */	

.Blue2ColWrap .BlueBox.Whole {
	width: 426px;
}

.Blue2ColWrap .BlueBox.Whole .FloatLeft{
	width: 200px;
	margin-left: 10px;
}

.Blue2ColWrap .BlueBox.Whole .FloatLeft .InputRounded{
	width: 180px;
	margin-bottom: 5px;
}

.Blue2ColWrap .BlueBox.Whole .FloatLeft select{
	width: 190px;
	margin: 0 0 5px 0;
}

/* Formulär , mina sidor och Registrering*/

fieldset.BigForm .InputRounded{
	width: 170px;
	margin-right: 30px;
	margin-bottom: 10px;
}

fieldset.BigForm textarea{
	width: 170px;
	margin-bottom: 10px;
}

fieldset.BigForm select{
	clear: both;
	display: block;
}

fieldset.BigForm {
	float: left;
	margin: 20px 0 0 0;
	width: 400px;
	position: relative;
	clear:left;
}

fieldset.BigForm .BlueBtn{
	position: absolute;
	bottom: -20px;
	right: 0px;
}

fieldset.BigForm.NoFields .BlueBtn{
	position: absolute;
	bottom: 0px;
	right: 0px;
}

fieldset.BigForm.TextAreas label{
	display: block; 
	clear: both;
}

fieldset.BigForm.TextAreas textarea{
	float: left;
	height: 60px;
	width: 390px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top: 1px solid #a2a2a2;
	border-right: 1px solid #a2a2a2;
	border-left: 1px solid #bfbfbf;
	border-bottom: 1px solid #dddddd;
	padding: 3px;
	background-color: #ffffff;
}

.BlueBox .InputRounded{
	margin-bottom: 5px;
}

.BlueBox .CheckList{
	margin-bottom: 20px;
}



/* Introbox, för BTJ-häfte, kampanj mm.
--------------------------------------------------- */

.IntroBox {
	width: 930px;
	padding: 15px;
	padding-bottom: 20px;
	background-color: #d5dae1;
	background-image: url(/styles/images/bg_introbox.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.IntroBox .ImgHolder{
	float: left;
	margin-right: 15px;
}

.IntroBox .IntroBoxContent { 
	float: left; 
}

.IntroBox h1,
.IntroBox h2,
.IntroBox h3,
.IntroBox h4,
.IntroBox h5,
.IntroBox h6{
	font-size: 20px;
	text-transform: uppercase;
	line-height: 20px;
}

.IntroBox p{
	font-size: 12px;
	line-height: 150%;
	width: 490px;
}

.IntroBox select{ 
	margin-right: 20px; 
}

.IntroBox .IntroMore{
	background-color: #fff;
	width: 340px;
	padding: 10px;
	float: right;
	font-size: 12px;
	line-height: 130%;
}

.IntroBox .IntroMore .Hafte, .IntroBox .Hafte p{
	font-size: 10px;
}

.IntroBox .IntroMore .Hafte {
	float: left;
	margin-right: 10px;
	width: 160px;
}

.HafteContent {
	line-height: 1.3em;
	margin: 5px;
}

.IntroBox .SelectWrapper {
	float: left;
}

.IntroBox .SelectWrapper label {
	display: block;
	margin: 0 0 3px 5px;
	font-weight: bold;
}

.IntroBox .IntroMore h1,
.IntroBox .IntroMore h2,
.IntroBox .IntroMore h3,
.IntroBox .IntroMore h4,
.IntroBox .IntroMore h5,
.IntroBox .IntroMore h6,
.IntroBox .IntroMore h7{
	font-size: 14px;
	line-height: 15px;
	font-weight: normal;
	text-transform: none;
	margin-bottom: 10px;
}

.IntroBox .IntroMore img{
	width: 25px;
	float:left;
	border: 1px solid black;
	margin-right: 10px;
}

.IntroBox .IntroMore p{ 
	width: auto; 
}

/* Varianter: */

/* Nyrecencerat */

.Nyrecencerat .IntroBox .ImgHolder{ 
	display: none; 
}

.Nyrecencerat .IntroBox .IntroBoxLink{ 
	display: none;
}

.Nyrecencerat .IntroBox .IntroMore{ 
	display: none; 
}

.Nyrecencerat #Content { 
	padding-top: 20px; 
}

/* Btj-häftet */

.BTJHaftet .IntroBox .ImgHolder{ 
	display: none; 
}

.BTJHaftet .IntroBox .IntroBoxLink{ 
	display: inline; 
}

.BTJHaftet .IntroBox .IntroMore{ 
	display: block; 
}

.BTJHaftet #Content { 
	padding-top: 20px; 
}

.HafteRubbe h3 {
	display: inline;
	font-weight: normal;
	font-size: 16px;
	margin-right: 5px;
}

.HafteRubbe .HafteAmnt {
	margin-right: 5px;
}



/* Loginruta 
---------------------------------*/

#LoginBox {
	display: block;
	width: 270px;
	margin:20px auto auto;
	padding-left: 0!important; 
	padding-left: 5px;
}

#LoginBox .FormSpace
{
	margin-bottom: 5px;
}

.LoginHead{
	display: block;
	width: 270px;
	/*margin-bottom: 20px; removed by malin - it looked bad! */
	font-weight: bold;
	font-size: 12px;
	padding: 0 0 10px;
}

#LoginBox .InputRounded{
	display: block;
	width: 200px;
	margin-bottom: 5px;
	margin-left: 1px;
	font-size: 10px;
	height: 12px;
}

#LoginBox p{ 
	font-size: 10px; 
}

.AutoLogInCheck {
	float: left; 
	margin-top: 10px;
}

.LoginAutoLabel {
	float: left; 
	width:180px;
	text-align: left; 
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 50px;
	line-height: 130%;
}

.LoginErrorMessage 
{
	color: Red;
	margin-bottom: 15px;
}

#LoginBox .FormSubmitButton{
	position: relative;
	left: 110px;
	clear: both;
	margin-top: 5px;
}

#LoginBox legend
{
	width: 270px;
}







/*Registrera  (övrig styling finns bland form-stylingen)
----------------------------------------*/

.Registrera #Content{ 
	padding-top: 30px;
	padding-bottom: 30px; /* added by Malin@BTJ to add some space below Registrera-button */
}

.Registrera .Tabs { 
	width: 690px; 
	margin-left: 0px; 
}

.Registrera .TabContainer { 
	padding-right: 1px; 
	width: 659px; 
}

.Registrera .BlueBox { 
	width: 200px;
}

.Registrera .BlueBox input{ 
	margin-right: 5px; 
}

.Registrera .BlueBox .BlueBtn{ 
	margin-top: 10px; 
	display: block;
}

.Registrera .BlueBox .InputRounded{ 
	width: 180px; 
	margin-bottom: 5px; 
	margin-left: 0px; 
}



.CheckOut .FullAccordion{
	margin-bottom: 30px;  
}

.CheckOut #Content {
	padding-top:30px;
}

/* Kundvagn i box i full bredd
---------------------------------*/


.CheckOut .CartFull {
	width: 893px;
	height: 45px;
	padding: 10px;
	padding-left: 45px;
	padding-right: 20px;
	border: 1px solid #d9dfe6;
	margin-bottom: 0;
	/* margin-left: 20px; deleted by malin*/
	background-color:#FFFFFF;
/* 	background-image:url(/styles/images/bg_top_shadow.png) !important; */
	background-position:center top;
	background-repeat:no-repeat;
}

.CheckOut .CartFull .InputRounded{
	display: none;
	width: 250px;
	position: relative;
	top: 25px;
	right: 150px;
}

.CheckOut .CartFull h2{
	font-size: 16px;
	line-height: 17px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: -30px;
	padding-left: 30px;
	padding-top: 4px;
	margin-bottom: -3px;
	height: 17px;
	background-image: url(/styles/images/cart_medium.gif);
	background-repeat: no-repeat;
}

.CheckOut .CartFull .Amount{
	font-size: 12px;
	line-height: 13px;
	font-style: italic;
	float: left;
	position: relative;
	top: 3px;
}

.CheckOut .CartFull .ListPrice{
	font-size: 12px;
	color: #5F7BA1;
	margin-right: 20px;
}

.CheckOut .CartFull .UPrice,
.CheckOut .RegisterSum li.UPrice{
	color:#A91B2A;
	font-size:18px;
	margin-right: 10px;
}

.CheckOut .CartFullShadow{
	width: 960px;
	height: 20px;
	background-image: url(/styles/images/bg_top_shadow.png);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0;
}

/* .CheckOut0 = Overview of all carts  */
.CheckOut0 .CartFull .FloatRight .CartButton
{
	width: 100px;
 	position: relative;
 	top: -5px;
 	margin-left: 3px;
 	float: right;
	display: block;
}

/* .CheckOut1 = Overview of one cart  */
.CheckOut1 .Confirm{
	display: none;
}


.CheckOut1 .CartFull .FloatRight .ToCheckoutLink
{
	width: 151px;
 	position: relative;
 	top: 4px;
 	float: right;
	display: block;
}

.CheckOut1 .CartFull .FloatRight .ListPrice,
.CheckOut1 .CartFull .FloatRight .UPrice{
	position: relative;
	top: 12px;
}

/* .CheckOut1 = Cart checkout + Receipt page */
.CheckOut2 .ToPay{
	display: none;
}

/* Kundvagn ändrad
---------------------------------------------------*/
.CartChanged {
	width: 893px;
	height: 57px;
	padding: 10px;
	padding-left: 45px;
	padding-right: 20px;
	padding-top: 5px;
	border: 1px solid #d9dfe6;
	margin-bottom: 0;
	/* margin-left: 20px; removed by malin@btj */
	background-color:#FFFFFF;
	background-position:center top;
	background-repeat:no-repeat;
	zoom: 1;
}

.CartChanged p 
{
	 margin-bottom: 0;
}

.CartChangedIntro {
	font-size: 12px;
	width: 600px;
}

.ApproveBtn {
	position: relative;
	top: -20px;
	/*display: inline;*/
}
a.ApproveBtn {
	text-decoration: none;
	color: white;
}

.ApproveBtn:hover {
	cursor: pointer;
	color: white;
}


/* Bread Crumb för checkout 
---------------------------------------------------*/

.CheckOutBreadCrumb {
	display: block;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 10px;
	font-size: 18px;
	color: #66809d;
}

.CheckOutBreadCrumb a{
	color: #66809d;
	text-decoration: none;
}

.CheckOutBreadCrumb li{
	display: inline;
	color: #66809d;
	text-decoration: none;
	margin: 0 5px 0 0;
	zoom: 1;
	line-height: 20px;
}

.CheckOutBreadCrumb .Current{
	font-weight: bold;
}

/*Visar aktuellt steg*/

/* Välj kundvagn 
-----------------------------------------------------*/

.CheckOut0 #SelectCart{
	display: block;
}

.ReloadPopUp h3{
	margin-bottom: 5px;
}

.ReloadPopUp p{
	margin-bottom: 0px;
}

.ReloadPopUp .BlueBtn{
	margin-right: 5px;
	margin-top: 5px;
}



/* Ändra Kundvagn 
-----------------------------------------------------*/

.CheckOut1 #ChangeCart {
	margin-bottom: 30px;
}

.CheckOut1 #ChangeCart,
.CheckOut1 .CheckOutBreadCrumb{
	display: block;
}

.CheckOut1 .FloatRight{
	position: relative;
	top: 3px;
	width: 500px; 
	text-align: right;
}

.CheckOut1 .FloatLeft{
	width: 300px;
}


.CheckOut1 .FloatRight .ToPay{
	position: relative;
	top: 5px;
}

.CheckOut1 .BookStatus {
	display:none;
}

.CheckOut1 .BookStatus.AddedBy {
	display:block;
	background: none;
	width: 600px;
	text-align: left;
	padding-left: 10px;
}

/* Kassan 
-----------------------------------------------------*/

.CheckOut2 .CheckOutBreadCrumb,
.CheckOut2 .CashRegister { 
	display: block;
}


.CheckOut2 .CartFull .InputRounded {
	display: block;
	float: left;
}

.CheckOut2 .CartFull {
	height: 80px;
	 background-image: none!important; /* url(/styles/images/bg_bluetone_right.gif); deleted by malin@btj, no "köp"-knapp in page header */
	background-position: right;
	background-repeat: repeat-y;
}

.CheckOut2 .CartFull .FloatRight{
	display: block;
	width: 200px;
	text-align: right;
	line-height: 30px;
}

.CheckOut2 .CartFull .FloatRight .ListPrice{
	display: none;
}

.CheckOut2 .CartFull .FloatRight .UPrice{
	margin-right: 0;
	margin-bottom: 10px;
}

.CheckOut2 .OrderOversikt {
	margin-left: 30px;
}

.CheckOut .RegisterHead{
	color: #66809d;
	font-size: 12px;
	font-weight: normal;
	display: inline; 
}

/* Kvitto 
-----------------------------------------------------*/

.CheckOut2 .CheckOutBreadCrumb
{
	display: block;
}

.Receipt .ThankYou{
	padding: 10px; 
	padding-right: 300px; 
	font-size: 12px; 
	background-color: #f0f2f5; 
	line-height: 150%;
}

/*Summering kassa & Kvitto 
-----------------------------------------------------*/

.CheckOut .RegisterSum{
	background-image: url(/styles/images/bg_bluetone_right.gif);
	background-position: right;
	background-repeat: repeat-y; 
	border: 1px solid #d9dfe6;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	font-size: 12px;
	line-height: 130%;
}

.Receipt .RegisterSum{
	border: none;
	padding-left: 0;
 }

.CheckOut .RegisterSum .CheckList li{ 
	margin: 0; 
}

.CheckOut .RegisterSum .CheckList { 
	margin-bottom: 10px;
}

.CheckOut .RegisterSum .SumButton {
	float: right;
	text-align: right;
	width: 200px;
}

.CheckOut .RegisterSum .SumButton .ApproveTerms {
	text-align: left; 
	margin-top: 20px; 
	width: 100px; 
	margin-left: 90px;
}

.CheckOut .RegisterSum .SumButton .ApproveTerms input{ 
	margin-right: 5px; 
}

.CheckOut .RegisterSum .SummaryList li{
	font-weight: bold;
	text-align: right;
	line-height: 150%;
	font-size: 12px;	
}

.CheckOut .RegisterSum .SummaryList li.UPrice{
	font-weight: normal;
	text-align: right;
	margin-right:0px;
	margin-top: 10px;
	font-size: 18px;
}

.CheckOut .RegisterSum .CheckOutBtn{
	margin-top: 10px;
}

/* Ändra adress och mail 
------------------------------------------*/

.CheckOut .ChangeLink{
	color: #66809d;
	font-size: 10px;
}

.CheckOut .RegisterSum .ChangeOrder{
	width: 630px; 
	margin-left: -60px; 
	padding-left: 60px; 
	padding-top: 10px;
	padding-bottom: 10px;
}

.CheckOut .RegisterSum .ChangeOrder .FloatBreak{ 
	clear: left; 
}

.CheckOut .RegisterSum .ChangeOrder .StandardAdress {
	float: left;
	width:190px;
	font-size:11px;
	display: none;
}

.CheckOut .RegisterSum .ChangeOrder .StandardAdress h4,
.CheckOut .RegisterSum .ChangeOrder .StandardAdress h1,
.CheckOut .RegisterSum .ChangeOrder .StandardAdress h2,
.CheckOut .RegisterSum .ChangeOrder .StandardAdress h3{
	font-weight: bold;
	font-size:11px;
}

.CheckOut .RegisterSum .ChangeOrder .AlternateAdress {
	float: left;
	width:380px;
	width: 300px;
	font-size:11px;
	display: none;
}

.CheckOut .RegisterSum .ChangeOrder .AlternateAdress legend{
	font-weight: bold;
	font-size:11px;
	margin-bottom: 5px;
}

.CheckOut .RegisterSum .ChangeOrder .AlternateMail .InputRoundedNoHint{
	width: 300px;
	display: none;
}

.CheckOut .RegisterSum .ChangeOrder .AlternateMail .AlternateMailButton
{
	display: none;
	position: relative;
	top: 4px;
}

.CheckOut .RegisterSum .ChangeOrder.Change .AlternateMail .InputRoundedNoHint,
.CheckOut .RegisterSum .ChangeOrder.Change .AlternateMail .AlternateMailButton
{
	display: inline;
}

.CheckOut .RegisterSum .ChangeOrder.Change {
	background-color: #f0f2f5;
	display: none;
}

.CheckOut .RegisterSum .ChangeOrder.Change .ChangeLink{ visibility: hidden; }

.CheckOut .RegisterSum .ChangeOrder.Change .CurrentAddress,
.RegisterSum .ChangeOrder.Change .CurrentMail{ 
	display: none; 
}

.CheckOut .RegisterSum .ChangeOrder.Change .StandardAdress, 
.CheckOut .RegisterSum .ChangeOrder.Change .AlternateAdress,
.CheckOut .RegisterSum .ChangeOrder.Change .AlternateMail{
	display: block!important;
	/*display: inline; */
}


/*Pagination */


ul#Pagination {

margin: 0px auto 0px auto;
display: block;
text-align: center;
padding: 0;

}

ul#Pagination li{

display: inline-block;
/* float: left; */

/* margin-right: 5px; */

}

ul#Pagination li a{

text-decoration: none;
display: inline-block;
padding: 5px;

}

ul#Pagination li a:hover{

text-decoration: none;
/* display: block; */
padding: 5px;
background-image: none;
background-color: #97acbe;
color: white;

}

ul#Pagination li.Inactive{

padding: 5px;
color: #97acbe;

}

ul#Pagination li.Current{
padding: 5px;
background-color: #002c5c;
color: white;
font-weight: bold;

}