@charset "UTF-8";/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,th,var {
font-style: normal;
font-weight: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}
q:before,q:after {
content: '';
}
body {
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #bebebe;
background-color: #000;
background: #000 url(../images/body_bg.png) repeat;/background-position:1px 0px;
}
input,textarea {
color: #bebebe;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
}
#preloader {
width: 1px;
height: 1px;
border: none;
}
h1 {
font-size: 24px;
color: #fff;
font-weight: normal;
margin-bottom: 30px;
text-transform: uppercase;
}
h3 {
margin: 5px 0 10px 0;
font-weight: normal;
}
h4 {
font-size: 14px;
margin-bottom: 10px;
font-weight: normal;
text-transform: uppercase;
margin-top: 10px;
}
a {
text-decoration: none;
color: #bebebe;
}
a:hover {
color: #fff;
}
.clear {
clear: both;
float: none;
font-size: 0px;
line-height: 0px;
height: 0px;
}
.outline {
background-image: url(../images/outline_bg.png);
background-repeat: repeat-y;
width: 970px;
margin: auto;
padding: 0 30px;
}
.wrapper {
width: 970px;
margin: auto;
padding: 0 0 383px 0;
background: transparent url(../images/wrapper_bg.png) repeat-x;
}
.no_background {
background: none;
background-color: #141414;
}
.header {
position: relative;
padding-right: 40px;
height: 108px;
z-index: 199;
}
.header .logo {
position: absolute;
}
.search_form {
right: 40px;
top: 25px;
position: absolute;
width: 160px;
}
.search_form .text {
display: block;
float: left;
border: none;
background-color: transparent;
padding: 5px;
width: 115px;
text-transform: uppercase;
background-image: url(../images/input_search_wide_bg.png);
background-repeat: no-repeat;
}
.search_form .image {
display: block;
float: left;
}
.body .search_form {
position: static !important;
width: 245px;
text-align: center;
margin: 0 auto 15px;
}
.body .search_form .text {
width: 200px;
}
/*********** styles for the top menu **********/
.top_menu {
position: absolute;
top: 70px;
right: 40px;
z-index: 200;
}
.top_menu UL {
float: right;
behavior: url(js/csshover.htc);
}
.top_menu UL LI {
float: left;
margin-left: 30px;
position: relative;
}
.top_menu UL LI A:hover {
color: #fff;
text-decoration: none;
}
.top_menu UL LI.active,.top_menu UL LI A:hover,.top_menu UL LI:hover A {
color: #fff;
text-decoration: none;
}
.top_menu UL LI UL {
position: absolute;
display: none;
padding: 20px 0 0 0;
background: transparent url(../images/menu_item_top_bg.png) no-repeat top;
width: 180px;
top: 11px;
left: 0px;
}
.top_menu UL LI:hover UL {
display: block;
}
.top_menu UL LI UL LI {
float: none;
margin: 0;
padding: 0 20px 10px 20px;
background-color: #141414;
}
.top_menu UL LI:hover UL LI,.top_menu UL LI:hover UL A {
color: #bebebe;
}
.top_menu UL LI:hover UL LI,.top_menu UL LI:hover UL A:hover {
color: #fff;
}
.top_menu UL LI UL LI.last {
padding-bottom: 20px;
background: transparent url(../images/menu_item_bottom_bg.png) no-repeat bottom;
}
.top_menu UL LI.active LI.active A,.top_menu UL LI.active A {
font-weight: bold;
color: #fff;
}
.top_menu UL LI.active LI A {
font-weight: normal;
color: #bebebe;
}
.breadcrumb {
font-size: 14px;
margin-bottom: 10px;
}
.pager {
float: right;
margin-bottom: 5px;
}
.pager .pages a {
padding: 5px 5px;/line-height:18px;
}
.pager .pages .ditto_currentpage {
background: transparent url(../images/pager_active_bg.png) no-repeat center;
color: #fff;
padding: 5px 5px;/line-height:18px;
}
.left_column {
width: 340px;
float: left;
padding-left: 10px;
}
.left_column h1 img {
behavior: url(js/iepngfix.htc);
width: 331px;
height: 454px;
}
.right_column {
width: 560px;
float: right;
padding: 20px 40px 120px 0;
text-transform: none;
}
.no_background .right_column {
padding-bottom: 20px;
}
.right_column .heading {
border-top: 1px solid #3a3a3a;
margin-bottom: 10px;
}
.right_column .heading img {
display: block;
padding-top: 20px;
}
.right_column .heading h1 {
margin-top: 10px;
margin-bottom: -10px;
}
.right_column .body {
text-transform: none;
font-size: 11px;
padding-bottom: 20px;
}
.right_column .body h2 {
color: #fff;
text-transform: uppercase;
margin-bottom: 15px;
font-weight: normal;
}
.right_column .body p {
margin-bottom: 10px;
}
.right_column .body a {
color: #fff;
}
.right_column .body a:hover {
text-decoration: underline;
}
.right_column .body table {
width: 100%;
}
.right_column .body table td {
padding: 10px 10px 10px 0;
}
.right_column .body .meta {
padding-bottom: 15px;
border-bottom: 1px solid #3a3a3a;
margin-bottom: 15px;
text-transform: uppercase;
}
.right_column .body .meta .forward {
float: right;
}
.products_list {
border-top: 1px solid #3a3a3a;
padding-top: 17px;
zoom: 1;
}
.products_list .item {
float: left;
padding-right: 20px;
border-bottom: 1px solid #3a3a3a;
margin-bottom: 17px;/*padding-bottom:15px;*/
width:125px;
text-align: center;/*position:relative;*/
height:157px;
}
.products_list_espresso .item {
float: left;
padding-right: 10px;
border-bottom: 1px solid #3a3a3a;
margin-bottom: 17px;/*padding-bottom:15px;*/
width:165px;
text-align: center;/*position:relative;*/
height:157px;
}
.products_list .item img {
}
.no_border .item {
border: none;
}
.brands_list .item {
width: auto;
}

