/*********************************************************************
CATALooK.netStore - http://www.catalook.de  http://www.dnnsoft.com                   
Copyright (c) 2003-2011 CATALooK Software Susanne Koehler                                                                                                      
support@catalook.de                                                                                                                                            
**********************************************************************/

/* =================================
    CSS STYLES FOR CATALooK.netStore 
    v6.3.0, 02/2011
   =================================
*/

/* style of item titles */
.CATIPSubHead {
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #595757;
}

/* Style of the inner module chapter main title row */
.CATIPHeader {
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica;
    padding: 10px 0;
}

    .CATIPHeader span {
        color: #595757;
        display: inline;
        font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica;
        font-size: 14px;
        font-weight: bold;
        white-space: nowrap;
    }

.OptionBody {
    font-weight: normal;
    font-size: 12px;
    color: #595757;
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica;
}

#ProductOptionsLeftCell {
    padding: 3px;
    width: 120px;
    float: left;
    text-align: left;
    white-space: nowrap;
}

#ProductOptionsRightCell {
    text-align: left;
    float: left;
}

.CATOnlinePrice {
    color: #555555;
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica;
    font-size: 22px;
    font-weight: bold;
}

.CATProductName, a.CATProductName:link, a.CATProductName:active, a.CATProductName:visited, a.CATProductName:hover {
    color: #555555 !important;
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica !important;
    font-size: 22px !important;
    font-weight: bold !important;
}

.CATListProductName, .CATListProductName a {
    color: #555555 !important;
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

.CATConfigProductName, .CATConfigProductName a {
    color: #555555 !important;
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica !important;
    font-size: 10px !important;
    font-weight: bold !important;
}

.iPanePL0Item {
    /* height: 400px; */
    width: 300px;
    margin: 0 0 2px 2px;
    text-align: center;
}

.TabStrip .CAT_content {
    /*  height: 470px; */
}

.trProductImage .CAT_content {
    width: 240px;
    height: 280px;
    position: relative;
}

    .trProductImage .CAT_content img {
        padding: 5px 0 0 5px;
    }

/* IE added */
.trProductImage {
    width: 240px;
    margin-bottom: 6px;
}

/* IE added */
.TabStrip {
    width: 340px;
}


.MultiPageScrollArea {
    height: 140px; /* do not use max-height here because of IE8 bug */
    width: 310px;
    overflow: scroll;
    border-top: #707596 2px solid;
}

.RadMultiPageItemDetails {
    font-weight: bold !important;
    width: 100%;
    margin: 10px 0 50px 0;
    padding: 5px 0 0 0;
}

.TabStrip .CATRowHighLight {
    border-bottom: 0px !important;
}

.TabStrip .CATSubHead {
    font-size: 12px;
    font-weight: bold;
    color: #939393;
    text-transform: none;
}

.TitleColumn {
    width: 100px;
    float: left;
    text-align: right;
    vertical-align: middle;
    padding: 0 10px 0 0;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

.HorizontalRule {
    border-top: #707596 1px solid;
    border-bottom: transparent;
    line-height: 1px;
    margin: 4px 0 4px 0;
}

.HorizontalSpacer {
    margin-top: 8px;
}

/* =====================================
    css table free skin related css tags
   =====================================*/

#tblgridProductProperties, #tbllistProductProperties, #tbldetailProductProperties, #tbldetailProductPrice {
    display: table;
    border-collapse: collapse;
}

#tbllistProductProperties {
    /* float: right; */
}

.CATTableRow {
    display: table-row;
}

.CATTableLeftCell, .CATTableRightCell {
    display: table-cell;
    padding: 3px;
}

.CATTableLeftCell {
    text-align: left;
}

#tblgridProductProperties .CATTableLeftCell {
    width: 80px;
    vertical-align: middle;
}

.CATTableRightCell {
    text-align: left;
}

#tblgridProductProperties .CATTableRightCell {
    vertical-align: top;
}

.CATInlineItemLeft /* use different tags for real inline items and columns */ {
    float: left;
    padding: 4px 0 4px 2px; /* different padding to justify text, icons, textboxes, drop down list etc.  	/* vertical-align: middle; */
    overflow: visible;
}

.CATInlineIconLeft {
    float: left;
    padding: 2px 0 2px 1px;
}

.CATInlineItemRight /* use different tags for real inline items and columns in detail, list and grid view */ {
    float: right;
    padding: 4px 0 4px 2px;
}

.CATInlineIconRight {
    float: right;
    padding: 2px 0 2px 1px;
}


/* There are several CSS properties and property values that lead to the fact that an item is regarded as a separate block formatting context.
Including float itself and overflow with a different value than visible #pnlOptions becomes the own block formatting context and clear it works locally.
To make #CATrowOptionsTitle an own context include #lblOptionsTitle and all other controls inside of #CATrowOptionsTitle into an own div container, add an id to the last item
e.g. #CATOptionsTitle and change the line below to: #CATOptionsTitle:after { content:"clear"; clear:left; display:block; height:0; overflow:hidden; font-size:0; } */
#CATrowOptionsTitle:after {
    content: "clear";
    clear: left;
    display: block;
    height: 0;
    overflow: hidden;
    font-size: 0;
}

