body {font: 11px verdana,arial,lucida,helvetica,sans-serif; background: #f8f8f8 url(graphics/gradient.jpg) top left repeat-x; color: #000; padding: 0; margin: 0;}
h1, h2, h3 {margin: 0;}
h1 {background: url(images/logo.png) top left no-repeat; height: 109px; width: 259px; text-indent: -9999px;}
h2 {font-size: 14px; text-transform: capitalize;}
#page {position: relative; margin: 10px auto; padding: 0 20px; min-width: 715px; max-width: 980px;}
p {line-height: 1.2;}
img {border: none;}
#mimas {margin: 0 2px 0 30px;}

/*                                              masthead                                                               */
#masthead {position: relative; margin: 12px 0;}
#nav {position: absolute; top: 91px; left: 38px; white-space: nowrap;}
#nav a {color: #000; text-decoration: none; margin-left: 1.6em;}

/*                                              links                                                                   */
#shoppingLinks a {color: #E01F1F; text-decoration: none; display: block; margin-top: 12px;}
#shoppingLinks a+a {margin-top: 8px;}
#shoppingLinks {position: absolute; top: 0; right: -2px; text-align: right;}

/*                                              content                                                               */
#sizes {position: absolute; bottom: 10px; left: 16px;}
#content {padding: 12px 16px; width: 480px;}
#content h2 {padding-bottom: 8px; background: url(images/line.png) bottom left no-repeat;}
h2+p {margin-top: 7px;}
#footer {font-size: 9px; position: absolute; top: 436px; right: 18px; text-align: right;}
#mimas {display: block; margin-top: 8px;}
#mimas a {color: #000; text-decoration: none;}

/*                                              box                                                             */
#box {position: relative;}
#rightColumn {position: relative; width: 100%; min-width: 715px; max-width: 980px; background: url(images/city.jpg) #fff top left no-repeat; height: 300px; border: 1px solid #000;}
#leftColumn {position: absolute; top: 0; left: 0; width: 1px; height: 300px; background: #000;}
#shoeImage {position: absolute; top: 140px; left: 445px; z-index: 1;}

/*                                              views                                                            */
#views {margin: 20px 0; height: 100px; width: 380px;}
#views img {cursor: pointer;}

/*                                              form                                                              */
select, input {font: 11px verdana,arial,lucida,helvetica,sans-serif; border: 1px solid #cecece;}
input {padding-bottom: 2px; margin: 0;}
#go {border: none; vertical-align: top;}

/*                                               extendedContent                                          */
#rightColumnExtended {position: relative;  width: 100%; min-width: 715px; background: url(images/extended.jpg) #fff top left repeat-y; border: 1px solid #000;}
#leftColumnExtended {position: absolute; top: 0; left: 0; width: 1px; background: #000;}
#footerExtended {font-size: 9px; margin: 10px -2px 0 0; text-align: right;}

#viewPage {background: #fff url();}
#shoe_views {margin: 10px;}

/*                                                rollover                                                       */
#viewShoeName {position: absolute; top: 10px; left: 10px; /*text-align: center; width: 100%;*/}
#viewBox {position: absolute; top: 55px; right: 18px;}
#viewOverBox {position: absolute; top: 40px; left: 15px;}
#viewOverBox img {margin-bottom: 20px; display: block;}
#viewFooter {position: absolute; top: 10px; right: 10px; font-size: 9px;}
#viewFooter img {margin-left: 20px;}

#viewShoeName {width: 100%; text-align: center;}
#viewBox {position: absolute; top: 55px; right: 18px;}
#viewOverBox {position: absolute; top: 40px; left: 15px;}
#viewOverBox img {margin-bottom: 20px; display: block;}
#viewFooter {position: absolute; top: 530px; left: 0; width: 100%; text-align: center; font-size: 9px; border: 1px solid #000;}
#viewFooter img {margin: 0;}
#viewIcons {padding: 0; margin: 0;}
#viewIcons li {margin: 20px 0 0 20px; list-style: none; }
#viewShoeBox {height: 500px; width: 400px; position: absolute; top: 45px; left: 90px;}

.leftView {background: url(images/shoescroll.jpg) top left no-repeat;}
.frontView {background: url(images/shoescroll.jpg) 0 -500px no-repeat;}
.bottomView {background: url(images/shoescroll.jpg) 0 -1000px no-repeat;}
.rightView {background: url(images/shoescroll.jpg) 0 -1500px no-repeat;}
.backView {background: url(images/shoescroll.jpg) 0 -2000px no-repeat;}
.topView {background: url(images/shoescroll.jpg) 0 -2500px no-repeat;}
.pairView {background: url(images/shoescroll.jpg) 0 -3000px no-repeat;}
.zoomView {background: url(images/shoescroll.jpg) bottom left no-repeat;}