/* style sheet for ebay store home page */

/* ------ ebay navigation path to where the the stylesheet call and header content goes: 
- sign into client's ebay store account
- upper right go to "Sell", "eBay Stores"
- then "Manage My Store" in the left nav
- left nav, under "Store Design" click on "Display Settings"
- main page content under "Display Settings", "Theme and Display", "Store Header Display", "Change" on the right side  
- add the following path to the stylesheet to the top of the code section: 
  
<!-- link to the stylesheet hosted with the BC store -->
<link rel="stylesheet" type="text/css" href="http://yourStorePath/templates/__custom/Styles/yourStyleSheetName.css" />

- at the bottom of the page, "Save Settings"
- you can now build your styles like you would with a BC store
 ------ */

/* ------ Notes 
- --- there is a separate html page and style sheet for the product description ---
- as most of the nav and header content is eBay branded content, only editing background content is allowed 
- make sure to use the complete BC url for images 
- many of eBay's styles are inline and !important may be needed in several cases
- element classes may vary based on the store's default settings 
- eBay is very strict on their style rules, see the links in the Wiki for more information

------ */

#CustomStoreHeader .phone {
	float:right;
	color: #169CAC;
	font-size:2.5em;
	font-weight:bold;
}
#GuaranteeBanner {
	border:1px solid #eee;
	margin-top:10px;
}
#GuaranteeBanner img {
	border:10px solid #fff;
}
#BannerAndSidebar {
	position:relative;
}
#RightSidebar {
	margin-top:15px;
	float:left;
	clear:both;
}
#RightSidebar h3 {
	margin:0;
	color:#929292;
	font-size:1em;
	text-transform:uppercase;
	border-left: 9px solid #99B665;
	padding:5px;
	background:#EEE;
	font-weight:bold;
}
#RightSidebar ul {
	margin:0;
	padding:10px 0 0 0;
	list-style-type:none;
	border-top: 2px solid #DBE2B9;
	margin-top:2px;
}
#RightSidebar a {
	color:#000;
}
#RightSidebar a:hover {
	color: #787878;
	text-decoration:none;
}

/* set body background */
	body {
		background: #fff; 
		}
/* set the page content width */
	.pagewidth {
		width: 950px!important;
		margin: 0 auto;
		}

	.r3 a:visited {
		color: #002649!important;
	}
		
