/* global styles used throughout the store */
a	{color:#2461AA; text-decoration:none; }
a:hover	{color:#E0C583; text-decoration:underline;}


h1	{margin: 0px 0px 10px 0px; font-size: 11pt; color: #6A6A6C;}
h2	{margin: 10px 0px 10px 0px; font-size: 10pt; color: #AB7865;}
h3	{margin: 0px; font-size: 9pt; color: #828282;}
h4	{margin: 0px; font-size: 9pt;}

/* for small, disclaimer text */
.small	{font-size:7pt; color:#666666; line-height:140%;}

/* for small, hints used to communicate small help for the customers */
.hint	{font-size:7pt; color:#666666; line-height:140%;}

/* used for horizontal links with | between each.  each href should have the class on it to generate spaceing between links but not between words */
.menu	{margin:0px 5px 0px 5px;}

/*	Mozilla and IE treat padding and margins differently, especially when used in conjunction with a specified width.
	This solves that problem and */
div	{ box-sizing: border-box; -moz-box-sizing: border-box;}
p	{margin:0px 0px 10px 0px}
ul	{margin-bottom:10px;}

/* for single items that needs a border */
.border	{border:1px solid #2461AA; background-color:#FFFFFF;}

/* for stacked items (tables or divs) that each need a border */
.box	{border:1px solid #E7E7DB; margin-bottom:10px;}

/* form styles.  All textboxes and text areas should have formed on them.  All buttons should use the button class. */
form	{display:inline;}
.formed	{border:1px solid #A6B4D1; font-size:8pt; background-color:#ffffff;}
.button	{font-size:8pt; color:#000000;}

/* only to be used when a style needs to be set to hide content.  Add no other styles to this class */
.hidden	{display:none;}

/* to be used when you have multiple text 'ads' listed vertically  */
.ad_block	{margin-bottom:10px; line-height:110%; font-size:8pt; text-align:left;}

/* these two styles are for the rss feed on the account login page. */
div#rss_input ul {list-style: none; margin: 0; padding: 0; border: none;}
div#rss_input li {border-bottom: 1px dotted #CCCCCC; margin: 0px; margin-bottom:6px; padding-bottom:6px;}


/*  !!!  Styles for the theme, including AJAX !!! */

/* These are the styles for the search autocompletion divs */
div.keywords_auto_complete {width: 350px;}
div.keywords_auto_complete ul {border:1px solid #888; margin:0; padding:0; width:100%; list-style-type:none; background-color:#FDFDFD; opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85;}
div.keywords_auto_complete ul li {margin:0; padding:1px 2px 1px 2px; font-size:11px;}
div.keywords_auto_complete ul li.selected {background-color: #EFEFEF;}
div.keywords_auto_complete ul strong.highlight {color: #FFFFFF;background-color:#666666; margin:0;padding:0;}


/* this is the style for the floating images. Mostly used on product pages, but not limited to that application. */
#trailimageid {position: absolute; visibility: hidden; left: 0px; top: 0px; width: 300px; height: 1px; z-index: 1000;}





/* !!! Styles for the product page !!! */

/* these set the styles for the popup on the accessories product list */
div#pop_window	{border:1px solid #000000; height:350px; width:400px; overflow:scroll; background-color:#ffffff;}
#prod_info td	{font-size:8pt;}


.anylinkcss{position:absolute; visibility: hidden; font:normal 11px;line-height: 18px;z-index: 1000;width: 205px;}



/* These styles give the forms/text in the add to cart div their styles */
#addtocart select	{font-size:8pt;}
#addtocart {font-size:8pt;}
#addtocart td {font-size:8pt;}
.pogprompt_select	{font-weight:normal; color:#666666;}
div.prodlist_pogs select {font-size:8pt; margin:0px;}


/* these are the styles for the tabs on the product pages. */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 7pt tahoma, Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
padding:3px;
border:1px solid #F0F0F1; border-bottom:0px;
display: inline;
margin-right:3px;
margin-bottom: -1px;
}



.shadetabs li a:hover{
text-decoration: underline;
color: #323B40;
}

.shadetabs li.selected{
position: relative;
border-bottom:1px solid #ffffff;
}

.shadetabs li.selected a{ /*selected main tab style */
color: #323B40;
}


.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid #F0F0F1;
width: auto;
margin-bottom: 1em;
padding: 5px;
text-align:left;
overflow:auto;
height: 250px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}
}



/*  Color Pallete
gunmetal grey: 	2F3C40						Zoovy Blue:  	2461AA
medium grey: 	828282						light blue:  	C8D8EC
light grey: 	ECECEC						yellow/orange: 	F7B135
 */