/*

    PRODUCT DETAILS PAGE

*/

#product-details-container
{
    position: relative;
    float: left;
    width: 100%;
    font-family: Arial;

}

#prod-details-left
{
    float: left;
    width: 425px;
}

#prod-details-right
{
    float: left;
    width: 270px;
    padding: 10px 20px 10px 20px;
}

#prod-details-recent
{
    float: left;
    width: 150px;
    height: 105px;
    border-top: 10px solid black;
    border-bottom: 10px solid black;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color:#E8E8E8;
    position: relative;
    
}
#prod-details-recent h1 {
    font-size: 16px;
    
}
.recent-item
{
    padding: 7px 0px;
}

#prod-details-related
{
    float: left;   
    text-align: center;
    border-top: none;    
    height:141px;
}

.related-item
{
    text-align: center;
    padding: 7px;
    float: left;    
    width: 100px;
    height: 100px;
}

#prod-details-related h1
{
    font-family: Arial;
    font-size: 14px;
}

.prod-details-desc
{
    padding: 5px 0px 10px 0px;
    float: left;
    color: #6c6c6c;    
    height: auto;
}

.prod-details-desc b {
    color: black;
}

#prod-details-order
{
    position: relative;
    float: left;
    padding: 15px 0px 15px 0px;
    font-weight: bold;
    background-color: lightgray;
    text-align: center;
    width: 200px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid black;
}

#prod-details-qty
{
    width: 100%;
    padding-bottom: 10px;
}

#prod-details-image, #prod-details-media
{
    text-align: center;
    padding-bottom: 10px;

    
}

#prod-details-styles
{
}
.cart-details-header {       
    color: white;    
    font-weight: bold;
    font-size: 16px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    background-color: #cc0000;    
}

.prod-details-style
{
    float: left;
    padding: 20px;
}

.prod-details-options-container {
    /*width: 250px;*/
    padding-top: 10px;
    float: left;
    position: relative;
}

.prod-details-options {
    position: relative;
    padding: 10px 0px 5px 15px;
    float: left;
    width: 220px;
}

.prod-details-alert 
{
    float: left;
    padding-left: 5px;
}
/*

    product details color swatcher

*/

ul.thumb {
    float: left;
    list-style: none;
    margin: 0;
    padding: 10px;
    width: 360px;
}

ul.thumb li {
    margin: 0;
    padding: 5px;
    float: left;
    position: relative;
    /* Set the absolute positioning base coordinate */
    width: 110px;
    height: 110px;
}

ul.thumb li img {
    width: 100px;
    height: 100px;
    /* Set the small thumbnail size */
    -ms-interpolation-mode: bicubic;
    /* IE Fix for Bicubic Scaling */
    border: 1px solid #ddd;
    padding: 5px;
    background: #f0f0f0;
    position: absolute;
    left: 0;
    top: 0;
}

ul.thumb li img.hover {
    background: url(thumb_bg.png) no-repeat center center; /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}

.ui-selectmenu {
    display: block;
    position: relative;
    height: 21px;
    text-decoration: none;
    overflow: hidden;
    font-family: Arial;
    font-size: 10px;
}

.ui-selectmenu-icon {
    position: absolute;
    right: 6px;
    margin-top: -8px;
    top: 50%;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    overflow: auto;
}

.ui-selectmenu-open { visibility: visible; }

.ui-selectmenu-menu-popup { margin-top: -1px; }

.ui-selectmenu-menu-dropdown { }

.ui-selectmenu-menu li {
    font-size: 12px;
    padding: 0;
    margin: 0;
    display: block;
    border-top: 1px dotted transparent;
    border-bottom: 1px dotted transparent;
    border-right-width: 0 !important;
    border-left-width: 0 !important;
    font-weight: normal !important;
}

.ui-selectmenu-menu li a, .ui-selectmenu-status {
    line-height: 1.4em;
    display: block;
    padding: .3em 1em;
    outline: none;
    text-decoration: none;
}

.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status {
    padding-left: 20px;
    position: relative;
    margin-left: 5px;
}

.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {
    position: absolute;
    top: 1em;
    margin-top: -8px;
    left: 0;
}

.ui-selectmenu-status { line-height: 1.4em; }

.ui-selectmenu-open li.ui-selectmenu-item-focus a { }

.ui-selectmenu-open li.ui-selectmenu-item-selected { }

.ui-selectmenu-menu li span, .ui-selectmenu-status span {
    display: block;
    margin-bottom: .2em;
}

.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }

.ui-selectmenu-menu li .ui-selectmenu-item-content { }

.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/*for optgroups*/

.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }

.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
    line-height: 1.4em;
    display: block;
    padding: .6em .5em 0;
    font-weight: bold;
}

.ui-selectmenu-menu .ui-selectmenu-group ul {
    margin: 0;
    padding: 0;
}

.desc {
     color:#6b6b6b;
}
.desc a {
    color:#0092dd;
}    
.product-styles {
    font-family: Arial;
    font-weight: bold;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    letter-spacing: 0.15em;    
}
.product-styles dd, .product-styles dt, .product-styles ul {
    margin:0px; 
    padding:0px;
    z-index: 99;
}
.product-styles dd {
     position:relative;
}
.product-styles a, .product-styles a:visited {
     color:#ffffff; 
     text-decoration:none; 
     outline:none;
}
.product-styles a:hover {
     color:#ffffff;
}
.product-styles dt a:hover {
     color:#ffffff; 
}
.product-styles dt a 
{
    border-top-left-radius: 15px ;
    border-top-right-radius: 15px;
    -moz-border-top-left-radius: 15px;
    -moz-border-top-right-radius: 15px;    
    background:#676868; 
    display:block;     
    border:1px solid #2a2a2a;
    padding-top: 3px;
    width:175px;
    height: 25px;
    text-align: center;
}
.product-styles dt a span {
    cursor:pointer; 
    display:block; 
    padding:5px;
}
.product-styles dd ul  
{
    background:#676868 none repeat scroll 0 0; 
    border:1px solid #2a2a2a; 
    color:#ffffff; 
    display:none;
    left:0px; 
    padding:5px 0px; 
    position:absolute; 
    top:2px; 
    width:auto; 
    min-width:175px; 
    list-style:none;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    -moz-border-bottom-left-radius: 15px;
    -moz-border-bottom-right-radius: 15px;    
}
.product-styles span.value {
     display:none;
}
.product-styles dd ul li a {
     padding:5px; 
     display:block;
}
.product-styles dd ul li a:hover {
     background-color:#2a2a2a;
}
.product-styles img.flag {
     border:none; 
     vertical-align:middle; 
     margin-left:10px;
}
.flagvisibility {
     display:block;
}   

#set {
    padding: 10px;    
    min-height:100px;
    float: left;
}

.dd {
    width: 150px;
}
#buttons {
    text-align: center;    
    width: 200px;
    float: left;
}

.style-part {
    width: 200px;
    padding-bottom: 10px;
}

.prod-components {
    padding-top: 15px;
    padding-bottom: 15px
}

.alt-text {
    width: 235px;
    text-align: center;
    color: black;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: 10px;
}

.left-but, .right-but {    
    width: 30px;
    height: 30px;
    text-align: center;
    position: relative;
}
.right-but {
    left: 177px;
    top: -15px;
}
.left-but {
    left: 5px;
    top: -15px;
}
.swatch-carousel {
    width: 235px; 
    height:120px; 
    overflow:scroll;
    padding-left: 2px;
    -background: url('../../Content/Default/images/plain-carousel.png') top right no-repeat;
}