﻿/*
*********************
Global HTML
*********************
*/

/* Reset Some Styles */

div#revolverAddOn
{
	margin: 0, 0, 0, 0;
}

div#revolverAddOn ul, div#revolverAddOn ol, div#revolverAddOn p, div#revolverAddOn table, div#revolverAddOn li, form#filterForm select, form#filterForm input, div#revolverAddOn h1, div#revolverAddOn h2, div#revolverAddOn h3, div#revolverAddOn h4, div#revolverAddOn h5, div#revolverAddOn form, div#revolverAddOn fieldset, div#revolverAddOn img, div#inactiveAttributes div, div#inactiveAttributes h1, div#inactiveAttributes h2, div#inactiveAttributes h3, div#inactiveAttributes h4, div#inactiveAttributes h5
{
	border: none;
	margin: 0;
	padding: 0;
	font-size: 17px;
	color: #4776BD;
	font-family: Calibri, Arial, Verdana;
}

/* Declare some general settings */

div#revolverAddOn a
{
	font-weight: normal;
	font-size: 11px;
}
div#revolverAddOn a:active, div#revolverAddOn a:link, div#revolverAddOn a:visited, div#filterSearchProducts a
{
	text-decoration: none;
}
div#revolverAddOn a:hover
{
	color: #d6d4c2;
}
div#revolverAddOn h1, div#revolverAddOn h2, div#revolverAddOn h3, div#revolverAddOn h4, div#revolverAddOn h5
{
	margin-bottom: 0px;
	font-size: 17px;
	color: #4776BD;
	font-family: Calibri, Arial, Verdana;
}
.cl
{
	clear: both;
}
hr.cl
{
	height: 1px;
	color: #000000;
	background-color: #000000;
	border: none;
}
br.cl
{
	height: 1px;
	color: #000000;
	background-color: #000000;
	border: none;
}
span.pipeSpace
{
	margin: 0 6px;
}
div#revolverAddOn ul, div#revolverAddOn ol, div#revolverAddOn p
{
	margin-bottom: 1em;
}
div#revolverAddOn ul, div#revolverAddOn ol
{
	margin-left: 1em;
}
div#revolverAddOn ul
{
	list-style-type: disc;
}
div#revolverAddOn ol
{
	list-style-type: decimal;
}

div#revolverAddOn form input, div#revolverAddOn form select, div#revolverAddOn form label, div#revolverAddOn form img, div#revolverAddOn table td, div#revolverAddOn table img
{
	vertical-align: middle !important;
}

/* Common Color */

div#revolverAddOn a:active, div#revolverAddOn a:link, div#revolverAddOn a:visited, div#inactiveAttributes, div#inactiveAttributes div.attributeBox ul li a:hover
{
	color: #637276;
}
div#revolverAddOn, div#revolverAddOn div.pagination a, div#inactiveAttributes
{
	color: #6d6d6d;
}
form#filterForm select, div.productResultInfo
{
	color: #000000;
}

/* Common Border */

div#filterControl, form#filterForm select, form#filterForm input, div#revolverAddOn img.productResultIcon, div#filterSearchProducts, div#activeAttributes
{
	border: solid 1px #c2c0b0;
}

div#subEntities
{
	border: solid 4px #ffffff;
}

div#filterControl, div#filterSearchProducts, div#subEntities, div#revolverAddOn div#subEntities li.parentEntity, div#activeAttributes, div#revolverAddOn div#activeAttributes h3, div#revolverAddOn div.attributeBox h4, div#inactiveAttributes div.attributeBox, div#inactiveAttributes h3
{
	-moz-border-radius: 4px;
}

/*
*********************
Filters
*********************
*/

div#filterControl
{
	padding: 4px;
	font-size: 11px;
	background: #b5db16 url(images/filter-box-bg.png) repeat-x 0 0;
	float: left;
	color: #000000;
	background-color: #ffffff;
}

