/* ::::::::::::: ADAM ONLINE STYLE BLUE  :::::::::::::*/

/* COLORS
color1 (panel): D6E9EE		
color1 accent: 7496C1
color2 (panelMain): F4F4F4
color2 accent: 88AFDC
font color: 16375F
panel title font color: EAE1C0	
listMenu background: efefef		
listMenu border: cccccc
color3: DEDBD3
hover: blue
*/

/* ::::::::::::: ADAM ONLINE STYLE FOREST  :::::::::::::*/

/* FOREST COLORS
color1: EDE6D5		
color1 accent: A38262
color2: F6FAEF
color2 accent: 95B686
font color: 372506	
listMenu background: efefef		
listMenu border: cccccc
color3: DEDBD3
hover: blue
*/

html,body {
background:#ffffff url("images/bottom-gradient.png") bottom left repeat-x fixed;
color:#16375F;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
height:100%;
}

#wrapper {
position:relative;
background:#fff;
width:900px;
margin-left:auto;
margin-right:auto;
padding-bottom:6em;
border-left:1px solid #949494;
border-right:1px solid #949494;
border-top:1px solid #949494;
height:auto !important;
height:100%;
min-height:100%;
overflow:hidden;
box-shadow:0px 5px 10px #666668;
-moz-box-shadow:0px 5px 10px #666668;
-webkit-box-shadow:0px 5px 10px #666668;
border-radius:10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#666688')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#666688');
}

#clientBanner {
background-color:#fff;
margin:-10px 0px 0px 0px;
padding:10px 0px 0px 0px;
border:0px 0px 0px 0px;
border-radius:10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
}

#leftColumn {
position:relative;
float:left; /* This floats the left-column as far left as it will go. */
left:0px;
margin:0px 10px;
width:210px;
padding-bottom:6em;
}

#rightColumn {
position:relative;
float:left; /* Floats the right-column as far as it will go. These two elements must be positioned one after another in the page itself,
because the center-column will now 'float up' in between the two left and right column elements. */
clear:right;
margin:0px 10px;
width:160px;
padding-bottom:6em;
}

#centerWrapper {
margin:0em 11em 0 13.5em;
}

#centerColumn {
/* position:absolute; The center element is positioned absolutely so that it does not extend the length of the left and right columns. The right column,
full of ads, extends far down the page, and so did the center. The center ads would then be positioned all the way at the bottom. Absolute positioning
prevents this, but also gives us less flexibility in the layout, as it doesn't allow us to shrink the page... */
position:relative;
float:left;
width:660px;
clear:right;
padding-bottom:6em;
}

#centerColumnWithAds { 
/* margin:0em 11.5em 0em 14.5em; */
position:relative;
float:left;
width:490px;
}

#centerColumnTO {
	width:880px;
	margin:0 auto;
}

#centerColumnAdsTO {
	float:left;
	width:700px;
	margin:0 10px;
}

#leftColumn2ColumnLayout {
margin:.4em .4em 1em .4em;
}

#footer {
position:absolute;
width:100%;
bottom:0;
color:#000;
}

/*PANEL :::::::::::::  MENU  :::::::::::::*/

#menu {
background-color:#D6E9EE;
color:#16375F;
width:100%;
padding:3px 0px 4px 0px;
margin-bottom:10px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
clear:both;
}

#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#menu li {
	display:inline;
	margin:0;
	padding:0;
}

#menu a, #menu a:visited, #menu a:link {
font-family:Arial, sans-serif;
font-size:.9em;
text-decoration:none;
color:#16375F;
padding:3px 10px 4px 10px;
border-right:1px solid #fff;
font-variant:small-caps;
font-weight:bold;
}

#menu a:hover, #menu a:active {
	color:#fff;
	background-color:#88AFDC;
}

#accountHeader {
background-color:#fff;
width:100%;
padding-bottom:2px;
}

#accountHeader ul {
	list-style-type:none;
	margin:0 auto;
	padding:0 7px 0 0;
	width:900px;
	text-align:right;
	font-size:.8em;
	font-variant:small-caps;
}

