/** YUI reset-fonts-grid version: 2.4.1 with minor adjustments (fieldset/legend) start**/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.117em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gb .yui-u,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:2%;width:32%;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:.8%;}.yui-gb .yui-u{float:right;}.yui-gb div.first{margin-left:0;float:left;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g div.first{*margin:0;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u{width:66%;}.yui-gd div.first,.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first{width:24%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first {float:left;}.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}.yui-gb .yui-u{float:left;}
/** Body **/
#doc4{
  width:75.38em;
}
body { 
  background:url(/rodin_co/frontend/elements/bg/body_bg.jpg) top left repeat-x; 
  line-height:20px;
  font-size:82%;
  color:#555555;
}
input, textarea, select{
 background:url("/rodin_co/frontend/elements/bg/input_box_bg.gif") repeat-x scroll 0 0 transparent;
 border:1px solid #DCDCDC;
 padding:4px 2px;
 color:#555555;
}
/** Common **/
h1, h2, h3, h4, h5, h6 ,h1 a , h2 a, h3 a, h4 a, h5 a, h6 a, strong{ 
  color:#333333; 
}
h1, h2, h3, h4, h5, h6, strong, button{
  font-weight:bold;
  margin:5px 0px;
}
h1 {
  font-size:180%;
  color: #194d89;
  clear:both;
  margin: 0.5em 15px 1em 0; 
}
h2 {
  /*font-size:110%;*/
  margin: 1.3em 0 0 0;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, .banner-text, #prod-menu a, #main-menu a, #sub-menu a, #main-menu a:hover, #sub-menu a:hover, #main-menu a.selected, 
#sub-menu a.selected, #top-menu a, #top-search div.to-basket a, div.product-relate a, a.btn-large, a.btn-medium, 
a.pdf_link, #navigatior-right a, .data-lists a, table.productlist a, #cat_bc a, div.nav-back a, #page-nav a, #right-content a, .user-list li a{ 
  text-decoration:none; 
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, .banner-text, #main-menu a, #sub-menu a, #main-menu a:hover, #sub-menu a:hover, #main-menu a.selected, #sub-menu a.selected, 
#top-menu a, div.product-relate a, #main-menu div.to-basket-empty a{ 
  color:#333333; 
}
a, #top-menu a:hover, #top-menu li.nav-logout a, #top-menu li.nav-regis a, #main-content h2, #prod_list_ajax h4.title-list a, #top-search p span, #page-nav a, #user-info span, .text_underlogo{
  color:#054887;
  text-decoration:none; 
}
table {
  border-top:1px solid #bebebe;
  border-bottom:1px solid #bebebe;
  width:100%;
}
caption {
  padding-top:10px;
  padding-bottom:25px;
}
th { 
  border-bottom:3px solid #bebebe;
  background-color: #F5F5F5;
}
th, td{
  padding:1px 5px;
  min-width:30px;
}
form p{
  padding:2px 0;
}
form button, form input, form select{
  /*margin-right:10px;*/
}
form button {
  margin-top:0;
  margin-bottom:0;
}
form p, fieldset {
  clear:left;
}
fieldset {
  margin-bottom:10px;
  border: 1px solid #CCCCCC;
  padding: 3px 18px;
}
label {
  width:18%;
  float:left;
  display:block;
}
blockquote {  
  margin:1em;  
} 
/*ol,ul,dl {  
  margin-left:2em;  
} 
ol li {  
  list-style: decimal outside;    
} 
ul li {  
  list-style: disc outside;  
} */
legend{
  text-transform:uppercase;
  font-weight:bold;
  font-size: 82%;
  color:#555555;
  left: 7px;
}
p{
  margin:0.5em 0;
}
iframe{
 /*border:1px solid #FFFFFF;*/
}
#top-search form input, td.p-buy form input, table.data-lists form input, .login-search form a {
  display:inline-block;
  vertical-align:middle;
}
input[type="hidden"], #top-search form input[type="hidden"], td.p-buy form input[type="hidden"], table.data-lists form input[type="hidden"]{
  display: none;
}

