/*Global Initialise*/
* {
margin: 0;
padding: 0;
}

img {
border:0;
display: block;
}

html body {
background: #000000;
text-align: center;
overflow:auto;
}

#content {
background: url(../images/contentBg.gif) repeat-y;
width: 952px;
margin: 0 auto;
text-align: left;
min-height:1px;
}

/*top*/
#top{
background: #000000;
height: 44px;
width: 100%;
}

#flash {
height: 227px;
width: 100%;
}

/*nav*/
#nav {
background: url(../images/navBg.gif) repeat-x;
width: 952px;
height: 31px;
}

#searchbox {
float:right;
margin-bottom: 3px;
width: 203px;
}

/*mainContent*/
#mainContent {
width: 100%;
min-height: 380px;
min-height:1px;
}

#leftNav {
float:left;
width: 168px;
min-height: 375px;
}

#title {
background: url(../images/leftNavTitle.gif) no-repeat;
width: 100%;
height: 44px;
}

#listBg {
background:url(../images/leftNavBg2.gif) repeat-y;
width: 100%;
min-height: 331px;
}

#list {
background: url(../images/leftNavBg.gif) no-repeat;
width: 100%;
min-height: 525px;
}

/*rightMainContent*/
#rightMainContent {
background: #232222;
float:right;
width: 760px;
min-height: 380px;
margin: 25px 10px 0 0;
}

#leftContent {
float: left;
width: 500px;
margin-right: 50px;
}

#leftNews {
float: left;
width: 500px;
margin-left: 10px;
}

#leftNews2 {
float: left;
width: 550px;
}

.dotLine {
background: url(../images/dot.gif) repeat-x;
width: 730px;
height: 4px;
margin: 20px 0;
clear:both;
}

#rightContent {
float:right;
width:200px;
}

.links {
float:right;
width: 180px;
height: 30px;
background: #333333;
clear: both;
margin-bottom: 5px;
}

#left {
float:left;
}

#mid {
float: left;
width: 244px;
margin: 0 8px;
}

#leftContact {
width: 260px;
float: left;
}

#midContact {
width: 280px;
float:left;
margin: 0 0 0 0px;
}

.news {
width: 100%;
height: 360px;
margin-bottom: 10px;
clear: both;
overflow:hidden;
}

.news2 {
width: 100%;
height: 340px;
margin-bottom: 10px;
clear: both;
overflow:hidden;
}

.newsTitle {
background: url(../images/newsTitle.gif) no-repeat;
width: 100%;
height: 25px;
}

.specialTitle {
background: url(../images/specialTitle.gif) no-repeat;
width: 100%;
height: 25px;
}

#right {
float: right;
}

#cLogin { background-color:#000000;
width: 244px;
height: 20px;
}

.login {
float:left;
margin-top:3px;
margin-left:25px;
}

.login img {
float:left;
}

#retailers {
background: url(../images/auMap.gif) no-repeat;
width: 441px;
height: 341px;
}

#leftProduct {
float:left;
width: 430px;
}

#rightProduct {
float: left;
margin-left: 40px;
_margin-left: 10px;
}

.pRow {
text-align:left;
line-height: 18px;
clear:both;
}

.pRowLeft {
text-align: right;
width: 80px;
float:left;
}

.pRowRight {
float: left;
width: 140px;
margin-left: 20px;
}

.sRow {
text-align:left;
line-height: 18px;
}

.sRowLeft {
text-align: right;
width: 60px;
float:left;
font-weight: bold;
color:#FFFFFF;
}

.sRowRight {
float: left;
width: 120px;
_width: 110px;
margin-left: 10px;
color:#FFFFFF;
}

.sRowLeft2 {
text-align: right;
width: 80px;
float:left;
font-weight: bold;
color:#FFFFFF;
}

.sRowRight2 {
float: left;
width: 180px;
margin-left: 10px;
color:#FFFFFF;
}

#pRowButton {
float: right;
clear:both;
margin: 30px 0;
}

.pButton {
float: left;
background: url(../images/buttonBg.gif) no-repeat;
width: 100px;
height: 29px;
margin-right:20px;
}

.pButton2 {
float: left;
background: url(../images/buttonBg2.gif) no-repeat;
width: 140px;
height: 29px;
margin-right:20px;
}

.pButton4 {
float: left;
background: url(../images/buttonBg4.gif) no-repeat;
width: 180px;
height: 29px;
margin-right:20px;
}

#footer {
background:#000000;
height: 50px;
width: 100%;
clear:both;
}

.topbox {
float: left;
height: 25px;
line-height: 30px;
border-bottom: solid 1px #999999;
border-right: solid 1px #999999;
}

.box {
float: left;
height: 100px;
line-height: 30px;
border-bottom: solid 1px #999999;
border-right: solid 1px #999999;
}

.leftNews {
float: left;
width: 120px;
}

.rightNews {
float: left;
width: 110px;
margin-left: 5px;
}

.quantitytext{border-style:solid; border-width:1; border-color:#999999; width:70px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000}
.delete{border-style:none; background:url(../images/delete.jpg); width:15; height:15; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; cursor:pointer}
.buttonU{border:none; background:url(../images/buttonBg3.gif); width:70px; height:29px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; cursor:pointer}
.buttonC{border:none; background:url(../images/buttonBg.gif); width:100px; height:29px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; cursor:pointer}

/*--------------------iFader-------------------*/

#iFader { position: relative; margin: 0; padding: 0; overflow: hidden; }

#slider { position: absolute; top: 0px; left: -380px; width: 380px; height: 458px; }

#dimmer { position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; background-color: #333333; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity: 0.8; }

#textContainer { position: absolute; top: 0px; left: 0px; }
#textContainer p.header { color: #ffffff; font-size: 22px;  font-family:Arial, Helvetica, sans-serif; margin: 20px; }
#textContainer p.sliderText { width: auto; color: #ffffff; font-size: 13px; font-family:Arial, Helvetica, sans-serif; margin: 0px 20px; }
#textContainer p.sliderText a { color: #ffffff; font-size: 13px; font-family:Arial, Helvetica, sans-serif; }
#textContainer p.sliderText a:hover { text-decoration: none; }
#textContainer img { margin: 20px 0px; }