﻿/* reset */

html {
margin:0;
overflow-x:hidden;
overflow-y:scroll;
padding:0;
}
* {
font-family:Arial,Helvetica,sans-serif;
}
body {
background:url("../image/babies.gif") repeat scroll 0 0 transparent;
margin:0;
padding:0;
text-align:center;
}
#logo {
height:80px;
width:310px;
}
body, td, th, input, textarea, select, a {
font-size:12px;
}
form {
display:inline;
margin:0;
padding:0;
}
input, textarea, select {
margin:3px 0;
}
a, a:visited {
color:#1B57A3;
cursor:pointer;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
a img {
border:medium none;
}
p {
margin-top:0;
}

/* layout */


#container {
margin-left:auto;
margin-right:auto;
text-align:left;
width:960px;
}

/* header */

#menu {
background:url("../image/tabs-bg.png") repeat scroll 0 0 transparent;
height:43px;
position:relative;
width:535px;
}
#menu a {
color:black;
font-size:18px;
margin-left:37px;
padding:0 5px px;
position:relative;
text-decoration:none;
top:15px;
line-height:25px;
}
#menu a:hover {
text-decoration:underline;
}

#header .div3 {
float:right;
height:38px;
padding-top:7px;
}
#header .div3 a {
background-position:left center;
background-repeat:no-repeat;
margin-left:15px;
padding:1px 0 2px 20px;
}
#header .div4 {
clear:right;
float:right;
height:32px;
padding-right:14px;
width:510px;
}
#header .div4 a {
background:url("../image/tab_1.png") no-repeat scroll 0 0 transparent;
color:#333333;
float:left;
font-size:14px;
font-weight:bold;
height:18px;
margin-right:2px;
padding-bottom:9px;
padding-top:9px;
position:relative;
text-align:center;
text-decoration:none;
width:100px;
z-index:1;
}
#header .div4 a.selected {
background:url("../image/tab_2.png") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
padding-bottom:10px;
z-index:3;
}
#header .div5 {
clear:both;
}
#header .div5 .left {
background:url("../image/header_1_left.png") no-repeat scroll 0 0 transparent;
float:left;
height:40px;
width:5px;
}
#header .div5 .right {
background:url("../image/header_1_right.png") no-repeat scroll 0 0 transparent;
float:right;
height:40px;
width:5px;
}
#header .div5 .center {
background:url("../image/header_1_center.png") repeat-x scroll 0 0 transparent;
height:40px;
margin-left:5px;
margin-right:5px;
}
#header .div6 {
clear:both;
margin-bottom:10px;
}
#header .div6 .left {
background:url("../image/header_2_left.png") no-repeat scroll 0 0 transparent;
float:left;
height:32px;
width:5px;
}
#header .div6 .right {
background:url("../image/header_2_right.png") no-repeat scroll 0 0 transparent;
float:right;
height:32px;
width:5px;
}
#header .div6 .center {
background:url("../image/header_2_center.png") repeat-x scroll 0 0 transparent;
height:32px;
margin-left:5px;
margin-right:5px;
padding-left:5px;
padding-right:5px;
}
#header .div7 {
float:right;
padding-top:2px;
}
#header .div8 {
float:left;
margin-top:6px;
}
#header .div9 {
float:left;
}
#header .div10 {
float:left;
margin-top:2px;
}
#search {
color:#000000;
font-weight:bold;
height:20px;
padding-bottom:12px;
padding-top:8px;
}
#search select {
border:medium none;
padding:0;
position:relative;

}
#search a {
color:#000000;
}
#search input {
background:url("../image/search-bg.png") no-repeat scroll 0 0 transparent;
border:medium none;
padding:2px;
width:135px;
}
#breadcrumb {
color:#000000;
float:left;
height:13px;
margin-bottom:10px;
padding-bottom:11px;
padding-top:7px;
}
.switcher {
float:right;
margin-left:10px;
margin-top:3px;
}
.switcher a {
display:block;
text-decoration:none;
}
.switcher .selected {
background:url("../image/switcher.png") repeat-x scroll 0 0 #FFFFFF;
}
.switcher .selected a {
background:url("../image/arrow_down.png") no-repeat scroll 116px center transparent;
border:1px solid #CCCCCC;
color:#666666;
padding:2px 5px;
width:121px;
}
.switcher .selected a:hover {
background:url("../image/arrow_down.png") no-repeat scroll 116px center #F0F0F0;
}
.switcher .option {
background-color:#EEEEEE;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
display:none;
position:absolute;
width:131px;
z-index:3;
}
.switcher .option a {
color:#000000;
padding:3px 5px;
}
.switcher .option a:hover {
background:none repeat scroll 0 0 #FFFFCC;
}
.switcher img {
position:relative;
top:1px;
}
/* main content*/

