/* CSS Document */
html, body {
height: 100%;
}
/*Template Layout*/
body {
margin:0px;
padding:0px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:20px; /* vertical spacing between your lines of text*/
background-color:#fff7c9; /*color of the sand*/
}
a, a:link, a:visited {
color:#008eb0;
}
a:hover {
color:#F90;
text-decoration:none;
}
/*Background graphics*/
#bottom { /*this is the underwater scene*/
background-image:url(../images/bg_footer_2.png);
background-repeat:no-repeat;
background-position:center bottom;
}
#water_sand { /*the water and sand*/
background-image:url(../images/footer_tile_2.jpg);
background-repeat:repeat-x;
background-position:center bottom;/*display:table-cell;*/
}
#centre { /*splats and stars*/
position:relative;
margin:0px;
background:url(../images/bg_pattern.jpg) no-repeat top center;
}
#background { /*tiling image of the blue gradient at the top*/
/*min-height:100%;*/
margin:0px;
background:#e4f9ff url(../images/page_bg.jpg) repeat-x top;
}
/*wrapper*/
#wrapper {
width:980px;
margin:0px auto; /*centers your design on the page*/
}
/*header*/
#header {
height:115px;
width:980px;/*clear:both;*/
}
#logo_birds {
width:376px; /*change this width to make the banner the birds are holding wider*/
height:110px;
float:left;
background:url(../images/logo_bg_tile.png) repeat-x top;
margin-top:5px;
}
#logo_birds .left {
width:178px;
height:110px;
float:left;
background:url(../images/logo_bg_left.jpg) repeat-x top;
}
#logo_birds .right {
width:197px;
height:110px;
float:right;
background:url(../images/logo_bg_right.jpg) repeat-x top;
}
#logo_container {
float:left;
}
#logo {
width:240px; /*change this width and height to match your logo image*/
height:68px;
margin:25px 0 0 57px;
position:absolute;
}
#logo a{border:none; text-decoration:none}
#search_blimp {
width:510px;
height:63px;
margin:12px 0 0 0;
float:right;
}
#search_blimp .front {
width:213px;
height:63px;
float:left;
}
#search_blimp .middle {
background:url(../images/search_blimp_tile.png) repeat-x top;
float:left;
width:230px;
height:63px;
}
#search_blimp .tail {
width:67px;
height:63px;
float:right;
background:url(../images/search_blimp_tail.png) no-repeat top;
}
#search_blimp .field { /* the container that holds the search box*/
width:180px;
height:24px;
padding:16px 0 0 2px;
}
#search_blimp .field input { /*style of search box*/
border:none;
background-color:#FFF;
padding:3px;
width:174px; /*width:180px minus padding*/
height:18px; /*height:24px minus padding*/
}
#search_blimp .button {
width:54px;
height:24px;
position:absolute;
margin:18px 0 0 186px;
}
/*menu*/
#menu_wrapper {
width:980px;
height:53px;
margin:0 0 15px 0;
}
#main_menu {
width:706px;
height:53px;
background:url(../images/menu_box.gif) no-repeat bottom left;
float:left;
}
#main_menu ul {
margin:16px 0 0 5px; /*padding on the top, right, bottom, left*/
padding:0px;
height:38px;
}
#main_menu li {
list-style:none;
margin:0px;
padding:0px;
border-right:1px solid #caecfd;
height:36px;
float:left;
font-family:emma sophia, arial;
font-size:10px;
}
#main_menu li.noborder {
border:0;
}
#main_menu ul li a, #main_menu ul li a:link, #main_menu ul li a:visited {
float:left;
padding:8px 10px 0 10px; /*top centers the text on the bar vertically, the other 2 keep equal for the border lines.*/
display:block;
color:#00b2d9;
text-decoration:none;
}
#main_menu ul li a:hover, #main_menu ul li.current a {
color:#F90;
text-decoration:none;
}
/*Cart box*/
#cart {
width:260px;
height:38px;
background:url(../images/cart_box_tile.gif) repeat-x top;
float:right;
margin-top:16px;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
}
#cart a, #cart a:link, #cart a:visited {
color:#704700;
text-decoration:none;
}
#cart a:hover {
color:#704700;
text-decoration:underline;
}
#cart .left {
width:5px;
height:38px;
background:url(../images/cart_box_left.gif) no-repeat top;
float:left;
}
#cart .right {
width:5px;
height:38px;
background:url(../images/cart_box_right.gif) no-repeat top right;
float:right;
}
#cart .icon {
position:absolute;
width:31px;
height:33px;
margin:1px 1px 0 5px;
margin-left:240px;
}
#cart ul.text {
/*width:200px;*/
height:35px;
margin:6px 0px 0 7px;
float:left;
padding:0px;
}
#cart .text li {
list-style:none;
float:left;
padding:2px 5px 0 0;
margin:0px;
}
/*special fonts*/
@font-face {
font-family: "Emma Sophia";
src: url(./font/emmasophia.ttf) format("truetype");
}
/*general styles*/
.white {
color:#FFF;
}
#container {
width:980px;
background-color:#FFF;
min-height:542px; /*672px minus padding*/
margin:15px 0 0px 2px;
padding:0px;
}
#container .top {
width:980px;
height:5px;
background:url(../images/content_top.gif) no-repeat bottom;
}
#container_bottom {
width:980px;
height:5px;
background:url(../images/content_bottom.gif) no-repeat bottom;
}
#content {
padding:12px 17px 12px 17px;
}
hr.clear {
clear:both;
visibility:hidden;
line-height:0px;
height:0px;
margin:0px;
padding:0px;
}
h1 {
font-family:"Emma Sophia", Arial, Helvetica, sans-serif;
font-weight:normal;
color:#008eb0;
font-size:14px;
margin-top:0px;
padding-top:0px;
line-height:normal;
}
h2 {
font-family:"Emma Sophia", Arial, Helvetica, sans-serif;
font-weight:normal;
color:#008eb0;
font-size:12px;
}
h3 {
font-family:"Emma Sophia", Arial, Helvetica, sans-serif;
font-weight:normal;
color:#5bb3ed;
font-size:11px;
margin-top:0px;
padding-top:0px;
}
.pic_float_right {
float:right;
margin-left:25px;
}
/*footer*/
#footer_container {
width:980px;
padding-bottom:374px; /*pushes the underwater scene down*/
}
#footer {
width:980px;
height:44px;
padding:8px 5px 0 5px;
background:url(../images/footer.png) no-repeat;
margin-top:15px;
font-size:11px;
color:#696969;
font-family:Verdana, Geneva, sans-serif;
}
#footer a, #footer a:link, #footer a:visited {
font-size:11px;
color:#696969;
}
#footer ul {
margin:0px auto 0 auto;
padding:0px;
width:500px; /*change this width to center your text*/
}
#footer li {
margin:0px;
padding:0px 5px 0 5px;
list-style:none;
float:left;
}
/*home content*/
.home_large_image {
margin-bottom:12px;
}
.home_left {
width:688px;
float:left;
}
.home_left p {
padding:0px;
margin:0px;
}
.home_left h1 {
font-family:"Emma Sophia", Arial, Helvetica, sans-serif;
font-weight:normal;
color:#008eb0;
font-size:14px;
line-height:normal !important;
padding-top:5px;
}
.home_right {
width:244px;
float:right;
}
.home_right p {
padding:0px;
margin:0px;
line-height:normal;
}
ul.home_boxes {
padding:0px;
margin:0px;
line-height:normal;
}
.home_boxes li {
list-style:none;
margin:0px;
padding:0 0 12px 0;/*spacing between the images*/
line-height:normal;
}
/*product page*/
.product {
width:178px;
height:230px;
border-bottom:1px solid #dfdfdf;
padding:0px;
}
.product .thumb {
width:170px;
height:170px;
border:1px solid #dfdfdf;
padding:3px;
}
.product .title {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
margin:2px 0;
position:absolute;
overflow:hidden;
float:left;
width:170px;
height:17px;
}
.product .bottom {
clear:both;
margin:26px 0 0 0;
}
.product .bottom .tag {
float:left;
width:16px;
height:16px;
margin:2px 5px 0 0;
}
.product .bottom .price {
width:110px;
float:left;
color:#f26522;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.price small{
color:red;
text-decoration: line-through;
position:absolute;
margin-top:-10px;
}
#product_cart .price small{margin-top:-20px;}
.product .bottom .addtocart {
width:64px;
cursor:pointer;
height:18px;
float:right;
margin-top:1px;
text-align:right;
font-weight:bold;
line-height:12px;
font-size:11px;
}
ul.product_list {
clear:both;
margin:0px 0 0 40px; /*indent on the left*/
padding:0px;
}
.product_list li {
margin:0px;
padding:0px 38px 40px 0px; /*padding on the right and bottom.*/
list-style:none;
float:left;
}
.product_list.similare li {
margin:0px;
padding:0px 12px 10px 0px; /*padding on the right and bottom.*/
list-style:none;
float:left;
}
/*product full description*/
#product_full {
}
#product_full .left {
width:490px;
float:left;
}
#product_full .right {
width:420px;
float:right;
text-align:right;
}
ul.ticks {
float:left;
margin:0px 0 20px 0; /*space at the bottom of the list*/
padding:0px;
}
.ticks li {
background:url(../images/icon_tick.gif) no-repeat left;
line-height:25px; /*spacing between rows*/
width:200px;
float:left;
margin:0 20px 0 0;
padding:0 0 0 25px;
display:block;
}
#product_cart {
height:32px;
border-top:1px solid #dfdfdf;
border-bottom:1px solid #dfdfdf;
padding:5px 20px;
clear:both;
margin:20px 0;
}
#product_cart .price {
width:250px;
float:left;
color:#3e9b06;
font-family:Arial, Helvetica, sans-serif;
font-size:28px;
font-weight:bold;
margin-top:5px;
}
#product_cart .qty {
width:150px;
float:left;
color:#5bb3ed;
font-size:24px;
}
#product_cart form {
margin:0px;
padding:0px;
}
#product_cart .qty input {
padding:3px;
margin:0px;
width:63px;
height:23px;
background-color:#FFF;
border:1px solid #dfdfdf;
font-size:28px;
color:#5bb3ed;
}
#product_cart #button {
width:165px;
float:right;
}
#product_cart .button {
cursor:pointer;
}
.button h3{ position:absolute; margin-left:300px; margin-top:5px; float:left; }
.image_border {
border:1px solid #dfdfdf;
padding:3px;
}
ul.small_thumb {
margin:10px 0px 0 0; /*indent on the top right*/
padding:0px;
}
.small_thumb li {
width:77px;
height:76px;
border:1px solid #dfdfdf;
padding:3px;
margin:0px 0px 10px 10px; /*padding on the right and bottom.*/
list-style:none;
float:right;
}
/*about page*/
.about_left {
width:545px;
float:left;
}
.about_right img {
padding-bottom:5px;
}
.about_right {
width:331px;
float:right;
text-align:center;
}
.blue_text {
color:#5bb3ed;
font-weight:bold;
}
/*contact page*/
#details_wrapper {
margin:25px 0 15px 0;
background:url(../images/dot.gif) bottom repeat-x;
height:120px; /*change height to move dots down*/
width:680px;
float:left;
}
.left_details {
float:left;
width:180px;
}
.left_details2 {
float:left;
width:200px;
margin-left:20px;
padding-top:18px;
}
.right_details {
float:left;
width:240px;
margin-left:20px;
padding-left:20px;/*background:url(../images/dot.gif) repeat-y left;*/
}
.contact_title {
color:#186c9b;
font-weight:bold;
float:left;
width:70px;
}
.contact_detail {
float:left;
width:100px;
clear:right;
}
.forms {
border:#c8cdd2 1px solid !important; /*the important gets rid of the yellow google toolbar field style*/
background-color:#FFF !important;
margin:3px 0px;
padding:4px;
font-family:Arial, Helvetica, sans-serif;
}
.blue {
color:#186c9b;
}
#contact {
border:0;
}
#contact label {
float:left;
width:120px;
margin-right:15px;
clear:left;
color:#186c9b;
font-weight:bold;
text-align:right;
height:32px;
}
#contact input, #contact textarea {
}
#contact .submit_button {
clear:left;
margin-left:95px;
}
#form_container {
float:left;
clear:left;
width:100%;
}
#contact_right { /*wraps around whole right column*/
float:right;
width:187px;
}
#contact_left {/*wraps around whole left column*/
float:left;
width:680px;
}
ul#buttons {
display:inline;
clear:both;
padding:0px;
margin-top:-15px;
float:right;
clear:both;
}
ul#buttons.b2 {
display:inline;
clear:both;
padding:0px;
margin-top:-30px;
float:left;
position:absolute;
clear:both;
}
#buttons li {
display:inline;
list-style:none;
margin:0 10px 0 0px;
}
#buttons li a{
text-decoration:none;
line-height:30px;
height:30px;
font-size:20px;
}
#buttons li a.active{
color:#F60; font-weight:bold;
}
h2.nice-title{line-height:40px; padding-left:10px; color:#FFF}
.wrap-title-black{
height: 40px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
background: #01adeb; /* Old browsers */
background: -moz-linear-gradient(top, #01adeb 0%, #008eb0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01adeb), color-stop(100%,#008eb0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #01adeb 0%,#008eb0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #01adeb 0%,#008eb0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #01adeb 0%,#008eb0 100%); /* IE10+ */
background: linear-gradient(top, #01adeb 0%,#008eb0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01adeb', endColorstr='#008eb0',GradientType=0 ); /* IE6-9 */
}
#wrap-categories{ float: left; width: 100%; padding:0; margin-top:-10px;}
ul#category-menu{
float: left;
width: 100%;
list-style: none;
padding-bottom: 11px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
margin: 0px;
margin-bottom:20px;
background: #008eb0;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}
ul#category-menu li{ float: left; width: 100%; border-bottom: 1px solid #070; color:#CCC }
ul#category-menu li.error{color:#C00}
ul#category-menu li a{
float: left;
width: 229px;
height: 30px;
line-height: 30px;
padding-left: 15px;
color: #ffffff;
font-weight:bold;
font-size: 13px;
text-decoration: none;
background: url(../images/cat-menu-arrow.png) no-repeat 229px center;
}
ul#category-menu ul.subcategory{
float: left;
width: 100%;
padding: 0px;
margin: 0px;
background: #02a6c5;
list-style: none;
}
ul#category-menu ul.subcategory li{
float: left;
width: 100%;
height: 30px;
border-bottom: 1px solid #303030;
}
ul#category-menu ul.subcategory li a{
float: left;
width: 224px;
height: 30px;
line-height: 30px;
font-weight:normal;
padding-left: 20px;
color: #E1E1E1;
font-size: 13px;
text-decoration: none;
background: url(../images/cat-menu-arrow.png) no-repeat 10px center;
}
ul#category-menu ul.subcategory li.lvl3 a{
width: 214px;
padding-left: 30px;
font-size: 12px;
background: url(../images/cat-menu-arrow.png) no-repeat 20px center;
}
.tagcloud p{ text-align:justify}
table {
}
table td {
padding:3px 8px;
color:#7a654a;
font-size:12px;
height:28px;
border-bottom:1px solid #09C;
}
th { /*top row of the table*/
background-color:#09C;
color:#FFFFFF;
font-weight:bold;
border-bottom:1px solid #ffffff;
height:28px;
text-align:center;
}
table img{padding:2px; border:1px solid #CCC}
.plmi{color:#333; padding:3px; font-size:16px; height:16px; line-height:18px; background:#F90; font-weight:bold; cursor:pointer; width:15px; float:right; margin:2px; text-align:center}
.plmi:hover{color:#FFF; background:#F0F}
.login li{text-align:left; font-weight:bold; }
.login li input{ float:right; margin-right:5px; width:150px; display:inline}
.login li input[type=submit]{width:auto}
.login li.error,#modplata li.error{color:red; text-align:center;}
.login p{margin:5px;}
#modplata select,#modplata input, #modplata textarea{ border:2px solid #09C; padding:3px; margin-bottom:3px; }
#modplata input[type=image]{border:none;}
fieldset{margin-bottom:5px; border:1px solid #CCC; }
.hideme{ display:none}
#online{position:absolute; margin:26px 0 0 -70px;}
#marime{position:absolute; margin:-30px 0 0 -140px}
.lacomanda{margin-left:-10px!important;}
#msg_holder{ width:100%;}
#msg_new{ width:490px; height:158px; background:url('../images/com.png'); margin-left:-37px;}
#msg_new h2{position:absolute; margin:20px 300px 0;}
#msg_new textarea{ margin:68px 0 0 70px; width:300px; height:50px; background:#eef3f7; }
#msg_new #sub{width:50px; height:50px; background:none; cursor:pointer; margin-left:20px; border:none; }
#msg_holder ul#msgs{width:400px; height:200px; border:2px solid #09F; padding:5px; margin:-12px 0 0 11px; background:#eef3f7; overflow-x:hidden; overflow-y:scroll; }
#msg_holder ul#msgs li{ border:1px solid #CCC; background: #FFF; padding:3px; width:98%; color:#333; margin-bottom:5px;}
#msg_holder ul#msgs li i{ float:right; font-size:11px; }
#msg_holder ul#msgs li strong{ text-decoration:underline}
#msg_holder ul#msgs li small{color:red}
#msg_holder ul#msgs li p{margin:0;}