/*
Title:      Template Master Styles
Author:     Loughlin McSweeney, loughlin@choicecutsonline.com
Updated:    ...
Notes:		...
*/

@import url(reset.css);

body 
{
	margin: 0px;
	padding: 0px;
	font-family: "MS Trebuchet", sans-serif;
	line-height: 1.5em;
	color: #000;
	background: #417006 url(../images/bg.jpg) repeat-x;
}

body#p-aboutus
{
	background: #4C8407 url(../images/aboutus-bg.jpg) repeat-x;
}

body#p-companynews
{
	background: #4C8407 url(../images/news-bg.jpg) repeat-x;
}

body#p-latestproducts
{
	background: #4C8407 url(../images/latestproducts-bg.jpg) repeat-x;
}

body#p-contactus
{
	/*
	Old background:

	background: #038E95 url(../images/contactus-bg.jpg) repeat-x;
	*/

	background: #4C8407 url(../images/contactus-bg.jpg) repeat-x;
}

body#p-onlineordering
{
	background: #4C8407 url(../images/store-bg.jpg) repeat-x;
}

body#p-undercon
{
	background: #4C8407 url(../images/store-bg.jpg) repeat-x;
}

/* ---( common elements )------------------------------- */

p 
{
	margin: 0px;
	padding: 0px;

}


p img
{
	border: 0px;
}




h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	padding: 0px;


}

i
{
	display: none;
}


.clearboth
{
	clear: both;

}

a
{
	text-decoration: underline;
	color: #FFF862;
}

/* ---( wrapper )------------------------------- */


#wrap 
{

	position: relative;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	width: 995px;
	border:0px dotted #FFF;
} 

#p-home #wrap
{
		background: transparent url(../images/logo_welcome.jpg) no-repeat 0 0;
}

#p-aboutus #wrap
{
		background: transparent url(../images/logo_aboutus.jpg) no-repeat 0 0;
}

#p-companynews #wrap
{
		background: transparent url(../images/logo_news.jpg) no-repeat 0 0;
}

#p-latestproducts #wrap
{
		background: transparent url(../images/logo_latestproducts.jpg) no-repeat 0 0;
}

#p-contactus #wrap
{
		background: transparent url(../images/logo_contactus.jpg) no-repeat 0 0;
}

#p-undercon #wrap
{
		background: transparent url(../images/logo_undercon.jpg) no-repeat 0 0;
}

#p-onlineordering #wrap
{
		background: transparent url(../images/logo_store.jpg) no-repeat 0 0;
}





#nav-holder
{
	position:absolute;
	top:70px;
	right:32px;
}

#nav-holder ul
{
	margin:0px;
	padding:0px;
	width:642px;
	height:47px;
}

#nav-holder ul li
{
	float:left;
	display: inline;

}


#nav-holder ul li a
{
	display:block;
	height:47px;
	padding:0px;

}


#nav-holder ul li#home a
{
	background:url(../images/nav/home.jpg) no-repeat 0 0;
	width:80px;
}

#nav-holder ul li#aboutus a
{
	background:url(../images/nav/aboutus.jpg) no-repeat 0 0;
	width:96px;
}

#nav-holder ul li#companynews a
{
	background:url(../images/nav/companynews.jpg) no-repeat 0 0;
	width:121px;
}

#nav-holder ul li#latestproducts a
{
	background:url(../images/nav/latestproducts.jpg) no-repeat 0 0;
	width:126px;
}


#nav-holder ul li#onlineordering a
{
	background:url(../images/nav/onlineordering.jpg) no-repeat 0 0;
	width:124px;
}

#nav-holder ul li#contactus a
{
	background:url(../images/nav/contactus.jpg) no-repeat 0 0;
	width:95px;
}

#wrap #nav-holder ul li a:hover{background-position:0 100%;}

