/* 
*************
General Text 
*************
*/

body{
	font-family: arial, sans-serif;
	text-decoration:none;
	font-size:9pt;	
}
.standard{
	font-family: arial, sans-serif;
	text-decoration:none;
	font-size:9pt;	
	font-weight:normal;
}
.title1{
	font-size:11pt;
	font-weight: bold;
}
.title2{
	font-size:10pt;
	font-weight: bold;
}
.title3{
	font-size:9pt;
	font-weight: bold;
	text-decoration:underline;
}
.title4{
	font-size:9pt;
	font-weight: bold;
}
.productsListFont{
	font-size:9pt;	
}
.productsListDisplayRed{
	font-size:10pt;	
	font-weight: bold;
	color:#AA2233;
	text-align:right;
	padding-right:3px;	
}
.productsListDisplayRedSale{
	font-size:12pt;	
	font-weight: bold;
	color:#bb3344;
	text-align:right;
	padding-right:3px;
	background:url(img/saleicon2.jpg);
	background-position:10px 3px;
	background-repeat:no-repeat;	
}
.alignRight{
	text-align:right;
	padding-right:3px;	
}
.redHighlight{
	font-size:11pt;
	font-weight: bold;
	color:#AA2233;
}
.redStrikethrough{
	font-size:11pt;
	font-weight: bold;
	color:#991122;
	text-decoration:line-through;
}
.redSaleHighlight{
	font-size:12pt;
	font-weight: bold;
	color:#bb3344;
}
.footernotes{
	font-size:8pt;
	font-weight:bold;
}

a{text-decoration:none;font-weight:bold;}
a:link{color:#535353;text-decoration:none;}
a:hover{color:#222222;text-decoration:none;}
a:visited{color:#535353;text-decoration:none;}

/*
***********
main layout 
***********
*/


body{
width:auto;
background-color:#FFFFFF;
color:#000000;
margin:0px;
}
img{
	border:0px;
}
table{
	border-collapse:collapse;
}
hr{
	width:90%;
	height:1px;
	color:#EEEEEE;
	background-color:#eeeeee;
}
html>body #centercontent {
}
#header{
position:relative;
height:119px;
margin:7px 7px 0px 7px;

}
#topNav{
	display:none;
position:absolute;
width:40%;
height:25px;
top:-21px;
margin:auto;
margin-left:340px;
text-align:center;
}
#leftcontent {
display:none;
position: absolute;
left:5px;
top:140px;
width:200px;
background:transparent;
}
#centercontent {
position:relative;
margin-top:10px;
voice-family: "\"}\"";
voice-family: inherit;
min-width:310px;
}


#rightcontent {
display:none;
position: absolute;
right:10px;
top:140px;
width:200px;
background:transparent;
}
#footer{
	position:relative;
	width:330px;
	height:100px;
	text-align:center;
	bottom:20px;
	margin:0px auto 0px auto;
}
#footerNav{
	display:none;	
}
.blockClear{
	clear:both;	
}
#logo{
	position:relative;
}
#topBanner{
	display:none;
	position:absolute;
	width:45%;	
	text-align:center;
	top:0px;
	left:340px;
}
#topBanner img{
	position:relative;
	margin:auto;
}
#headerCart{
	position:absolute;
	width:190px;
	height:100px;
	top:0px;
	right:10px;
	display:none;
}
#loginBox{
	position:relative;
	margin: 20px 0px 5px 0px;
}
.loginInput, .loginLabels{
	position:relative;
	float:left;
	width:70px;
}
.marginBox2010{
	position:relative;
	margin:20px 10px;
}
.marginBox510{
	position:relative;
	margin:5px 10px;
}
.width55{
	position:relative;
	width:55%;
	min-width:310px;
}
/*
*******************
* tabs styles
*******************
*/
.tab-content {
	border: 2px solid #eeeeee;
	padding: 0.5em;
	background:#fdfdfd;
}