/** Special **/
.wysiwyg {
  margin-bottom:20px;
}
.wysiwyg img{
  float:right;
  margin: 0 0 15px 15px;
}
.warning,.error{
  padding: 10px;
  background-color:#fbeabd;
  border: 1px solid #ecd086;
  margin: 15px 0;
}
.list_heading{
  border-bottom: 1px solid #EEEEEE;
  margin-bottom:5px;
  width: 74%;
}
/** Menu **/
#top-menu{
  background: url(/rodin_co/frontend/elements/bg/topmenu-bg-left.gif) no-repeat left bottom;
  position:absolute;
  top:-15px;
  right:0;
  padding-left: 7px;
}
#top-menu ul{
  background:#ffffff url(/rodin_co/frontend/elements/bg/topmenu-bg-right.gif) no-repeat right bottom;
  padding-top: 10px;
}
#top-menu li{
  padding:0px 10px;
}
#top-menu li.nav-logout, #top-menu li.nav-regis{
  border-right: none;
}
#top-menu li.nav-logout{
  padding: 0 10px;
}
#top-menu li.nav-regis{
  padding-right: 10px;
}
#top-menu li.nav-logout a{
  border-left:1px solid #BBBBBB;
  padding-left:5px;
  margin-left:5px;
}
#main-menu{ 
  /*max-width: 700px;*/
  margin:0px;
  position:absolute;
  right:2px;
  top:75px;
  
}
#prod-menu{
  margin:0;
  position:relative;
  float:right;
/*  top:95px;*/
}
#prod-menu a, #prod-menu a span{
  float:right;
  display:block;
  height:25px;
  line-height:25px;
  cursor:pointer;
}
#prod-menu a span{
 font-weight:bold;
 padding-right:5px;
 border-right: 1px solid #bbbbbb;
}
#main-menu li, #prod-menu li, #sub-menu li{  
  list-style: none;
  float:left;
  margin-left:4px;
} 
#main-menu a, div.product-relate a { 
  padding:0 0 0 5px;
  background:transparent url(/rodin_co/frontend/elements/bg/mainmenu-bg-left.gif) no-repeat scroll left top;
  text-align:center;
}
#main-menu a{
  font-size:110%;
  font-weight:bold;
}
#main-menu div.to-basket a{
  color:#ffffff;
}
#main-menu a span, div.product-relate a span { 
  background:transparent url(/rodin_co/frontend/elements/bg/mainmenu-bg.gif) no-repeat scroll right top;
  padding:0 10px;
}
#main-menu a span{
  padding:0px 6px 0px 0px;
}
#main-menu a, #main-menu a span, div.product-relate a, div.product-relate a span { 
  float:left;
  display:block;
  height:25px;
  line-height:25px;
  cursor:pointer;
}
#main-menu a:hover, #main-menu a.selected{ 
  background:transparent url(/rodin_co/frontend/elements/bg/mainmenu-bg-left-hover.gif) no-repeat scroll left top;
}
#main-menu a:hover span, #main-menu a.selected span{ 
  background:transparent url(/rodin_co/frontend/elements/bg/mainmenu-bg-hover.gif) no-repeat scroll right top;
}
div.product-relate p.p-img a{
  background: none;
  display: inline;
  float: none;
  padding: 0;
  margin: 0;
}

/** Dynamic Search **/
#top-search{
  position: relative;
  top: 70px;
  clear: both;
}
#top-search, #top-search input, #login-form, #login-form input{
  font-size: 12px;
}
#top-search fieldset{
  border-bottom: 1px solid #CCCCCC;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 5px 0;
}
#top-search div, #top-search p{
  float: left;
}
#top-search p{
  padding: 0;
  margin: 0;
  font-weight: bold;
}
#top-search div.login-search{
  width: 400px;
}
#p-qty, .p-qty{
  width: 30px;
}
div.to-basket, div.to-basket-empty, div.to-basket, div.to-basket{
  position:relative;
  top:1px;
}
div.to-basket, div.to-basket-empty{
  float:right;
  width: 228px;
  height: 25px;
}
div.to-basket a, div.to-basket-empty a{
  display: block;
  padding-top: 2px;
  width: 218px;
  height: 23px;
  color: #FFFFFF;
}
#main-menu div.to-basket-empty a, #main-menu div.to-basket-empty a:hover{
  background: url(/rodin_co/frontend/elements/bg/baskt_btn.png) no-repeat center bottom;
}
#main-menu div.to-basket a{
  background: url(/rodin_co/frontend/elements/bg/baskt_btn.png) no-repeat center top;
}
div.text-search, div.to-basket a, div.to-basket-empty a, a.btn-large, a.btn-medium{
  text-align: center;
}
#p-add, #btnsearch, .buy_button, .p-add, .btn-small, .btn-large, .btn-medium, .btn-medium-small{
  border: none;
  color:#FFFFFF;
  cursor:pointer;
  font-weight: bold;
}
#p-add, .buy_button, .p-add, .btn-small, form.regis-form input.btn-small{
  width:54px;
  padding:0 0 3px 0;
}
a.btn-large{
  display: inline-block;
  padding-top: 3px;
  height:22px;
}
.btn-large{
  width: 175px;
}
#forgot-pw-link, #forgot-pw-link:hover{
  display: inline-block;
  height:23px;
  padding-top:2px;
  /*color:#999999;*/