#accountHeader li {
	display:inline;
}

#accountHeader a {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:3px 5px;
}

#accountHeader a:hover {
	text-decoration:underline;
}

/*PANEL :::::::::::::  PANELS  :::::::::::::*/

.panel, .panelMain {
background-color:#D6E9EE;
border:1px solid #7496C1;
font-size:.8em;
font-family:Arial, Helvetica, sans-serif;
color:#16375F;
margin-bottom:5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.panelMain {
background-color:#f4f4f4;
border:1px dotted #88AFDC;
min-width:300px;
}

.panelTitle, .panelMainTitle {
padding:2px;
background-color:#7496C1;
font-weight:bold;
color:#fff;
font-variant:small-caps;
}

.panelMainTitle {
background-color:#88AFDC;
color:#16375F;
padding-left:5px;
}

.panelMainTitle a {
color:#16375F;
text-decoration:none;
}

.panelContent, .panelMainContent {
padding:5px;
margin:0;
}

.panelAds {
background-color:#fff;
min-width:450;
}

.panel blockquote {
margin:0px;
padding:3px;
border-bottom:1px solid #7496C1;
font-size:.9em;
}

.productMainContent {
padding:7px 5px;
font-size:.8em;
font-family:Arial, Helvetica, sans-serif;
color:#16375F;
border:1px solid #efefef;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

.flashAd {
	background:url(images/flash-gradient.png) top repeat-x;
	height:200px;
	margin-bottom:20px;
}

.listMenu, .listMenuCat, .listMenuSubCats {
font-variant:small-caps;
line-height:.7em;
margin:5px 0px 0px 0px;
padding:0px;
}
	
.listMenu li {
list-style:none !important;
margin-bottom:5px !important;
border:1px solid #999;
}


.listMenuCat li {
list-style:none;
font-size:.8em;
line-height:1.5em;
border-bottom: 1px dotted #DEDBD3;
}

.listMenuSubCats li {
list-style:disc;
border:0px;
margin-left:15px;
font-size:1em;
line-height:1.5em;
}

.listMenu a {
display:block;
text-decoration:none;
background-color:#efefef;
color:#372506;
padding:3px;
}

.listMenuCat a  {
display:block;
text-decoration:none;
color:#372506;
padding:1px;
}

.itemListingBrief .listMenu li, .advancedSearch .listMenu li, .itemDetail .listMenu li {
width:80px;
text-align:center;
}

.listMenuSubCats a {
display:block;
}

.listMenu a:hover {
background-color:#f4f4f4;
color:blue;
}

.listMenuCat a:hover {
color:#000;
text-decoration:underline;
}

#searchField {
padding:5px 4px 7px 4px;
background-color:#DEDBD3;
border-bottom:1px solid #7496C1;
margin-bottom:4px;
}

#searchField a, 
#advancedSearch a {
color:#16375F;
text-decoration:none;
}

#advancedSearch {
font-variant:small-caps;
padding:2px 2px 2px 2px;
border:1px solid #7496C1;
background-color:#f4f4f4;
margin-bottom:10px;
margin-top:5px;
}

#advanced, #assocItems {
padding:5px;
}

#assocItems a {
padding-right:5px;
}

h1, .h1 {
font-size:1.5em;
font-weight:bold;
color:#16375F;
font-family:Arial, sans-serif;
text-decoration:none;
margin-left:5px;
}

h2, .h2 {
font-size:1em;
font-weight:normal;
color:#16375F;
font-family:Arial, sans-serif;
text-decoration:none;
}

h3, .h3 {
font-size:1.5em;
font-weight:bold;
color:#16375F;
font-family:Arial, sans-serif;
text-decoration:none;
margin-left:5px;
}

h4, .h4 {
font-size:1.6em;
font-weight:bold;
color:#16375F;
font-family:Arial, sans-serif;
text-decoration:none;
line-height:normal;
}

.itemListingBrief {
background-color:#fff;
padding:5px;
border:1px solid #efefef;
}

.itemListingBrief img {
border:1px solid #efefef;
}

.itemListingBrief.gridView {
float:left;
width:200px;
height:280px;
}

