/*        
 *     THE LAYOUT
 */

body {
    margin:0px;
    padding:0px;
    background-color:#ffffff;
    background-image:url(/system/modules/de.letteron.threeedge/resources/images/background.jpg);
    background-repeat: repeat-x;
    font-family:Helvetica, Arial, sans-serif;
}

a, a img {
    outline:none;
}


#window {
    margin:auto auto;
    padding:0px;
}

#page {
    width:1000px;
    height:100%;
    padding:0px;
    margin:0px;
}

#header {
    margin:0px;
    padding:0px;
    top:0px;
    left:0px;
    background-color: #ffffff;
    background-image:none;
}

#topnav_right {
    position:absolute;
    left:754px;
    top:6px;
    line-height:20px;
    color:#0063a6;
    font-size:12px;
}

#topnav_right div {
    position:absolute;
    top:3px;
    width:200px;
    left: 50px;
}

#topnav_right div a {
    color:#0063a6;
    text-decoration:none;
}

#topnav_right div a:hover {
    color:#0063a6;
    border-bottom:2px solid #f5b610;
}

#nav_main {
    position:relative;
    padding-top:0px;
    margin-top:15px;
    padding:0px;
}    

#breadcrumb {
    padding-left:12px;
    padding-top:7px;
    font-size:10px;
    border-bottom:1px solid #f0f0f0;
}

#main {
    padding: 0px;
	margin-right:6px;
}

#col1_content {
    padding-right:0px;    
}

#col2_content {
    padding-left:6px;
    padding-right:0px;
}

#col3_content {
    padding-top:5px;
}


#logo {
    width:220px;
    height:88px;    
}

#footer {
    border-top: 3px solid rgb(245, 182, 15);
    background-color: #ffffff;
    height:60px;
    padding:0px;
    padding-left:0px;
    padding-top:6px;
    color:#1f7bbe;
    background-image:none;
}

#footer_left {
    float:left;
    padding-left:8px;
    margin:0px;
    width:30%;
    height:100%;
}

#footer_right {
    float:right;
    text-align:right;
    width:69%;
    height:100%;
}

/*
 *         THE TOPNAVIGATION
 */
ul#topnav {
    position:absolute;
    top:0px;
    left:270px;
    width:440px;
    margin-left:0px;
    padding-left:0px;   
    text-decoration:none;
}

ul#topnav li {
    display:inline;
    padding-left:0px;
    margin-left:0px;
    margin-right:10px;
    text-decoration:none;
}

ul#topnav li a {
    color:rgb(55,66,74);
    font-size:12px;
    text-decoration:none;
}

ul#topnav li a:hover {
    border-bottom:2px solid #f5b610;   
    text-decoration:none;
}

ul#topnav li a.current {
    border-bottom:2px solid #f5b610;   
    text-decoration:none;
}


/*
 *        THE MENU
 */

ul#nav {
    position:relative;
    padding-top:0px;
    padding-left:0px;
    margin-left: 0px;
    padding:0px;
    margin:0px;
    height:65px;
    background-image:url(/system/modules/de.letteron.threeedge/resources/images/mainnav_bg.jpg);
    border-bottom:3px solid #f5b610;
    cursor:default;
    text-decoration:none;
}

ul#nav li {
    float:left;
    height:65px;
    margin-left:0px;
    margin-right:0px;
    list-style-type: none;
    background-image:url(/system/modules/de.letteron.threeedge/resources/images/mainnav_trenner.jpg);
    background-repeat:no-repeat;
    background-position: 100% 0;
    cursor:pointer;
    text-decoration:none;
}

ul#nav li.menuitem-current {
    background-image:url(/system/modules/de.letteron.threeedge/resources/images/mainnav_bg_activ.jpg);
    background-repeat:repeat-x;
    text-decoration:none;
}

ul#nav li.menuitem-current div.upper {
    top:10px;
    text-decoration:none;
}
ul#nav li.menuitem-current div.lower {
    display:block;
    text-decoration:none;
}

ul#nav li a {
    color:#ffffff;
    text-decoration:none;
}

ul#nav li a:hover {
	text-decoration:none;
}



ul#nav li div.upper {
    position:relative;
    padding-left:12px;
    padding-right:12px;
    top:30px;
    display:block;
    font-size:16px;
    text-decoration:none;
}

ul#nav li div.lower {
    display:none;
    margin-top:10px;
    padding-left:12px;
    padding-right:12px;
    line-height:13px;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#e3e2c5;
    text-decoration:none;
}


span.yellowSlash {
    color:#f5b610;
    font-weight:bold;
    letter-spacing:-1px;
}

ul#nav li div.upper a:hover {
	border:1px solid red;
    text-decoration:none;
}




/*
 *         THE FOOTER NAVIGATION 
 */

ul#footernav {
    margin-right:6px;
    padding-top:0px;
    margin-top:0px;
}

ul#footernav li {
    display: inline;
    width:300px;
    margin:0px;
    padding-left:16px;
}

ul#footernav li a {
    color: #1f7bbe;
    text-decoration:none;
}

ul#footernav li a:hover {
    color: #1f7bbe;
    border-bottom:2px solid #f5b610;
    text-decoration:none;
}

