/* BUDD 7 MAIN STYLESHEET FOR CLEMENT PLANT
------------------------------------------------------------------------*/


/* PRELIMS - THESE APPLY TO EVERY SITE
------------------------------------------------------------------------*/


* {											/* sets all padding and margin elements to zero */ 
margin:0px;
padding:0px;
border: 0px solid #000000;						/* great for position testing */
}

html {
font-size:100%;								/* sets up for font sizing in em as opposed to px */
}

p {font-size:62.5%}							/* causes 1em == 10px */


hr {											/* any other form of display is problematic */
display:none;
}

.hide_me, .skip {
position:absolute;
top:-10000px;
}

a:link, a:visited, a:active { text-decoration:none; color:#0000ff;}
a:hover, a:focus { text-decoration:none; color:#e09d24;}


/* MAIN STRUCTURAL ELEMENTS
------------------------------------------------------------------------*/


body { 
background-color: #ffffff;
font-weight: normal;
font-size: 1.0em;
font-family: 'trebuchet ms', tahoma, arial, helvetica, verdana, sans-serif!important;
color:#333333;margin-bottom:15px;
}

#container { margin: 0 auto; width: 900px; position: relative;	/*must be relative for center aligning the page*/
background: transparent url("../images/bkg-container.jpg") left top repeat-y;
}

#header {
height: 303px;
background: url("../images/bkg-header.jpg") top left no-repeat;
}

/*#content { position:relative;}*/

#subcontent {
}

#main_content {						
float:right;
width:680px;
border: 1px solid #cccccc;
border-bottom:0;
/*background:transparent url("../images/bkg-language-selector.jpg") right top no-repeat;*/

}

#side_menu {					
float:left;
width:210px;
/*background:transparent url("../images/bkg-boxshadow-footer.jpg") left bottom repeat-x;*/
border:0px solid #000;
}

#footer {
clear:both;
min-height:208px;			
background: #ffffff url("../images/bkg-footer.jpg") left top no-repeat;
border-bottom:1px solid #cccccc;
}



/* HORIZONTAL HEADER NAV
------------------------------------------------------------------------*/

#main_nav {
position: relative;
top:238px;
left:0px;
min-height:47px;
}


#ul_main_nav {
padding:0px;
margin:0 0 0px 1px;	/* JUST TO CLEAR THE EDGE OF THE HEADER GRAPHIC */
list-style-type:none;
}

#ul_main_nav li {
display:inline;
}

#ul_main_nav li a {
vertical-align:middle;
text-decoration:none;
font-weight:normal;
text-align:center;
display:block;
position:relative;
float:left;
min-width:145px;
line-height:46px;
padding-bottom:0px;
border-right:1px solid #cccccc;
font-weight:bold;
}

#ul_main_nav li a:link,
#ul_main_nav li a:visited,
#ul_main_nav li a:active {
color:#333333;
background-color:transparent;
}

		
#ul_main_nav li a:hover,
#ul_main_nav li a:focus {
color:#000000;
background-color:#e4e4e4;
}

#ul_main_nav li.rss a { display:block; border:0px solid #000;background-color:transparent;
position:relative; left:420px; top:14px; min-width:21px; width:21px; height:21px;
}


/* MATRIX OBJECTS
------------------------------------------------------------------------*/

#matrix { width:650px; margin-left: 20px; font-size:0.9em; position:relative; float:left; border:0px solid #000; padding-bottom:30px;}

#matrix_object {background: transparent url("../images/bkg-resultsbox-footer.jpg") left bottom repeat-y; width:320px; float:left; min-height:191px; border:0px solid #000; 
}

#matrix_object img {
margin-left:25px;
margin-right:10px;
margin-top:3px;
margin-bottom:5px;
border:1px solid #999999;
}

#matrix_object h3 {background: transparent url("../images/bkg-resultsbox-header.jpg") left top no-repeat;
 border-bottom:0px solid #cccccc; padding:0px; padding:12px 10px 0px; margin-bottom:7px; font-size:1.1em;
}

#matrix_object ul {background: transparent url("../images/xbkg-resultsbox-footer.jpg") left bottom no-repeat;
list-style-type:none;
padding:0px 11px 30px 0; 
}

#matrix_object li { padding-right:20px;}

/* NEW 21.02.09 */
#matrix_object #sold_sticker { border:0; position:relative; top:1px; left:23px; z-index:10; width:171px; height:115px; background: transparent url('../images/sold_sticker.png') left top no-repeat; }

#matrix_object #underoffer_sticker { border:0; position:relative; top:1px; left:23px; z-index:10;width:171px; height:115px; background: transparent url('../images/underoffer_sticker.png') left top no-repeat; }

#indetail_object #sold_sticker { border:0; position:absolute; top:50px; left:27px; z-index:10;width:171px; height:115px; background: transparent url('../images/sold_sticker.png') left top no-repeat; }

#indetail_object #underoffer_sticker { border:0; position:absolute; top:50px; left:27px; z-index:10;width:171px; height:115px; background: transparent url('../images/underoffer_sticker.png') left top no-repeat; }


/* INDETAIL OBJECT
------------------------------------------------------------------------*/

#indetail { width:616px; margin-left: 32px; font-size:0.9em; position:relative; float:left; border:0px solid #000; padding-bottom:30px;}

#indetail_object {background: transparent url("../images/bkg-detailbox-tile.jpg") left top repeat-y; width:616px; float:left;
}

#indetail_object img {
margin-left:30px;
margin-right:10px;
border:1px solid #999999;
}

#indetail_object h3 {background: #c3c3c3 url("../images/bkg-detailbox-header.jpg") left top no-repeat;
 border-bottom:0px solid #cccccc; padding:0px; padding:12px 10px 0px; margin-bottom:7px;
}

