html {
height: 100%;}
/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section {
display:block;}
body {
font: 'Roboto', sans-serif;
color: #282828;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
color: #000000;
}
a:active {
color: #000000;
}
p {
padding: 0 0 20px 0;
line-height: 12px;
}
p2 {
padding: 0 0 5px 0;
line-height: 12px;
}
cleaner {
margin: 20px 0 0px 0;
padding: 0;
}
table {
margin: 40px 0 0px 0;
}
img {
border: 0;
float: left;
margin: 5px;
}
h1, h2, h3, h4, h5, h12, h13, h6a, h7, h8{
font: normal 100% 'Roboto', sans-serif;
}
h12 {
font: normal 400% 'Roboto', sans-serif;
margin: 0;
padding: 0 0 0 0;
color: #282828;
}
h12a {
font: normal 400% 'Roboto', sans-serif;
margin: 0;
padding: 0 0 0 0;
color: #4c4c4e;
line-height: 74px;
}
h2 {
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
h13 {
font: normal 100% 'Roboto', sans-serif;
float: right;
}
h3 {
font-size: 15px;
font-weight: 300;
line-height: 19px;
}
h11 {
font: normal 100% 'Roboto', sans-serif;
}
h9 {
font: normal 170% 'Roboto', sans-serif;
}
h6a {
font: normal 100% 'Roboto', sans-serif;
margin-left: 30px;
}
h6 {
font: normal 100% 'Roboto', sans-serif;
}
h7 {
font: normal 85% 'Roboto', sans-serif;
line-height: 7px; height: 7px;}
h7a {
font: normal 15px 'Roboto', sans-serif;
line-height: 17px; height: 17px;}
h8 {
margin: 0 50px 0 0;
margin-right: 30px;
color: #282828;
}
ul {
margin: 2px 0 22px 5px;
}
ul li {
list-style-type: none;
color: #6D6E70;
}
#main, #header, #logo, #menubar, #site_content, #footer {
margin-left: auto;
margin-right: auto;}
#main {
width: 100%;
margin: 0px auto;
}
header {
width: 1180px;
height: 90px;
background: transparent;
}
#logo {
width: 180px;
float: left;
height: 90px;
background: transparent;
padding: 0 0 20px 0;
}
#logo h1 {
padding: 5px 0 0 7px;
font-family: 'Roboto', sans-serif;
font-size: 28px;
font-weight: 400;
color: #282828;
}
#logo h1 a:hover {
text-decoration: none;}
#site_content {
width: 100%;
overflow: hidden;
margin: 4px auto 0 auto;
padding: 0;
}
#site_content1 {
width: 100%;
overflow: hidden;
margin: 4px auto 0 auto;
padding: 0;
}
#left_content {
float: left;
text-align: left;
width: 13%;
padding: 2px 5px 2px 5px;
margin: 0;
height: 900px;
background: #CECECE;
}
#left_content ul {
margin: 2px 0 2px 0px;
}
#left_content1 {
float: left;
text-align: left;
width: 13%;
padding: 2px 5px 2px 5px;
margin: 20px 0;
height: 60px;
background: #CECECE;
}
#left_content ul li {
list-style-type: none;
margin: 0 0 0 0;
padding: 1px 10px 1px 1px;
line-height: none;
}
#right_content {
float: right;
width: 450px;
padding: 0;
min-height: 450px;}
#right_content4 {
float: right;
width: 85%;
height: 100%;
padding: 10px 0px 10px 0;
background: transparent;
top: 0px;
margin-top: 0px;
}
#right_content4a {
float: left;
width: 930px;
height: 100%;
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
background: transparent;
top: 0px;
margin-top: 0px;
}
#right_content4m {
float: right;
width: 1100px;
height: 100%;
padding: left;
background: transparent;
top: 10px;
margin-top: 0px;
}
#right_content4m2 {
float: left;
width: 940px;
height: 100%;
padding: 80px 0px 5px 70px;
background: transparent;
top: 0px;
margin-top: 0px;
}
#right_content4m1 {
float: right;
width: 30px;
height: 100%;
padding: 5px 0px 5px 0px;
background: transparent;
top: 0px;
margin-top: 0px;
}
#right_content3 {
float: left;
width: 890px;
height: 760px;
padding: 5px 5px 5px 20px;
background: transparent;
top: 0px;
margin-top: 0px;
}
#right_content5 {
float: left;
width: 240px;
height: 100%;
padding: 20px 20px 20px 20px;
background: rgba(255,255,255,0.7);
font: normal 17px 'Roboto', sans-serif;
line-height: 27px;
margin: 110px 10px 10px 30px;
}
#right_content5b {
float: left;
width: 440px;
height: 100%;
padding: 20px 20px 20px 20px;
background: rgba(255,255,255,0.7);
font: normal 17px 'Roboto', sans-serif;
line-height: 27px;
margin: 310px 10px 10px 130px;
}
#right_content5a {
float: right;
width: 800px;
height: 500px;
padding: 5px 10px 10px 120px;
background: transparent;
top: 20px;
font: normal 16px 'Roboto', sans-serif;
line-height: 18px;
margin-top: 10px;
}
#right_content6 {
float: left;
width: 920px;
height: 700px;
padding: 10px 10px 10px 60px;
background: transparent;
top: 20px;
margin-top: 90px;
}
#right_content7 {
float: right;
width: 320px;
height: 700px;
padding: 10px 0px 10px 10px;
background: transparent;
top: 20px;
margin-top: 90px;
}
#right_content8 {
float: right;
width: 900px;
height: 700px;
padding: 10px 10px 10px 50px;
background: transparent;
top: 20px;
margin-top: 90px;
}
#right_content9 {
float: left;
width: 920px;
height: 900px;
padding: 10px 10px 10px 60px;
background: transparent;
top: 20px;
margin-top: 90px;
}
#right_content img {
float: right;}
footer {
width: 930px;
font: normal 100% 'Roboto', sans-serif;
padding: 50px 20px 5px 0;
text-align: right;
background: transparent;}
footer p {
padding: 0 0 10px 0;}
footer a, footer a:hover {
text-decoration: none;}
/* styling for the slideshow on the homepage */
ul.slideshow {
width: 850px;
height: 580px;
overflow: hidden;
position: relative;
margin: 0;
padding: 0;
}
ul.slideshow li {
position: absolute;
margin: 0;
padding: 0;
left: 0;
right: 0;
list-style: none;}
ul.slideshow li.show {
z-index: 500;}
ul img {
border: none;}
#slideshow-caption {
width: 850px;
height: 0px;
position: absolute;
bottom: 0;
left: 0;
z-index: 500;}
#slideshow-caption .slideshow-caption-container {
padding: 20px 25px 0 25px;
z-index: 1000;}
#slideshow-caption p {
padding: 0;
font: normal 130% 'Roboto', sans-serif;}
/* form styling */
.form_settings {
margin: 0;}
.form_settings p {
padding: 0 0 10px 0;}
.form_settings span {
padding: 5px 0;
float: left;
width: 170px;
text-align: left;}
.form_settings input, .form_settings textarea {
padding: 4px;
width: 252px;
font: 100% 'Roboto', sans-serif;
border: 0;
border-bottom: 1px solid;
background: transparent;}
.form_settings .submit {
font: 170% 'Roboto', sans-serif;
border: 0;
width: 100px;
margin: 0 0 0 162px;
height: 33px;
padding: 2px 0 3px 0;
cursor: pointer;
border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;}
.form_settings textarea, .form_settings select {
font: 100% 'courier-new';
border: 1px solid;
border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
width: 250px;
overflow: auto;}
.form_settings select {
width: 304px;}
.form_settings .checkbox {
margin: 4px 0;
padding: 0;
width: 14px;
border: 0;
background: none;}
/* styling for the blog page */
#blog_container h4 {
font: normal 200% 'Roboto', sans-serif;
margin: 0 0 15px 0;
padding: 5px 0;}
#blog_container h4.select {
width: 475px;}
.blog {
background: url(../images/calendar.png) no-repeat;
width: 54px;
height: 46px;
float: left;
margin: 0 15px 0 0;}
.blog h2 {
font: bold 90% 'Roboto', sans-serif;
text-shadow: none;
text-align: center;
margin: 0;
padding: 4px 0 0 0;}
.blog h3 {
font: 140% 'Roboto', sans-serif;
text-shadow: none;
margin: 0;
text-align: center;
padding: -10px 0 0 0;}
#blog_text {
padding: 20px;
overflow: auto;
height: 100%;}
#blog_text h1 {
font: normal 190% 'Roboto', sans-serif;
margin: 0 0 15px 0;
padding: 5px 0;}
html body ul.sf-menu ul,html body ul.sf-menu ul li {
width: 180px;
}
html body ul.sf-menu ul ul {
margin: 0 0 0 10px;}
ul.sf-menu,ul.sf-menu * {
margin: 0 10px 0 0px;
padding: 0px 0 0px 0px;
}
ul.sf-menu {
display: block;
position: relative;
width: 180px;
}
ul.sf-menu li {
display: block;
list-style: none;
float: left;
position: relative;}
ul.sf-menu li:hover {
visibility: visible; /* fixes IE7 'sticky bug' */
}
ul.sf-menu a {
display: block;
position: relative;
width: 180px;
}
ul.sf-menu ul {
position: absolute;
left: 0;
width: 350px;
top: 25px;
left: -9999px;
z-index: 99;
}
ul.sf-menu ul a {
zoom: 1; /* IE6/7 fix */ }
ul.sf-menu ul li {
float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
width: 250px;}
ul.sf-menu ul ul {
top: 0;
margin: 0 0 0 5px;}
ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul,
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul {
left: auto;}
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul {
left: -999999px;}
/* theming the menu */
nav {
width: 180px;
margin: 0 5px 0 auto;
float: left;
padding: 5px 0 0 0;
z-index: 10;
}
ul#nav {
float: left;
margin: 10px 0 10px 0;
}
ul#nav li a {
font-size: 13px;
text-align: left;
z-index: 10;
display: block;
float: left;
height: 14px;
padding: 3px;
position: relative;
overflow: visible;
}
ul#nav ul {
margin-top: 5px;
padding-bottom: 2px;
}
nav1 {
width: 200px;
margin: 0 10px 0 auto;
float: left;
padding: 5px 0 0 0;
}
ul#nav1 {
float: left;
margin: 0 0 0 0;
}
ul#nav1 li a {
font: normal 100% 'Roboto', sans-serif;
text-decoration: none;
outline: none;
text-align: left;
z-index: 10;
display: block;
float: left;
height: 14px;
padding: 2px 2px 2px 2px;
position: relative;
overflow: visible;
}
ul#nav1 ul {
margin-top: 2px;
padding-bottom: 2px;}
#site_content {
width: 100%;
overflow: hidden;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
}
#sidebar_container {
float: left;
width: 180px;
margin: 0 0 0 0;
}
.sidebar {
float: left;
width: 180px;
margin: 0 0 17px 0;
padding: 0 10px 0 10px;
}
.sidebar h3, .content h1 {
padding: 0 15px 20px 0;
font: 200% 'Roboto', sans-serif;
text-shadow: #6d6e70 0px 0px;
margin: 0 1px;
color: #6d6e70;
}
.sidebar h3 {
color: #6d6e70;
font: 250% 'Roboto', sans-serif;
padding: 0 15px 5px 0;
}
.sidebar ul {
margin: 0 0 15px 0;
}
.sidebar li a, .sidebar li a:hover {
color: #ec1c24;
text-decoration: none;
}
.sidebar li a:hover {
text-decoration: none;
}
.sidebar_item, .content_item {
padding: 15px 0;
}
.content {
text-align: left;
width: 1100px;
float: left;
font-size: 100%;
}
.content ul {
margin: 2px 0 22px 0px;
}
.content ul li, .sidebar ul li {
list-style-type: none;
background: url(../images/bullet.png) no-repeat;
margin: 0 0 0 0;
padding: 0 0 4px 28px;
line-height: 1.5em;
}
.content_wrapper {
overflow: visible;
width: 190px
}
.content_mb_30 { margin-bottom: 30px }
.content_mb_60 { margin-bottom: 60px }
.product_box {
width: 200px;
height: 250px;
text-align: center;
font: normal 14px 'Roboto', sans-serif;
margin: 15px 15px 15px 15px;
background: transparent;
float: left;
color: #6d6e70;
}
.product_box img {
margin-bottom: 1px;
border-radius: 1px;
align: center;
margin: 0px 0px 10px 0px;
}
.product_box h3 {
font-size: 11px;
color: #fff;
margin-bottom: 5px;
font-weight: 700;
}
.product_box .product_price {
color: #fff;
font-size: 14px;
font-weight: 700;
margin-bottom: 10px;
}
.product_box .add_to_cart {
clear: both;
width: 165px;
height: 28px;
background: transparent;
}
.product_box .add_to_cart a {
float: none;
display: block;
width: 100%;
line-height: 28px;
text-align: center;
color: #005842;
border-radius: 5px;
}
.main-menu {
text-align: left;
float: left;
font-size: 14px;
height: 12px;
}
.main-menu ul li {
display: block;
float: left;
padding-left: 15px;
padding-right: 1px;
border-left: 0px solid #BEAF84;
background: transparent;
}
.main-menu ul li a {
display: block;
text-transform: none;
font-size: 12px;
color: #6D6E70;
line-height: 12px;
margin-left: 20px;
}
.main-menu ul li a:hover {
color: #6D6E70;
}
.main-menu ul li.active {
background: transparent;
}
.main-menu ul li.active a {
color: #6D6E70;
}
a.toggle-menu {
background: transparent;
color: #6D6E70;
width: 190px;
height: 170px;
line-height: 170px;
text-align: left;
margin-top: 10px;
margin-right: 2px;
font-size: 12px;
}
.menu-responsive {
padding: 10px 3px;
display: none;
}
.menu-responsive ul li {
margin: 24px 0;
display: block;
}
.menu-responsive ul li a {
display: block;
color: #6D6E70;
text-transform: none;
font-size: 12px;
}
.menu-responsive ul li.active a {
color: #6D6E70;
}
nav2 {
width: 200px;
margin: 0 10px 0 auto;
float: left;
padding: 5px 0 0 0;
}
ul#nav2 {
float: left;
margin: 0 0 0 0;
}
ul#nav2 li a {
font: normal 100% 'Roboto', sans-serif;
text-decoration: none;
outline: none;
text-align: left;
z-index: 10;
display: block;
float: left;
height: 9px;
padding: 2px 2px 2px 2px;
position: relative;
overflow: visible;
}
ul#nav2 ul {
margin-top: 2px;
padding-bottom: 2px;}
ul.sf-menu2 {
display: block;
position: relative;
}
ul.sf-menu2 li {
display: block;
list-style: none;
float: left;
position: relative;}
ul.sf-menu2 li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */ }
ul.sf-menu2 a {
display: list-item;
position: relative;
}
ul.sf-menu2 ul {
position: absolute;
left: 0;
width: 190px;
top: auto;
left: -999999px;}
ul.sf-menu2 ul a {
zoom: 1; /* IE6/7 fix */ }
ul.sf-menu2 ul li {
float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
width: 200px;}
ul.sf-menu2 ul ul {
top: 0;
margin: 0 0 0 5px;}
ul.sf-menu2 li:hover ul,ul.sf-menu2 li:focus ul,ul.sf-menu2 li.sf-hover ul,
ul.sf-menu2 ul li:hover ul,ul.sf-menu2 ul li:focus ul,ul.sf-menu2 ul li.sf-hover ul,
ul.sf-menu2 ul ul li:hover ul,ul.sf-menu2 ul ul li:focus ul,ul.sf-menu2 ul ul li.sf-hover ul,
ul.sf-menu2 ul ul ul li:hover ul,ul.sf-menu2 ul ul ul li:focus ul,ul.sf-menu2 ul ul ul li.sf-hover ul {
left: auto;}
ul.sf-menu2 li:hover ul ul,ul.sf-menu2 li:focus ul ul,ul.sf-menu2 li.sf-hover ul ul,
ul.sf-menu2 ul li:hover ul ul,ul.sf-menu2 ul li:focus ul ul,ul.sf-menu2 ul li.sf-hover ul ul,
ul.sf-menu2 ul ul li:hover ul ul,ul.sf-menu2 ul ul li:focus ul ul,ul.sf-menu2 ul ul li.sf-hover ul ul,
ul.sf-menu2 ul ul ul li:hover ul ul,ul.sf-menu2 ul ul ul li:focus ul ul,ul.sf-menu2 ul ul ul li.sf-hover ul ul {
left: -999999px;}
.product_box1 {
width: 150px;
text-align: left;
margin: 15px 10px 15px 10px;
background: transparent;
float: left;
color: #6d6e70;
}
.product_box1 img {
margin-bottom: 1px;
border-radius: 1px;
align: center;
margin: 0px 0px 10px 0px;
}
.product_box1 h3 {
font-size: 11px;
color: #fff;
margin-bottom: 5px;
font-weight: 700;
}
.product_box1 .product_price {
color: #fff;
font-size: 14px;
font-weight: 700;
margin-bottom: 10px;
}
.product_box1 .add_to_cart {
clear: both;
width: 150px;
height: 28px;
background: rgba(255, 255, 255, 0.5);
}
.product_box1 .add_to_cart a {
float: none;
display: block;
width: 100%;
line-height: 28px;
text-align: center;
color: #005842;
border-radius: 5px;
}