.tab-header {
	position: relative;
	height: 3em;
	width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.tab-header ul.tab-list {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

.tab-header ul.tab-list li  {
	display: inline;
	list-style: none;
	margin: 0;
}

.tab-header ul.tab-list a,.tab-header ul.tab-list span,.tab-header ul.tab-list a.tab-active {
	width: 8em;
	display: block;
	float: left;
	padding: 4px 0;
	margin: 1px 2px 0 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 85%;
	text-decoration: none;
	color: #535353;
}

.tab-header ul.tab-list span,.tab-header ul.tab-list a.tab-active,.tab-header ul.tab-list a.tab-active:hover {
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	border-bottom: none;
	color: #535353;
	padding-bottom: 6px;
	margin-top: 0;
}

/* a link in a background tab */
.tab-header ul.tab-list a {
	background: #fdfdfd;
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	border-bottom: none;
}

/* hover on a background tab */
.tab-header ul.tab-list a:hover {
	margin-top: 0;
	border-color: #eeeeee;
	background: #dddddd;
	color: #222222;
	padding-bottom: 5px;
}

.tab  /* the heading that became the li */
{
	display: none;
}

/*
*******************
	include modules
*******************
*/

#colorswatch{
	position:relative;
	width:175px;
	height:60px;
	background-color:#000000;
	border:1px solid #CCCCCC;
}

.rightColumnBG{
	position:relative;
	margin-bottom:10px;
	border:2px solid #EEEEEE;
	background:#fdfdfd;
	width:195px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}
.leftColumnBG{
	position:relative;
	margin-bottom:10px;
	border:2px solid #eeeeee;
	background:#fdfdfd;
	width:190px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}
#colorSearch select,#colorSearch input,#usedForSearch select,#usedForSearch input, #basicSearch input{
	margin-left:2px;
	font-size:9.5pt;
}

#searchTerm{
	width:180px;
}

#cartBlurb #cartImage{
	position:relative;
	float:left;
	margin:5px;
}
.cartBlurbInfo{
	position:relative;
	float:right;
	margin-right:8px;
	width:110px;
}
#cartBlurb hr{
	width:115px;
	text-align:center;
}
.cartBlurbBold{
	font-size:9pt;
	font-weight:bold;
	text-align:center;
	text-decoration:underline;
}
.cartBlurbRegular{
	font-weight:normal;
	font-size:8pt;
}
#cartBlurbAccountText{
	position:relative;
	text-align:center;
}
.cartBlurbLinks{
	position:relative;
	margin:auto;
}
#login, #pass, #loginSubmit{
	width:55px;
	font-size:8pt;
}

/* FOOTER ATTEMPTS */

#centercontent{
	min-height: 100%;
	margin-bottom: -50px;
	height:auto !important;
}
.clearfooter {
	height: 125px;
	clear: both;
}




/* 
**********
Navigation
**********
*/

#leftNav ul{
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	font-family: arial, sans-serif;
	font-size:9.8pt;
	font-weight: bold;
	text-decoration:none;
}
#leftNav a:link{
	color:#535353;
	text-decoration:none;
}
#leftNav a:hover{
	color:#333333;
	text-decoration:none;
}
#leftNav a:visited{
	color:#AA2233;
	text-decoration:none;
}

#topNav ul{
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	font-size:11pt;
	font-weight:bold;
}
.navList li {
	list-style-type: none;
	display: inline;
}
.navList li a {
	text-decoration: none;
	padding: 7px 2%;
}
#topNav a:link{
	color:#535353;
	text-decoration:none;
}
#topNav a:hover{
	color:#333333;
	text-decoration:none;
}
#topNav a:visited{
	color:#AA2233;
	text-decoration:none;
}

/*
*************
*index styles
*************
*/
#indexFeaturedItem{
	position:relative;
/*	width:550px; */
	width:100%;
	height:300px;
	margin:auto;
	text-align:center;
/*	background:url(img/xmas-specials.jpg);*/
	background-position:50% 0px;
	background-repeat:no-repeat;
}
#indexFeaturedItem img{
	margin:auto;
}
#indexFeaturedItem #featureFadeLeft{
	position:absolute;
	width:100px;
	height:300px;
	left:0px;
	background:url(img/featureblockFadeLeft.png);
}
#indexFeaturedItem #featureFadeRight{
	position:absolute;
	width:100px;
	height:300px;
	right:0px;
	background:url(img/featureblockFadeRight.png);
}
#indexNewItems{
	position:relative;
	margin:auto;
