/*************************************************************************************************************************
**WSM OVERRIDES FOR NEW CATEGORY AND PRODUCT PAGE VIEWS
**CREATED BY RYAN JANIS 12-12-2010
**************************************************************************************************************************/

/*************************************************************************************************************************
**ADJUST THE BACKGROUND IMAGE SPRITE FOR THE CATEGORY AND CATALOG AREAS.
**ALSO ADJUST THE BACKGORUND COLORS AND BORDERS COLOR AND STYLE USED THROUGHOUT
**************************************************************************************************************************/

/**Setting Background Image*/
.wsm-cat-switch-view, .wsm-prod-switch-view,
div.product_option_set div.selector,
.wsm-cat-button,
.wsm-prod-button,
.wsm-prod-head-add-images,
.wsm-prod-head-zoom-images,
.wsm-cat-admin-bar,
.wsm-cat-pagination,
ul.wsm-cat-pagination-nav li a,
.wsm-prod-attachments li span  {background-image: url(/files/images/wsm_catalog_sprite_lite.gif); background-repeat:no-repeat;}

/**Set Border Global Border Color*/
.wsm-cat-gallery-view .wsm-cat-list-item,
.wsm-prod-gallery-view .wsm-cat-list-item,
.wsm-tiered-pricing,
.wsm-tiered-pricing h3,
.wsm-prod-options-box h3,
.wsm-tiered-pricing .wsm-tiered-purchase,
.wsm-prod-options-box,
div.product_option_set div.selector,
div.dropdown,
div.product_option_value_extended,
div.product_option div.container,
.wsm-prod-addtnl-images ul li img.wsm_product_thumb_zoom_popup,
.wsm-cat-atc-wrapper,
.wsm-cat-admin-bar,
.wsm-cat-pagination,
.wsm-cat-list .wsm-cat-list-item,
.wsm-prod-list .wsm-cat-list-item,
.wsm-no-tabs-container h2.wsm-tab-content-header  {border-color:#ccc; border-style:solid;}/*Light Border*/


.wsm-tiered-pricing .row_1,
.wsm-prod-options-box,
.wsm-cat-admin-bar,
.wsm-cat-atc-wrapper h2,
.wsm-no-tabs-container h2.wsm-tab-content-header   {background-color:#f1f1f1}/*Very lighte backgorund color*/



/*************************************************************************************************************************
**STYLING THE BUTTONS USED IN THE CATEGORY AND PRODUCT PAGE VIEWS
**************************************************************************************************************************/
form.product_form {display:inline;}

button.wsm-cat-button, button.wsm-prod-button {background-color:transparent; border:none;padding:0;overflow:hidden; height:25px; cursor:pointer;overflow: visible; width: 0;}/* IE table-cell margin fix */
button.wsm-cat-button[class], button.wsm-prod-button[class]{width: auto;}/* IE ignores [class] - cancel margin fix for other browsers */

button.wsm-addtocart-button, button.wsm-config-button,
button.wsm-details-button, button.wsm-addtocartprice-button,
button.wsm-keepincart-button, button.wsm-moreinfo-button,
button.wsm-justcurious-button    {text-indent:-1000em; font-size:0px;}

button.wsm-addtocart-button {width:126px !important; background-position:left -110px;}
button.wsm-addtocart-button:hover {background-position:left -145px;}
button.wsm-addtocart-button.wsm-prod-button {display:block; margin-bottom:10px;float:left;margin-right:20px;}


button.wsm-addtocartprice-button {width:163px !important; background-position:left -40px;}
button.wsm-addtocartprice-button:hover {background-position:left -75px;}
button.wsm-addtocartprice-button.wsm-prod-button {display:block;}

button.wsm-config-button {width:188px !important; background-position:left -250px;}
button.wsm-config-button:hover {background-position:left -285px;}

button.wsm-details-button {width:98px !important; background-position:left -180px;}
button.wsm-details-button:hover {background-position:left -215px;}

button.wsm-addwishlist-button, button.wsm-tellafriend-button, button.wsm-inquiry-button {font-size:.9em;padding:0 0 0 20px;height:16px;margin-right:10px;}
button.wsm-addwishlist-button {background-position:left -495px;clear:left;}
button.wsm-tellafriend-button {background-position:left -468px}
button.wsm-inquiry-button {background-position:left -520px}


button.wsm-keepincart-button {width:243px !important; background-position:left -320px;}
button.wsm-keepincart-button:hover {background-position:left -355px;}

button.wsm-justcurious-button {width:203px !important; background-position:left -390px;}
button.wsm-justcurious-button:hover {background-position:left -425px;}

button.wsm-moreinfo-button {width:78px !important; background-position:right -180px;}
button.wsm-moreinfo-button:hover {background-position:right -215px;}


/*************************************************************************************************************************
**STYLING PAGINATION CONTROLS ON CATEGORY AND PRODUCT LIST VIEWS
**************************************************************************************************************************/
.wsm-cat-admin-bar {background-position:left -737px; background-color:#ccc;background-repeat:repeat-x; border-width:1px 1px 0 1px;}
.wsm-cat-pagination {background-position:left bottom; background-repeat: repeat-x;border-width:0 1px 1px 1px;border-top:1px solid #ddd}

ul.wsm-cat-pagination-nav li a span {display:none;}
ul.wsm-cat-pagination-nav li a {padding:6px 5px;display:inline-block;}
ul.wsm-cat-pagination-nav li.wsm-cat-pag-next a {background-position: right -584px;}
ul.wsm-cat-pagination-nav li.wsm-cat-pag-last a {background-position: right -563px;}
ul.wsm-cat-pagination-nav li.wsm-cat-pag-prev a {background-position: left -584px;}
ul.wsm-cat-pagination-nav li.wsm-cat-pag-first a {background-position: left -563px;}


/*************************************************************************************************************************
**SPECIFIC PRODUCT PAGE STYLES
**************************************************************************************************************************/
.wsm-prod-head-add-images, .wsm-prod-head-zoom-images {background-position:left -545px; padding:0 20px;}

/*************************************************************************************************************************
**OPTION SET OVERRIDES
**************************************************************************************************************************/
div.product_option_set div.selector {background-position: right -637px;}

/*************************************************************************************************************************
**MISC STANDARD SPECIFIC OVERRIDES
**************************************************************************************************************************/
ul.wsm-prod-image-bar {list-style:none !important;padding:0 !important;margin:0 !important;}
ul.wsm-prod-image-bar li {list-style:none !important;}
ul.wsm-cat-brand-list {margin:0 !important; list-style:none !important;padding:0 !important;}
ul.wsm-cat-brand-list li {margin:0 0 5px 0 !important; list-style:none !important;padding:0 !important; float:left;}
h1.wsm-prod-title, h1.wsm-store-header {background:none;}
h1.wsm-prod-title {font-size:1.3em;}

.wsm_resources_title {display:none;}

/**News Page
**********************/
.wsm_news_list_body span {font-size: 1em !important; line-height: 1.3em;}

/**Events Widget
**********************/
#widget_event_wrapper_id1 {border:1px solid #ccc;}

/**Calendar PAge
******************/
#wsm_calendar {margin:0;}
#wsm_calendar  td {vertical-align:middle;}
.wsm_calendar_search_form {padding:5px;background:#ddd;margin:0;}
table#wsm_calendar_month_view {border:1px solid #ddd;border-collapse:none;}
table#wsm_calendar_month_view th {background:#c10a0c;color:#fff;text-align:center;font-weight:normal;}
h3.wsm_calendar_date_month {margin:0;background:#666;color:#fff;}
hr.wsm_calendar_line {margin:0;}
a.wsm_calendar_next, a.wsm_calendar_prev {background:#999;color:#fff;display:block;padding:6px;font-weight:bold;}
a.wsm_calendar_next:hover, a.wsm_calendar_prev:hover {background:#c10a0c;text-decoration:none;color:#fff;}
.wsm_resource img:hover {background:#534741;}


/**News
*****************************************/
.wsm_news_list_date {background: url("/images/ui/catalog/bg_brown_collage.png") repeat-x scroll 0 -173px #333333;border: 1px solid #343402;float: left;padding: 2px 0;text-align: center;width: 45px;}
.wsm_news_list_month, .wsm_news_list_year{font-size:.83em;color:#fff;}
.wsm_news_list_month {background:#c1241d;color:#fff;}
.wsm_news_list_year {color:#999;}
.wsm_news_list_day{font-size:1.67em;font-weight:bold;color:#fff;}

/**********************************************************************
**Faq Moduel
**********************************************************************/
.faq_contents_main_cats {margin-left:10px;}
.faq_contents_main_cats li {font-size:1.33em;font-weight:bold;}
.faq_contents_main_cats li li {font-size:.83em;margin-left:30px;list-style:decimal;font-weight:normal;}

/*********************************************************************************
**Interface Changes
*********************************************************************************/
.wsm_interface_header {background:#0f1144 !important; color:#fff !important;-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.wsm_interface_choice a {font-size:1.3em;}
.wsm_interface_info, #wsm_message{background-color:#fef6ab;border:solid 2px #fde100;color:#f56301;}
.wsm_interface_success, #wsm_global_message{background-color:#fef6ab;border:solid 2px #fde100;color:#f56301;}

/***********************************************************************
**Built in  Attribute Selector/Select Vehicle
***********************************************************************/
.wsm_widget_attribute_selector {background: #000 url(/files/images/bg-shop-by-vehicle.jpg) left top repeat-x; margin: 0 0 10px 0; overflow: auto; padding: 5px 5px 10px;}
.wsm_widget_attribute_selector .wsm_widget_attribute_selector_clear, .wsm_widget_attribute_selector .wsm_widget_attribute_selector_shop {background-color: transparent; border: none; color: #fff; cursor: pointer; float:right; font-size: 9px; margin-right: 10px; padding: 13px 0 0 0; text-transform: uppercase; width: 85px;}
.wsm_widget_attribute_selector .wsm_widget_attribute_selector_shop {background-color: #f79b1e;background-position: 0 -225px; border: 1px solid #cdc4bb; color: #2d2e30; float: left; font-size: 10px; padding: 2px 10px; margin: 10px 0 0 0; width: 70px;}
.wsm_widget_attribute_selector .wsm_widget_attribute_selector_shop:hover {background-position: 0 -269px;}
.wsm_widget_attribute_selector .wsm_widget_attribute_selector_label {margin: 5px 0;}
.wsm_widget_attribute_selector select {background: #fff; border: 1px solid #999; width: 165px;}

/*********************************************************************
**Vertical Attribute Box
**********************************************************************/
/*********************************************************************
**Horizontal Your Selection Box
**********************************************************************/
.wsm-attr-bar {background:#ccc url(/files/images/wsm_catalog_sprite_lite.gif) repeat-x 0 -737px; color:#fff;font-weight:bold;overflow:hidden;padding:0;}
.wsm-attr-bar li {display:block; float:left; padding:5px;margin:0; padding:3px;}
.wsm-attr-bar li.wsm-attr-bar-title {background:url(/files/images/ech_repeat_x_sprite.png) repeat-x 0 -60px; padding:0;}
.wsm-attr-bar li.wsm-attr-bar-title span {text-transform:uppercase; background: url('/files/images/bg-hdr-logo.jpg') no-repeat right bottom; padding:3px; display:block;}
.wsm-attr-bar li a {color:#333;}
.wsm-attr-bar li .wsm-attr-bar-qual-delete a{color:#C00;}
.wsm-attr-bar li.wsm-attr-bar-title span.wsm-attr-bar-sep {display:none;}

/**************************************************************
**Horizontal Attribute Widget
**************************************************************/
.attribute_widget_horizontal {border: 2px solid #CCCCCC; clear: both; float: left; height: 52px; margin: 0 0 10px 0; width: 100%; }
.attribute_widget_horizontal h3 {width:248px; height:52px; overflow:hidden; text-indent:-999em; float:left; background: url(/files/images/select_vehicle_attribute_header.jpg) no-repeat scroll 0 0 transparent; }
/**Overriding Attribute Widget Styles here**/
.attribute_widget_horizontal .wsm_widget_attribute_selector {background: #ccc; width:auto; padding: 4px; margin:0;}
.attribute_widget_horizontal .wsm_widget_attribute_selector select {float:left; margin:10px 3px; font-size:1.1em;width:100px;}
.attribute_widget_horizontal .wsm_widget_attribute_selector_shop {margin:10px 0 0 5px; width:90px; height:21px;}
.attribute_widget_horizontal .wsm_widget_attribute_selector_clear {margin:13px 0 0 0; font-size:.83em;display:none;}



/**************************************************************
**Widget Category Refine Menu
**************************************************************/
.widget_cat_refine, .widget_cat_refine ul {list-style:none;margin:0;padding:0;}
.widget_cat_refine li {margin:0;padding:0;display:block;}
.widget_cat_refine li li {margin:0 0 0 5px}
.widget_cat_refine a {display:block;font-weight:bold;padding:3px 5px}
.widget_cat_refine li.widget_cat_refine_active {margin-left:.9em;}
.widget_cat_refine li.widget_cat_refine_active a {text-decoration:underline;}
.widget_cat_refine li.widget_cat_refine_active ul {margin:3px 0 10px 0;}

.widget_cat_refine li.widget_cat_refine_active li a,
.widget_cat_refine_brands li a {font-weight:normal; text-decoration:none}
.widget_cat_refine li.widget_cat_refine_active li a:hover, 
.widget_cat_refine_brands li a:hover {text-decoration:underline; font-weight:normal;}
.widget_cat_refine_brands { margin:0px 0 0 .9em !important;}
.widget_cat_refine_brands span { color:#1955b4;font-weight:bold;}

/**Style The Refine Menu**/
.widget_cat_refine li.widget_cat_refine_parent1 a,
.widget_cat_refine li.widget_cat_refine_parent2 a,
.widget_cat_refine li.widget_cat_refine_parent3 a,
.widget_cat_refine li.widget_cat_refine_parent4 a,
.widget_cat_refine li.widget_cat_refine_parent5 a {color:#fff;font-weight:bold;border-bottom-width:1px; border-bottom-style:solid;padding:3px 5px}

/**Breadcrumb Categories Background and Border Colors**/
.widget_cat_refine li.widget_cat_refine_parent1 a {background:#333;border-bottom-color: #ccc;}
.widget_cat_refine li.widget_cat_refine_parent2 a {background:#555;border-bottom-color: #ccc;}
.widget_cat_refine li.widget_cat_refine_parent3 a {background:#777;border-bottom-color: #ccc;}
.widget_cat_refine li.widget_cat_refine_parent4 a {background:#999;border-bottom-color: #ccc;}

.wsm-prod-buttons .wsm-prod-quantity {float:left; margin-right:20px;}
.wsm-cat-price-save-percent {display:none !important;}
.wsm-cat-price-save-amount {display:none !important;}

.wsm-prod-stock-id {display:none;}

.cross_sell {float:left;}