@charset "utf-8";
/* CSS Document */
/*--------------------------------------------------------------------*/
/*---------------------------VIEW ITEM PAGE---------------------------*/
/*product view page, option header text */


a.quickLiner:link{
	color: #FF6600;
}
a.quickLiner:visited{
	color: #FF6600;
}
a.quickLiner:hover{
	color: #3399FF;
}

a.contactlines:link{
	color: #cccccc;
}
a.contactlines:visited{
	color: #cccccc;
}
a.contactlines:hover{
	color: #ffffff;
}

A:link    {
	color: #5496DE;
}

A:visited    {
	color: #5496DE;
}

A:hover    {
	color: #FF8922;
}
A:active    {
	color: #5496DE;
}

.addToCartButton{
	width:168px;
	height:40px;
	background-image: url(../images/addtocart.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer; /* hand-shaped cursor */
	text-indent: -1000em;
	vertical-align: middle;	
	/*for stupid IE*/
	font-size:0px;

}

.quantityInput{
margin-top:5px;
vertical-align: middle;	
}

#selectCat{
	font-size: 1.8em;
	font-weight: bold;
	text-align:left;
        color:#000000;
}


#minicart {
	text-align:center;
	padding-bottom:10px;
	padding:7px;
	clear:left;
	background-color: #f6f6f6;
	border: thin solid #c3c3c3;

}


.optionText {
	padding-top:10px;
	font-weight: bold;
	font-size: 1.2em;
}

/*item view sku label */
.itemSku {
	color: #333333;
	padding-top:5px;
}

#itemSpaceAfterPrice{
height:10px;
}

/*puts a space between options on a product view item page */
.optionSpacer {
	height:10px;

}

/*puts a space after the item description on a view item page */
.itemDescSpacer{
	height:20px;

}

/*view item description style */
#itemDesc{
	float:right;
	width:400px;
	
}
/*goes around the actual image on the image page*/
.itemPageImage{
	float:left;
	clear:left;
        width:325px; /*in case the image isn't wide enough, keeps the text below*/

}

/*view item description header style */
.itemDescHeader{
	padding-top:10px;
	font-weight: bold;
	font-size: 1.2em;
	display:none;
}
/*view item name header style */
.itemNameHeader{
	float:left;
	width:100%;
	font-weight: bold;
	padding-bottom:10px;
	font-size: large;
	clear:both;
}
.itemNameHeaderFeatured{
	float:left;
	width:100%;
	font-weight: bold;
	padding-bottom:10px;
	font-size: small;
	clear:both;
}
/*view item image box style */
.itemImageBox{

}


.freeShipping{
	padding-top:10px;
	color: #FF0000;
	font-size: 0.9em;
	font-style: italic;
}

.itemPrice{

	padding-top:10px;
	font-weight: bold;
	font-size: 1.2em;
}

.shipsWithin{
	padding-top:5px;
	font-size: 0.9em;
}

.itemShipZip{
	font-size: 0.9em;
}

#noFreeShipZip{
	font-size: 1em;
	color: #FF0000;
}

.leaveReview{
padding-top:3px;
}

#loading{
padding-top:5px;
clear:left;
}
.currentStockLabel {

}
/*--------------------------------------------------------------------*/
/*-----------------------END VIEW ITEM PAGE---------------------------*/

/*--------------------------------------------------------------------*/
/*---------------------------category display PAGE--------------------*/

/*box around each category item listed */
#catSpaceAfterImage{
/*height:10px;*/
}

.catLabelSpacer {
	font-family:Arial, Helvetica, sans-serif;
	
}
/*box around each category item listed */
.catImageSpacer {
	font-family:Arial, Helvetica, sans-serif;
		
}

/*category listing price*/
.catPrice {
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #333333;
}

/*category product listing*/
.catBox  {
	width: 210px;
	height: auto;
	margin: 10px 0px 0px 0px;
	padding: 10px;
	float:left;
       
	
}
.catCat {
	font-size: small;
	/*border: 1px solid #c3c3c3;*/
	background-color: #f6f6f6;
	padding: 10px;
	text-align:center;
	height:auto;
       

}

.catCat2 { /*in ie sheet as well*/
	font-size: 1.2em;
	width: 30rem;
	height: auto;
	margin: 10px 10px 0px 0px;
	padding: 1rem;
	float:left;
	background-color: #f3f3f3;
      border: 1px solid #c3c3c3;
        text-align: center;
	
}

.catlist  {
	float: left;
	width: 525px;
	border: 1px solid #5496DE;
	margin: 10px 0px 0px 0px;
}
.catProduct {
font-family:Arial, Helvetica, sans-serif;

}

.catlistProdHead{
        font-weight: bold;
}

/*category cat listing*/