/*	width:546px;*/
	width:98%;
	height:260px;
	overflow:hidden;
}
.indexNewItemBlock{
	position:relative;
	float:left;
	width:150px;
	height:200px;
	padding:15px;
}
.indexNewItemImage{
	position:relative;
	width:100%;
	height:150px;
	text-align:center;
}

.indexNewItemRetail{
	position:absolute;
	font-size:18pt;
	font-weight:bold;
	color:#AA2233;
	top:140px;
	right:10px;
}
.indexNewItemList{
	position:absolute;
	font-size:10pt;
	text-decoration:line-through;
	color:#000000;
	top:130px;
	right:10px;
}
.indexNewItemDescription{
	position:relative;
	font-size:9pt;
	color:#5c5c5c;
}
.indexNewItemExDesc{
	position:relative;
	font-weight:normal;
	height:3em;
	font-size:6.5pt;
	color:#3c3c3c;
}
#indexCSection{
	position:relative;
	width:550px;
	margin:auto;
	top:10px;
}
.indexCBlock{
	position:relative;
	float:left;
	width:265px;
	padding:5px;
	height:300px;
	margin:auto;
}
#c1Image{
	position:relative;
	left:10px;
}
#c1Header{
	position:absolute;
	width:90%;
	top:10px;
}
.c1List{
	position:absolute;
	top:200px;
	left:70px;
	font-size:40pt;
	font-weight:bold;
	color:#AA2233;
}
.c1Description{
	position:absolute;
	top:40px;
	left:10px;
	font-size:8.5pt;
	font-weight: bold;
	text-decoration:underline;
}









/* 
*******************
Misc & shared content Styles
*******************
*/

.floatLeft{
	position:relative;
	float:left;
}
#searchFinelineDisplay{
	position:relative;
	padding-top:20px;
	width:90%;
}
#searchMoreFinelines{
	position:absolute;
	display:none;
}
#searchProductDisplay{
	position:relative;
	padding-top:20px;
	width:98%;
}

#subCategoryInfo{
	position:relative;
	width:97%;
	margin-top:10px;
	padding-left:10px;
}

#searchProductList{
	position:relative;
	width:100%;
}
#searchProductList table{
	width:100%;
}
#searchProductList tr{
	height:100px;
}

#productsListDisplay{
	position:relative;
	width:96%;
}
#productsListDisplay tr{
	height:100px;
}

#parentInfo{
	position:relative;
}

.centerContainer{
	position:relative;
	width:96%;
}
.displaySubCategory{
	position:relative;
	float:left;
	width:20%;
	min-width:105px;
	text-align:center;
	padding:5px 5px 10px 5px;
}
.displaySubcategoryImage{
	position:relative;
	height:100px;
	line-height:8em;
}
.displaySubcategoryImage img{
	position:relative;
	vertical-align:middle;
}
.displaySubCategoryDescription{
	clear:both;
	position:relative;
	width:80%;
	height:4em;
	margin:auto;
}

.displayProductsListPhoto{
	position:relative;
	width:100px;
	margin:auto;
	text-align:center;
}
#expandfinelines{
	position:relative;
	clear:both;	
}
.paginationControl{
	position:relative;
	text-align:center;
	margin-top:10px;
}
#pageinationSummary{
	position:relative;
	text-align:left;
}
#paginationResults{
	position:relative;
	float:left;
	left:10px;
}
.prrpp{
	position:relative;
	float:right;
	left:0px;
	padding-right:25px;
	height:25px;
}
#paginationPages{
	position:relative;
	clear:both;
	padding-right:25px;
}
.breadCrumb{
	position:relative;
	margin:15px 0px;
	font-size:8pt;
	font-weight:bold;
}

.fakeTableRow{
	position:relative;
	clear:both;
}
.fakeTableTD{
	position:relative;
	float:left;
	margin:0px 10px 0px 10px;
	text-align:center;
}
#gcMain{
	position:relative;
	margin-left:10px;
	width:90%;
	background-image:url(img/giftcardbg.jpg);
	background-position:100% 2%;
	background-repeat:no-repeat;
}

