/*
    Document   : extends.manuals
    Created on : 18.02.2011, 15:32:29
    Author     : marexx
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.contentText {
    border-bottom: 1px solid #c3c3c4;
    margin-bottom: 5px;
}

.contentTextImageGrey {
    border-bottom: 1px solid #c3c3c4;
    padding: 10px 0;
}

.contentTextImageGrey h5{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}

.contentTextImageGrey img {
    margin-right: 10px;
}

.contentTextImageGrey .contentText {
    border: none;
    margin:0;
    padding-bottom: 5px;
}

.contentTextImageGrey a.ctrLink {
    display: inline;
}

.contentTextImageGrey .footnote {
    font-size: 11px;
    display: block;
    margin-top: 5px;
}

.mainBoth form,
.mainLeft form{
    background-color: #f2f2f2;
    border: 1px solid #c3c3c4;
    padding: 10px 10px 0 10px;
    font-size: 12px;
    margin-bottom: 10px;
}

.mainBoth form fieldset,
.mainLeft form fieldset{
    border-bottom: 1px solid #c3c3c4;
    margin-bottom: 10px;
}

.mainBoth form .formRowLeftTitle h5,
.mainLeft form .formRowLeftTitle h5{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 8px;
}

.mainBoth form .formRowLeftTitle p,
.mainLeft form .formRowLeftTitle p{
    text-align: right;
    margin-right: 10px;
    /* padding: 8px 0; */
    height: 16px;
    padding: 3px 0;
    margin-bottom: 10px;
}

.mainBoth form .formRowLeftTitle,
.mainLeft form .formRowLeftTitle{
    float: left;
    width: 240px;
    padding-bottom: 15px;
}

.mainLeft form .formRowLeftTitle {
    width: 160px;
}

.mainBoth form .formRowLeft {
    float: left;
    text-align: right;
    width: 240px;
    padding-bottom: 15px;
}

.mainBoth form .formRowRight,
.mainLeft form .formRowRight{
    float: right;
    padding-bottom: 15px;
    width: 470px;
}

.mainLeft form .formRowRight {
    width: 300px;
}

.mainBoth form p.radio,
.mainLeft form p.radio{
    float: left;
    margin-right: 20px;
}

.mainBoth form p.radio input,
.mainLeft form p.radio input{
    width: 12px;
    height: 12px;
    margin:0 5px 0 0;
}

.mainBoth form fieldset a,
.mainLeft form fieldset a{
    display: inline;
    margin-right: 0px;
    padding-right: 0;
    background: none;
    padding-left: 0;
}

.mainBoth form fieldset .formBlock,
.mainLeft form fieldset .formBlock{
    margin-bottom: 10px;
    position: relative;
}

.mainBoth form fieldset .formBlock input.cb,
.mainBoth form fieldset .formBlock input.rb{
    float: left;
    margin-right: 10px;
}

input.big,
textarea.big{
    width: 180px;
    /* margin-right: 10px; */
}

input.medium {
    width: 155px;
    margin-right: 10px;
}


input.small,
select.small{
    width: 65px;
    margin-right: 10px;
}

.mainBoth form fieldset .formBlock p{
    width: 420px;
    float:left;
}

.mainLeft form fieldset .formBlock p{
    /* width: 300px; */
    float:left;
}

.mainBoth form fieldset label.leftLabel,
.mainLeft form fieldset label.leftLabel{
    position: absolute;
    left: -210px;
    width: 200px;
    text-align: right;
}

.mainLeft form fieldset #packages input{
    float: left;
}

.mainLeft form fieldset label.rightLabel {
    width: 80px;
    display: block;
    float: left;
    text-align: right;
    padding-right: 5px;
}

.mainBoth form fieldset .subInput,
.mainLeft form fieldset .subInput{
    margin: 10px 0 10px 28px;
    width: 440px;
}

.mainBoth form fieldset .subInput input,
.mainLeft form fieldset .subInput input{
    float: left;
}

