body { 

background-image:url('1.jpg');

background-color: #999;

font-family : 'Helvetica', Helvetica, Arial, sans-serif, Verdana, Lucida, Geneva; 

margin : 0;

} 

 

div#border { 

background-color : #b7b8ba; 

width : 1200px;

margin-left : auto; 

margin-right : auto;

margin-bottom:25px;

text-align : left; 

} 

div#login { 

background-image : url('1.jpg');

background-color:#060;

float: left;

width: 1200px;

height : 100px;

text-align : right;

}

div#content { 

background-color:#ffffff;
height:1000px;
width : 1200px;

} 

div#navigator { 

background-color:#dadadc; 

float : left; 

text-align : left; 

width : 200px;

} 

div#contentborder {

background-color:#FFF;

float : left; 

width : 795px;  

margin-bottom:25px;
} 

div#flash { 

float : left;

background-color:#dadadc; 

text-align:center;

width : 200px;

} 

img { 

border : none; 

} 

h1 { 

color : #264138; 

font-size : 12pt; 

font-weight : 400; 

margin-top : 5px; 

margin-bottom : 0; 

margin-left : 10px; 

} 

h2 { 

color : #264138; 

font-size : 10pt; 

font-weight : 200; 

margin-top : 8px; 

margin-bottom : 10px; 

margin-left : 10px; 

margin-right : 20px; 

} 

h3 { 

color : #264138; 

font-size : 5pt; 

font-weight : 100; 

margin-top : 4px; 

margin-left : 10px; 

} 

a:hover {  

color: #F00; 

} 

a { 

text-decoration : none; 

color : #333333; 

} 

p { 

color : #333333; 

line-height : 15px; 

font-size : 11px; 

margin-left : 10px; 

margin-right : 20px; 

margin-bottom : 10px; 

font-family : 'Verdana', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 

} 

table { 

color : #333333; 

line-height : 15px; 

font-size : 11px; 

margin-left : 0; 

margin-right : 180px; 

margin-bottom : 0; 

font-family : 'Verdana', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 

}

table#gallery
{

float:left;

color : #333333;

line-height : 15px;

font-size : 11px;

margin-left : 50px;

margin-bottom : 10px;

font-family : 'Verdana', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;

}


div#navigator1 { 

width : 200px; 

} 

div#navigator1 ul { 

margin-top : 0; 

margin-left : 0; 

margin-right : 0; 

padding-left : 0; 

list-style-type : none; 

font-size : 8pt; 

font-weight : 200; 

line-height : 12px; 

} 

div#navigator1 a { 

list-style-position : outside; 

margin-top : 0; 

margin-left : 0; 

display : block; 

padding : 3px 0 3px 0; 

text-decoration : none; 

width : 200px; 

text-indent : 10px; 

background-repeat : no-repeat; 

background-position : top left; 

} 

div#navigator1 a:hover { 

background-image : none; 

background-color : #b53d00; 

background-repeat : no-repeat; 

background-position : top left; 

} 

input { 

color : #8a8272; 

background : #d4be95; 

text-decoration : none; 

} 

fieldset { 

padding : 2px; 

} 



legend { 

font-size : 8pt; 

color : #1b3b61; 

padding : 2px; 

} 

/* contact form */

#formHolder
{
    position:relative;
    height:577px;
    width:730px;
    background-color:#ECECEA;
    margin-top:40px;
    margin-left:50px;
    padding:0px;
}

.messageDiv
{
    position:relative;
    width:400px;
    height:20px;
    color:red;
    font-size:14px;
    font-weight:bold;
    margin-top:5px;
    margin-left:30px;
    padding:0px;
}

.hideMessageDiv
{
    position:relative;
    width:400px;
    height:20px;
    color:red;
    font-size:14px;
    font-weight:bold;
    margin-top:5px;
    margin-left:30px;
    padding:0px;
    display:none;
}

.success
{
    color:blue;
}

.clearSpace
{
    position:relative;
    height:8px;
    width:200px;
    margin:0px;
    padding:0px;
}

#contactForm
{
    float:left;
    height:400px;
    width:230px;
    margin-top:25px;
    margin-left:60px;
}

#contactForm input, #contactForm select
{
    border:1px solid #9D9D9D;
    background-color:#ffffff;
    height:20px;
    width:227px;
    color:#666666;
    margin:0px;
    padding:0px;
}

#contactForm textarea
{
    border:1px solid #9D9D9D;
    height:164px;
    width:227px;
    color:#666666;
    font-size:13px;
    font-family: Arial, Helvetica, sans-serif;
    margin:0px;
    padding:0px;
}