.itemDetail {
padding:5px;
border:none;
line-height:1em;
margin-bottom:4px;
float:left;
}

.itemDetail li {
list-style:inside;
margin:0;
padding:0;
}

.itemListingBrief a, .itemDetail a {
color:#16375F;
text-decoration:none;
} 

.itemPic {
float:left;
vertical-align:top;
border:0px;
padding:0px;
margin-right:8px;
}

.itemPhoto {
border:1px solid #efefef;
margin-top:5px;
padding:2px;
}

.iNbr {
font-variant:small-caps;
font-size:10px;
color:inherit;
padding-left:10px;
padding-right:10px;
}

.iNbr a, .iNbr a:link, .iNbr a:active, .iNbr a:visited {
text-decoration:underline;
color:inherit;
}

#itemListDetail {
margin:0px;
padding:0px;
}

.itemSpecs {
margin-top:15px;
margin-bottom:15px;
padding:5px;
border:1px solid #7496C1;
background-color:#D6E9EE;
line-height:1.2em;
font-size:.9em;
}

table#quickView {
border-collapse:collapse;
width:100%;
}

table#quickView td, th {
border:1px solid #fff;
}

table#quickView th {
background-color:#18325c;
font-weight:bold;
color:#FFF;
font-variant:small-caps;
font-size:1em;
padding:5px;
}

table#quickView td {
background-color:#f2f2f2;
font-variant:small-caps;
font-size:.8em;
padding:5px;
}

table#quickView a, a:active, a:visited {
color:#000;
text-decoration:none;
}

table#quickView a:hover {
color:#545454;
text-decoration:none;
}

table#quickView td input {
background-color:#fff;
border:1px ridge #000;
font-size:1.5em;
width:25px;
}

table.accountCenter td {background:none !important; font-size:1em !important; padding:3px 5px;}
table.accountCenter tr:nth-child(odd) {background-color:#ccc;}
table.accountCenter tr:nth-child(even) {background-color:#fff;}
table.accountCenter input {font-size:.8em !important;}
table.accountCenter td input {text-align:center;}

/* LINK STYLED AS BUTTON */

.linkBtn { padding:3px 5px; margin-left:10px; background:#ccc; border:1px solid #999; text-decoration:none; color:#000; cursor:pointer; }

.linkBtn:hover { background:#999; color:#006; }

.linkBtn:active { background:#666; }

/* ****** QUICKCHECK STYLES ****** */

table.quickCheckTable  { padding:5px; width:100%; margin-bottom:15px; }
.quickCheckTable td { vertical-align:top; padding:6px; }

table.orderDetail { border:1px solid #000; border-radius:10px 10px 0; border-collapse:collapse; }
.orderDetail td { border:1px solid #000; }

.quickCheckTable .header { background-color:#ccc; text-align:center; }

.quickCheckHdr { display:table; font-size:1.15em; margin:0 auto; margin-bottom:15px; }
.quickCheckHdr div:nth-child(1) { display:table-cell; vertical-align:top; padding-right:10px; }
.quickCheckHdr div:nth-child(2) { display:table-cell; vertical-align:top; padding-right:25px; border-right:1px solid #666; }
.quickCheckHdr div:nth-child(3) { display:table-cell; padding-left:25px; padding-right:10px; }
.quickCheckHdr div:nth-child(4) { display:table-cell; }

/*PANEL :::::::::::::  TAB MENU  :::::::::::::*/

.tabMenu {
margin:0px;
padding:0px;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
}
	
.tabMenu li {
float:left;
margin:0px 2px 0px 0px;
padding:0px;
}
	
.tabMenu a {
display:block;
padding:2px 5px 2px 5px;
color:#333;
margin:0px 1px 0px 2px;
border:0px solid #767676;
font-variant:small-caps;
}

.tabMenu #current a {
text-decoration:none;
color:#333;
}
	
/* IE5-Mac \*/
#tabMenu a {float:none;}
/* End IE5-Mac hack */


/*PANEL :::::::::::::  AD  :::::::::::::*/

#adPanel200 {
border:3px dashed red;
background-color:#fff;
font-size:.8em;
margin:5px 5px 0px 0px;
padding:5px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
width:200px;
float:left;
}

#adPanel150 {
border:3px dashed red;
background-color:#fff;
font-size:.8em;
margin:5px 5px 0px 0px;
padding:5px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
width:150px;
float:left;
}



/*PANEL :::::::::::::  BOTTOM LINKS  :::::::::::::*/

#bottomLinks {
font-size:.8em;
color:#16375F;
background-color:#88AFDC;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
margin-top:55px;
padding-bottom:10px;
}

#bottomLinks a, #bottomLinks a:link, #bottomLinks a:active, #bottomLinks a:visited {
font-size:1em;
color:#16375F;
text-decoration:none;
text-align:center;
padding-right:10px;
}


/*PANEL :::::::::::::  ACCOUNT MAIN PANEL  :::::::::::::*/

#accountContentLeft {
margin:5px;
width:100%;
}

#accountSpotlight {
margin-top:5px;
width:100%;
}

#retreadStatus {
margin-top:5px;
width:100%;
}

table#retreadStatus td {
border-top:1px solid #f4f4f4;
}

