/*
 * Stylesheet Ashraf Trading International
 * Author bugfree media GbR 2008-2010 - Thomas Jirasko www.bugfree-media.de
 *  
/* ---------------------------------------------- browser CSS reset --- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:bottom }

:focus { outline:0 }

ol, ul { list-style:none }

table {
	border-collapse:collapse;
	border-spacing:0;
  font-size:1em }

caption, th, td {
	text-align:left;
	font-weight:normal }

blockquote:before, blockquote:after, q:before, q:after { content:"" }
blockquote, q { quotes:"" "" }

/* ------------------------------------------------------------ projectspecific --- */
html, body.index { height:100% }

body, table {
font-family:Verdana,sans-serif;
color:#000;
background-color:transparent }

body {
font-size:0.7em;
background:url('../img/bg_body.jpg') top repeat-x #FDFDFD;
}

:root { overflow-y: scroll; } /* display scrollbar always */

p {
margin-bottom:10px;
line-height:1.5em;
}

h1, h2, h3, h4, h5, h6 {
color:#000;
font-weight:normal !important;
margin:0px 0px 5px 0px;
}

h1 {
font-size:1.5em;
margin-bottom:15px;  
}

h2 { font-size:1.3em; }
h3 { font-size:1.2em; }
h4 { font-size:1.1em; }
h5 { font-size:1.0em; }
h6 { font-size:0.9em; }

h2.line, h3.line {
clear:both;
border-bottom:1px solid #999;
}
	
/* --- links common --- */
a:link, a:visited, a:active, a:hover { text-decoration:none }

a:link { color:#666 } 
a:visited { color:#666 }
a:active { color:#666 }
a:hover { color:#AAA }

img { behavior:url(../pngHack.htc) }

/* --------------------------- forms --- */
#content form {
float:left;
padding:15px 10px 5px 10px;
background:url('../img/bg_white_50.gif');
}

form input.text, form select, textarea, form input.checkbox {
border:1px solid #CCC;
padding:1px 0;
background-color:#EEE;
}

form input.text.error, form textarea.error {
border:1px solid red;
}

form select { margin-left:5px; }

form div.row {
clear:both;
float:left;
width:524px;
padding:0 0 10px 0;
}

form div.rowLeft {
clear:left;
float:left;
width:255px;
padding:0 10px 10px 0;
}

form div.rowRight {
float:left;
width:257px;
padding:0 0 10px 0;
}

form label {
display:block;
float:left;
}

form div.rowLeft label, form div.row label { width:73px; }
form div.rowLeft input.text, form div.row input.text { width:176px; }

form div.rowRight label { width:77px; }
form div.rowRight input.text { width:175px; }

form label span.format { font-size:0.7em }

form sup.mandatory {
color:#FF0000;
font-size:0.9em;
}

sup.mandatoryLegend {
color:#FF0000;
float:right;
padding:0 15px 5px 0;
margin-top:-15px;
}

form input.submit {
float:right;
color:#000;
padding:0 5px;
border:1px solid #CCC;
background-color:#EEE;
margin:10px 1px 5px 0;
cursor:hand;
cursor:pointer;
}

form input.resetForm {
float:left;
color:#000;
padding:0 5px;
border:1px solid #CCC;
background-color:#EEE;
margin:10px 3px 5px 0;
cursor:hand;
cursor:pointer;
}

form span.agreeCheckbox {
border:1px solid #FF0000;
}

form p.error {
clear:both;
color:#FF0000;
font-style:italic;
text-align:right;
padding:0px 2px 0 0;
margin:0px;
}

/* ------------------------------------------------------------ INDEX --- */
body.index { background:none #FFF; }

#indexSpacer {
height:50%;
width:100%;
margin-bottom:-200px;
float:left;
}

#indexBox {
clear:left;
display:block;
width:484px;
height:332px;
margin:0px auto;
}

/* ------------------------------------------------------------ ALL OTHER PAGES --- */
#edge {
width:980px;
margin:6px auto 0px auto;
background:url('../img/bg_header.jpg') no-repeat top center #F8F9FA;
}

#canvas {
float:left;
width:978px;
height:294px;
border-left:1px solid #282828;
border-right:1px solid #282828;
background:url('../img/bg_canvas_top.jpg') top center no-repeat #F4F6F8;
}

html>body #canvas {
height:auto;
min-height:294px;
}