.catimageBorder{
	border: 1px solid #cccccc;
}
.spaceafterimage{
height:10px;
}
.spacebeforeimage{
height:10px;
}

.catHeader{
	color:#FF9900;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	font-size: 1.1em;
	background-image: url(../images/burggrad_1.jpg);
	clear:both;
	
}
.catSubLine {
	font-size:0.9em;
	padding-bottom:10px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	font-style: italic;
}
.catSubLine2 {
	font-size:0.8em;
	padding-bottom:10px;
	font-style: italic;
}

/*--------------------------------------------------------------------*/
/*-----------------------END category display PAGE--------------------*/

.deleteButton {
	font-family:times;
	color:red;
}

/*.listItems ul {
	list-style-type: square;
	margin-top:5px;
	font-size: medium;
	}

.listItems li {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;

	}

.listItems a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #036;
	text-decoration: none;
}
.listItems a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #067;
	text-decoration: underline;
}*/

#breadcrumb ul li{
   list-style-image: none;
   display:inline;
   padding: 0 3px 0 0;
   margin: 3px 0 0 0;
}

#breadcrumb ul{
   margin:0;padding:0;
   list-style-type: none;
   padding-left: 1em;
}

.breadcrumb_top  {
	float: left;
	width: 490px;
	color: #999999;
	font-size: 0.8em;
	margin: 10px 0px 0px 0px;

}

.product_cat  {
	font-weight: bold;
	color: #5496DE;  /* It will automatically be this color since it's a link */
	padding: 5px 10px 0px 45px;
	font-size: 1.1em;
	background: url(../images/cat_tiny.png) no-repeat left top;
}
.product_disc  {
	padding: 5px 10px 5px 10px;
	font-size: .9em;
	color: #666666;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;    /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #mainbox selector */
	background-color: #E7F3F8;
	/*background-image: url(../images/topgrad_1.jpg);
	background-repeat: repeat-x;*/
	background-position: top;
	font-size: 1em;
	height:100%;
	background-image: url(../images/shad.png);
	background-repeat:repeat-y;
}

#itemLeftCol {

}

#itemRightCol {

}

#mainbox {
	margin:0 auto;
	width: 950px;
	background: #ffffff;
clear:both;

	/*text-align: left; /* this overrides the text-align: center on the body element. */
}

#mainboxshadow {
	margin:0 auto;
	width: 970px;	
	/*background-image: url(../images/shad.png);*/
}

#mainboxheader {
	margin:0 auto;
	width: 950px;
	height:134px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	
	background-repeat: no-repeat;
	background-position: left top;
}

#header {
margin:0 auto;
border: 0px solid #666666;
	height: 128px;

}

.headerlogo{
visibility:hidden;
}

#logoHeader {
margin:0 auto;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0px 0px 0px 7px;
	padding-top: 4px;
	padding-right: 10px;
}
#loginHeader {
margin:0 auto;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding-right:10px;
	padding-top:5px;
}
#header_right  {
width: 250px;
	float: right;
}
#loginbox a  {
	float: right;
	width: 160px;
	font-weight: bold;
	clear:both;
	text-decoration: none;
	
}
#loginbox a:hover  {
	float: right;
	width: 160px;
	font-weight: bold;
	color: #FF9900;
	clear:both;
	text-decoration:underline;
}

.contactlines  {
text-align: right;
padding-top:80px;
padding-right:35px;
	}
        
.boldorange  {
	font-weight: bold;
	color:#FF9900;
	font-size: 1.6em;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
}
#headernav {
	
	width:100%;
}
#leftcol {/*has an entry in IE sheet*/
          
	float: left;
	width: 180px;
	height: auto;
	margin-top:10px;
	margin-left: 10px;
	/*background-color: #EDF4F7;*/
	border: 1px solid #5496DE;
	font-size: small;
	clear:both;
	

}
#rightcol {
   float: right;
    width: 184px;
	height: auto;
	margin-top:10px;
	margin-right: 8px;
	margin-bottom:10px;
	padding-left:5px;
	/*background-color: #FFFFB7;
	border: 1px solid #666666;*/
	clear:right;

}
#rightcol2 {
	float: right;
	width: 120px;
	height: auto;
	margin-top:10px;	
	margin-right: 8px;
	margin-bottom:10px;
	margin-left: 5px;
}
#rightcol3 {
	text-align:center;
   float: right;
    width: 184px;
	height: auto;
	margin-top:10px;
	margin-right: 8px;
	margin-bottom:10px;
	padding-left:5px;
	clear:right;

}

#content {
	background: #ffffff;
	float:left;
	width: 97%;
	height:auto;
	margin-left:14px;
	margin-bottom:10px;
	font-size: small;
	

}
#content3col {
background: #ffffff;
	float:left;
	width: 450px;
	height:auto;
	margin-left:22px;
	margin-bottom:10px;
	font-size: small;

}
#content2 {
	background: #fff;
	float: left;
	width: 496px;
	height:auto;
	border: 0px dotted #666666;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-size: small;
}

