/*general styles */
/*common*/
p.normal
{
    font-weight: normal !important;
    color: #333333 !important;
}
a.normalSize
{
    font-weight: normal !important;
    color: #333333 !important;
    text-decoration: underline;
}
p.priceOffer, a.priceOffer
{
    color: Red;
    font-weight: bold;
    font-size: 1.2em;
}
p.priceNormal, a.priceNormal
{
    font-weight: normal;
    font-size: 1.0em;
    color: #333333;
}

.smallText
{
    font-size: 0.9em;
}
/*margins*/
.mar0
{
    margin: 0 !important;
}
.mar5
{
    margin: 0 0 5px 0 !important;
}
.mar10
{
    margin: 0 0 10px 0 !important;
}
.mar12
{
    margin: 0 0 12px 0 !important;
}
.mar15
{
    margin: 0 0 15px 0 !important;
}
.mar20
{
    margin: 0 0 20px 0 !important;
}
.mar25
{
    margin: 0 0 25px 0 !important;
}
.mar30
{
    margin: 0 0 30px 0 !important;
}
/*align*/
.floatLeft
{
    float: left !important;
}
.floatRight
{
    float: right !important;
}
.textLeft
{
    text-align: left;
}
.textRight
{
    text-align: right;
}
.textCenter
{
    text-align: center;
}
/*width*/
.fullWidth
{
    width: 98% !important;
}
/*scrolling div*/
div.scroll
{
    overflow: auto;
    border: #7f9db9 solid 1px;
    padding: 5px;
    overflow-x: hidden;
    height: 220px;
	margin-bottom:20px;
}
/*wrappers*/
.basicWrapper
{
    width: 100%;
    overflow: hidden;
}
.paddingLeft40
{
    padding-left: 40px;
}
.paddingLeft20
{
    padding-left: 20px;
}
.paddingBottom10
{
    padding-bottom: 10px;
}
.paddingBottom20
{
    padding-bottom: 20px;
}
.paddingWrapper
{
    width: 100%;
    overflow: hidden;
    padding-bottom: 10px;
}
.paddingWrapper_20
{
    width: 100%;
    overflow: hidden;
    padding-bottom: 20px;
}
.paddingWrapper_5
{
    width: 100%;
    overflow: hidden;
    padding-bottom: 5px;
}
.paddingWrapper_15
{
    width: 100%;
    overflow: hidden;
    padding-bottom: 15px;
}
.paddingWrapperSides
{
    padding: 0px 20px 15px 20px;
}
.paddingWrapperSides2
{
    padding: 0px 20px 10px 20px;
}
.paddingWrapperSides3
{
    padding: 0px 20px 0px 20px;
}
.paddingWrapperTop_10
{
    padding-top: 10px;
}
.paddingWrapperSides2 img
{
    margin:20px 0;
}

/*buttons*/
.button
{
    cursor: pointer;
}

/*Lines*/
.line
{
    height: 1px;
    background: #CCC;
    width: 100%;
    overflow: hidden;
    margin: 4px 0 4px 0;
}
.lineThicker
{
    height: 7px;
    background: #e5e5e5;
    width: 100%;
    overflow: hidden;
}

/*Link styles*/

div.content a.normal, a.normal
{
    color: #74563a;
    font-weight: normal;
}
div.content a.addProducts, a.addProducts
{
    background: url(  'gfx/icon_lisaapalettiin.jpg' ) top left no-repeat;
    padding: 5px 0px 8px 40px;
    color: #333333;
    font-weight: normal;
    display: block;
}
div.content a.save, a.save, input.save, input.save_disabled
{
    background: url(  'gfx/icon_tallenna.jpg' ) top left no-repeat;
    padding: 8px 0px 8px 40px;
    color: #333333;
    font-weight: normal;
    display: block;
	border:0;
	cursor:pointer;
	overflow:visible;
}
div.content a.send, a.send
{
    background: url(  'gfx/icon_laheta.jpg' ) top left no-repeat;
    padding: 8px 0px 8px 40px;
    color: #333333;
    font-weight: normal;
    display: block;
}
.product_tell_friend
{
    background: url(  'gfx/icon_lahetakaverille.jpg' ) top left no-repeat;
    padding: 8px 10px 8px 40px;
    color: #333333;
    font-weight: normal;
    display: block !important;
}
.productLinks a.addthis_button {
    background: url("gfx/addthis.gif") no-repeat scroll 3px center transparent;
    color: #333333;
    display: block;
    font-weight: normal;
    padding: 8px 10px 8px 40px;
}