form#filterForm select, form#filterForm input form#filterForm
{
	margin: 2px;
	padding: 0px;
	height: 17px;
	color: #000000;
	border: solid 1px #141414;
	background-color: #dddddd;
}

form#filterForm input#filterSearchTerm
{
	margin: 2px;
	padding: 0px;
	height: 17px;
	color: #000000;
	width: 300px;
	border: solid 1px #141414;
	background-color: #ffffff;
}

div#filterControl fieldset + fieldset
{
	padding: 5px;
	background-color: #b5db16;
	color: #000000;
}

div#filterControl fieldset label
{
	color: #3f3d3d;
	font-weight: bold;
}

div#filterControl fieldset
{
	padding: 2px;
	color: #000000;
	background-color: #b5db16;
}

/* Pagination */
div#revolverAddOn div.pagination
{
	float: right;
	font-family: Arial, Verdana;
	font-size: 15px;
	color: #b5db16;
	font-weight: bold;
	height: 25px;
	margin: 10, 10, 10, 10;
	background: #000000 url('/skins/skin_2/images/chat-help.png') no-repeat;
	padding-left: 20px;
}
div#revolverAddOn span.pagingSep
{
	margin: 0 15px;
}
div#revolverAddOn div.pagination a
{
	font-family: Arial, Verdana;
	font-size: 15px;
	color: #5caaf7;
	font-weight: bold;
}
div#revolverAddOn div.pagination a:visited
{
	font-family: Arial, Verdana;
	font-size: 15px;
	color: #5caaf7;
	font-weight: bold;
}
div#revolverAddOn div.pagination a:hover
{
	font-family: Arial, Verdana;
	font-size: 15px;
	color: #ffffff;
	font-weight: bold;
}

div#revolverAddOn div.pagination a#currentPage
{
	font-family: Arial, Verdana;
	font-size: 15px;
	color: #b5db16;
	font-weight: bold;
}

div#revolverAddOn a#currentPage
{
	font-family: Verdana, Arial, Verdana;
	font-size: 12px;
	color: #b5db16;
	font-weight: bold;
}

div#revolverAddOn div#paginationBottom div#paginationTop
{
	margin-top: 15px;
	height: 25px;
}

/* Recommended Term */
div#revolverAddOn p#recommend
{
	color: #ffffff;
	font-family: Verdana, Arial;
	font-size: 12px;
}

div#revolverAddOn p#recommend a
{
	text-decoration: none;
	color: #eaf216;
	font-family: verdana;
	font-size: 12px;
}

div#revolverAddOn p#recommend a a:hover
{
	text-decoration: none;
	color: #fe5a18;
	font-family: verdana;
	font-size: 12px;
}

/*
*********************
Sub Entities & Header
*********************
*/

div#entityDescription
{
	margin-bottom: 15px;
	background-color: #000000;
}
div#subEntities
{
	margin-bottom: 15px;
	background-color: #b5db16;
}
div#revolverAddOn div#subEntities h2
{
	font-size: 12px;
	padding: 5px 15px;
	color: #201e1d;
	border-bottom: dotted 0px #ccc;
}
div#revolverAddOn div#subEntities ul, div#revolverAddOn div#subEntities p
{
	margin: 15px;
}
div#revolverAddOn div#subEntities ul
{
	list-style-type: none;
	margin-bottom: 0;
}
div#revolverAddOn div#categoryDescription
{
	margin-bottom: 1.5em;
}

/* Subentity List Format, No Images */
ul.entityList
{
	background-color: #b5db16;
}