/*imported styles from BC stylesheet from client site, applied to divs in the "Store Heading Display" menu, used if the client is using a custom ebay header*/		
	/*Header, unique header for home page*/
	#Header {
		width: 930px;
		height: 95px;
		clear: both;
		margin: 0 auto;
		padding: 10px;
		 
		}

	/*Logo*/
	#logo {
		width:180px;
		height:77px;
		float: left;
		position: relative;
		top: 8px;
		}
	/*ebay powerseller logo*/
	#powerSeller {
		width: 100px;
		height: 48px;
		position: relative;
		float: left;
		top: 55px;
		}
	/*Header content*/

	.r3_cm, .v4stabl, td#CentralArea div.cmpb, .v4-34, .sifExp { width: 580px; }
	
	#LeftPanel {
		width: 163px!important;
		padding: 0;
	}
	#LeftPanel > table { width: 168px!important; }

	#RightSidebar {
		position:absolute;
		left:788px;
		width:162px;
	}
				
	/* set search content properties */
	.gh-sbox, .gh-ffm { 
		background:none !important;
		}

	/* header area, contains all ebay header content including the page menu and search */
	.gh-w { 
		height: 140px!important;
		padding: 10px;
		}
	
	/* main nav, contains ebay header content including the page menu, background only, no other changes can be made here */
	.gh-hbw {}
	
	/* breadcrumb area, both left and right side cells, left holds breadcrumb, right holds Save this Seller and Sign up for Newsletters, may vary by store */
	table.tb_v4bc {
		height: 20px!important;
		padding: 2px 10px 3px 10px;
		margin: 0;
	}

	/*respectively, left and right divs for breadcrumb text*/	
	.v4bc, v4sem {
		margin-bottom: 10px!important;
		}

	table.v4clp td ul {
		list-style-type:none;
		margin:0;
	}

	.li td.prices div {
		color: #D10B0B;
	}

	/* Global Stuff */

	.fpcc .countClass, .li td.fshp, .li td.prices span.fshp, .li td.fshp span.fshp, .li td.ship span.fshp {
		color: #1598A9;
	}


	
	/* All Headings In The Store */	
	table.v4acp tr.v4acp_head td.v4title {
		padding:5px!important;
		background:#eee;
		border-left:9px solid #99B665;
		width:100%;
	}
	/* Headings border bottom */
	table.v4acp {
		border-bottom:2px solid #fff;
	}

	/* Empty Square left of all headings in the store */	
	table.v4acp tr.v4acp_head td.v4accent {
		display:none!important;
	}

	.v4title font {
		color:#929292!important;
		font-size:1em!important;
		text-transform:uppercase;
	}

	/* Sidebar */

	/* Left Boxes */
	table.v4midBox {
		border-left:0!important;
		border-right:0!important;
		border-bottom:0!important;
		border-top:2px solid #DBE2B9;
	}



	/* Left Nav Search Button */
	.v4mid input[type="submit"] {
		border: 0;
		height: 26px;
		width: 64px;
		font-weight: bold;
		background-color: #1598A9;
		background-image: -moz-linear-gradient(top, rgba(115, 240, 252, 0.45), rgba(0, 101, 110, 0.2));
		background-image: -o-linear-gradient(top, rgba(115, 240, 252, 0.45), rgba(0, 101, 110, 0.2));
		background-image: -webkit-linear-gradient(top, rgba(115, 240, 252, 0.45), rgba(0, 101, 110, 0.2));
		background-image: linear-gradient(top, rgba(115, 240, 252, 0.45), rgba(0, 101, 110, 0.2));
		border: 1px solid #036D75;
		cursor:pointer;
	}
	
	/* Search Box */
	.v4sbox {
		height:20px;
		line-height:20px;
		width:76px!important;
	}

	/*left nav panel containers */	
	.v4mid {
		background: #fff!important;
		border: 0;
		padding:10px 10px 15px 0!important;
	}

	/*left nav titles*/
	.v4title {
		background: #fff;
	}



	/*the next two are two small accent pieces to the left of the category title*/	
	.v4accent {	
		background: #82A237;
		}
	.v4hspacer {
		background: #82A237;
		}
	.v4title h2 {		
		font-size: 1em;
		color: #929292;
		font-family: Arial, sans-serif!important;
		text-transform: uppercase;
		}
	
	div.lcat {
		width: 100%!important;
	}
	/*left nav sub heading*/		
	.lcat .ttl {		
		color: #000;
		font-family: Arial, sans-serif!important;
		}
	.lcat .ttl a { color: #000; font-weight:normal!important; }
	.lcat .ttl a:hover { 
		text-decoration:none;
		color:#787878;
	}

	/*left nav categories */
	.lev1 li {
		padding: 3px;
		}
	.lev1 a {
		font-size: 1em;
		color: #000!important;
		font-family: Arial, sans-serif!important;
		font-weight: normal;
		}


	.lev1 li a:hover, .v4clp li a:hover, .lcat a.all_cats:hover {
		color: #787878!important;
		text-decoration: none;
		}
	/*left nav show all cats link */
	.lcat a.all_cats {
		font-size: .9em;
		color: #000!important;
		font-family: Arial, sans-serif!important;
		text-transform: none;
		font-weight: normal;
		font-style:normal;
		padding: 3px;
		margin-bottom: 5px;
		}
	
	/*secondary left panel lists that are not part of the product categories */
	.v4clp li a {
		font-size: .9em;
		color: #000!important;
		font-family: Arial, sans-serif!important;
		text-transform: uppercase;
		font-weight: normal;
		padding: 3px;
		}
	
	/*accent spacers below secondary titles*/
	.v4vspacer {
		background: #82A237;
		height:0!important;
	}

	.v4baccent {
		background: #82A237;
		height:0!important;
	}

	/*left nav footer*/
	tr.v4footr td.v4footd {
		background:none;
		border: 0;
		padding: 6px 10px 5px 0;
		margin-top: 20px;
		text-align: right;
		}
	tr.v4footr td.v4footd a:link, tr.v4footr td.v4footd a:visited, tr.v4footr td.v4footd a:active {
		font-size: .9em;
		color: #000!important;
		font-family: Arial, sans-serif!important;
		text-transform: none;
		font-style: normal;
		font-weight: bold;
		background-color: #1598A9;
		background-image: -moz-linear-gradient(top, rgba(115, 240, 252, 0.45), rgba(0, 101, 110, 0.2));
		background-image: -o-linear-gradient(top, rgba(115, 240, 252, 0.45), rgba(0, 101, 110, 0.2));
		background-image: -webkit-linear-gradient(top, rgba(115, 240, 252, 0.45), rgba(0, 101, 110, 0.2));
		background-image: linear-gradient(top, rgba(115, 240, 252, 0.45), rgba(0, 101, 110, 0.2));
		border: 1px solid #036D75;
		padding:4px;

	}
	tr.v4footr td.v4footd a:hover {
		color: #000!important;
		text-decoration: none;
		}
/* home page main content area */
	/* "view all: " panel*/
	.v4stabl {}
	/*set overall main content table*/

	td#CentralArea div.v4stabl {
		border-top:1px solid #ccc;
		padding-top:10px;

	}

	.r3_hm, .r3_c, .r3_s {
		border: none; 
		}
	/*table body between thead and tfoot*/	
	.r3_cm {
		border: none; 
		}
	/*overall table borders and background images*/	
	.r3_t, .r3_t b, .r3_bl, .r3_bl b {
		background: none!important; 
		}	
	.r3_t b, .r3_bl b {
		background: none!important; 
		}	
	.r3_t i, .r3_bl i {
		border: none!important; 
		background: none!important; 
		}	
	/*count results section*/
	div.fpcc {
		border: none!important;
		margin: 0;
		padding: 0!important;
	}

	div.bpmsg {
		padding:0!important;
	}
	/*"view as" and "sort by" panel*/
	.ctrlbr {
		
		border: none!important;
		margin: 0;
		padding: 5px;
		}
	/*"shipping" panel*/
	.cmpBr {
		
		border: none!important;
		margin: 0;
		padding: 5px;
		}
	.rs_box {
		border-top: none;
		}
	/*set overall table item spacing*/
	.grid {
		border-spacing: 10px;
		}
	/*set indivual item block styles*/
	td.gallery {
		
		}
	table.gallery tbody{
		background: none;
		}
 	/*set to remove left border on items*/
	.grid td.left {
		border: none;
		}
 	/*outer div for content paging footer*/
	.dynpg {
		background: url(http://www.YourStore.com/templates/__custom/images/image.png) repeat!important;
		padding: 0px!important;
		border-top: none!important;
		}
 	/*inner table for content paging footer*/
	.pgbc {
		background: #82A237;
		padding: 10px;
		border: 0px solid #eee!important;
		}
	/*content paging go button*/
	.form input[type="submit"] {
		
		border: 2px solid #F7D449;
		height: 26px;
		width: 40px;
		font-weight: bold;
		}

/*footer settings*/
	/*outer div for badge section for seller information*/
	.stBadge {
		background: url(http://www.YourStore.com/templates/__custom/images/image.png) repeat!important;
		padding: 10px!important;
		margin-top: 20px; 
		}
	/*inner div for badge section for seller information*/
	.stBadge-midContent {
		background: #82A237;
		margin: 0!important;
		padding: 10px;
		border: 0px solid #eee!important;
		}
	.stBadge-midContent a {
		color:#000!important;
	}
	

	.stBadge-midContent table {
		background: #82A237;
	}

	/*border control for stBadge div*/	
	.whiter-rcp {
    	border: none;
    	text-align: left;
		}
	/*border above stBadge div*/	
	.stBadge-accent {
		display: none;
		}
	/*next two divs create 1px divider lines*/
	.whiter-s_nf {
		display: none;
		}
	#splitter {	
		display: none;
	}
	/*custom area in the footer that follows the badge section*/
	#sModule {
		background: url(http://www.YourStore.com/templates/__custom/images/image.png) repeat!important;
		height: 20px;
		padding-bottom: 0px;
		margin: 0;
		}
	/*container for links to eBay content thru the copyright content*/	
	.coreFooterLinks {
		background: url(http://www.YourStore.com/templates/__custom/images/image.png) repeat!important;
		}
	.coreFooterLinks a:active, .coreFooterLinks a:focus, .coreFooterLinks a:hover, .coreFooterLinks a:link {
		color: #000;
		display: inline-block;
		font-family: Verdana;
		font-size: x-small;
		}	
	/*container for links to eBay content, text cannot be styled, only background*/	
	.g-pipe {
		padding: 10px!important;
		}
	/*outer container for copyright content, text cannot be styled, only background*/	
	.g-hlp {
		padding: 10px!important;
		}
	/*inner container for copyright content, text cannot be styled, only background*/	
	.coreFooterLegalNotice {
		padding: 10px!important;
		}