#footer {
	/*position:fixed; bottom:0;*/
	float:left;
	height:30px;
	width:950px;
	background: url(../images/burggrad_1.jpg) repeat-x;
	text-align: center;
}
.thinBorder{
	border: 1px solid #5496DE;
}
.table_top  {
	float: left;
	width: 98%;
	background: #FF8922 url(../images/orangegrad_1.jpg) repeat-x;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bolder;
	padding: 3px 0px 3px 10px;
	border-bottom: 1px solid #5496DE;
}
.contentbox  {
	float: left;
	width: 525px;
	border: 1px solid #5496DE;
	margin: 0px;
}
.contentbox2  {
	float: left;
	width: 525px;
	border: 1px solid #5496DE;
	padding-left:10px;
	padding-top:5px;
}
.adbox  {
	float: left;
	width: 525px;
	border: 1px solid #5496DE;
	margin: 10px 0px 0px 0px;
	background: url(../images/ltbluegrad_2.jpg) repeat-x;
}
#adboxrt  {
	float: left;
	padding: 20px 10px 10px 10px;
	margin: 0px 0px 0px 10px;
	width: 250px;
}
#adboxlft  {
	float: left;
	margin: 0px 0px 10px 5px;
	width: 180px;
}
#adlogo  {
	float: left;
	margin: 15px 0px 0px 10px;
}
.adcall {
	float: left;
	font-size: 1.1em;
	background: #EDF4F7;
	width: 525px;
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.featuredProd {
	margin: 10px 10px 10px 10px;
	padding: 10px;
	font-size: .8em;
	

}
.twocoldeals {
	float: left;
	padding: 0px 10px 0px 10px;
}
.dealdeal {
	float: left;
	margin: 10px 0px 10px 10px;
	padding: 10px;
	font-size: 1em;
	background: #EDF4F7;
	width: 213px;	
}
.dealdeal2 {
	float: left;
	margin: 10px 0px 10px 10px;
	padding: 10px;
	background: #EDF4F7;
	width: 213px;
	font-weight: bold;
	text-align: center;
}
.dealsubhead  {
	font-size: 1.5em;
	font-weight: bold;
	color: #ED6B00;	
}
.dealsmltyp  {
	font-size: .9em;
}
/*    Generic styles ------------------------------------*/

.contentbox1   {     /*    content box which appears under an orange header bar ------------------------------------*/
	float: left;
	width: 500px;
	border: 1px solid #5496DE;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	
}

.boxheader1  {    /*    first orange header bar that appears at the top of a page ------------------------------------*/
	float: left;
	width: 525px;
	background: #FF8922 url(../images/burggrad_1.jpg) repeat-x;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bolder;
	padding: 3px 0px 3px 0px;
	border-top: 1px solid #5496DE;
	border-right: 1px solid #5496DE;
	border-left: 1px solid #5496DE;
	margin: 10px 0px 0px 0px;
	text-indent: 10px;
	
}

.boxheader1featured  {    /*    first orange header bar that appears at the top of a page ------------------------------------*/

	color: #000000;
	font-size: 1.2em;
	font-weight: bolder;

}


	

/*horizontal nav----------------------------------------------------*/


#navcontainer ul
{
	padding-left: 0;
	margin-left: 0;
	margin-bottom:0;
	margin-top:0;
	color: #003366;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	background: url(../images/orangeheadbg.jpg) repeat-x;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #5496DE;
	border-right-color: #5496DE;
	border-bottom-color: #5496DE;
	border-left-color: #5496DE;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
	padding: 0.2em 1em;
	color: #003366;
	text-decoration: none;
	float: left;
	border-right: 1px solid #5496DE;
	font-weight: bold;
	font-size: .95em;
}

#navcontainer ul li a:hover
{
	color: #fff;
	background: url(../images/bluegrad_1.jpg) repeat-x;
}
/*-------------------------------------------------------------------*/

/*------another nav style-----------------------------------------------------------------------------*/

#navlistcontainer{


}

#navlistvert li
{
	display: inline;
	/* for IE5 and IE6 */
}

#navlistvert
{
	/* to display the list horizontaly */
	float: left;
	font-family: sans-serif;
	padding: 0px;
	margin-left:0;/*this moves it over to left all the way in IE*/
	font-weight: bold;
	font-size: .9em;
	border-bottom: 1px solid #5496DE;

}

ul#navlistvert a
{	width:auto;
	/* extend the sensible area to the maximum with IE5 */
	display: block;
	/*background-color: #fff;*/
	border-top: 1px solid #5496DE;
	padding:3px 15px 3px 15px;
	text-align: left;
	text-decoration: none;
	color: #003366;
	background-image: url(/store/resources/images/rightarrow.png);
	background-repeat: no-repeat;
	background-position: left;
}