/*  color:#555555;*/
color: #ffffff;
}
div.basket-opt #forgot-pw-link, div.login-form #forgot-pw-link{
  margin-bottom: 1px;
}
.btn-medium{
  width: 113px;
}
#btnsearch{
  width:81px;
}
.btn-medium-small{
  width:65px;
}
#p-add, .buy_button, .p-add, .btn-small{
  background: url(/rodin_co/frontend/elements/bg/order-btn.jpg) no-repeat center bottom;
}
.btn-medium-small{
  background: url(/rodin_co/frontend/elements/bg/medium-small-btn.jpg) no-repeat center bottom;
}
.btn-medium-small:hover, #campaign .btn-medium-small{
  background: url(/rodin_co/frontend/elements/bg/medium-small-btn.jpg) no-repeat center top;
}
#p-add:hover, .buy_button:hover, .p-add:hover, .btn-small:hover{
  background: url(/rodin_co/frontend/elements/bg/order-btn.jpg) no-repeat center top;
}
#btnsearch{
  background: url(/rodin_co/frontend/elements/bg/search_btn.png) no-repeat center top;
}
#btnsearch:hover{
  background: url(/rodin_co/frontend/elements/bg/search_btn.png) no-repeat center bottom;
}
.btn-large{
  background: url(/rodin_co/frontend/elements/bg/large-btn.jpg) no-repeat center bottom;
}
.btn-large:hover{
  background: url(/rodin_co/frontend/elements/bg/large-btn.jpg) no-repeat center top;
}
.btn-medium{
  background: url(/rodin_co/frontend/elements/bg/medium-btn.jpg) no-repeat center bottom;
}
.btn-medium:hover{
  background: url(/rodin_co/frontend/elements/bg/medium-btn.jpg) no-repeat center top;
}
#p-add, .buy_button, .p-add, .btn-small, .btn-medium-small, #btnsearch, .btn-large, .btn-medium{
  height:25px;
}
.login-search #username, .login-search #password{
  width: 100px;
}
.text-search #search_txt{
  width: 140px;
  margin-right:3px;
}
.text-search p{
  margin:0px;
}
/** Top **/
#hd {
  width:100%;
  margin-bottom:10px;
  font-size:82%;
  overflow:hidden;
}
#hd, #logo{
  position:relative;
} 
#logo { 
  width:220px;
  height:100px;
  background:url(/rodin_co/frontend/elements/graphics/rodin-logo.jpg) top left no-repeat;
  bottom:5px;
  left:5px;
  margin:0px;
  float:left;
}
#logo a {
  height:100px;
  display:block;
  line-height:220px;
  /*margin-left:132px;
  width:170px;*/
  overflow:hidden;
}
/** First page **/
.rotation-image {
  display:block;
}
img.ad {
  border:3px solid #E1E1E1;
}
.frontpage-header {
  font-size:150%;
  margin:15px 0 0 20px;
  position:absolute;
  width:650px;
  line-height:30px;
}

.search-header {
  margin-top:10px;
  margin-bottom:10px;
}
.search-header h1{
  display:inline;
}

.search-header span{
  margin-left: 20px;
}

#main-articles {
  margin-bottom:20px;
}
#banner-first a, #banner-last a, #main-contact {
  border:3px solid #E1E1E1;
  width:48%;
  height:255px;
  background:url(/rodin_co/frontend/elements/bg/maincontact_bg.jpg) top left;
}
#banner-first a, #banner-last a {
  display:block;
}
#banner-first, #main-contact {
  float:left;
}
#banner-last {
  float:right;
}
#main-contact .warning{
  margin:15px 20px;
}
#main-contact h2 {
  font-size:138.5%;
  padding:8px 10px 8px 10px;
  margin:0px;
 
  line-height: 1.1em;
}
#main-contact span {
 padding:0px 10px 8px;
 display:block;
 line-height:1.2em;
}
#main-contact form {
  margin-right:10px;
}
#main-contact form input{
  width:95%;
}
#main-contact form select{
  width:73%;
}
#main-contact form input, #main-contact form select{
  float:left;
  margin:0px 10px 8px;
}
#main-contact form input.button {
  width:100px;
}
#main-contact form input.btn-medium-small{
  margin:0px;
  width:65px;
}
#contact_frm #main-contact h2 {
  padding-left : 5px;
}

