th, td {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: x-small; /* this is overridden all over the place for usability reasons */
	color: #000000;
	padding: 2px;
}

th {
	font-weight: bold;
	text-align: left;
}
th.right {
	text-align: right;
}

input, select, textarea {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small; 
	color: #000000;
}

a img {
	border: none;
}

.bodyContent {
	padding: 10px 20px;
	font-size: small;
	width: 780px;
	clear:both;
}
.bodyContent td, .bodyContent th {font-size: small;}
.bodyContent th {font-weight: bold; color: #222;}
.bodyContent p {margin: 1em 0px;}
.bodyContent ul li {margin: 0px 0px 0px 40px; list-style-type: square;}

.content-center, .content-center td {font-size: small;}

.rightButton {
	float: right;
	margin: 1em 0;	
}
.rightButton input {
	/* button styles (like images) go here */
}

.clear {
	float: none;
	clear: both;
}

.buttonDown {margin-bottom: -3px;}
.error
{
    width: 95%;
    background-color: #FFDFFF;
    padding: 5px;
    border: 2px solid #FF0000;
}


/* Category page */
.categories a {text-decoration:none;}
.categories a:link {color: #003d99;}
.categories a:hover {color: Blue; text-decoration: underline;}
.categories a:visited {color: #4b2876;}
.categories a:active {color: Blue;}


.label {
    width: 100px;
    float: left;
    }
.det {
    float: left;
    width: 400px;
    }
.add {
    padding-top: 20px;
    }

div#productList {
    margin: 2em 0em;
    width:650px;
}

div#productList ul {
	list-style: none;
}

div#productList ul li.prod {
	display: block;
	/*padding-bottom: 20px;*/
	border: 0px solid #ccc;
	margin-bottom: 10px;
}

div#productList ul {
	 list-style: none;
}
	 
div#productList ul li.prod {
	display: block;
	margin: 20px 0px;
	padding: 10px 0px;
	border-top: 1px solid #eee;
	height: 100%;
}

.first {
	border: 0;
	padding: 0;
}

.prod {
	clear: both;
}
.prodThumb {
	float: left;
	height: 80px;
	width: 80px; 
	margin-right: 20px;
}
.prodThumb img {
	border: 1px solid #000;
}

.prodInfo {
	float: left;
	margin-left: 0px; /* this is weird in safari*/
}
.prodName {
	width: 100%;
}
.prodDetail {
    width: 100%;
    margin: 10px 0px;
}
.prodPrice 
{
	font-weight: bold;
}
.subCategory {float:left; padding-left:10px; padding-top:10px; padding-bottom:20px;}
.subCategory a {text-decoration:none;}
.subCategory a:link {color:Black;}
.subCategory a:hover {color:Red;}
.subCategory a:visited {color:Gray;}
.subCategory a:active {color:Red;}


/* Item Detail Page */
.prodImage {
	width: 200px;
	float: left;
	border:solid 1px gray;
	margin: 10px 0;
}
.prodImage ul li {
	list-style: none;
	list-style-image: none;
}
.prodImage a img {
	border: 1px solid #000;
}

.prodDetail {
	float: left;
	width: 470px;
	padding-left:20px;
	font-size:small;
}
.prodAdd {
	margin: 15px 0px;
}

.QPAdd {
	margin: 10px 0px;
}

/* Related Items  */
.relatedItems {
	height: 100%;
	font-size:x-small;
}

.itemBox {
	width: 213px; /* sized to line up with tabs on product detail page, 3 across*/
	float: left;
	padding: 10px;
}

.itemBox img {
	border: 1px solid #000;
	margin-right: 10px;
}

/* Tab Containers */

.tabDetail {
    text-align:left;
}

.headerLogin {  
    margin-top: 0px;
}

.headerLogin td {
    font-size: small;
    color: #ffffff;
    }
