* {
margin : 0;
padding : 0;
}
body {
font : 80% Arial, Helvetica;
background : #ffa300 url(../images/background.png) repeat-x fixed;
color : #333333;
}
a:link, a:visited {
color : #0000ff;
text-decoration : underline;
}
a:hover, a:active {
color : #ff0001;
text-decoration : underline;
}
a:focus {
outline : none;
}
img {
margin-bottom : 0;
border : 0 none;
}
a img {
border : 0 none;
}
#wrap {
margin : 2% auto;
background : #fffffe url(../images/content.png) repeat-y;
border : 1px solid #fff;
width : 860px;
text-align : center;
}
#wrap2 {
margin : 2% auto;
background : #fffffe url(../images/content2.png) repeat-y;
border : 1px solid #fff;
width : 860px;
text-align : center;
}
.ise {
width : 860px;
height : 102px;
line-height : 0;
}
.header {
width : 860px;
height : 238px;
line-height : 0;
}
#main_column {
width : 800px;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 30px;
padding-right : 30px;
float : left;
text-align : left;
}
#left_column2 {
width : 180px;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 20px;
padding-right : 20px;
float : left;
text-align : center;
}
#right_column2 {
width : 600px;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 20px;
padding-right : 0px;
float : left;
text-align : left;
}
#left_column {
width : 190px;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 20px;
padding-right : 10px;
float : left;
text-align : left;
}
#center_column {
width : 400px;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 10px;
padding-right : 10px;
float : left;
text-align : left;
}
#right_column {
width : 190px;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 10px;
padding-right : 20px;
float : left;
text-align : left;
}
#column1 {
width : 150px;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 20px;
padding-right : 20px;
float : left;
text-align : left;
}
#column2 {
width : 150px;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 0px;
padding-right : 0px;
float : left;
text-align : center;
}
#column3 {
width : 150px;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 0px;
padding-right : 0px;
float : left;
text-align : center;
}
#column4 {
width : 150px;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 0px;
padding-right : 0px;
float : left;
text-align : center;
}
#column5 {
width : 150px;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 25px;
padding-right : 0px;
float : left;
text-align : center;
}