/** Content **/
#bd {
  overflow:hidden;
}
#main-content{
  /*padding: 15px 0;*/
  padding: 15px 0 15px 13px;
  position: relative;
  width:73.2%;
}
#main-content .productlisting{
 margin-left:5%;
 width:100%;
}

#image-listng {
  text-align:center;
}
a.pdf_link {
  background:url(/rodin_co/frontend/elements/bg/pdf_bg.gif) top left no-repeat;
  display:block;
  margin-top: 30px;
  padding:5px 10px 5px 20px;
  width: 512px;
}
a.pdf_link img{
  float:right;
  bottom:25px;
  position:relative;
}
.list_article img{
 max-width: 175px;
}

/** Left Menu **/
#navigatior-left{

  border-right: 1px solid #D9D9CB;
  margin-bottom: -9974px;
  padding: 17px 15px 9999px 0;
  width: 235px;

}
#navigatior-left a{text-decoration:none;}
/** Right Menu **/
#navigatior-right{
  padding: 17px 0 9999px 10px;
  margin-bottom: -9974px;
  border-left: 1px solid #D9D9CB;
  width:235px;
}

#navigatior-right h1,#navigatior-left h1{
  background: #FFFFFF url(/rodin_co/frontend/elements/bg/bg_rightmenu.jpg) no-repeat top left;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  height:32px;
  line-height:32px;
  text-align:center;
}
.accordion-menu, #catelog-menu {
  /*border-top:1px solid #DADADA;*/
  line-height:25px;
}
.accordion-menu li, #catelog-menu li, #catelog-menu ul.chapter-menu, #catelog-menu ul.section-menu {
  border-top:1px solid #D9D9CB;
  border-collapse: collapse;
}
#bd .accordion-menu li a, #catelog-menu li a, #sub-menu li {
  font-weight:bold;
}
#bd .accordion-menu li a, #catelog-menu li a{
  font-size: 0.95em;
}
.accordion-menu li a, #catelog-menu li a {
  padding:2px 0 2px 8px;
  display:block;
}
#catelog-menu li a:hover{
  background-color: #e6ebf0;
}
.accordion-menu li a, #bd .sub-menu li a:hover, #bd .sub-menu li a.selected, #catelog-menu li, #catelog-menu li a:hover, #catelog-menu ul.section-menu a:hover, 
#catelog-menu ul.section-menu li a.select-menu{
  background-position:0 50%;
  background-repeat:no-repeat;
  background-image:url(/rodin_co/frontend/elements/graphics/gray_icon.gif);
}
#catelog-menu li, #catelog-menu li a:hover, #catelog-menu ul.chapter-menu li{
  background-position:0 13px;
}
.accordion-menu li a:hover, .accordion-menu li a.selected {
  background-color:#EEEEEE;
}
.accordion-menu li.last-child, .sub-menu li.last-child, #catelog-menu li.last-child{
  border-bottom:1px solid #D9D9CB;
}
#chapter-menu{
  margin:3px 0 3px 10px;
}
#catelog-menu ul.chapter-menu, #catelog-menu ul.section-menu{
  padding: 0 0 0 8px;
}
#catelog-menu ul.section-menu li a:hover, #catelog-menu ul.section-menu li a.select-menu{
  background-position:0 11px;
}
#catelog-menu ul.section-menu li{
  background: none;
}
#catelog-menu ul.section-menu li a{
  font-size: 90%;
  font-weight: normal;
  padding: 0 0 0 8px;
}
#catelog-menu ul.section-menu li a:hover, #catelog-menu ul.section-menu li a.select-menu{
  font-weight: bold;
}
#catelog-menu ul.chapter-menu li, #catelog-menu ul.section-menu li{
  border:none;
}


