/*---------------------------------
---------->>> BODY <<<-------------
---------------------------------*/  
body {background: url(../images/bg.png) repeat-x;}

#wrapper,
#header   {margin: 0 auto;}
#header   {width:  890px; position: relative;}
#wrapper  {width:  857px;}
#sidebar  {width:  250px;}
#columns-two  {width:  534px;}

#sidebar,
#columns-two {border-top: 2px solid #e6e6e6; padding: 20px 17px; }
#container h1#page {border: 2px solid #e6e6e6; padding: 20px 15px; }
#container h1#page {padding: 30px 25px; color: #727272;}
#sidebar,
#columns-two {float: left; }
#columns-two {margin-left: 5px; }

/*---------------------------------
---------->>> HEADER <<<-----------
---------------------------------*/  
#logo,
#img-qualityandprices,
#img-learnmore {background-repeat: no-repeat; height: 0px !important; overflow: hidden; 
    display: block; }
#logo {background-image: url(../images/logo.png); padding-top: 29px;
    margin: 43px 0 27px 30px; width: 235px; }
#logo, ul.menu-sitemenu {float: left;}

	/*---------------------------------
	-->>> MENU > search, login, sitemap
	---------------------------------*/  
	ul.menu-sitemenu {list-style-type:none; position: absolute; bottom: 49px; right: 17px}
	ul.menu-sitemenu li {display: inline;}
	ul.menu-sitemenu li a, ul.menu-sitemenu li a:visited { display: block; float: left; color: #bababa; 
		padding: 2px 0; width: 88px; border: 2px solid #e6e6e6; color: #a1a1a1; 
		margin-right: 5px;
		text-align: center; text-transform:uppercase; font-size: 11px;}
	ul.menu-sitemenu li a:hover { border: 2px solid #d7d7d7; color: #636363; text-decoration: none;}
	ul.menu-sitemenu li:last-child a, ul.menu-sitemenu li:last-child a:visited {margin-right: 0;}

/*---------------------------------
---------->>> CONTENT <<<----------
---------------------------------*/  
#content-onecolumn {border: 2px solid #E6E6E6; padding: 20px 17px}

#content-twocolumns     {background: url(../images/bg-content.png)     repeat-y; }
#content-twocolumns-end {background: url(../images/bg-content-end.png) no-repeat; height: 2px;}
#container h1#page, #frontpage-intro {margin: 6px 0;}

	/*---------------------------------
	---------->>> PAGES <<<------------
	---------------------------------*/  
	#container h1#page {
		font-family: Georgia, Minion Pro, Helvetica sans-serif;
		font-size: 30px; 
		font-weight: normal;
	}

	.box {border: 1px solid #dcdcdc; background-color: #fefefe; float: left; margin-bottom: 10px;}
	.box-left {margin-right: 10px;}
	.box p.box-image, .box .box-description {float:left}
	.box p.box-image {line-height:0; width: 80px; margin: 10px 5px 10px 10px;}
	.box .box-description {width:160px; margin: 20px 5px 0 0;}
	.box .box-description h3, .box .box-description h3 a, .box .box-description h3 a:visited {color: #c8060e; font-size: 12px; margin-top: 10px; }
	.box .box-description p {color: #6f6f6f; font-size: 11px;}

	.product-image p img {border: 1px solid #dcdcdc; }
	.product-image, .product-description {float:left;}
	.product-description {width: 200px; margin-left: 12px}
	#columns-two .product-description h3 {font-size: 24px;}
	#columns-two .product-description h4 {font-size: 11px; color:#6f6f6f; margin-bottom: 5px;}
	.product-description p, .product-description ul li {font-size: 11px;}
	.product-description ul {list-style-type: none;}
	.product-description ul li {line-height: 1.6em;}

	.smallapp {width: 169px; margin-right: 10px;}
	.smallapp-last {margin-right:0;}
	.smallapp p.smallapp-image {text-align: center; margin-top:10px; margin-bottom:10px;}
	#columns-two .smallapp h3.smallapp-desc a {display:block; text-align: center; margin-bottom:12px; color: #c8060e; font-size: 12px; }

	/*---------------------------------
	---------->>> FRONTPAGE <<<--------
	---------------------------------*/  
	#frontpage-intro {background: url(../images/frontpage-bg1.jpg) no-repeat; border: 2px solid #e6e6e6; height: 285px;}
	#frontpage-intro1 {padding: 40px 260px 40px 245px;}
	#frontpage-intro1 p{margin-bottom: 8px;}

	#img-qualityandprices{background-image: url(../images/img-qualityandprices.png); padding-top: 80px; }
	#img-learnmore{background-image: url(../images/img-learnmore.png); padding-top: 22px; }

    .menu-sidebar a, .menu-sidebar a:visited {color:#EC6706; font-weight:bold;background: url(../images/sidebar-list.gif) center left no-repeat;padding-left: 15px; }
    .menu-sidebar a:hover {text-decoration: none; color: #959595;background-image: url(../images/sidebar-list2.gif)}
    .menu-sidebar {padding-left: 0;}
    .menu-sidebar li {list-style-type:none; line-height: 25px;}
    .menu-sidebar li ul {padding-left: 15px;}
    .menu-sidebar .active a {color:#959595;background-image: url(../images/sidebar-list2.gif)}
    .menu-sidebar .active a:hover {color:#EC6706; ;background-image: url(../images/sidebar-list.gif)}

/*---------------------------------
---------->>> SIDEBAR <<<----------
---------------------------------*/  
#sidebar h2,
#columns-one h2,
#columns-two h2 {font-size: 12px; color: #727272; margin-bottom: 15px; text-transform: uppercase;}
.entry-info h3, #columns-two h3, #sidebar h3 {font-size: 13px; margin: 0;}
#columns-two h3 {margin-bottom: 5px;}

	/*---------------------------------
	---------->>> NEWS <<<-------------
	---------------------------------*/  
	.entry {margin-bottom: 20px;}
	.last {margin-bottom: 0;}
	.entry-img, .entry-info {float: left;}
	.entry-info {width: 160px;padding-left: 20px; }
	.entry-info p {font-size: 11px; margin: 0;}
	a.entry-learnmore, a.entry-learnmore:visited {color: #ec6706; text-transform: uppercase;}


/*---------------------------------
---------->>> FOOTER <<<-----------
---------------------------------*/  
#footer ul.menu {list-style-type:none; margin: 10px 0; }
#footer ul.menu li a, #footer ul.menu li a:visited { display: block; float: left; color: #bababa; padding: 20px 40px 0 0;
 text-transform:uppercase; font-weight: bold; font-size: 11px;}
#footer ul.menu li a:hover {text-decoration: none; color: #727272;}

#legal p {font-size: 10px;}

/*---------------------------------
---------->>> OTHERS <<<-----------
---------------------------------*/  
.align-right {text-align: right;}
img.align-right {float: right; margin-left: 10px;}
.yoo-maps p,.yoo-maps p button {margin-top: 10px}
.yoo-maps p button {float: right; }


/*---------------------------------
---------->>> ETC <<<--------------
---------------------------------*/  

#emailForm label {display: block; margin-bottom:5px;}
#emailForm .contact_captcha,
#emailForm .contact_email,
#emailForm .contact_email_checkbox {margin:10px 0;}
#emailForm label.copy {display: inline;}
#emailForm #contact_text {width:526px; height:90px}
#emailForm input, #emailForm textarea {font-family: Tahoma, Helvetica, sans-serif; font-size: 13px; padding: 2px;}
#emailForm .contact_captcha {height: 50px; display: inline-block; margin: 0;}
#emailForm .contact_captcha label {display: inline; margin: 0;}
#emailForm .button {display: block; margin: 10px 0}

.simplelist .zoo-item ul,  
.simplelist .zoo-item ul a, .simplelist .zoo-item ul a:visited {color:#EC6706; font-weight:bold;}
.simplelist .zoo-item ul li {list-style-type:none; background: url(../images/sidebar-list.gif) center left no-repeat; margin-bottom: 10px; padding-left: 15px;}

form.search_result { background-color: #fdfdfd; border: 1px solid #dcdcdc; padding: 20px 17px; margin-bottom: 20px}
form.search_result div {line-height: 30px}
form.search_result div p {margin-bottom: 0; }

ol.list {margin-left: 20px;}
ol.list li {margin-bottom: 20px}
ol.list li h4 {margin-bottom: 0;}
ol.list li p {margin-bottom: 10px}
ol.list li p.small {font-size: 11px; font-style: italic; }
ol.list li p span.highlight {background-color: #EC6706; color: #fff; font-weight:bold}

#map-retailstore p button {float:none;}

div#yoo-zoo div.links {margin-top: 10px; color: #727272;}
div#yoo-zoo .links-download {list-style-type: none; margin:0;}
div#yoo-zoo .links-download li a, .links-download li a:visited {color: #727272; font-size: 11px; background: url(../images/sidebar-list.gif) left center no-repeat; padding-left: 12px; margin-bottom: 2px; }
div#yoo-zoo .links-download li a:hover {color: #ff6600; text-decoration: none;}

.sectiontableheader {background-color: #e6e6e6}
tbody {border: 1px solid #e6e6e6}
tr {border-bottom: 1px solid #e6e6e6}
td {padding: 5px;}

div#yoo-zoo div.item div.cp-spec tbody {border: 0 none;}
div#yoo-zoo div.item div.cp-spec tr {border: 0 none;}

