/* MASTER PREPRESS SYSTEMS RETAIL COMPREHENSIVE CSS */
/*------------------------------------------------------------*/
/***************  TABLE OF CONTENTS   ***********************/

/*

COMPANY NAME -       DOCUCENTER.COM

GENERAL ELEMENTS -         h1 thru h5, img, etc..
PAGE FONT STYLE -          font styling for entire page except store content area.
ASP GENERATED CONTAINERS - body, aspnetform, container.
TOP INCLUDE INFORMATION -  docucenter java/rotater, topnav/hard links,
SPLASH AREA
ASP SEARCH BOX -           searchbox.
ASP ABBREVIATED CART -     topcartwrap, cartType, cartPic, abbreciatedcart.
ASP NAV MENU -             navmenuitemdiv, navmenuitemlink, generated nav links.
ASP SMALL CART -           only used on customer request.
FEATURED PRODUCT -         
NAV CATEGORY -             
STORE CONTENT AREA - 
STORE FOOTER - 
PAGE TITLES - 
PAGE BUTTONS -
LIST PAGE -
SHOPCART PAGE -
DETAIL PRODUCT PAGE -
LOGIN PAGE -
USER CREATED STORE PAGE -
LOST PASSWORD PAGE -

****/
/**********  COLOR PALETTE  ************/
/*
#000  - USED FOR NAV TYPE
#000  - USED FOR NAV ROLL OVER
#000  - USED FOR MAIN TYPE
#000  - USED FOR BACKGROUND 
*/


/*------------------------------------------------------------*/
/***************  GENERAL ELEMENTS   **************************/

img{/* stops the blue border around link images for IE */
border: none;
}
hr{
margin: 0px;
padding: 0px;
}
h1{}
h2{}
h3{}
h4{/*-- USE THIS FOR USER GENERATED HEADING STYLING --*/
background: url(store_images/h4bg.jpg) no-repeat;
width: 600px;
height: 27px;
font: normal normal bold 16px verdana, sans-serif;
color: #cc0000;
text-indent: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
h5{}


/*------------------------------------------------------------*/
/********************  PAGE FONT STYLE   **********************/

#cartType, #abreviatedCart, #searchBox, #navMenu, #featuredProduct, #navCategory, #footer1, #hardtop,  .searchbutton, #storeContentArea{
font: normal normal normal 12px arial, sans-serif;
}

/*------------------------------------------------------------*/
/***************  ASP GENERATED CONTAINERS ********************/

body{
background: url(store_images/bg.jpg) fixed repeat-x;
margin: 0px;
padding: 0px;
}

#aspnetForm{
background: url(store_images/) repeat-y; 
}

#container{

width: 997px; /* 994px standard container width */
margin: 0 auto;
padding: 0px 0px 0px 0px;
}
#bottomhalf{
background: url(store_images/mainbg.jpg) repeat-y;
}
#bottomleftnavwrap{
width: 172px;
float: left;
}
/*------------------------------------------------------------*/
/********************  TOP INCLUDE INFORMATION   ***********************/

#logo{
width: 250px;
height: 36px;
background: url(store_images/) no-repeat;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: right;
}

#topwrap{
width: 977px;
height: 36px;
background: #fff url(store_images/topnavbg.jpg) no-repeat;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 20px;
}

#hardtop{
width: 325px;
height: 26px;
float: left;
padding: 10px 0px 0px 0px;
}

#hardtop a{
text-decoration: none;
padding: 0px 5px 0px 5px;
font: normal normal bold 13px arial, sans-serif;
color: #660000;
}

#hardtop a:hover{
color: #fff;
}
/*------------------------------------------------------------*/
/********************  SPLASH AREA  ***********************/
#splashdemos{
position: relative;
margin: 8px 0px 8px 0px;
width: 994px;
height: 250px;
padding:0;
background: url(store_images/splashbg.jpg) no-repeat;
}