/** Product preview Content **/
.product{
background-image:url(/rodin_co/frontend/elements/bg/bg_product_box.jpg);
background-repeat:no-repeat;
float:left;
height:163px;
margin:0px 20px 10px 0;
overflow:hidden;
padding:10px 0 0 15px;
position:relative;
width:196px;
}
.product h2{
background-image:url(/rodin_co/frontend/elements/bg/bg_productlist_hd.gif);
background-repeat:repeat-y;
font-size:0.9em;
line-height:1.3em;
margin-top:0;
padding:0 1.5em 0 0;
position:absolute;
z-index:1000;
}
.img_container{
top:50px;
left:15px;
position:absolute;
z-index:1;
}
.product_icon{
height:60px;
position:absolute;
right:3px;
top:37px;
width:100px;
z-index:-1;
}
.product_price{
bottom:30px;
font-size:0.9em;
position:absolute;
right:6px;
z-index:1000;
}
.product_price .total_price{
color:#616161;
font-size:0.8em;
}
.productlisting .buy_button{
bottom:5px;
position:absolute;
right:1px;
}
#right-content div.product_price{
 margin-top:10px;
 margin-bottom:0px;
}
/** Catalog details **/
p.cat-title, p.cat-subtitle, p.cat-text{
  clear: left;
}
p.cat-img{
  float: right;
}
p.cat-img img{
  width: 200px;
  display: block;
  margin-left: 5px;
  clear:both;
}

/** Product article Content **/
#main-content h2, #campaign_list h2{
 font-size: 110%;
 line-height:1em;
}
p.art-title, p.art-subtitle, p.art-text{
  width: 400px;
  clear: left;
}
p.art-img{
  float: right;
/*  display: block;*/
}
p.art-img img{
  width: 200px;
  display: block;
 clear:both;
}
p.art-img img.img-portrait, p.p-img img.img-portrait{
 height:200px;
 width:auto;
 padding-right:10px;
}

p.p-img img{
 width: 200px;
 /*display: block;*/
 padding-left:10px;
}
p.art-long-img a img{
 width:99%;
}
ul.product-tech span{
  display: block;
  float: left;
  width: 150px;
}
div.product-info{
  padding: 20px 0;
}
div.product-info p, div.product-info label{
  float: none;
  display: inline;
}
div.product-info p{
  padding-right: 30px;
}
div.product-relate ol{
  position: relative;
  clear: right;
}
div.product-relate li {  
  float:left;
  margin-right:5px;
}
div.product-relate a{
  font-size: 100%;
  background:#e1e1e1 url(/rodin_co/frontend/elements/bg/p-menu-left.jpg) no-repeat scroll left top;
}
div.product-relate a span { 
  background:#e1e1e1 url(/rodin_co/frontend/elements/bg/p-menu-right.jpg) no-repeat scroll right top;
}
div.product-relate a:hover, div.product-relate a.selected { 
  background:#ffffff url(/rodin_co/frontend/elements/bg/p-menu-left-hover.jpg) no-repeat scroll left top;
}
div.product-relate a:hover span, div.product-relate a.selected span{ 
  background:#ffffff url(/rodin_co/frontend/elements/bg/p-menu-right-hover.jpg) no-repeat scroll right top;
}
div.product-relate li.p-pdf{
  float: none;
  margin: 0;
  height: 24px;
  text-align: right;
}
div.product-relate li.p-pdf a{
  background: #FFFFFF url(/rodin_co/frontend/elements/bg/pdf_icon.jpg) right center no-repeat;
  padding-right: 30px;
  float: none;
  display: inline;
}
.p-net-price{
  background:url(/rodin_co/frontend/elements/graphics/Information-icon.png) right center no-repeat;
  padding-right:25px;
  margin-right:25px;
}
div.product-relate div, div.productlist, div.cat_head, #prod_list_ajax{
  border: 1px solid #E1E1E1;
/*  padding: 15px 0;*/
}
div.product-relate table{
  margin-bottom: 20px;
}
div.product-relate table, div.product-relate th, div.product-relate td, table.productlist, table.productlist th, #cat_list table, #cat_list th, 
#prod_list_ajax table, #prod_list_ajax th{
  border: none;
}
div.product-relate tr{
 height: 25px;
}
div.product-relate th, table.productlist th, #cat_list th, #prod_list_ajax th{
  background-color: #EEEEEE;
  color: #333333;
}
div.product-relate th.p-nu{
  width: 130px;
}
div.product-relate th.p-desc{
  width: 344px;
}
div.product-relate th.p-price, div.product-relate td.p-price{
 width:100px;
 text-align:center;
}
div.product-relate td.p-price, table.productlist td.p-price, table.productlist td.p-sum, table.productlist th.p-sum, .data-lists td.p-price, div.nav-back, #remind-login, p.submit{
 text-align:right;
}
div.product-relate th.p-stock, table.productlist th.p-stock{
 width: 10px;
}
div.product-relate .p-stock, div.product-relate th.p-price, table.productlist .p-stock, table.productlist th.p-price, table.productlist td.p-btn, 
.data-lists .p-stock, .data-lists th.p-price{
 text-align:center;
}
.data-lists .p-stock{
 width:15px;
}
.data-lists .p-price{
 width:50px;
}
div.product-relate th.p-buy{
  width: 130px;
}
table td.p-buy{
 line-height:1em;
 vertical-align:top;
 position: relative;
}
td.p-buy form, .text-search #search_txt, #user-info ul, #user-info ul li{
 float:left;
}

