/* CSS Document */

	body,
	html {
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:12px;
		margin:0;
		padding:0;
		color:#000;
        background: transparent url(images/background.png) repeat;
	}
	#wrap {
		width:980px;
		margin:0 auto;
	}
	#header {
        width: 980px;
        height: 130px;
        background: transparent url(images/header.png) no-repeat scroll top center;
	}
	#header_content {
        padding: 16px 24px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		font-size: 36px;
	}
	h1 {
		color:#f2652a;
		font-size:19px;
	    margin:0;
    }
	.yellow {color:#f99d1c; font-size:24px;}
	.nav {
		padding:1px 0px;
	}
	.right {
		text-align:right;
	}
	
	#main_wrapper {
		float:left;
		width:710px;
		padding:0px;
	}
	.main {
		padding:10px 30px;
		border-left:1px #ccc solid;
		border-right:1px #ccc solid;
		background:#fff;
	}
	.main p {margin:0 0 1em 0;}
	
	.product-grid {table-layout: fixed;}
	.product-grid td {
		text-align:center;
		vertical-align:top;
		font-size:10px;
		width: 25%;
		}
	.product-grid td p {margin:0 6px 10px 6px;}		
	.main_top_border {
        width: 710px;
        height: 6px;
        background: transparent url(images/main-box-top.png) no-repeat scroll top center;
}
	.main_bottom_border {
        width: 710px;
        height: 6px;
        background: transparent url(images/main-box-bottom.png) no-repeat scroll bottom center;
}
	h2 {
		margin:0 0 1em;
		color:#005094;
	}
	#sidebar_wrapper {
		float:right;
		width:250px;
		padding:0px;
		font-family:Arial, Helvetica, sans-serif;
  		font-size:12px;
	}


/* menu system */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}

#menu {width:980px; height:26px; background:#005094; text-align:center; position:relative; z-index:100; margin:0 auto 10px auto;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-ms-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;} 
#menu ul {display:inline;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul.level1 {display:table; margin:0 20px;}
#menu ul.level1 li.level1-li {float:left; display:block; background:#005094; position:relative; z-index:100;}
#menu ul.level1 li.level1-li:hover {display:inline-block; z-index:10;}

#menu ul.level1 {background:#005094;}

#menu ul ul {background:#fff; padding: 20px 0 10px 0;
border:1px solid #ddd;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
-ms-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}
#menu ul ul ul {background:#fff; padding: 10px 0; 
border:1px solid #ddd;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}

#menu a {display:block; font:bold 11px/26px verdana,arial,sans-serif; color:#fff; text-decoration:none;padding:0 30px 0 15px;}
#menu ul.level1 li.level1-li a.level1-a {float:left; text-transform:uppercase; width:auto;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}

#menu ul ul li a {color:#666; line-height:20px; text-transform:none; font-weight:normal;}
#menu ul ul li a:hover {color:#000;}

#menu ul li:hover > ul {left:0; top:20px; z-index:-1;}
#menu ul li.left:hover > ul {left:auto; right:0; top:20px; z-index:-1;}

#menu ul ul li:hover > ul {left:100%; top:auto; margin-top:-31px; margin-left:-10px; z-index:10;}
#menu li.left ul li:hover > ul {left:auto; right:100%; top:auto; margin-top:-31px; margin-right:-10px; z-index:10;}

#menu li.left ul a {text-align:right; padding:0 15px 0 30px;}

#menu ul li a:hover {background:#003461;} 
#menu ul li:hover > a {background:#003461;} 
#menu ul ul li a:hover {background:#f2f2f2; color:#000;} 
#menu ul ul li:hover > a {background:#f2f2f2; color:#000;}

/* for IE6 */
#menu b {position:absolute;}
#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-7px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-41px;}
#menu table table table {margin-top:15px;}

#menu li.left table {position:absolute; height:0; width:0; left:auto; right:10px; border-collapse:collapse; margin-top:-7px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-41px;}
#menu li.left table table table {margin-top:15px;}

#menu ul a:hover ul {visibility:visible; left:0; top:26px; padding-top:10px;}
#menu ul a:hover ul a:hover ul {visibility:visible; left:100%; top:26px; padding-top:10px; margin-left:-10px;}
#menu ul a:hover ul a:hover ul a:hover ul {visibility:visible; left:100%; top:auto; margin-top:-31px; margin-left:-10px; z-index:10;}

#menu li.left a:hover ul,
#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible; margin-right:-10px;}

#menu ul a:hover ul ul {left:-9999px;}
#menu ul a:hover ul a:hover ul ul {left:-9999px;}
#menu ul a:hover ul a:hover ul a:hover ul ul {left:-9999px;}

#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}

#menu li.close {display:none; position:absolute; left:50%; margin-left:-50px; top:-30px;}
}
</style>

<style media="only screen and (max-device-width:768px)" type="text/css">
/* for iPhone, iPod Touch and iPad */
#menu ul ul {display:none;}
#menu ul li:hover > ul {display:block;}
#menu li.sub:hover ~ li.close {display:block;}



table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}


a, a:visited {
	color:blue;
	text-decoration:none;
}
a:hover, a:active {
	color:#000;
	text-decoration:none;
}

.theme-default #slider {
    margin:1px auto 0 auto;
    width:648px;
    height:346px;
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:150px;
}

.clear {
	clear:both;
}


	.sidebar_box h1 {color:#f2652a;font-size:14px;background:url(images/sidebar-box.png) no-repeat;padding:6px 6px 6px 10px;margin:0;}
	.sidebar_box p {margin:0;}
	.price {color:#cc0000; font-size:14px; font-weight:bold;}
	.sidebar_box fieldset {background:url(images/sidebar-box.png) no-repeat bottom left; border:0;margin:0;padding:0;}
	.sidebar_box_content {padding:0 10px 4px 10px;margin:0;overflow:hidden;}
	
	.image-left {float:left; padding:4px 8px 4px 0;}
	.image-left img {display: block; padding:0 0 8px 0;}
	.image-right {float:right; padding:4px 0 4px 8px;}

	ul.flower_bullet {
		list-style-image:url(images/flower-bullet.png);
		border: none;
		font-size:18px;
		color:#8cae15;
		line-height: 1.5em;
		font-weight:normal;
	}

	.greytext {color:#999;}

	#footer {
		clear:both;
		text-align:center;
  		font-size:10px;
		padding:5px 10px;
	}
	#footer p {
		margin:0;
    }
	* html #footer {
		height:1px;
	}
	a:link {	
		color: #1a5791;
		text-decoration: underline;
	}
	a:visited {	
		color: #1a5791;
		text-decoration: underline;
	}
	a:hover {	
		color: #e13a3e;
		text-decoration: underline;
	}