.products_list .last {
padding-right: 0px;
}
.espresso .item {
border: none;
width: 175px;
}
.wishlist .item {
position: relative;
}
.products_list .remove {
display: block;
position: absolute;
width: 16px;
height: 17px;
background: transparent url(../images/icon_remove.png) no-repeat;
left: 108px;
top: 107px;
}
.single_column {
width: 785px;
float: left;
padding-top: 0;
padding-right: 0;
padding-bottom: 100px;
padding-left: 0;
margin-left: 100px;
}
.single_column table {
width: 100%;
}
.single_column table td {
text-align: center;
vertical-align: top;
}
.homepage {
text-transform: none;
padding: 0px 0px 20px 0;
}
.homepage h1 {
position: absolute;
width: 376px;
height: 57px;
background: transparent url(../images/homepage_h1_bg.png) no-repeat;
padding: 20px 15px 0 15px;
color: #141414;
font-size: 18px;
margin-top: 20px;
z-index: 20;
}
.homepageh1 h1 {
text-indent: -9999em;
margin-top: -57px;
}
.spotlight_list {
padding-left: 10px;
}
.spotlight_list .item {
margin: 0 23px 10px 0;
float: left;
width: 302px;/position:relative;
}
.spotlight_list .last {
margin-right: 0;
}
.spotlight_list .item .spotlight,.spotlight_list .item .spotlight .background {
position: absolute;
width: 302px;
height: 107px;
}
.spotlight_list .item .spotlight {
display: none;
color: #fff;
margin-top: -107px;/margin-top:0px;/left:0px;/bottom:0px;
}
.spotlight_list .item:hover .spotlight {
display: block;
}
.spotlight_list .item .spotlight .background {
background: transparent url(../images/spolight_bg.png) no-repeat;
opacity: 0.8;
}
.spotlight_list .item .spotlight .content {
padding: 15px 25px;
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
}
.spotlight_list .item .spotlight .content h3 {
font-size: 18px;
margin-bottom: 2px;
text-align: left;
}
.spotlight_list .item .spotlight .content dt {
float: left;
width: 73px;
display: block;
}
.spotlight_list .item .spotlight .content dd {
float: left;
width: 179px;
display: block;
}
.spotlight_list .item .spotlight .content dl {
clear: both;
}
.spotlight_list .item .spotlight .content a {
margin-top: 10px;
display: block;
float: left;
width: 150px;
height: 26px;
margin: 10px auto 0;
}
.product_details {
width: 380px;
}
.product_details dt {
width: 180px;
float: left;
margin-bottom: 10px;
}
.product_details dd {
width: 200px;
float: left;
margin-bottom: 10px;
}
.product_details blockquote {
font-style: italic;
width: 380px;
}
.left_column .big_image {
display: block;
margin-bottom: 15px;
}
.product_images {
width: 302px;
}
.left_column .product_thumbs {
border-top: 1px solid #3a3a3a;
padding-top: 10px;
text-align: justify;
}
.left_column .product_thumbs a {
margin-right: 11px;
}