.mainBoth form fieldset .subInput p,
.mainLeft form fieldset .subInput p{
    width: auto;
    margin-right: 10px;
}

.noBorder,
.mainBoth form .noBorder,
.mainLeft form .noBorder{
    border: none;
}

.mainBoth form fieldset.noBorder,
.mainLeft form fieldset.noBorder{
    margin-bottom: 0;
}

.mainLeft form fieldset.noBorder .formRowLeftTitle {
    padding-bottom: 0;
}

.mainBoth form fieldset.noBorder .formRowRight,
.mainLeft form fieldset.noBorder .formRowRight{
    padding-bottom:0;
}

.mainBoth form #sbBtn,
.mainLeft form #sbBtn{
    float: right;
    margin:0 0 10px 0;
}

#errorMessage,
span.error{
    color: red;
    margin-bottom: 10px;
    border: none;
    display: block;
    margin-top: 5px;
}

.error {
    color: red;
    border: 1px solid red;
}



form#packageData,
form#billingAddress{
    border-top: none;
}

form#billingAddress table,
form#pickUpServiceSummary table {
    width: 100%;
    margin-bottom: 10px;
}

.formBlockFloat {
    float: left;
    margin-right: 10px;
}

.formBlockFloat label {
    display: block;
}

#searchBean #submit_go {
    margin-top: 15px;
}



#manuals .searchResultNavi{
    border-bottom: 1px solid #c3c3c4;
    margin-bottom: 10px;
    padding-bottom: 5px;
    margin-top: 15px;
}

#manuals .searchResultNavi h2 {
    font-weight: bold;
    font-size: 14px;
    float: left;
    padding: 0;
}

#manuals .searchResultNavi .paginaton {
    float: right;
}

#manuals .searchResultNavi .paginaton a {
    font-size: 12px;
    font-weight: bold;
    padding: 2px 3px;
}

#manuals .searchResultNavi .paginaton a img {
    float: none;
}

#manuals .searchResultNavi .paginaton b,
#manuals .searchResultNavi .paginaton a.active {
    background-color: #E1E1E2;
    font-weight: bold;
    padding: 0px 4px;
}

#manuals #searchResult {
    width: 100%;
}

#manuals #searchResult td {
    vertical-align: top;
    padding: 10px 0px 10px 0;
}

#manuals #searchResult td{
    border-bottom: 1px solid #c3c3c4;
    font-size: 12px;
}

#manuals #searchResult td.srImage img {
    border: 1px solid #c3c3c4;
}

#manuals #searchResult td .srDetails {
    border-top: 1px solid #c3c3c4;
}

#manuals #searchResult tr.srDetailLastTr  td{
    border-bottom: none;
}

#manuals #searchResult .srDetails tr.srDetailLastTr td {
    padding: 5px 0 0 0;
    width: auto;
}

#manuals #searchResult tr.srDetailLastTr td .btnBlue {
    float: right;
    margin: 5px 0 0 10px;
}

#manuals #searchResult td .srDetails .grey {
    background-color: #e1e1e2;
}

#manuals #searchResult td .srDetails {

}

#manuals #searchResult td .srDetails td{
    width: 119px;
    padding: 5px;
}

#manuals #searchResultNaviBottom {
    border-bottom: none;
    margin-top: 2px;

}

body {
    background-color: #ffffff !important;
    color: #000000;
}




#site {
    margin: 0 auto;
    width: 486px;
    padding-left:0px;
}



#content {
    padding-bottom: 0px;
}



#mainContent {
    float: left;
    margin-left: 0px;
    width: 200px;
}

p.labelBosch {
    padding:10px 0;
}

.pagination-active {
    background-color: #E1E1E2 !important;
}

.manual-preview {
    height: 55px;
}

.new-height {
    height: 50px !important;
}

#site #mainContent #manuals.mainLeft .button span {
    height: auto;
    padding-bottom: 4px;
}