div.content a.ask, a.ask, input.ask, input.ask_disabled
{
    background: url(  'gfx/icon_pyydatarjous.jpg' ) top left no-repeat;
    padding: 8px 0px 8px 40px;
    color: #333333;
    font-weight: normal;
    display: block;
	border:0;
	cursor:pointer;
	overflow:visible;
}


div.content a.folder, a.folder
{
    background: url(  'gfx/icon_folder.jpg' ) top left no-repeat;
    padding: 4px 0px 9px 40px;
    color: #333333;
    font-weight: normal;
    display: block;
}
div.content a.materialsColors, a.materialsColors
{
    background: url(  'gfx/colors_materials.jpg' ) top left no-repeat;
    padding: 4px 0px 9px 40px;
    color: #333333;
    font-weight: normal;
    display: block;
}
input.update, input.update_disabled
{
    background: url(  'gfx/icon_refresh.png' ) top left no-repeat;
    padding: 8px 0px 8px 40px;
    color: #333333;
    font-weight: normal;
    display: block;
	border:0;
	cursor:pointer;
	overflow:visible;
}
input.empty-cart, input.empty-cart_disabled
{
    background: url(  'gfx/icon_empty.png' ) top left no-repeat;
    padding: 8px 0px 8px 40px;
    color: #333333;
    font-weight: normal;
    display: block;
	border:0;
	cursor:pointer;
	overflow:visible;
}
.print-cart, .print-cart_disabled, .print-cart a:link, .print-cart_disabled a:link, .print-cart a:visited, .print-cart_disabled a:visited, .print-cart a:hover, .print-cart_disabled a:hover, .print-cart a:active, .print-cart_disabled a:active 
{
    background: url(  'gfx/icon_print.png' ) top left no-repeat;
    padding: 8px 0px 8px 43px;
    color: #333333 !important;
    font-weight: normal;
    display: block;
    border:0;
    cursor:pointer;
    overflow:visible;
    text-decoration:none !important;
}
.send-cart, .send-cart_disabled, .send-cart a:link, .send-cart_disabled a:link, .send-cart a:visited, .send-cart_disabled a:visited, .send-cart a:hover, .send-cart_disabled a:hover, .send-cart a:active, .send-cart_disabled a:active 
{
    background: url(  'gfx/icon_send.png' ) top left no-repeat;
    padding: 8px 0px 8px 43px;
    color: #333333 !important;
    font-weight: normal;
    display: block;
    border:0;
    cursor:pointer;
    overflow:visible;
    text-decoration:none !important;
}
input.save_disabled {
	background-image:url( 'gfx/icon_tallenna_disabled.png' );
	cursor:default;
	color:#999;
}
input.ask_disabled {
	background-image:url( 'gfx/icon_pyydatarjous_disabled.png' );
	cursor:default;
	color:#999;
}
input.update_disabled {
	background-image:url( 'gfx/icon_refresh_disabled.png' );
	cursor:default;
	color:#999;
}
input.empty-cart_disabled {
	background-image:url( 'gfx/icon_empty_disabled.png' );
	cursor:default;
	color:#999;
}
.print-cart_disabled {
    background-image:url( 'gfx/icon_print_disabled.png' );
    cursor:default;
    color:#999 !important;
}
.send-cart_disabled {
    background-image:url( 'gfx/icon_send_disabled.png' );
    cursor:default;
    color:#999 !important;
}

/*Large Link styles*/
a.selectService
{
    background: url(  'gfx/palets/select_service.gif' ) top left no-repeat;
    padding: 8px 0px 0 57px;
    font-weight: normal;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
    height: 37px;
}
a.plan
{
    background: url(  'gfx/palets/plan.jpg' ) top left no-repeat;
    padding: 8px 0px 0 57px;
    font-weight: normal;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
    height: 37px;
}
a.control
{
    background: url(  'gfx/palets/control.gif' ) top left no-repeat;
    padding: 8px 0px 0 57px;
    font-weight: normal;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
    height: 37px;
}
/*Large icons of files*/
div.pdf, div.filetype_pdf
{
    width: 45px;
    height: 60px;
    background: #FFF url(  'gfx/file_types.png' ) 0 0 no-repeat;
    float: left;
}
div.dwg2d, div.filetype_dwg2d
{
    width: 45px;
    height: 60px;
    background: #FFF url(  'gfx/file_types.png' ) 0 -59px no-repeat;
    float: left;
}

