html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: top;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
.form label {margin:5px 0; display:block}
body {font-family:Trebuchet MS, Helvetica, sans-serif; font-size:13px; }
body.blue {background-color:#E3F8FD}
body.pink {background-image:url(../images/backs/stripe.png)}
body.swirl {background-image:url(../images/bodyBack.png)}
body.blueStripe {background-image:url(../images/backs/blue3.png)}
body.blueStripe #footer a {color:#ffffff}
body.pink #footer a {color:#333333}
/*Type */
p { color:#333333; margin:0; padding:0; line-height:1.3em; margin-bottom:10px}
h1 {font-size:26px; margin:0 20px 20px; }
h3 {color:#333333}
a {text-decoration:none; color:#4EB5B7}
#wrapperBody, #mainwrapper {width:100%; background:#ffffff; margin:0 auto; border-top:1px solid #4EB5B7; border-bottom:1px solid #4EB5B7;}
#top {background:url(../images/backs/shadowTop.png) no-repeat top center;width:900px; height:29px; position:relative; top:0px; margin:0 auto}
.frame p {margin:10px 20px}
.small {font-size:11px}
.tiny {font-size:10px}
a.small {color:#ffffff; display:block; background:#4eb5b7; padding:3px; text-align:center; margin:0 auto}
.bold {font-weight:bold;}
/*Layout*/
.header {position:relative; top:68px; z-index:1000; width:235px; left:100px}
.menu {
background:#FFFFFF none repeat scroll 0 0;
display:block;
height:28px;
margin:5px 0 -5px 360px;
width:650px;
/*border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-top:1px solid #cccccc;*/
}
#footer {margin:5px auto; width:900px; position:relative; top:-25px}
#footer .bottom {background:url(../images/backs/shadowTop.png) no-repeat top center;width:900px; height:29px; position:relative; top:-9px; margin:0 auto}
#short .frame, #long .frame, .frame {padding-top:20px; margin:5px auto; display:block; width:900px; /*border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;*/ background:#ffffff}
#long .frame {height:auto!important;}
.frame {height:525px}
/*Menus*/
.mainMenu {font-size:11px; margin-top:0px; margin-right:10px}
.mainMenu a { padding:0 3px; color:#000000; text-decoration:none}
.mainMenu .at {background:#4EB5B7; color:#ffffff}
.mainMenu li a {color:#000000; text-decoration:none}
.mainMenu a:hover {background:#4EB5B7; color:#ffffff}
ul.footerMenu {height:25px; list-style:none; font-size:10px}
ul.footerMenu li {float:left; padding:5px 10px; margin-right:2px; }
/*layouts */
ul.gallery, ul.galleryBig, ul.gallerySM {margin:20px auto; list-style:none; width:700px; display:block;}
ul.gallery li {float:left; display:block; text-align:center; width:220px; border:1px solid #cccccc; margin:5px}
ul.galleryBig li {float:left; display:block; text-align:center; width:338px; border:1px solid #cccccc; margin:5px}
ul.gallerySM li {float:left; display:block; text-align:center; width:160px; border:1px solid #cccccc; margin:5px}
.gallery img {width:175px; height:175px; padding:10px 10px 0}
.galleryBig img, .gallerySM img {padding:10px 10px 0}
ul.sizing {margin:10px; list-style:circle; font-size:12px}
ul.sizing li {margin-left:40px; padding:5px}
/*Backgorunds */
.lightGreyBG {background:#f9f9f9}
.col1_2 {width:50%; float:left; margin-right:2%;}
.col2_2 {width:45%; float:left; padding:10px}
.col1_2sm {width:45%; float:left; margin-right:2%;}
.col2_2sm {width:45%; float:left; padding:10px}
.borderRight {border-right:1px solid #cccccc}
.noBorder {border:none!important}
.black a{color:#000000}
.white a {color:#ffffff}
/*Positioning */
.fLeft {float:left}
.fRight {float:right}
.clear {clear:both}
.padding {padding:20px}
.center {margin:0 auto; text-align:left}
.centered {text-align:center;}
img.fLeft {padding:0 10px 10px 0}
.width80percent {width:80%;}
/*Special*/
#my-border, #my-border2, #my-border3, #my-border4, #my-border5 {padding:20px; width:80%; margin:10px auto auto; color:#000000; }
#my-border3 p {color:#ffffff}
#my-border, #my-border .sb-inner, #my-border5, #my-border5 .sb-inner { background:#ffffff; }
#my-border2, #my-border2 .sb-inner { background:#4EB5B7; }
#my-border3, #my-border3 .sb-inner { background:#DA217C; }
#my-border2 a, #my-border3 a {color:#ffffff}
#image img {border:none!important}
.footer a {color:#333333;}
.prodShot {margin:15px 60px; padding:5px; border:1px solid #cccccc;}
input.submit {cursor:pointer; display:block; font-size:10px; width:90px; height:25px; border:1px solid #333333; background:#DE217D; color:#ffffff}
/* SLideshow */
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:450px; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:267px; height:380px;}
#information {position:absolute;top:0; bottom:0; width:180px; left:267px; height:auto; background:#f9f9f9; color:#fff; overflow:hidden; z-index:200;}
#information h3 {padding:15px 8px; font-size:14px; color:#666666; font-family:}
#information p {color:#333333; font-size:11px; padding:0 8px 8px}
#information a.pink, #information a.green, .gallery a.pink,.galleryBig a.pink, .gallerySM a.pink {display:block; background:#DE217D; color:#000000; text-decoration:none; padding:5px 5px}
#information a.green {background:#50B6B8}
#information a:hover, .gallery a:hover {color:#ffffff}
#image {width:267px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat; display:none;}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat; display:none;}
#imglink {position:absolute; height:306px; width:100%; z-index:100; display:none; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:38px}
#slideleft {float:left; width:20px; height:83px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#cccccc}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:83px; background:#ccc url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:400px; margin-left:5px; height:83px; overflow:hidden}
#slider {position:absolute; left:0; height:75px}
#slider img {cursor:pointer; border:1px solid #000000; padding:2px}
/* Cart Over rides */
#productDateAdded {display:none!important}