#indetail_object h3 span.right {}


#indetail_object ul {
list-style-type:none;
padding:0px 0 10px 0;
}


#indetail p.picturesp {
display:block;
/*width:520px;*/
/*border-top: 2px dashed #cccccc;*/
margin-left: 30px;
padding-top:20px;
padding-left:0px;
clear:both;
}

#small_pictures {margin-left:30px;}

#small_pictures img {padding:0; margin:0 6px 6px 0; float:left;}

p.detailfooter {background: transparent url("../images/bkg-detailbox-footer.jpg") left bottom no-repeat; height:30px;}

.back_link {font-size:1.1em;}


/* SIDE NAV BOXES
------------------------------------------------------------------------*/

#side_menu {font-size:0.9em;}

#plant_sales, #tractor_sales, #general_info, .side_box { border:1px solid #cccccc; margin-bottom:10px;}

#plant_sales h3, #tractor_sales h3, #general_info h3, .side_box h3 { background: #d8d8d8 url("../images/bkg-menubox-header.jpg") left top repeat-x;
 border-bottom:1px solid #cccccc; padding:5px 15px 2px;}
 
#plant_sales ul, #tractor_sales ul, #general_info ul, .side_box ul { 
background: transparent url("../images/bkg-boxshadow-footer.jpg") left bottom repeat-x;
list-style-type:none;
padding:5px 15px;
}

#general_info ul { background: none;}
#general_info { border-bottom:0; margin-bottom:0px;}

#side_menu ul li {padding-top:5px;}

#side_menu ul li a:link, #side_menu ul li a:visited, #side_menu ul li a:active { 
color:#333333;
text-decoration:none;
}

		
#side_menu ul li a:hover,
#side_menu ul li a:focus {
color:#000000;
text-decoration:underline;
}




/* FORMATTING PARAGRAPHS AND HEADERS
------------------------------------------------------------------------*/

#header p.top-right {float:right; padding:12px 25px 0 0; color:#ffffff; font-size:1em; font-weight:bold;}


#main_content h1,
#main_content h2,
#main_content h3,
#main_content h4,
#main_content p {padding-left:20px; padding-right:40px;}


#main_content h2 {padding-top:40px; padding-bottom:40px;}
#main_content h3 {padding-bottom:10px;}
#main_content p {padding-bottom:10px; font-size:0.8em;}



/* VCARD & POLICIES
-------------------------------------------------------------------------*/

div.vcard {
display: block;
width: 480px;
float:left;
border:0px solid #000;	/* temp */
margin:70px 15px 10px 15px;
}

div.vcard a {
display:block;
width:100%;
border-bottom:1px solid #333333;
margin-bottom:10px;
color:#333333;
text-decoration:none;
font-weight:bold;
}

.adr {float:left; font-size:0.8em; text-align:left;}

#tel_nos { font-size:0.8em; float:right; text-align:right;}

#policies {
float:left;
list-style-type:none;
font-size:0.8em;
margin:85px 0 0 60px;
color:#999999;
}

#policies a:link, #policies a:active, #policies a:visited { text-decoration:none; color:#999999;}
#policies a:focus, #policies a:hover { text-decoration:underline; color:#333333;}

.clearer { clear:both;}



/* FORM STYLES
------------------------------------------------------------------------*/

#main_content input.form1_field, #main_content select.form1_field, #main_content textarea.form1_field { 
border: 1px solid #cccccc; 
width:250px; 
padding:3px; 
font: normal 1em tahoma,arial, sans-serif;
}

#main_content input, #main_content select { margin-bottom:0px;}
#main_content label { display:block; float:left; width:160px; text-align:right; margin-right:10px;}
#main_content textarea {width: 250px;}
#main_content select.form1_field {width: 257px;}
#main_content textarea {border:1px solid #cccccc; padding:3px; font: normal 1em, tahoma, arial, sans-serif;}
#main_content fieldset { border: 1px solid #cccccc; width: 500px; margin:0 auto;}
#main_content legend { margin-left:30px; font-weight:bold; padding-right: 5px; padding-left:5px;}

#main_content input.button {
clear:both;
color: #333333;
background: #d8d8d8 url("../images/bkg-menubox-header.jpg") left top repeat-x; border:1px solid #999999;
margin:10px 0 20px 170px;
padding: 3px;
cursor:pointer;
font-size:1em;
}


/* ADMIN TABLES
------------------------------------------------------------------------*/
#main_content table {margin: 0 auto; margin-bottom:40px; margin-top:20px;}
#main_content table th, #main_content table td {border: 1px solid #cccccc; text-align:left; padding:3px; font-size:1em;}



/* WEB STUFF BY BUDD 7
-------------------------------------------------------------------------*/

#budd7 { right:0px; top:0px; width:900px; background-color:#ffffff;}

#budd7 a span {font-size:0.1em; visibility:hidden;}

#budd7 a {display:block; width:40px; height:15px; border:1px solid #cccccc; right:0px;float:right; margin-top:3px; margin-bottom:3px;background:#ffffff url('../images/budd7_logo.jpg') top left no-repeat;}


/* LANGUAGE SELECTOR TOOL TIP
-------------------------------------------------------------------------*/
.tool-tip {
	color: #FFCC00;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #ffffff;
	padding: 8px 8px 4px;
	background: url(../images/bubble.png) top left;
}
 
.tool-text {
	font-size: 15px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
}
 
.custom-tip {
	color: #ffffff;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color:#FFCC00;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}


#translator { position:absolute; border:0px solid #000; width:335px; height:48px; top:303px; right:0px; 
background:transparent url("../images/bkg-language-selector.jpg") right top no-repeat;
}

#translator img {padding:0; margin:0}