@charset "UTF-8";
/* CSS Document */


/*RESET*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1.3em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/*BEGIN*/

#container{
    width:908px;
    margin:0 auto;
    margin-top:30px;
    border: 1px solid #fff;
}
#body{

}
#header{
    background-image: url("../images/header.jpg");
    background-repeat:no-repeat;
    border: 1px solid #fff;
    height:160px;
}

#header_sub{
    background-image: url("../images/header_sub_old.jpg");
    background-repeat:no-repeat;
    border: 1px solid #fff;
    height:160px;
}

#title{}

#logo{
margin-left:-40px;
margin-top:-35px;
position:absolute;
z-index:100;

}

#menu{
    height:94px;
    margin: 0 auto;
    margin-top:133px;
    width:600px;
   position:relative;
}

#footer p{
text-align:center;
padding: 10px 20px;

}
#footer a{
color:#4a0c0c;

}
/*
#menu ul li {
  display: inline;
}

#menu a{
    color:#ca7c89;  
    text-decoration:none;
    padding:2px 20px;
}
#menu a:hover{
 color:#fff; 
}

*/
#body{
border: 1px solid #fff;
}
#content{
padding:10px;
width:890px;
}

#content img{

}
#content p{
padding-bottom:10px;

}
#col1{
float:left;
width:336px;
}
#col2{
float:left;
width:320px;
}
#col3{
float:left;
width:230px;
}
#delivery ul li ul li{
list-style-type:circle;
padding-left: 20px;
}
#delivery ul li ul{
margin:0px 40px 10px;
}

.slideshow{
background-image:url("../images/slidebg.png");
height:240px;
overflow:hidden;
width:880px;
}
.box1{
border:2px solid #111;
width:400px;
padding: 10px;
float:left;
background-color:#bbb;
margin:12px 10px;
}
#content h3{
padding-top:20px;

}


/*------------------Twitter box------*/
.box2{
padding:10px;
width:400px;
float:left;
}

.tweet{
font-family:helvetica;
background-image: url("../images/twitter_bg.png");
margin:5px 0;
padding:5px;
}
.tweetdate{
font-size:12px;
color:#888;
}
/*----------------------------*/

#leftimg{
float:left;
max-width:333px;

}
#rightimg{
float:left;
max-width:333px;

}
.clear{clear:both;padding-top:20px;}

#footer{
    background-image:url("../images/cedarbg.png");
    border:3px solid #714A36;
    height:60px;
}


#v3flashslideshow{
float:right;
width:200px;

}
#v3flashslideshow_left{w
float:left;
padding-right:10px;
}

.pagebox{
width:410px;
margin:10px;
padding:5px;
border:1px solid #eee;
float:left;
}
.pagebox img{
float:right;

}


/* menu sys 
.menu {position:relative; margin:0;  position:relative;z-index:500;}
.menu ul {padding:0; margin:0; list-style-type: none;}
.menu ul li {float:left; }
.menu ul li a, .menu ul li a:visited {display:block; float:left;  text-decoration:none; padding:2px 16px; color:#ca7c89; }
.menu ul li ul {display: none;}
.menu ul li ul li{color:#000; background-color:#ca7c89; border-right:2px solid #72232d; background-image:url("../images/menuli.jpg");}
.menu ul li ul li a{color:#333; }


/* specific to non IE browsers 
.menu ul li:hover a {color:#fff; }
.menu ul li ul li:hover a {color:#f00 }
.menu ul li:hover ul {display:block; position:absolute; width:749px; margin-top:21px; color:#fff;margin-left:-100px}
.menu ul li:hover ul.right_side li {float:right; border:0; border-left:1px solid #eee;}
.menu ul li:hover ul.left_side li {float:left; border:0; border-left:1px solid #eee;}
.menu ul li:hover ul li a.hide {color:#000;}
.menu ul li:hover ul li:hover a.hide {color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block;  color:#000;}
.menu ul li:hover ul li a:hover { color:#D00;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:0; top:30px; color:#000; }
.menu ul li:hover ul.right li {float:right;}
.menu ul li:hover ul li:hover a.hide { color:#000;}
.menu ul li:hover ul li:hover ul li a { color:#000;}
.menu ul li:hover ul li:hover ul li a:hover { color:#000;}


/* Sub Menu placement 


li.Products ul{
margin-left:-100px;
}
li.Markets ul{
margin-left:-100px;
}
li.Services ul{
margin-left:-100px;
}
li.Enviroment ul{
margin-left:-200px;
}
li.About ul{
margin-left:-300px;
}

.Contact ul{
margin-left:-300px;
}
*/




/* -------------Slider --------------------- */

#slider          { 
  height:245px;
margin:0 13px 7px;
  overflow:hidden;
  position:relative;
  width:850px;
  background-image:url("../images/sliderbg.jpg");
  }
  
#mover           { width: 2880px; position: relative;}


.slide           {
 padding:0px;
  width: 880px;
   float: left;
    position: relative;
    margin-top:0;
    height:245px;
     }





.slide h1{ 
color:#681515;
float:left;
font-family:Georgia;
font-size:30px;
letter-spacing:-1px;
padding-left:41px;
padding-top:42px;
width:300px;

 }

.slide p { color: #999; font-size: 12px; line-height: 22px; width: 300px; }

.slide img { 
position: absolute; 
 left: 400px; 
 border:none;
 }


#slider-stopper  { 
display:none;
color:white;
font-size:10px;
padding:8px 11px 20px;
position:absolute;
right:20px;
text-transform:uppercase;
top:2px;
z-index:1000;
}







.menu{
   position: relative;
  background-image:url("../images/menubg.jpg");
  height:22px;
}


#navbar {
   position: absolute;
}
#navbar li {
   list-style: none;
   float: left; }
#navbar li a {
   display: block;
   padding:0 14px;
   text-decoration: none; 
   color:#ca7c89; 
   font-weight: bold; }
   
#navbar li a:hover {
   color: #fff; }
#navbar li ul {
   display: none;  }
#navbar li:hover ul, #navbar li.hover ul {
   position: absolute;
   display: inline;
   left: 0;
   width: 620px !important;
   margin: 0;
   padding: 0; 
   }
   
#navbar li:hover li, #navbar li.hover li {
   float: left; }
#navbar li:hover li a, #navbar li.hover li a {
   color: #000; }
#navbar li li a:hover {
   color: #357; }
#navbar li ul li{color:#000; background-color:#ca7c89; border-right:2px solid #72232d; background-image:url("../images/menuli.jpg");}

#v3flashslideshowhistory{
width:400px;
float:right;
padding:6px;
border:3px solid #d4a36b;
margin:4px;
}




/* -------------------Scrollable -------------------------*/

/* get rid of those system borders being generated for A tags */
a:active {
outline:none;
}

:focus {
 -moz-outline-style:none;
} 

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:680px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../images/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	


#ditto_pages{
width:100px;
}