#submitButton
{
    float:left;
    height:30px !important;
    width:86px !important;
    background-image:url(../images/submitButton.jpg);
    background-repeat:no-repeat;
    margin-top:10px;
    padding:0px;
}

h2.contact
{
    font-size:20px;
    text-align:center;
}

#contactDetails
{
    float:left;
    height:250px;
    width:300px;
    margin-top:75px;
    margin-left:25px;
    padding:0px;
}

.clearFloat
{
    clear:both;
}

/* requestManual.php */

#requestManualHolder
{
    position:relative;
    height:577px;
    width:730px;
    background-color:#ECECEA;
    margin-left:50px;
    padding:0px;
}

#requestManualForm
{
    float:left;
    height:400px;
    width:350px;
    margin-top:25px;
    margin-left:60px;
}

#requestManualForm input, #requestManualForm select
{
    border:1px solid #9D9D9D;
    background-color:#ffffff;
    height:20px;
    width:227px;
    color:#666666;
    margin:0px;
    padding:0px;
}

#requestManualForm input
{
    padding-top:2px;
}

#requestManualForm select, #requestManualForm label
{
    float:left;
}

#requestManualForm label
{
    width:100px;
    color:#666666;
    font-size:14px;
    margin-top:3px;
}

/* viewProducts.php */

.productHolder
{
    position:relative;
    background-color:#E9EEEE;
    height:90px;
    width:590px;
    margin:5px;
    margin-left:15px;
    padding:0px;
}

.productImageHolder
{
    float:left;
    height:80px;
    width:110px;
    /*text-align:center;*/
    margin:5px;
    padding:0px;
}

.productImgHolder
{
    border-collapse:collapse;
    margin:0px;
}

.productDetails
{
    float:left;
    height:90px;
    width:420px;
    margin:0px;
    padding:0px;
}

/* wheelbarrow promo */

#wheelbarrowPromo
{
    float:left;
    width:200px;
    background-color:#ffffff;
    text-align:center;
    margin:0px;
    margin-bottom:20px;
    padding:0px;
}

#barrow1
{
    position:relative;
    height:70px;
    width:150px;
    background-image:url('../images/products/barrows/barrow1.png');
    background-repeat:no-repeat;
    margin-top:50px;
    margin-left:30px;
    padding:0px;
}

#barrow2
{
    position:relative;
    height:159px;
    width:150px;
    background-image:url('../images/products/barrows/barrow2.png');
    background-repeat:no-repeat;
    margin-top:50px;
    margin-left:30px;
    padding:0px;
}

#barrow3
{
    position:relative;
    height:129px;
    width:150px;
    background-image:url('../images/products/barrows/barrow3.png');
    background-repeat:no-repeat;
    margin-top:50px;
    margin-bottom:20px;
    margin-left:30px;
    padding:0px;
}

p.title
{
    font-size:24px;
    line-height:40px;
    margin:0px;
    margin-bottom:30px;
    padding:0px;
}

p.info
{
    margin:0px;
    margin:30px;
    padding:0px;
}

p.phone
{
    font-size:17px;
    font-weight:bold;
    margin:0px;
    padding:0px;
}

p.wheelbarrowLink
{
    font-size:15px;
    margin:0px;
    padding:0px;
}

p.wheelbarrowLink a
{
    font-weight:bold;
}




/* navigation test 2 */

#navigator
{
    overflow:hidden;
}

#navigator ul
{
    list-style:none;
    margin:0px;
    padding:0px;
}

#navigator ul li a, .trigger, .open
{
    background : black url(glossyback2.gif) repeat-x bottom left;
    font-size : 9pt;
    font-weight : bold;
    color : white;
    display : block;
    position : relative;
    width : auto;
    margin:0px;
    padding:0px;
    padding : 4px 0;
    padding-left : 10px;
    text-decoration : none;
}

#navigator ul li a:hover
{
    background-image:none;
    background-color:#79BF42;
}

#navigator ul li ul li a
{
    background:none;
    background-color:#ccde5d;
    color:#000000;
    border-bottom:1px solid #ECECEC;
    padding-left:20px;
}

#navigator ul li ul li a:hover
{
    background-color:#79BF42;
    color:red;
}

#navigator ul li ul li ul li a
{
    background:none;
    background-color:#999999;
    color:#ffffff;
    border-bottom:1px solid #ECECEC;
    padding-left:30px;
}

#navigator ul li ul li ul li a:hover
{
    color:#ffffff;
}

#navigator .active
{
    color:red;
    font-weight:bold;
}

#navigator .active > parent
{
    background-color:blue;
}

span.red
{
    color:#DB001A;
}