/*
2 Theme Name: MastaPlasta Theme
3 Theme URI:
4 Description: Masta Plasta theme
5 Author:
6 Author URI:
7 Template: mastaplasta
8 Version: 1.0
9 Tags:
10 .
12 .
13 */
@charset "UTF-8";
/* CSS Document */
body {
text-align:center;
background: url(assets/bg_dot.jpg) repeat;
padding:0px;
margin:0px;
font-family: Verdana, Geneva, sans-serif;
color:#000000;
}
div, img, ul{padding:0px; margin:0px;}
p { margin: 0.5em 0 1em 0; }
a{ text-decoration:none;}
a:link{ color:#cc1602;}
a:hover{ color:#cc1602; text-decoration:underline;}
a:visited{ color:#cc1602;}
h1,h2,h3{margin:0px;}
ol{margin-top:0px;}
ul{ list-style-type:none;}
img{border:none;}
form, input, select { margin:0; padding:0;}
input{ border: solid 1px #666666;}
#wrapper{ position:relative; margin:0px auto; width:980px;}
span.on_black{ margin-top: 0px; margin-bottom: 0px; padding-top:7px; color:#FFFFFF; text-align: center; font-weight:bold;}
p.on_black{ margin-top: 0px; margin-bottom: 0px; padding-top:7px; color:#FFFFFF; height:24px; text-align: center; font-weight:bold;}
.red{ color:#cc1602;}
.grey{ color:#666666; margin-top:0px;}
.light_grey{ color:#999999;}
.small{ font-size: 12px; font-style:normal;}
.center{ text-align:center;}
.line{ border-bottom:1px #999999 solid; padding-bottom:5px;}
.right {text-align: right;}
.left {text-align: left;}
/*---------HEADER-----------------------------------------------------*/
#header{background:url(assets/bg_header.gif) no-repeat; height:151px;padding:0px 25px;}
#logo{height:146px;width:338px;margin:0px; padding-top:4px; float:left;}
div#header_flash_btn{
padding-top:50px;
padding-left:25px;
width:262px;
float:left;
margin:0px;
}
/*top nav: view basket, Share*/
div#header_top_nav{float:right;text-align:right;margin-top:15px;}
div#header_top_nav ul li{margin-top:2px;}
li#basket a{color:#000000;}
li#share a{color:#FFFFFF;}
li#share {color:#FFFFFF;}
li#basket a img,li#share a img{padding-right:3px; }
a#basket_img:hover{ text-decoration:none;}
/*menu : reviews, feedback, stockists, contact*/
ul#header_menu {margin-top:18px;padding:0px;}
ul#header_menu li{display:inline; font-size:14px;}
ul#header_menu li a { padding-left: 5px; color:#FFFFFF;}
ul#header_menu li a:link{ color:#FFFFFF;}
ul#header_menu li.current_page_item a{ color:#cc1602;}
ul#header_menu li a:hover{ color:#cc1602; text-decoration:none;}
/*---------LEFT--------------------------------------------------*/
div#left{
float:left;
width:199px;
height:518px;
background:url(assets/bg_left.gif) no-repeat;
margin-top:24px;
padding:0px;
text-align:center;
}
/* root element for scrollable */
div#left .vertical { position:relative; overflow:hidden; height: 434px;width: 180px;padding: 0; margin: auto;}
div#left .items {position:absolute; height:434px; margin: 0px;}
div#left .items div {min-height:100px; margin: 4px 0 10px 0; padding: 0; font-size:11px; line-height: 13px;}
div#left .items img {float:left; margin: 0;}
div#left .actions {height: 24px; line-height: 24px;}
div#left .items div a { color:#000; text-decoration:none;}
div#left .items div a:hover { color:#cc1602; text-decoration:none;}
div#left .prevPage{
display: block;
width:180px;
height:24px;
overflow:hidden;
text-indent: -100em;
margin:0px auto;
cursor:pointer;}
div#left .nextPage {
display: block;
width:180px;
height:24px;
overflow:hidden;
text-indent: -100em;
margin:0px auto;
cursor:pointer;}
/*------CONTENT PANEL--------------------------------------------------*/
div#content_panel_top{
background:url(assets/content_panel_top.gif) top left no-repeat;
float:right;
height:12px; line-height:12px;
width:757px;
display: inline-table;
margin-top:24px;
margin-left:24px;
}
#content_panel{
float:right;
background: url(assets/content_panel.jpg);
width:757px;
margin-left:24px;
min-height:639px;
}
.ie6 div#content_panel { height: 642px; }
div#content_panel_bottom{
float:right;
background:url(assets/content_panel_bottom.gif) top left no-repeat;
height:12px; line-height:12px;
width:757px;
display: inline-table;
margin-left:24px;
}
/*---generic---*/
.generic{padding:5px 40px;text-align:left;}
/*--------HOME----------------------------------*/
#home_image{padding:10px 0px 20px 0px; text-align:center;}
.mp-home_column{ width:305px;text-align:left;padding-left:43px;float:left;}
.mp-home-heading-intro {font-size:20px; line-height:22px; font-weight: bold; margin-top: 0;}
.mp-home-heading-recent {border-bottom:1px solid #999; font-size:24px; font-weight: bold; line-height: 24px; margin: 0 0 0.5em 0;}
.mp-home-comment{ margin: 0 0 0.5em 0;}
.mp-home_column .mp-grey{ margin-top:0px;}
.mp-home_column .mp-heading1{border-bottom:1px solid #999; font-size:24px;}
#label{
width:223px;
height:230px;
position:absolute;
top:163px;
right:-10px;
z-index:5;
background:url(assets/label.gif);
}
.uk-flag{margin:30px 0 0 0; clear:left; text-align:left; }
.home_flag{ padding-left:43px;}
/*----for---BUY--------------------*/
#buy_form{padding:20px 0px; margin:0px;}
#buy_large_image{ margin:0; padding: 20px 0px 20px 0px; text-align:center; position:relative; }
#buy_large_image img.product_image { padding-right: 20px; background:url(assets/dimantion_height.jpg) right center no-repeat; }
/*
#buy_large_image{ margin:0; padding: 30px 0px 20px 84px; width:500px; text-align:center; position:relative; background:url(assets/dimantion_height.jpg) right center no-repeat;}
*/
div#buy_top_black{
background:url(assets/middle_top_black.gif) top no-repeat;
height:32px;
text-align:left;
margin-top:24px;
float:right;
width:757px;
}
div#buy_top_black p{ padding-left:20px;}
p.gallery_thumbs { margin:0 0 5px 0; padding: 0; font-size:1em;}
/* not used anymore
ul#color_list li, ul#image_list li{display:inline;}
ul#color_list li img, ul#image_list li img{margin:0px;}
ul#image_list li img{border:1px solid #000000;margin:0 2px;}
div.buy_3c_container {clear:left; padding: 0 50px;}
div.buy_3c{text-align:left; width:100%; height:70px; text-align:center; }
div.buy_3c p{ margin:7px 0px; }
div#buy_desc{ clear: left; padding:25px 40px; text-align:center;}
.ie6 div#buy_desc, .ie7 div#buy_desc { padding:0; margin:25px 40px;}
div#buy_desc p{margin:0px;}
div#buy_desc p strong{margin-left:15px;}
div#buy_add p{display: inline;margin-right: 40px;line-height: 23px;}
*/
.rollover{text-align:center; background:url(assets/plus.gif) no-repeat left;width:150px; margin: 0 auto; }
.sizes{ font-size:1em; font-weight:bold; margin:0px 0 5px 0; }
.product_text{ text-align:center;}
label.vargrp{ margin-left: 20px;}
select.vargrp{ margin-right: 20px;}
.image_dimension { margin:0 0 3px 0; font-size:14px; }
/*--------FORMS-for-buy----------------------------------------------*/
input.qty {width: 20px; }
input.addbasket {width: 120px; height: 23px; border:none; vertical-align:middle;}
/*-------FEEDBACK----------------------------------------------------*/
.feedback{text-align:left;padding:0px 40px 10px 0px;}
.feedback p, .feedback h4{margin:6px 0px;}
.feedback_text{margin:6px 0px;}
#feedback_h1, .feedback .mp-heading2{margin:0px 0px 10px 0px; font-size:27px;}
.feedback h2{margin:0px;font-size:16px;}
/*feedback form*/
#feedback_form{ padding:20px 0px; text-align:left;}
.feedback_label{display:block;text-align:left;width:100px;float:left;}
#author, #email, #comment{display:block; width:250px; margin:5px 0px;}
#comment{ height:100px;}
.send{
width:67px; height:23px;
padding:5px 0px 0px 100px;
margin:0px;
border:none;
}
/*--------FOOTER--------------------------------------------------*/
div#footer{
margin:24px 0;
background: url(assets/footer_bg.gif) bottom no-repeat;
height:54px; width: 980px;
display: inline-table;
}
div#footer_right{float:right;text-align:right;margin:5px 11px 3px 3px;}
div#footer_right img {margin-left: 10px;}
div#footer_left{ float:left; text-align:left; font-size:12px;}
/*footer navigation*/
ul#footer_nav{color:#999;margin:10px 0px 0px 20px;padding:0px;}
ul#footer_nav li{display:inline;}
ul#footer_nav li a{color:#cc1602;text-decoration:none;}
ul#footer_nav li a:link{color:#cc1602;}
ul#footer_nav li a:hover{color:#cc1602;text-decoration: underline;}
p#copy_r{color:#666;margin:3px 0px 0px 20px;}
/*------MAGICZOOMPLUS--------------------------------------*/
/* CSS class for zoomed area */
.MagicZoomBigImageCont {
border: 1px solid #000;}
.MagicZoomHeader {
font: 10px Tahoma, Verdana, Arial, sans-serif;
color: #fff;
background: #000;
text-align: center !important;
}
/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
border: 1px solid #aaa;
background: #ffffff;
cursor: hand;
}
/* CSS style for loading animation box */
.MagicZoomLoading {
text-align: center;
background: #ffffff;
color: #444;
border: 1px solid #ccc;
opacity: 0.8;
padding: 3px 3px 3px 3px !important;
display: none; /* do not edit this line please */
}
/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
padding-top: 3px !important;
}
/* ©2008 MagicToolbox.com. To use this code on your own site, visit http://www.magictoolbox.com */
/* CSS class for thumbnail link */
.MagicThumb {
cursor: url(assets/zoomin.cur), pointer;
outline: none;
}
/* CSS class for the thumbnail link when the big image is zoomed */
.MagicThumb-zoomed { cursor: default; }
/* CSS class for span inside the thumbnail */
.MagicThumb span { display: none; }
.MagicThumb{
text-align:center; margin:0px auto;}
/* CSS class for the thumbnail image */
.MagicThumb img { outline: none; }
/* CSS class for the big image while zooming */
.MagicThumb-image { border: 1px solid #cccccc; outline: none;}
/* CSS class for the zoomed big image */
.MagicThumb-image-zoomed { cursor: url(assets/zoomout.cur), pointer; }
/* CSS class for the caption under the big zoomed image */
.MagicThumb-caption {
color: #333333;
background-color: #F0F0F0;
border: 1px solid #CCCCCC;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 11px;
padding: 8px 16px;
}
/* CSS class for the control bar */
.MagicThumb-controlbar {
display: block;
height: 18px;
}
.MagicThumb-controlbar a {
display: block;
width: 18px;
height: 18px;
margin: 0px 1px;
outline: none;
float: left;
overflow: hidden;
}
.MagicThumb-controlbar a span {
display: block;
width: 1000px;
height: 1000px;
background: transparent url(assets/controlbar.png) no-repeat 0 0;
outline: none;
position: absolute;
left: 0px;
top: 0px;
}
/* CSS class for the loading message box */
.MagicThumb-loading {
border: 1px solid #000000;
background: #ffffff url(assests/loader.gif) no-repeat 2px 50%;
padding: 2px 2px 2px 22px;
margin: 0;
text-decoration: none;
text-align: left;
font-size: 8pt;
font-family: sans-serif;
}
/*------- review-----------------------------------------------------*/
.reviews{border-bottom:1px solid #999999;margin:0px 30px 10px 30px;text-align:left;padding-top:20px;padding-bottom:14px; display:table;}
.mp_reviews_image { display:table-column; width:139px; float:left; margin-top:0.5em; text-align:center; font-size: 12px; color:#666;}
.reviews .mp-general-text{ width:500px; position:relative; left:0px; top: 0px; margin-left:160px; }
.reviews h1{ clear: both; }
/*---- for furniture----*/
.furniture_temp_div{ margin:0 40px; text-align:left;}
.furniture_temp_div ol { list-style-type:none; margin: 0; padding:0; }
.furniture_temp_div ol li {list-style-type:none; width:202px; height:207px; float:left; margin:0 ; padding: 0 20px 20px 0; text-align:left; }
.mp-heading1 {font-size: 2em; margin: 0 0 0.5em 0; font-weight: bold; font-style: normal; line-height: 1.1em;}
.reviews h1, .mp-heading2 {font-size:1.5em; margin: 0 0 0.5em 0; text-align:left; font-weight: bold; font-style: normal;line-height: 1.1em;}
.mp-general-text{color:#000000; text-align:left; padding:0;}
.mp-caption{font-size: 12px; color:#666;}
.mp-red{color:#cc1602;}
.mp-grey{color:#666;}
.mp-list{ list-style-type: disc; margin-left:1.5em;}