div#revolverAddOn div#subEntities ul.entityList li.parentEntity
{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}
div#revolverAddOn div#subEntities ul.entityList li a
{
	color: #fe5a18;
	font-weight: bold;
	font-size: 12px;
}
div#revolverAddOn div#subEntities ul.entityList li a:hover
{
	color: #ffffff;
	font-weight: bold;
}
div#revolverAddOn div#subEntities ul.entityList ul
{
	border-top: solid 1px #f0f0f0;
	margin: 3px;
}
div#revolverAddOn div#subEntities ul.entityList ul li
{
	display: inline;
	margin-right: 10px;
	font-size: 11px;
	font-weight: normal;
	background: url(images/subentity-arrow.gif) no-repeat 0 50%;
	padding-left: 11px;
	margin: 2px;
}
div#revolverAddOn div#subEntities ul.entityList ul li a
{
	text-decoration: none;
	color: #ffffff;
}
div#revolverAddOn div#subEntities ul.entityList ul li a:hover
{
	text-decoration: none;
	color: #fe5a18;
}

/* Subentity Grid Format, + Images */
div#subEntities.entityGrid
{
	width: 99.5%;
	float: left;
}
div#revolverAddOn div#subEntities ul.entityGrid
{
	margin-bottom: 15px;
}
div#revolverAddOn div#subEntities ul.entityGrid li
{
	float: left;
	width: 24%;
	text-align: center;
	margin: 0 0 15px 5px;
}
div#revolverAddOn div#subEntities ul.entityGrid li a img
{
	border: solid 1px #ddd;
}
div#revolverAddOn div#subEntities ul.entityCols2 li
{
	width: 49%;
}
div#revolverAddOn div#subEntities ul.entityCols3 li
{
	width: 32%;
}

/*
*********************
Product Results General
*********************
*/

div#revolverAddOn div.productResult
{
	padding: 5px;
	margin-bottom: 5px;
	background-color: #141414;
	-moz-border-radius: 4px;
	width: 129px;
}

div#revolverAddOn p.productResultPrice
{
	font-family: Arial,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #f4c500;
	font-style: italic;
}

div#revolverAddOn div.productResult h3
{
	font-size: 17px;
	font-family: Arial, Verdana;
}

div#revolverAddOn div.productResult a
{
	font-size: 12px;
	font-family: Arial, Verdana;
	color: #f05a28;
}

div#revolverAddOn p.productResultDesc a
{
	text-decoration: underline;
	font-size: 12px;
}
div#revolverAddOn div.productResult img.productResultIcon
{
	margin: 4;
}
div#revolverAddOn p.productResultDesc
{
	margin-bottom: 5px;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 12px;
}
div#revolverAddOn p.miscInfo
{
	margin-bottom: 5px;
	font-weight: normal;
	font-family: Arial, Verdana;
	font-size: 12px;
	display: none;/*Don't show stock*/
}

div#revolverAddOn p.miscInfo span
{
	font-weight: normal;
	font-family: Verdana, Arial, Verdana;
	font-size: 11px;
	color: #b6b5b5;
	display: none;/*Don't show stock*/
}
div#revolverAddOn div.productResult form
{
	text-align: right;
}
div#revolverAddOn div.productResult form #Quantity, div#revolverAddOn div.productResult form small
{
	display: none;
}
div#revolverAddOn a.view img
{
	padding-bottom: 2px;
	margin-right: 4px;
}

/*
*********************
List View
*********************
*/

div#revolverAddOn.list
{
	background-color: #000;
	width: 735px;
}

div#revolverAddOn.list div#filterControl
{
	margin-bottom: 10px;
}

div#revolverAddOn.list div.productResult
{
	border-bottom: dotted 0px #000000;
	float: left;
	padding-bottom: 15px;
}

div#revolverAddOn.list p.productResultPrice, div#revolverAddOn.list div.productResultInfo
{
	float: right;
}

div#revolverAddOn.list div.productResultInfo
{
	width: 80%;
	margin: 5;
}

div#revolverAddOn.list div.productResultInfo a:active, div#revolverAddOn.list div.productResultInfo a:link, div#revolverAddOn.list div.productResultInfo a:visited, div#revolverAddOn.list div.productResultInfo a
{
	font-family: Arial,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d35a22;
	border-bottom: 1px dotted #bbbaba;
	text-decoration: none;
}

