@charset "utf-8";
/* ==================== Mar Markarios Page Layout CSS Styles ==================== */

/*	Table Of Contents
	 1.Breadcrumbs
	 2.Page
	 3.Side Bar
	 4.Blog
	 5.Contact Us
	 6.Sitemap
     7.Featured Product

*/

/* ==================== 1.Breadcrumbs ==================== */

#breadcrumbs-container{width:100%; float:left; background:url(../images/secondary/bg-breadcrumb-container.jpg) repeat-x;}

#breadcrumbs {background:url(../images/secondary/bg-breadcrumbs.jpg) no-repeat; width:950px; height:70px; margin:0px auto; color:#900;}

#breadcrumbs p {display:block; padding-top:18px; padding-left:196px;}

#breadcrumbs a {text-decoration:none; color:#333;}

#breadcrumbs a:hover {text-decoration:underline; color:#900;}

#breadcrumbs strong {font-weight:normal; color:#333;}

/* ==================== 2.Page ==================== */
	
#content-container {width:100%; float:left; background-color:#FFF;}

#content {width:950px; margin:0px auto; background:url(../images/secondary/bg-page.jpg) repeat-y; height:auto; min-height:525px;}
	
* html #content {height:525px;}

#page {width:610px; padding-bottom:20px;}

#page #h1-container {float:right; height:23px; width:610px; display:block; margin-bottom:10px;}

#page h1 {padding-left:40px; background:url(../images/secondary/h1-left.jpg) no-repeat left; margin-right:5px; float:left;}

#page span#h1-right {display:block; width:34px; height:23px; background:url(../images/secondary/h1-right.jpg) no-repeat right; float:left;}

#page p {line-height:150%; margin-bottom:12px;}

/* ==================== 3.Side Bar ==================== */
	
#sidebar {width:300px; float:right; padding-right:10px;}

#sidebar dl {width:300px; margin-bottom:20px; font-weight:bold; display:block;}

#sidebar dt {height:25px; display:block; font-size:1.4em; color:#900; padding-left:12px; background:url(../images/secondary/bg-dt-bottom.jpg) no-repeat center 23px;}

#sidebar dd {width:300px;}

#sidebar dd a {display:block; padding:11px 0px 11px 12px; height:1%; width:289px; color:#333; text-decoration:none; background:url(../images/secondary/bg-dt-bottom.jpg) no-repeat bottom;}

#sidebar dd a:hover {display:block; padding:11px 0px 11px 12px; background:url(../images/secondary/bg-dd-hover.jpg); text-decoration:none; color:#FFF; width:289px;}

#sidebar dd a.active {display:block; padding:11px 0px 11px 12px; background:url(../images/secondary/bg-dd-active.jpg); text-decoration:none; color:#FFF; width:289px;}

/* ==================== 4.Blog ==================== */

#sidebar div#blog {padding-left:12px; width:280px;}

#sidebar div#blog h3 {font-size:1em; font-weight:bold;}

#sidebar div#blog strong {font-weight:normal; color:#333;}

#sidebar div#blog div.hr {width:276px; margin-right:0px; height:0px; border-bottom:1px dashed #CCC;  margin-bottom:5px; margin-top:8px;float:none;}

#sidebar div#blog div.hr hr {display: none;}



/*-------- 5. Contact Us ----------*/
	
#contact-form{
	float:left;
	width:350px;
	}

#contact-form label{
	margin-top: 14px;
	margin-left:2px;
	display: block;
	float: left;
	font-size: 1em;
	width: 65px;
	font-weight:bold;
	text-align:right;
	color:#036;
	}
	
#contact-form b{
	
	font-size: 1em;
	
	font-weight:bold;
	color:#036;
	}

#contact-form input{
	margin: 10px 0px 0px 10px;
	padding: 2px;
	border: 1px solid #CCC;
	width: 200px;
	font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;
	}

#contact-form textarea{
	margin: 10px 0px 0px 10px;
	border: 1px solid #CCC;
	width: 201px;
	padding:2px;
	height: 125px;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:12px;
}

#contact-form .btn_submit{
	width: 95px;
	height: 23px;
	margin-top: 10px;
	border:0px;
	position:relative;
	left:180px;
	}
#contact-form .freeQuoteButton {
    margin: 10px 0px 0px 10px;
	padding: 2px;
	border: 1px solid #CCC;
	width: 74px;
	height: 25px;
	}


/* --------- 7. Featured Product  --------- */

#featuredproduct{
	width:610px;
	border-collapse:collapse;
	margin-bottom:15px;
	}
	
#featuredproduct .th{
	width:610px;
	height:20px;
	text-align:left;
	color:#fff;
	font-size:1.3em;
	padding:0px;
	background: url(../images/secondary/bg-dd-active.jpg) repeat-x;
	}
	
#featuredproduct .th p
{
    vertical-align:middle;
    margin-left:12px;
	padding-bottom:0px;
}
	
#featuredproduct td{
	border:#a70711 1px solid;
	vertical-align:top;
	padding:10px 0px 10px 10px;
	}
	
#featured-product-img{
	margin-right:10px; 
	margin-bottom:10px; 
	padding:3px; 
	border:#CCC 1px solid;
	}