#accountSpotlight table {
	width:100%;
	border-collapse:collapse;
}

#accountContentStretcher {
clear:both;
}


/*PANEL :::::::::::::  ACCOUNT SUB PANEL  :::::::::::::*/

.accountSubPanel {
background-color:#dfdfdf;
border:1px solid #18325c;
padding:5px 5px 0px 5px;
margin-bottom:8px;
position:relative;
}

.accountSubPanel2 {
border:1px solid #18325c;
background-color:#dfdfdf;
padding:8px;
margin-bottom:8px;
}

.accountSubPanel blockquote {
margin:3px 0px 3px 15px;
padding:5px 0px 0px 0px;
border-top:1px solid #ccc;
}

.accountSubPanel a {
text-decoration:none;
color:#16375F;
}

.accountSubPanel ul {
list-style:none;
margin:1px 0px 5px 0px;
padding:5px 0px 5px 20px;
}	

.accountSubPanel #orders {
padding-bottom:10px;
}

.accountSubPanelHeading {
font-variant:small-caps;
font-weight:bold;
padding-bottom:1em;
}

.accountSubPanelHeading a {
text-decoration:none;
color:inherit;
font-size:inherit;
font-weight:inherit;
font-variant:inherit;
}

.accountSubPanelHeading2 {
font-variant:small-caps;
font-weight:bold;
font-size:1.2em;
text-decoration:none;
}

ul#accountTabMenu { /* general settings */
text-align: left; /* set to left, right or center */
margin: 5px 0 1em 0; /* set margins as desired */
font-weight:bold;
font-size:1.1em;
font-variant:small-caps; /* set font as desired */
border-bottom: 1px solid #18325c; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#accountTabMenu li { /* do not change */
display: inline;
}

ul#accountTabMenu li.activeTab { /* settings for selected tab */
border-bottom: 1px solid #f4f4f4; /* set border color to page background color */
background-color: #f4f4f4; /* set background color to match above border color */
}

ul#accountTabMenu li.activeTab a { /* settings for selected tab link */
background-color: #f4f4f4; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#accountTabMenu li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #18325c; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #dfdfdf; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#accountTabMenu a:hover { /* settings for hover effect */
color:#16375F; /* set desired hover color */
}

.blockquoteLink {
font-variant:small-caps;
font-weight:bold;
font-size:1em;
text-decoration:none;
color:inherit;
}

#accountSpotlight blockquote {
margin:0px 0px 3px 15px;
padding:0px 0px 12px 0px;
}

.accountSubPanelOrderDetail {
font-size:.9em;
}

.accountSubPanelOrderDetailTable {
border-width: 0 0 1px 1px;
border-spacing: 0;
border-color:#A38262;
border-style:solid;
margin-bottom:10px;
}

.accountSubPanelOrderDetailTableCells {
margin:0;
border-width: 1px 1px 0 0;
border-color:#A38262;
border-style:solid;
}