/* ---------------------------------- HEADER --- */
#header {
height:155px;
width:980px;
}

#logo {
float:left;
height:130px;
width:201px;
text-align:center;
}

#emoBox {
float:left;
height:130px;
width:577px;
}

#auxBox {
float:left;
height:130px;
width:201px;
}

/* ---------------------------------- SEARCH BOX (left top)--- */
#leftTop {
float:left;
width:203px;
height:24px;
text-align:center;
}

/* ---------------------------------- NAVI TOP --- */
#naviTop {
float:left;
width:574px;
height:24px;
}

#naviTop ul li {
float:left;
padding:0 33px 0 25px;
}

#naviTop ul.russian li {
padding-right:25px;
}

#naviTop ul li img { height:24px; }

/* ---------------------------------- RIGHT TOP - LANGUAGES --- */
#rightTop {
float:left;
width:203px;
height:24px;
text-align:center;
}

ul#flags {
text-align:center;
width:203px;
margin-top:4px;
}

ul#flags li {
margin:0 5px 0 6px;
display:inline;
}

/* ---------------------------------- LEFT PANEL --- */
#left {
float:left;
width:202px;
}

#left div.boxLeftTop {
width:202px;
height:2px;
background:url('../img/bg_box_left_top.png') no-repeat bottom right transparent;
background-image/**/:/**/url('');
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_box_left_top.png', sizingMethod='scale');
}
html>body #left div.boxLeftTop { background:url('../img/bg_box_left_top.png'); }

#left div.boxLeft {
width:194px;
padding:15px 1px 1px 7px;
font-size:0.8em;
background:url('../img/bg_box_left.png') repeat-y transparent;
background-image/**/:/**/url('');
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_box_left.png', sizingMethod='scale'); 
}
html>body #left div.boxLeft { background:url('../img/bg_box_left.png'); }

#left div.boxLeft h1 {
font-size:1.8em !important;
color:#000;
border-bottom:1px solid #868d94;
}

#left div.boxLeftBottom {
width:202px;
height:13px;
margin-bottom:20px;
background:url('../img/bg_box_left_bottom.png') no-repeat top left;
background-image/**/:/**/url('');
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_box_left_bottom.png', sizingMethod='scale');
}
html>body #left div.boxLeftBottom { background:url('../img/bg_box_left_bottom.png') no-repeat; }

#left div.boxLeftBottomRound {
clear:both;
width:202px;
height:13px;
margin-bottom:20px;
background:url('../img/bg_box_left_bottom_round.png') no-repeat right top;
background-image/**/:/**/url('');
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_box_left_bottom_round.png', sizingMethod='scale'); 
}
html>body #left div.boxLeftBottomRound { background:url('../img/bg_box_left_bottom_round.png') no-repeat; }

/* ---------------------------------- NAVI LEFT --- */
div#naviLeft {
clear:both;
float:left;
}

div#naviLeft a:link, div#naviLeft a:visited, div#naviLeft a:active, div#naviLeft a:hover { color:#000 } 

div#naviLeft ul { float:right; }

div#naviLeft li {
clear:left;
float:left;
margin:0 1px 3px 0;
font-size:1.4em;
}

div#naviLeft li a {
display:block;
width:175px;
height:19px;
padding:2px 0 0 17px;
background:url('../img/navi/bg_sub_navi.gif') no-repeat left bottom;
}

* html div#naviLeft li a { /* IE < 7 */
position:relative;
width:172px;
}

*+html>body div#naviLeft li a { position:relative; } /* nur IE7*/

div#naviLeft li a.lvl1:hover { background:url('../img/navi/bg_sub_navi_active.gif') no-repeat left bottom;  }

div#naviLeft li a.curr1 { background:url('../img/navi/bg_sub_navi_active.gif') no-repeat left bottom; }

div#naviLeft li.lvl2 {
display:none;
margin:-3px 0 0 1px;
}

div#naviLeft li ul {
margin:0 0 5px 10px;
padding:5px 0;
width:175px;
border-left:1px solid #d7d8dc;
border-bottom:1px solid #d7d8dc;
background:url('../img/navi/bg_sub_navi_lvl2.gif') repeat-x left bottom #F2F5F6;
}
html>body div#naviLeft li ul { width:180px; }

div#naviLeft li li {
font-size:1em;
margin:0 0 3px 3px;
}