#CATrowOptionsTitle {
    /* display: none; */
}

/* layout control width */
.trdesc {
    max-width: 340px;
}

.DescriptionHTML {
    /*max-width: 340px;*/
    max-with: 100%;
    margin: 4px;
}

.pnlEmailToAFriend {
    margin: 4px;
}

.pnlOptions {
    margin: 4px;
}

.MDView {
    margin: 4px;
}

.DTButtons {
    margin: 4px;
}

.DTAddToCart {
    margin: 4px;
}

.rowSocialShare {
    margin-top: 6px;
    width: 340px;
}

.RadSocialShare_Default {
	border: none !important;
}

#___plusone_0 {
	padding-top: 8px !important;
}

.CAT_content_width {
    /*	padding-top: 15px; 	min-height: 350px; */
}

#DTViewLeftColumn {
    float: left;
    width: 250px;
    margin: 0 5px 0 5px;
}


#DTViewRightColumn {
    float: left;
    width: 350px;
    margin: 0 5px 0 30px;
}



/* Black Frame (Media Gallery + additional images + product list items) */
.CAT_top_left_corner_black {
    padding: 0;
    margin: 0;
    background: url(images/top_left_corner_black.png) no-repeat top left;
}

.CAT_top_right_corner_black {
    padding: 0;
    margin: 0;
    background: url(images/top_right_corner_black.png) no-repeat top right;
}

.CAT_top_bg_black {
    padding: 0;
    margin: 0 4px 0 4px;
    background: #FFF url(images/top_bg_black.png) repeat-x top;
    height: 4px;
}

.CAT_center_bg {
    padding: 0;
    margin: 0;
    clear: both;
}

.CAT_left_bg_black {
    padding: 0;
    margin: 0;
    background: url(images/left_bg_black.png) repeat-y top left;
}

.CAT_right_bg_black {
    padding: 0;
    margin: 0;
    background: url(images/right_bg_black.png) repeat-y top right;
}

.CAT_bottom_left_corner_black {
    padding: 0;
    margin: 0 0 0 0;
    background: url(images/bottom_left_corner_black.png) no-repeat top left;
}

.CAT_bottom_right_corner_black {
    padding: 0;
    margin: 0;
    background: url(images/bottom_right_corner_black.png) no-repeat top right;
    padding: 0 4px 0 4px;
}

.CAT_bottom_bg_black {
    padding: 0;
    margin: 0;
    background: url(images/bottom_bg_black.png) repeat-x top left;
    height: 4px;
}

.CAT_content_pad_black {
    padding: 0 4px 0 4px;
    margin: 0 0 0 0; /*	background: #FFF; */
}

.CAT_content_width {
    /*	padding-top: 15px; 	min-height: 350px; */
}


/* Black Frame (tabbing menu) */
.TabStrip .CAT_top_left_corner_black {
    padding: 0;
    margin: 0;
    background: url(images/top_left_corner_black.png) no-repeat bottom left;
    height: 27px;
}

.TabStrip .CAT_top_right_corner_black {
    padding: 0;
    margin: 0;
    background: url(images/top_right_corner_black.png) no-repeat bottom right;
    height: 27px;
}

.TabStrip .CAT_top_bg_black {
    padding: 0;
    margin: 0 4px 0 4px;
    background: #FFF url(images/top_bg_black.png) repeat-x bottom;
    height: 27px;
    vertical-align: top;
}

.TabStrip .CAT_left_bg_black {
    padding: 0;
    margin: 0;
    background: url(images/left_bg_black.png) repeat-y top left;
}

.TabStrip .CAT_right_bg_black {
    padding: 0;
    margin: 0;
    background: url(images/right_bg_black.png) repeat-y top right;
}

.TabStrip .CAT_bottom_left_corner_black {
    padding: 0;
    margin: 0 0 0 0;
    background: url(images/bottom_left_corner_black.png) no-repeat top left;
}

.TabStrip .CAT_bottom_right_corner_black {
    padding: 0;
    margin: 0;
    background: url(images/bottom_right_corner_black.png) no-repeat top right;
    padding: 0 4px 0 4px;
}

.TabStrip .CAT_bottom_bg_black {
    padding: 0;
    margin: 0;
    background: url(images/bottom_bg_black.png) repeat-x top left;
    height: 4px;
}

.TabStrip .CAT_content_pad_black {
    padding: 0px 20px 0px 20px;
    margin: 0 0 0 0; /*	background: #FFF; */
}



/* Outlines active image in additional images and gallery (mediamenu) control */
.catip_thumbactive {
    border: 4px solid #99ffff !important;
}

/* fill space */
.catip_thumbinactive {
    border: 4px solid transparent !important;
}

/* ======== HPD Added Stuff =========== */

.HPD-CAT-ItemPane-Listview-Item-Wrapper {
/*    background-color: #FFFFFF;
    width: 100%;
    clear: both;
    padding-top: 6px;
    padding-bottom: 6px; */
	height: 90px;

}