.splashpics { 
float: left;
height: 250px; 
width: 994px; 
padding:0; margin:0; 
overflow: hidden 
}

.splashpics img { 
height: 250px; 
width: 994px; 
padding: 0px;   
}

.splashbutton { 
position: absolute;
left: 692px;
top: 179px;
height: 45px; 
width: 125px; 
padding:0; 
margin:0; 
overflow: hidden;
color: fff;
}

.splashbutton a{ 
display: block;
background: url(store_images/button.jpg) no-repeat;
width: 113px;
height: 35px;
margin: 9px 0px 0px 7px;
color: fff;
font: normal normal bold 13px arial;
text-decoration: none;
}

.splashbutton a:hover{
color: fff;
background: url(store_images/button2.jpg) no-repeat;
}

pre{
display: none;
}

#splash2{/* alternate short splash for pages beyond the first */
position: relative;
margin: 8px 0px 8px 0px;
width: 994px;
height: 150px;
padding:0;
background: url(store_images/docusplashsmallheader2010.jpg) no-repeat;
}

/*------------------------------------------------------------*/
/********************  ASP SEARCH BOX   ***********************/

#searchBox{
width:175px;
height:30px;
padding: 6px 0px 0px 5px;
float: right;
}

#ctl00_lblSearch{
display: none;/*-- search text "Enter Search Terms:" --*/
}
.searchTitle{}/*-- class for #ctl00_lblSearch --*/
#ctl00_txtSearch{}/*-- id for .searchBox --*/
.searchBox{
width: 110px;
background-color: #FBFBDD;
border: 1px #000 solid;
}

/*------------------------------------------------------------*/
/******************  ASP ABBREVIATED CART   *******************/

#topcartWrap{ /*--- standard to wrap abbr cart with text and image of cart ---*/
width:155px;
height:36px;
margin: 0px 0px 0px 0px;
float: right;
}

#cartType{/*-- cart text "Items in Cart" --*/
display: block;
height: 26px;
color: #000;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
float: left;
}

#cartPic{/*-- cart icon --*/
width: 38px;
height: 36px;
padding: 0px 0px 0px 0px;
float: left;
}

#abreviatedCart{/*-- just the cart number --*/
display: block;
width: 23px;
height: 26px;
padding: 10px 0px 0px 10px;
color: #ff0000;
float: left;
font-weight: bold;
text-decoration: underline;
}


/*------------------------------------------------------------*/
/*********************  ASP NAV MENU   ************************/

/* navMenu body */
#navMenu{
background: url(store_images/navmenubg.jpg) no-repeat;
display: block;
width: 977px;
height: 25px;
padding: 0px 0px 0px 20px;
clear: both;
}

.navMenu1ItemDiv{
height: 25px;
float: left;
padding: 0px 0px 0px 0px;
}

.navMenu1ItemLink{
height: 25px;
text-decoration: none;
line-height: 25px;
font-family: arial, sans-serif;
font-weight: bold;
font-size: 13px;
color: #660000;
border-right: 1px #000 solid;

padding: 0px 10px 0px 10px;
}
.navMenu1ItemLink:hover{
color: #fff;
}
/*-- automatic navigation id's use hard links --*/
#navMenuHome, #navMenuShopCart, #navMenuLogin, #navMenuCreateAccount{
display: none;
}
.spacer{}

/*------------------------------------------------------------*/
/*******************  ASP SMALL CART   ************************/
/* small cart body*/
#smallCart{/* never use unless customer requests it */
display: none;
}
#ctl00_lblSmallCartInfo{}
.smallCartInfo{}
#smallCartItem{}
.smallCartItemLink{}


/*------------------------------------------------------------*/
/*******************  FEATURED PRODUCT   **********************/
#featwrap{
width: 172px;
float: left;
display:none!important;

}

#topofFeat{/*-- styling above featured product div --*/
width: 172px;
height: 40px;
background: url(store_images/topoffeat.jpg) no-repeat;
}