ul.product-tech span, div.product-info p, #main-content h2, div.product-relate th, table.productlist th, #cat_list th, #prod_list_ajax th{
  font-weight: bold;
}

/** Contact form**/
#contact_us {
  margin-top:30px;
}
#contact_us .message-txt {
  width:30%;
}
#contact_us textarea {
  clear:both;
  float:left;
  width:38%;
}
#submit{
  margin-left: 241px;
}
form#contact_form p{
  margin:0;
  padding:0;
}

/** Footer **/
#ft {
  height:120px;
}
#ft a, .user-list li a, #campaign h2 a{
  color:#555555;
}
#ft-top {
  border:3px solid #E1E1E1;
  background-color:#E7E7E7;
  height:75px;
  padding:5px;
}
#footer {
  background:url(/rodin_co/frontend/elements/graphics/roco_logo.gif) top left no-repeat; 
  height:75px;
  float:left;
}
#footer p{
  margin:5px 0;
}
#footer span {
  margin-left:5px;
  float:left;
}
#footer span.shopname, #footer span.shopphone, #footer span.shopfax {
  margin-left:75px; 
  clear:left;
  border-right:1px solid #555555;
  padding-right:5px;
}
#footer span.shopemail{
  border-left:1px solid #555555;
  padding-left:5px;
}
#footer span.shopcity, #footer span.orderphone {
  clear:right;
}
#partners{
  float:right;
}
#powered-by{
  float:right;
  color: #AAAAAA;
  font-size: 0.8em;
}
#powered-by a{
  color: #AAAAAA;
}
#ft-bottom {
  margin-top:10px;
}
#bd .sub-menu li a {
  background-image:none;
  font-weight:normal;
  padding-left:1.4em;
}
#bd .sub-l2-menu li a {
  padding-left:2.3em;
}
#bd .sub-menu li a:hover, #bd .sub-menu li a.selected {
  background-color:#ffffff;
  background-position:3.5% 50%;
}
#bd .sub-menu li ul li a:hover, #bd .sub-menu li ul li a.selected {
    background-position:9% 50%;
}
/** Wysiwyg reset classes **/
#bd .wysiwyg ol,#bd .wysiwyg ul {
       margin-left:2em;
}
#bd .wysiwyg ol li{
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
#bd .wysiwyg ul li{
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}


.product-room{
  height:120px;
}
.product-room img, .product-room span{
  float:left;
  clear:both;
}
.yui-ge div.product-room{
  width:49%;
}
#error_message, .warning-txt{
 color:red;
 font-size:1em;
 line-height:1em;
 padding:5px;
 margin:15px;
}

/* basket_edit */
div.basket-opt, div.productlist, #cat_list, #prod_list_ajax{
  margin-bottom: 20px;
}

div.basket-opt form {
  border-left:1px solid #666666;
  display:inline;
  font-size:12px;
  padding-left:5px;
}
div.basket-opt form input {
  font-size:12px;
}

/* Search Resault Table */
#cat_list, #prod_list_ajax{
  font-size: 11px;
  line-height: normal;
}
#cat_list, #prod_list_ajax, #prod_list_ajax h4.title-list, #cat_bc a{
  color: #666666;
}
#cat_list th{
  width: 33.3%;
}
.data-lists tr.search_prod td{
  vertical-align:top;
}
.data-lists td.last, .data-lists td.lev-col {
  white-space:nowrap;
}
#cat_list .data-lists span {
  float:right;
}
#prod_list_ajax .data-lists th span {
  display: none
}
#prod_list_ajax h4.title-list{
  font-weight: normal;
}
#cat_list th, #cat_list td {
  border-right:1px dotted #CCCCCC;
}
#cat_list th.last, #cat_list td.last {
  border-right: none;
}
#cat_list, .cat_head{
/*  padding: 15px 0 0 0;*/
}
#prod_list_ajax{
  padding: 5px 0;
}
tr.search_prod td{
/*  padding-bottom: 15px;*/
}
.first_col, th.searchTop_prodNo{
 width:90px;
}
#main-content .table_text{
 margin:0;
 padding:0;
 border:0;
}
#main-content .table_text p{
 padding:5px 0 0 5px;
}
#main-content .article_files{
 margin:0;
 padding:0;
 border:0;
}
#main-content .article_files p a{
 background:none;
}
#main-content .article_files p{
 display:block;
 clear:both;
}
#main-content .clear{
 clear:both;
 border:0 none;
 margin:0;
 padding:0;
}
#cat_bc, #page-nav{
 padding: 0 0 5px 5px;
 font-size: 12px;
}
#page-nav{
 float: right;
}
#page-nav > li{
 display: inline;
 padding: 0 5px;
}
#remind-login {
 color:#AAAAAA;
 font-size:0.9em;
}

