/*
	Filename         :	refineSearch.css
	Created by		 :	Andrew Harris	[ http://www.andrewharris.tv ]
	Last updated by  :	Andrew Harris   [ andrew@andrewharris.tv     ]
	Last Updated     :	23 November 2008
	Comments         :	Refine Search style sheet for Canvas8 site.
*/


/* Outer wrapper styling */

#refineSearchWrapper	{background-color: #f7f7f7; width:100%;}
.refineSearchTopBar		{width:955px; padding:10px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
.refineSearch			{width:975px; height:146px; border-top:1px solid #FFFFFF; border-bottom:1px solid #CCCCCC; display:none;}


/* Top refine bar styling */

.plusMinus a[rel=toggle-closed-showhide]	{background:url(images/icons/plus.gif) no-repeat top right; width:18px; height:18px; display:block;}
.plusMinus a[rel=toggle-open-showhide]			{background:url(images/icons/minus.gif) no-repeat top right; width:18px; height:18px; display:block;}

.refineSearchTopBar td a		{cursor:pointer; padding:0px 0px 0px 10px; line-height:23px;}
.refineSearchTopBar td.left		{width:50%; text-align:left;} 
.refineSearchTopBar td.right	{width:50%; text-align:right;} 

/* Starting block */
 
#refineSearchWrapper .refine1	{width:108px; height:126px; overflow:auto; float:left;}

#refineSearchWrapper .start a		{color:#2D2D2D; width:85px; text-decoration:none; background-image:url(images/icons/arrow_right_off.gif); background-repeat:no-repeat; background-position:right 1px; display:block;}
#refineSearchWrapper .start a:hover	{background-image:url(images/icons/arrow_right_on.gif);}

#refineSearchWrapper .start			{color:#2D2D2D; padding:3px 0px 2px 7px; border-top: 1px solid #F7F7F7; border-bottom: 1px solid #F7F7F7; width:70px; text-decoration:none;}
#refineSearchWrapper .start:hover	{border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color:#E5E5E5;}


/* Refine filter level 2 */
.refine2	{width:170px; height:126px; overflow:auto; float:left;}
a.arrowRight 	{float:right; width:5px; height:10px; background-image:url(images/icons/arrow_right_off.gif); background-repeat:no-repeat; cursor:pointer; margin:5px 5px 0px 0px;}
a:hover.arrowRight {background-image:url(images/icons/arrow_right_on.gif); background-repeat:no-repeat;}

/* Refine filter level 3 */
.refine3	{width:170px; height:126px; overflow:auto; float:left; padding-left:10px;}

/* Refine filter level 4 */
.refine4	{width:170px; height:126px; overflow:auto; float:left; padding-left:10px;}

/* COMMON STYLING for all filters */

#refineSearchWrapper .select		{color:#2D2D2D; padding:3px 0px 2px 7px; border-top: 1px solid #F7F7F7; border-bottom: 1px solid #F7F7F7; width:127px; cursor:pointer; float:left;}
#refineSearchWrapper .select:hover  {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color:#E5E5E5;}


/* Go Column styling */

.endCol	{float:left; padding:108px 0px 0px 20px; margin:0px 0px 0px 20px; height:18px; vertical-align:bottom; border-left: 1px solid #CCCCCC;}

.go a	{width:29px; height:14px; background-image:url(images/icons/go.gif); background-repeat:no-repeat; background-position: 0 0; display:block; text-decoration:none;}
.go a:hover	{background-position: 0px -15px;}