<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/******************************************************************************************/
/* begin global styles                                                                    */
/******************************************************************************************/

/* force a vertical scrollbar in firefox, prevents horizontal page shifting */
html { min-height: 100%; margin-bottom:1px; background: none; font-size: 14px; box-sizing:border-box;}
*, *:before, *:after {
  box-sizing: inherit;
}
body 
{ 
	padding: 0; 
	margin: 0; 
	background: transparent; 
	font-family: 'Franklin Gothic Medium', 'Franklin Gothic', 'ITC Franklin Gothic', Helvetica, Arial, sans-serif; 
	font-size: 100%;
}

td, p, form {text-decoration:none; margin:0; }
p { margin: 0 0 1em 0; line-height:1.5em; }
p.topMargin { margin: 1em 0; }
ul { margin:0; padding:0; }
h2 { font-size:1.6rem;font-weight:bold; }
table caption { font-size:1.2rem; font-weight:bold; }
h3 { font-size:1.3rem;font-weight:bold; padding:5px 0 0px 0;}
h2,h3 { margin: 0; }

/* price display */
.priceDisplay { font-weight:bold; color: #444444; }
span[itemprop="offers"] { font-weight:bold; color: #444444; }

/* links */
a { color: #8c0901; text-decoration: none; font-weight:bold; }
a:hover { color:#DC143C; text-decoration:none; }
a.highlight 
{ 
	font-weight:bold; 
	color:#003718;
	padding:5px 0px;
	margin-top:5px; 
	text-decoration:none; 
}
a.link { text-decoration:underline; }

a.linked, .linked:link, .linked:visited { text-decoration: underline; }
.linked:hover { color:#DAA520; }

/* input elements */
input { vertical-align:middle; }
input[type="radio"], input[type="checkbox"] { margin: 0px 5px 3px 9px; }
input[type="radio"]:first-child, input[type="checkbox"]:first-child { margin-left:3px; }

input.textBox 
{ 
	background-color:#FFFFFF; 
	border:1px solid #b3b3b3; 
	padding: 2px; 
	width:190px; 
	height:16px; 
	margin:0 3px 0 15px; 
}

/* updown control images */
.quantityUpDown #Up{ background: url(images/up.gif) center no-repeat; display:block; width:12px; height:12px; }
.quantityUpDown #Down{ background: url(images/down.gif) center no-repeat;  display:block; width:12px; height:12px;  }

/* buttons */
.button
{
    background:#00bff3 url(images/button_bg.png) repeat-x top;
    font-size: .95rem; 
	color: #fff !important;
	cursor:pointer; 
	padding: 0 10px;
	margin: 0 0 4px 4px; 
	font-weight: bold;
    border: 1px solid #c5c5c5;
	white-space: nowrap; 
	height:26px;
	line-height:26px;
	border-radius:5px;
}

.button:hover
{
	background:#00abd9 url(images/button_bg_hover.png) repeat-x top; 
	border: 1px solid #c5c5c5; color: #fff !important;
}

a.button
{
	display:inline-block;
	height:1.8rem;
	text-decoration:none;
}

.button:active
{
	position: relative;
	top: 1px;
}

.linkButton
{
    color:Red;    
}

/* Text styles used to provide status information */
.goodCondition{font-weight: bold; color: #008000; padding-bottom: 3px;}
.warnCondition{font-weight: bold; color: #FFA500; padding-bottom: 3px;}
.errorCondition{font-weight: bold; color: #FF0000; padding: 3px;}
.requiredField {color: #FF0000; padding-bottom: 3px; margin-left:3px;}
p.success { font-weight:bold; color: #008000; }
p.error { font-weight:bold; color: #FF0000; }

/* misc general styles */
.contentArea { padding:5px 10px 5px 10px; }
.borderedArea { border:solid 1px #7dc2db;}
.noTopPadding { padding-top:0; }
.noBottomPadding { padding-bottom:0;}
.noRightPadding { padding-right:0;}
.noLeftPadding { padding-left:0;}
.noTopBottomPadding {padding-top:0; padding-bottom:0;}
.noLeftRightPadding {padding-left:0; padding-right:0;}
div.noResultsPanel {padding:10px; text-align:center;}
p.highlight { color:#DB0B0B; padding-top:5px; margin-top:5px; text-decoration:none; }
.visiblePanel { display:block; }
.hiddenPanel { display:none; }
span.label { font-weight:bold; }
.fieldHeader {font-weight:bold;}
.noteText {}
span.msrp { text-decoration:line-through; }
.textContent {padding-bottom:20px;}
span.message {padding-left:5px;}
div.message {display:block;margin-bottom:1em; }

/******************************************************************************************/
/* end global styles                                                                      */
/******************************************************************************************/

/******************************************************************************************/
/* begin common page layout and container styles                                          */
/******************************************************************************************/

/* high level containers */
#outerPageContainer {margin-left:auto; margin-right: auto; width: 100%; margin-top: 5px; margin-bottom: 20px;/* background:url(images/interior1.jpg) center no-repeat fixed; */ background:#fff;}
#innerPageContainer {width: 100%; background:transparent; margin: 0 auto;}

#mainColumn, #leftColumn, #rightColumn, .column_1, .column_2, .column_3 
{
    display: inline;
	float: left;
	margin-left: 0;
	margin-right: 0;
	box-sizing:border-box;
}
.clear { clear:both; }
div.clear { clear:both; }

.tophat {height:42px; position:absolute; top:0; left:0; width:100%; padding:.5em 5%; background:#fff;box-sizing:border-box;}

#header
{
    width:100%;
	display:block;
    clear: both;
	padding-top: 0.5em;
}

#header div.zone {}

#footer
{
    width:100%;
	display:block;
	margin-left: 0;
	margin-right: 0;
    clear: both;
}

#leftColumn {width: 27%;min-width:150px;}
#leftColumn div.zone {padding:0 10px 0 0;}

#rightColumn {width: 27%;min-width:150px;}
#rightColumn div.zone {padding:0 0 0 10px;}

#mainColumn {width: 50%; padding:0;}
#mainColumn.leftSidebarLayout {width: 68%; padding: 1%; background:#fff;}
#mainColumn.rightSidebarLayout {width: 68%; padding: 1%; background:#fff;}
#mainColumn.threeColumnLayout {width: 50%; background:#fff;margin-top:-14px;}
#mainColumn.oneColumnLayout {width:94%; padding:3%; background:#fff;}
#mainColumn {min-width:300px;}
#mainColumn div.zone {padding:0px 0px 10px}
.socialIcons {margin-top:-1rem;}
.socialIcons div { width:100%;}
.socialIcons div div.sidebarCol1, .socialIcons div div.sidebarCol2 { margin: 1rem 0; width:48%; float: left; display: inline; font-size:.8rem;}
.storeHours {margin:1em auto;}
div.zone {}

/* column gutters */
.column_2,
.column_3
{
	margin-left:20px;
}

/* standard styling for three columns at page top */
/* 20px zone padding + 40px gutter + (300*3) = 960 */
.thirdsColumn { width: 30%; }
.thirdsColumn .widget { min-height:150px; }

/* standard styling for pages split in two columns */
/* 20px zone padding + 20px gutter + (460*2) = 960 */
.halfColumn { width: 47%; }

/* standard styling for pages split into main section with sidebar */
/* 20px zone padding + 20px gutter + 600 + 320 = 960 */
.mainColumn { width: 62%; }
.sidebarColumn { width: 30%; }

/* make sure column sections are cleared */
.section { clear:both; }

/******************************************************************************************/
/* end common page layout and container styles                                            */
/******************************************************************************************/

/******************************************************************************************/
/* begin header, footer, and sidebar styling                                              */
/******************************************************************************************/

/* header area styling */
#storeHeader { color:#fff; font-size:.8rem; background: transparent; }
#storeHeader a {color:#fff;}
#storeHeader .logo {margin: 0px 0 0; padding: 0;}
#storeHeader .logo img {margin: 0;}
@media only screen and (max-width : 980px) {
#storeHeader .logo img {width:180px;}	
}

#headerTop { display:block; }
#headerTop .column_1, #headerTop .column_2 { margin:0;font-size:.7rem; }
#headerTop .column_2 {float:right;}
/*#headerTop .column_2 {min-width:300px; float:right; padding-right:5%;}*/
#headerTop .shortcuts {width:auto; height:37px; background:transparent; float:right;}
#headerTop .shortcuts  a 
{
    color: #8c0901;
    display: block;
    float: right;
    height: auto;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
	font-size: 1rem;
	font-weight:bold;
	padding:0 15px 0 15px;
	line-height:36px;
}

#headerTop .shortcuts a:hover
{	
	font-weight:bold;  color:#DB1717;
}

#headerTop .search 
{
	background: url(images/search-left-bg.gif) top left no-repeat #b1705f;
	border-radius:0px 5px 0px 0px;
	float:right;
	height:27px;
	margin-top:80px;
	width:25%;
	padding: 2px 0;
}

#headerTop .search input.searchPhrase 
{ 
     color: #324F65;
     background: url(images/search-img.gif) no-repeat;
     height:20px;
     border:none;
     width:15%;
     margin: 5px 0 0 35px;
     padding: 2px 30px;
}
#headerTop .search .button
{
    background: url(images/search_btn2.gif) no-repeat;
	border:none; 
	padding: 3px 2px 3px 2px;  
	font-weight: bold; 
	cursor:pointer;
    margin:0; 
	height:24px; 
	text-align:center;
	color:#FFFFFF;
	text-indent:100px;
	overflow:hidden;
	width:28px; 
	margin: 5px 0 0 -28px;
}
#headerTop .search .button:hover 
{
	background:url(images/search_btn_hover2.gif) no-repeat;  
}

/***** $headerMiddle added by Todd Broadbent 05142014 *****/
#headerMiddle {
	height:15rem;
	width:100%;
	background: url(images/VCMheader-bg-dark.jpg) no-repeat center;
	background-size: 100%;
	color:#fff;
}
#hero-search {
	width:50%;
	margin: 1.9rem 0 0 25%;
	font-size:2rem;
	padding-top: 5rem;
}
#hero-search h2 {
	text-align: center;
	font-weight: 600;
	font-size: 2.3rem;
}
.search {
}
.simpleSearchPanel {
}
#ctl00_ctl00_NestedMaster_PageHeader_StoreHeader_H_SimpleSearch1_SearchPhrase {
	width:70%;
	float:right;
}
#ctl00_ctl00_PageHeader_StoreHeader_SimpleSearch1_SearchPhrase{
	width:70%;
}
.simpleSearchPanel .button {
	background: #00bff3 url(images/button_bg.png) repeat-x top;
	font-size: 2rem;
	color: #fff !important;
	cursor: pointer;
	padding: .45rem 10px;
	/* margin: 0 0 4px 4px; */
	font-weight: bold;
	border: 1px solid #1C87DB;
	white-space: nowrap;
	height: auto;
	line-height: 26px;
	border-radius: 5px;
	display: inline-block;
	float:right;
	width:25%;
}
/*
#gcs-search {
	width:50%;
	min-width: 100px;
	margin: 0 auto;
} */

/***** end tmb 05142014 *****/
#headerNavigation {}
#headerNavigation .navigation 
{	
	width:100%;
	height:2.4rem;
	text-align:left;
	line-height:40px;
	background:#333;
	margin-bottom: 0;
}
#headerNavigation .content {margin:0 auto;}
#headerNavigation a 
{
	background:rgba(50,50,50,.9); 
	font-weight: bold;
	font-size:.95rem;
	width: auto;
	padding:.7em;
	margin:0; 
	text-transform: capitalize; 
    text-decoration: none; 
	text-align: center; 
	line-height:24px; 
	letter-spacing: 1px;
	color:#fff;
}
#headerNavigation a:hover {background:rgba(55,0,0,.9);/* color: #fff; */ height:3.5em;}
#headerBottom {display:block;clear:both;margin-bottom: 2em;}

/* standard page header */
div.pageHeader, #pageHeader { position:relative; margin-bottom:10px; margin-top:0px; padding:0px; }
div.pageHeader h1, #pageHeader h1 {color:#8c0901; font-size:1.5rem; font-weight:bold; line-height:1.5rem; margin:5px; letter-spacing: 1px; }
div.pageHeader div.links, #pageHeader div.links { right:10px; top:4px; position:absolute; }

/* breadcrumbs */
.breadCrumbs { font-size:.7rem; background-color: #F8F8F8; color: #888; margin: 0; padding: 6px;}
.breadCrumbs a {color:#888888;}

/* Sidebar Hours */
h3.ib { display: inline; }
.hours { display: inline-block; box-size:border-box; width:50%; }


/* footer area styles */
#footer { width: 100%; background: #333; }
#footer .content { padding:6px; }
#footerTop { float:right }
#footerTop .content { padding:3px }
#footerMiddle { top:-25px; }
#footerMiddle .shortcuts a { text-decoration:none; color:#fff; padding:0px 8px; border-left:1px solid #DEDEDE; }
#footerMiddle .shortcuts a:first-child { border-left:none; }
#footerBottom { position:relative; font-size:0.8rem; margin:5px 0 0 5px}
#footerBottom .ablecommerceLink { display:inline-block; }
#footerBottom .ablecommerceLink a { color:#8c0901; }
#footerBottom .copyright { color:#6B9FBF; display:inline-block; position:absolute; right:6px; }
.mobileLinkPanel { display:block; padding:10px; }
.footerCol1, .footerCol2, .footerCol3 { display:inline-block; color: #fff; font-weight: bold;}
.footerCol1 { width:30%; font-size:0.8rem;}
.footerCol2 { width:20%; font-size:0.9rem;}
.footerCol3 {font-size:0.9rem;}
/* widget styling */
div.widget { margin-bottom:1em; background:none; word-break: break-word; }
div.widget .header { font-weight:bold; margin: 0px 0 0; padding: 3px 10px 4px; background: none;}
div.widget .header h2{color: #8C0901; display: inline-block; font-size: 1.65rem; font-weight: bold; letter-spacing: 0.5pt; margin: 0; padding:5px 15px 3px 5px; text-transform:uppercase; }
div.widget .content { padding: 10px 10px 10px 10px; background: #fff; }
div.widget .content a{ color:#8c0901; text-decoration:none; font-size: 1rem;}
div.widget .content a:hover{ text-decoration:underline; font-weight: bold; font-size: 1rem;}
div.widget .content .options { margin-bottom:1em; padding:0 5px 0 5px;}
div.widget .content p instruction { padding:0 5px 0 5px; font-weight:bold; }


table.widget { border-collapse:collapse; border:solid 1px #8C0901; margin-bottom:1em; width:100%; }
table.widget td { padding:0px;vertical-align:top; }
table.widget caption { background:url(images/heading-bg.gif) top left repeat-x #8c0901; color:#FFFFFF; border:solid 1px #8C0901; border-bottom:none; padding:6px; text-align:left; text-transform:uppercase; }

/* custom styles for specific widgets */
.simpleCategoryListWidget .content { padding: 0; }
.simpleCategoryListWidget ul { margin:0; padding:0; list-style-type:none; }
.simpleCategoryListWidget li { margin:0; }
.simpleCategoryListWidget li:last-child { border-bottom:none; }
.simpleCategoryListWidget li a { display:block; padding:4px 0 4px 17px; color:#000; font-weight:bold; background:url(images/dot-icon.gif) 5px 8px no-repeat;}
.simpleCategoryListWidget li a:hover { color:#DAA520; background-color:white; }

.categorySearchwidget .criteriaPanel { margin-bottom: .5em }
.categorySearchwidget .criteriaPanel h3 { margin-bottom: .5em; color:#333;}

.categorySearchSidebarWidget .content { line-height:2em; }
.categorySearchSidebarWidget .content a { font-weight:normal;}

/* hover popup styling */
div.hoverPanel { border:solid 1px #8C0901; }
div.hoverPanel .header { border-bottom:solid 1px #8C0901; padding:6px; }
div.hoverPanel .content { padding:6px; }

/******************************************************************************************/
/* end header, footer, and sidebar styling                                                */
/******************************************************************************************/

/******************************************************************************************/
/* begin style for notifications                                                          */
/******************************************************************************************/

.ui-notify-container { margin:10px; }
.ui-notify { width:35%; position:fixed; top:10px; right:10px; }
.ui-notify-message { padding:10px; margin-bottom:15px; }
.ui-notify-message h1 { font-size:1rem; margin:0; padding:0 }
.ui-notify-message p { margin:3px 0; padding:0; line-height:18px }
.ui-notify-message:last-child { margin-bottom:0 }
.ui-notify-message-style { background:#000; background:rgba(0,0,0,0.8); -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; box-shadow: 0 0 6px #000; }
.ui-notify-message-style h1 { color:#fff; font-weight:bold }
.ui-notify-message-style p { color:#fff }
.ui-notify-message-style li { color:#fff }
.ui-notify-close { color:#fff; text-decoration:underline }
.ui-notify-click { cursor:pointer }
.ui-notify-cross { margin-top:-4px; float:right; cursor:pointer; text-decoration:none; font-size: 1rem; font-weight:bold; text-shadow:0 1px 1px #fff; padding:2px }
.ui-notify-cross:hover { color:#ffffab }
.ui-notify-cross:active { position:relative; top:1px }

/******************************************************************************************/
/* end style for notifications                                                            */
/******************************************************************************************/

/******************************************************************************************/
/* begin user interaction and form styling                                                */
/******************************************************************************************/

/* shows a tabstrip menu */
div.tabstrip { padding:0px; border-bottom:1px solid #8C0901; }
div.tabstrip ul { margin:10px 0 0 0; padding:0px; }
div.tabstrip ul li { display:inline; padding:0px; margin:0px;}
div.tabstrip ul li a { display:inline-block; margin:0px; padding:7px 10px; text-decoration:none; color:#8C0901; border:1px solid #8C0901; border-bottom: none; font-size:1.1rem; font-weight:bold; }
div.tabstrip ul li a:hover { background:#8C0901; color:#fff; }
div.tabstrip ul li.active a { background:#8C0901; color:#fff; }
div.tabpane { border:1px solid #8C0901; border-top:none; padding:8px; margin-bottom:1em; }

/* contains a dialog for interacting with the user */
.dialogSection .header {height:29px; line-height:24px; padding: 0 0 0 10px; margin:0 1px 0 0; }
.dialogSection .header h2 { color:#005b95; height: 29px; border-right: solid 1px #8C0901; padding-right: 0; width: 100%; margin:0; text-transform: uppercase; font-size: 1rem; float:left; line-height:29px;}
.dialogSection .header a { float:right; text-decoration:underline; color:#444444; }
.dialogSection .header a:hover { float:right; text-decoration:underline; color:#8C0901; }
.dialogSection .content { border-top:10px solid #e1f2f9;  margin-top:0;   background: #FFFFFF; min-height: 200px;}
.dialogSection .content table th.rowheader{background-color:White;}
.dialogSection .nofooter { margin-right:0;}
.dialogSection .footer { height:24px; line-height:24px; margin:0; color:#8C0901; margin-top:8px; }

/* default styling for generic input forms */
table.inputForm { text-align:left; margin: 0; width:100%;}
table.inputForm input[type="text"], table.inputForm input[type="password"] { border:solid 1px #C5C5C5; color: #444444; padding: 2px; }
table.inputForm select { border:solid 1px #C5C5C5; color: #444444; padding: 2px; }
table.inputForm th { padding-left: 25px; color: #444444; }
table.inputForm td { padding: 5px; margin: 0; }
table.inputForm .rowHeader { color: #444444; padding:10px 5px 10px 10px; text-align:right;}
table.inputForm .rowHeader a {  border:1px solid #650101; width:100%; color: #444444; font-size: .8rem; font-weight:bold; text-align:left; padding: 6px; }
table.inputForm .rowHeader * {  font-weight: bold; font-size: 1rem;  }
table.compact { width:100%; margin:0;}
table.compact th { color: #444444; padding:5px 5px 5px 5px; text-align:right; }
table.compact td { padding: 10px 0 10px 0;}
table.compactleft { width:100%; margin:0}
table.compactleft th { color: #444444; padding:5px 5px 2px 5px; text-align:left; }
table.compactleft td { padding: 2px 0 10px 5px;}

/* styling for search forms */
.searchPanel { border: solid 1px #C5C5C5; margin-bottom:10px; background:rgba(255,255,255,.8); }
.searchPanel table.inputForm th,
.searchPanel table.inputForm td { padding: 10px 5px 5px 5px; }

/* styling for validation summary lists */
.validationSummary { margin-bottom:6px; }
.validationSummary ul { margin-left:25px; list-style-type:disc; }
.validationSummary ul li { color:#f00; }

/******************************************************************************************/
/* end user interaction and form styling                                                  */
/******************************************************************************************/

/******************************************************************************************/
/* begin category display styling                                                         */
/******************************************************************************************/

/* category page */
/*#categoryPage div.subCategories {background-color:#F5F5F5; padding: 0px 0 5px 5px; border: solid 1px #a3d3e1;}*/
#categoryPage div.subCategories a {display:inline-block; color:#000; text-decoration:none; padding:5px 10px; font-weight: bold; background-color: #FFFFFF; margin-left:2px;margin-top:5px; /*border:solid 1px #6fbad1;*/}
#categoryPage div.subCategories a:hover {background-color:#00BFF3; color:#FFFFFF;}

/* category details display */
.categoryDetailsListing div.itemContainer {height:150px; margin:10px 0 0 0; }
.categoryDetailsListing div.itemContainer div.itemDisplay {padding:10px; }
.categoryDetailsListing div.itemContainer div.itemDisplay div.thumbnailArea {float:left;height:130px; display:table; }
.categoryDetailsListing div.itemContainer div.itemDisplay div.thumbnailArea div.thumbnailWrapper {display:table-cell;vertical-align:middle;}
.categoryDetailsListing div.itemContainer div.itemDisplay div.detailsArea {overflow: hidden;padding:10px;}
.categoryDetailsListing div.itemContainer div.itemDisplay div.detailsArea .itemName {font-weight:bold; font-size:1.15rem;padding-bottom:10px;}
.categoryDetailsListing div.itemContainer div.itemDisplay div.detailsArea .summary {}

/* category details display page */
.categoryGridListing4 itemListing div.itemContainer {height:auto;}
.categoryGridListing4 itemListing div.itemContainer div.productItemDisplay div.detailsArea {height:auto;margin-bottom: 10px; vertical-align:middle; }
#categoryGridPage4 .nodeSummaryLink{text-decoration: underline; text-indent: 0px; color:#5872CB; margin:4px 0 8px 0; padding:4px 0 8px 0; cursor:pointer; }

/* style for grid of catalog items */
.itemListingContainer {}
.itemListing {}
.itemListing .tableNode {height:250px;text-align:center; padding:2px;}
.itemListing .itemContainer {height:325px; margin:0px; border-bottom: 1px solid #575757;; }

/* style for product item within the grid */
div.productItemDisplay {}
div.productItemDisplay div.thumbnailArea {height:130px;display:table;margin:0 auto;}
div.productItemDisplay div.thumbnailArea div.thumbnailWrapper {display:table-cell;vertical-align:middle;}
div.productItemDisplay div.detailsArea {height:115px;text-align: center;}
div.productItemDisplay div.detailsArea div.details{}
div.productItemDisplay div.detailsArea div.details div.itemName{ color:#000; font-weight:bold; font-size: 1.2rem;}
div.productItemDisplay div.detailsArea div.details div.itemName a{color:#000; text-decoration:none;font-size:1rem;}
div.productItemDisplay div.detailsArea div.details div.manufacturer{}
div.productItemDisplay div.detailsArea div.details div.manufacturer a{color:#DAA520; text-decoration:none;}
div.productItemDisplay div.detailsArea div.details div.sku{color:#888888;font-size: 1.4rem;}
div.productItemDisplay div.detailsArea div.details div.rating{padding:2px;}
div.productItemDisplay div.detailsArea div.details div.price{color:#3e2b4b;}
div.productItemDisplay div.detailsArea div.details div.summary{height:60px; margin:5px 0;overflow:hidden;}
div.productItemDisplay div.actionsArea {position:relative;height:40px;}
div.productItemDisplay div.actionsArea div.actions {bottom: 0; position: relative; width: 100%;margin:5px auto;}

/* style for webpage item within the grid */
div.webpageItemDisplay {}
div.webpageItemDisplay div.thumbnailArea {height:130px;display:table;margin:0 auto;}
div.webpageItemDisplay div.thumbnailArea div.thumbnailWrapper {display:table-cell;vertical-align:middle;}
div.webpageItemDisplay div.detailsArea {height:85px;text-align: center;}
div.webpageItemDisplay div.detailsArea div.details{}
div.webpageItemDisplay div.detailsArea div.details div.itemName{ color:#000; font-weight:bold; font-size: 1.2rem;}
div.webpageItemDisplay div.detailsArea div.details div.itemName a{color:#000; text-decoration:none;}
div.webpageItemDisplay div.detailsArea div.details div.summary{height:60px; margin:5px 0;overflow:hidden;}

/* style for category item within the grid */
div.categoryItemDisplay {}
div.categoryItemDisplay div.thumbnailArea {height:130px;display:table;margin:0 auto;}
div.categoryItemDisplay div.thumbnailArea div.thumbnailWrapper {display:table-cell;vertical-align:middle;}
div.categoryItemDisplay div.detailsArea {height:85px;text-align: center;}
div.categoryItemDisplay div.detailsArea div.details{}
div.categoryItemDisplay div.detailsArea div.details div.itemName{ color:#000; font-weight:bold; font-size: 1.2rem;}
div.categoryItemDisplay div.detailsArea div.details div.itemName a{color:#000; text-decoration:none;}
div.categoryItemDisplay div.detailsArea div.details div.summary{height:60px; margin:5px 0;overflow:hidden;}

/* style for link item within the grid */
div.linkItemDisplay {}
div.linkItemDisplay div.thumbnailArea {height:130px;display:table;margin:0 auto;}
div.linkItemDisplay div.thumbnailArea div.thumbnailWrapper {display:table-cell;vertical-align:middle;}
div.linkItemDisplay div.detailsArea {height:85px;text-align: center;}
div.linkItemDisplay div.detailsArea div.details{}
div.linkItemDisplay div.detailsArea div.details div.itemName{ color:#000; font-weight:bold; font-size: 1.2rem;}
div.linkItemDisplay div.detailsArea div.details div.itemName a{color:#000; text-decoration:none;}
div.linkItemDisplay div.detailsArea div.details div.summary{height:60px; margin:5px 0;overflow:hidden;}

/* style for sort control of catalog grid */
.searchSortHeader { border-top:1px dotted #005B95; color:#8c0901; margin:5px 0; padding: 10px 0 0;}
.searchSortHeader span {font-size: 1rem; font-weight: bold;}
.searchSortHeader .sorting { border: 1px solid #E4E4E4; color: #222222; padding: 1px; font-size: 1rem;}
.searchSortHeader .fieldHeader {font-size: 1rem; }
.searchSortHeader .sortPanel {float:left;}
.searchSortHeader .pageSizePanel {float:left; margin-left:10px;}

/******************************************************************************************/
/* end category display styling                                                           */
/******************************************************************************************/

/******************************************************************************************/
/* begin catalog item display styling                                                     */
/******************************************************************************************/

/* styling for product page */
div.productRowDisplay {border: 1px solid #e4e4e4; }
div.productRowDisplay h1 {color:#8c0901; text-align:center; font-size:1.5rem; font-weight:bold; line-height:1.5em; padding:10px; letter-spacing: 1px; }
div.productDisplay {overflow:hidden; margin-bottom:6px}
div.productDisplay h1 {color:#8c0901; text-align:left; font-size:1.5rem; font-weight:bold; line-height:1.5rem; padding:10px; letter-spacing: 1px; }
div.productDisplay div.simpleProduct div.productImageArea {float:left; vertical-align:top; text-align:center; max-width:500px; padding:6px; border:none;}
div.mainImage img.productImage:hover { cursor:pointer; }
div.productDisplay div.simpleProduct div.productDetails {float:right; vertical-align:top; padding: 5px 15px 0 10px; /*width:29%;*/ }
div.productDisplay div.optionProduct div.productDetails {vertical-align:top; padding: 5px;}

/* buy product dialog */
table.buyProductForm { background-color:transparent; padding:10px 5px 5px 5px; }
table.buyProductForm td, table.buyProductForm th {  padding:5px 0 5px 5px; vertical-align:middle; }
table.buyProductForm .rowHeader {
    color: #444; font-weight: bold; border-width: 0;  padding:5px 5px 5px 5px; 
    border-right: solid 1px #e4e4e4; text-align: right; }
table.buyProductForm .subscriptionRow th.rowHeader {vertical-align:top; padding-top:13px;}
table.buyProductForm .subscriptionRow td,blockquote {margin: 1em 22px;}
table.buyProductForm .priceLabel th.rowHeader {width:58px;}
span.inventoryDetails {display:block; width:20%;}
.optionPicker td { border: outset 2px #999; }
.optionPicker td.selected { border: inset 2px #999; }

/* style for displaying the hidden price popup */
.pricePopup {background-color:#E3EFFF; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:300px; position:absolute; left:50%; margin-left:-150px; z-index:99;}
.pricePopup .header {background-color:#DDDDDD; border:solid 1px Gray; color:Black; margin:-3px; padding:6px; font-weight:bold;}
.pricePopup span.fieldHeader {display:block;float:left;width:135px;text-align:right;margin-right:6px; }
.pricePopup span.fieldValue {display:block;float:left; }

/* style for displaying product ratings */
div.aggregateRating {display: inline; }
div.aggregateRating .ratingText {}

/* style for product reviews */
.productReviewContent {white-space: pre-line; text-align: justify; padding: 10px; }

.ratingStar00, .ratingStar01, .ratingStar02, .ratingStar03, 
.ratingStar04, .ratingStar05, .ratingStar06, .ratingStar07, 
.ratingStar08, .ratingStar09, .ratingStar10
{
    background-position:0 0;
    background-repeat: no-repeat;
    width: 50px;
    height:9px;
    display:inline-block;
}
.ratingStar00 { background-image:url(images/ratings/rate_00.gif); }
.ratingStar01 { background-image:url(images/ratings/rate_01.gif); }
.ratingStar02 { background-image:url(images/ratings/rate_02.gif); }
.ratingStar03 { background-image:url(images/ratings/rate_03.gif); }
.ratingStar04 { background-image:url(images/ratings/rate_04.gif); }
.ratingStar05 { background-image:url(images/ratings/rate_05.gif); }
.ratingStar06 { background-image:url(images/ratings/rate_06.gif); }
.ratingStar07 { background-image:url(images/ratings/rate_07.gif); }
.ratingStar08 { background-image:url(images/ratings/rate_08.gif); }
.ratingStar09 { background-image:url(images/ratings/rate_09.gif); }
.ratingStar10 { background-image:url(images/ratings/rate_10.gif); }
.ratingStarNone {}

/* product images page styles */
#productImages img{border:0}
#productImages div.progress-bar{border:1px solid #fff; background-color:#000}
#productImages div.missing-thumbnail{background:#333 url('images/redx.gif') center center no-repeat; cursor:pointer; border:1px solid #bbb}
#productImages div.error-message{color:#bbb; font-size:1.2rem; margin-top:-0.6em; position:relative; text-align:center}
#productImages div.caption{background-color:#000; color:#fff}
#productImages div.caption a{color:#fff}
#productImages body, #productImages html{background-color:#333; margin:0; padding:0; }
#productImages #gallery{margin:20px auto; height:520px; width:75%; position:relative; color:#aaa; padding:20px; overflow:hidden; border:1px solid #888; background-color:#000}

/* styling for display of webpage objects */
#webpagePage { padding:0px; }

/******************************************************************************************/
/* end catalog item display styling                                                       */
/******************************************************************************************/

/******************************************************************************************/
/* begin basket display styling                                                           */
/******************************************************************************************/

/* basket styling */
#basketPage div.basketContainer div.actions { margin-top:10px; margin-bottom:10px; text-align:center; }
#basketPage div.basketContainer div.actions span.checkout .button { background-color:#54A; color:#fff;border:1px solid #C5C5C5; }
#basketPage div.basketContainer div.actions span.checkout .button:hover { background-color:#999; }
#basketPage div.warnings {padding-left:20px;}
#basketPage div.emptyBasketPanel 
{
    background-color:white; 
	padding-top: 20px; 
	margin: 20px 35px 20px 35px;
    height: 50px; text-align:center;
}
#basketPage div.emptyBasketPanel span.message { font-size: 1.2rem; font-weight: normal; color: #666666; }

/* display of the basket items */
table.basket { border:0; border-collapse:collapse; width:100%; }
table.basket th, table.basket td { border:1px solid #ccc;padding:4px 8px; text-align:center; vertical-align:top; }
table.basket td a { color: #8C0901; }
table.basket td a:hover { color: #474747; }
table.basket th.thumbnail { border-right:none; text-align:left; width:60px; }
table.basket td.thumbnail { border-right:none; text-align:center; width:60px; }
table.basket th.item { border-left:none; text-align:left; }
table.basket td.item { border-left:none; text-align:left; }
table.basket td.item div.setGiftOptions a { background:url(images/icons/gift-box.gif) center right no-repeat; height:30px; line-height:30px; padding-right:25px; }
table.basket td.item div.itemDetail { margin-bottom:1em; }
table.basket td.item div.itemActions a { margin-right:8px; text-transform:lowercase }
table.basket th.quantity { text-align:center; width:60px; }
table.basket td.quantity { text-align:center; width:60px; }
table.basket td.footerSubtotalLabel { text-align:right; }

/* mini basket styles */
.miniBasket .price { color:#000;}
.miniBasket .label { color:#444; font-weight:bold; margin-right:5px; }
.miniBasket .value { font-weight: bold; font-size:1.1rem; }

.miniBasket .basketItemBox { border-bottom:1px dashed #474747; margin-bottom:1em; padding-bottom:0.5em; }
.miniBasket .basketItemBox .iconBox { width:50px; height:50px; float:left; overflow:hidden; margin-right:5px;}
.miniBasket .basketItemBox .titleBox { float:left; }
.miniBasket .basketItemBox .noIcon {padding-left:5px;}
.miniBasket .basketItemBox .actions { margin:1em 0; }
.miniBasket .basketItemBox .actions input.quantity { width:35px; height:18px; }

.miniBasket .subTotalsBox {	border-bottom:1px solid #474747; margin-bottom:1em; padding-bottom:0.5em; }
.miniBasket .checkoutButtonsBox .standardCheckout,
.miniBasket .checkoutButtonsBox .alternateCheckouts {text-align:center;}
.miniBasket .checkoutButtonsBox .alternateCheckouts&gt;div {padding-top:6px;}
.miniBasket .noResultsPanel {padding:5px; font-style:italic;}

.miniBasketItemDetail .subscriptions .lineBlock {display:block; font-size:.8rem;}
.miniBasketItemDetail .subTitle {padding: 0; text-indent:0; margin:0 7px; clear:both; }
.miniBasketItemDetail .subTitle li {color:#474747; list-style-type:none; margin:4px 0 0 10px; }

.miniBasketItemDetail .title {color:#000; font-weight: normal; float:left; text-align:left; position:relative;}
.miniBasketItemDetail .title a {color:#8C0901;}
.miniBasketItemDetail .title a:hover {color:#474747;}

/******************************************************************************************/
/* end basket display styling                                                             */
/******************************************************************************************/

/******************************************************************************************/
/* begin product display tab styling                                                         */
/******************************************************************************************/

div.tabs div.widget, .ui-tabs div.widget {border:none;}
div.tabs div.widget div.innerSection div.header, .ui-tabs div.widget div.innerSection div.header {display:none;}

.tabs .ajax__tab_header {border-bottom: solid 1px #7CC2DB;}
.tabs .ajax__tab_panel {border-color: #7CC2DB #7CC2DB #7CC2DB #7CC2DB;border-style: none solid solid solid;border-width: medium 1px 1px 1px;}
.tabs .ajax__tab_outer {margin-top:8px;margin-right:5px;margin-bottom:-1px;} 
.tabs .ajax__tab_inner {padding-left:3px;border:#7CC2DB solid 1px; background-color:#FFF; font-weight:bold; padding: 7px 10px;} 
.tabs .ajax__tab_tab {height:15px;padding:0px;margin:0;outline:none;}
.tabs .ajax__tab_hover .ajax__tab_outer {outline:none;} 
.tabs .ajax__tab_hover .ajax__tab_inner {background-color:#8c0901;outline:none;} 
.tabs .ajax__tab_hover .ajax__tab_inner a {color:#FFFFFF; outline:none;}
.tabs .ajax__tab_hover .ajax__tab_tab {outline:none;}
.tabs .ajax__tab_active .ajax__tab_outer {outline:none;} 
.tabs .ajax__tab_active .ajax__tab_inner {background-color:#8c0901;} 
.tabs .ajax__tab_active .ajax__tab_inner a {color:#FFFFFF; outline:none;}
.tabs .ajax__tab_active .ajax__tab_tab {outline:none;}
.tabs .ajax__tab_body {outline:none;}

/******************************************************************************************/
/* end product display tab styling
/******************************************************************************************/

/******************************************************************************************/
/* begin checkout display styling                                                         */
/******************************************************************************************/

/* checkout progress indicator in page header */
div.checkoutProgress
{
    background:url(images/heading-bg.gif) top left repeat-x #8c0901;
	font-size: 1rem;
    font-weight:bold; 
	padding:12px 2px;
    text-transform:uppercase; 
	color:#fff; 
	display:block;
	border: 1px solid #65AEDB;
    margin: 0 0 0;
	clear:both;
}
div.checkoutProgress span { padding:5px 8px; }
div.checkoutProgress span:hover {background: #1f1f1f;}
div.checkoutProgress span.on span 
{
	background-color:#1f1f1f;
	color: #3f294d;
}

/* address validation */
div.validAddressContainer {padding:5px; background-color:#FF803F;}
div.validAddressContainer p {font-weight:bold;}
div.validAddresses {}

/* position edit link for address items */
#checkoutPage div.billingAddress { margin-left:10px; }
#checkoutPage div.billingAddress span.editLink, 
#checkoutPage div.shippingAddress span.editLink { float:right; margin-right:10px; }
#checkoutPage span.editLink a { color:#8c0901; text-decoration:underline; }
#checkoutPage span.editLink a:hover { text-decoration:underline; }

/* styling for specific checkout widgets */
#checkoutPage div.basketTotalSummaryWidget .message { font-style:italic; padding:10px 0 5px 5px; color:#999; }
#checkoutPage div.basketNonShippableItemsWidget div.content { padding:5px; }
#checkoutPage .orderSummaryWidget div.content div { margin-bottom:1em; }

/* assign layout settings for shipment listings */
#checkoutPage table.shipmentWidget td.address { width: 200px; padding:8px; }
#checkoutPage table.shipmentWidget td.address div { margin-bottom:1em; }
#checkoutPage table.shipmentWidget td.address span.links { margin-right:20px; float:right; }
#checkoutPage table.shipmentWidget td.items { padding-top:8px; }
#checkoutPage table.shipmentWidget td.method { width:280px;border:1px solid #8C0901; background-color:#efefef; }
#checkoutPage table.shipmentWidget td.method h3 { border-bottom:1px solid #ccc; margin:0; padding:12px 8px 4px 8px; }
#checkoutPage table.shipmentWidget td.method select { margin: 15px 8px; }
#checkoutPage table.shipmentWidget td.method p { margin: 4px 8px; }

/* add top padding because there is no page header */
#checkout_startPage { padding-top:1em; }

/* add frame to billing address to be consistent with other checkout pages */
#checkout_billPage .column_1 div.section { border:1px solid #65AEDB; margin-bottom:1em; }
#checkout_billPage .inputForm th.rowHeader { width:25%; }
#checkout_billPage .inputForm td { min-width:150px; }

/* frame the order terms and conditions */
#checkout_payPage .orderTerms{ height: 60px; overflow: auto; border: 1px solid #666; padding: 8px; }

/* handle option sections on receipt page */
#checkoutPage .balanceDueSection, 
#checkoutPage .orderInvalidSection { margin-bottom:1em; }

/* checkout hover help images */
.cvvAmex
{
	background-image:url(images/PaymentInstruments/cvv_amex.gif);
	background-repeat:no-repeat;
	border:0;
	height:169px; 
	width:249px;
}

.cvvVisa
{
	background-image:url(images/PaymentInstruments/cvv_visa.gif);
	background-repeat:no-repeat;
	border:0;
	height:169px; 
	width:249px;
}

.checkHelp
{
	background-image:url(images/PaymentInstruments/checkhelp.jpg);
	background-repeat:no-repeat;
	border:0;
	height:181px; 
	width:250px;
}

/* used where order items are displayed during checkout */
table.itemList { border:0; border-collapse:collapse; width:100%; }
table.itemList th, table.itemList td { padding:4px 8px; text-align:center; vertical-align:middle; }
table.itemList th { border-bottom:1px solid #ccc; }
table.itemList td { padding-bottom:10px; padding-top:10px; }
table.itemList td a { color: #416573; }
table.itemList td a:hover { color: #788F03; }
table.itemList th.thumbnail { border-right:none; text-align:left; width:60px; }
table.itemList td.thumbnail { text-align:center; width:60px; }
table.itemList th.item { border-left:none; text-align:left; }
table.itemList td.item { text-align:left; }
table.itemList td.item div.setGiftOptions a { background:url(images/icons/gift-box.gif) center right no-repeat; height:30px; line-height:30px; padding-right:25px; }
table.itemList th.quantity { width:60px; }
table.itemList td.quantity { width:60px; }
table.itemList th.sku { width:80px; }
table.itemList td.sku { width:80px; }
table.itemList th.price { width:70px; }
table.itemList td.price { width:70px; }
table.itemList th.total { width:70px; }
table.itemList td.total { width:70px; }
table.itemList th.shipTo { text-align:left; border:1px solid #8C0901;}
table.itemList td.shipTo { text-align:left; background-color:#efefef; border:1px solid #8C0901; }
table.itemList th.giftOption { text-align:left; width:300px; }
table.itemList td.giftOption { text-align:left; width:300px; }
table.itemList td.giftOption div.message { margin-top:10px; }
table.itemList td.giftOption div.message textarea { height:60px; width:95%; }
table.itemList th.paymentDate { width:100px; }
table.itemList td.paymentDate { width:100px; }
table.itemList th.paymentAmount { width:100px; }
table.itemList td.paymentAmount { width:100px; }
table.itemList th.paymentStatus { width:100px; }
table.itemList td.paymentStatus { width:100px; }
table.itemList th.paymentMethod { text-align:left; }
table.itemList td.paymentMethod { text-align:left; }
table.itemList th.noteDate { width:140px; }
table.itemList td.noteDate { width:140px; }
table.itemList th.noteAuthor { width:140px; }
table.itemList td.noteAuthor { width:140px; }
table.itemList th.noteText { text-align:left; }
table.itemList td.noteText { text-align:left; }
table.itemList th.digitalGood { text-align:left; width:300px; }
table.itemList td.digitalGood { text-align:left; width:300px; }
table.itemList th.download { width:80px; }
table.itemList td.download { width:80px; }
table.itemList th.remainingDownloads { width:80px; }
table.itemList td.remainingDownloads { width:80px; }
table.itemList th.serialKey { text-align:left; }
table.itemList td.serialKey { text-align:left; }
table.itemList th.giftCertificate { text-align:left; }
table.itemList td.giftCertificate { text-align:left; }
table.itemList th.giftCertificateStatus { width:150px; }
table.itemList td.giftCertificateStatus { width:150px; }
table.itemList th.giftCertificateExpiration { width:150px; }
table.itemList td.giftCertificateExpiration { width:150px; }
table.itemList th.subscription { text-align:left; }
table.itemList td.subscription { text-align:left; }
table.itemList th.subscriptionStatus { width:150px; }
table.itemList td.subscriptionStatus { width:150px; }
table.itemList th.subscriptionExpiration { width:150px; }
table.itemList td.subscriptionExpiration { width:150px; }

/* styles for the address book table */

.addressBook .entries
{
    margin-left: 10px;
        
    }
.addressBook .entry 
{
	border:1px solid #8C0901;
	vertical-align:top;
	margin:5px;
    background-color:#fff;
    padding:10px;
	overflow:hidden;
	display:inline-block;
	width:256px;
	height:150px;
	position:relative;
}
.addressBook .address
{
	padding-left:20px;
}
.addressBook .entry h2
{
	margin:0 0 0.5em 0;
	font-size:1.2rem;
	font-weight:bold;
	display:inline-block;
}
.addressBook .caption .links
{
	float:right;
}
.addressBook .entry .buttons
{
	position:absolute;
    top:135px; 
}
.addressBook .addEntry
{
	background-color:#efefef;
}
.addressBook .addEntry .buttons
{
	position:absolute;
}

/* basket and order summary sidebar */
table.orderTotalSummary { width:100%; margin-bottom:1em; }
table.orderTotalSummary th { text-align:right;font-weight:bold; white-space:nowrap; border-bottom:0;}
table.orderTotalSummary td { text-align:right; width:80px; border-bottom:0;}
table.orderTotalSummary td.item {width:60%; text-align:left;}
table.orderTotalSummary th.sku { text-align:center; width:80px; }
table.orderTotalSummary td.sku { text-align:center; }
table.orderTotalSummary th.quantity { text-align:center; width:60px; }
table.orderTotalSummary td.quantity { text-align:center; width:60px; }
table.orderTotalSummary td.item div.setGiftOptions a { background:url(images/icons/gift-box.gif) center right no-repeat; height:30px; line-height:30px; padding-right:25px; }
table.orderTotalSummary tr.dividerRow td { border-bottom: 1px solid #ccc; width:100%;}
table.orderTotalSummary tr.importantRow {font-weight:bold;}
table.orderTotalSummary tr.actionsRow td {text-align:center; width:100%;}


/* payment form */
.paymentFormContainer .paymentMethodList {display:table-cell; vertical-align:top; border: 0px dotted #ccc; white-space:nowrap;}
.paymentFormContainer .paymentForm {display:table-cell; background-color:#efefef; border: 1px solid #8C0901; width: 100%; padding:10px; vertical-align:middle;}
.paymentFormContainer table.inputForm th { width:120px; text-align:right; }
.paymentFormContainer table.inputForm td { }
.applyCouponPanel { padding:6px 6px 12px 6px; margin-bottom:1em; border-bottom: 1px dotted #ccc; }
.applyCouponPanel label { margin-right:4px; }
.applyCouponPanel p { display:block;margin-top:1em; }
.cvvHelpHoverPanel .helpSection { display:inline-block; width:280px; margin:10px; vertical-align:top; }
.cvvHelpHoverPanel .helpSection h3 { margin-bottom:0.5em; }
.cvvHelpHoverPanel .helpSection p { text-align:justify; }

/* one page checkout */
.opcOverlay 
{
opacity:0.5;
filter: alpha(opacity=50); /* for IE8 and below */
background-color:#ccc;position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:900;
}
.aboveOpcOverlay{z-index:901;position: relative;background-color:White;}

div.addressLink {padding:0px 5px 10px 5px;}
div.addressText {padding:5px 5px 4px 5px;}

.left {float:left;}
.right {float:right;}
div.opcInputForm {}
div.opcInputForm span.label {display:block;padding:3px;}
div.opcInputForm .small {padding:2px; width:90px;}
div.opcInputForm .large {width:200px;}
#checkout_onePage div.itemDetail ul {list-style-type:disc; padding-left:25px; text-align:left; margin:5px 0 5px 0;}
#checkout_onePage table.itemList th.price, #checkout_onePage table.itemList td.price {text-align:right;}
#checkout_onePage table.itemList td.rowHeader {text-align:right; font-weight:bold;padding-top:5px; padding-bottom:5px;}
#checkout_onePage table.itemList td.subTotals {padding-top:5px; padding-bottom:5px;}
#checkout_onePage table.itemList tr.dividerRow td { border-bottom: 1px solid #ccc; width:100%; padding:0;}
#checkout_onePage div.emailList p { padding:5px 5px 5px 25px; font-style:italic;}

table.basketSummary { width:100%; margin-bottom:1em; }
table.basketSummary tr.evenRow { background-color:#FFFFFF;}
table.basketSummary tr.oddRow { background-color:#F8F8F8;}
table.basketSummary tr.simpleRow { border-bottom: 0; }
table.basketSummary tr.importantRow { border-bottom: 0; }
table.basketSummary tr.headerRow { border-bottom: 0; }
table.basketSummary th { text-align:right;font-weight:bold; white-space:nowrap; border-bottom:0;}
table.basketSummary td { text-align:right; width:80px; border-bottom: 0; }
table.basketSummary td.item {width:60%; text-align:left;}
table.basketSummary th.sku { text-align:center; width:80px; }
table.basketSummary td.sku { text-align:center; }
table.basketSummary th.quantity { text-align:center; width:60px; }
table.basketSummary td.quantity { text-align:center; width:60px; }
table.basketSummary tr.dividerRow td { border-bottom: 1px solid #ccc; width:100%;}
table.basketSummary tr.importantRow {font-weight:bold;}
table.basketSummary tr.actionsRow td {text-align:center; width:100%;}
table.basketSummary td.item div.setGiftOptions a { background:url(images/icons/gift-box.gif) center right no-repeat; height:25px; line-height:25px; padding-right:25px; font-weight:normal;}


/******************************************************************************************/
/* end checkout display styling                                                           */
/******************************************************************************************/

/******************************************************************************************/
/* begin my account area styling                                                          */
/******************************************************************************************/

/* account area styles */
/* This is used on my account page only. Should follow some more general structure/styling. */
ul.columns { margin: 0 0 0 30px; padding: 0; list-style: none; }
ul.columns li {  margin: 2px; background-image: url(images/bullet1.gif); background-position: 0 3px; background-repeat: no-repeat; text-indent:20px; height: 20px; }
.orderHistoryDialog .content { border:solid 1px #8C0901; padding: 5px 10px; line-height: 25px; }
.orderHistoryDialog .content .bullet{ background-color:#AAAAAA; padding-left:18px;}

/* wishlist styling */
#account_wishlistPage .actions {text-align:center; margin-top:10px; margin-bottom:10px;}
#wishlistPage div.emptyWishlistPanel 
{
    background-color:white; 
	padding-top: 20px; 
	padding-left: 60px; 
	margin: 20px 35px 35px 35px;
    height: 50px; text-align:center; 
}
#wishlistPage div.emptyWishlistPanel span.message { font-size: 1.2rem; font-weight: normal; color: #666666; }

/* serial keys page */
#account_serialKeyPage div.content {width:100%;overflow:scroll;}

#accountPage div.tabpane { position:relative; }
#accountPage div.tabpane p { padding: 10px 0 0 0; }
#accountPage div.tabpane .ui-notify { position:absolute; }
.wishlistPasswordWidget { position:relative; }
.wishlistPasswordWidget .ui-notify { position:absolute; }

/* styles for paged list of data */
table.pagedList { width:100%; }
table.pagedList tr.oddRow { background-color:#fff; }
table.pagedList tr.oddRow td { color: #000000; padding: 10px; }
table.pagedList tr.evenRow { background-color:#F5F5F5; }
table.pagedList tr.evenRow td { color: #000000; padding: 10px; }
table.pagedList tr.empty td { width:300px; text-align:center; padding: 10px; font-size:1.1rem; font-style:italic; border: solid 1px black; }
table.pagedList td { padding: 4px; border:solid 1px #e4e4e4; text-align:center }
table.pagedList th { padding: 7px 4px; font-weight:bold; margin:0; color:#fff; background:#8C0901; border: solid 1px #e4e4e4; }
table.pagedList th a { color: #fff; text-decoration:underline; }
table.pagedList th a:hover { color: #cee2e7; text-decoration:underline; }
table.pagedList td a { color: #000; }
table.pagedList td a:hover { color:#daa520; text-decoration:none; }
table.pagedList th.thumbnail { border-right:none; text-align:center; width:60px; }
table.pagedList td.thumbnail { border-right:none; text-align:center; width:60px; }
table.pagedList th.itemName { border-left:none; }
table.pagedList td.itemName { border-left:none; text-align:left; }
table.pagedList th.quantity { width:60px; }
table.pagedList td.quantity { width:60px; }
table.pagedList th.sku { width:80px; }
table.pagedList td.sku { width:80px; text-align:left; }
table.pagedList th.price { width:70px; }
table.pagedList td.price { width:70px; }
table.pagedList th.manufacturer { width:100px; }
table.pagedList td.manufacturer { width:100px; }
table.pagedList th.categories { width:120px; }
table.pagedList td.categories { width:120px; }
table.pagedList th.actions { width:100px; }
table.pagedList td.actions { width:100px; }
table.pagedList th.orderItems { text-align:left; }
table.pagedList td.orderItems { text-align:left; }
table.pagedList tr.paging td {border: 0px; padding:0px; text-align:center}

/* styles for paging of catalog grids */
div.pagingPanel {margin:0;}
div.pagingPanel, .paging table { text-align: left; padding: 10px 0 0px 0px; margin: 10px 0 0px 0;}
.paging table {margin-bottom : 10px; }
div.pagingPanel span, div.pagingPanel .current, div.pagingPanel a, .paging span, .paging a 
{
padding: 3px 5px;  
border: 1px solid #ccc; 
font-weight: bold; 
font-size: 1rem; 
margin: 3px 0 3px 1px; 
background-color: #8C0901; 
color: #fff; 
}
div.pagingPanel a, .paging a
{
background-color:#daa520; 
color: #FFFFFF!important; 
text-decoration:none; 
}
div.pagingPanel a:hover, .paging a:hover { background-color: #8C0901; color: #FFFFFF!important; border:1px solid #ccc; }

/******************************************************************************************/
/* end my account area styling                                                            */
/******************************************************************************************/

/******************************************************************************************/
/* begin ajax related styling                                                             */
/******************************************************************************************/

/* popup dialog related styles */
.popupOuterWrapper {overflow:hidden;width:1px;height:1px;} /* prevents the screen from dynamically resizing when the popup shows */
.modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }
.modalPopup { background-color:#ffffff; border-width:1px; border-style:solid; border-color:#8C0901; width:500px; position:static;}
.modalPopup .header, .modalPopupHeader {cursor:move; background-color:#8C0901; border-bottom:solid 1px #000; color:#fff; padding:6px; font-weight:bold; font-size:1rem; }
.modalPopup .modalPopupContent {padding:8px;}
.addAddressPopup {width:500px;}
.editAddressPopup {width:500px;}
.shipEstimatePopup {width:450px;}

/* ajax progress styling */
#ajaxProgressOuter 
{
    border: 0; padding: 0; margin: 0; 
	position:fixed; 
	width:100%;
	height:100%;
	left: 0; top:0; bottom:0;
	background-color: #444444; 
	opacity: .65;
    filter: alpha(opacity=65);
	z-index: 1000;
}

#ajaxProgressInner
{
    padding: 0; 
	background: #FFFFFF url(images/processing.gif) no-repeat 50%; 
	position: absolute; 
    left:48%;
	top:25%; 
	margin-left:-100px; 
	width:200px; 
	height:200px;		
	border: solid 2px #444444; 
	opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1001;
}

/* Main Product Image */
div.mainImageArea {display:table;margin:10px auto;position: relative;}
div.mainImageArea div.mainImageWrapper {display:table-cell;vertical-align:middle;top: 50%;}
div.mainImageArea div.mainImageWrapper div.mainImage {position: relative; top: -50%}

/* product image thumbnails */
.additionalImages 
{
    position: relative;
    margin: auto;
    width: 35%;
	display: inline;
}
.additionalImages img.thumbnail { max-width:50px; max-height: 50px; }
div.thumbnailsList {}
div.thumbnailsList ul {list-style:none;}
div.thumbnailsList ul li {display:inline;}
div.thumbnailImage
{
    margin:2px;
    border: 1px solid #ccc;
    text-align: center;
    display:inline-block;
}

div.thumbnailImage img, div.thumbnailsList a img{border:none;}

.socialMediaLinksDialog .fb_edge_comment_widget  { display:none; }

/******************************************************************************************/
/* end ajax related styling                                                               */
/******************************************************************************************/

/******************************************************************************************/
/* begin admin panel related styling                                                             */
/******************************************************************************************/

#adminPanel {padding:10px 15px 10px 15px; background-color:#FFF; border-top:1px solid #000;}
#adminPanel .rowHeader {font-weight:bold;}
#adminPanel div.editItemPanel {padding: 0 0 10px;}
#adminPanel div.displayPagePanel {}

/******************************************************************************************/
/* end admin panel styling                                                               */
/******************************************************************************************/

/******************************************************************************************/
/* Amazon payment page                                                               */
/******************************************************************************************/
#checkout_amazon  div.section {margin-bottom:1em; border:1px solid #636363; background-color:#E1E1E1;}
#checkout_amazon  div.section .header {padding-left: 10px; background:url(images/amazon-header-bg.gif) top left repeat-x #E1E1E1; }
#checkout_amazon  div.section .header h2{font: bold 12px/29px arial,sans-serif; display: inline-block; letter-spacing: 0.5pt; margin: 0; }
#checkout_amazon  div.section .content { margin:0px 3px 3px 3px; border:1px solid #636363;padding: 10px 10px 10px 10px; background-color:White; }

#checkout_amazon .sidebarColumn { width: 42%; }
#checkout_amazon .mainColumn { width: 52%; }


/******************************************************************************************/
/* End Amazon payment page                                                               */
/******************************************************************************************/


/******************************************************************************************/
/*  Added by Loafin' Tree - loafintree.com
/******************************************************************************************/

/* $Google Custom Search  *
.gsc-control-cse { background: none!important;border: none!important;}
.gsc-input-box { height: 45px!important;}
.gsib_a { padding: 13px 6px 0!important;}
input.gsc-search-button {border-color: #3B9AB8!important; background-color: #3B9AB8!important;}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
padding: 15px 40px!important;
margin-top: 1px;!important}
h2.gcs-header {color: #FFF;font-size: 3.2rem;text-align: center;padding-top:3rem;}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
margin-top: 0!important;
}
*/

/* $Catalog Request page */

#adobeacro {
	width: 80px;
}
#CRimages, #CRtext {
	width:100%;
	display:block;
	clear:both;
	max-width:720px;
}
.catalog-image {
	width:500px;
}
.catalog-arrows {
	width:200px;
}

/* $Feedroll.com -- VCM Blog feed */

ul.rss-items { list-style:none; }
.rss-box-vcmblog {
}
.rss-box-vcmblog .rss-title {
	font-size: 1.3rem;
}
.float-left {
	float:left;
}

/* $Catalog checkbox in checkout */

.catalogchk {
	font-size:1.2rem;
	color:#00abd9;
	padding: 0 0 2rem 0.8rem;
}
h2#catchkh2 {
	margin-bottom:2rem;
}

/* $Skip Navigation image link for ADA */

#ctl00_ctl00_NestedMaster_Breadcrumbs_BreadCrumbs1_StoreBreadCrumbs img {
	width:1px;
	height:1px;
}

/* Subscribe */

#mc_embed_signup h2 {
	color:#00bff3;
}
.blog-title {
	font-size: 1.2rem;
}
/** Accordion menu  **/
ul.ui-menu { list-style-type:none; }
ul li ul.ui-menu { overflow:visible; list-style-type:none; }

/**************************************************************/
/*---------------- $Media Queries ----------------------------*/
/**************************************************************/

/* Small */
@media only screen and (min-device-width : 320px) {
html {
	font-size: 14px;
}
#headerTop .column_1, #headerTop .column_2 { margin:0; width:50%; }
#headerTop column_1 img {
width:322px;
}
#headerTop .shortcuts {
	width: auto;
	height:1.5rem;
}
#headerTop .shortcuts a {
	padding:0 10px;
	font-size: .9rem;
	/* color: #C4C4C4; */
}
.logo.storeLogo{
	width:30%;
}
#headerMiddle {
	height: 13.5rem;
}
#ctl00_ctl00_NestedMaster_PageHeader_StoreHeader_H_SimpleSearch1_SearchPhrase {
	width: 50%;
}
#hero-search {
	width: 21.8rem;
	margin: 3.5rem auto;
	margin-bottom:0;
	font-size: 1.3rem;
	padding-top: 2.5rem;
}
#hero-search h2 {
	font-size:1.8rem;
}
.simpleSearchPanel .button {
	font-size: 1rem;
	padding: 0 6px;
}
#headerNavigation .navigation {
	font-size: 1rem;
	height:5.5rem;
}
}
#leftColumn {
	width: 100%;
}
#rightColumn {
	width: 100%;
}
#mainColumn {
	width: 100%;
}
}
/* Small */
@media only screen and (min-width : 480px) {
html {
	font-size: 14px;
}
#headerTop .column_1, #headerTop .column_2 { margin:0; width:50%; }
#headerTop column_1 img {
width:156px;
}
#headerTop .shortcuts {
	width: auto;
	height:1.5rem;
}
#headerTop .shortcuts a {
	padding:0 .6rem;
	font-size:.8rem;
	color:#8C0901;
}
.logo.storeLogo{
	width:20%;
}
#headerMiddle {
	height: 9.5rem;
}
#ctl00_ctl00_NestedMaster_PageHeader_StoreHeader_H_SimpleSearch1_SearchPhrase {
	width: 50%;
}
#hero-search {
	width: 275px;
	margin: 3.5rem auto;
	margin-bottom:0;
	font-size: 1.3rem;
	padding-top: 2.5rem;
}
#hero-search h2 {
	font-size:1.6rem;
}
.simpleSearchPanel .button {
	font-size: 1rem;
	padding: 2px 6px;
}
#headerNavigation .navigation {
	font-size: 1.1rem;
	height:3rem;
}
/* Category flyout menu*/
li.ui-menu-item &gt; ul.ui-menu {
	display: none;
/*	top:0!important;
	left: 0!important; */
} 
#leftColumn {
	width: 100%;
}
#rightColumn {
	width: 100%;
}
#mainColumn {
	width: 100%;
}
}


/* Tablets ----------- */
@media only screen and (min-width : 768px) {
html {
	font-size: 14px;
}
#headerTop .column_1 { margin:0; width:auto; }
#headerTop .column_2 { margin:0; float:right; width:auto; }
#headerMiddle {
	height: 15rem;
}
.simpleSearchPanel .button {
	font-size: 1.5rem;
	padding: .45rem .6rem;
	float:left;
}
#ctl00_ctl00_NestedMaster_PageHeader_StoreHeader_H_SimpleSearch2_SearchPhrase {
    width: 68%;
	float:left;
	height: 2.75rem;
}
#hero-search {
	width: 60%;
	margin: 1.9rem 0 0 25%;
	font-size: 2rem;
	padding-top: 3.5rem;
}
#hero-search h2 {
	font-size:2.4rem;
}
#headerNavigation .navigation {
	height:2.8rem;
}
#leftColumn {
	width: 23%;
	padding:0 2%;
	float:left;
}
#mainColumn {
	width: 50%;
	float:left;
}
#rightColumn {
	width: 27%;
	float:left;
}
.blog {
	max-width:175px;
	overflow:hidden;
}
.blog img{
	overflow:hidden;
}
.innerSection {
	padding-top:2%;
}
}
@media 
only screen and 
(min-device-width: 768px) and (max-device-width: 1024px)  {
/* more space for iPad viewport - needed for 'quickorder' page table */
div#rightColumn {
		display:none;
	}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1024px) {
html {
	font-size: 16px;
}
#headerTop .column_1 { margin:0; width:auto; }
#headerTop .column_2 { margin:0; float:right; width:auto; }
.simpleSearchPanel .button {
	padding: .5rem .6rem;
	float:left;
}
#hero-search {
	width:50%;
	padding-top: 5rem;
}
#hero-search h2 {
	font-size:2.4rem;
}
#headerNavigation .navigation {
	height:2.5rem;
}
#leftColumn {
	width: 23%;
	float:left;
}
#mainColumn {
	width: 50%;
	float:left;
}
#rightColumn {
	width: 27%;
	float:left;
}
.blog {
	max-width:100%;
	}
/* #headerNavigation a {
	font-weight:bold; */
}
}

/* Large screens ----------- */
@media only screen and (min-width : 1520px) {
html {
font-size: 18px;
}
#headerTop .column_1 { margin:0; width:auto; }
#headerTop .column_2 { margin:0; float:right; width:auto; }
#hero-search h2 {
	font-size:2.6rem;
}
#leftColumn {
	width: 23%;
	float:left;
}
#mainColumn {
	width: 50%;
	float:left;
}
#rightColumn {
	width: 27%;
	float:left;
}
}

/* Smartphones (portrait and landscape) ----------- *
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
#headerNavigation .navigation {
	height:2.5rem;
}
}
/* Smartphones (landscape) ----------- *
@media only screen and (min-width : 321px) {
}

/* Smartphones (portrait) ----------- *
@media only screen and (max-width : 320px) {
html {
font-size: 13px;
}
}
/* iPads (portrait and landscape) ----------- *
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
html {
font-size: 14px;
}
#headerNavigation .navigation {
	height:2.5rem;
}
}

/* iPads (landscape) ----------- *
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

/* iPads (portrait) ----------- *
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}

/* iPhone 4 ----------- *
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
}</pre></body></html>