#column_left {
clear:left;
float:left;
margin-left:7px;
margin-right:7px;
width:205px;
margin-bottom:20px;
}
#column_right {
clear:right;
float:right;
margin-left:7px;
margin-right:7px;
width:205px;
margin-bottom:20px;
}
#content-top {
background:url("../image/content-top-bg.png") repeat scroll 0 0 transparent;
height:22px;
width:100%;
}

/* content area */
#content-middle {
background:none repeat scroll 0 0 #F5F1F1;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
overflow:hidden;
width:958px;
}
#content .top .left {
float:left;
height:32px;
width:5px;
}
#content .top .right {
float:right;
height:32px;
width:5px;
}
#content .top .center {
margin-left:5px;
margin-right:5px;
}
#content .top h1 {
padding:8px 0 8px 7px;
}
#content h1, .heading {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin:0;
padding-bottom:20px;
text-align:center;
text-transform:uppercase;
}
.heading {
border-bottom:1px solid #DDDDDD;
margin-bottom:10px;
padding-bottom:3px;
}
#content .middle {
background:none repeat scroll 0 0 #F5F1F1;
min-height:30px;
*min-height: ;
padding:10px 0 1px 10px;
}
#content .bottom .left {
float:left;
height:5px;
width:5px;
}
#content .bottom .right {
float:right;
height:5px;
width:5px;
}
#content .bottom .center {
height:5px;
margin:0 5px 10px;
}
.box {
background:url("../image/box_top.png") no-repeat scroll 0 0 transparent;
margin:auto;
width:191px;
}
.box .top {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
padding:8px 0 8px 7px;
text-transform:uppercase;
}
.box .top img {
float:left;
margin-right:10px;
padding:2px 0 0 5px;
}

.box .middle {
background:none repeat scroll 0 0 #FFFFFF;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
margin-left:1px;
padding:10px;
}
.box .bottom {
background:url("../image/column-bottom-bg.png") no-repeat scroll 0 0 transparent;
height:13px;
}
.success {
background:none repeat scroll 0 0 #E4F1C9;
border:1px solid #A5BD71;
font-family:Verdana,Geneva,sans-serif;
font-size:11px;
margin-bottom:10px;
padding:5px 0;
text-align:center;
}
.warning {
background:none repeat scroll 0 0 #FFDFE0;
border:1px solid #FF9999;
font-family:Verdana,Geneva,sans-serif;
font-size:11px;
margin-bottom:10px;
padding:5px 0;
text-align:center;
}
.wait {
background:none repeat scroll 0 0 #FBFAEA;
border:1px solid #EFEBAA;
font-family:Verdana,Geneva,sans-serif;
font-size:11px;
margin-bottom:10px;
padding:5px 0;
text-align:center;
}
.required {
color:#FF0000;
font-weight:bold;
}
.error {
color:#FF0000;
display:block;
}
.help {
cursor:pointer;
}
.tooltip {
background:none repeat scroll 0 0 #FBFF95;
border:1px solid #FDDA5C;
font-size:11px;
padding:5px;
width:250px;
}
.button {
background:url("../image/button_left.png") no-repeat scroll left top transparent;
color:#FFFFFF;
display:inline-block;
margin-right:5px;
padding-left:8px;
text-decoration:none;
}
.button span {
background:url("../image/button_right.png") no-repeat scroll right top transparent;
color:#FFFFFF;
display:block;
padding:4px 12px 5px 5px;
}
.buttons {
background:none repeat scroll 0 0 #F5F1F1;
padding:5px;
}
.buttons input {
margin:0;
padding:0;
}
.buttons table {
border-collapse:collapse;
width:100%;
}
.buttons table td {
vertical-align:middle;
}
.content {
/*margin-bottom:10px;
margin-top:3px;*/
padding:10px;
}
.list {
width:100%;
}
.list td {
padding-bottom:10px;
text-align:center;
vertical-align:top;
}
.sort {
background:none repeat scroll 0 0 #F5F1F1;
height:30px;
margin-bottom:10px;
width:100%;
}
.sort .div1 {
float:right;
margin-left:5px;
padding-right:9px;
padding-top:6px;
}
.sort .div2 {
padding-top:9px;
text-align:right;
}
.sort select {
font-size:11px;
margin:0;
padding:0;
}
.pagination {
background:none repeat scroll 0 0 #F5F1F1;
display:inline-block;
width:100%;
}
.pagination .links, .pagination .results {
padding:7px;
}
.pagination .links {
float:left;
}
.pagination .links a {
border:1px solid #CCCCCC;
color:#000000;
padding:4px 7px;
text-decoration:none;
}
.pagination .links b {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #CCCCCC;
color:#000000;
padding:4px 7px;
text-decoration:none;
}
.pagination .results {
float:right;
}
.tabs {
height:31px;
margin-bottom:0;
width:100%;
}
.tabs a {
background:url("../image/tab_3.png") repeat-x scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
color:#000000;
display:block;
float:left;
font-size:13px;
font-weight:bold;
margin-right:2px;
padding:6px 8px 7px;
position:relative;
text-decoration:none;
top:1px;
z-index:1;
}
.tabs a.selected {
background:url("../image/tab_3.png") repeat-x scroll 0 0 #FFFFFF;
border-bottom:0 none;
padding-bottom:8px;
z-index:3;
}
.tab_page {
background:none repeat scroll 0 0 #FFFFFF;
display:block;
padding:10px;
z-index:2;
}


