/*
Theme Name: Ashcbkid
Theme URI: http://
Description: Child Theme for Ashford
Author: D
Author URI: http://
Template: ashford
Version: 0.4
.
This work is released under the GNU General Public License 2:
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/
 
@import url("../ashford/style.css");

.sf-menu {
  float:left;
  margin:	0;
  position:relative;
  z-index:999;
  
}
.sf-menu a {
	border-left:	none;
	border-top:		none;
	padding: 		.8em 1em;
	text-decoration:none;
}
.sf-menu a,
.sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFF;
}

.sf-menu li.sfHover a,
.sf-menu li.sfHover a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	background-color:#EEE;
  color:			#d54e21;
}
#navigation ul.sf-menu li a:hover{
background-color:#EEE;
text-decoration:underline;
}
#navigation ul.sf-menu li {
	background-color: #808080;/*transparent;
}
#navigation ul.sf-menu li.current_page_item a {
background-color: #111;/*use #FFF if subnavigation is off*/
color:#d54e21;
}
#navigation ul.sf-menu li.current_page_item.sfHover a {
background-color: #eee;
color:#d54e21;
}
#navigation ul.sf-menu li.current_page_item  li a {
background-color: #eee;
color:#d54e21;
}
#navigation ul.sf-menu ul li.current_page_item a,
#navigation ul.sf-menu ul li.current_page_item a:hover {
background-color: #EEE;
cursor:default;
color:#000;
font-weight:bold;
text-decoration:none;
}
#navigation ul.sf-menu li ul {
border-right:2px #DDD solid;
border-left:2px #EEE solid;
border-bottom:2px #DDD solid;
}
#navigation ul.sf-menu li ul li ul{
border-top:2px #DDD solid;
}
#navigation ul.sf-menu li:hover,
#navigation ul.sf-menu li.sfHover,
#navigation ul.sf-menu a:focus,
#navigation ul.sf-menu a:hover,
#navigation ul.sf-menu a:active {
  color:#d54e21;
	outline:		0;
}

/*** arrows **/
#navigation .sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#navigation .sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
#navigation .sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#navigation .sf-menu ul a:focus > .sf-sub-indicator,
#navigation .sf-menu ul a:hover > .sf-sub-indicator,
#navigation .sf-menu ul a:active > .sf-sub-indicator,
#navigation .sf-menu ul li:hover > a > .sf-sub-indicator,
#navigation .sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*************************
	Product Display Formatting
*************************/
#prodBox {
	float: left;
	margin: 0px 2px;
	height: 315px;
	text-align: center;
	width: 128px;
}

.prodImage {
	float: right;
	height: 230px;
	overflow: hidden;
}

#prodBoxInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

#colorBox {
float: right;
margin-right: 14px;	
	
}

#previewImage_div {
	border: 0px none;
	display:none;
	height: 585px;
	overflow: hidden;
	position:absolute;
	text-align:left;
	z-index:110;
	width: 325 px;
}

table.colorBox2 {
	width: 20px;
	height: 20px; 
	padding: 0px; 
	border: 1px solid #000000;
	border-collapse: collapse;
}
table.colorBox { 
	padding: 0px; 
}
table.colorBox td.innerColorBox { 
	width: 21px;
}
table.insideColorBox { 
	border: 1px solid #000000;
	border-collapse: collapse;
}
.leftColor {
	border-right: 0px none;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width: 50%;
}
.rightColor { 
	border-left: 0px none;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width: 50%;
}

.imageContainer {
	float: left;
	padding: 0px 15px;
}

#divMainImage {
	float: left;
	height: 585px;
	overflow: hidden;
	width: 325px;
}

.thumbContainer {
	clear: both;
	color: #E60B8A;
	float: left;
	padding: 10px 10px;
	text-align: left;
	text-indent: 3px;
	width: 100%;
}

.showThumb {
	float: left;
	overflow: hidden;
	padding: 2px 3px 0px;
	width: 40px;
}

.prodColorBox {
	border: 1px dashed #494949;
	float: left;
	height: 20px;
	margin: 0px 3px;
	width: 20px;
}
.prodColorBox:hover {
	border: 2px solid #000000;
	cursor: pointer;
}

.selectedColorBox {
	border-color: #494949 #494949;
	border-style: solid;
	border-width: 2px;
	float: left;
	height: 20px;
	margin: 0px 3px;
	width: 20px;
}

.prodSizeBox {
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	margin: 5px 4px 0px;
	vertical-align: middle;
}
.prodSizeBox:hover {
	color: #E70B8B;
	cursor: pointer;
}

.viewComments {
	float: left;
	margin-top: 20px;
	width: 100%;
}

.notifyContainer {
	background-color: #FAEFF6;
	border: 3px ridge #494949;
	color: #494949;
	display: none;
	height: 198px;
	padding: 4px;
	position: absolute;
	text-align: left;
	width: 320px;
	z-index: 2;
}

.pBox3 {
clear:none;
color:#434343;
display:inline;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
height:275px;
padding-left:1px;
padding-right:3px;
text-align:center;
vertical-align:middle;
width:145px;
}
.pBox3 a {
color:#434343;
}
.imgthumb {
border:none;/*1px solid #000000;
height:275px;
overflow:hidden;
width:145px;
}
.imgthumb img {
border:0 none;
}
.picnumbox {
background-image:;
background-position:0 0;
font-size:0.8em;
left:-7px;
overflow:hidden;
position:relative;
top:-275px;
width:96px;
z-index:2;
}
.picnumbox a {
color:none;/*white;
text-decoration:none;
}
table.imageBox {
padding:0;
}
table.addImageBox {
padding:0;
}
table.addImageBox td.addInnerImageBox {
border:0 solid #000000;
width:145px;
}
table.imageBox td.innerImageBox {
overflow:hidden;
width:145px;
}

#previewImage_div {
	border: 0px none;
	display:none;
	height: 585px;
	overflow: hidden;
	position:absolute;
	text-align:left;
	z-index:110;
	width: 325 px;
}
DIV.picnumbox2 {
	position: relative;
	top: -15px;
	left: -18px;
	width: 96px;
	overflow: hidden;
	background-image: url(https://www.yandy.com/images/site/imageBar.gif);
	background-position: 0 0;
	font-size: 0.8em;
	z-index: 2;
	float: left;
	
	
}

DIV.picnumbox3 {
	position: relative;
	top: -15px;
	left: 0px;
	width: 96px;
	overflow: hidden;
	background-image: url(https://www.yandy.com/images/site/imageBar.gif);
	background-position: 0 0;
	font-size: 0.8em;
	z-index: 2;
	float: left;
}

DIV.picnumbox A {
	text-decoration: none;
	color: #FFFFFF;
}
DIV.picnumbox A:hover{
	color: #FFFF00;
}
DIV.picnumbox2 A {
	text-decoration: none;
	color: #FFFFFF;
}
DIV.picnumbox2 A:hover{
	color: #FFFF00;
}

table.imageBox { 
	padding: 0px; 
}

table.addImageBox { 
	padding: 0px; 
}
table.addImageBox td.addInnerImageBox { 
	width: 150px;
	border: 0px solid #000000;
}

table.imageBox td.innerImageBox { 
	width: 150px;
	overflow: hidden;
}