#columnw {
width : 150px;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 0px;
padding-right : 0px;
float : left;
text-align : center;
}
#columnx {
width : 150px;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 0px;
padding-right : 0px;
float : left;
text-align : center;
}
#columny {
width : 150px;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 0px;
padding-right : 0px;
float : left;
text-align : center;
}
#columnz {
width : 150px;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 0px;
padding-right : 0px;
float : left;
text-align : center;
}
#footer {
background : #311613;
height : 50px;
padding : 0;
clear : both;
margin : 0 auto;
}
#footer p {
font-size : 80%;
color : #ff783a;
letter-spacing : 1px;
text-align : center;
padding : 0;
}
p {
color : #262526;
text-align : justify;
margin-top : 3px;
margin-bottom : 10px;
}
h1 {
font-size : 125%;
color : #000001;
font-weight : bold;
letter-spacing : 2px;
text-align : left;
border-bottom : 1px solid #111;
}
.big {
font-size : 150%;
border-bottom : none;
text-align : center;
padding : 10px 0;
}
h2 {
font-size : 125%;
color : #000002;
font-weight : bold;
letter-spacing : 2px;
text-align : left;
}
h3 {
font-size : 125%;
color : #000003;
font-weight : bold;
letter-spacing : 2px;
text-align : left;
border-bottom : 1px solid #111;
}
h4 {
font-size : 125%;
color : #000004;
font-weight : bold;
letter-spacing : 2px;
text-align : left;
border-bottom : 1px solid #111;
}
h5 {
font-size : 125%;
color : #000005;
font-weight : bold;
letter-spacing : 2px;
text-align : left;
border-bottom : 1px solid #111;
}
h6 {
font-size : 125%;
color : #000006;
font-weight : bold;
letter-spacing : 2px;
text-align : left;
border-bottom : 1px solid #111;
}
#menu {
float : left;
width : 100%;
background : #311613 url(../images/menubg.png) repeat-x;
overflow : hidden;
position : relative;
margin : 0;
padding : 0;
}
#menu ul {
clear : left;
float : left;
list-style : none;
margin : 0;
padding : 0;
position : relative;
left : 50%;
text-align : center;
width : auto;
}
#menu ul li {
display : block;
float : left;
list-style : none;
margin : 0;
padding : 0;
position : relative;
right : 50%;
width : auto;
}
#menu ul li a {
display : block;
margin : 0;
padding : 2px 20px;
background : #311613 url(../images/menubg.png) repeat-x;
color : #fefefe;
text-decoration : none;
font-size : 100%;
font-weight : normal;
line-height : 1.8em;
letter-spacing : 2px;
border-right : 1px solid #777;
}
#menu ul li a:hover {
background : #5b4c4b url(../images/menubg2.png) repeat-x;
color : #fff;
}
#menu a.current {
background : url(../images/up-arrow.gif) no-repeat bottom center;
}
#menu a.current:hover {
background : #5b4c4b url(../images/up-arrow.gif) no-repeat bottom center;
}
#menu a.cart {
background : url(../images/cart.gif) no-repeat right center;
}
#footermenu {
float : left;
width : 100%;
background : #311613;
overflow : hidden;
position : relative;
}
#footermenu ul {
clear : left;
float : left;
list-style : none;
margin : 0;
padding : 0;
position : relative;
left : 50%;
text-align : center;
width : auto;
}
#footermenu ul li {
display : block;
float : left;
list-style : none;
margin : 0;
padding : 0;
position : relative;
right : 50%;
width : auto;
}
#footermenu ul li a {
display : block;
margin : 13px 0 5px 0;
padding : 0 10px;
background : transparent;
color : #fefefe;
text-decoration : none;
line-height : 1em;
letter-spacing : 2px;
border-right : 1px solid #555;
font-size : 80%;
}
#footermenu ul li a:hover {
color : #ff783a;
}
.desc {
text-align : center;
font-size : 90%;
margin : 0;
padding : 3px 0;
}
.special {
text-align : center;
font-size : 90%;
padding : 0;
margin : 0 auto;
}
.specialred {
text-align : center;
color : #f00;
font-size : 90%;
padding : 0;
margin : 0;
}
.descred {
text-align : center;
font-size : 90%;
color : #f00;
margin : 0;
padding : 0;
}
.pad {
margin-top : 48px;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox img {
width : auto;
height : auto;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
outline : none;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 600px;
background-color : #000;
}
.pics {
text-align : center;
margin : 0 auto;
margin : 10px 0px;
}
.prod {
text-align : center;
margin : 10px 0 20px 0;
}
.pics a {
margin-right : 8px;
}
table {
margin-left : auto;
margin-right : auto;
}
.quote {
font-style : italic;
}
#colmenu {
width : 12em;
background : #fff;
}
#colmenu ul {
list-style : none;
margin : 0;
padding : 0;
}
#colmenu ul li a {
background : #fff url(../images/arrow.gif) no-repeat 0 5px;
display : block;
margin : 0;
padding : 3px 0 3px 15px;
color : #232324;
text-decoration : none;
border-bottom : 1px solid #ccc;
font-size : 105%;
}
#colmenu ul li a:hover {
background : #ffac06 url(../images/arrow.gif) no-repeat 0 5px;
}
#colmenu ul ul ul li a {
background : #eee;
}
#colmenu ul ul ul li a:hover {
background : #ffac06;
}
#colmenu li {
position : relative;
}
#colmenu ul ul ul {
position : absolute;
top : 0;
left : 100%;
width : 100%;
}
div#colmenu ul ul ul, div#colmenu ul ul li:hover ul ul {
display : none;
}
div#colmenu ul ul li:hover ul, div#colmenu ul ul ul li:hover ul {
display : block;
}
.ddsmoothmenu {
font : bold 12px Verdana;
background : #414141;
width : 100%;
}
.ddsmoothmenu ul {
z-index : 100;
margin : 0;
padding : 0;
list-style-type : none;
}
.ddsmoothmenu ul li {
position : relative;
display : inline;
float : left;
width : auto;
}
.ddsmoothmenu ul li a {
display : block;
background : #414141;
color : white;
padding : 8px 10px;
border-right : 1px solid #778;
color : #2d2b2b;
text-decoration : none;
}
* html .ddsmoothmenu ul li a {
display : inline-block;
text-decoration : none;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
color : white;
text-decoration : none;
}
.ddsmoothmenu ul li a.selected {
background : black;
color : white;
text-decoration : none;
}
.ddsmoothmenu ul li a:hover {
background : black;
color : white;
}
.ddsmoothmenu ul li ul {
position : absolute;
left : 0;
display : none;
visibility : hidden;
}
.ddsmoothmenu ul li ul li {
display : list-item;
float : none;
width : auto;
}
.ddsmoothmenu ul li ul li ul li {
display : list-item;
float : none;
width : auto;
}
.ddsmoothmenu ul li ul li ul {
top : 0;
}
.ddsmoothmenu ul li ul li ul li ul {
top : 0;
}
.ddsmoothmenu ul li ul li a {
font : normal 13px Verdana;
width : 180px;
padding : 5px;
margin : 0;
border-top-width : 0;
border-bottom : 1px solid gray;
text-decoration : none;
}
.ddsmoothmenu ul li ul li ul li a {
font : normal 13px Verdana;
width : 180px;
padding : 5px;
margin : 0;
border-top-width : 0;
border-bottom : 1px solid gray;
text-decoration : none;
}
* html .ddsmoothmenu {
height : 1%;
}
.downarrowclass {
position : absolute;
top : 12px;
right : 7px;
}
.rightarrowclass {
position : absolute;
top : 6px;
right : 5px;
}
.ddshadow {
position : absolute;
left : 0;
top : 0;
width : 0;
height : 0;
background : #fff;
}
.toplevelshadow { 
opacity: 0.8;
}
.ddsmoothmenu-v ul {
margin : 0;
padding : 0;
width : 170px;
list-style-type : none;
font : bold 12px Verdana;
border-bottom : 1px solid #ccc;
text-align : left;
}
.ddsmoothmenu-v ul li {
position : relative;
}
.ddsmoothmenu-v ul li a {
display : block;
overflow : auto;
color : white;
text-decoration : none;
padding : 8px;
border-bottom : 1px solid #778;
}
.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active {
background : #fff;
color : #232323;
text-decoration : none;
}
.ddsmoothmenu-v ul li a.selected {
background : #ee8003;
color : #232323;
}
.ddsmoothmenu-v ul li a:hover {
background : #ffac06;
color : #232323;
}
.ddsmoothmenu-v ul li ul {
position : absolute;
width : 220px;
top : 0;
font-weight : normal;
visibility : hidden;
background : #ffac06;
}
* html .ddsmoothmenu-v ul li {
float : left;
height : 1%;
width : auto;
}
* html .ddsmoothmenu-v ul li a {
height : 1%;
}
.center {
text-align:center;
margin:0 auto;
border: none;
}