body, html {
background-color: #FFF;
font-family: verdana;
font-size: 12px;
color:#6198C3;
}
td {
font-family:verdana;
}
p {
color:#77797D;
font-family:verdana;
}
a:link, a:visited {
color:#5A504E;
text-decoration:none;
}
a:hover {
text-decoration:none;
color:#CB2622;
}
.toolbar {
color:#FFFFFF;
margin:20px10px0px 0px;
font-size:10px;
}
a.footer:link, a.footer:visited {
color:#000000;
}
#footer {
margin-top:0px;
}
h1 {
position: relative;
top: -34px;
font-size:2.5em;
background-color: #FFF;
width: 800px;
margin:0px;
padding:0px;
font-weight:bold;
color:#606671;
border-radius: 7px 7px 7px 7px;
z-index:100;
}
h2 {
font-size:2.1em;
margin:0px;
padding:0px;
font-weight:normal;
color: #8A8683;
}
.smallsidebartext {
font-weight:bold;
color:#30808A;
font-size:12px;
}
a#moreinfo {
font-color: #0B0A0A;
margin: 2px;
text-decoration: none;
font-weight: bold;
font-size: 8px;
}
products_overview {
color:#77797D;
font-family:verdana;
}
#zcode {
top: 51px;
background-color:#F3F3F5;
width: 1355px;
line-height: 30px;
font-size: 16px;
color:#2E2D2D;
}
#zcode:hover {
background-color:#DDD;
width: 1355px;
}
ta ble,tr,td {
border: 0px solid red;
}
#zcode z1 {
text-decoration: underline;
}
.menuVert {
width: 1100px;
height: 400px;
box-shadow: 5px 7px 7px #999;
background-color: #FFF;
visibility: hidden;
}
.menuVert li {
margin-top: 20px;
margin-left: 20px;
}
.container {
width: 1060px;
position: relative;
margin-left: 97px;
top:-14px;
}
#topcurv {
position:relative;
left:0px;
top:3px;
}
.nav {
z-index: +2000;
width: 1245px;
position: absolute;
margin-left: 195px;
padding-top: 1px;
height: 0px;
top: 80px;
font-size: 11pt;
font-weight: normal;
}
.nav ul {
list-style: none;
margin: 0px;
padding: 0;
}
.nav ul.menuHoriz li {
float: left;
width: 150px;
height: 36px;
back ground-color: #777;
text-align: center;
border-right: 0px;
line-height: 32px;
}
.menuHoriz a {
font-family: Arial, Times, serif;
font-weight: 9px;
text-decoration: none;
color: #BBB;
}
.nav li ul {
position: relative;
top: 30px; left: 0;
}
.menuHoriz li:hover {
font-family: Arial, Times, serif;
background-color: #FFF;
border-radius: 4px 4px 0px 0px;
}
.menuHoriz a:hover {
font-family: Arial, Times, serif;
color: #000;
backgro und-color: #FFF;
}
.nav li:hover ul li{
background-color: #F7F7F7;
}
.menuVert a {
display: block;
width: 100px;
height: 45px;
font-family: Arial, Times, serif;
color: #444;
text-decoration: none;
float: left;
}
.nav a {
display: block;
margin: 0px;
padding: 3px;
border-radius: 4px 4px 0px 0px;
}
.menuVert a:hover {
font-family: Arial, Times, serif;
color: #000;
text-decoration: underline;
}
.content {
clear: both;
}
#content {
cen ter: center;
margin-left:20px;
text-align: justify;
width: 80%;
font-size:120%;
fon t-style: oblique;
}
#menuSubOne {
position: absolute;
left: 0px;
top:34px;
}
#menuSubTwo {
position: absolute;
left: 0px;
top:34px;
}
#menuSubThree {
position: absolute;
left: 0px;
top:34px;
}
#menuSubFour {
position: absolute;
left: 0px;
top:34px;
}
#menuSubFive {
position: absolute;
left: 0px;
top:34px;
}
#menuSubSix {
position: absolute;
left: 0px;
top:34px;
}
#menuSubSeven {
position: absolute;
left: 0px;
top:34px;
}
#menuSubEight {
position: absolute;
left: 100px;
top:34px;
}
.navimg {
position: absolute;
right: 80px;
bottom: 130px;
}
#photoShow {
height:140px;
width:1480px;
}
#photoShow div {
position:absolute;
top: 187px;
left: 146px;
z-index: 0;
}
#photoShow div.previous {
z-index: 1;
}
#photoShow div.current {
z-index: 2;
}
/* This is the style given to the text underneath the image (title, description, price...) */
.gridCellInfo {
text-align:center;
font-size:.95em;
}
/* Centers text under the product */
.gridCellInfo a, .gridCellInfo a span {
text-align:center;
}
/* This is the main container for the grid of products */
.allGrids {
text-align:center;
width:1280px;
height:10px;
border:5px;
align: center;
padding-left:20px;
}
/* Centers the grid of products inside allGrids */
.centerGrids {
display:block;
height:230px;
margin-left: auto;
margin: 15px 85px 35px 30px;
padding-bottom:50px;
border-style: solid;
border-width: 1px;
border-color:#EFEBEC;
float:left;
width:200px;
}
.centerGrids2 {
display:block;
height:230px;
margin-left: auto;
margin: 45px 85px 35px 30px;
padding-bottom:50px;
border-style: solid;
border-width: 1px;
border-color:#EFEBEC;
float:left;
width:200px;
}
.error {
border:1px solid;
padding:18px;
margin-bottom:23px;
}
.pbimg img {
border:0px;
}
/* Empty classes in case you want to change the look of the pagination and sort */
.count a, .sortLinks a {
}
.sortLinks {
}
/* Used to stop product grids from floating to the left (at the end of the grid) */
.clearMe {
clear:both;
margin:0px;
padding:0px;
}
/* Height of clearMe DIV */
.short {
height:10px;
}
/* Fix for Mozilla browsers for floating elements...best not touch this! */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* Empty class in case you want to style the currently selected page number */
.current {
}
#zoom li {
float: left;
list-style: none;
padding: 2px;
width: 250px;
margin-left: 65px;
}
#zom1 {
position:absolute;
width:200px;
transition: .1s ease 0s;
bo x-shadow: 3px 4px 4px #999;
z-index:8;
}
#zom2 {
position:absolute;
width:200px;
transition: .1s ease 0s;
z-index:6;
}
#zom3 {
position:absolute;
width:200px;
transition: .1s ease 0s;
z-index:4;
}
#zom4 {
position:absolute;
width:200px;
transition: .1s ease 0s;
z-index:2;
}
.pagination a {
background-color: #DDD;
width: 30px;
height: 15px;
font-size: 17px;
text-decoration: underline;
}
.pagination a:hover {
color: #000;
width: 20px;
height: 15px;
text-decoration: none;
}
.pagination a.selected {
color: #7DE;
background-color: #777;
text-decoration: none;
}
.paginat_pos1 {
position: relative;
left: 125px;
top: 5600px;
}
.paginat_pos2 {
position: relative;
right: -2px;
bottom: 40px;
}