﻿
/* CSS for Barn og Leker website. */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
  margin: 0;
  padding: 0; 
  border: 0;
  font-weight: inherit;
  font-style: inherit; 
  font-size: 100%;
  font-family: inherit; 
}

body
{
	background-color: #ffffff;
	font-family: Verdana, Sans-Serif;
	font-size: 11px;
} 
 
h1 { font-size:20px; color:#484848; font-weight:normal; margin-bottom:10px; }
h2 { font-size:18px; color:#484848; font-weight:normal; margin-bottom:10px; }
h3 { font-size:14px; font-weight:bold; color:#484848; margin-bottom:10px; }
h4 { margin-bottom:10px; }

a {color:#484848;color:#484848}

select
{
	font-size: 11px;
	font-family: inherit;
    background-color: #ffffff;
    padding: 1px;
    border: solid 1px #59B1D5;
}

input.button
{
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;   
    background-color: #59b1d5;
    border: 1px solid #ffffff;
    padding: 2px;
    cursor:pointer;
}

input.textbox, textarea.textbox
{
    font-size: 11px;
    color: #000000;
    background-color: #ffffff;
    border: solid 1px #59B1D5;
    padding: 1px;
}

.wrapper
{
	text-align:left;
	margin: 0px 0px 0px 10px;
	overflow:hidden;
}

.main
{
    width: 978px !important;
    background-color: #ffffff;
    padding: 0px;
    margin: 0px;
    clear: both;
    display: block;
    overflow: hidden;
    border-left: 1px solid #8cd7f4;
    border-right: 1px solid #8cd7f4;
}

.read
{
    width: 780px !important;
    display: block;
    overflow: hidden;
}

.red { color: Red; }




/* Header, start, org farge #de3129 */

.header
{
    width: 980px !important;
	height: 93px;
    background-color: #5A97C6;
    padding: 0px;
    margin: 0px;
    clear:both;
    display: block;
    overflow: hidden;
}

.header .top
{
    width: 980px !important;
    height: 63px;
    clear: both;
    display: block;
    overflow: hidden;
}

.header .top .image
{
    width: 620px !important;
    margin: 6px;
    float: left;
}

.header .top .links { float: right; padding: 3px; }
.header .top .links .left { float: left; margin: 0px 5px 0px 5px; }
.header .top .links .right { float: right; margin: 0px 5px 0px 5px; }

.header .top .links a
{
    background-color: transparent;
    color: #ffffff;
    text-decoration:none;
    font-weight: bold;
}

.header .navigation
{
    width: 980px !important;
    height: 30px;
    color: #ffffff;
    background-color: #8cd7f4;
    clear: both;
    display: block;
    overflow: hidden;
    vertical-align: middle;
}

.header .navigation a
{
    top: 8px;
    position:relative;
    background-color: transparent;
    color: #3F4291;
    text-decoration:none;
    font-weight: bold;
    margin: 10px 0px 0px 10px;
    padding: 5px;
}

.header .navigation a:hover { color: #ffffff; }
.header .navigation a.yellow { color: yellow; }

/* Header, end */



.content_big
{
    width: 790px !important;
    height: 100%;
    background-color: #ffffff;
    display: block;
    float: left;
    overflow: hidden;
    padding: 5px 5px 5px 5px;
    margin: 10px 10px 10px 10px;
}

.content_small
{
    width: 622px !important;
    height: 100%;
    background-color: #ffffff;
    display: block;
    float: left;
    overflow: hidden;
    padding: 5px 5px 5px 5px;
    margin: 10px 10px 10px 10px;
}

.footer
{
    width: 980px !important;
    height: 20px;
    background-color: #59b1d5;
    color: #3F4291;
    text-align: center;
    padding: 5px 0px 0px 0px;
    margin: 0px;
    clear: both;
    display:block;
    overflow: hidden;
}



/* Left column - the tree menu, start */

.leftcolumn
{
    width: 168px !important;
    height: 100%;
    background-color: #ffffff;
    float: left;
    display: block;
    overflow: hidden;
    margin: 10px 0px 10px 0px;
}

.leftcolumn .menuContainer { margin-left:12px; }
.leftcolumn .menuContainer ul { list-style: none; }
.leftcolumn .menuContainer a { text-decoration:none; font-weight:normal; color: #3F4291; }
.leftcolumn .menuContainer a:hover { text-decoration: none; color: #ffffff; }

.leftcolumn .menuContainer .nodelevel0 ul { padding-top:10px; }
.leftcolumn .menuContainer .nodelevel1 ul, .nodelevel2 ul { padding-top:0px; }

.leftcolumn .menuContainer .nodelevel0
{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 150px;
	line-height: 24px;
	vertical-align: middle;
	margin: 10px 0 10px 0px;
	padding-bottom: 10px;
    background-color: #8cd7f4;
}

.leftcolumn .menuContainer .nodelevel1
{
    line-height: 12px; 
	font-size: 11px;
	margin-left: 15px;
	padding-bottom: 4px;
	text-align:left;
    font-weight: normal;
    margin-bottom: 2px;
}

.leftcolumn .menuContainer .nodelevel2
{
    line-height: 12px;
	font-size: 11px;
	margin-left: 20px;
	padding-top: 2px;
	text-align:left;
	font-weight: normal;
}

.leftcolumn .menuContainer .nodelevel0 a { font-weight: bold;}
.leftcolumn .menuContainer .nodelevel1 a, .leftcolumn .menuContainer .nodelevel2 a { font-weight: normal;}
.leftcolumn .menuContainer .selected a { font-weight:bold; }

/* Leftcolumn, end */



/* Rightcolumn - spots, start */

.rightcolumn
{
    width: 148px !important;
    height: 100%;
    background-color: #ffffff;
    float: right;
    display: block;
    overflow: hidden;
    margin: 10px 10px 10px 0px;
}

.rightcolumn .spot
{
	width: 148px;
	background-color: #8cd7f4;
	margin: 10px 0px 20px 0px;
	text-align: center;
	color: #3F4291;
}

.rightcolumn .spot .image { padding: 3px 0px 3px 0px; }

/* Rightcolumn, end */



/* Product search user control, start */

.productSearch { padding: 2px; text-align: center; }
.productSearch div { margin: 2px; }
.productSearch .productSearchLabel span { font-weight: bold; }
.productSearch .productSearchTextBox input.textbox { width: 100px; }

/* Product search user control, end */



/* Basket user control, start */

.basket { padding: 2px; text-align: center; }
.basket div { margin: 2px; }
.basket .basketLabel span { font-weight: bold; }

/* Basket user control, end */



/* Email signup user control, start */

.emailSignUp { padding: 2px; text-align: center; }
.emailSignUp div { margin: 2px; }
.emailSignUp .emailSignUpLabel span { font-weight: bold; }
.emailSignUp .emailSignUpTextBox input.textbox { width: 100px; }
.emailSignUp .emailSignUpRbList table { clear:both; margin-left:6px; padding-top: 2px; }
.emailSignUp .emailSignUpRbList table td { padding-left: 3px; }

/* Email signup user control, end */



/* Login user control, start */

.login { padding: 2px; text-align: center; }
.login div { margin: 2px; }
.login .loginLabel span { font-weight: bold; }
.login .loginTextBox input.textbox { width: 100px; }

/* Login user control, end */



/* Product list, start */

.deptdesc {	margin-left:10px; }

.productlist
{
    width: 621px !important;
    display: block;
    overflow: hidden;
}

.productlist .pagingandsorting { display: block; clear: both; height: 32px; }
.productlist .sorting { height: 30px; float: left; }
.productlist .sorting .nav li { background-color: #8cd7f4; }
.productlist .sorting .nav li li { background-color: #ffffff; }
.productlist .paging { float:right; margin-top: 5px; }
.productlist .paging .currentPage a { font-weight:bold; text-decoration: none; cursor: default; }
.productlist .paging .otherPage a { text-decoration:none; }
.articlelist { margin-left: 10px; margin-top: 20px; }
.articlelist table { width:100%; }
.articlelist table td { float:left; width: 200px; overflow:hidden; }

.articlelist .article
{
	width: 170px;
	border: 1px solid #E4E0DB;
	padding: 3px;
	margin: 5px;
	text-align: center;
}

.articlelist .article .image
{
    height: 154px;
    width: 154px;
    padding: 2px;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
	position:relative;
	margin-left: 6px;
	margin-top: 4px;
}

.articlelist .article .image img { height: 150px; width: 150px }

.articlelist .article .info
{ 
	padding: 2px;
    height: 92px;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
	position:relative;
}

.articlelist .article .name { font-weight: bold; }
.articlelist .article .description { margin-bottom: 8px; }
.articlelist .article .price { font-weight:bold; }
.articlelist .article .oldprice { color: DarkGray; }

/* Product list, end */



/* Product, start*/

.product
{
    width: 621px !important;
    display: block;
    overflow: hidden;
    margin: 5px;
}

.product .left_container
{
    width: 240px;
    float: left;
}

.product .right_container
{
    width: 380px;
    float: right;
}

.product .right_container .description { margin-bottom: 8px; }
.product .right_container .price { font-weight:bold; }
.product .right_container .price .oldprice { color: DarkGray; }
.product .right_container .articlenumber { margin-top: 8px; }
.product .right_container .sizes {}
.product .right_container .references {}
.product .right_container .description2 { margin-bottom: 2px; font-weight: bold; }
.product .right_container .errortext { font-weight: bold; color: Red; margin-left: 8px; }
.product .clear { clear:both; height: 10px; width: 600px; }

.product .dropdownpanel
{
    width: 621px !important;
    height: 100px !important;
    display: block;
    overflow: hidden;
    margin-top: 10px;
}

.product .dropdownpanel select { width: 140px; }
.product .dropdownpanel input.textbox { width: 20px; }
.product .dropdownpanel .color, .product .dropdownpanel .size, .product .dropdownpanel .amount
{
    width: 187px;
    height: 20px;
    display:block;
    float: left;
    margin-right: 10px;
    padding: 5px;
    background-color: #8cd7f4;
    text-align: center;
}

.product .dropdownpanel .sum
{
    font-weight: bold;
    float: right;
    clear: both;
	margin: 0;
	padding: 0; 
	margin:10px 10px 0px 0;
}

.product .buttonposition
{
    float: right;
    clear: both;
	margin: 0;
	padding: 0; 
	margin:10px 10px 10px 0;
	
}

.product .extraSale_Container
{
    width: 621px !important;
    display: block;
    overflow: hidden;
    margin: 5px;
}

.product .extraSalelist { margin-left: 10px; margin-top: 20px; }
.product .extraSalelist table { width:100%; }
.product .extraSalelist table td { float:left; width: 200px; overflow:hidden; }
.product .extraSalelist .article
{
	width: 170px;
	border: 1px solid #E4E0DB;
	padding: 3px;
	margin: 5px;
	text-align: center;
}

.product .extraSalelist .article .image
{
    height: 154px;
    width: 154px;
    padding: 2px;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
	position:relative;
	margin-left: 6px;
	margin-top: 4px;
}

.product .extraSalelist .article .image img { height: 150px; width: 150px }

.product .extraSalelist .article .info
{ 
	padding: 2px;
    height: 92px;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
	position:relative;
}

.product .extraSalelist .article .name { font-weight: bold; }
.product .extraSalelist .article .description { margin-bottom: 8px; }
.product .extraSalelist .article .price { font-weight:bold; }
.product .extraSalelist .article .oldprice { color: DarkGray; }

/* Product, end */



/* Searchresult page, start */

.articlesearch
{
    width: 780px !important;
    display: block;
    overflow: hidden;
    margin: 5px;
}

.articlesearch .searchhelp { margin-bottom: 10px; }
.articlesearch .searchhelp a { text-decoration: none; }
.articlesearch .searchhelp .msg_body { margin: 8px; }
.articlesearch .searchinfo { margin-bottom: 10px; font-weight: bold; }

.articlesearch .sorting { margin:5px 0 0 4px; }
.articlesearch .searchpaging { margin-left: 10px; margin-bottom:10px; float:right; clear: both; }
.articlesearch .searchpaging .currentPage a { font-weight:bold; text-decoration: none; cursor: default; }
.articlesearch .searchpaging .otherPage a { text-decoration:none; }
.articlesearch .searchlist { margin-left: 10px; margin-top: 20px; clear: both; }
.articlesearch .searchlist table { width:100%; }
.articlesearch .searchlist table td { float:left; width: 190px; overflow:hidden; margin-bottom: 10px; }

.articlesearch .searchlist .article
{
	width: 170px;
	border: 1px solid #E4E0DB;
	padding: 3px;
	margin: 5px;
	text-align: center;
}

.articlesearch .searchlist .article .image
{
    height: 154px;
    width: 154px;
    padding: 2px;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
	position:relative;
	margin-left: 6px;
	margin-top: 4px;
}

.articlesearch .searchlist .article .image img { height: 150px; width: 150px }

.articlesearch .searchlist .article .info
{ 
	padding: 2px;
    height: 100%;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
	position:relative;
}

.articlesearch .searchlist .article .name { font-weight: bold; }
.articlesearch .searchlist .article .description { margin-top: 2px; }
.articlesearch .searchlist .article .description a { text-decoration: none; }
.articlesearch .searchlist .article .soldout { margin-top: 2px; font-weight:bold; color: Red; }
.articlesearch .searchlist .article .price { margin-top: 2px; font-weight:bold; }
.articlesearch .searchlist .article .oldprice { color: DarkGray; }

/* Searchresult page, end */



/* Order, start */

.order
{
    width: 780px !important;
    display: block;
    overflow: hidden;
    margin: 5px;
}

.order .artnr { margin-top:10px; font-weight: bold; }
.order .orderrow input.textbox { margin-right: 10px; width: 100px; }
.order .orderrow { margin-bottom: 10px; }
.order .productattribute { margin-bottom: 10px; background-color: #8cd7f4; }
.order .productattribute select { width: 120px; }
.order .productattribute input.textbox { width: 20px; margin-top:5px; margin-bottom:5px; }
.order .productattribute .pris { font-weight: bold; margin-right: 5px; }

.order .buttons { width:621px; display: block; clear: both; }
.order .buttons div { width: 205px; float: left; display: block; }
.order .buttons .leftbutton { text-align: left; }
.order .buttons .centerbutton { text-align: center; }
.order .buttons .rightbutton { text-align: right; }
.order .info2 { width:621px; display: block; clear: both; margin-top: 30px; }

.order .orderbasket, .order .orderbasket tbody, .order .orderbasket .header, .order .orderbasket .row, .order .orderbasket .alternaterow, .order .orderbasket .orderbasketfooter
{
	width: 621px !important;
	display : block;
	overflow: hidden;
}

.order .orderbasket .header 
{

    background-color: #59b1d5;
    color: #ffffff;
    height: 20px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    padding-top: 5px;
}

.order .orderbasket .row
{
	height: 30px;
	margin-right: 5px;
    background-color: #8cd7f4;
    padding-top: 5px;
}

.order .orderbasket .alternaterow
{
	height: 30px;
	vertical-align:middle; 
	margin-right:5px;
    background-color: #ffffff;
    padding-top: 5px;
}

.order .orderbasket .orderbasketfooter 
{
    background-color: #59b1d5;
    color: #ffffff;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    padding-top:5px;
    border-top: 1px solid #ffffff;
    height: 20px;
}

.order .orderbasket th, .order .orderbasket td { padding-right: 3px; padding-left: 2px; text-align: left; }

.order .orderbasket .artnrcolumn { width: 50px; }
.order .orderbasket .descriptioncolumn { width: 150px; }
.order .orderbasket .colorcolumn { width: 70px; }
.order .orderbasket .sizecolumn { width: 70px; }
.order .orderbasket .pricecolumn { width: 60px; }
.order .orderbasket .amountcolumn { width: 50px; }
.order .orderbasket .amountcolumn input.textbox { width: 20px; }
.order .orderbasket .sumcolumn { width: 80px; }
.order .orderbasket .updatecolumn { width: 30px; }
.order .orderbasket .deletecolumn { width: 30px; }

.orderbasket .colorattribute img
{
	vertical-align:bottom;
}

/* Order , end */



/* Checkout, start */

.checkout
{
	width: 958px !important;
	display : block;
	overflow: hidden;
	padding: 15px 10px 15px 10px;
}

.checkout .orderbasket, .checkout .orderbasket tbody, .checkout .orderbasket .header, .checkout .orderbasket .row, .checkout .orderbasket .alternaterow, .checkout .orderbasket .orderbasketfooter
{
	width: 954px !important;
	display : block;
	overflow: hidden;
}

.checkout .orderbasket .header 
{
    background-color: #59b1d5;
    color: #ffffff;
    height: 20px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    padding-top: 5px;
}

.checkout .orderbasket .row
{
	height: 30px;
	vertical-align:middle; 
	margin-right: 5px;
    background-color: #8cd7f4;
    padding-top: 5px;
}

.checkout .orderbasket .alternaterow
{
	height: 30px;
	vertical-align:middle; 
	margin-right:5px;
    background-color: #ffffff;
    padding-top: 5px;
}

.checkout .orderbasket .orderbasketfooter 
{
    background-color: #59b1d5;
    color: #ffffff;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    padding-top: 5px;
    border-top: 1px solid #ffffff;
}

.checkout .orderbasket th, .checkout .orderbasket td { padding-right: 3px; padding-left: 2px; text-align: left; }

.checkout .orderbasket .artnrcolumn { width: 70px; }
.checkout .orderbasket .descriptioncolumn { width: 300px; }
.checkout .orderbasket .colorcolumn { width: 90px; }
.checkout .orderbasket .sizecolumn { width: 90px; }
.checkout .orderbasket .pricecolumn { width: 80px; }
.checkout .orderbasket .amountcolumn { width: 80px; }
.checkout .orderbasket .amountcolumn input.textbox { width: 20px; }
.checkout .orderbasket .sumcolumn { width: 80px; }
.checkout .orderbasket .updatecolumn { width: 40px; }
.checkout .orderbasket .deletecolumn { width: 40px; }
.checkout .orderbasket .instockcolumn { width: 80px; }

.checkout .orderbasket .leftfootercolumn { width: 600px !important; }
.checkout .orderbasket .middlefootercolumn { width: 160px; }
.checkout .orderbasket .rightfootercolumn { width: 160px; }

/* Step 2 */

.checkout .login { margin-top: 10px; margin-bottom: 10px; text-align: left; }
.checkout .login .msg_body { float: left; margin: 0px 10px 10px 10px; }
.checkout .login .msg_body .formhead { clear: both; margin-top: 10px; margin-bottom: 10px; }
.checkout .login .msg_body .loginform { width: 850px; clear: both; }
/*.checkout .login .msg_body .loginform .formleft { width: 420px; float:left; border-right: 1px solid #C20B0B; }*/
.checkout .login .msg_body .loginform .formleft { width: 0px; float:left; border-right: 1px solid #C20B0B; visibility:hidden; }
.checkout .login .msg_body .loginform .formright { width: 420px; float:left; }

.checkout .login .labelleft { width: 160px; float: left; }
.checkout .login .textboxright { width: 150px; float: left; margin-bottom: 5px; }
.checkout .login .textboxright input.textbox { width: 150px; }
.checkout .login .errorright { width: 76px; float: left; margin-left: 5px; }
.checkout .login .errorright input.button { margin-left: 10px; }

.checkout .info { clear: both; }
.checkout .adress { width: 450px; margin-top: 10px; }
.checkout .adress .privatkund { margin-left: 10px; }
.checkout .adress .labelleft { width: 160px; float: left; }
.checkout .adress .textboxright { width: 150px; float: left; margin-bottom: 5px; }
.checkout .adress .errorright { width: 76px; float: left; margin-left: 5px; }
.checkout .adress .textboxright input.textbox { width: 150px; }
.checkout .adress .textboxright select { width: 100px; }
.checkout .adress .textboxright textarea.textbox { width: 200px; }
.checkout .adress .textboxright input[type=checkbox] { margin-right: 5px; }

.checkout .adress .textboxright select.day { width: 46px; margin-right: 1px; }
.checkout .adress .textboxright select.month { width: 46px; margin-left: 0px; margin-right: 1px; }
.checkout .adress .textboxright select.year { width: 56px; margin-left: 0px; margin-right: 0px; }

.checkout .adress .emailinfo { width: 391px; clear: both; margin-bottom: 5px; }
.checkout .adress .cataloginfo { width: 391px; clear: both; margin-bottom: 10px; color: Red; }

/*Checkout progressbar*/

.checkoutProgress
{
	width:100%;
	height:50px;
	margin-bottom: 10px;
}

.checkoutProgress .text
{
	text-align:center;
	font-size:10px;
	color:#484848;
}

.checkoutProgress .grey
{
	background-image: url('Images/Kassa/grey_middle.png');
		
}
.checkoutProgress .black
{
	background-image:url('Images/Kassa/black_middle.png');
	color:#fff;
}

.checkoutProgress .black_grey_separator
{
	width:10px;
	background-image: url('Images/Kassa/black_grey.png');
}

.checkoutProgress .grey_black_separator
{
	width:10px;
	background-image: url('Images/Kassa/grey_black.png');
}

.checkoutProgress .black_black_separator
{
	width:11px;
	background-image: url('Images/Kassa/flag_eu.png');
}
.checkoutProgress .grey_grey_separator
{
	width:11px;
	background-image: url('Images/Kassa/grey_grey.png');
}

.checkoutProgress .lastgrey
{
	background-image: url('Images/Kassa/grey_end.png');
	width:6px;
	
}
.checkoutProgress .lastblack
{
	background-image: url('Images/Kassa/flag_norway.png');
	width:6px;
}

/*End checkout*/



/* Contact us, start */

.contactus
{
    width: 621px !important;
    display: block;
    overflow: hidden;
    margin: 5px;
}
.contactus .info { width: 621px !important; clear: both; display: block; margin-bottom: 10px; }
.contactus .addressform { width: 621px !important; clear: both; display: block; }
.contactus .form { float: left; width: 391px; margin-bottom: 10px; }
.contactus .address { float: right; width: 230px }
.contactus .buttons { margin-top: 10px; float: right; }
.contactus .buttons .leftbutton { float: left; }
.contactus .buttons .rightbutton { float: right; margin-left: 5px; }

.contactus .form .labelleft { width: 160px; float: left; }
.contactus .form .textboxright { width: 150px; float: left; margin-bottom: 5px; }
.contactus .form .errorright { width: 76px; float: left; margin-left: 5px; }
.contactus .form .textboxright input.textbox { width: 150px; }
.contactus .form .textboxright textarea.textbox { width: 200px; }

/* Contact us, end */



/* Catalog, start */

.catalog
{
    width: 621px !important;
    display: block;
    overflow: hidden;
    margin: 5px;
}
.catalog .info { width: 621px !important; clear: both; display: block; margin-bottom: 10px; }
.catalog .addressform { width: 621px !important; clear: both; display: block; }
.catalog .form { float: left; width: 391px; margin-bottom: 10px; }
.catalog .address { float: right; width: 230px }
.catalog .buttons { margin-top: 10px; float: right; }

.catalog .form .labelleft { width: 160px; float: left; }
.catalog .form .textboxright { width: 150px; float: left; margin-bottom: 5px; }
.catalog .form .errorright { width: 76px; float: left; margin-left: 5px; }
.catalog .form .textboxright input.textbox { width: 150px; }
.catalog .form .textboxright select { width: 100px; }
.catalog .form .textboxright textarea.textbox { width: 200px; }
.catalog .form .textboxright input[type=checkbox] { margin-right: 5px; }

.catalog .form .textboxright select.day { width: 46px; margin-right: 1px; }
.catalog .form .textboxright select.month { width: 46px; margin-left: 0px; margin-right: 1px; }
.catalog .form .textboxright select.year { width: 56px; margin-left: 0px; margin-right: 0px; }

.catalog .form .emailinfo { width: 391px; clear: both; margin-bottom: 10px; }
.catalog .form .cataloginfo { width: 391px; clear: both; margin-bottom: 10px; color: Red; }

/* Catalog, end */


/* Sitemap, start */

.sitemap
{
    width: 621px !important;
    display: block;
    overflow: hidden;
    margin: 5px;
}
.sitemap .info { width: 621px !important; clear: both; display: block; margin-bottom: 10px; }

/* Sitemap, end */



/* MyPages, start */

.mypages
{
    width: 621px !important;
    display: block;
    overflow: hidden;
    margin: 5px;
}

.mypages .info { width: 621px !important; clear: both; display: block; margin-bottom: 10px; }
.mypages .addressform { width: 621px !important; clear: both; display: block; }
.mypages .form { float: left; width: 391px; margin-bottom: 10px; }
.mypages .address { float: right; width: 230px }
.mypages .buttons { margin-top: 10px; float: right; }

.mypages .form .labelleft { width: 160px; float: left; }
.mypages .form .textboxright { width: 150px; float: left; margin-bottom: 5px; }
.mypages .form .errorright { width: 76px; float: left; margin-left: 5px; }
.mypages .form .textboxright input.textbox { width: 150px; }
.mypages .form .textboxright select { width: 100px; }

.mypages .form .textboxright select.day { width: 46px; margin-right: 1px; }
.mypages .form .textboxright select.month { width: 46px; margin-left: 0px; margin-right: 1px; }
.mypages .form .textboxright select.year { width: 56px; margin-left: 0px; margin-right: 0px; }

.mypages .myorders .myordersheader { width: 600px; }
.mypages .myorders .myordersheader .left { width: 300px; float:left; display:block; }
.mypages .myorders .myordersheader .right { width: 300px; float:right; display:block; }

.mypages .myorders .myordersrow { width: 600px; }
.mypages .myorders .myordersrow .left { width: 300px; float:left; display:block; }
.mypages .myorders .myordersrow .right { width: 300px; float:right; display:block; }

.mypages .myorders .orderbasket, .mypages .myorders .orderbasket tbody, .mypages .myorders .orderbasket .header, .mypages .myorders .orderbasket .row, .mypages .myorders .orderbasket .alternaterow, .mypages .myorders .orderbasket .orderbasketfooter
{
	width: 621px !important;
	display : block;
	overflow: hidden;
}

.mypages .myorders .orderbasket .header, .mypages .myorders .myordersheader  
{
    background-color: #59b1d5;
    color: #ffffff;
    height: 20px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    padding-top: 5px;
}

.mypages .myorders .orderbasket .row
{
	height: 30px;
	margin-right: 5px;
    background-color: #8cd7f4;
    padding-top: 5px;
}

.mypages .myorders .orderbasket .alternaterow
{
	height: 30px;
	vertical-align:middle; 
	margin-right:5px;
    background-color: #ffffff;
    padding-top: 5px;
}

.mypages .myorders .orderbasket th, .mypages .myorders .orderbasket td { padding-right: 3px; padding-left: 2px; text-align: left; }

.mypages .myorders .orderbasket .artnrcolumn { width: 70px; }
.mypages .myorders .orderbasket .descriptioncolumn { width: 220px; }
.mypages .myorders .orderbasket .colorcolumn { width: 75px; }
.mypages .myorders .orderbasket .sizecolumn { width: 75px; }
.mypages .myorders .orderbasket .pricecolumn { width: 50px; }
.mypages .myorders .orderbasket .amountcolumn { width: 50px; }
.mypages .myorders .orderbasket .sumcolumn { width: 50px; }
.mypages .myorders .orderbasket .returncolumn { width: 80px; }
.mypages .myorders .orderbasket .copycolumn { width: 40px; }

.mypages .myorders .costleft { width: 150px; float:left; }
.mypages .myorders .costright { width: 450px; float:left; }

.forgotpassword
{
	width: 621px !important;
	display : block;
	overflow: hidden;
}

.forgotpassword .userid { margin-top:10px; font-weight: bold; }
.forgotpassword .form input.textbox { margin-right: 10px; width: 100px; }
.forgotpassword .form { margin-bottom: 10px; }
.forgotpassword .form .info2 { margin-top:10px; }

/* My pages, end */



/* Modal popup, start */

.panelPopup
{
	background-color:#fff;
	width:350px;
	height:200px;
	border: 1px solid #b9b2a2;
	/*Height="250px" Width="400px"*/
}

.popupBackground
{
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=57);
	-moz-opacity: 0.57;
	opacity:0.57;
	height:100%;
	width:100%;
}

.panelPopup .popupError { clear: both; margin: 10px; }

.panelPopup .popupMessage { clear: both; margin: 10px; }
.panelPopup .popupMessage .popupMessageHeader { clear: both; font-weight: bold; margin-bottom: 2px; }
.panelPopup .popupMessage .popupMessageText { clear: both; }

.panelPopup .popupButtons {clear: both; float: right; margin: 10px; }

/* Modal popup, end */