/* registrering */
form.regis-search #submit, div.register fieldset{
 padding: 0;
 margin: 0;
}
div.register fieldset{
 border: none;
}
form.regis-search fieldset{
 padding-bottom: 20px;
}
form.regis-search p, form.regis-search label{
 display: inline;
 text-align: left;
 width: auto;
 padding-right: 10px;
}
form.regis-search p #company, form.regis-search label{
 width: 200px;
}
form.regis-form label{
 width: 180px;
 text-align: right;
 padding-right: 10px;
}
form.regis-form div{
 margin-bottom: 40px;
}
form.regis-form input.ziparea{
 margin-left:2px;
 width:160px;
}
form.regis-form input.zipcode{
 width:38px;
}
p.warn-mand{
 font-weight: bold;
}
form.regis-form input{
 width:200px;
}
#user-exist{
 padding-left: 5px;
}
.checkuser-error{
 color: red;
}
input.warning-block{
 border: 1px solid red;
}

/** login template **/
div.login-form{
 padding-top: 20px;
}
div.login-form #login-btn{
 margin-left:90px;
}
div.login-form #username, div.login-form #password{
 width: 128px;
}
.order_layout table{
 margin:8px 0px 8px 0px;
}
.order_layout label{
 width:65%;
}
.order_layout .long{
 width:300px;
}
#ordersteps .selected{
 font-weight:bold;
}
#cat_list{
 margin-bottom:0;
}

.new-right-menu{
  float:left;
  padding-right:10px;
}
.breadcrumb{
  color:#194D89;
  margin-bottom: 20px;
}
.breadcrumb a{ text-decoration:none;}