#p-home #nav-holder ul li#home a{background-position:0 100%;}
#p-aboutus #nav-holder ul li#aboutus a{background-position:0 100%;}
#p-companynews #nav-holder ul li#companynews a{background-position:0 100%;}
#p-latestproducts #nav-holder ul li#latestproducts a{background-position:0 100%;}
#p-onlineordering #nav-holder ul li#onlineordering a{background-position:0 100%;}
#p-contactus #nav-holder ul li#contactus a{background-position:0 100%;}


/* ---( shop options / header )------------------------------- */

#user-log-status
{
	color:#FFFFFF;
	font-size:11px;
	position:absolute;
	right:14px;
	top:-23px;
}

#user-log-status h1 a
{
	text-decoration:none;
}


#user-log-status h1 a:hover
{
	text-decoration:underline;
}


#shop-options
{
	margin-left:233px;
	margin-top:6px;
	position:relative;
	width:400px;
}

#nav-holder #shop-options ul
{
	height:25px;
	width:auto;

}

#nav-holder #shop-options ul li
{
	height:22px;
	line-height:22px;
	font-size:11px;
	margin-left:10px;
	float:left;
}

#nav-holder #shop-options ul li a
{
	background-color:#3C6502;
	color:#FFFF00;
	font-weight:bold;
	height:auto;
	padding:0px 6px;
	text-decoration:none;
}

#nav-holder #shop-options ul li a:hover
{
	background-color:#FFF;
	color:#3C6502;
}


/* ---( main content container )------------------------------- */

#main-content-container
{
	/*border:1px solid #000;*/
	padding-top:185px;
}

/* ---( home )------------------------------- */

#welcome-note
{
	float:left;
	margin: 110px 0px 0px 106px;
	padding:0px;
	width:480px;
	display:inline;
}

#welcome-note p
{
	font-family: Trebuchet MS;
	color: #FFF;
	word-spacing: normal;
	text-align: left;
	line-height: 18px;
	font-size: 14px;
	font-weight: normal;
	margin-bottom:15px;
}

#welcome-note img
{
	float:right;
	margin-top:-10px;
	border:0px;
}

#our-news-container
{
	float:left;
	margin-left:40px;
	display:inline;

}

#our-news
{
	border:1px solid #98BE10;
	width:293px;
	background:url(../images/news-bg.gif) repeat-x 0 0;
	margin-top:10px;
	padding-top:35px;
	padding-left:16px;
	padding-right:16px;
}

#our-news h1 a
{
	font-family: Tahoma;
	color: #FFF862;
	text-align: left;
	line-height: 19px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-bottom:1px dotted #FFF862;
}

#our-news p
{
	font-family: Trebuchet MS;
	color: #FFF;
	word-spacing: normal;
	text-align: left;
	line-height: 16px;
	font-size: 13px;
	font-weight: normal;
	margin:8px 0px 8px 0px;
}

#listed-suppliers
{
	float:left;
	margin:22px 0px 0px 0px;
	display:inline;

}

#listed-suppliers-logos
{
	background-color: #ffffff;
	border:1px solid #98BE10;
	/*height: 170px;*/
	margin-top:10px;
	padding-bottom: 20px;
	width: 325px;
}
#listed-suppliers-logos img
{
	margin-top: 10px;
	margin-left: 6px;
}

#new-site-announcement-container
{
	margin:49px 0px 0px 103px;
}

#new-site-announcement
{
	border:1px solid #528708;
	width:815px;
	background:url(../images/newsite-bg.gif) repeat-x 0 0;
	padding-top:35px;
	padding-left:16px;
	padding-right:16px;
}

#new-site-announcement img
{
	float:left;
	display:inline;
	margin: 0px 15px 8px 0px;
}


#new-site-announcement h1
{
	font-family: Tahoma;
	color: #FFF862;
	text-align: left;
	line-height: 16px;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	padding-top:5px;
}


#new-site-announcement p
{
	font-family: Trebuchet MS;
	color: #FFF;
	word-spacing: normal;
	text-align: left;
	line-height: 16px;
	font-size: 13px;
	font-weight: normal;
	margin-top:10px;
}





#homepage-latest-items-container
{
	margin:49px 0px 0px 103px;
	position:relative;
}