div.dwg3d, div.filetype_dwg3d
{
    width: 45px;
    height: 59px;
    background: #FFF url(  'gfx/file_types.png' ) 0 -119px no-repeat;
    float: left;
}
div.doc, div.filetype_doc
{
    width: 45px;
    height: 60px;
    background: #FFF url(  'gfx/file_types.png' ) 0 -178px no-repeat;
    float: left;
}
div.gdl, div.filetype_gdl
{
    width: 45px;
    height: 60px;
    background: #FFF url(  'gfx/file_types.png' ) 0 -239px no-repeat;
    float: left;
}
/*float fix*/
.floatFix
{
    clear: both;
    height: 1px;
    overflow: hidden;
}
.floatFix *
{
    display: none;
}

/*messages(error and ok)*/
.errorMsg
{
    border: #b91616 1px solid;
    background: #ffebeb url(  '../images/error_mgs.gif' ) top left no-repeat;
    font-weight: bold;
    padding: 12px 10px 12px 30px;
    margin-bottom: 15px;
}
.errorMsg p
{
    margin: 0px;
}
.okMsg
{
    border: #69a013 1px solid;
    background: #daf4c9;
    font-weight: bold;
    padding: 12px 12px 12px 12px;
    margin-bottom: 15px;
}
.okMsg p
{
    margin: 0px;
}
.red
{
    color: Red;
}
/*columns*/
/*50_50*/
.columns50_50
{
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}
.columns50_50 .left
{
    width: 49%;
    float: left;
    overflow: hidden;
    margin-bottom: 5px;
}
.columns50_50 .right
{
    width: 49%;
    float: right;
    overflow: hidden;
    margin-bottom: 5px;
}
.columns50_50 .innerLeft
{
    width: 44%;
    float: left;
    overflow: hidden;
    margin-bottom: 5px;
}
.columns50_50 .innerRight
{
    width: 52%;
    float: right;
    overflow: hidden;
    margin-bottom: 5px;
}

.columns30_70
{
    width: 100%;
    overflow: hidden;
}
.columns30_70 .left
{
    width: 29%;
    float: left;
    overflow: hidden;
    margin-bottom: 5px;
}
.columns30_70 .right
{
    width: 69%;
    float: right;
    overflow: hidden;
    margin-bottom: 5px;
}
.columns30_70 .innerLeft
{
    width: 44%;
    float: left;
    overflow: hidden;
    margin-bottom: 5px;
}
.columns30_70 .innerRight
{
    width: 54%;
    float: right;
    overflow: hidden;
    margin-bottom: 5px;
}
/*65_30*/
.columns65_30
{
    width: 100%;
    overflow: hidden;
    padding-bottom: 12px;
}
.columns65_30 .left65_30
{
    width: 65%;
    overflow: hidden;
    float: left;
}
.columns65_30 .right65_30
{
    width: 30%;
    overflow: hidden;
    float: right;
}
/*25_75*/
.columns20_80
{
    width: 100%;
    overflow: hidden;
    padding-bottom: 12px;
}
.columns20_80 .left20_80
{
    width: 20%;
    overflow: hidden;
    float: left;
}
.columns20_80 .right20_80
{
    width: 78%;
    overflow: hidden;
    float: right;
}
/*grey Boxes*/
.greyBox
{
    width: 95%;
    overflow: hidden;
    padding: 10px 3% 10px 2%;
    background: #F2F2F2;
    margin-bottom: 15px;
}
.greyBox .columns50_50
{
    margin-bottom: 0px;
}
.greyBox2
{
    width: 94%;
    overflow: hidden;
    padding: 10px 3% 10px 2%;
    border: 1px solid #CCC;
    margin-bottom: 15px;
}
.greyBox2 .columns50_50
{
    margin-bottom: 0px;
}
/*green Box*/
.greenBox
{
    width: 95%;
    overflow: hidden;
    padding: 10px 3% 10px 2%;
    background: #e3efdb;
    margin-bottom: 15px;
}
span.selectedListType {
  font-weight: bold;
  font-size: 1.2em;	
}
strong.preInfo {
  font-size: 1.2em;
}
textarea#newmessage {
    height: 12em;
    width: 53%;
}