/*PANEL :::::::::::::  TABLE FORMAT  :::::::::::::*/

.tableTopRow {
background-color:#18325c;
font-weight:bold;
color:#FFF;
font-variant:small-caps;
font-size:1em;
}

.table2ndRow {
background-color:#d4d4d4;
font-variant:small-caps;
font-size:1em;
}

.tire2ndRow {
background-color:#d4d4d4;
font-variant:small-caps;
font-size:1em;
}

.tire2ndRow a { color:#454545; font-variant:small-caps; font-size:inherit; text-decoration:underline; } 

.tire2ndRow a:hover { text-decoration:none; }

.tableContentRow {
background-color:none;
font-variant:small-caps;
font-size:1em;
}

.tableSpacerRow {
background-color:#dfdfdf;
line-height:.2em;
}

#accountSpotlight .tableTopRow,
#accountSpotlight .tableContentRow {
	font-size:.8em;
}

#accountSpotlight .tableContentRow {
font-size:.7em;
}

.tableTopRow a {
text-decoration:none;
color:inherit;
}


/*PANEL :::::::::::::  MISC  :::::::::::::*/

.tinyText, .tinyText a, .tinyText a:link, .tinyText a:visited, .tinyText a:active {
font-size:.9em;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#16375F;
}

/* SELECT DROP DOWNS */
.dropDown {
font-family:Arial, Helvetica, sans-serif;
font-variant:small-caps;
color:#1B3C83;
background:#DCD9C2;
}

.inputText {
background:#F4F4F4;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
margin-right:10px;
width:152px;
}

.button {
font-variant:small-caps;
font-size:1em;
line-height:8px;
margin:5px;
padding:0px 0px 0px 0px;
}

.button a {
text-decoration:none;
color:#454545;
padding:1px 5px 1px 5px;
background-color:#d4d4d4;
border:1px solid #18325c;
font-variant:small-caps;
}

/* #itemListingBrief .button a {
border:1px solid #16375F;
font-weight:bold;
} */

.button a:hover, #searchPanelContent .button a:hover{
background:none;
}

/* #itemListingBrief .button a:hover {
background:#DCECED;
font-weight:bold;
} */

.editButton a {
text-decoration:none;
font-weight:normal;
font-size:.9em;
color:#666;
position:absolute;
right:10;
top:5;
}

.cartButton {
padding:3px;
margin:0;
min-width:80px;
white-space:nowrap;
}

.cartButton ul {
list-style-type:none;
list-style-position:inside;
margin:0;
padding:0;
}

.cartButton li {
list-style-type:none;
list-style-position:inside;
border:1px solid #18325c;
}

.cartButton a {
display:block;
font-variant:small-caps;
font-size:1.2em;
font-weight:bold;
text-decoration:none;
text-align:center;
background-color:#f4f4f4;
color:#372506;
padding:0px 2px;
}

.cartButton a:hover {
background-color:#ccc;
}

.checkBox {
float:left;
padding:10px;
}

.checkoutInfo {
background-color:#ffffff;
border:2px solid #cccccc;
padding:5px;
}

#checkoutColumn {
	position:relative;
	width:660px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:6em;
}

/* :::::::::::: Advanced Search Fields :::::::::::: */
.advSrchList {
margin: 5px 0 5px 0;
}

.advSrchListField {
float: left;
padding-bottom:5px;
}

form {
margin: 0;
}

/* ::::::::::: STANDARD HOVER COLOR :::::::::::: */


#bottomLinks a:hover, 
#searchField a:hover, 
#advancedSearch a:hover,
#bottomLinks a:hover,
#itemListingBrief .button a:hover,
#searchPanelContent .button a:hover,
.iNbr a:hover,
.itemListingBrief a:hover, 
.itemListingBrief .listMenu a:hover, 
.itemDetail a:hover,
.tabMenu a:hover,
.accountSubPanel a:hover,
.blockquoteLink:hover,
.accountSubPanelHeading a:hover,
.tableTopRow a:hover,
.tinyText a:hover,
.editButton a:hover,
.button a:hover {
color:blue;
}