/*******************/
/* PRODUCT WRAPPER */
/*******************/


.product-wrapper
{
width: 620px;
left: 10px;
}


/****************/
/* PRODUCT HEAD */
/****************/


.product-head
{
width: 620px;
height: 248px;
margin-bottom: 10px;

background: transparent url( '/layout/product-head-background.png' ) repeat-x scroll top left;
}


/****************/
/* PRODUCT MENU */
/****************/


.product-head .product-menu
{
height: 38px;
width: 620px;
}
.product-head .product-menu .cl-item
{
height: 18px;
margin: 10px 0 0 10px;
}
.product-head .product-menu a,
.product-head .product-menu span
{
display: block;
position: relative;
float: left;
height: 18px;
font: normal 10px/18px Verdana;
color: #182e44;
text-transform: uppercase;
}
.product-head .product-menu a
{
padding-right: 15px;
background: transparent url( '/layout/product-menu-item-background-rx.png' ) no-repeat scroll top right;
}
.product-head .product-menu a span
{
padding-left: 15px;
background: transparent url( '/layout/product-menu-item-background-lx.png' ) no-repeat scroll top left;
}
.product-head .product-menu .selected a
{
background-image: url( '/layout/product-menu-item-background-rx-selected.png' );
}
.product-head .product-menu .selected a span
{
background-image: url( '/layout/product-menu-item-background-lx-selected.png' );
}
.product-head .product-menu a:hover
{
text-decoration: underline;
}


/*****************/
/* PRODUCT IMAGE */
/*****************/


.main-img-container
{
position: absolute;
top: 38px;
left: 10px;
width: 200px;
height: 150px;
padding: 0;

background: #ffffff;
}
.main-img-container img
{
position: absolute;
left: 0;
}
.main-img-container img.product-image
{
top: 0;
}
.main-img-container img.product-gallery-image
{
top: 18px;
}
.main-product-gallery
{
position: absolute;
left: 10px;
top: 195px;

width: 200px;
height: 46px;
overflow: hidden;
}
.main-product-gallery div
{
height: 46px;
width: 174px;
overflow: hidden;
left: 14px;
}
.main-product-gallery ul
{
height: 46px;
width: 2000px;
position: absolute;
left: 0;
top: 0;
}
.main-product-gallery li
{
padding:0;
border: 0;
margin: 0;

position: relative;
float: left;

width: 91px;
height: 46px;
}
.main-product-gallery li a
{
position: relative;
float: left;
left: 0;
display: block;
width: 91px;
height: 46px;
}
.main-product-gallery .pic-nav
{
display: block;
position: absolute;
margin: 0;
width: 12px;
height: 46px;

background: transparent none no-repeat scroll 0px 0px;
}
.main-product-gallery .prev-pic
{
left: 0;
background-image: url( '/layout/main-product-gallery-pictures-button-prev.png' );
}
.main-product-gallery .next-pic
{
right: 0;
background-image: url( '/layout/main-product-gallery-pictures-button-next.png' );
}
.main-product-gallery .prev-pic:hover, .main-product-gallery .next-pic:hover
{
background-position: -12px 0;
}


/**********************/
/* PRODUCT STAFF RATE */
/**********************/


.product-staff-rate
{
position: relative;
float: right;
width: 390px;
height: 150px;
right: 10px;
margin-bottom: 7px;

background: transparent url( '/layout/product-staff-rate-background.png' ) no-repeat scroll top left;
}


/**********************/
/* PRODUCT USERS RATE */
/**********************/