/* featured product body*/
#featuredProduct{
width:150px;

padding: 0px 0px 0px 10px;
}

#btmofFeat{/* bottom styling of featured product div */
}
.featuredProductLink{}
#ctl00_lnkFeaturedProduct{}
#ctl00_imgFeaturedProduct{/* use to set max width on featured product image */
/*max-width: 150px;*/
/* --- fix for ie6 max-width -- */
/*width: expression(document.body.clientWidth < 150? "150px" : 
document.body.clientWidth > 150? "150px" : "auto"); */
}
.featuredProductImage{}
#ctl00_lblFeaturedProduct{}
.featuredProductName{/*-- spaces featured product text further below image and centers it --*/
display: block;
line-height: 20px;
}
#featuredProduct a:hover{
color: #ff0000;
}
#ctl00_lblFeaturedProductInfo{}
.featuredProductInfo{}

/*------------------------------------------------------------*/
/*******************    NAV CATEGORY     **********************/
#catwrap{
width: 172px;
clear: both;
}
#topofCat{/* styling above nav category */
width: 172px;
height: 40px;
background: url(store_images/topofcat.jpg) no-repeat;
margin: 0px 0px 0px 0px;
}

/* category body */
#navCategory{
width:145px;/* standard width of nav category is 174px */
padding: 5px 0px 0px 15px;
}

#btmofCat{/* bottom styling of nav category */
}
#ctl00_menuCategory{/* wraps menu items */
padding: 0px 0px 0px 0px;
}
.slide{/* flyout menu items container*/
border: 1px #0053a1 solid;
background-color: #fff;
}
.text{/* styling for all menu text*/
padding: 0px 0px 0px 0px;
}
#ctl00_menuCategory ul li{
width: 150px;
}
#ctl00_menuCategory ul li a{/* use this to add icon to left of menu text */
padding: 5px 0px 5px 0px;
text-decoration: none;
}
#ctl00_menuCategory ul li a:hover{
color: #ff0000;
}
.navCategoryItem{}
.navCategoryItemLink{}

/*------------------------------------------------------------*/
/*******************  STORE CONTENT AREA   ********************/

/* content body */
#storeContentArea{
width:800px;/* standard width of Content area is 620px */
padding: 10px 10px 0px 10px;
min-height: 400px;
height:auto !important;
height:400px;
float: left;
}
#storeContentArea a{
text-decoration: none;

}
#storeContentArea a:hover{
color: #999;
text-decoration: underline;
}

/*------------------------------------------------------------*/
/*******************     STORE FOOTER      ********************/

#footer1{/* store Footer there is no footer generated by asp */
background: #fff url(store_images/) repeat-x;
clear: both;
width:997px;
height:50px;
color: #000;
border-top: 10px #CAC9AD solid;
margin: 50px 0px 0px 0px;
padding: 5px 0px 0px 0px;
text-align: center;
}

#footer1 a{
color: #0053a1;
text-decoration: none;
padding: 0px 10px 0px 10px;
}

#footer1 a:hover{
color: #990000;
}

#footer1 p{
margin: 0px;
padding: 0px 0px 0px 0px;
}
#footer1 span{
color: #ff0000;
margin: 0px;
padding: 0px 0px 0px 0px;
}

/*------------------------------------------------------------*/
/*******************     PAGE TITLES      ********************/


#shopCartPage_pageTitle, #lostPassword_pageTitle, #loginPage_pageTitle, #createAccount_pageTitle, #storeOrderFormPageTitle, .storePageTitle, #detailPage_pageTitle, #listPage_pageTitle, #checkout2Page_pageTitle, #checkoutPage_PageTitle{
display: block;
background: url(store_images/h4bg.jpg) no-repeat;
width: 604px;
height: 27px;
font: normal normal bold 16px verdana;
color: #cc0000;
text-indent: 10px;
line-height: 20px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}