div#revolverAddOn.list div.productResultInfo a:hover
{
	font-family: Arial,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	border-bottom: 1px dotted #bbbaba;
	text-decoration: none;
}

div#revolverAddOn.list div.productResult h3
{
	width: 100%;
}

div#revolverAddOn.list div.productResultImgList_
{
	width: 130;
	height: 130;
	float: left;
	margin: 2;
	background-color: #dddddd;
	-moz-border-radius: 4px;
}

div#revolverAddOn.list div.productResultImgBox
{
	float: none;
	margin: 0;
	background-color: #141414;
	-moz-border-radius: 2px;
	padding: 2px;
}

div#revolverAddOn.list div.productResultImgList
{
	padding: 4px;
	background-color: #373736;
	width: 123px
}

/*
*********************
Grid View
*********************
*/

div#revolverAddOn.grid div.productResult
{
	float: left;
	font-size: 0.95em;
	margin-right: 15px;
	margin-bottom: 20px;
	text-align: center;
	width: 145px;
}

div#revolverAddOn.grid div.productResultInfo
{
	text-align: left;
	padding: 2;
}

div#revolverAddOn.grid div.productResult h3
{
	font-size: 14px;
	margin-top: 5px;
}

div#revolverAddOn.grid div.productResult rowLast
{
	margin-right: 0;
}

div#revolverAddOn.grid p.productResultPrice
{
	margin-top: 5px;
}

div#revolverAddOn.grid div.productResult form
{
	text-align: center;
}

div#revolverAddOn.grid div.productResult select
{
	width: 95%;
	margin-bottom: 3px;
}

div.gridRow
{
	float: left;
	border-bottom: solid 0px #1b75bb;
	padding: 10px;
}

div#revolverAddOn.grid div.productResultInfo a:active, div#revolverAddOn.grid div.productResultInfo a:link, div#revolverAddOn.grid div.productResultInfo a:visited, div#revolverAddOn.grid div.productResultInfo a
{
	font-family: Arial,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d35a22;
}

