/******************************************************************************************/
/* begin global styles                                                                    */
/******************************************************************************************/

/* force a vertical scrollbar in firefox, prevents horizontal page shifting */
html { min-height: 100%; margin-bottom:1px; }

body 
{ 
	padding: 0; margin: 0 auto; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; 
	background:#fafafa url(images/bodyBackground.gif) repeat-x top;
}

td, p, form {text-decoration:none; margin:0; }
p { margin: 0 0 1em 0; margin:6px;}
p.topMargin { margin: 1em 0; }
ul { list-style-type:none; margin:0; padding:0; }
h2 { font-size:1.2em;font-weight:bold; }
table caption { font-size:1.2em; font-weight:bold; }
h3 { font-size:1em;font-weight:bold; }
h2,h3 { margin: 0; }

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

/* links */
a { color: #0D2C4D; text-decoration: none; }
a:hover { color:#E5A704; 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:#CAB999; }

/* 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; 
}

input.notify {
    width:132px !important;
}

/* 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-color:#0d2c4d; 
    font-size: 11px; 
	color: #ffffff !important;
	cursor:pointer; 
	padding:0px 10px;
	margin: 0 0 2px 4px; 
	font-weight: bold;
    border: 1px solid #294666; 
	white-space: nowrap; 
	height:21px;
	line-height:21px;
	border-radius:5px;
}

.button:hover { text-decoration:none !important;}

a.button
{
	display:inline-block;
	height:19px;
	line-height:21px;
	text-decoration:none;
}

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

/* 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: 990px; margin-top: 5px; margin-bottom: 10px;}
#innerPageContainer {width: 990px;}

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

#header
{
    width:990px;
	display:block;
	margin-bottom:1em;
	margin-left: 0;
	margin-right: 0;
    clear: both;
}

#header div.zone {}

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

#leftColumn { width: 208px;  margin: 0; padding: 0; border:0; background:#fff; border-right:solid 1px #ed972a; }
#leftColumn div.zone {}
#leftColumn .innerSection .header { background: url("images/section_header_bg1.gif") no-repeat scroll right bottom transparent; height: 45px; margin: 0; padding: 0; }
#leftColumn .innerSection .header h2{color: #0F1130; border:none; font-size: 14px; font-weight: lighter; line-height: 55px; margin: 0; padding: 0; text-indent: 15px;}
#leftColumn ul.category li { background: url("images/categoryBg.gif") no-repeat scroll left bottom transparent; border-bottom: 1px solid #FFFFFF; margin: 0; padding: 0 0 0 5px;}
#leftColumn ul.category li a {
    background: url("images/left_panel_item_bg_hover.gif") no-repeat scroll left top transparent;
    color: #8C9CB6;
    display: block;
    font-family: "Times New Roman",Times,serif;
    font-size: 14px;
    line-height: 14px;
    padding: 8px 0 8px 30px;
    text-transform: capitalize;
}
#leftColumn ul.category li a:hover {  color:#376aac; text-decoration:none;}

#rightColumn { width: 184px; background:#fff; border-left:solid 1px #ed972a;}
#rightColumn div.zone {padding:0 10px 0 0;}
#rightColumn div.productItemDisplay div.thumbnailArea div.thumbnailWrapper {display:table-cell;vertical-align:middle; border: 3px solid #EAF1F8;}

#mainColumn {width:460px; background: none repeat scroll 0 0 #FFFFFF; border: 0 none;}
#mainColumn.leftSidebarLayout {width: 780px;}
#mainColumn.rightSidebarLayout {width: 795px; padding-left: 10px;}
#mainColumn.threeColumnLayout {width: 596px;}
#mainColumn.oneColumnLayout {width:980px; padding-left: 10px;}

#mainColumn div.zone {padding:0 10px 0 0px}
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: 300px; }
.thirdsColumn .widget { min-height:150px; }

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

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

/* 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:#FFFFFF; font-size:11px; background: url("images/storeHeader.gif") no-repeat scroll left top transparent;}
#storeHeader a {color:#555555;}
#storeHeader .logo {margin: 30px 0 30px; padding: 18px 0 0 30px;}
#storeHeader .logo img {margin: 0 0 0 10px;}

#headerTop { display:block; }
#headerTop .column_1, #headerTop .column_2 { margin:0; }
#headerTop .column_1 {width:445px;}
#headerTop .column_2 {width:500px;}
#headerTop .search { padding: 25px 0 0; text-align:right; width:500px; }
#headerTop .shortcuts {width:520px; background: url("images/shortcutsLine.gif") no-repeat scroll right bottom transparent; padding: 0 1px 0 0; position: absolute; top: 70px;}
#headerTop .shortcuts  a 
{
    background: url("images/shortcutsBg.gif") no-repeat scroll left top transparent;
    color: #F1EAD2;
    display: block;
    float: right;
    font-family: "Times New Roman",Times,serif;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    margin: 14px 0 0;
    padding: 39px 0 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 102px;
}
#headerTop .shortcuts a:hover
{	
	color: #f39300;
}

#headerTop .search input.searchPhrase 
{ 
    background: url("images/searchPhraseBg.gif") no-repeat scroll left top #FFFFFF;
    border: 0 none;
    color: #656565;
    margin: 0;
    padding: 4px;
    width: 170px;
}
#headerTop .search .button
{
	background: url("images/search_btn2.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "Times New Roman",Times,serif;
    font-size: 12px;
    font-weight: lighter;
    height: 46px;
    margin: 0;
    padding: 0 2px 2px;
    text-align: left;
    text-transform: uppercase;
    width: 100px;
}
#headerTop .search .button:hover {}

#headerNavigation {display:block;clear:both;}
#headerNavigation .navigation 
{	
	background: none repeat scroll 0 0 #0C1013;
	width:100%;
	text-align:left;
	height: 32px;
    margin: 0 auto;
    vertical-align: top;
}
#headerNavigation .content {margin:0 auto;}
#headerNavigation a:hover { background:url(images/navigationBgHover.gif) repeat-x top; border:solid 1px #9f7642; }
#headerNavigation a 
{
	background: url("images/navigationBg.gif") repeat-x scroll center top transparent;
    border: 1px solid #254669;
    color: #FFFFFF;
    font-family: "Times New Roman",Times,serif;
    font-size: 14px;
    font-weight: lighter;
    padding: 6px 13px 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

#headerBottom {display:block;clear:both;}

/* standard page header */
div.pageHeader {background: url("images/section_header_bg2.gif") no-repeat scroll left bottom transparent; color: #4CA5CD; margin-bottom: 5px; margin-top: 4px;} 
#pageHeader { position:relative; margin-bottom:5px; margin-top:4px; padding:18px 0px; }
div.pageHeader h1 {background: url("images/line2.gif") repeat-x scroll center bottom transparent; color: #000223; font-size: 14px; font-weight: lighter;
    line-height: 45px; margin: 0; padding: 0; text-transform: capitalize; text-indent:14px;} 
#pageHeader h1 {background: url("images/searchCriteriaBg.jpg") repeat-x scroll center top transparent; border: 1px solid #D2D9E1; padding: 0 0 0 10px; font-size:14px; height:27px; line-height:27px; color: #FFFFFF; }
div.pageHeader div.links, #pageHeader div.links { right:10px; top:4px; position:absolute; }

/* breadcrumbs */
.breadCrumbs { color: #000; margin: 0; padding: 6px; }
.breadCrumbs a {color:#A8A8A8;}
.breadCrumbs a:hover {text-decoration:underline;}

/* footer area styles */
#footer { background: url("images/footerBG.gif") repeat-x scroll center top #001638; color: #BCBCBC; font-size: 11px; margin: 0; }
#footer .content { padding:6px; }
#footerTop {float:right }
#footerTop .content { padding:3px; }
#footerMiddle { top:-25px;}
#footerMiddle .shortcuts a { text-decoration:none; border-left:1px solid #FFFFFF; color: #FFFFFF; font-size: 12px; padding: 0 8px 0 12px; text-decoration: none; }
#footerMiddle .shortcuts a:hover {color:#F39300;}
#footerMiddle .shortcuts a:first-child { border-left:none; }
#footerBottom { position:relative; font-size:0.8em; margin-left:8px;}
#footerBottom .ablecommerceLink { display:inline-block; }
#footerBottom .ablecommerceLink a { color:#fff; }
#footerBottom .copyright { color:#6B9FBF; display:inline-block; position:absolute; right:6px; }
.mobileLinkPanel {display:block; padding:10px;}
.mobileLinkPanel a { color:#efefef; }

/* widget styling */
div.widget { margin-bottom:1em; }
div.widget .header { margin: 0px 0 0; padding: 3px 10px 4px; background: url("images/section_header_bg2.gif") no-repeat scroll left bottom transparent; color: #4CA5CD;}
div.widget .header h2  {
    border-bottom:1px dotted #e5920e;
    color: #000223;
    font-size: 14px;
    font-weight: lighter;
    line-height: 30px;
    margin: 0;
    padding: 0;
    text-transform: capitalize; 
}
div.widget .content { padding:10px; }
div.widget .content a{ color:#005b90; text-decoration:none;}
div.widget .content a:hover{ text-decoration:underline;}
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 #CCCCCC; margin-bottom:1em; width:100%; }
table.widget td { padding:0px;vertical-align:top; }
table.widget caption { background: url("images/searchCriteriaBg.jpg") repeat-x scroll center top transparent; text-align:left; border: 1px solid #D2D9E1;color: #FFFFFF; height:27px; line-height:27px; padding:0 0 0 10px; }

/* custom styles for specific widgets */
.simpleCategoryListWidget .content { padding: 0; }
.simpleCategoryListWidget ul { margin:0; padding:0; list-style-type:none; }
.simpleCategoryListWidget li { margin:0; border-bottom:1px dashed #65AEDB; }
.simpleCategoryListWidget li:last-child { border-bottom:none; }
.simpleCategoryListWidget li a { display:block; padding:8px; color:#005b90; background-color:#F5F5F5; font-weight:bold; }
.simpleCategoryListWidget li a:hover { color:#005b90; background-color:white; }

.categorySearchwidget .criteriaPanel { margin-bottom: .5em }
.categorySearchwidget .criteriaPanel h3 { margin-bottom: .5em; color:#333 }
h3.searchCriteria {color: #F39300;font-size: 12px;font-weight: lighter;line-height: 28px;margin: 0;text-indent: 11px;text-transform: capitalize;}
a.searchCriteria {
    background: url("images/left_panel_item_bg_hover.gif") no-repeat scroll left top transparent;
    color: #8C9CB6 !important;
    display: block;
    font-family: "Times New Roman",Times,serif;
    font-size: 14px;
    line-height: 12px;
    padding: 8px 8px 8px 30px;
}
a.searchCriteria:hover{color:#376AAC !important; text-decoration:underline;}
.categorySearchSidebarWidget .content { line-height:2em; }

div.articleListingSidebar .webpage { list-style: outside none none; margin-bottom: 0; padding-left: 0; }
div.articleListingSidebar .webpage a { display: block; padding: 10px 15px; position: relative; }

/* hover popup styling */
div.hoverPanel { border:solid 1px #7cc2db; }
div.hoverPanel .header { border-bottom:solid 1px #7cc2db; 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:350px; position:fixed; top:10px; right:10px; }
.ui-notify-message { padding:10px; margin-bottom:15px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px }
.ui-notify-message h1 { font-size:14px; 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:12px; 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 #7cc2db; }
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:4px 10px; text-decoration:none; color:#000; border:1px solid #A0D9EC; border-bottom: none; border-radius: 6px 6px 0px 0px; font-size:1.1em; font-weight:bold; }
div.tabstrip ul li a:hover { background:#005b90; color:#fff; }
div.tabstrip ul li.active a { background:#0d2c4d; color:#fff; }
div.tabpane { border:1px solid #A0D9EC; 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 #7cc2db; padding-right: 0; width: 100%; margin:0; text-transform: uppercase; font-size:12px; 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; }
.halfColumn .loginWidget .innerSection, .halfColumn .registerDialog .innerSection {background: none repeat scroll 0 0 #FFFFFF; border: 1px dotted #D3D7E0;}

/* default styling for generic input forms */
table.inputForm { text-align: left; width: 100%; }
table.inputForm input[type="text"], table.inputForm input[type="password"] {background: url("images/textFieldBg.gif") repeat-x scroll 0 0 #EDEEF0;border: 1px solid #C8D1DA;color: #61605C;padding: 2px;}
table.inputForm select { border:solid 1px #CCCCCC; color: #444444; padding: 2px }
table.inputForm th { padding-left: 25px; text-align:left;} 
table.inputForm td { padding: 5px; margin: 0; }
table.inputForm .rowHeader { color: #61605C; padding:10px 5px 10px 10px; }
table.inputForm .rowHeader a {  border:1px solid #650101; width:100%; color: #444444; font-size: 10px; font-weight:bold; text-align:left; padding: 6px; }
table.inputForm .rowHeader * {  font-weight: bold; font-size: 12px;  }
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 { margin-bottom:10px;}
.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 {padding: 5px 5px 10px;}
#categoryPage div.subCategories a {display:inline-block; padding:5px 10px; font-size: 1.1em; font-weight: lighter; margin-left:2px;margin-top:5px; color:#6181A4;}
#categoryPage div.subCategories a:hover { text-decoration:underline;}

/* category details display */
.categoryDetailsListing div.itemContainer {height:150px; margin:10px;}
.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:115%;padding-bottom:10px;}
.categoryDetailsListing div.itemContainer div.itemDisplay div.detailsArea .summary {}
.categoryDetailsListing div.itemContainer div.itemDisplay  div.detailsArea .publishInfo { font-size:smaller; }

/* 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;}
.itemListing .itemContainer {height:240px; margin:3px 3px; background: url("images/productsGrid.gif") no-repeat scroll right bottom transparent; border: 1px dotted #D2D8E2;}
div.thumbnail { background: url("images/thumbnailsBG.gif") no-repeat scroll left top transparent; height: 124px; vertical-align: top; padding: 9px 9px 0; }

/* article listing display */
.articlesListing div.itemContainer {margin:10px 0 0 0; height:auto; }
.articlesListing div.itemContainer div.itemDisplay div.detailsArea .summary { text-align:justify;}

/* 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:85px;text-align: center;}
div.productItemDisplay div.detailsArea div.details{}
div.productItemDisplay div.detailsArea div.details div.itemName{font-weight:bold; font-size: 1.1em;}
div.productItemDisplay div.detailsArea div.details div.itemName a{color:#627D96; text-decoration:none;}
div.productItemDisplay div.detailsArea div.details div.manufacturer {}
div.productItemDisplay div.detailsArea div.details div.manufacturer a{color:#8C9CB6;}
div.productItemDisplay div.detailsArea div.details div.sku{}
div.productItemDisplay div.detailsArea div.details div.rating{}
div.productItemDisplay div.detailsArea div.details div.price{color: #FF0000;font-weight: bold;}
div.productItemDisplay div.detailsArea div.details div.summary{height:70px; margin:5px 0;overflow: auto;}
div.productItemDisplay div.actionsArea {position:relative;height:25px;}
div.productItemDisplay div.actionsArea div.actions {bottom: 0; position: relative; width: 100%;margin-bottom:5px;}

/* 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.2em;}
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.2em;}
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.2em;}
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 { color:#000223; margin:5px 0; padding: 10px 0 0;}
.searchSortHeader span {font-size:12px; font-weight: bold;}
.searchSortHeader .sorting { border: 1px solid #CCCCCC; color: #222222; padding: 1px; font-size: 1em;}
.searchSortHeader .fieldHeader {font-size:12px;}
.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: 0px solid #65aedb; }
div.productRowDisplay h1 {color:#000223; text-align:left; font-size:14px; font-weight:lighter; line-height:1.5em; padding:10px; letter-spacing: 1px; }
div.productDisplay {overflow:hidden;margin-bottom:6px;}
div.productDisplay h1 {color:#000223; text-align:left; font-size:14px; font-weight:lighter; line-height:1.5em; padding:10px; letter-spacing: 1px; }
div.productDisplay div.simpleProduct div.productImageArea {float:left; vertical-align:top; text-align:center; max-width:500px; padding:6px;}
div.mainImage img.productImage:hover { cursor:pointer; }
div.productDisplay div.simpleProduct div.productDetails {float:right; vertical-align:top; padding: 5px 15px 0 10px; width:290px;}
div.productDisplay div.optionProduct div.productDetails {vertical-align:top; padding: 5px;}

/* buy product dialog */
table.buyProductForm { padding:10px 5px 5px 5px; }
table.buyProductForm td, table.buyProductForm th {  padding:5px 0 5px 5px; vertical-align:middle; }
table.buyProductForm .rowHeader {
    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;}
.buyProductDialog { background: none repeat scroll 0 0 #F3F3F3; border: 1px solid #E4E4E4; padding: 10px 5px 5px; }
span.inventoryDetails {display:block; width:200px;}
.optionPicker td { border: outset 2px #999; }
.optionPicker td.selected { border: inset 2px #999; }

/* product discount dialog */
.discountsDialog table.pagedList td, .discountsDialog span.levels { text-align: left; }
.discountsDialog span.title { font-weight:bold; }
.discountsDialog span.levels ul { padding-top:5px; }

/* 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 {display:inline;}

/* 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.2em; 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:750px; 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:#153759; color:#fff;border:1px solid #294666; }
#basketPage div.basketContainer div.actions span.checkout .button:hover {}
#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: 18px; font-weight: normal; color: #666666; }

/* display of the basket items */
table.basket { border:0; border-collapse:collapse; width:100%; }
table.basket tr.oddRow {background: #DDE6EF;}
table.basket tr.evenRow {background:#D2D9E1;}
table.basket th {background: url("images/searchCriteriaBg.jpg") repeat-x scroll center top #767676; color: #FFFFFF; padding:4px 8px; text-align:center; vertical-align:top;} 
table.basket td { border:1px solid #A0D9EC;padding:4px 8px; text-align:center; vertical-align:top; }
table.basket td a { color: #6181A4; }
table.basket td a:hover { color: #6181A4; }
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:#ff0000; }
.miniBasket .label { color:#003616; font-weight:bold; margin-right:5px; }
.miniBasket .value { font-weight: bold; font-size:1.1em; }

.miniBasket .basketItemBox { border-bottom:1px dashed #7ec1db; 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:20px; }

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

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

.miniBasketItemDetail .title {color:#3f2a4b; font-weight: normal; float:left; text-align:left; position:relative;  }
.miniBasketItemDetail .title a {color:#444444;}
.miniBasketItemDetail .title a:hover {color:#005c92;}

/******************************************************************************************/
/* 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 #65aedb;}
.tabs .ajax__tab_panel {border-color: #65aedb #65aedb #65aedb #65aedb; 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:#65aedb solid 1px;border-radius: 5px 5px 0px 0px; background-color:#FFF; font-weight:bold; padding: 3px 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:#005b90;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:#005b90;} 
.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-color:#fafafa;
	font-size:12px;
    font-weight:bold; 
	padding:8px 2px;
    text-transform:uppercase; 
	color:#fff; 
	display:block;
	clear:both; 
}
div.checkoutProgress span { padding:3px 6px; }
div.checkoutProgress span.on span 
{
	background-color:#fff;
	border: solid 1px #CCCCCC; 
    border-radius:5px 5px 5px 5px;
	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 { margin-left:10px; }
#checkoutPage span.editLink a { text-decoration:none; }
#checkoutPage span.editLink a:hover { text-decoration:underline; }

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

/* assign layout settings for shipment listings */
#checkoutPage div.shipmentWidget {display:table; width:100%;}
#checkoutPage div.shipmentWidget div.address {display:table-cell; width: 200px; padding:8px; }
#checkoutPage div.shipmentWidget div.address div { margin-bottom:1em; }
#checkoutPage div.shipmentWidget div.address span.links { margin-right:20px; float:right; }
#checkoutPage div.shipmentWidget div.items { display:table-cell;padding-top:8px; width:480px;}
#checkout_receiptPage div.shipmentWidget div.address {width:250px}
#checkout_receiptPage div.shipmentWidget div.items {width:700px;}
#checkoutPage div.shipmentWidget div.method { display:table-cell;width:280px;border-left:1px solid #CCCCCC; background-color:#f3f3f3; }
#checkoutPage div.shipmentWidget div.method h3 { border-bottom:1px solid #ccc; margin:0; padding:12px 8px 4px 8px; }
#checkoutPage div.shipmentWidget div.method select { margin: 15px 8px; }
#checkoutPage div.shipmentWidget div.method p { margin: 4px 8px; }
#checkout_payPage  div.shipmentWidget div.items { width:760px; }

/* 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 { background: #FFFFFF; border: 1px dotted #D2D9E1; 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; }
.checkoutErrorMessage{font-weight: bold; color: #FF0000;}

/* 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 tr.oddRow {background: #DDE6EF;}
table.itemList tr.evenRow {background: #D2D9E1;}
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 #7cc2db; }
table.itemList td.shipTo { text-align:left; background-color:#efefef; border:1px solid #7cc2db;}
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 #65AEDB;
	vertical-align:top;
	margin:5px;
    background-color:#fff; 
    border-radius:10px;
    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.2em;
	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-right: 0px dotted #ccc; white-space:nowrap; border:1px solid #d2d9e1; background:#dde8f2;}
.paymentFormContainer .paymentForm {display:table-cell; 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 {font-size: 1.2em;font-weight:bold;line-height:18px; padding:5px 5px 4px 5px;}

.left {float:left;}
.right {float:right;}
div.opcInputForm {}
div.opcInputForm span.label {display:block;padding:2px;}
div.opcInputForm .small {padding:2px; width:80px;}
div.opcInputForm .large {width:180px;}
#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 #7dc2db; 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: 18px; font-weight: normal; color: #666666; }

/* Payment Types styling */
#account_payment_types div.column_1 {width:630px;padding:0 0px 0 0px;}
#account_payment_types div.column_2 {width:262px;padding:0 0px 0 0px;}
#account_payment_types div.paymentList {padding:5px;}
#account_payment_types div.noPayments {padding:15px;background-color:#e4e4e4;font-size:14px;text-align:center;color:#444;}
#account_payment_types div.mainContainer {width:auto;}
#account_payment_types div.innerLeft {width:8px;display:inline-block;float:left;padding:23px 15px 23px 15px;}
#account_payment_types div.innerRight{width:270px;display:inline-block;float:left;}
#account_payment_types div.innerRight div.paymentItem { width:auto;-webkit-border-radius: 15px;-moz-border-radius: 15px;color: #000;border-radius: 15px;border:solid 1px #a0d9ec;padding:5px 12px 5px 12px;height:60px;margin-bottom:20px;}
#account_payment_types div.innerRight .deleteLink input{color: #0d2c4d !important;text-transform: lowercase; text-decoration:underline;font-weight: bold; background:none; border:none;}
#account_payment_types div.innerRight .deleteLink input:hover {background:none; color: #2a6b7a !important; border:none;}
#account_payment_types div.innerRight div.paymentItem div {float:left;padding:0px;}
#account_payment_types div.innerRight div.paymentItem div.reference {font-weight:bold;}
#account_payment_types div.innerRight div.paymentItem .deafultPayment {font-style:italic;color:#f00;font-weight:bold;margin: 0 0 0 3px;}
#account_payment_types div.innerRight div.paymentItem .expiration {padding-top:7px; clear:left;}
#account_payment_types div.inputForm {width:auto;}
#account_payment_types div.inputForm .rowHeader {display:inline-block;padding:8px 5px 8px 5px;float:left;font-weight:bold; color: #000; width:100px; text-align:right;}
#account_payment_types div.inputForm .inputFied {display:inline-block;float:left; padding:7px 0 7px 0;}
#account_payment_types div.inputForm .securityCodeInput {width:152px;}
#account_payment_types div.inputForm .btn {margin-left:110px;}
#account_payment_types div.inputForm div.error {width:400px;}
#account_payment_types div.inputForm .errorCondition {color: #ff0000;font-weight: bold;padding: 0; }
#account_payment_types .instructionText {display:inline-block;}

/* 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%; border-collapse:collapse; }
table.pagedList tr.oddRow { background: #DDE6EF; }
table.pagedList tr.oddRow td { color: #000000; padding: 10px; }
table.pagedList tr.evenRow { background: #D2D9E1; }
table.pagedList tr.evenRow td { color: #000000; padding: 10px; }
table.pagedList tr.empty td { font-size:1.1em; font-style:italic; padding:10px; text-align:center; }
table.pagedList td { border:solid 1px #e4e4e4; padding:4px; text-align:center}
table.pagedList th { padding: 7px 4px; font-weight:bold; background-color:#e4e4e4; margin:0; background: url("images/searchCriteriaBg.jpg") repeat-x scroll center top transparent; color: #FFFFFF; border: 1px solid #26466C;}
table.pagedList th a { color: #FFFFFF; text-decoration:underline; }
table.pagedList th a:hover { text-decoration:underline; }
table.pagedList td a { color: #6181A4; }
table.pagedList td a:hover { text-decoration:underline;}
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; margin: 10px 0px 0px 0px;}
.paging table {margin-bottom : 10px; }
div.pagingPanel span, div.pagingPanel .current, div.pagingPanel a, .paging span, .paging a
{
padding: 3px 5px;  
border: 1px solid #294666; 
font-weight: bold; 
font-size: 12px; 
margin: 3px 0 3px 1px; 
background-color: #15385e; 
color: #FFF; 
}
div.pagingPanel a, table.pagedList tr.paging a
{
background-color:#f1f1f1; 
color: #000; 
text-decoration:none; 
}
div.pagingPanel a:hover, table.pagedList tr.paging a:hover { background-color: #005B90; color: #FFF; border:1px solid #005B90; }

/******************************************************************************************/
/* 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:2px; border-style:solid; border-color:005b90; width:500px;}
.modalPopup .header, .modalPopupHeader {cursor:move; background-color:#0d2c4d; border:solid 1px 000; color:#fff; padding:6px; font-weight:bold; font-size:1.1em;}
.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 {height:250px;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: 350px;
}
.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; border-radius:5px; background-color:#E1E1E1;}
#checkout_amazon  div.section .header {padding-left: 10px; background:url(images/amazon-header-bg.gif) top left repeat-x #E1E1E1; border-radius: 5px;}
#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: 420px; }
#checkout_amazon .mainColumn { width: 520px; }


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