/*------------------------------------------------------------*/
/*******************     PAGE BUTTONS      ********************/

#ctl00_btnSearch{}/*-- id for .searchButton --*/
.searchButton{
width: 50px;
height: 21px;
background-color: #e1e1be;
border: 1px #000 solid;
margin: 0px 0px 0px 0px;
}

#ctl00_ContentPlaceHolder1_btnSubmit,  #ctl00_ContentPlaceHolder1_btnCheckout, #ctl00_ContentPlaceHolder1_btnContinue, #ctl00_ContentPlaceHolder1_btnLogIn, #ctl00_ContentPlaceHolder1_btnCreateAccount, #ctl00_ContentPlaceHolder1_Button1{
margin: 10px 0px 20px 0px;
background-color: #e1e1be;
font: normal normal normal 13px arial, sans-serif;
border: 1px #005a31 solid;
}
.searchButton:hover, #ctl00_ContentPlaceHolder1_btnSubmit:hover, #ctl00_ContentPlaceHolder1_btnCheckout:hover, #ctl00_ContentPlaceHolder1_btnContinue:hover, #ctl00_ContentPlaceHolder1_btnLogIn:hover, #ctl00_ContentPlaceHolder1_btnCreateAccount:hover, #ctl00_ContentPlaceHolder1_btnSendPassword:hover, #ctl00_ContentPlaceHolder1_Button1:hover{
background-color: #F3F3D4;
font: normal normal normal 13px arial;
border: 1px #000 solid;
color: #000;
}
#ctl00_ContentPlaceHolder1_btnSendPassword{
background-color: #dbdbdb;
font: normal normal normal 13px arial, sans-serif;
border: 1px #005a31 solid;
}
#shopCartPage_button{}/* button container */

/*------------------------------------------------------------*/
/*******************       LIST PAGE       ********************/

#listPage_pageDescription{/*-- rich text editor area for list page --*/
}
.listPage_categoryDiv{/*-- styling for category images and text on home page --*/
width: 150px;
float: left;
margin: 0px 25px 0px 25px;
}
.listPage_categoryLink{
text-decoration: none;
}
.listPage_categoryImage{
text-decoration: none;
}
.listPage_categoryName{}
.listPage_categoryDescription{
color: #666;
text-align: left;
}
.listPage_productDiv{/*-- individual product and text styling on category page--*/
width: 150px;
float: left;
margin: 0px 25px 0px 25px;
}
.listPage_productDiv img{}
.listPage_productLink{
text-decoration: none;
}
.listPage_productImage{
text-decoration: none;
}
.listPage_productName{}
.listPage_productDescription{}
#categoryListings{
padding: 10px 0px 0px 0px;
}/*-- area container for categories on list page(shown when category driven) --*/
#productListings{}/*-- area container for products on list page(shown when product driven) --*/

/*------------------------------------------------------------*/
/*******************    SHOPCART PAGE      ********************/
#shopCartPage_instructions{
    padding: 0 0 20px 0;
}
#shopCartPage_cartTable{

}
#ctl00_ContentPlaceHolder1_tblCart{
    border: 1px #e0ddd4 solid;
    border-collapse: collapse
}
.infoTable{
}
.infoHeaderRow{}
.infoHeaderCell{
    background: url(store_images/th-bg.jpg) repeat-x;
    padding: 5px 10px;
    font-weight: bold;
    border-right: 1px #e0ddd4 solid;
}
.infoRow1{
    background: #fff;
    padding: 3px 0;
}
.infoRow2{
    background: #f8f8f8;
}
.infoRow1:hover{
    background: #ccffff;
}
.infoRow2:hover{
    background: #ccffff;
}
.infoCell{
    padding: 3px 10px;
}
.infoCellCenter{}
.infoCellRight{}
.shopCartCellItem, .shopCartCellQuantity, .shopCartCellDescription, .shopCartCellPrice, .shopCartCellOptions{
    text-align: center;
    padding: 5px 10px;
}
.shopCartCellItem{
    color: #555;
    font-weight: bold;
}
.shopCartCellOptions a{}

