#theGlassEyeTitle {
    font-size: 35px;
    font-family: serif;
    position: absolute;
    left: 10px;
    top: 10px;
}

#byDaveHill {
    font-size: 15px;
    position: absolute;
    left: 10px;
    top: 60px;
}

body {
    background-color: black;
    color: white;
    font-family: Arial, sans-serif;
    font-size: small;
    margin: 8px;
}

.logo {
    position: absolute;
    left: 275px;
    top: 10px;
}

.smalllogo {
    visibility: hidden;
}

a img {
    border:none;
 }

.ImageMenuItem{
    border: solid black 4px;
}

a {
    text-decoration: none;
    color: white;
}

a:visited {
    text-decoration: none;
    color: white;
}

a:hover {
    text-decoration: underline;
    color: red;
}

#outerDiv {
}

#previewDiv {
    position: absolute;
    left: 295px;
    top: 125px;
    width: 0%;
    height: 0%;
}

.previewDivBorder {
    border: 4px outset #666666;
}


#previewLeftArrowDiv {
    position: absolute;
    left: 45px;
    top: 520px;
}

#previewRightArrowDiv {
    position: absolute;
    left: 205px;
    top: 520px;
}

#logo {
    position: absolute;
    left: 25px;
    top: 0px;
}

#returnToMainMenuDiv {
    position: absolute;
    left: 600px;
    top: 10px;
    font-family: serif;
    font-size: 20px;
}

#titleDiv {
    position: absolute;
    left: 600px;
    top: 60px;
    font-family: serif;
    font-size: 20px;
    color: red;
}

/*//////////////////////////// thumb panel ////////////////////////////*/

#thumbDiv {
    position: absolute;
    left: 25px;
    top: 120px;
}

.thumb {
    margin: 8px;
    border: 2px outset #666666;
}

.thumbPreload {
	background-color: #000;
	opacity: 0.50;
	filter:alpha(opacity=50);
}

.thumbSelected {
    margin: 8px;
    border: 2px solid #ff0000;
}

.thumbPanel {
    width: 240px;
    height: 510px;
}

.thumbLeftArrow {
    background: url("images/buttons/arrow_rollover_off_left.gif") no-repeat;
    width: 24px;
    height: 25px;
    border: none;
    outline: none;
}

.thumbLeftArrowRollover {
    background: url("images/buttons/arrow_rollover_on_left.gif") no-repeat;
}

.thumbRightArrow {
    background: url("images/buttons/arrow_rollover_off_right.gif") no-repeat;
    width: 24px;
    height: 25px;
    border: none;
    outline: none;
}

.thumbRightArrowRollover {
    background: url("images/buttons/arrow_rollover_on_right.gif") no-repeat;
}

/*//////////////////////////// crop options panel ////////////////////////////*/

.cropOption {
    height: 38px;
    width: auto;
    background-color: white;
}

.cropOptionSelected {
    background-color: red;
}

#cropOptionsScrollPanelDiv {
    position: absolute;
    left: 975px;
    top: 125px;
    /*z-index: 888;*/
}

.cropPanelScroll {
    /*scroll panel that holds the crop panel*/
    border: 2px outset #666666;
    width: 215px;
    height: 486px;
    background-color: black;
}

.cropPanel {
    /*fits inside the scroll panel*/
    width: 190px;
}

.cropPanelOption {
    /*individual crop options inside the main crop options list inside the scroll panel*/
    width: 190px;
    height: 64px;
    vertical-align: middle;
}

.buyCropPanelOptionLabel {
    font-size: 15px;
}

/*//////////////////////////// buy panel ////////////////////////////*/

.buyPanelHeaderSPacer {
    width: 183px;
}

#buyMainPanelDiv {
    position: absolute;
    left: 975px;
    top: 125px;
    z-index: 900;
}

.buyPanel {
    width: 215px;
    height: 486px;
    border: 2px outset #666666;
    background-color: black;
    z-index: 900;
}

.livePreview {
    border: 2px outset #666666;
}

.addButton {
    width: 200px;
}

/*.updateButton {*/
    /*width: 70px;*/
/*}*/

/*//////////////////////////// debug ////////////////////////////*/

.debugLink{
    position: absolute;
    left: 800px;
    top: 10px;
    z-index: 1000;
}


.debugPanel {
    /*width: 235px;*/
    /*height: 510px;*/
    z-index: 1000;
}

.debugList {
    width: 600px;
    height: 100px;
}

/*//////////////////////////// checkout panel ////////////////////////////*/



/*//////////////////////////// cart scroll panel ////////////////////////////*/


.cartPanelHeaderSPacer {
    width: 180px;
}

#cartScrollPanelDiv {
    position: absolute;
    left: 975px;
    top: 125px;
    z-index: 500;
}

#cartThumbDiv{
    position: relative;
    left: 5px;
    top: 5px;
}

#dialogBoxDiv{
    position: absolute;
    left: 40%;
    top: 40%;
}

#cartBlurbDiv{
    position: relative;
    left: 20px;
}

.cartThumb {
    margin: 4px;
    border: 1px outset #666666;
}

.showCartLink {
    font-size: 20px;
}

.cartInfoImportText {
    width: 40px;
    height: 18px;
}

.cartInfoButton {
    width: 50px;
    height: 20px;
}

.cartPanel {
    border: 2px outset #666666;
    /*width: 215px;*/
    /*height: 486px;*/
    background-color: black;
}

.cartPanelScroll {
    height: 450px;
}

.cartItem {
    margin: 4px;
    border: 2px outset #666666;
    vertical-align: middle;
    width: 175px;
}

.cartItemSelected {
    border: 2px outset red;
}

/*//////////////////////////// cart info panel ////////////////////////////*/

#cartInfo{
    position: absolute;
    left: 975px;
    top: 10px;
}

.cartInfo {
    width: 235px;
    height: 100px;
}

.previewImage {
    /*width: 325px;*/
    /*height: 216px;*/
}


#cartInfoShowCartDiv {
    position: absolute;
    top: 5px;
}

#cartInfoBuyNowDiv {
    position: absolute;
    top: 35px;
    height: 21px;
}

#cartInfoBlurbDiv {
    position: absolute;
    top: 80px;
}

#cartInfoCouponButtonDiv {
    position: absolute;
    left: 120px;
    height: 21px;
}

#cartInfoCouponPanelDiv {
    position: absolute;
    /*top: 25px;*/
    left: 120px;
}

.thumbScrollPanel {
    width: 100px;
    height: 350px;
}

.setCouponLink {
    font-size: 20px;
}

.couponCodeTextbox {
    position: absolute;
    width:65px;
    left:8px;
    top: 0px;
}

.setCouponButton {
    position: absolute;
    top: 25px;
}


.couponButton {
    /*stupid thing came out "Buy now" sized until I set it explicitly*/
    position: absolute;
    width: 67px;
    height:21px;
    top: 20px;
}

.buyNowButton {
}

.payPalForm {
}

#discountLabelDiv {
    position: absolute;
    /*top: 15px;*/
    left: 110px;
    width: 120px;
}

.discountLabel {
    position: absolute;
    top: 10px;
    width: 120px;
    text-align: center;
}

.redx {
    background: url("images/redX.jpg") no-repeat;
    width: 28px;
    height: 15px;
}