.product-users-rate
{
position: relative;
float: right;
width: 390px;
height: 46px;
right: 10px;

background: transparent url( '/layout/product-users-rate-background.png' ) no-repeat scroll top left;
}
.product-users-rate .users-rate
{
position: absolute;
top: 0;
left: 0;
width: 116px;
height: 46px;

text-align: center;
color: #334203;
}
.product-users-rate .users-rate .label
{
display: block;
font: bold 12px/12px Verdana;
padding-top: 6px;
}
.product-users-rate .users-rate strong
{
display: block;
font: bold 20px/20px Verdana;
}
.product-users-rate .users-rate strong span
{
font: normal 14px Verdana;
color: #6c8225;
}
.product-users-rate-info
{
position: absolute;
top: 0;
right: 0;
height: 46px;
width: 63px;
}
.product-users-rate-info a
{
position: absolute;
display: block;
}
.product-users-rate-info .info-link
{
width: 63px;
height: 46px;

background: transparent url( '/layout/product-users-rate-info-link-background.png' ) no-repeat scroll top left;

font: normal 11px/26px Arial;
text-align: center;
color: #334203;
}
.product-users-rate-info .info-vote
{
width: 55px;
height: 18px;
top: 14px;
left: 4px;

background: transparent url( '/layout/product-users-rate-info-vote-background.png' ) no-repeat scroll top left;
}
.ui-slider
{
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle
{
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.ui-slider .ui-slider-range
{
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
}
.ui-slider-horizontal
{
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle
{
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range
{
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min
{
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max
{
right: 0;
}
.user-rate-container
{
position: absolute;
left: 118px;
width: 207px;
height: 46px;
}
#user-rate-slider
{
position: absolute;
width: 130px;
height: 14px;
top: 15px;
left: 10px;
background: transparent url( '/layout/user-rate-slider-track.png' ) no-repeat scroll top left;
border: none;
}
#user-rate-slider .ui-slider-handle
{
width: 17px;
height: 24px;
border: none;
top: -5px;
background: transparent url( '/layout/user-rate-slider-handle.png' ) no-repeat scroll top left;
}
.user-rate-current-vote
{
display: block;
position: absolute;
right: 14px;
top: 13px;
width: 38px;
height: 18px;

text-align: center;
font: bold 13px/18px Verdana;
color: #0f3607;
}
.user-rate-notice
{
position: absolute;
display: block;
right: 65px;

font: bold 13px/42px Verdana;
text-align: right;
color: #334203;
}
.ui-corner-all
{
-moz-border-radius: 0;
}


/********************/
/* PRODUCT PROSCONS */
/********************/


.product-proscons
{
margin-bottom: 10px;
}


/****************/
/* PRODUCT INFO */
/****************/


.product-info
{
width: 620px;
height: 85px;
margin-bottom: 20px;
}
.product-head .product-info
{
position: relative;
float: right;
right: 10px;
width: 390px;
margin: 10px 0 0 0;
}


/************************/
/* PRODUCT MANUFACTURER */
/************************/


.product-info .product-manufacturer
{
position: absolute;
top: 0;
left: 0;

width: 210px;
height: 40px;

background: #e9eff3;

font: normal 11px/40px Verdana;
color: #646667;
}
.product-head .product-info .product-manufacturer
{
position: relative;
float: right;
width: 190px;
margin-left: 10px;
}
.product-info .product-manufacturer .name, .product-info .product-manufacturer a
{
display: block;
position: relative;
}
.product-info .product-manufacturer .name
{
float: left;
left: 10px;
}
.product-info .product-manufacturer a
{
float: right;
right: 10px;

font-weight: bold;
text-decoration: underline;
color: #314f6d;
}


/*****************/
/* PRODUCT PRICE */
/*****************/


.product-info .product-price
{
position: absolute;
bottom: 0;
left: 0;
width: 210px;
height: 40px;

background: #e9eff3;
}
.product-head .product-info .product-price
{
position: relative;
float: right;
width: 190px;
}
.product-info .product-price .label
{
position: absolute;
top: 7px;
left: 10px;
font: normal 11px Verdana;
color: #343434; 
}
.product-info .product-price .label span
{
display: block;
font-size: 10px;
color: #797979;
}
.product-info .product-price p
{
position: relative;
float: left;
padding: 0;
}
.product-info .product-price p.price
{
position: absolute;
top: 7px;
right: 10px;
height: 26px;
padding-right: 10px;

background: transparent url( '/layout/product-price-background-rx.png' ) no-repeat scroll top right;

font: bold 12px/26px Verdana;
color: #ffffff;
}
.product-info .product-price p.price span
{
display: block;
height: 26px;
padding-left: 10px;
background: transparent url( '/layout/product-price-background-lx.png' ) no-repeat scroll top left;
}


/***********************/
/* PRODUCT DESCRIPTION */
/***********************/


.product-info .product-description
{
position: absolute;
top: 0;
right: 0;
width: 390px;
height: 85px;

font: normal 11px/1.4 Verdana;
color: #464646; 
}
.product-head .product-info .product-description
{
position: relative;
float: right;
height: 107px;
text-align: justify;
}
.product-info .product-description a
{
padding: 0 12px 0 5px;
background: transparent url( '/layout/product-website-icon.gif' ) no-repeat center right;
font: bold 11px Verdana;
color: #244463;

text-decoration: underline;
}


/*******************/
/* OVERVIEW PANELS */
/*******************/


.overview-panel
{
width: 620px;
margin-bottom: 20px;
}
.overview-panel h2
{
width: 620px;
}
.overview-panel-common
{
background: transparent url( '/layout/wide-panel-head-background-azure.png' ) no-repeat scroll top left;
}
.overview-panel-common h2
{
color: #285e94;
}
.overview-panel-common .panel-more-link
{
background-image: url( '/layout/panel-head-separator-azure.png' );
color: #294f76;
}
.overview-panel-videos
{
background: #101d2a url( '/layout/wide-panel-foot-background-blue-dark.png' ) no-repeat scroll bottom left;
}
.overview-panel-videos h2
{
background: transparent url( '/layout/wide-panel-head-background-blue-dark.png' ) no-repeat scroll top left;
color: #e6eaee;
}
.overview-panel-videos .panel-more-link
{
background-image: url( '/layout/panel-head-separator-blue-dark.png' );
color: #e6eaee;
}
.overview-panel-videos ul
{
width: 600px;
left: 10px;
}
.overview-panel-videos ul li
{
width: 600px;
height: 119px;
}
.overview-panel-videos ul li .img-container
{
position: relative;
float: left;
display: block;
margin-top: 15px;
width: 152px;
height: 89px;

background: transparent url( '/layout/wide-videos-list-item-background.gif' ) no-repeat scroll top left;
}
.overview-panel-videos ul li .img-container img
{
position: relative;
float: left;
left: 3px;
top: 3px;
}
.overview-panel-videos ul li h3
{
position: relative;
float: right;
margin-top: 15px;
right: 0;
width: 440px;

font: bold 11px/1.4 Verdana;
}
.overview-panel-videos ul li h3 a
{
color: #cddceb;
}
.overview-panel-videos ul li p.video-length
{
position: absolute;
bottom: 15px;
right: 0;
width: 440px;
padding: 0;

color: #529eed;
font: normal 11px Verdana
}
.overview-panel-videos ul li p.video-length span
{
font-style: italic;
}
.overview-panel-galleries
{
background: #687b8f 
}
.overview-panel-galleries h2
{
background: transparent url( '/layout/wide-panel-head-background-blue-light.png' ) no-repeat scroll top left;
color: #e6eaee;
}
.overview-panel-galleries .panel-more-link
{
background-image: url( '/layout/panel-head-separator-blue-light.png' );
color: #e6eaee;
}
.overview-panel-galleries ul li.cl-item
{
width: 620px;
height: 160px;

background: transparent url( '/layout/product-galleries-list-background.png' ) repeat-x scroll top left;
}
.overview-panel-galleries ul li.cl-item .images-list
{
position: absolute;
left: 20px;
top: 17px;
}
.overview-panel-galleries ul li.cl-item .images-list li
{
position: relative;
float: left;
border: 0;
margin: 0 12px 0 0;
padding:0;

width: 136px;
height: 80px;

background: transparent url( '/layout/product-gallery-images-list-item-background.gif' ) no-repeat scroll top left;
}
.overview-panel-galleries ul li.cl-item .images-list li a
{
position: relative;
float: left;
left: 3px;
top: 3px;
}
.overview-panel-galleries ul li.cl-item .images-num
{
position: absolute;
bottom: 0;
left: 15px;
height: 40px;
width: 100px;

font: bold 11px/16px Verdana;
color: #dcf1ff;
}
.overview-panel-galleries ul li.cl-item h3
{
position: absolute;
bottom: 0;
right: 15px;
height: 40px;
width: 470px;

font: normal 11px/16px Verdana;
}
.overview-panel-galleries ul li.cl-item h3 a
{
color: #ffffff;
}