.HPD-CAT-ItemPane-Listview-ItemImage-Wrapper {
	float: left;
	padding: 0px 0px 0px 0px; 
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
	width: 90px;
	height: 90px;
}

.HPD-CATInlineItemLeft /* use different tags for real inline items and columns */ {
    float: left;
    padding: 4px 0px 4px 4px; /* different padding to justify text, icons, textboxes, drop down list etc.  */
    /* vertical-align: middle; */
    overflow: visible;
}

.HPD-CATInlineItemRight {
    float: right;
    padding: 4px 4px 4px 4px;
}

.HPD-CAT-ItemPane-Listview-Price br {
 	Display: none;
}

.HPD-CAT-ItemPane-Listview-Price .CATProductListItem, .HPD-CAT-ItemPane-Listview-Price .CATNormalBold {
	font-weight: bold;
	font-size: 13px;
	color: red;
}

.HPD-CAT-ItemPane-Listview-Price strike {
	font-weight: normal;
	font-size: 11px;
	margin-right: 5px;
	color: black;
}

.HPD-CAT-ItemPane-Listview-Table td {
	background-color: #FFFFFF;
	border-bottom: 1px solid #808080;
        padding-top: 6px;
        padding-bottom: 6px;
}

.HPD-CAT-ItemPane-Listview-Checkbox-TD {
	vertical-align: middle;
	padding-left: 4px;
	padding-right: 4px;
}

.HPD-CAT-ItemPane-Listview-ItemImage-TD {
	vertical-align: top;
}

.HPD-CAT-ItemPane-Listview-ItemProductName-TD {
	vertical-align: top;
	text-align: left;
	padding-left:4px;
	padding-right: 4px;
}

.HPD-CAT-ItemPane-Listview-ItemPrice-TD {
	vertical-align: top;
	text-align: right;
	padding-right: 4px;
}

.HPD-CATTableLeftCell, .HPD-CATTableRightCell {
    display: table-cell;
    padding: 0px 3px 3px 3px;
}

.CATContainerBorder input[type='text'], .HPD-CAT-ItemPane-Listview-Item-Wrapper input[type='text'] {
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 0px;
}

.HPD-CAT-ItemPane-Listview-ProductCode {
	vertical-align: middle;
	text-align: right;
	height: 36px;
}

.HPD-CAT-ItemPane-Listview-ProductCodeLabel {
	display: inline;
	text-align: right;
}

.HPD-CAT-ItemPane-Listview-ProductCodeNumber {
	display: inline-block;
	text-align: right;
	min-width: 60px;
	white-space: nowrap;
}

.HPD-CAT-ItemPane-Listview-Wishlist-AddToCart {
	vertical-align: top;
	height: 26px;
}

.HPD-CAT-ItemPane-Listview-Wishlist-Icon {
	vertical-align: top;
	display: inline;
	padding: 0px 4px 0px 0px;
	height: 26px;
}

.HPD-CAT-ItemPane-Listview-CartQty {
	vertical-align: top;
	display: inline;
	padding: 0px 0 0px 0px;
	height: 26px;
}

.HPD-CAT-ItemPane-Listview-AddToCart-Icon {
	vertical-align: top;
	display: inline;
	padding: 0px 0 0px 4px;
	height: 26px;
}

.HPD-CAT-ItemPane-Listview-ProductName {
	height: 60px;
}

.HPD-CAT-ItemPane-Listview-Validation {

}

.HPD-CAT-ItemPane-Listview-HeaderControls-Wrapper {
	padding-top: 6px;
	border-bottom-color: #828282;
	border-bottom-style: solid;
	border-bottom-width: 1px;

}

.HPD-CAT-ItemPane-Listview-HeaderControls-Wrapper .CATIPSubHead, .HPD-CAT-ItemPane-Listview-HeaderControls-Wrapper .CATSubSubHead {
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-weight: normal;
	font-size: 11px;
	color: #595757;
}

.HPD-CAT-ItemPane-Listview-HeaderControls-Wrapper .CATNormalDropDownList {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 4px;
	padding-left: 4px;
	margin: 0px;
	vertical-align: top;
}

.HPD-CAT-ItemPane-Listview-HeaderControls-Wrapper td {
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 0px;
}

.HPD-CAT-ItemPane-Listview-HeaderControls-Right {
	float: right;
}

.HPD-CAT-ItemPane-Listview-HeaderControls-Left {
	float: left;
}

.HPD-CAT-ItemPane-Listview-HeaderControls-Compare {

}

.HPD-CAT-ItemPane-Listview-FooterControls-Compare{
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-color: #828282;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.HPD-CAT-ItemPane-Listview-FooterControls-Pager .CATPagingTable, .HPD-CAT-ItemPane-Listview-HeaderControls-Pager .CATPagingTable {
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-color: #828282;
	border-bottom-style: solid;
	border-bottom-width: 1px;	
}

.HPD-PruductLinkRow {

}

.ProductMediaGallery {

}