.product-thumnail{
  width: 60px; 
  /*height: 48px;*/ 
  border: 1px solid #D9D9CB; 
  position: absolute;
  background: #FFFFFF;
  
}
div.product-relate a.price_info{
 background: none repeat scroll 0pt 0pt transparent;
 margin-left:2px;
}
/********** Price Info Popup ***********/
.price-info{
  width:300px;
  padding-bottom:4px;
  padding-left:4px;
  padding-right:4px;
  padding-top:4px;
  border: 1px solid silver;
  position:absolute;
  top:240px;
  right:35%;
  z-index:999;
  text-align:left;
  height:150px;
  overflow:auto;
  width:200px;
  padding:5px 5px 5px 12px;
  background:#FFFFCC;
  border:0px none;
  -moz-box-shadow:5px 5px 5px #CCCCCC;
  -webkit-box-shadow:5px 5px 5px #CCCCCC;
  box-shadow:5px 5px 5px #CCCCCC;
}
.price-info p, .price-info span{
  float:left;
  text-align:left;
}
.price-info p{
  width:100%;
}
.price-info span{
  text-align:left;
}
.price-info span.price_hd{
  font-weight:bold;
  width:50%;
}
.price-info span.kr{
  width:10%;
}
.price-info span.price_number{
  text-align:right;
  width:30%;
}
#close-popup-btn{
  background:url(/rodin_co/frontend/elements/graphics/popup-close-btn.gif) 100% 50% no-repeat;
  padding-right:16px;
  height:15px;
  line-height:15px;
  color:red;
  text-transform:none;
  float:right;
  cursor:pointer;
  font-weight:normal;
  width:auto;
  border:0 none;
  margin:0px;
}
/********** New frontpage ************/
button{
  font-family:inherit;
  font-size:inherit;
}
#article{
 border-top:1px solid #CCCCCC;
}
#user-info{
 background: url(/rodin_co/frontend/elements/bg/topmenu-bg-left.gif) no-repeat left bottom;
 float:right;
 font-size:12px;
 font-weight:bold;
 text-align:right;
 padding-left:7px; 
}
#user-info, #user-info a{
 color:#000000;
}
#user-info ul{
 background:#ffffff url(/rodin_co/frontend/elements/bg/topmenu-bg-right.gif) no-repeat right bottom;
 padding:2px 0px;
}
#user-info li{
 padding:0px 10px;
 display:inline;
}
#user-info li a{
 text-decoration:none;
}
#user-info span{
 margin-right:10px;
}
/*** Catalog menu ***/
#sub-menu, .right-content-box img, #campaign_list .product, #campaign_list .product img{
  float:left;
}
#sub-menu{
  position:relative;
  top:5px;
  padding:5px 0px;
}
#sub-menu li{
  padding:0px 15px 0px 1px;
  background-position:100% 50%;
}
#sub-menu li, #main-news h2, #contact_frm .wysiwyg h2, .user-list li, p.user-list{
  background-image:url(/rodin_co/frontend/elements/bg/arrow.gif);
  background-repeat:no-repeat;
}
#sub-menu li a{
  color:#054887;
}
#sub-menu, #front-article .yui-g, #main-news .yui-gf, #contact_frm .yui-gf{
  width:100%;
}
#sub-menu a, #campaign h1{
  font-size:100%;
}
#sub-menu a.selected{
  text-decoration:underline;
}
/*** New frontpage: Right side ***/
#front-article{
  padding-top:10px;
}
.frontpage-border{
  border-top:1px solid #CCCCCC;
}
#right-content div{
  margin-bottom:10px;
}
#right-content h2{
  text-transform:uppercase;
}
#right-content h2{
  margin-top:10px;
}
.right-content-box, #campaign_list .product{
  display:block;
  height:150px;
  padding:20px 10px;
  width:215px;
  background:url(/rodin_co/frontend/elements/bg/bg_catalog_box.jpg) top left no-repeat;
}
.right-content-box span{
  font-weight:bold;
}
.right-content-box span, #banner .btn-medium-small, #campaign .product_txt, #campaign .btn-medium-small, #campaign .product_price, #campaign_list .product .product_txt, #campaign_list .product span{
  float:right;
}
.right-content-box span, #campaign h1 a, #campaign_list .product{
  color:#7A7A7A;
}
/*** Right side, login box ***/
#login-form label, #banner a, #right-content div.to-basket a{
  display:block;
}
#login-form label, #login-form .text{
  width:97%;
}
#login-form label{
  float:none;
}
.login{
  border:3px solid #E1E1E1;
  padding:5px 10px;
  width:209px;
  height:205px;
  background:url(/rodin_co/frontend/elements/bg/frontpage_bg.jpg) top left no-repeat;
}
#right-content .login, #right-content .banner{
  margin-top:0.5em;
}
/*** Right side, banner box ***/
#banner span{
  padding:0px 10px;
  top:45px;
  width:80px;
}
#banner span, #banner .btn-medium-small, #campaign, #campaign .product_price{
  position:relative;
}
#banner .btn-medium-small{
  margin-right:10px;
  top:75px;
  padding:4px 2px;
}

/*** Right side, campaign box ***/
#campaign h2, #campaign h1, #campaign .product_img{
  margin:0px;
}
#campaign .btn-medium-small{
  position: absolute;
  right: 3px;
  bottom: 3px;
}
#campaign h1, #campaign h2, #right-content div.product_price{
  margin-bottom:5px;
}
#campaign .product_txt{
  width:40%;
  height:87px;
}
#campaign .product_price{
  clear:both;
  right:3px;
  top:10px;
}

/*** Campaign list ***/
#campaign_list .product{
 margin:20px 6px;
}
#campaign_list .product_price{
  bottom:35px;
  right:9px;
  text-align:right;
  width:70px;
}
#campaign_list{
  overflow:hidden;
  padding:35px 0px 15px 0px;
}
#campaign_list .product_text{
  float:right;
  position:relative;
  top:30px;
  width:33%;
  margin:0% 3% 0% 1%;
}

/*** New frontpage: main content ***/
.content-box, #teaser{
  margin-bottom:20px;
}
#main-news .list_article .first, #contact_frm .list_article .first{
  width:46%;
}
#main-news .wysiwyg, #contact_frm .wysiwyg{
  width:54%;
}
#main-news h2, #contact_frm h2, .user-list li, p.user-list{
  margin:0px;
  padding-left:20px;
  background-position:0% 50%;
}
/*** Main content, contact form ***/
#contact_frm yui-u{
  margin-left:2%;
}
/*** New registeration process page ***/
.user-list li, p.user-list, p.forgot-epost{
  padding-left:20px;
}
.pwd-btn{
  cursor:pointer;
}
.input-error{
  border:1px solid red;
}
.article-image{
 padding-top:15px;
}