.advanced_search_form {
margin: 0 auto 10px;
text-transform: uppercase;
border-bottom: 1px solid #3a3a3a;
padding-bottom: 10px;
}
.advanced_search_form label {
text-transform: uppercase;
display: block;
margin-bottom: 5px;
}
.advanced_search_form select {
display: block;
margin-bottom: 5px;
}
.advanced_search_form .image {
display: block;
margin: 10px 0 0;
}

.advanced_search_form .options {
display: block;
margin-bottom: 10px;
overflow: hidden;
}
.advanced_search_form .options .item {
margin: 0 0px 5px 0;
float: left;
width: 50%;
}
.advanced_search_form .options .item input {
margin-right: 3px;
}


.wishlist_form {
width: 249px;
margin-bottom: 50px;
padding-top: 10px;
}
.wishlist_form label {
text-transform: uppercase;
display: block;
margin-bottom: 5px;
}
.wishlist_form .text {
width: 239px;
background: transparent url(../images/input_bg.png) no-repeat;
display: block;
border: none;
padding: 5px;
margin-bottom: 7px;
}
/*********** Stylised form field **********/
.wishlist_form .select {
position: absolute;
width: 250px;/* With the padding included,the width is 190 pixels:the actual width of the image. */
height:27px;
padding: 0 24px 5px 8px;
color: #CCCCCC;
font: 12px/25px arial,sans-serif;
background: url(../images/input_select_bg01.png) no-repeat;
overflow: hidden;
}
.wishlist_form .image {
display: block;
float: right;
margin-top: 10px;
}
.wishlist_form .text2 {
width: 465px;
background: transparent url(../images/input_bg2.png) no-repeat;
display: block;
border: none;
padding: 5px;
margin-bottom: 7px;
}
.wishlist_form .text3 {
width: 465px;
display: block;
border: none;
padding: 5px;
margin-bottom: 7px;
height: 46px;
background-color: transparent;
background-image: url(../images/input_bg3.png);
background-repeat: no-repeat;
}
.wishlist_form .text4 {
width: 239px;
display: block;
border: none;
margin-bottom: 7px;
height: 60px;
background-color: transparent;
background-image: url(../images/input_bg4.png);
background-repeat: no-repeat;
overflow: hidden;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
}
.footer {
height: 30px;
padding-right: 40px;
text-align: right;
padding-top: 13px;
position: relative;
margin-top: 5px;
}
.footer .background {
position: absolute;
background: transparent url(../images/footer_bg.png) no-repeat;
width: 550px;
height: 43px;
top: 0px;
right: 0px;
behavior: url(js/iepngfix.htc);
}
.footer a {
position: relative;
}
.seo_copy {
text-transform: none !important;
padding-top: 10px;
}
.homepage .seo_copy {
padding: 10px;
}
/* mini page */
.body .inner-content {
padding-top: 15px;
}
.body .inner-content h3 {
font-size: 14px;
}
.body .inner-content a {
color: #5dac22;
}
.share_us_holder {
position: absolute;
right: 40px;
top: 48px;
}
.share_us_holder span {
font-size: 10px;
color: #c6c5c5;
display: block;
margin-bottom: 7px;
}
.share_us_holder li,
.share_us_holder li a,
.share_us_holder li a span {
float: left;
}
.share_us_holder li {
padding-left: 9px;
}
.share_us_holder li:first-child {
padding-left: 0;
}
.body .inner-content .content_area h3 {
margin-bottom: 8px;
}
.body .inner-content .content_area p {
margin-bottom: 20px;
}
/* sub logo */
.sub_logo {
position: absolute;
left: 369px;
bottom: 11px;
background: url(../images/scoop/txt-scoop.png) no-repeat;
width: 183px;
height: 37px;
text-indent: -9999px;
display: block;
overflow: hidden;
}
/* .body .content_area */
.body .content_area {
marginrgin-bottom: 30px;
}
/* key_peoples */
.key_peoples,
.key_peoples li {
width: 100%;
overflow: hidden;
}
.key_peoples li {
margin-bottom: 23px;
}
.key_peoples li .photo {
float: right;
margin-left: 22px;
border: 1px solid #6a6a6a;
width: 91px;
}
.key_peoples li blockquote {
display: block;
}
.key_peoples li blockquote q {
display: inline;
color: #fff;
font-size: 24px;
font-weight: normal;
}
.key_peoples li blockquote cite {
padding-left: 10px;
background: url(../images/scoop/bull-cite.png) no-repeat 0 60%;
color: #bebebe;
font-style: italic;
}
/* .contact-info */
.contact_info {
display: block;
font-size: 11px;
line-height: 12px;
margin-bottom: 20px;
}
.contact_info span {
display: block;
}
.contact_info p {
margin-bottom: 0 !important;
}
/* buttons */
.buttons {
width: 100%;
overflow: hidden;
margin-bottom: 10px;
}
.buttons li {
float: left;
margin-right: 12px;
}
a[class|="btn"] {
float: left;
line-height: 25px;
height: 26px;
font-size: 11px;
text-decoration: none !important;
color: #fff !important;
text-transform: uppercase;
cursor: pointer;
}
a[class|="btn"] span {
padding-left: 8px;
float: left;
}
a[class|="btn"] em {
float: left;
width: 8px;
overflow: hidden;
height: 26px;
}
a.btn-green span {
background: url(../images/scoop/btn-green.png) no-repeat;
}
a.btn-green em {
background: url(../images/scoop/btn-green.png) no-repeat 100% 0;
}
.btn-projects {
float: right;
margin-top: -55px;
}
/* features-list */
.features_list {
width: 100%;
overflow: hidden;
border: 1px solid #3a3a3a;
border-width: 1px 0;
padding: 18px 0 3px;
}
.features_list ul {
width: 110%;
overflow: hidden;
}
.features_list ul li {
width: 135px;
min-height: 135px;
margin: 0 7px 18px 0;
text-align: center;
float: left;
}
.features_list ul li a {
display: block;
text-decoration: none !important;
}
.features_list ul li a img {
display: block;
margin: 0 auto 15px;
width: 91px;
}
.features_list ul li a span {
display: block;
color: #bebebe;
font-size: 11px;
}
/* paginator */
.paginator {
text-align: right;
padding: 10px 0;
}
.paginator li {
display: inline;
padding-left: 18px;/*background:url(../images/scoop/sep-paginator.png) no-repeat 8px 50%;*/
text-transform:uppercase;
}
.paginator li:first-child {
padding-left: 0;
background: none;
}
.paginator li a.unactive {
color: #bebebe;
}
/* footer list */
.footer ul {
text-align: right;
}
.footer li {
display: inline;
padding-left: 27px;
}
/* images-area */
.images_area {
padding: 0 10px;
width: 300px;
overflow: hidden;
}
.images_area h3 {
font-size: 11px;
border-bottom: 1px solid #3a3a3a;
padding-bottom: 5px;
margin-bottom: 8px;
}
.img_holder {
margin-bottom: 20px;
display: block;
}
.img_slider {
height: 195px;
margin-bottom: -30px;
}
.img_slider ul {
display: table-row;
}
.img_slider ul li {
display: table-cell;
width: 91px;
height: 91px;
overflow: hidden;
padding-left: 13px;
}
.img_slider ul li:first-child {
padding-left: 0;
}
.img_slider ul li a,
.img_slider ul li img {
display: block;
width: 91px;
cursor: pointer;
}
* +html .img_slider ul {
float: left;
}
* +html .img_slider ul li {
float: left;
clear: right;
}
/* custom scroll */
.scroll-content {
height: 91px !important;
position: relative;
}
.jspHorizontalBar {
background: url(../images/scoop/bg-silder.png) no-repeat 50% 50%;
height: 14px !important;
top: 103px !important;
left: 0;
position: absolute;
}
.jspDrag {
height: 14px !important;
cursor: pointer;
position: relative;
top: 0;
left: 0;
}
.jspDrag .jspDragLeft,
.jspDrag .jspDragRight {
background: url(../images/scoop/img-slider.png) no-repeat;
width: 12px;
overflow: hidden;
height: 100%;
float: left;
}
.jspDrag .jspDragRight {
background-position: 100% 0;
float: none;
width: auto;
}
.jspPane {
padding-bottom: 103px !important;
position: absolute;
margin-left: 0 !important;
}
.jspVerticalBar {
display: none !important;
}
.jspContainer {
position: relative;
overflow: hidden;
}
.jspHorizontalBar .jspCap {
float: left;
}
.jspTrack {
position: relative;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
float: left;
height: 100%;
}
.panes,
.panes div {
width: 100%;
overflow: hidden;
height: 304px;
position: relative;
}
.panes div img {
display: block;
width: 100%;
}
/* scoop_page differences*/
.scoop_page h1 {
margin-bottom: 15px;
}
.scoop_page .right_column {
padding: 0;
float: none;
width: auto;
}
.scooppromotable a {
text-decoration: none;
color: #5dac22;
}
.scooppromotable a:hover {
text-decoration: underline;
color: #5dac22;
}
.scoop_page .wrapper {
background: none;
}
.scoop_page .content-section {
background: url(../images/wrapper_bg.png) repeat-x 0 -515px;
margin-right: 2px;
}
.scoop_page .content-sub-section {
overflow: hidden;
height: 1%;
padding: 0 40px 0 30px;
}
.scoop_page .wrapper {
padding-bottom: 20px;
}
.scoop_page .left_column {
padding-left: 0;
}
.footerscoop {
height: 30px;
padding-right: 41px;
text-align: right;
padding-top: 13px;
position: relative;
margin-top: 5px;
}
.footerscoop .background {
position: absolute;
background: transparent url(../images/footer_bg.png) no-repeat;
width: 550px;
height: 43px;
top: 0px;
right: 2px;
behavior: url(js/iepngfix.htc);
}
.footerscoop a {
position: relative;
}
/* footer list */
.footerscoop ul {
text-align: right;
}
.footerscoop li {
display: inline;
padding-left: 27px;
}
.scoopoutline {
background-image: url(../images/scoop_bg.png);
background-repeat: repeat-y;
width: 970px;
margin: auto;
padding: 0 30px;
}