/*
***************
*MyAccount page
***************
*/
.fakeTableTDOrder{
	position:relative;
	float:left;
	margin:0px 10px 0px 10px;
	text-align:center;
	width:50px;
}
.fakeTableTDDate{
	position:relative;
	float:left;
	margin:0px 10px 0px 10px;
	text-align:center;
	width:120px;
}
.fakeTableTDDescription{
	position:relative;
	float:left;
	margin:0px 10px 0px 10px;
	text-align:center;
	width:200px;
}
.fakeTableTDQty{
	position:relative;
	float:left;
	margin:0px 10px 0px 10px;
	text-align:center;
	width:30px;
}
.fakeTableTDPrice{
	position:relative;
	float:left;
	margin:0px 10px 0px 10px;
	text-align:center;
	width:50px;
}
.fakeTableTDExt{
	position:relative;
	float:left;
	margin:0px 10px 0px 10px;
	text-align:center;
	width:60px;
}
.orderDetailShowHide{
	position:relative;
	clear:both;
	margin-left:25px;
	display:none;
}
#myAccountOrderDetailHeader{
	margin:5px 0px 5px 0px;
}
/*
**********************
cart view page
**********************
*/
#cartDisplay{
	position:relative;
	width:95%;
}
#cartDisplay a:link, #cartDisplay a:hover, #cartDisplay a:visited{
	font-size:9pt;
	font-weight:normal;	
}
.cartSku{

}
.cartDescription{
	padding:0px 5px;
	text-align:left;
}
.cartRetail{
}
.cartQty{
	text-align:right;
}
.cartExtension{
	text-align:right;
}
.cartRemove{
	text-align:center;
}
.updateCart{
	position:relative;
	float:right;
	top:15px;
	right:40px;
}
#caliDisclaimer{
	position:relative;
	width:200px;
	margin-top:20px;
	left:20px;
}
/*
**********************
fineline  & class display page
**********************
*/
.categoryImage{
	float:left;
	margin:0px 10px 0px 10px;
	text-decoration:none;
}
.categoryDescription{
	margin:30px 10px 5px 10px;
}
.categoryDocs{
	position:relative;
	margin-top:25px;
	margin-right:10px;
}
.finelineDoc{
	position:relative;
	text-align:center;
	float:left;
	width:90px;
	margin:10px 5px;
}
/*
**********************
department display page
**********************
*/
.departmentImage{
	position:relative;
	float:left;
	padding:5px 10px;
	min-width:300px;
	width:50%;
	text-align:center;
}


/*
*******************
product detail page
*******************
*/
#prodDetailPhotos{
	position:relative;
	float:right;
	max-width:302px;
	padding-left:10px;
	z-index:50;
}
#prodDetailPhoto{
	position:relative;
}
#prodDetailThumbs{
	position:relative;
	text-align:center;
}
.prodDetailthumb{
	float:left;
	width:100px;
	height:110px;

}
#prodDetailMovies{
	position:relative;
	text-align:center;
	z-index:50;
}
#prodDetailMovieCentering{
	position:relative;
	max-width:512px;
	margin:auto;	
	padding-top:20px;
}
#prodDetailMovie{
	position:relative;
	margin-top:20px;
}
#prodDetailMovieThumbs{
	position:relative;
	text-align:left;
	font-size:9pt;
	color:#525252;
	font-weight:bold;
}
.prodDetailMovieThumb{
	float:left;
	width:100px;
	margin:5px;
}
#prodDetailText{
	position:relative;
	text-align:justify;
	width:90%;
	padding-left:20px;
	padding-right:10px;
}
#prodDetailDescription{
	position:relative;
	margin-bottom:10px;
}
#prodDetailTitle{
	font-size:11pt;
}
#manufacturerName{
	font-size:9pt;
	color:#525252;
	font-weight:bold;
}
#prodDetailExtended{
}
#prodDetailSpecs{
	position:relative;
	margin-top:20px;
	text-align:left;
}
#prodDetailAddtoCart{
	position:relative;
	padding-top:20px;
	vertical-align:top;
}
#prodDocs{
	position:relative;
	margin-top:20px;
}
#prodAssociated{
	position:relative;
	clear:both;
	width:100%;
	height:120px;
	margin-top:20px;
}
.assoProd{
	position:relative;
	float:left;
	width:115px;
	text-align:center;	
}
.docBox{
	position:relative;
	margin:5px;
	vertical-align:50%;
}
.docBox img{
	position:relative;
	float:left;
	margin-right:15px;
}