#homepage-latest-items-container h1
{
	font-family: Tahoma;
	color: #FFF862;
	text-align: left;
	line-height: 16px;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	padding-top:5px;
}

#homepage-latest-items
{
	border:1px solid #528708;
	width:815px;
	height:235px;
	background:url(../images/newsite-bg.gif) repeat-x 0 0;
	padding-top:35px;
	padding-left:0px;
	padding-right:16px;
}


#homepage-latest-items .general-item
{
	width:170px;
	float:left;
	margin-left:19px;
	margin-bottom:20px;
	margin-top:5px;
	padding:0px 6px;
	background: #FFF url(../store/images/general-item-bg.jpg) no-repeat bottom right;
	border:1px solid #5FA509;

	/* IE 6 Min-height hack */
	min-height:210px;
	height:auto !important;
	height:210px;
	/* end Min-height hack */
}

#homepage-latest-items .general-item img
{
	border:0px;
	display:block;
	margin-left:20px;
}



#homepage-latest-items .general-item h1
{
	font-family: Verdana;
	color:#549108;
	font-size: 12px;
	font-weight: bold;
	border:0px;
	margin:0px;
	padding:0px;
	line-height:15px;
	height:35px;

}


#homepage-latest-items .general-item h2
{
	font-family: Verdana;
	color:#6D6D6D;
	font-size: 10px;
	font-weight: bold;
	line-height:12px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #538C07;
}

#homepage-latest-items .general-item h3
{
	font-family: Verdana;
	color:#999;
	font-size: 10px;
	font-weight: bold;
	line-height:12px;
	margin-bottom:5px;
	padding-bottom:5px;

}


#homepage-latest-items-container #latest-items-options
{
	top:18px;
	right:59px;
	position:absolute;
}

#homepage-latest-items-container #latest-items-options ul
{
	height:25px;
	width:auto;

}

#homepage-latest-items-container #latest-items-options ul li
{
	height:22px;
	line-height:22px;
	font-size:11px;
	margin-left:5px;
	float:left;
}

#homepage-latest-items-container #latest-items-options ul li a
{
	background-color:#3C6502;
	color:#FFFF00;
	font-weight:bold;
	height:auto;
	padding:0px 6px;
	text-decoration:none;
	display:block;
}

#homepage-latest-items-container #latest-items-options ul li a:hover
{
	background-color:#FFF;
	color:#3C6502;
}

/* ---( about us )------------------------------- */

#aboutus-blurb
{
	float:left;
	margin: 110px 0px 0px 106px;
	padding:0px;
	width:855px;
	display:inline;
}

#aboutus-blurb p
{
	font-family: Trebuchet MS;
	color: #FFF;
	word-spacing: normal;
	text-align: left;
	line-height: 16px;
	font-size: 14px;
	font-weight: normal;
	margin-bottom:15px;
}

#aboutus-blurb .png-left
{
	float:left;
	margin:0px 15px 0px 0px;
	padding:5px;

}

#aboutus-blurb .png-right
{
	float: right;
	margin: 0px 0px 10px 15px;
	padding: 5px;
	clear: right;
}


/* ---( news )------------------------------- */


#news-blurb
{
	float:left;
	margin: 110px 0px 25px 106px;
	padding:0px;
	width:855px;
	display:inline;
}

#news-blurb p
{
	font-family: Trebuchet MS;
	color: #FFF;
	word-spacing: normal;
	text-align: left;
	line-height: 16px;
	font-size: 14px;
	font-weight: normal;
	margin-bottom:15px;
}



.news-article
{
	border:1px solid #98BE10;
	width:808px;
	background:url(../images/news-bg.gif) repeat-x 0 0;
	margin: 10px 0px 0px 106px;
	padding-top:1px;
	padding-left:7px;
	padding-right:16px;
	position:relative;
}

.news-section-titles
{
	margin-left:107px;
}

.news-article.top
{
	margin-top:10px;
	margin-bottom:60px;
}


