/* Screen Styles for Rockwell */
html {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
font-size: 62.5%; /* enables you to easily size text with ems */
font-family: Arial, Helvetica, sans-serif;
background-color: #ededed;
color: #333333;
}
h1, h2, h3, h4, h5, h6, h7, p, form, ul, ol, li, blockquote { /* resets most browser styles to enhance cross-browser compatibility */
margin: 0;
padding: 0;
}
a:link {color: #ec940e; text-decoration: underline;}
a:visited {color: #ec940e; text-decoration: underline;}
a:hover {color: #ec940e; text-decoration: none;}
a:active {color: #ec940e; text-decoration: underline;}
/* ------------ MAIN STRUCTURE OF THE PAGE ------------ */
#centered-container {
width: 720px;
margin-left: auto;
margin-right: auto;
}
#header {
width: 720px;
background: url(../images/structure/rockwell_logo.jpg) no-repeat;
background-color: #000;
margin-bottom: 12px;
}
#shop-series-header {
width: 720px;
height: 93px;
background: url(../images/structure/shop_series_logo.jpg) no-repeat;
background-color: #000;
margin-bottom: 6px;
}
#navigation-bar {
width: 720px;
background-color: #f7941d;
background-image: url(images/fon_menu.gif);
background-repeat: repeat-x;
height: 40px;
}
#navigation {
margin-left: 21px;
padding-top: 8px;
font-size: 1.1em;
text-transform: uppercase;
}
#content-header {
width: 720px;
height: 244px;
padding: 0px;
background-position: center;
background-color: #8D1A9D;
background-repeat: no-repeat;
border-top: 0px solid #FFFFFF;
border-right: 0px solid #FFFFFF;
border-bottom: 0px solid #FFFFFF;
border-left: 0px solid #FFFFFF;
}
#content-header-text {
background: url(../images/structure/content_header_bg.jpg) no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
padding: 20px;
margin: 0px;
float: right;
text-align: right;
}
#product-container {
float: right;
width: 510px;
margin-right: 0;
clear: right;
}
#promo-container {
float: left;
width: 424px;
}
.product-box {
width: 500px;
background-color: #fff;
margin-bottom: 0px;
padding: 5px;
float: right;
margin-top: 5px;
margin-right: 0px;
clear: right;
margin-left: 2px;
}
.top-promo-box {
width: 412px;
height: 119px;
background-color: #fff;
margin-bottom: 2px;
padding: 6px;
}
.inner-promo-box {
border: 1px solid #c8c8c8;
}
.promo-area-left {
float: left;
width: 199px;
height: 252px;
margin-right: 2px;
background-color: #fff;
padding: 6px;
}
.inner-promo-area-left {
width: 198px;
height: 251px;
border: 1px solid #c8c8c8;
}
.promo-area-right {
float: left;
width: 199px;
height: 252px;
background-color: #fff;
padding: 6px;
}
.inner-promo-area-right {
width: 198px;
height: 251px;
border: 1px solid #c8c8c8;
}
#footer {
border-top: 1px solid #c2c3c2;
padding-top: 6px;
color: #c2c3c2;
}
#footer a:link {color: #c2c3c2; text-decoration: none;}
#footer a:visited {color: #c2c3c2; text-decoration: none;}
#footer a:hover {color: #c2c3c2; text-decoration: underline;}
#footer a:active {color: #c2c3c2; text-decoration: none;}
/* STYLES FOR SIMPLE TEXT BASED PAGES */
#text-page-container {
background: url(../images/structure/product_fake_border.jpg) repeat-y;
margin-bottom: 12px;
}
#text-page-left {
float: left;
width: 283px;
padding: 30px 0 0 40px;
}
#text-page-left h2 {
color: #000;
font-size: 2em;
margin-bottom: 10px;
}
#text-page-left h3 {
color: #ec940e;
font-size: 1.4em;
margin-bottom: 10px;
}
#text-page-left ul {
margin-top: 25px;
}
#text-page-left li {
font-size: 1.2em;
list-style-type: none;
margin-bottom: 8px;
}
#text-page-left a:link {color: #959591; text-decoration: underline;}
#text-page-left a:visited {color: #959591; text-decoration: underline;}
#text-page-left a:hover {color: #959591; text-decoration: none;}
#text-page-left a:active {color: #959591; text-decoration: underline;}
#text-page-right {
float: left;
width: 416px;
padding: 30px 70px 0 42px;
}
#text-page-right h4 {
margin-bottom: 5px;
font-size: 1.4em;
color: #000;
}
#text-page-right h5 {
margin-bottom: 5px;
font-size: 1.2em;
color: #000;
}
#text-page-right strong {
color: #ec940e;
}
#text-page-right em {
text-decoration: underline;
}
#text-page-right ul {
margin-bottom: 16px;
margin-top: 8px;
}
#text-page-right li {
margin-left: 0px;
font-size: 1.2em;
margin-bottom: 8px;
list-style-type: none;
}
.warranty-bullets {
margin-left: 20px;
}
#text-page-right p {
margin-bottom: 16px;
line-height: 170%;
font-size: 1.2em;
}
#text-page-right table {
margin-top: 10px;
font-size: 1.2em;
}
/* PRODUCT INDEX CONTAINER */
#white-below-navigation {
width: 720px;
height: 20px;
padding-bottom: 12px;
background: url(../images/structure/shaded_bottom_header.jpg) no-repeat;
background-position: bottom;
background-color: #fff;
}
#product-index-container {
background: url(../images/structure/product_three_columns.jpg) repeat-y;
margin-bottom: 12px;
}
#product-index-handheld {
float: left;
width: 262px;
height: 340px;
padding: 90px 0 0 20px;
background: url(../images/structure/handheld_tools_background.jpg) no-repeat;
background-position: top right;
}
#product-index-bench {
float: left;
width: 265px;
height: 340px;
padding: 90px 0 0 20px;
background: url(../images/structure/bench_tools_background.jpg) no-repeat;
background-position: top right;
}
#product-index-accessories {
float: left;
width: 264px;
height: 340px;
padding: 90px 0 0 20px;
background: url(../images/structure/accessories_background.jpg) no-repeat;
background-position: top right;
}
#shop-product-index-handheld {
float: left;
width: 262px;
height: 340px;
padding: 90px 0 0 20px;
background: url(../images/structure/shop_handheld_tools_background.jpg) no-repeat;
background-position: top right;
}
#shop-product-index-bench {
float: left;
width: 265px;
height: 340px;
padding: 90px 0 0 20px;
background: url(../images/structure/shop_bench_tools_background.jpg) no-repeat;
background-position: top right;
}
#shop-product-index-accessories {
float: left;
width: 264px;
height: 340px;
padding: 90px 0 0 20px;
background: url(../images/structure/shop_accessories_background.jpg) no-repeat;
background-position: top right;
}
/* STRUCTURE FOR PRODUCT LISTING PAGE */
#handheld-listing-container {
background: url(../images/structure/product_fake_border.jpg) repeat-y;
margin-bottom: 12px;
}
#handheld-listing-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/structure/handheld_tools_background.jpg) no-repeat;
background-position: top right;
}
#handheld-saws-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/products/product_pages/handheld_saws.jpg) no-repeat;
background-position: top right;
}
#angle-grinder-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/products/product_pages/angle_grinders.jpg) no-repeat;
background-position: top right;
}
#bench-grinders-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/products/product_pages/bench_grinders.jpg) no-repeat;
background-position: top right;
}
#bench-saws-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/products/product_pages/bench_saws.jpg) no-repeat;
background-position: top right;
}
#drill-press-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/products/product_pages/drill_press.jpg) no-repeat;
background-position: top right;
}
#handheld-drills-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/structure/handheld_tools_background.jpg) no-repeat;
background-position: top right;
}
#other-tools-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/structure/handheld_tools_background.jpg) no-repeat;
background-position: top right;
}
#handheld-sanders-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/products/product_pages/sanders.jpg) no-repeat;
background-position: top right;
}
#woodworking-tools-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/products/product_pages/woodworking.jpg) no-repeat;
background-position: top right;
}
#accessories-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/structure/accessories_background.jpg) no-repeat;
background-position: top right;
}
#shop-handheld-listing-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/structure/shop_handheld_tools_background.jpg) no-repeat;
background-position: top right;
}
#shop-handheld-saws-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/shopseries/product_pages/handheld_saws.jpg) no-repeat;
background-position: top right;
}
#shop-angle-grinder-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/shopseries/product_pages/angle_grinders.jpg) no-repeat;
background-position: top right;
}
#shop-bench-grinders-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/shopseries/product_pages/bench_grinder.jpg) no-repeat;
background-position: top right;
}
#shop-bench-saws-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/structure/shop_bench_tools_background.jpg) no-repeat;
background-position: top right;
}
#shop-drill-press-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/products/product_pages/drill_press.jpg) no-repeat;
background-position: top right;
}
#shop-handheld-drills-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/structure/shop_handheld_tools_background.jpg) no-repeat;
background-position: top right;
}
#shop-other-tools-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/shopseries/product_pages/other_tools.jpg) no-repeat;
background-position: top right;
}
#shop-handheld-sanders-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/shopseries/product_pages/handheld_sanders.jpg) no-repeat;
background-position: top right;
}
#shop-woodworking-tools-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/shopseries/product_pages/woodworking_tools.jpg) no-repeat;
background-position: top right;
}
#shop-accessories-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/structure/shop_accessories_background.jpg) no-repeat;
background-position: top right;
}
#shop-combos-left {
float: left;
width: 303px;
height: 250px;
padding: 150px 0 0 20px;
background: url(../images/shopseries/product_pages/combos.jpg) no-repeat;
background-position: top right;
}
#handheld-listing-left h2, #handheld-saws-left h2, #angle-grinder-left h2, #bench-grinders-left h2, #bench-saws-left h2, #drill-press-left h2, #handheld-drills-left h2, #other-tools-left h2, #handheld-sanders-left h2, #woodworking-tools-left h2, #accessories-left h2, #shop-handheld-listing-left h2, #shop-handheld-saws-left h2, #shop-angle-grinder-left h2, #shop-bench-grinders-left h2, #shop-bench-saws-left h2, #shop-drill-press-left h2, #shop-handheld-drills-left h2, #shop-other-tools-left h2, #shop-handheld-sanders-left h2, #shop-woodworking-tools-left h2, #shop-accessories-left h2, #shop-combos-left h2 {
color: #000;
font-size: 2em;
width: 200px;
}
#handheld-listing-left p, #handheld-saws-left p, #angle-grinder-left p, #bench-grinders-left p, #bench-saws-left p, #drill-press-left p, #handheld-drills-left p, #other-tools-left p, #handheld-sanders-left p, #woodworking-tools-left p, #accessories-left p, #shop-handheld-listing-left p, #shop-handheld-saws-left p, #shop-angle-grinder-left p, #shop-bench-grinders-left p, #shop-bench-saws-left p, #shop-drill-press-left p, #shop-handheld-drills-left p, #shop-other-tools-left p, #shop-handheld-sanders-left p, #shop-woodworking-tools-left p, #shop-accessories-left p, #shop-combos-left p {
margin: 20px 0 10px 0;
font-size: 1.2em;
font-weight: 700;
}
#handheld-listing-right, #shop-handheld-listing-right {
float: left;
width: 526px;
padding: 0 0 0 2px;
font-size: 1.2em;
margin: -12px 0 -12px 0;
}
#handheld-listing-right, #shop-handheld-listing-right a:link {color: #959591; text-decoration: underline;}
#handheld-listing-right, #shop-handheld-listing-right a:visited {color: #959591; text-decoration: underline;}
#handheld-listing-right, #shop-handheld-listing-right a:hover {color: #959591; text-decoration: underline;}
#handheld-listing-right, #shop-handheld-listing-right a:active {color: #959591; text-decoration: underline;}
#handheld-listing-right{
padding: 0;
margin: 0;
}
#shop-handheld-listing-right ul {
padding: 0;
margin: 6px 0 0 0;
}
#handheld-listing-right li, #shop-handheld-listing-right li {
list-style-type: none;
border-bottom: 1px solid #ededed;
display: block;
}
#handheld-listing-right .last-one, #shop-handheld-listing-right .last-one {
list-style-type: none;
border-bottom: 1px solid #fff;
display: block;
}
#handheld-listing-right li p, #shop-handheld-listing-right li p {
padding-top: 30px;
}
#handheld-listing-right li img, #shop-handheld-listing-right li img {
float: left;
margin-left: 2px;
}
/* STRUCTURE FOR PRODUCT DETAIL PAGE */
#shop-product-container {
background: url(../images/structure/shop_orange_background.jpg) no-repeat;
padding-top: 18px;
}
#shop-products-page-container {
background: url(../images/structure/shop_product_three_columns.jpg);
padding-top: 18px;
}
#product-page-container {
background: url(../images/structure/product_fake_border.jpg) repeat-y;
margin-bottom: 12px;
}
#product-page-left {
float: left;
width: 305px;
padding: 30px 0 0 20px;
}
#product-page-right {
float: left;
width: 450px;
padding: 30px 38px 40px 38px;
}
#shop-product-page-left {
float: left;
width: 305px;
padding: 20px 0 0 20px;
}
#shop-product-page-right {
float: left;
width: 450px;
padding: 20px 38px 40px 38px;
}
/* ------------ SPECIFIC STYLES FOR THE HEADER ------------ */
#header h1 {
display: none;
}
#header a:link {display: block; float: left; width: 220px; height: 90px; text-decoration: none;}
#header a:visited {display: block; float: left; width: 220px; height: 90px; text-decoration: none;}
#header a:hover {display: block; float: left; width: 220px; height: 90px; text-decoration: none;}
#header a:active {display: block; float: left; width: 220px; height: 90px; text-decoration: none;}
#header h3 {
padding: 25px 30px 5px 0;
font-size: 1.1em;
color: #fff;
text-align: right;
font-weight: 300;
}
#header h3 em {
color: #ec940e;
}
#header h2 {
padding-right: 30px;
font-size: 2em;
color: #ec940e;
text-align: right;
font-weight: 300;
}
#shop-series-header h1 {
display: none;
}
#shop-series-header a:link {display: block; float: left; width: 220px; height: 90px; text-decoration: none;}
#shop-series-header a:visited {display: block; float: left; width: 220px; height: 90px; text-decoration: none;}
#shop-series-header a:hover {display: block; float: left; width: 220px; height: 90px; text-decoration: none;}
#shop-series-header a:active {display: block; float: left; width: 220px; height: 90px; text-decoration: none;}
#shop-series-header h3 {
padding: 25px 30px 5px 0;
font-size: 1.1em;
color: #fff;
text-align: right;
font-weight: 300;
}
#shop-series-header h3 em {
color: #ec940e;
}
#shop-series-header h2 {
padding-right: 30px;
font-size: 2em;
color: #ec940e;
text-align: right;
font-weight: 300;
}
/* ------------ SPECIFIC STYLES FOR NAVIGATION ------------ */
#navigation li {
list-style-type: none;
display: inline;
}
#navigation a:link {float: left; padding: 9px 14px 9px 14px; color: #fff; text-decoration: none; background-color: #6e2b88; margin-right: 3px;}
#navigation a:visited {float: left; padding: 9px 14px 9px 14px; color: #fff; text-decoration: none; background-color: #6E2B88; margin-right: 3px;}
#navigation a:hover {float: left; padding: 9px 14px 9px 14px; color: #fff; text-decoration: none; background-color: #000; margin-right: 3px;}
#navigation a:active {float: left; padding: 9px 14px 9px 14px; color: #fff; text-decoration: none; background-color: #40403a; margin-right: 3px;}
#navigation .current a:link {float: left; padding: 9px 14px 9px 14px; color: #000; text-decoration: none; background-color: #fff; margin-right: 3px; font-weight: 700;}
#navigation .current a:visited {float: left; padding: 9px 14px 9px 14px; color: #000; text-decoration: none; background-color: #fff; margin-right: 3px; font-weight: 700;}
#navigation .current a:hover {float: left; padding: 9px 14px 9px 14px; color: #000; text-decoration: none; background-color: #fff; margin-right: 3px; font-weight: 700;}
#navigation .current a:active {float: left; padding: 9px 14px 9px 14px; color: #000; text-decoration: none; background-color: #fff; margin-right: 3px; font-weight: 700;}
/* ------------ SPECIFIC STYLES FOR CONTENT HEADER ------------ */
#content-header-text h2 {
text-align: left;
padding: 25px 50px 0 370px;
text-transform: uppercase;
font-size: 4.3em;
line-height: 100%;
color: #fff;
font-weight: 300;
}
#content-header-text h2 em{
font-style: normal;
color: #ec940e;
}
#content-header-text p {
padding: 0 50px 0px 370px;
line-height: 150%;
color: #fff;
font-size: 1.1em;
}
/* ------------ SPECIFIC STYLES FOR PRODUCT BOXES ------------ */
.product-box img {
float: left;
}
.product-box h4 {
font-size: 1.5em;
color: #000;
text-transform: uppercase;
padding-top: 20px;
}
.product-box em {
color: #ec940e;
font-style: normal;
}
.product-box p {
font-size: 1.1em;
line-height: 140%;
}
/* ------------ SPECIFIC STYLES FOR TOP PROMO BOX ------------ */
.top-promo-box img {
float: left;
}
.top-promo-box h3 {
font-size: 1.5em;
color: #000;
text-transform: uppercase;
padding-top: 20px;
}
.top-promo-box em {
color: #ec940e;
font-style: normal;
}
.top-promo-box p {
font-size: 1.1em;
line-height: 140%;
}
/* ------------ SPECIFIC STYLES FOR THE BOTTOM LEFT PROMO BOX ------------ */
.decorative-border {
height: 16px;
background-color: #ec940e;
}
.promo-area-left h3 {
font-size: 1.5em;
color: #000;
text-transform: uppercase;
padding-left: 20px;
}
.promo-area-left em {
color: #ec940e;
font-style: normal;
}
.promo-area-left p {
font-size: 1.1em;
line-height: 140%;
margin: 0 20px 0 20px;
}
/* ------------ SPECIFIC STYLES FOR THE BOTTOM RIGHT PROMO BOX ------------ */
.promo-area-right blockquote {
padding: 20px;
color: #ec940e;
font-size: 1.2em;
font-weight: 700;
font-style: italic;
line-height: 130%;
}
.promo-area-right img {
margin: 0 20px 10px 20px;
}
.promo-area-right p {
margin: 0 20px 0 20px;
}
/* ------------ SPECIFIC STYLES FOR PRODUCT INDEX PAGE ------------ */
#product-index-handheld h3 {
color: #000;
text-transform: uppercase;
font-size: 1.4em;
margin-bottom: 8px;
}
#product-index-handheld li {
list-style-type: none;
margin-bottom: 5px;
font-size: 1.2em;
}
#product-index-handheld a:link {color: #959591; text-decoration: underline;}
#product-index-handheld a:visited {color: #959591; text-decoration: underline;}
#product-index-handheld a:hover {color: #959591; text-decoration: none;}
#product-index-handheld a:active {color: #959591; text-decoration: underline;}
#product-index-bench h3 {
color: #000;
text-transform: uppercase;
font-size: 1.4em;
margin-bottom: 8px;
}
#product-index-bench li {
list-style-type: none;
margin-bottom: 5px;
font-size: 1.2em;
}
#product-index-bench a:link {color: #959591; text-decoration: underline;}
#product-index-bench a:visited {color: #959591; text-decoration: underline;}
#product-index-bench a:hover {color: #959591; text-decoration: none;}
#product-index-bench a:active {color: #959591; text-decoration: underline;}
#product-index-accessories h3 {
color: #000;
text-transform: uppercase;
font-size: 1.4em;
margin-bottom: 8px;
}
#product-index-accessories li {
list-style-type: none;
margin-bottom: 5px;
font-size: 1.2em;
}
#product-index-accessories a:link {color: #959591; text-decoration: underline;}
#product-index-accessories a:visited {color: #959591; text-decoration: underline;}
#product-index-accessories a:hover {color: #959591; text-decoration: none;}
#product-index-accessories a:active {color: #959591; text-decoration: underline;}
#shop-product-index-handheld h3 {
color: #000;
text-transform: uppercase;
font-size: 1.4em;
margin-bottom: 8px;
}
#shop-product-index-handheld li {
list-style-type: none;
margin-bottom: 5px;
font-size: 1.2em;
}
#shop-product-index-handheld a:link {color: #959591; text-decoration: underline;}
#shop-product-index-handheld a:visited {color: #959591; text-decoration: underline;}
#shop-product-index-handheld a:hover {color: #959591; text-decoration: none;}
#shop-product-index-handheld a:active {color: #959591; text-decoration: underline;}
#shop-product-index-bench h3 {
color: #000;
text-transform: uppercase;
font-size: 1.4em;
margin-bottom: 8px;
}
#shop-product-index-bench li {
list-style-type: none;
margin-bottom: 5px;
font-size: 1.2em;
}
#shop-product-index-bench a:link {color: #959591; text-decoration: underline;}
#shop-product-index-bench a:visited {color: #959591; text-decoration: underline;}
#shop-product-index-bench a:hover {color: #959591; text-decoration: none;}
#shop-product-index-bench a:active {color: #959591; text-decoration: underline;}
#shop-product-index-accessories h3 {
color: #000;
text-transform: uppercase;
font-size: 1.4em;
margin-bottom: 8px;
}
#shop-product-index-accessories li {
list-style-type: none;
margin-bottom: 5px;
font-size: 1.2em;
}
#shop-product-index-accessories a:link {color: #959591; text-decoration: underline;}
#shop-product-index-accessories a:visited {color: #959591; text-decoration: underline;}
#shop-product-index-accessories a:hover {color: #959591; text-decoration: none;}
#shop-product-index-accessories a:active {color: #959591; text-decoration: underline;}
/* ------------ SPECIFIC STYLES FOR PRODUCT PAGE BODY ------------ */
/* LEFT SIDE */
.product-image li {
background: url(../images/structure/small_enlarge_icon.jpg) no-repeat;
padding-left: 20px;
margin-left: 15px;
list-style-type: none;
}
.product-image a:link {text-decoration: none;}
.product-image a:visited {text-decoration: none;}
.product-image a:hover {text-decoration: underline;}
.product-image a:active {text-decoration: none;}
.small-nav-left {
float: left;
width: 134px;
padding-top: 30px;
padding-left: 16px;
}
.small-nav-left li {
list-style-type: none;
margin-bottom: 5px;
font-size: 1.1em;
}
.small-nav-left a:link {color: #959591; text-decoration: underline;}
.small-nav-left a:visited {color: #959591; text-decoration: underline;}
.small-nav-left a:hover {color: #959591; text-decoration: none;}
.small-nav-left a:active {color: #959591; text-decoration: underline;}
.small-nav-left h3 {
color: #000;
text-transform: uppercase;
font-size: 1.2em;
margin-bottom: 8px;
}
.small-nav-right {
float: left;
width: 150px;
padding-top: 30px;
}
.small-nav-right li {
list-style-type: none;
margin-bottom: 5px;
font-size: 1.1em;
}
.small-nav-right a:link {color: #959591; text-decoration: underline;}
.small-nav-right a:visited {color: #959591; text-decoration: underline;}
.small-nav-right a:hover {color: #959591; text-decoration: none;}
.small-nav-right a:active {color: #959591; text-decoration: underline;}
.small-nav-right h3 {
color: #000;
text-transform: uppercase;
font-size: 1.2em;
margin-bottom: 8px;
}
/* RIGHT SIDE */
#product-page-right h2 {
font-size: 2em;
margin-bottom: 8px;
color: #000;
}
#product-page-right p {
font-size: 1.2em;
line-height: 130%;
margin-bottom: 10px;
color: #000;
}
#shop-product-page-right h2 {
font-size: 2em;
margin-bottom: 8px;
color: #000;
}
#shop-product-page-right p {
font-size: 1.2em;
line-height: 130%;
margin-bottom: 10px;
color: #000;
}
.user-options {
margin-top: 20px;
}
.user-options li{
list-style-type: none;
float: left;
height: 14px;
padding-top: 1px;
margin-right: 12px;
}
.user-options a:link {text-decoration: none;}
.user-options a:visited {text-decoration: none;}
.user-options a:hover {text-decoration: underline;}
.user-options a:active {text-decoration: none;}
.print-link {
background: url(../images/structure/small_print_icon.jpg) no-repeat;
padding-left: 20px;
}
.email-link {
background: url(../images/structure/small_email_icon.jpg) no-repeat;
padding-left: 20px;
}
.pdf-link {
background: url(../images/structure/small_pdf_icon.jpg) no-repeat;
padding-left: 19px;
}
.product-details {
margin: 20px 0 10px 0;
}
.product-details li {
list-style-type: none;
text-transform: uppercase;
float: left;
padding: 8px 1px 8px 0;
font-size: 1.2em;
}
.product-details a:link {padding: 5px 10px 5px 10px; background-color: #babab9; color: #fff; font-weight: 300; text-decoration: none;}
.product-details a:visited {padding: 5px 10px 5px 10px; background-color: #babab9; color: #fff; font-weight: 300; text-decoration: none;}
.product-details a:hover {padding: 5px 10px 5px 10px; background-color: #5e5e5d; color: #fff; font-weight: 300; text-decoration: none;}
.product-details a:active {padding: 5px 10px 5px 10px; background-color: #babab9; color: #fff; font-weight: 300; text-decoration: none;}
.current-detail a:link {padding: 5px 10px 5px 10px; background-color: #5e5e5d; color: #fff; font-weight: 300;}
.current-detail a:visited {padding: 5px 10px 5px 10px; background-color: #5e5e5d; color: #fff; font-weight: 300;}
.current-detail a:hover {padding: 5px 10px 5px 10px; background-color: #5e5e5d; color: #fff; font-weight: 300;}
.current-detail a:active {padding: 5px 10px 5px 10px; background-color: #5e5e5d; color: #fff; font-weight: 300;}
.current-details li {
color: #000;
margin-left: 13px;
font-size: 1.2em;
margin-bottom: 10px;
}
.menu {
float: left;
height: 284px;
width: 205px;
background-color: #FFFFFF;
margin-top: 5px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
}
.padleft {
margin-left: 10px;
padding-left: 10px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 0px;
}
.padUp {
padding-top: 5px;
float: left;
clear: left;
overflow: visible;
visibility: visible;
}
.promozaglavie {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FF9900;
text-transform: uppercase;
}
.promotex {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
}
.promotex2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
text-align: right;
line-height: 12px;
}
.MENU {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
float: left;
}a:link {
text-decoration: none;
}
.body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
}
a:visited {
text-decoration: none;
}
.menuup {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #FFFFFF;
}
.frame {
border: 1px solid #f7ae48;
}
.obiavazaglavie {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FF9900;
text-transform: uppercase;
}
.price {
font-size: 14px;
color: #FF9900;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 16px;
}
.bodyobiava {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
line-height: 18px;
}
.framedown {
padding-bottom: 10px;
padding-top: 0px;
border-top-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #FFCC00;
border-right-color: #FFCC00;
border-bottom-color: #FFCC00;
border-left-color: #FFCC00;
}
.frameobiava {
border: 1px solid #f7ae48;
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
.padd {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.padingleft2 {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
.padingright {
padding-right: 10px;
}
.body2 {
font-size: 9px;
font-family: Arial, Helvetica, sans-serif;
}
.new1 {
float: left;
width: 142px;
margin-right: 0px;
margin-left: 10px;
height: auto;
}
.razprodajba {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
height: auto;
width: 205px;
background-color: #FF9900;
padding: 0px 0px 5px;
clear: left;
float: left;
margin-right: 5px;
}
.smallmenu {
float: left;
height: auto;
width: 205px;
clear: left;
background-color: #FFFFFF;
margin-right: 5px;
margin-top: 5px;
}
.smallmenu2 {
float: left;
height: auto;
width: auto;
clear: left;
background-color: #FFFFFF;
margin-right: 5px;
margin-top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
padding-left: 16px;
}
.new2 {
float: left;
width: 200;
margin-right: 0px;
margin-left: 10px;
}
.promozaglavie2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-transform: uppercase;
}
.haesd {
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
}
.obiava_text {
float: right;
width: 350px;
background-color: #CCCCCC;
}
.product-box2 {
width: 500px;
height: auto;
background-color: #fff;
margin-bottom: 0px;
padding: 5px;
float: right;
margin-top: 5px;
margin-right: 0px;
clear: right;
margin-left: 2px;
}
#product-container2 {
float: right;
width: 510px;
margin-right: 0;
clear: right;
height: auto;
background-color: #FFFFFF;
margin-top: 8px;
}
#content-header2 {
width: 720px;
height: 20px;
padding: 0px;
background-position: center;
background-repeat: no-repeat;
border-top: 0px solid #FFFFFF;
border-right: 0px solid #FFFFFF;
border-bottom: 0px solid #FFFFFF;
border-left: 0px solid #FFFFFF;
}
#product-container3 {
float: right;
width: 490px;
margin-right: 0;
clear: right;
height: auto;
background-color: #FFFFFF;
margin-top: 8px;
padding: 10px;
}
.product-box2 {
width: 500px;
height: 228px;
background-color: #fff;
margin-bottom: 0px;
padding: 5px;
float: right;
margin-top: 5px;
margin-right: 0px;
clear: right;
margin-left: 2px;
}