﻿html, body
{
    height:640px;
    width:700px;
    margin:0;
    padding:0px;
    overflow:hidden;
}

.ImageHolder
{
    height:200px;
    width:300px;
    display:block;
    z-index:1;
}

.Preloader 
{
    background-color:#000;
    background-position: 50% 50%;
    background-repeat:no-repeat;
    height:282px;
    width:500px;
    position:absolute !important;
    z-index:3;
    display:none;
    opacity:0.70;
    filter:alpha(opacity=70);
}

.PreloadImg
{
    opacity:0.99;
    filter:alpha(opacity=99);
    position:absolute;
    height:282px;
    width:500px;
    z-index:4;
    display:none;
    background-image: url("../Images/please_wait.gif");
    background-position:center;
    background-repeat:no-repeat;
}

.PreloadImg img
{
    margin-top:250px;
    margin-left:470px;
}

a
{
    color:#3c5f8c;
    display:block;
    background-image: url("../Images/arrow_orange.gif");
    padding-left:8px;
    background-position: 0 50%;
    background-repeat:no-repeat;
    text-decoration:none;
    line-height:18px;
}

a:hover
{
    text-decoration:underline;
}

.TableColor
{
}

.TableColor a 
{
    display:inline-block;
    background-image: url('');
    padding-left:0px;
    background-position: 0 0;
    background-repeat:no-repeat;
    text-decoration:none;
    line-height:18px;
}


.NextImage
{
    position:absolute;
    z-index:2;
    display:block;
    background-image:url('../Images/left.png');
    sbackground-repeat:no-repeat;
    height:24px;
    width:24px;
    opacity:0.93;
    filter:alpha(opacity=93);
    margin-top:129px;
}

.PreviousImage
{
     position:absolute;
    z-index:2;
    display:block;
    background-image:url('../Images/right.png');
    sbackground-repeat:no-repeat;
    height:24px;
    width:24px;
    opacity:0.93;
    filter:alpha(opacity=93);
    margin-top:129px;
    margin-left:476px;
}

.ImageName
{
    height:282px;
    width:500px;
}

.TableColor
{
    background-color:#9999A3;
    height:20px;
}

.gradientV
{
    width:auto;
}

.ImageTD
{
    width:500px;
}

.ColorTable Row
{
   border-bottom:1px solid #000;
}

.Color
{
    height:24px;
    line-height:24px;
    text-align:left;
    vertical-align:middle;
}

.OptionOverFlow
{
    overflow-x:hidden;
    overflow-y:scroll;
    height:180px;
    width:480px;
    font-size:11px;
    font-family: Arial;
    margin-left:10px;
    vertical-align:top;
}

.RimPanel
{
    display:none;
}

.Color
{
    display:block;
    line-height:30px;
    height:30px;
    vertical-align:middle;
}

.ColorText
{
    line-height:30px;
    height:30px;
}

.Configuration
{
    font-family:Arial;
    font-size:11px;
}

.ConfigurationHeader
{
    background-color:rgb(242, 242, 242);
    line-height:33px;
}

.Price
{
    font-family:Arial;
    font-size:11px;
    background-color:rgb(242, 242, 242);
    line-height:23px;
    font-weight:bold;
    padding:5px;
    position:absolute;
    width:190px;
    margin-top:13px;
}

.TopRight
{
    vertical-align:top; 
    background-color:rgb(242, 242, 242);
    padding-left:10px;
    font-size:11px;
    font-family:Arial;
    padding-top:10px;
    line-height:25px;
}

.TopRight a
{
    line-height:20px;
}

.Buttons
{
    padding:0;
    width:90px;
    display:inline-block;
    float:left;
    padding-left:10px;
}

.Buttons2
{
    padding:0;
    width:90px;
    display:inline-block;
    float:left;
    text-align:right;
    padding-right:10px;
}

.OptionsTable
{
    font-family:arial;
    font-size:11px;
    empty-cells:show;
}

.BorderBot
{
    font-family:arial;
    font-size:11px;
    border-bottom:1px solid #F0F0F5;
    height:35px;
}
.BorderLeft
{
    font-family:arial;
    font-size:11px;
    border-left:1px solid #F0F0F5;
    height:30px;
}