/*------------------------------------------------------------*/
/***************     DETAIL PRODUCT PAGE       ****************/
#detailPage_pageInstructions{
font: normal normal normal 12px arial, sans-serif;
}
#detailPage_productImage{
float: left;
padding: 15px;
border-right: 1px #ccc solid;
margin: 0px 10px 0px 0px;
}
#detailPage_clickForLargeImage{
font: normal normal normal 12px arial, sans-serif;
}
#detailPage_productDescription{/*-- small product discription --*/
font: normal normal normal 12px arial, sans-serif;
}
#detailPage_fullproductDescription{/*-- rich text area for individual product --*/
}
#detailPage_priceTable{
font: normal normal normal 12px arial, sans-serif;
}
#detailPage_quantity{}
#detailPage_quantityInstructions{
font: normal normal normal 12px arial, sans-serif;
}
#detailPage_orderNotes{}
#detailPage_additionalInstructions{
font: normal normal normal 12px arial, sans-serif;
}
#detailPage_uploadFile{}
#detailPage_addToCart{}
.priceTableHeaderRow{}
.priceTableHeaderCell{
    text-align: center;
    background: url(store_images/th-bg.jpg) repeat-x;
    border-right: 1px #e0ddd4 solid;
}
.priceTable{
    
}
.priceTable th{
    padding: 5px 10px;
    font-weight: bold;
}
.priceTable td{
    text-align: center;
    
}
.priceTableRow1{
    background: #fff;
}
.priceTableRow2{
    background: #f8f8f8;
}
.priceTableRow1:hover{
    background: #ccffff;
}
.priceTableRow2:hover{
    background: #ccffff;
}
.priceTableCell{
    padding: 5px 10px;
}
.storeInstructions{}
#ctl00_ContentPlaceHolder1_imgProduct{
    padding: 0 0 0 10px;
}
#ctl00_ContentPlaceHolder1_tblPricing{
    border-collapse: collapse;
    border: 1px #e0ddd4 solid;
}
#ctl00_ContentPlaceHolder1_txtQuantity{
    height: 18px;
    font-size: 12px;
    margin: 0 0 15px 5px;
}
#ctl00_ContentPlaceHolder1_ddQuantity{
    width: 200px;
    height: 20px;
    font-size: 14px;
}
#ctl00_ContentPlaceHolder1_txtInstructions{}
#ctl00_ContentPlaceHolder1_RadWindowManager1_wrapper{}
#ctl00_ContentPlaceHolder1_RadWindowManager1StyleSheetHolder{}
#ctl00_ContentPlaceHolder1_RadWindowManager1{}
#ctl00_ContentPlaceHolder1_RadWindowManager1_MinimizeTemplate{}
#ctl00_ContentPlaceHolder1_RadWindowManager1_AlertTemplate{}
#ctl00_ContentPlaceHolder1_RadWindowManager1_ConfirmTemplate{}
#ctl00_ContentPlaceHolder1_RadWindowManager1_PromptTemplate{}
#RadWSplashHolder{}
.RadUploadProgressArea{
	position: absolute;
	}
#ctl00_ContentPlaceHolder1_RadProgressArea1{
	position: relative;
	}
