/* perusmäärittelyt */
/*body {
    font-family: Arial;
    font-size: 12px;
}*/
body {
    font-family: Arial;
    font-size: 12px;
}
#etusivu {

    font-family: "Times new roman";
}
#wrapper {                
    width: 1000px;
    margin: 0 auto;     
    position: relative;      
    z-index:1;
    text-align: left;
}
#header {
    width: 1000px;
    height: 100px;
    position:relative;
    float:left;
    border-left:1px solid #000;
    border-right:1px solid #000;                
    border-bottom:1px solid #000;
    font-family: "Times new roman";
}
#contentWrapper {
    width: 1000px;
    position: relative;
    border-left:1px solid #000;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    float:left;
}
#leftContent {
    position:relative;
    width: 200px;
    float: left;
    border-right: 1px solid #000;
    padding-left: 5px;
}
#mainContent {
    width: 793px;
    _width: 798px;
    position:relative;
    float:left;
    margin-bottom:10px;
}
.leftContentBox{
    width: 180px;
    position:relative;
    float:left;
    padding-left: 10px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    _width: 175px;
    border-bottom: 1px solid #000;
}           
#loginbox {
    position: absolute;
    right: 0; 
    bottom: 0;
    border: 1px solid #000;
    font-size: 11px;
    z-index:2;
}

.content {
    padding: 5px;
}

.breadcrumbs {
    width: 785px;
    _width: 797px;
    height: 10px;
    border-bottom: 1px solid #000;
    padding: 5px;
    font-size: 80%;
}

/* vähän enempi tyyliä */

/* menu */
.leftContentBox ul {
    width: 100%;
}
.leftContentBox ul li:before {
   content: "\00BB \0020";
}

.leftContentBox ul li ul {
    margin-left: 10px;
}
.leftContentBox ul li.US_active_group {
    font-weight: bold;
}
.leftContentBox ul li.US_active_group ul li {
    font-weight: normal;
}


/* tuotelistauksen tyylit */
.US_productlist_product {
    position: relative;
    float: left;
    border: 1px solid #000;
    width: 235px;
    margin-right: 10px;
    height: 100px;
    margin-bottom: 10px;
    padding: 5px;
}

/* avatun tuotteen tyylit */            
.US_product_tech_row_value {
    padding: 2px;
}





/* nää sit pois asiakkaalla */

#header {
    height: 271px;
    background-image: url(/layout_images/devlayout/head.jpg);
    border-right: 1px solid #969696;
    border-left: 1px solid #969696;
    border-bottom: none;
}
#header #infobox {    
    color: #fff;
    font-size: 40px;
    /*font-family: Verdana; */
    position: absolute;
    left: 20px;
    top: 140px;
}
#contentWrapper {
    border-left:1px solid #969696;
    border-right:1px solid #969696;
    border-bottom:none;
    background-image: url(/layout_images/devlayout/bg.jpg);
    background-repeat: repeat-y;
}

#loginbox {
    border: none;
}

#footer {
    width: 980px;
    height: 30px;
    background-image: url(/layout_images/devlayout/footer.jpg);
    border-right: 1px solid #969696;
    border-left: 1px solid #969696;
    border-bottom: 1px solid #969696;
    position: relative;
    float: left;
    padding: 10px;
}

.breadcrumbs {
    border-bottom: none;
}

#leftContent {
    background-image: url(/layout_images/devlayout/bg_main_withnav.jpg);
    background-repeat: repeat-y;
    margin-top: 10px;
    padding: 0;
    border: none;
}
.leftContentBox {
    padding: 0;
    width: 100%;
    margin: 0;
    border: none;
}
#leftContent .round-border-topright {width:10px; height:10px; position:absolute; z-index:10; margin:0 0 0 190px; background:url(/layout_images/devlayout/bg_corner_topright.gif) no-repeat;}
#leftContent h3 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190); 
				/*font-family:"trebuchet ms",arial,sans-serif;*/ color:rgb(255,255,255); font-weight:bold; font-size:14px;}