html>body div#naviLeft li li { margin-left:6px; }

div#naviLeft li li a {
display:block;
height:auto;
width:157px;
background:none;
padding:0 0 0 12px;
}

div#naviLeft li li a.lvl2:hover { background:url('../img/navi/list_item_2.gif') no-repeat left center; }

div#naviLeft li li a.curr2 { background:url('../img/navi/list_item_2.gif') no-repeat left center; }

/* ---------------------------------- CENTER PANEL --- */
#center {
float:left;
width:978px;
height:321px;
background:url('../img/bg_canvas_bottom.jpg') bottom center no-repeat;
}

html>body #center {
height:auto;
min-height:321px;
}

#content {
display:none;
}

#content, #contentHome {
display:none;
float:left;
width:544px;
height:305px;
padding:15px 15px 0 15px;
}

html>body #content, html>body #contentHome {
height:auto;
min-height:305px;
}

#content h2 {
clear:both;
}

#content h2.main {
font-size:1.4em;
margin-bottom:15px;
border-bottom:1px solid #868d94;
}

#content .colLeft50 {
float:left;
width:262px;
padding-right:10px;
}

#content .colRight50 {
float:left;
width:262px;
padding-left:10px;
}

#content ul {
margin:5px 0 15px 15px;
}

#content li {
list-style-type:square;
margin-left:10px;
font-size:1.2em;
}

#content li li {
list-style-type:square;
margin-left:10px;
font-size:1em;
}

#content hr, #content hr.line {
display:block;
clear:both;
height:1px;
visibility:hidden;
}

#content hr.line {
height:1px;
color:#CCC;
visibility:visible;
}

#content a.top {
display:block;
width:100%;
clear:both;
float:left;
text-align:right;
padding:15px 0 5px 0;
color:#666;
}

#content table {
border-collapse:separate;
width:522px;
margin:10px 0 15px 0;
}

#content table th { padding:0 0 10px 0 }

#content table td { padding:5px; }

#aniLogo { text-align:left; }

/* ---------------------------------- ASHRAF TRADING --- */
#content .ashrafTrading h2 { font-size:1.1em; }

#content .ashrafTrading h3 { font-weight:bold !important; }

#content .ashrafTrading p {
border-top:1px solid #CCC;
padding-bottom:20px !important;
}

#content .ashrafTrading p.subHeading {
border:none;
padding-bottom:0 !important;
margin:0px;
}

#content .ashrafTrading p label {
display:block;
float:left;
width:45px;
}

/* ---------------------------------- PRODUCTS --- */
div#productsOverview a {
float:left;
margin:0 2px 3px 1px;
}

* html div#productsOverview a { /* IE < 7 */
margin:0 1px 2px 1px; 
}

div.contentProducts div.infoLeft {
float:left;
width:257px;
padding-right:15px;
}

div.contentProducts div.infoRight {
float:left;
width:257px;
padding-left:15px;
}

div.contentProducts div.images {
float:right;
text-align:right;
width:272px;
}

div.contentProducts div.imagesFull {
clear:both;
text-align:right;
}

div.contentProducts div.images img {
margin-bottom:4px;
width:130px;
height:88px;
}

div.contentProducts div.imagesFull img {
margin-bottom:4px;
width:130px;
height:88px;
}

/* ---------------------------------- CONTACT --- */
#content.contact h2.form {
clear:both;
padding-top:25px;
}

#content.contact label { white-space:nowrap; }

#content.contact input.zipcode { width:60px; }

#content.contact input.city { width:110px; }

#content.contact div.emailSuccess, #content.contact div.emailError  {
float:left;
width:522px;
padding:10px;
background:url('../img/bg_white_50.gif');
}

#content.contact div.emailSuccess p, #content.contact div.emailError p {
height:25px;
padding:2px 0 0 30px;
margin:0;
font-size:1.2em;
vertical-align:middle;
}

#content.contact div.emailSuccess p {
background:url('../img/navi/ok.gif') no-repeat;
color:#009900;
}

#content.contact div.emailError p {
background:url('../img/navi/error.gif') no-repeat;
color:#FF0000;
}

#content.contact th.error {
background:url('../img/navi/warning.gif') no-repeat;
height:25px;
padding:2px 0 0 30px;
color:#FF0000;
vertical-align:middle;
}