.news-article h1 a
{
	font-family: Tahoma;
	color: #FFF862;
	text-align: left;
	line-height: 19px;
	font-size: 15px;
	line-height:16px;
	font-weight: bold;
	text-decoration: none;
}

.news-article p
{
	font-family: Trebuchet MS;
	color: #FFF;
	word-spacing: normal;
	text-align: left;
	line-height: 16px;
	font-size: 13px;
	font-weight: normal;
	margin:20px 0px 20px 0px;
}

.news-article ul
{
	margin-left:40px;
	margin-bottom:15px;
}

.news-article ul li
{
	font-family: Trebuchet MS;
	color: #FFF;
	word-spacing: normal;
	text-align: left;
	line-height: 28px;
	font-size: 16px;
	font-weight: bold;

}


/* ---( latest products )------------------------------- */


#latestproducts-blurb
{
	float:left;
	margin: 110px 0px 0px 106px;
	padding:0px;
	width:855px;
	display:inline;
}

#latestproducts-blurb p
{
	font-family: Trebuchet MS;
	color: #FFF;
	word-spacing: normal;
	text-align: left;
	line-height: 16px;
	font-size: 14px;
	font-weight: normal;
	margin-bottom:15px;
}


.latest-item
{
	border:1px solid #98BE10;
	width:808px;
	background:url(../images/news-bg.gif) repeat-x 0 0;
	margin: 0px 0px 30px 106px;
	padding-top:1px;
	padding-left:7px;
	padding-right:16px;
	position:relative;
}


.latest-item h1 
{
	font-family: Tahoma;
	color: #FFF862;
	text-align: left;
	line-height: 19px;
	font-size: 15px;
	line-height:16px;
	font-weight: bold;
	text-decoration: none;
}

.latest-item-info
{

	margin-left:158px;
	padding-bottom:20px;
}

.latest-item-info p
{
	font-family: Trebuchet MS;
	color: #FFF;
	word-spacing: normal;
	text-align: left;
	line-height: 16px;
	font-size: 13px;
	font-weight: normal;
	margin:20px 0px 5px 0px;

}

.latest-item-info ul
{
	margin-left:0px;
}

.latest-item-info ul li
{
	font-family: Trebuchet MS;
	color: #FFF;
	word-spacing: normal;
	text-align: left;
	line-height: 16px;
	font-size: 14px;
	font-weight: normal;

}

.latest-item img
{
	float:left;
	margin-top:22px;
}


/* ---( online ordering )------------------------------- */


#store-blurb
{
	float:left;
	margin: 110px 0px 0px 106px;
	padding:0px;
	width:855px;
	display:inline;
}

#store-blurb p
{
	font-family: Trebuchet MS;
	color: #FFF;
	word-spacing: normal;
	text-align: left;
	line-height: 16px;
	font-size: 14px;
	font-weight: normal;
	margin-bottom:15px;
}

#store-blurb ul
{
	margin-left:40px;
	margin-bottom:15px;
}

#store-blurb ul li
{
	font-family: Trebuchet MS;
	color: #FFF;
	word-spacing: normal;
	text-align: left;
	line-height: 28px;
	font-size: 16px;
	font-weight: bold;

}



/* ---( contact us )------------------------------- */

#contactus-blurb
{
	float:left;
	margin: 110px 0px 20px 106px;
	padding:0px;
	width:855px;
	display:inline;
}

#contactus-blurb p
{
	font-family: Trebuchet MS;
	color: #FFF;
	word-spacing: normal;
	text-align: left;
	line-height: 16px;
	font-size: 14px;
	font-weight: normal;
	margin-bottom:15px;
}

#contactus-success
{
	float:left;
	margin: 0px 0px 30px 106px;
	width:855px;
	display:inline;
	border:1px solid #0000FF;
	background:#DDDDFF url(../images/notice-icon.gif) no-repeat 4px 7px;
}

#contactus-success h1
{
	font-family: Trebuchet MS;
	color: #000;
	line-height: 16px;
	font-size: 16px;
	font-weight: bold;
	margin:10px 10px 10px 33px; 
}

