﻿/* last mod 05022016 mt  
created 04062007 hs
    05022016 mt: ddlqty
12182008 hs: changed all HR tags to black
========================================================================
This file should only contain styles that are common to the entire site, 
including admin area. b9dcff
========================================================================
*/
body 
{
	margin: 0px 4px 0px 4px;
	background-color: #ffffff;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: small;
	color: #000000;
}
.maintable
{
    width: 980px; 
    background-color:#ffffff; 
    border-collapse: collapse;
}
.error
{
	color: Red;
	text-align: center;
	font-family: Arial, Verdana, Sans-Serif;
}

.borderedinput
{
    border: 1px solid #000000;
}
.bold
{
    font-weight: bold;
}
.watermarked { 
color: #666666; 
}

.ddlqty{
    height:25px;
    border:1px solid #000000;
 
}

.blue { color: #0061ac; }
.addmorecolumn
{
    color: #000000;
    background-color: #b9dcff;
}
.addmoreheader
{
    color: #ffffff;
    background-color: #0839FF;
}
/* used in leftnav */
.leftnavcolorbar
{
    height: 4px; 
    width:180px;
}
.boldheading
{
    color:#000000;
	font-size:16px;
	padding: 10px 8px 8px 0px;
}
.topHeading
{
    color:#ffffff;
	background-color:#333333;
	font-size:16px;
	padding: 10px 8px 8px 8px;
	text-align:left;
}
.categorypageheading
{
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 1px;
	padding-bottom: 1px;
	color: #333333;
	font-size: 21pt;
	font-weight: bold;
	word-wrap:normal;
}
.leftnavbox
{    
    width:180px;
    margin-bottom: 15px;
}


.categorypagedescription
{
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	color: #000000;
	font-size: 10pt;
	font-weight: normal;
	overflow: hidden;
}
.additionalresources
{
    color:#000000;
    background-color:#cccccc;
    font-size:16px;
    padding-left:4px;
    padding-top:4px;
    padding-bottom:4px;
	width:100%;
	max-width:715px;
}
.variantadditionalresources
{
    color:#000000;
    background-color:#cccccc;
    font-size:16px;
    padding:4px;
	width:450px;
	margin-left:3px;
}
/*categorylistitem changes the color and style of the home page category list*/
.categorylistitem
{
    padding-left: 3px;
   padding-top:3px;
/*     padding-bottom:4px;
  */  width:178px;
	height:24px;
    font-size:10pt;
}
.categorylistitem a
{
	color:#505050;
}
.categorylistitem a:hover
{
    color: #0061ac;
	text-decoration: underline;
}
/*.categorylistitem:hover a
{
    color: #333333;   
}*/
/*categorylistitem changes the color and style of the left nav category list*/
.refinementlist
{
	width:220px;
	color:#ffffff;
	text-decoration:none;
	font-size:12px;	
	
}
.refinementlist:hover
{
	text-decoration:underline;
	color:#cccccc;	
}
.searchlistitem
{
	width:220px;
	color:#333333;
	text-decoration:none;
	font-size:12px;	
	
}
.searchlistitem:hover
{
	text-decoration:underline;
	color:#0839ff;	
}
.categorysublistitem 
{
    padding-top:3px;
	padding-bottom:5px;
    width:168px;
    font-size: 12px;
	text-indent: -12px;
	padding-left: 12px;
}
.categorysublistitem a
{
	color:#505050;	
}
/*
.categorysublistitem:hover
{
    background-color: none;    
	width:100%;
}*/
.categorysublistitem a:hover
{
    color: #0061ac;
	text-decoration: underline;
}
/*
.categorysublistitem:hover a
{
    color: #333333;   
}*/

.header
{
	background-color: #BADCFF;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

.largebold
{
	font-size: large;
	font-weight: bold;
}
.price
{
	font-size: 16px;
	font-weight: bold;
	font-family:arial;
	color:#333333;
}

.largeitalic
{
	font-size: large;
	font-weight: normal;
	font-style: italic;
}

.medium
{
	font-size: small;
}

.mediumbold
{
	font-size: small;
	font-weight: bold;
}

.PGPrice
{
	font-size:medium;
	font-weight:bold;
	color:#038B00;
	text-align:center;	
}

.mediumitalic
{
	font-size: small;
    font-style:italic;
}

.italic
{
	font-style: italic;
}

.small
{
	font-size: 10pt;
}
.smallbold
{
	font-size: 8pt;
	font-weight: bold;
}

.smaller
{
	font-size: 8pt;
}

.disabled
{
	color: Gray;
}

.highlight
{
    background-color: Yellow;
    color: Black;   
}

.popup
{
	background-color: #ffffff;
	color: #0839FF;
	font-size: x-small;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	width:300px;
 
}

.popupthumbnail
{
	background-color: #ffffff;
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
	z-index: 15;
	text-align: center;	
}

table.prioritycareagent
{
	font-size: small;	
}

hr 
{
	color:#cccccc;
	border-top: solid 1px #cccccc;
	border-left:none;
	border-right:none;
	border-bottom:none;
	height: 1px;	
}

hr.blue
{
    color: #b9dcff;
    background-color:  #b9dcff;
    border-top: solid 1px #b9dcff;
	border-left:none;
	border-right:none;
	border-bottom:none;
    height: 1px;
    width: 98%;
}

hr.bluelong
{
    color: #b9dcff;
    background-color:  #b9dcff;
    border-top: solid 1px #b9dcff;
	border-left:none;
	border-right:none;
	border-bottom:none;
    height: 1px;
    width: 100%;
}

a
{
	color: #0061ac;
	text-decoration: none;
}

a:hover
{
	color: #333333;
	text-decoration: underline;
}

a.light
{
	color: #ffffff;
	text-decoration: none;
	font-weight:normal;
}
a.light:hover
{
	text-decoration: none;
}

a.darklink
{
	color: #000000;
	text-decoration: none;
}
a.darklink:hover
{
	color: #000000;
	text-decoration: underline;
}
a.footerlink
{
	color: #0061ac;
	text-decoration: none;
}
a.footerlink:hover
{
	color: #666666;
	text-decoration: underline;
}

a.categorylink
{
	color: #0061ac;
	text-decoration: none;
}
a.categorylink:hover
{
	color: #333333;
	text-decoration: underline;
}
.countlabel
{
	font-size: 10pt;
	color: #999999;
	text-decoration:none !important;
	font-weight: normal;
}
a.bluelink
{
	color: #BADCFF;
	text-decoration: none;
}
a.bluelink:hover
{
	color: #333333;
	text-decoration: underline;
}

table.bordered
{
	border: solid 1px #0839FF;
	border-collapse: collapse;
}

.fieldlabel
{
	text-align:left;
	vertical-align: middle;
	font-weight: bold;	
	
}
.headerrow
{
	color:white;
	background-color:#333333;
	font-size:14px;
	padding:8px;
	height:30px;
	font-weight:normal;
	padding-top:5px;
	padding-bottom:5px;
}
.row
{
	background-color:#ffffff;
	color:#333333;
	padding-top:5px;
	padding-bottom:5px;
}
.selectedrow
{
	background-color:#b9dcff;
	color:#000000;
	font-weight:normal;
	text-decoration:underline;
	padding-top:5px;
	padding-bottom:5px;
}
.alternatingrow
{
	background-color:#E9E9E9;
	color:#000000;
	padding-top:5px;
	padding-bottom:5px;
}

.startingatprice
{
	color: #0061ac;	
}

/* --------------- START image related styles --------- */
td.categorythumb
{
	width: 180px;
	font-size: 10pt;
	font-weight: normal;
	vertical-align: top;
}
td.category 
{
	width: 180px;
}
td.itemthumb
{
	max-width: 200px;
	font-size: 10pt;
	font-weight: normal;
	vertical-align: top;
}
td.item
{
	width: 260px;
}
td.slidethumb
{
	width: 100px;
}
td.relatedthumb
{
	width: 76px;
}
img.categorythumb
{
	width: 180px;
	height: 180px;
	border: solid 1px #cccccc;
}
img.category 
{
	width: 200px;
	border: solid 1px #cccccc;
}
img.itemthumb
{
	width: 180px;
	height: 180px;
	border: solid 1px #cccccc;
}
img.addeditemthumb
{
	width: 126px;
	height: 126px;
	border: solid 1px #cccccc;
}
img.item
{
	width: 250px;
	border: solid 1px #cccccc;
}
img.relatedthumb
{
	width: 76px;
	height: 76px;
	border: solid 1px #cccccc;
	/* padding: 4px 4px 4px 4px; */
}
img.slidethumb
{
	width: 58px;
	height: 58px;
	border: solid 1px #cccccc;
	/* padding: 4px 4px 4px 4px; */
}
img.slidethumbselected
{
	width: 58px;
	height: 58px;
	border: solid 1px #0061ac;
	/* padding: 4px 4px 4px 4px; */
}
/* --------------- END image related styles --------- */

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}

.menutoplevel
{
	font-family: Arial;
	color: #ffffff;
	font-weight: normal;
	font-size: 10pt;
	cursor: pointer;
	border-style:none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border:0;
}
a.menutoplevel:hover
{
	color:#54A4FF;
	text-decoration: none;
	border:none;
}
.menusublevel
{
	font-family: Arial;
	color: #000000;
	font-weight: normal;
	font-size: 8pt;
	cursor: pointer;
	border-style:none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	border:none;
}
a.menusublevel:hover
{
	color:#000000;
	text-decoration: none;
	border:none;
}
a.menusublevel
{
	color: #000000;
}

/* FEATURED ITEM STYLES START */
div.featureditem
{
	background-color: #ffffff;
}
img.featureditem
{
	width: 100px;
	height: 135px;
}
table.featureditem
{	
	width: 100%; 
}
/* FEATURED ITEM STYLES END */

/*Modal Popup start*/
.modalBackground {
	background-color:#BADCFF;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.ui-widget-overlay { background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .70;filter:Alpha(Opacity=70);  }
.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Black;
	padding:20px;
	width: 550px;
	z-index: 5;
	text-align:right;	
}
/*Modal Popup End*/ 

/*Admin Style Sheet*/
 .adminbox
 {	
	max-width: 100%;
	border-style: solid;
	padding-right: 10px;
	padding-left: 15px;
	padding-top: 10px;
	border-width: 0px;
	border-color: #cccccc;
 }
  .admincontent
 { 	
	width: 98%;
	background: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	border-top-width: 5px;
	border-bottom-width: 5px;
    padding: 10px 10px 10px 10px;	
 }
 .admincontentblue
 {
	border-color: #000000;
 }
 
 /*Admin Styles End*/
 
 .box
 {	
	max-width: 965px;
	padding: 2px 0px 10px 0px;
 }
  
 .content
 { 	
	width: 100%;
	max-width: 925px;
	position: relative;
	
	background: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	border-top-width: 5px;
	border-bottom-width: 5px;	
 }
 .contentblue
 {
	border-color: #b9dcff;
 }
 .contentbottomlight
 {
	border-bottom-width: 1px;
 }
 .contenttoplight
 {
	border-top-width: 1px;
 }
.emailtable {
	width: 700px;
	padding: 0px;
	margin: 2px;
	width: 100%;
	border-color: #333333;
	border-width: 0px;
	color:white;
	background-color:#333333;
	font-size:14px;
	font-weight:bold;
}
/* used on product pages */

.sectionheading
{
	text-decoration: none;
	font-weight: normal;	
	font-family:arial;
	font-size: 16px;
	background-color:#cccccc;
	padding:6px;
}
.sectionheading .left
{
	color: #333333;
}
.sectionheading .right
{
	color: #333333;
}
.CapsButton
{
	background-color:#0061ac;
	padding:10px;
	color:#ffffff;
	font-family:arial;
	border-radius:3px;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;

}
.CapsButton:Hover
{
	background-color:#007FE2;
	color:#ffffff;
	text-decoration:none;
}
#imgFull {
	width:400px;
	height:400px;	
}