#category ul {
list-style:disc outside url("../image/bullet_1.png");
margin-bottom:0;
margin-left:8px;
margin-top:0;
padding-left:12px;
}
#information ul {
list-style:disc outside url("../image/bullet_2.png");
margin-bottom:0;
margin-left:8px;
margin-top:0;
padding-left:12px;
}
.cart {
border:1px solid #EEEEEE;
border-collapse:collapse;
margin-bottom:10px;
width:100%;
}
.cart th {
background:none repeat scroll 0 0 #EEEEEE;
font-weight:normal;
padding:5px;
}
.cart td {
padding:5px;
}
.tags, .tags a {
font-size:x-small;
font-style:italic;
}
#module_cart .middle {
padding:5px;
}
.cart_module_total {
color:#222222;
font-size:0.9em;
padding:0 3px;
}
.cart_remove {
background:url("../image/list_remove_btn.gif") no-repeat scroll left center transparent;
cursor:pointer;
margin-top:3px;
padding-right:10px;
}
.cart_remove_loading {
background:url("../image/ajax_load.gif") no-repeat scroll 0 0 transparent;
margin-top:3px;
padding-right:10px;
}
.button_add_small, a.button_add_small:visited {
background:url("../image/button_add_small.png") no-repeat scroll left center transparent;
cursor:pointer;
margin-top:3px;
padding:5px;
text-decoration:none;
}
#content .middle .box {
float:left;
margin:0 6px 10px;
min-height:0;
}
#content .middle .box .middle {
min-height:0;
width:158px;
}
.align-left {
float:left;
}
.align-right {
float:right;
}
.clear {
clear:both;
overflow:hidden;
width:100%;
}
#content-centre {
float:left;
margin-bottom:20px;
width:520px;
}
#content-single {
float:left;
margin-bottom:20px;
width:580px;
}
.column-top {
background:url("../image/column-top-bg.png") no-repeat scroll 0 0 transparent;
height:10px;
}
#column-middle {
background:none repeat scroll 0 0 white;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
}
.column-bottom {
background:url("../image/column-bottom-bg-white.png") repeat scroll 0 0 transparent;
height:10px;
}
.spacer {
height:10px;
}
#content-top-bg {
background:url("../image/main-content-bg.png") no-repeat scroll 0 0 transparent;
height:12px;
}
#content-single-bg {
background:url("../image/main-single-bg.png") no-repeat scroll 0 0 transparent;
height:12px;
}
.content-middle {
background:white;
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
padding:0 10px;
}
.bottom {
height:11px;
background:url(../image/content_bottom.png);
}
.bottom-single {
height:11px;
background:url(../image/single_bottom.png);
}


#slider{
	
	margin-bottom:35px;
}

#category a, #information a {
display:block;
color:#654a4a;
}
#category li:hover, #information li:hover {
background:none repeat scroll 0 0 white;
}
#category li, #information li {
border-top:1px solid #DDDDDD;
padding:3px 0;
position:relative;
top:-11px;
}
#category ul ul {
padding-top:15px;
}

.content-middle ul {
margin-bottom:0px;
}
.content-middle p {
padding-top:10px;
}
/* footer */

#footer {
background:none repeat scroll 0 0 #F5F1F1;
border-top:1px solid #DDDDDD;
clear:both;
min-height:40px;
padding:10px 20px 0;
}
#footer .div1 {
float:left;
text-align:left;
}
#footer .div2 {
float:right;
text-align:right;
}

/*container bottom*/

#container-bottom {
height:25px;
background:url(../image/container-bottom-bg.png) no-repeat;
margin:auto;
width:960px;
margin-bottom:10px;
}


/* Nivo Slideshow controlles */

.nivo-controlNav {
top:280px;
position:relative;
text-align:center;
}
.nivo-controlNav a {
padding:5px 8px;
background:#8f6f6f;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
margin-right:7px;
width:30px;
height:10px;
text-decoration:none;
color:white;
}

.nivo-directionNav a {
background:url("../image/arrows.png") no-repeat scroll 0 0 transparent;
border:0 none;
display:block;
height:30px;
text-indent:-9999px;
width:30px;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}