div#revolverAddOn.grid div.productResultInfo a:hover
{
	font-family: Arial,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

div#revolverAddOn.grid div.productResultImgBox
{
	float: none;
	margin: 4px;
	background-color: #373736;
	-moz-border-radius: 2px;
	padding: 4px;
}

div#revolverAddOn.grid div.productResultImg
{
	padding: 2px;
	background-color: #141414;
}

/* Grid Row Qty=2 */

div.gridRow2 div.productResult
{
	width: 48%;
}
div#revolverAddOn div.gridRow2 div.productResult p, div#revolverAddOn div.gridRow2 div.productResult h3
{
	margin-left: 15px;
	margin-right: 15px;
}
/* Grid Row Qty=3 */

div.gridRow3 div.productResult
{
	width: 31%;
}
div#revolverAddOn div.gridRow3 div.productResult p, div#revolverAddOn div.gridRow3 div.productResult h3
{
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid Row Qty=4 */

div.gridRow4 div.productResult
{
	width: 23%;
}

div#revolverAddOn div.gridRow4 div.productResult p, div#revolverAddOn div.gridRow4 div.productResult h3
{
	margin-left: 5px;
	margin-right: 5px;
}

/*
*********************
Ajax Search Box
*********************
*/
div#filterSearchProducts ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 1000;
}

div#filterSearchProducts
{
	background-color: #e3ece9;
	padding: 10px;
	font-size: 11px;
	text-align: left;
	position: absolute;
	top: 25px;
	right: 0;
	width: 230px;
}
div#filterSearchProducts a
{
	display: block;
	color: #5b5140;
	padding: 2px 4px;
}
div#filterSearchProducts li.even a
{
	background-color: #eff3f2;
}
div#filterSearchProducts a:hover, div#filterSearchProducts li.even a:hover
{
	background-color: #8fa0a5;
	color: #eff3f2;
}
li#seeAll
{
	border-top: solid 1px #5b5140;
	font-weight: bold;
	padding-top: 6px;
}
li#seeAll a
{
	color: #222;
	padding: 5px 4px;
}

/*
*********************
Attributes Mod Style
*********************
*/

table.table_tennis_equipment_smart_select
{
	width: 720px;
	height: 100%;
	vertical-align: top;
	background-color: #b5db16;
	-moz-border-radius: 3px;
	border: solid 2 #ffffff;
}

table.table_tennis_equipment_smart_select_box
{
	background-color: #ffffff;
	-moz-border-radius: 3px;
}

div#revolverAddOn div#activeAttributes
{
	width: 310px !important;
	margin-bottom: 15px;
	background: #fff url(/images/attributes-box-bg.gif) 0 bottom repeat-x;
}

div#revolverAddOn div#activeAttributes div.attributeBox
{
	float: left;
	margin: 5px;
	font-size: 11px;
	width: 300px;
}

div#revolverAddOn div#activeAttributes h3
{
	font-weight: bold;
	font-size: 14px;
	padding: 8px 10px;
	background-color: #f8f8f8;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom: solid 1px #c2c0b0;
}
div#revolverAddOn div#activeAttributes h3 span
{
	font-size: 9px;
	font-weight: normal;
	font-style: italic;
	margin-left: 5px;
	color: #999;
}
div#revolverAddOn div#activeAttributes div.attributeBox h4
{
	background: #888 url(images/down-arrow-active.gif) no-repeat 95% center;
	color: #fff;
	font-size: 11px;
	padding: 2px 5px;
}
div#revolverAddOn div#activeAttributes div.attributeBox ul
{
	padding-right: 5px;
	margin-left: 5px;
}
div#revolverAddOn div.attributeBox li
{
	list-style-type: none;
}
div#revolverAddOn div#activeAttributes div.attributeBox li
{
	background: url(images/active-attribute-r.gif) no-repeat right 0;
	padding-right: 14px;
	margin-bottom: 4px;
}
div#revolverAddOn div#activeAttributes div.attributeBox ul li a
{
	display: block;
	background: url(images/active-attribute-l.gif) no-repeat 0 0;
	padding: 4px 0 5px 25px;
	text-decoration: none;
}
div.attributeBox ul li a:hover
{
	text-decoration: underline;
}
div#revolverAddOn div#activeAttributes div.attributeBox ul
{
	margin: 2px;
	padding: 0;
}

div.Attribute
{
	margin-bottom: 10px;
}
div.Attribute span
{
	margin-left: 10px;
	font-weight: bold;
	text-decoration: underline;
}

/* Styling With Left Nav */

#leftWrap1
{
	width: 190px;
	float: left;
	position: relative;
}

div#content.attributesContent
{
	width: 735px;
	margin: 0;
	background-color: #000000;
}

div#content.attributesContent div#activeAttributes, div#content.attributesContent div#revolverAddOn.list div.productResult, div#content.attributesContent div#filterControl, div#content.attributesContent div.gridRow, div#subEntities, div#productTrailer
{
	width: 100%;
	float: right;
	clear: both;
}

div#producttrailer
{
	background-color: rgb(0, 0, 0);
}

div#content.attributesContent div#revolverAddOn
{
	position: relative;
}

/* Left Nav - Inactive Attributes */

div#inactiveAttributes div.attributeBox
{
	background: #fcfcfc url(images/left-nav-box-bg.gif) repeat-x 0 0;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border: solid 1px #ddd;
	font-size: 11px;
}

div#inactiveAttributes
{
	width: 300px;
	float: left;
	position: relative;
}

div#revolverAddOn div#inactiveAttributes h3
{
	background: #777 url(images/left-nav-hdr-bg.gif) repeat-x left top;
	color: #f8f8f8;
	font-size: 15px;
	font-weight: bold;
	color: #eee;
}

div#inactiveAttributes h3, div#inactiveAttributes h4
{
	padding: 5px 10px;
}

div#inactiveAttributes h4
{
	background: url(images/down-arrow-inactive.gif) no-repeat 95% center;
	color: #444;
}

div#inactiveAttributes span#inactiveAttributeCaption
{
	font-style: italic;
	font-size: 9px;
	display: block;
	font-weight: normal;
	margin-left: 5px;
}

div#inactiveAttributes div.attributeBox ul
{
	margin: 2px 5px;
	padding: 0;
}

div#inactiveAttributes div.attributeBox ul li
{
	background: #f6f6f6 url(images/attributes-inactive-bg.gif) repeat-x;
	height: 2em; /* For IE only */
}

div#inactiveAttributes div.attributeBox ul li:hover
{
	background: #f2f2ee url(images/attributes-inactive-bg-hover.gif) repeat-x;
}

div#inactiveAttributes div.attributeBox ul li a
{
	display: block;
	padding: 5px 5px 4px 25px;
	text-decoration: none;
	border-bottom: solid 1px #edeede;
	border-left: solid 1px #edeede;
	border-right: solid 1px #edeede;
}
div#inactiveAttributes div.attributeBox ul li a:hover
{
	background: transparent url(images/left-nav-attribute-add.gif) no-repeat 4px center;
}
div#inactiveAttributes ul li.moreExpand, div#inactiveAttributes ul li.moreExpand:hover, div#inactiveAttributes div.attributeBox ul li.moreExpand a
{
	background: none;
	border: 0;
	font-weight: bold;
	color: #000;
}
div#content.attributesContent div#inactiveAttributes + br.cl
{
	display: none;
}

/*
*********************
Attributes StayPut
*********************
*/

div#revLeftNav.stayPut
{
	font-size: 10px;
}
div#revLeftNav.stayPut, div.attributeBox2, div.attributeBox2 h3, div.attributeBox2 ul, div.attributeBox2 ul li
{
	float: left;
}

div#revLeftNav.stayPut div.attributeBox2
{
	background-color: #f4f4f4;
	border-bottom: solid 1px #666;
	clear: left;
	width: 200px;
	margin-bottom: 5px;
}
div#revLeftNav.stayPut div.attributeBox2 h3
{
	background-color: #777;
	margin: 0 0 5px 0;
	padding: 5px;
	color: #f6f6f6;
	width: 190px;
	font-size: 13px;
}
div#revLeftNav.stayPut div.attributeBox2 ul
{
	list-style-type: none;
	padding: 5px;
	margin: 0;
}
div#revLeftNav.stayPut div.attributeBox2 ul li
{
	margin: 0 4px 4px 0;
}
div#revLeftNav.stayPut div.attributeBox2 ul li a
{
	display: block;
	padding: 3px 5px;
	border: solid 1px #444;
	background-color: #fff;
	color: #222;
	text-decoration: none;
	-moz-border-radius: 2px;
}
div#revLeftNav.stayPut div.attributeBox2 ul li a:hover, div#revLeftNav.stayPut div.attributeBox2 ul li.selectedAttribute a
{
	border: solid 1px #000;
	color: #fff;
}
div#revLeftNav.stayPut div.attributeBox2 ul li a:hover
{
	background-color: #777;
}

div#revLeftNav.stayPut div.attributeBox2 ul li.selectedAttribute a
{
	background-color: #444;
}

/*
*********************
IE 6 Fixes
*********************
*/
div#ie6Wrapper div#content
{
	margin-right: 6px;
}
div#ie6Wrapper div#revLeftNav div.attributeBox ul li
{
	display: inline;
}
div#ie6Wrapper div#revLeftNav div.attributeBox ul li a
{
	width: 155px;
}

Select.SizeText
{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	cursor: hand;
	width: 98px !important;
}

#Color
{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	cursor: hand;
	width: 98px !important;
}