/*
auto complete styles
*/
.autocomplete {
    font-family: Tahoma;
    font-size: 8pt;
    background-color: white;
    border: 1px solid black;
    position: absolute;
    cursor: default;
    overflow: auto;
    overflow-x: hidden;
}

.autocomplete_item {
    padding: 1px;
    padding-left: 5px;
    color: black;
    width: 100%;
}

.autocomplete_item_highlighted {
    padding: 1px;
    padding-left: 5px;
    color: white;
    background-color: #0A246A;
}
/*
*******************
checkout page
*******************
*/
#shippingInfo{
	position:relative;
	min-width:260px;
}
#billingInfo{
	position:relative;
	min-width:260px;
	padding:10px;
}
#checkoutSubmitFooter{
	position:relative;
	text-align:right;
	clear:both;
	padding-top:10px;
	padding-right:20px;
}
#checkoutContactInfo{
	position:relative;
	clear:both;
	padding-top:10px;
}
#checkoutBusinessItems{
	position:relative;
	clear:both;
	padding-top:20px;
}
#checkoutOrderInfo{
	padding:10px;
}
#specialInstructions{
	position:relative;
	width:100%;
	margin-top:20px;
}
#specialInstructions specInstructions{
	text-align:left;
}
#cartCheckoutDisplay{
	position:relative;
	width:70%;	
}

/*
*******************
Receipt page
*******************
*/
#receiptDescription{
	position:relative;
	padding-top:10px;
}
#receiptShipping{
	position:relative;
	padding-top:10px;
	
}
#receiptBilling{
	position:relative;
	padding-top:10px;
	
}
#receiptSpecInst{
	position:relative;
	padding-top:10px;
	
}
#receiptContact{
	position:relative;
	padding-top:10px;
	
}

#receiptItems{
	position:relative;
	padding-top:10px;
}
#accountSubmitFooter{
	position:relative;
	margin-top:15px;
}
.recieptErrorMessage{
	position:relative;
 	margin-top:10px;
 	font-weight:bold;
 	color:#745252;
}
#receiptCart{
	position:relative;
	font-size:12px;
}

/*
********************
* Contact Page
********************
*/
#contactMainRight{
	position:relative;
	float:left;
	width:50%;
	min-width:250px;
	text-align:center;
}
#contactMainRightCentered{
	position:relative;
	margin:32px auto 0px auto;
	width:250px;
	text-align:left;
}
#contactMainLeft{
	float:left;
	position:relative;
	width:250px;
}
#map_canvas{
	position:relative;
	border:2px solid #888888;
	width:500px;
	height:400px;
}

/*
********************
* Account Creation Page
********************
*/
#accountCreateForm table{
	font-size:9pt;
}
#accountCreateForm td{
	height:40px;
}

/*
********************
*color picker styles
********************
*/
#colorspy {padding: 7px 0px 20px 0px; margin: 0px; font-size: 16px; text-align: left; COLOR: #555;width:190px; height:250px;}
#colorspy a { COLOR: #e04f92; }

#mini { COLOR: #999; CURSOR: move; FONT-FAMILY: arial, helvetica, san-serif; FONT-SIZE: 11px; POSITION: absolute; background: #000; padding-bottom: 8px; border: 1px solid #111; WIDTH: 175px; HEIGHT: 182px; Z-INDEX: 100; }
#mini div { margin: 0; padding: 0; }
#mini .north { background: #111; border-bottom: 1px solid #171717; }
#mini .north div { color: #999; float: right; padding: 5px 7px; CURSOR: pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#mini .north div:hover { COLOR: #DE83AD; }
#mini .south { HEIGHT: 155px; WIDTH: 155px;margin: 32px 0 0 10px; cursor: crosshair; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#mini .south div { position: absolute; height: 9px; width: 9px; z-index: 101; }
#mini .south img { height: 100%; WIDTH: 100%; position: relative; TOP: -8px; LEFT: -1px; }
#mini #mHEX { padding: 5px 0 4px 7px; cursor: text; float: left; }
#mini #mHEX:hover { color: #DE83AD }
#mini #mSize { float: right; top: -14px; left: 7px; height: 14px; width: 14px; cursor: se-resize }

#plugID{position:absolute;margin-left:2px;}