#contact-form {
	width: 700px;
	margin: 40px 0px 0px 106px;
}

#contact-form input, #contact-form select, #contact-form textarea {
	padding: 5px;
	width: 400px;
	font-family: Tahoma;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-form select {
	padding: 5px;
	width: 412px;
	font-family: Tahoma;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-form textarea {
	height: 90px;
}

#contact-form textarea:focus, #contact-form input:focus {
	border: 1px solid #900;
}

#contact-form input.submit-button {
	width: 100px;
	padding:2px;
	margin-left:215px;
}

label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 200px;
	padding-top: 2px;
	font-size: 18px;
	font-family: Tahoma;
	color:#FFF;

}


#contact-details
{
	margin:0px 0px 0px 106px;
	padding:0px;
	width:400px;
	float:left;
	display:inline;
}


#contact-details h1
{	
	font-family: Tahoma;
	color: #FFF862;
	text-align: left;
	font-size: 15px;
	line-height:16px;
	font-weight: bold;
	text-decoration: none;
}

#contact-details ul
{
	margin-left:0px;
}

#contact-details ul li
{
	font-family: Trebuchet MS;
	color: #FFF;
	word-spacing: normal;
	text-align: left;
	line-height: 16px;
	font-size: 14px;
	font-weight: normal;
	line-height:28px;
}

#address-details
{
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 40px;
	border-left:1px solid #FFF;
	width:400px;
	float:left;
	display:inline;
}


#address-details h1
{	
	font-family: Tahoma;
	color: #FFF862;
	text-align: left;
	font-size: 15px;
	line-height:16px;
	font-weight: bold;
	text-decoration: none;
}

#address-details p
{
	font-family: Trebuchet MS;
	color: #FFF;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	line-height:18px;
	margin-bottom:10px;
}


/* ---( under construction )------------------------------- */


#underconstruction-note
{
	float:left;
	margin: 130px 0px 0px 106px;
	padding:0px;
	width:855px;
	display:inline;
}

#underconstruction-note p
{
	font-family: Trebuchet MS;
	color: #FFF;
	word-spacing: normal;
	text-align: left;
	line-height: 35px;
	font-size: 20px;
	font-weight: normal;
	margin-bottom:15px;
	height: 200px;
}


/* ---( logo frame )------------------------------- */



#logos-container
{
	margin:30px 0px 0px 103px;
}

#logo-frame
{
	width:848px;
	height:74px;
}


#logos
{
	border:1px solid #528708;
	width:848px;

}

#logos a
{
	padding: 0px 5px;
}


/* ---( footer )------------------------------- */

#footer-container
{
	background-color: #417006;
	/*border:1px solid #FFF;*/
	margin-top:15px;
	padding-top:25px;
}

#footer
{

	width:850px;
	height:65px;
	background:url(../images/footer-bg.gif) no-repeat 93px 0px;
	margin:0 auto;
	padding-left:100px;
	padding-top:10px;


}

#footer img#md-logo
{
	float:left;
	border:0px;
	margin:9px 15px 0px 0px;
	display:inline;
}

#footer-info
{
	float:left;
	display:inline;
	margin-top: 15px;
}

#footer-info h1 
{
	font-family: Trebuchet MS;
	color: #FFF;
	text-align: left;
	line-height: 16px;
	font-size: 12px;
	font-weight: normal;

}

#footer-info h1 a
{
	color:#FFF;
	text-decoration:none;
}

#footer-info h1 a:hover
{
	text-decoration: underline;
}

#footer-info p
{
	width:268px;
	height:17px;
	background:url(../images/footer-p-bg.gif) no-repeat 0 0;
	margin-top:3px;
	padding-left:10px;
	font-family: Trebuchet MS;
	color: #95BF58;
	text-align: left;
	line-height: 17px;
	font-size: 11px;
	font-weight: normal;
}

#footer img#repak-logo
{
	float:right;
	border:0px;
	margin:9px 0px 0px 0px;
}

.requiredField
{
	display: none;
}