/* CSS home */

/*this stylesheet can be used for the html of solution - responsability and siva company */

#header .center {
 border-bottom: 0px;
}

body#item {
 background-color: #FFF;
}

#item #stripe {
 padding-bottom:10px;
 padding-top:5px;
 float: left;
 margin-top:0px;
 background: transparent url(../images/bg_stripe_item.gif) top left repeat-y;
}

#item #leftcolumn {
 float: left;
 width: 127px;
 padding-left: 10px;
 padding-right: 10px;
 background: transparent;
}

#item #centercolumn {
 float: left;
 width: 608px;
 padding-left: 10px;
 padding-right: 10px;
 margin-left:20px;
 padding-bottom: 10px;
 background: transparent;
}

#centercolumn p {
 margin-bottom: 8px;
}

.wrapper {
 float: left; 
 padding-left: 5px; 
}

#bottomcolumns {
 float: left; 
 width: 610px;
 border-top: 1px solid #666;
 padding-left: 10px;
 margin-left:10px;
}

/*******************************************/
/*this ul controls the submenu on the left hand side*/



#item #leftcolumn ul {
 width: 127px;
 margin: 5px 0px 10px 0px;
 list-style-type: none;
 float: left;
 background: transparent url(../images/bg_li_items_hover.gif) 0% -9999px no-repeat; 
}


#item #leftcolumn li {
 display: block;
 margin: 0px;
 width: 127px;
 font-size: 12px;
 font-family: Arial;
 font-weight: 300;
 color:#F37021;
 list-style-type: none;
 word-wrap: break-word;
 white-space: nowrap;
 padding: 1px 0px 1px 13px;
 float: left;
 background: transparent url(../images/bg_li_items.gif) 0% 6px no-repeat;
}

#item #leftcolumn li:hover {
 background: transparent url(../images/bg_li_items_hover.gif) 0% 6px no-repeat;
}


#item #leftcolumn a {
 margin: 0px;
 font-size: 11px;
 font-family: Arial;
 font-weight: 300;
 color:#F37021;
 word-wrap: break-word;
 white-space: nowrap
}

#item #leftcolumn form input {
 margin-right: 5px;
 margin-top: 6px;
}

#item #leftcolumn form p {
 color:#F37021;
}

#item #leftcolumn h4 a,
#bottomcolumns ul li a,
#item #leftcolumn li a {
 color:#F37021;
 text-decoration: none;
}

#bottomcolumns ul li a:hover,
#item #leftcolumn h4 a:hover,
#item #leftcolumn li a:hover {
 color: #666;
 text-decoration: underline;
}

#item #leftcolumn h4 {
 color:#F37021;
 font-size:16px;
 font-weight: normal;
}

/*******************************************/

#item .box {
 float: left;
 width: 135px;
 padding-right: 10px;
 margin: 10px 0px 0px 0px;
 background: transparent;
}

#item .minibox {
 float: left;
 width: 115px;
 padding-right: 10px;
 margin: 10px 0px 0px 0px;
 background: transparent;
}

#item .box img {
 padding: 0px 0px 3px 0px;
}

#item #stripe h2 {
 color: #40312D;
 font-size:16px;
 margin-top: 5px;
 margin-bottom: 5px;
 font-weight: normal;
}

#item #stripe h3 {
 color: #40312D;
 font-size:15px;
 margin-top: 5px;
 margin-bottom: 5px;
 font-weight: normal;
}

#item #stripe p {
 color: #808285;
 font-size: 11px;
 line-height: 17px;
}

#item .title {
 float: left;
 width: 600px;
}

#item .title h1 {
 font-size: 60px;
 color:#FFFFFF;
 line-height: 70px;
}

#item .linksbottom {
 float: left;
 width: 500px;
 color:#FF6600;
 padding-left: 83px;
 position: relative;
 display: none; /*this is not displayed because the links can be easily put in the text */
}

/* table of products */

.linksbottom {
 font-size:11px;
}

.even {
 font-size: 11px;
 text-align: left;
 margin: 0px;
}

div.even {
 background: transparent url(../images/bg_line.gif) left bottom repeat-x;
 padding-top:0px;
 padding-bottom:8px;
 margin: 0px;
 padding-right:10px;
 width: 600px;
 float: left;
 margin-bottom:8px;
}

.description {
 float: left;
 width: 430px;
}

.description p{
 width: 360px;
 padding-bottom: 0px;
 margin-bottom: 0px;
}

/* links in the text */
.description a {
 color:#FF6600;
 text-decoration: underline;
}

.description a:hover {
 color:#333;
 text-decoration: underline;
}

/* links in the text */

.even p {
 color: #F37021;
 padding-right: 20px;
}

.nameproduct {
 float: left;
 width: 160px;
 padding-top:0px;
 padding-left:10px;
}


div#last.even {
 background: transparent;
 padding-top:8px;
 padding-bottom:8px;
 margin: 0px;
}

div#first.even {
 background: transparent url(../images/bg_line.gif) left bottom repeat-x;
 padding-top:0px;
 padding-bottom:8px;
 margin-top: 0px;
}


.description img {
 border: 1px solid #CCC;
 padding: 1px 1px 1px 1px;
 margin: 7px 10px 10px 0px;
 width: 73px;
 height: 72px;
 float: left;
}



div .product{
 width: 440px;
 background-color: transparent;
 color: #40312D;
 font-size: 16px;
 text-align: left;
 margin-bottom:3px;
 margin-top: 5px;
 float: left;
}


div .example{
 width: 150px;
 background-color: transparent;
 color: #40312D;
 font-size: 16px;
 text-align: left;
 float: left;
 margin-bottom:3px;
 margin-top: 5px;
 padding-left:0px;
}