/*css reset */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, 
dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td
{
	border: 0px none;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0px;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: 0px;
	padding: 0px;
	vertical-align: baseline;
}
:focus
{
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: 0;
}
body
{
	background: #fff;
	color: black;
	font-family: Verdana,Arial,Tahoma,sans-serif;
	font-size: 100%;
	margin: 0;
	text-align: center;
}
ol, ul
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}
blockquote, q
{
	quotes: "" "";
}
em, i
{
	font-style: italic; 
}
strong, b
{
	font-weight: bold; 
}
/*end css reset */
body
{
	margin: 0px auto;
	padding: 0px 0px;
	text-align: center;
	background-color: #fff;
	font-size: 10pt;
	font-family: Verdana,Arial,Tahoma,sans-serif;
}
/*global tag styles, don't be scared of these, they are your friend*/
a:active, a:link, a:visited
{
	color: #143C7A;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
h1
{
	font-family: Verdana, arial, Sans-Serif;
	font-weight: bold;
	font-size: 130%;
	color: #666666;
	border-bottom: 0px solid #ccc;
	margin: 0 0 0 0;
	padding-bottom:8px;
	padding-left:11px;
}
h2
{
	font-size: 110%;
	margin-bottom:5px;
	margin-top:0px;
}
h3
{
	font-size: 140%;
}
h4
{
	padding-top:3px;
	font-size: 98%;
}
h5
{
	font-size: 100%;
}
h6
{
	font-size: 70%;
}
/*add list formatting back into the main content area.*/
#mainContent ol, #mainContent ul
{
	padding: 0px 25px;
}
#mainContent ol li
{
	list-style: decimal outside;
}
#mainContent ul li
{
	list-style: disc outside;
}
#mainContent td
{
	padding: 3px; /* adding padding to the checkout and account page tables*/
	vertical-align: top; /*vertical ailign the product pages*/
}
button
{
	vertical-align: middle;
}
/*PAGE SETUP*/
.wrapper
{
	width: 989px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	font-size: 10pt;
}
.box
{
	background: url(CustomImages/boxBg.jpg) repeat-x left bottom;
}
/*these are for keeping padding consistent throughout the site
use these classes to pad content areas throughout the site*/
.bigPadding
{
	padding: 12px;
}
.smallPadding
{
	padding: 4px;
}
#pageWrap
{
	/* background: #BCC5D4 url(CustomImages/bg.jpg) repeat-x left top; */
}
#header
{
	/* text-align: left; */
	margin-top: 28px;
	width: 989px;
}
#breadcrumb
{
    font-size: 9px;
}
#breadcrumb a
{
	color: #000;
}
#bodyWrap
{
	padding: 0px;
}
#verticalNavWrap
{
	float: left;
	width: 200px;
    background: #e7eff9 url(images/leftNavBg.jpg) repeat-x left top;
}
#contentWrap
{
	float: right;
	width: 775px;
	overflow: hidden; /*this is so wide content in the content area doesn't blow out the side in IE6. 
						You can remove this as long as you have good HTML in your content area or don't care about IE6*/
}
#contentBox
{
	background-color: White;
	margin-bottom: 12px;
}
#mainContent
{
	min-height: 300px;
}
/*HEADER ELEMENTS*/
#logo
{
	text-decoration: none;
	float: left;
	height: 64px;
	width: 457px;
}

#logo a, #accountLinks
{
	float: left;
	display:block;
	height: 64px;
	overflow: hidden;

}


#login
{
	float: right;
	padding-bottom: 10px;
}
#accountLinks
{
	text-align: right;
	float: left;
	height: 64px;
	display: inline-block;
    line-height: 24px;
	padding-right: 10px;
	background: url(images/acctLinksBg.jpg) repeat left top;
	width: 521px;
	color: #2351a6;
	font-size: 8pt;
	border-right: solid 1px #A8ADB3;
}

#accountLinks a
{
	color: #2351a6;
	font-weight: bold;
}

/*HORIZ NAV*/
#horizNav
{
	line-height: 22px;
	text-align: center;
	background: url(images/horizNavBg.jpg) repeat-x left top;
	height: 22px;
	width: 989px;
	color: White;
	padding-top: 3px;
}
#horizLinks
{
   	text-align: center;
	padding: 0px 4px;
	display: inline-block;
}
#horizLinks a
{
   	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 0px 12px;
	font-size: 10px;
	display: inline-block;
}
#horizLinks a:hover
{
	color: White;
	text-decoration: underline;
}
#bannerWrap
{
    height: 38px;
	line-height: 38px;
}
.greygradientbar
{
    text-align: center;
	background: url(images/bannerWrapBg.jpg) repeat-x left center;
	width: 987px;
	color: #2351a6;
    border:solid 1px #a8adb3;
}

.greygradientbar p
{
    line-height: 24px;
}

#searchWrap
{
	/* float: right; */
	/* line-height: 0px; */ /*fixes the form alignment without floats*/
	padding: 8px 4px 8px 4px;
	font-size: 11px;
}
#searchWrap form
{
	margin: 0px;
	padding: 0px;
}
#searchBox
{
	width: 120px;
}
/* VERTICAL NAV */
#verticalNav
{
	border: solid 1px #b2b2b2;
	border-top:0;
	
}




#leftnavsearchbox
{
    font-family:tahoma;font-size:11px;border-width:1px;width:133px;border-color:#303030;height:21px;padding-left:2px;
}

#leftnavsearchgo
{
    height:20px;
    width:38px;
    border:solid 1px black;
    background-image:url(customimages/gobg.jpg);
    background-repeat:repeat-x;
}

.leftNav
{
	padding-bottom: 4px;
}
ul.tame, ul.tame li
{
	list-style: none;
}
ul.tame li
{
	
	padding-bottom: 4px;
}
ul.tame li a
{
	line-height: 11px;
	font-size: 11px;
	text-decoration: none;
	display: block;
	padding: 4px;
	color:#3b3b3b;
}
ul.tame li a:hover
{
	/* background: #616D7D;
	color: White; */
	text-decoration: underline;
}
/* FOOTER */
#footer
{
	line-height: 22px;
	text-align: center;
	height: 22px;
	width: 987px;
	margin: 0px auto;
}
#footer a
{
}
#footer a:hover
{
}
#closer
{
	color: #666;
	width: 989px;
	margin: 0px auto;
}
#copyRight
{
	float: left;
	font-size: 11px;
}
#cCards
{
    float: right;
}
#devByVortx
{
	float: right;
}

.PageSizeSelection
{
    float:left;
    margin:4px;
}
/* PRODUCT PAGE */

.WishListWarning, #lblKitError
{
	color: Red;
}
#KitError
{
	text-align: center;
	vertical-align: middle;
	padding: 5px 5px 5px 5px;
}
/* default class for stock hint display */
.StockHint_OutOfStock
{
	color: red;
}
.StockHint_InStock
{
	color: blue;
}
/* indented class variation for stock hint display */

.StockHint_Indented_OutOfStock
{
	color: red;
}
.StockHint_Indented_InStock
{
	color: blue;
}
/* CSS for productratings [begin] */

.CommentHelpfulText
{
	font-family: Arial,Helvetica;
	color: #009999;
}
/****** [end] ******/

/* CSS for Checkout GiftCard [begin] */

.CheckoutEmailGiftCardHeader
{
	background-color: #cccccc;
	color: #000000;
}
/****** [end] ******/

/* CSS for Checkout Terms And Conditions [begin] */
.CheckOutTermsBorder
{
	border-style: dashed;
	border-width: 1px;
	border-color: #000000;
}
/****** [end] ******/

/**************TabbedUI prototype*******************/

#pagetabs
{
	width: 100%;
	overflow:hidden;
}

#pagetabs a
{
	background-color: #DDDDDD;
	border-left: solid 1px black;
	border-top: solid 1px black;
	border-right: solid 1px black;
	color: #696969;
	padding: 0px 5px;
	line-height: 20px;
	height: 20px;
	position: relative;
	margin-right: 3px;
	text-decoration: none;
	vertical-align: middle;
	float: left;
}

#pagetabs a:hover
{
	text-decoration: underline;
}

#pagetabs a.activetab
{
	position: relative;
	color: #ffffff;
	border-bottom-color: white;
	background: #666;
}
#pagetabs a.activetab:hover
{
	text-decoration: none;
}
#tabcontent
{
	border: solid 1px gray;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	width: 100%;
}
#tabcontent div.hiddenTab
{
	display: none;
}
#tabcontent div.selectedTab
{
	display: block;
}
#social
{
    text-align: center;
    padding: 5px 0px;
}
#authorize
{
    text-align: center;
    font-size: 10px;
    padding: 5px 0px;
}
#securitymetrics
{
    text-align: center;
    padding: 5px 0px;
}
#decalapplication
{
    padding: 10px 5px;
    font-size: 11px;
    font-weight: bold;
}
#cataloglabel
{
    margin-top:10px;
    padding: 3px;
    font-size: 13px;
    font-weight: bold;
    background:white;
    text-align:center;
    color:#3b3b3b;
    text-transform:uppercase;
}

.menuWrapper
{
    display: none;
}