.headerLogin a {color: #ffffff; text-decoration: none;}
.headerLogin a:visited {color: #ffffff; text-decoration: none;}
.headerLogin a:hover {color: #ffffff; text-decoration: underline;}

/* Cart */
#cart td, #cart th {
    font-size: small;
    }

/* general styles */

h2 {font-size: 1.5em; font-weight: bold; color:#444;}
.column02 h2 {margin: 10px 0px 15px 0px;}
td h4 {font-size: small; font-weight: bold;}
td .notReq {font-size: small; font-weight: normal;}
h3 {font-size: 1.25em; margin: 10px 0px 15px;}
h3.miniMargins {margin: 5px 0px;}

.calloutBox {
     
    background-color: #eff3fb; 
    border: 1px solid #ccc;
    }

.calloutBoxAltSearch
{
    padding: 10px;
    background-image: url(images/SearchBackground.jpg);
    border: 1px solid #ccc;
    color: #FFFFFF;
}

.calloutBoxAlt
{ 
    padding:10px;
    background-color:#E0E0E0;
    color:#000000;
}

td.small {font-size: small; }

div.small {font-size: small;}
.smHeader {font-size: small; font-weight: bold; color: #444;}

.right {text-align: right;}

a {text-decoration: none; color: #003d99;}
a:visited {text-decoration: none; color: #4b2876;}
a:hover {text-decoration: underline; color: Blue;}

td.headerbarright {font-size: small; color: #fff;}
td.headerbarright a {color: #fff;}
td.headerbarright a:visited {color: #fff;}
td.headerbarright a:hover {color: #fff; text-decoration: underline;}

.white {color: #fff;}
.lightBg {color: #eff3fb;}

label.searchBox {
    display:block;
    width: 75px;
    float: left;
    clear: both;
    margin-top: 4px;
}

.logoutButton {
    background-image:url('images/lock-open.gif'); 
    background-color:Transparent; 
    cursor:hand; 
    background-repeat:no-repeat; 
    background-position:left; 
    padding-left: 20px;
}

.searchButton {
    background: url('images/searchMagnify.gif');
    }

.saveCartButton {
     
    background-color:Transparent; 
    cursor:hand; 
    background-repeat:no-repeat; 
    background-position:left; 
    padding-left: 20px;
    padding-right: 20px;
}

.keepShopButton {
     
    background-color:Transparent; 
    cursor:hand; 
    background-repeat:no-repeat; 
    background-position:left; 
    padding-left: 20px;
    padding-right: 20px;
}

.printerFriendlyButton {
    background-image:url('images/printerfriendly_white.gif'); 
    background-color:Transparent; 
    cursor:hand; 
    background-repeat:no-repeat; 
    background-position:left; 
    padding-left: 30px;
    padding-right: 20px;
}

/* Calendar styles */
.Calendar .ajax__calendar_container{background-color: #e2e2e2; border:solid 1px #cccccc;width:190px;height:200px;}
.Calendar .ajax__calendar_header{background-color: #ffffff; margin-bottom: 4px;} 
.Calendar .ajax__calendar_title,
.Calendar .ajax__calendar_next,
.Calendar .ajax__calendar_prev{color: #004080; padding-top: 3px;}
.Calendar .ajax__calendar_body{background-color: #e9e9e9; border: solid 1px #cccccc;width:190px;height:160px;}
.Calendar .ajax__calendar_dayname{text-align:center; font-weight:bold; margin-bottom: 4px; margin-top: 2px;} 
.Calendar .ajax__calendar_day{text-align:center;}
.Calendar .ajax__calendar_hover .ajax__calendar_day,
.Calendar .ajax__calendar_hover .ajax__calendar_month,
.Calendar .ajax__calendar_hover .ajax__calendar_year,
.Calendar .ajax__calendar_active{color: #004080; font-weight:bold; background-color: #ffffff;}
.Calendar .ajax__calendar_today{font-weight:bold;}
.Calendar .ajax__calendar_other,
.Calendar .ajax__calendar_hover .ajax__calendar_today,
.Calendar .ajax__calendar_hover .ajax__calendar_title{color: #bbbbbb;}

/* modal popup boxes */
.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7;}
.modalPopup {background-color: White; border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; width: 400px; }
.modalPopupAddToCart {background-image:url(images/addToCartBg.jpg); background-repeat:no-repeat; background-color:#FFFFFF; padding:3px; width:450px; height:250px;}