#leftContent .first h3 {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:rgb(190,190,190); 
	/*font-family:"trebuchet ms",arial,sans-serif;*/ color:rgb(255,255,255); font-weight:bold; font-size:14px;}

.leftContentBox ul li:before {
   content: "";
}
.leftContentBox ul li ul {
    margin-left: 0px;
    border: none;
}
.leftContentBox ul li ul li a{

}
.leftContentBox ul li a {
    display:block; 
    min-height:2.0em /*Non-IE6*/; 
    height:auto !important; 
    height:2.0em /*IE6*/; 
    line-height:2.0em; 
    padding:0px 10px 0px 20px;  
    border-top: solid 1px rgb(200,200,200); 
    text-decoration:none; 
    color:rgb(70,122,167); 
    font-weight:bold; font-size:12px;
}

.leftContentBox ul li ul li a {
    display:block; 
    min-height:2.0em /*Non-IE6*/; 
    height:auto !important; 
    height:2.0em /*IE6*/; 
    line-height:2.0em; 
    padding:0px 10px 0px 40px;  
    border-top: solid 1px rgb(200,200,200); 
    text-decoration:none; 
    color:rgb(70,122,167); 
    font-weight:bold; 
    font-size:12px;
}

.leftContentBox ul li a:hover {background-color:rgb(225,225,225); color:rgb(42,90,138); text-decoration:none;}
.leftContentBox ul li ul li a:hover, .leftContentBox ul li.US_active_group {
    background-color:rgb(225,225,225); color:rgb(42,90,138); 
    text-decoration:none;
}

.leftContentBox ul li.US_active_group ul li {background-color: transparent;}
.US_productlist_product {
    border-color: #dadbdf;
}

.content h2 {
    font-family:"trebuchet ms",arial,sans-serif; 
    font-weight: bold;
    font-size: 14px;
}


.US_grouplist_header p {
    font-style: italic;
}

#leftContent .loginform {width:160px; margin:-10px 20px 0 20px;}
#leftContent .loginform p {clear:both; margin:0; padding:0;}
#leftContent .loginform fieldset {width:160px; border:none;}
#leftContent .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
#leftContent .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
#leftContent .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); 
	/*font-family:verdana,arial,sans-serif;*/ font-size:110%;}
#leftContent .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
#leftContent .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; /*font-family:verdana,arial,sans-serif;*/ color:rgb(150,150,150); font-size:110%;}
#leftContent .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

#searchbox {
    position: absolute; 
    top: 238px;
    right: 10px;
}
.searchinput {
    border: 1px solid #dadbdf;
}
.searchsubmit {
    border: none;
    background-color: transparent;
    font-weight: bold;
    cursor: pointer;
}

#Cart_OrderForm_basic{
	position: relative;
	top: 10px;
	float: left;
}
#checkoutTotal{
	width: 80px;
	text-align: right;
}
#Cart_TotalSum{
	padding-right: 25px;
	text-align: right;
}
#Cart_paymentSelection{
	float: left;
	top: 10px;
	position: relative;
}
#basicForm legend{
	font-size: 14px;
	font-weight: bold;
}
#Cart_Orderview_cartContent{
	float: left;
	border: 1px solid rgb(225,225,225);
}
.Cart_paymentMethod{
	position: relative;
	float: left;
	display: block;
	padding: 0px 10px;	
}
#Cart_OrderForm_delivery{
	position: relative;
	float: left;
	top: 10px;
	left: 20px;
}
#Cart_OrderForm_Actions{
	position: relative;
	top: 15px;
	float: left;
	width: 100%;
}
#Cart_OrderFormBilling{
	float: left;
}
#Cart_RequestsArea{
	position: relative;
	top: 15px;
	width: 100%;
	float: left;
}
#Cart_RequestsArea #requests{
	width: 400px;
	height: 200px;
}