#content.contact table.job {
clear:both;
float:left;
}

#content.contact table.job td { vertical-align:top; }

#content.contact table.job td div.russian {
float:left;
padding:0 5px 2px 0;
}

#content.contact table.job td input { vertical-align:middle; }

#content.contact label.message { width:97px; }

#content.contact form textarea {
width:422px;
height:100px;
}

*+html>body #content.contact form div.ieMarginTop, * html #content.contact form div.ieMarginTop { margin-top:30px; } /* nur IE*/

#content.contact form p.inputCorrupt {
background:url('../img/navi/warning.gif') no-repeat;
height:20px;
padding:2px 0 0 30px;
color:#FF0000;
}

#content.contact form input.submit, #content.contact form input.resetForm { margin-bottom:0; }

/* ---------------------------------- SBT --- */
#content.sbt h3 label, #content.sbt h4 label {
display:block;
float:left;
width:35px;
}

#content.sbt h3 { font-size:1.3em; }

#content.sbt h3 label {
font-size:0.9em;
padding-top:1px;
}

#content.sbt p { margin-left:35px; }

/* ---------------------------------- Nutzungsbedingungen --- */
#content h2.disclaimer { border-bottom:1px solid #CCC; }

/* ---------------------------------- DOWNLOAD --- */
#content.download {
display:block;
}

#content.download img.icon {
position:absolute;
}

#content.download h2.main {
margin:30px 0 0 125px;
padding-right:100px;
border-bottom:none;
}

#content.download p.file {
font-size:1.3em;
margin:20px 0 0 125px;
}

#content.download p.file a {
display:block;
margin-top:12px;
}

/* ---------------------------------- RIGHT PANEL --- */
#right {
float:right;
width:202px;
}

#right div.boxRightTop {
width:202px;
height:2px;
background:url('../img/bg_box_right_top.png') no-repeat bottom left transparent;
background-image/**/:/**/url('');
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_box_right_top.png', sizingMethod='scale');
}
html>body #right div.boxRightTop { background:url('../img/bg_box_right_top.png'); }

#right div.boxRight {
width:180px;
padding:15px 10px 1px 12px;
border:none;
font-size:0.8em;
background:url('../img/bg_box_right.png') repeat-y top left transparent;
background-image/**/:/**/url('');
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_box_right.png', sizingMethod='scale');
}
html>body #right div.boxRight { background:url('../img/bg_box_right.png'); }

#right div.boxRight h1 {
font-size:1.8em !important;
color:#000;
border-bottom:1px solid #868d94;
}

#right div.boxRightBottom {
width:202px;
height:13px;
margin-bottom:20px;
background:url('../img/bg_box_right_bottom.png') no-repeat top left;
background-image/**/:/**/url('');
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_box_right_bottom.png', sizingMethod='scale');
}
html>body #right div.boxRightBottom { background:url('../img/bg_box_right_bottom.png') no-repeat; }

#right div.boxRightBottomRound {
width:202px;
height:13px;
margin-bottom:20px;
background:url('../img/bg_box_right_bottom_round.png') no-repeat top left;
background-image/**/:/**/url('');
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_box_right_bottom_round.png', sizingMethod='scale');
}
html>body #right div.boxRightBottomRound { background:url('../img/bg_box_right_bottom_round.png') no-repeat; }

/* ---------------------------------- BOX TOOLS | BOX INFO --- */
ul#tools li, ul#info li {
margin-bottom:7px;
}

ul#tools li a, ul#info li a {
display:block;
}

* html ul#tools li a, * html ul#info li a { /* IE < 7 */
display:inline;
position:relative;
margin-bottom:-9px;
}

*+html>body ul#tools li a, *+html>body ul#info li a { /* nur IE7 */
display:inline;
position:relative;
}

ul#tools li img, ul#info li img { vertical-align:middle; }

/* ---------------------------------- BOTTOM --- */
#bottom {
clear:both;
height:82px;
width:100%;
background:url('../img/bg_bottom.jpg') bottom repeat-x;
}

/* ---------------------------------- FOOTER --- */
#footer {
height:82px;
width:980px;
margin:0 auto;
background:url('../img/bg_footer.jpg') bottom no-repeat;
text-align:center;
}

#footer ul {
padding-top:13px;
}

#footer ul li {
font-size:0.8em;
color:#CCC;
}