ul#footernav li a.current {
    color:#1f7bbe;
    border-bottom:2px solid #f5b610;
}

/*
 *        THE QUICKSEARCH
 */

#searchBox {
    position:absolute;
    top:60px;
    left:752px;
    width:240px;
    background-image: url('/system/modules/de.letteron.threeedge/resources/images/search-field.png');
    background-repeat:no-repeat;
}

#searchBox input {
    border:none;
    margin-top:5px;
    margin-left:14px;
    padding-top:0px;
    height:24px;
    line-height:24px;
    background-color:transparent;
    outline:none;
    width:75%;
    float:left;
}

#searchBoxBtn img {
    cursor:pointer;
    outline:none;
    float:right;
}
/*
 *        FRONTPAGE TEASERBOXES
 */

div.frontpage-teaserBoxEntry {
    border:1px solid #c0c0c0;
    float:left;
    width:318px;
    margin-right:6px;
    background-color:#f2f2f2;
    min-height:300px;
    max-height:300px;
}

div.frontpage-teaserBoxEntry h1 {
    padding-left:6px;
    font-size: 24px;
    color:#1f7bbe;
}

div.teaserBox-excerpt  {
    padding-left:6px;
}

.view-article h2{
    margin-top:0px;
}


/*
 *    SEVERAL FORM ELEMENTS
 */

table.webform_table {
    border-spacing:5px;   
}

td.webform_label, td.webform_label_multi {
    width:160px;
}

td.webform_label_multi {
    vertical-align:top;
}

td.webform_field, td.webform_field_multi {
    width:300px;
}

td.webform_button input {
    width:100px;
    height:24px;
    line-height:24px;
}

td.webform_button .resetbutton{ display:none;}    

td.webform_mandatory {
    display:none;
}

select {
    width:97%;
    color:#0063a6;
    border:1px solid #aeaeae;
    height:24px;
    padding-top:2px;
}

textarea {
    width:97%;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    border:1px solid #aeaeae;
    color:#0063a6;
    font-size:14px;
    padding-left:4px;
    padding-top:4px;
}

input {
    border:1px solid #aeaeae;
    height:20px;
    width:97%;
    color:#0063a6;
    font-size:14px;
    padding-left:4px;
    padding-top:4px;
}

input[type=submit] {
    padding:0px;
    line-height:20px;
    float:right;
}

.amountinput {
    width:40px;
    height:20px;
    margin-left:20px;
}

input[type=checkbox] {
    height:15px;
    width:15px;
}

/*
 *    THE SEARCH PAGE
 */

form#searchForm {
    margin-bottom:40px;
}

form#searchForm input[name="query"] {
    border:1px solid #aeaeae;
    height:20px;
    width:300px;
    color:#0063a6;
    font-size:14px;
    padding-left:4px;
    padding-top:4px;
}

form#searchForm input[type="submit"] {
    border:1px solid #aeaeae;
    margin:0px;
    padding:0px;
    width:100px;
    height:27px;
}

small {
	font-size:14px;
}



#imageCarousel{
position: relative; /*leave this value alone*/
border: 0px;
overflow: scroll; /*leave this value alone*/
width: 693px; /*Width of Carousel Viewer itself*/
height: 260px; /*Height should enough to fit largest content's height*/
margin-bottom:12px;
}

#imageCarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

#imageCarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 693px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/* Product table on page for product request */

div#requestedProducts div {
    line-height:20px;
    font-size:16px;
}

table#products {
    font-size:12px;
}

table#products tr {
    line-height:20px;
}

table#products td {
    border-bottom:1px solid #bebebe;
    margin:0px;
}

#configBar {
	background-color:#308ed3;	
	padding-left:4px;
	}
#configBar table {
	margin:0px;
	padding:0px;
}

#configBar img {
    margin-top:8px;
    margin-left:14px;
    margin-bottom:4px;
}

#configBar span {
    vertical-align:top;
    font-size:14px; 
    color:#ffffff;
    padding-left:4px;
}

#configBar a {
    color:#ffffff;
    text-decoration:none;  
}

#addTextdescription {
    float:left;
}

img#form_captcha_id {
    height:40px;
    width:160px;
    margin-top:8px;
    float:right;
}

input[name=captchaphrase] {
    float:left;
    width:80px;
}

#prodAmountBox {
    color:#ffffff; 
    float:left;
}

input#prodAmount {
    padding:0px;
    width:28px;
    height:18px;
    border:2px solid #fff;
    background-color:#d5e4ef;
    color:#000;
    text-align:center;
}

.webform_table tr, td {
    border:none
}

.webform_table input {
    padding-top:0px;
    height:24px;
    line-height:24px;
}
	/* error */
	span.webform_label_error{
		color: #CC0000;
	}
	
	span.webform_msg_error{
		color: #CC0000; 
		font-weight: bold;
	}
	
.formlabel {
    color:#0063A6;
    font-size:14px;
}

.frontpagesubmit {
    height:28px;
    width:100px;
    margin-right:3px;
    background-color:#0063a6;
    color:#f0f0f0;
}