#navlistvert a:hover {
	color: #FFFFFF;
	background-color: #5496DE;
}
#navlistvert a:visited {  }

/*quick price styles*/
#startingAtName{
	font-weight: bold;
}
#startingAtPrice{

	font-weight: bold;
}
#startingSpace{
	padding-bottom:7px;
}
#quickPrice{
	font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
text-align:center;
padding-bottom:5px;
padding-top:5px;
border: 1px solid #5496DE;
}
#quickPriceResult{
    text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#FFFFFF;
	/*border-top-width: thin;
	border-top-style: solid;
	border-top-color: #5496DE;*/

}
#startingAtInStock{
font-size:.75em;
}
#quickPriceResultShipTime{
	font-weight: bold;
	color:#FF6600;
}

#quickPriceResultShipTime2{/*item display*/
font-weight: bold;
}

/*end quick price styles*/

/*tab view-------------------------------------------------------------------------*/

div.TabView div.Tabs
{
  height: 24px;
  overflow: hidden;

}

div.TabView div.Tabs a
{
  float: left;
  display: block;
  width:  90px;
  text-align: center;
  height:      24px;
  padding-top: 3px;
  vertical-align: middle;
  border: 1px solid #5496DE;
  border-bottom-width: 0;

  text-decoration: none;
  font-family: "Times New Roman", Serif;
  font-weight: 900;
  color: #000080;
}

div.TabView div.Tabs a:hover
{
background-color: lightyellow;
}
div.TabView div.Tabs a.Active
{
color:#FF9900;
	font-weight: bold;
	text-align: center;
	font-size: 1.1em;
	background-image: url("../images/burggrad_1.jpg");
}
div.TabView div.Pages
{
  clear: both;
  border: 1px solid #5496DE;
  overflow: hidden;
  width: 400px; height: 450px;
}

div.TabView div.Pages div.Page
{
  height: 100%;
  padding: 0px;
  overflow: hidden;
}

div.TabView div.Pages div.Page div.Pad
{
  padding: 3px 5px;
}

.Pages{ 
width: 400px; height: 450px;
}

.productUpgrades{
	border:1px solid #5496DE;
	padding:8px;
	
}
#upgradesContainer{
	width:733px;
}
form.addtocartform{
	margin:0;
	clear:left;
}
.cartContentHeader{
	font-size: 1.2em;
	font-weight: bold;	
}
#craftysyntax{
text-align:center;
}
#buynow{
	font-weight: bold;
}
#buynowpro{
	font-weight: bold;
}


/*sub tab navigation------------------------------------------------------*/
.navigationTabHeaderContainer
{
    padding-left: 0;
    margin-left: -30px;
    margin-bottom:0;
    margin-top:0;
    float: left;
    width: 103%;
    font-family: Arial, Helvetica, sans-serif;
}

.navigationTabHeader a
{
    color: #000;
    background: #ffa20c url(../images/left-tab.gif) left top no-repeat;
    text-decoration: none;
    padding-left: 10px
}



.navigationTabHeader a span
{
    background: url(../images/right-tab.gif) right top no-repeat;
    padding-right: 10px
}

.navigationTabHeader a, .navigationTabHeader a span
{
    display: block;
    float: left
}

/* Hide from IE5-Mac \*/
.navigationTabHeader a, .navigationTabHeader a span
{
float: none
}
/* End hide */

.navigationTabHeader a:visited
{
color: #000;
background: #ffa20c url(../images/left-tab.gif) left top no-repeat;
    text-decoration: none;
    padding-left: 10px
}

.navigationTabHeader a:hover
{
color: #fff;
background: #781351 url(../images/left-tab-hover.gif) left top no-repeat;
padding-left: 10px
}



.navigationTabHeader a:hover span
{
background: url(../images/right-tab-hover.gif) right top no-repeat;
padding-right: 10px
}


.navigationTabHeader a.active
{
color: #fff;
background: #781351 url(../images/left-tab-hover.gif) left top no-repeat;
padding-left: 10px
}



.navigationTabHeader a.active span
{
background: url(../images/right-tab-hover.gif) right top no-repeat;
padding-right: 10px
}


.navigationTabHeader ul
{
list-style: none;
padding: 0;
margin: 0;

}

.navigationTabHeader li
{
float: left;
margin: 0;
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
}
/*sub tab navigation------------------------------------------------------*/

/*image popup*/
.ddimgtooltip{
box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 5px #818181;
-moz-box-shadow: 3px 3px 5px #818181;
display:none;
position:absolute;
border:1px solid black;
background:white;
color: black;
z-in