/*------------------------------------------------------------*/
/*******************       LOGIN PAGE      ********************/
#ctl00_ContentPlaceHolder1_lblYourEmailAddress{
font: normal normal normal 12px arial, sans-serif;
}
#ctl00_ContentPlaceHolder1_txtUserName{}
#ctl00_ContentPlaceHolder1_lblPassword{
font: normal normal normal 12px arial, sans-serif;
}
#ctl00_ContentPlaceHolder1_txtPassword{}
#ctl00_ContentPlaceHolder1_lnkLostPassword{
font: normal normal normal 12px arial, sans-serif;
}
#ctl00_ContentPlaceHolder1_lnkNewAccount{
font: normal normal normal 12px arial, sans-serif;
}
#loginPage_instructions{}
#loginPage_accountArea{}
#loginPage_emailAddress{}
#loginPage_password{}
#loginPage_submit{}
#loginPage_lostPassword{}
#loginPage_newCustomers{}
#ctl00_ContentPlaceHolder1_lblPleaseLogIn{}
#ctl00_ContentPlaceHolder1_lblInfo{}

/*------------------------------------------------------------*/
/***************     USER CREATED STORE PAGE    **************/
.storePageContent{}
#bgirl{
border: 1px #999 solid;
}

/*------------------------------------------------------------*/
/********************    LOST PASSWORD PAGE   *****************/
#lostPassword_instructions{
font: normal normal normal 12px arial, sans-serif;
}
#lostPassword_inputArea{}
#ctl00_ContentPlaceHolder1_txtEmail{}

/*------------------------------------------------------------*/
/***************        CHECKOUT PAGE       *******************/

.checkoutPage_tableTitle{
    height: 22px;
    font-weight: bold;
    font-size: 14px;
    padding: 3px 0 0 0;
}
#ctl00_ContentPlaceHolder1_ddShipping{
    margin: 0 0 15px 0;
    height: 20px;
}
.pageInstructions{
    height: 25px;
}
#ctl00_ContentPlaceHolder1_txtShipName, #ctl00_ContentPlaceHolder1_txtShipCompany, #ctl00_ContentPlaceHolder1_txtShipAddress1, #ctl00_ContentPlaceHolder1_txtShipAddress2, #ctl00_ContentPlaceHolder1_txtShipCity, #ctl00_ContentPlaceHolder1_ddShipState, #ctl00_ContentPlaceHolder1_txtShipPostal, #ctl00_ContentPlaceHolder1_ddShipCountry, #ctl00_ContentPlaceHolder1_txtShipPhone, #ctl00_ContentPlaceHolder1_txtShipFax, #ctl00_ContentPlaceHolder1_txtShipEmail, #ctl00_ContentPlaceHolder1_pnlBillingAddress, #ctl00_ContentPlaceHolder1_txtBillName, #ctl00_ContentPlaceHolder1_txtBillCompany, #ctl00_ContentPlaceHolder1_txtBillAddress1, #ctl00_ContentPlaceHolder1_txtBillAddress2, #ctl00_ContentPlaceHolder1_txtBillCity, #ctl00_ContentPlaceHolder1_ddBillState, #ctl00_ContentPlaceHolder1_txtBillPostal, #ctl00_ContentPlaceHolder1_ddBillCountry, #ctl00_ContentPlaceHolder1_txtBillPhone, #ctl00_ContentPlaceHolder1_txtBillFax, #ctl00_ContentPlaceHolder1_txtBillEmail{
    height: 18px;
}
#ctl00_ContentPlaceHolder1_btnCheckOut{}
#ctl00_ContentPlaceHolder1_ddBilling{
    height: 20px;
}
.tabAreaContentHolder table table{
		background: #f5f5f5;
		padding: 0 15px 15px 15px;
		display: block;
	}
#ctl00_ContentPlaceHolder1_btnCheckOut{
	padding: 5px;
	margin: 0 0 25px 0;
	font-size: 18px;
	font-weight: bold;
	color: #555;
	}


/*------------------------------------------------------------*/
/***************        CHECKOUT2 PAGE       *******************/
#checkout2Page_instructions{
	padding: 0 0 15px 0;
	}
#checkout2page_promo{
	padding: 15px 0;
	}
#checkout2Page_deliveryDate, #checkout2Page_poNumber{
	padding: 10px 0;
	}
#checkout2Page_submit{
	margin: 0 0 25px 0;
	}