/* 

STYLESHEET INFORMATION HEADER:
LAST UPDATED: 1/16/2009
LAST MODIFIED BY: AR

This sheet holds the styles for the areas in the following order:

CART, ERROR STYLES, PRODUCT CAROUSEL, PRODUCT SHOTS, PRODUCT FLYOUT, PRODUCT BUTTONS,
PRODUCT DETAILS BOX SIZE AND TOOL TIP, POPUP WINDOW STYLE, SCREENSHOT WINDOW, 
and a "MISC" section for the class (.mainTitle);

*/

/* CART
----------------------------------------------------------*/

.itemsInCartHorizontal
{
    float: right;
    margin: 0px;
    padding-top: 0px; /*padding-left:10px;*/
    vertical-align: text-top;
}

.addOtemsWidthHorizontal
{
    width: 215px;
}

.itemsInCartVertical
{
    padding-top: 20px;
}

.addOtemsWidthVertical
{
    width: 105px;
}

/* ERROR STYLES: yet to be determined on color
----------------------------------------------------------*/

.errorFields
{
	color: #c00;
	font-size: 10pt;
	vertical-align: top;
}


/* PRODUCT CAROUSEL
----------------------------------------------------------*/
.productCarousel
{
}

.productCarousel td
{
    text-align: center;
}

/* PRODUCT SHOTS
----------------------------------------------------------*/
.productShot
{
    width: 150px;
    white-space: normal;
    vertical-align: bottom;
    text-align: center;
    float: left;
    padding: 1em;
}

.productShotTitle
{
    font-weight: bold;
    white-space: normal;
}

/* PRODUCT FLYOUT
----------------------------------------------------------*/
/*
.flyout
{
	width:220px;
}

.flyoutInfo
{
	width:220px;
}

.flyoutSectionTitle
{
    font-weight: bold;
}

.flyoutTitle
{
    width: 100px;
    float: left;
    clear: both;
}

.flyoutDescription
{	
	width:220px;
    margin-top: 20px;
}

.flyoutDescriptionOverflow
{	
    width: 100%;
    height: 200px; 
    overflow-y: auto; 
    overflow-x: none; 
}

.flyoutButtons
{
    margin-top: 20px;
    width: 300px;
}
*/


/* PRODUCT BUTTONS
----------------------------------------------------------*/
.productButtons
{
    white-space: nowrap;
    font-size: 0.9em;
    width: 220px;
    
}

.productButtons_vertical
{
    white-space: normal;
    font-size: 0.9em;
    width: 110px;
}

.productButtons .column
{
    width: 110px;
    float: left;
}

.productButtons .cartQuantity
{
    font-weight: bold;
    margin: 5px 0px 0px 0px;
    padding-left: 20px;
    color: #c00;
}

.productButtons .cart
{
    margin: 5px 0px 3px 0px;
    padding: 0px 0px 0px 0px;
    height: 40px;
    background-image: url( '../images/CartButton.gif' );
    background-repeat: no-repeat;
    vertical-align: top;
    line-height: 20px;
}

.productButtons .ieInputDiv
{
    margin: 0;
    padding: 0;
    line-height: 16px;
}

.productButtons .cartInput
{
    margin: 2px 0px 0px 0px;
    padding: 0;
    height: 14px;
    width: 20px;
    text-align: center;
    vertical-align: top;
    display: inline;
    line-height: 16px;
    border: solid 1px #999;
    font-size:9pt;
}

.productButtons .cartLink
{
    margin: 0px 0px 0px 3px;
    padding: 2px 0px 0px 0px;
    vertical-align: text-bottom;
}

.productButtons .wishlist
{
    margin: 0px 0px 5px 0px;
    padding-left: 20px;
    color: #c00;
    text-decoration: none;
    font-weight: bold;
}

.productButtons .wishlist a
{
    color: #c00;
    font-size: 0.8em;
}

.productButtons .wishlist a:hover
{
    color: #c00;
    text-decoration: underline;
    font-weight: bold;
}
.productButtons .verticalspacer
{
    clear: both;
}

/* PRODUCT DETAILS BOX SIZE AND TOOL TIP
----------------------------------------------------------*/

.boxSizeToolTip
{
    width: 125px;
    height: 75px;
    padding: 2px;
    margin: 0px;
}

/* POPUP WINDOW STYLE
----------------------------------------------------------*/

.popupWindow
{
    border: solid 10px #016eaf;
    background-color: #FFF;
}

/* SCREENSHOT WINDOW
----------------------------------------------------------*/

.screenshotWindow
{
    z-index: 8500;
}


input.text, input.select
{
    padding: 2px;
    margin: 0px;
}

input
{
    padding: 0px;
    margin: 0px;
}

/* MISC: Should this be moved to the main stylesheet?
----------------------------------------------------------*/

.mainTitle
{
    font-size: 1.4em;
    color: #000;
    font-weight: bold;
}