@media screen {

/******************************************************************************************/
/* global styles common to all pages [ AbleCommerce Theme ]                               */
/******************************************************************************************/

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

/* styling for the page body */
body {	background:#000 url('images/bg.jpg'); margin:0; }

/* Page
-------------------------------------------------------------- */
#page { margin: 0 auto; width: 900px; }

/* Body
-------------------------------------------------------------- */

#body { margin: 0px; width:898px; height:100%; background:#fff; border:1px solid #52524e; }

/* special styling for validation summary lists */
.validationSummary ul { padding-left:0px; margin:0; list-style-type:none; }

/* default styling for links */

/* link styling for links that are highlighted on a page */
a.highlight { padding-top:5px; padding-bottom:5px; margin-top:5px; text-decoration:none; }


/* styling for subclassed textbox elements */
input.textBox {background-color:#FFFFFF;border:1px solid #B2AF7D;width:190px;height:16px;margin:0 3px 0 15px;}

/* style for buttons */
input.button, a.button {font-family: Tahoma, Arial, Helvetica, sans-serif;background:#5872CB url(images/button_bg.gif) repeat-x center;	font-size: 9px;	text-transform:uppercase;color:#134FA3 !important;font-weight: bold;cursor:pointer;margin: 1px 0;text-align:center;text-decoration:none;vertical-align: middle;font-weight:900;border: 1px solid #7D90B1;white-space: nowrap;}

a.button {padding: 4px 5px 4px 5px;
	display:-moz-inline-box; /* inline-block is not supported by firefox*/
	display:inline-block;
}
input.button {height:21px;}
input.button:hover, a.button:hover{	font-family: Tahoma, Arial, Helvetica, sans-serif;background:#5872CB url(images/button_bg_hover.gif) repeat-x center;font-size: 9px;text-transform: uppercase;color: #675D29 ;font-weight: bold;cursor:pointer;margin: 1px 0;text-align:center;text-decoration:none;vertical-align: middle;	font-weight:900;border: 1px solid #C7B55C;}
a.button:hover {padding: 4px 5px 4px 5px;
	display:-moz-inline-box; /* inline-block is not supported by firefox*/
	display:inline-block;
}
input.button:hover { height:21px; }

/* style for a paragraph element to highlight */
p.highlight {font-weight:bold;color:#575757;padding-top:5px;margin-top:5px;	text-decoration:none;}

/* Text styles used to provide status information */
.goodCondition{ color: #008000; padding-bottom: 3px;}
.warnCondition{ color: #FFA500; padding-bottom: 3px;}
.errorCondition{color: #FF0000; padding-bottom: 3px;}

/* style for element that acts as a spacer between other elements */
.spacer {clear:both;font-size: 1px;line-height: 1px;height: 1px;padding: 0;margin: 0;}

/* container for the breadcrumbs trail */
.breadCrumbPanel {padding: 4px 0; }
.CategoryBreadCrumbs
{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #C1C1C1;
	margin:3px 0;
	padding:3px;
	color:#666666;
}

/* link in the breadcrumbs trail */
.breadCrumbLink{text-decoration: underline; text-indent: 0px; color:#5872CB; margin:4px 0 8px 0; padding:4px 0 8px 0; border:1px solid #FF0000;}

/* generic styling for a suggested retail price */
.msrp { text-decoration:line-through; color:#646464; }

/* applied to ajax progress update */
#centeredProgress {width: 300px;height: 200px;position: absolute;top: 50%;left: 50%;margin-left: -150px;margin-top: -200px;z-index: 99;color: #FFFFFF;border: 5px solid #C1C1C1;background: #FFFFFF url(images/processing.gif) no-repeat 50%;}

/* background style for the screen when an ajax progress update is displayed */
#ajaxProgressBg {border: 0px; padding: 0px; margin: 0px; width: 100%; position: absolute; background-color: #000000; opacity: 0.3; filter: Alpha(opacity:30); z-index: 0;}

/* style for the ajax progress indicator */
#ajaxProgress{border: 0px;padding: 0px;position: absolute; background-color: #FFFFFF;background: #FFFFFF url(images/processing.gif) no-repeat 50%;z-index: 1;left:50%;margin-left:-100px;width:200px;height:200px;border: solid 2px grey;}

hr { width:100%; background-color:#c1c1c1; color:#c1c1c1; height:1px; border:none;}
h2.sectionHeader { padding: 0 0 0 10px; margin:0 0 12px 0; height:27px; line-height:27px; font-size:12px; color:#FFFFFF; font-weight:bold; }

/******************************************************************************************/
/* styles to support the page layout                                                      */
/******************************************************************************************/

/* container for the left sidebar content */
#leftSidebarPanel {width: 194px;margin: 0 4px 0 0;padding: 0 0 0 0;background-color: #ECF4FF;border: 1px solid #82A0CD;border-left-width: 0;}

/* content section in the left sidebar */
#leftSidebarPanel .section {margin: 0px 0px 2px 0px;padding: 0 0 0 0;}

/* header in left sidebar content section */
#leftSidebarPanel .section .header{	height: 26px;margin: 0 0 0 0;padding: 0 0 0 0;background: #5A73CC url(images/section_header_bg1.gif) repeat-x;}

/* caption in left sidebar content section header */
#leftSidebarPanel .section .header h2 {color: #FFFFFF;text-indent:30px;font-size: 14px; line-height: 26px;font-weight: bold;padding: 0 0 0 0;margin: 0 0 0 0;background: url(images/header_icons.gif) no-repeat 0px 0px;}

#leftSidebarPanel .section .content { padding:0px; }

/*---------------------------------------*/
/*- styles for right sidebar            -*/
/*---------------------------------------*/

/* container for the right sidebar content */
#rightSidebarPanel{	width: 194px;margin: 0 0 0 0;padding: 0 0 0 0;background-color: #D2E3FF;border: 1px solid #81A0CC;}

/* content section in the right sidebar */
#rightSidebarPanel .section{margin: 0px 0px 1px 0px;padding: 0 0 0 0;}

/* header in right sidebar content section */
#rightSidebarPanel .section .header{background:#536CC6 url(images/section_header_bg1.gif) repeat-x;height: 26px;color: #0E0A01;margin: 0px 0px 2px 0px;padding: 0 0 0 0;}

/* caption in right sidebar content section header */
#rightSidebarPanel .section .header h2{	float:left;width: auto;text-indent: 26px;font-size: 14px; line-height: 26px;padding: 0 0 0 0;margin: 0 0 0 0;color: #FFFFFF;height: 26px;background: url(images/header_icons.gif) no-repeat 0px 0px;}

/* link in right sidebar content section header */
#rightSidebarPanel .section .header a {float:right;text-decoration:underline;color:#000000;padding:2px 3px 0 0;margin:2px 3px 0 0;}

/* link (hover) in right sidebar content section header */
#rightSidebarPanel .section .header a:hover{float:right;text-decoration:underline;color:#984700;padding:2px 3px 0 0;margin:2px 3px 0 0;}

/* content section in the left sidebar */
#rightSidebarPanel .section .content { padding:4px; }

/* footer for firhg sidebar content section */
#rightSidebarPanel .section .footer {background:/* #DCDCDC */url(images/sectionFooterBackground.gif) repeat-x left top;	height:24px;line-height:24px;margin:0px;color:#8C0901;margin-top:8px;padding: 0 2px;}

/*---------------------------------------*/
/*- styles for main content panel       -*/
/*---------------------------------------*/

/* container for the main panel content */
#mainPanel {padding: 4px 4px 20px 4px;margin: 4px 4px 0px 4px;background-color: #FFFFFF;border: 1px solid #82A0CD;}

/* used to display a content section in the main panel */
#mainPanel .section { margin-bottom:5px; }

/* header for content section in the main panel */
#mainPanel .section .header {padding: 0 2px;background: #BDCDFF url(images/section_header_bg1.gif) repeat-x 3px 3px;border:1px solid #92A7EC;}

/* the header / caption of a content section */
#mainPanel .section .header H2{	margin:0px;	height:25px;line-height:27px;font-size:12px;text-indent:7px;color:White;}
H2.preference{background: url(images/section_header_bg.gif) repeat-x;height:29px;line-height:24px;padding: 0 5px 0 4px;margin:0px;color:#FFFFFF;margin-left:4px;margin-right:4px;}

/* the content area of the content section */
#mainPanel .section .content { padding:10px; }

/*---------------------------------------*/
/*- end styles for content section      -*/
/*---------------------------------------*/

/*---------------------------------------*/
/*- styles for dialog section           -*/
/*---------------------------------------*/
#ContentOnly {padding:20px; background:#fff;}

/* used to display a dialog box in the main panel */
#ContentOnly .dialogSection {	background: #FFFFFF;border-top:solid 1px #FFFFFF; }

/* header for dialog box in the main panel */
#ContentOnly .dialogSection .header {	background: #1B6DAD url(images/category_bg.gif) repeat-x left top;height:24px;line-height:24px;padding: 0px 4px;margin:0px;border:1px solid #636363;}

/* the header / caption of a dialog box */
#ContentOnly .dialogSection .header h2{color:#FFFFFF;margin:0 0 0 0;font-size:12px;float:left;line-height:27px;}

/* link style within the header of a dialog box */
#ContentOnly .dialogSection .header a{float:right;text-decoration:underline;color:#000000;}

/* link style within the header of a dialog box (hover) */
#ContentOnly .dialogSection .header a:hover{float:right;text-decoration:underline;color:#8C0901;}

/* the content area of the dialog box */
#ContentOnly .dialogSection .content { padding:2px; border:1px solid #636363; margin-top:2px; min-height:180px; }
#ContentOnly .dialogSection .content table th.rowheader{background-color:White;}
#ContentOnly .dialogSection .content table td.txt{}

/* additional styling usually applied to content area when no footer is displayed */
#ContentOnly .dialogSection .nofooter { border-bottom: solid 1px #636363; }

/* footer for dialog box */
#ContentOnly .dialogSection .footer{background: #DCDCDC url(images/sectionFooterBackground.gif) repeat-x left top;height:24px;line-height:24px;margin:0px;color:#8C0901;margin-top:8px;}

/*---------------------------------------*/
/*- end styles for dialog section       -*/
/*---------------------------------------*/

/* styling for validation summaries that appear in the main panel */
#mainPanel .validationSummary { margin-bottom:6px; }

/* outer wrapper for the main page content */
#outerContentWrapper{text-align: center;}

/* inner wrapper for the main page content */
#innerContentWrapper{border-left:solid 1px #2B2B5A;border-right:solid 1px #2B2B5A;background-color:#E3EFFF;margin: 0 0 0 0;text-align: left;}

/* additional style required when container is a table */
table#contentLayout{width:100%;}

/******************************************************************************************/
/* end styles to support the page layout                                                  */
/******************************************************************************************/

/******************************************************************************************/
/* styles for the store header section                                                    */
/******************************************************************************************/
/*
/* Header Area
-------------------------------------------------------------- */

#header { margin-top: 0; height:55px; width:900px; background:url('images/topBG.gif') no-repeat top right;}
#header #page_header { width:335px; height:55px;float:left; }
#header .toplinks li { margin: 10px 1px 0 0; }
#header .toplinks a { padding: 0 15px; text-decoration: none; }

#nav { height:41px; background:url('images/nav_bg.gif') no-repeat 0 0;}

#nav .mainlinks li { margin: 10px 1px 0 0; }
#nav .mainlinks a { padding: 8px 15px; text-decoration: none; }
#nav .mainlinks a:hover { text-decoration:underline; }

#search { float:right; height:24px; margin:8px 5px; _margin-right:2px; }
input.searchInput[type="text"]:focus{color: #444;}
/* style for the search button */
.searchButton{font-family: Tahoma, Arial;background: url(images/search_btn2.gif) no-repeat;font-size: 9px;text-transform: uppercase;color: #134FA3;border:none;padding: 0px 2px;font-weight: bold;cursor:pointer;margin:0px;width:56px;height:19px;	text-align:center;}
.searchButton:hover{font-family: Tahoma, Arial;	background: url(images/search_btn_hover2.gif) no-repeat;	font-size: 9px;	text-transform: uppercase;color: #867001;border:none;padding: 0px 2px;font-weight: bold;cursor:pointer;margin:0px;width:56px;height:19px;text-align:center;}
.allButton{	font-family: Tahoma, Arial, Helvetica, sans-serif;background: url(images/button_bg.gif) repeat-x;	font-size: 9px;text-transform: uppercase;color: #134FA3;border:none;padding: 0px 2px;font-weight: bold;cursor:pointer;margin:0px;position: absolute;left: 172px;width:56px;height:19px;text-align:center;line-height:22px;}
.allButton:hover {font-family: Tahoma, Arial, Helvetica, sans-serif;background: url(images/button_bg_hover.gif) repeat-x;font-size: 9px;text-transform: uppercase;color: #867001;border:none;padding: 0px 2px;font-weight: bold;cursor:pointer;margin:0px;position: absolute;left: 172px;width:56px;height:19px;text-align:center;line-height:22px;}

/******************************************************************************************/
/* end styles for the store header section                                                */
/******************************************************************************************/

/* Three Column Layout
-------------------------------------------------------------- */

#threeColWrapper .column1{ float:left; width:98px; border:1px solid #ccc; }
#threeColWrapper .column2{ float:left; width:641px; margin:7px 7px 0;}
#threeColWrapper .column3{ float:right; width:141px; border:1px solid #ccc;}

#threeColWrapper h3 
{
    border-bottom:1px solic #ccc; 
    background:url(images/BG_Title.gif) repeat-x 0 0; 
    padding:4px 0 4px 12px;
    margin:0;
    color:#fff;
    font-size:12px;
    font-family:Arial;
    font-weight:bold;
}

#threeColWrapper .column1 ul {margin:0;padding:0;}
#threeColWrapper .column1 li 
{
	list-style-type:none;
	display:block;
	margin-right:7px;
}
#threeColWrapper .column1 li a 
{
	display:block;
	text-indent:-9009px;
    width:72px;
    margin:35px 0 22px 15px;
}
#threeColWrapper .column1 .nike  
{
    height:34px;
    background:url(images/HomeBrands.gif) no-repeat 0 0;
}
#threeColWrapper .column1 .jordan  
{
    height:61px;
    background:url(images/HomeBrands.gif) no-repeat 0 -64px;
}
#threeColWrapper .column1 .newbalance  
{
    height:29px;
    background:url(images/HomeBrands.gif) no-repeat 0 -155px;
}

#threeColWrapper .column1 .timberland  
{
    height:49px;
    background:url(images/HomeBrands.gif) no-repeat 0 -214px;
}
#threeColWrapper .column1 .addidas  
{
    height:44px;
    background:url(images/HomeBrands.gif) no-repeat 0 -293px;
}
#threeColWrapper .column1 .converse  
{
    height:40px;
    background:url(images/HomeBrands.gif) no-repeat 0 -367px;
}
#threeColWrapper .column1 .puma 
{
    height:46px;
    background:url(images/HomeBrands.gif) no-repeat 0 -420px;
}
#threeColWrapper .column1 .ugg 
{
    height:36px;
    background:url(images/HomeBrands.gif) no-repeat 0 -438px;
}
#threeColWrapper .column2 .homepage_flash { margin-bottom:6px; }
#threeColWrapper .column2 .promo { width:318px; height:96px; margin-bottom:6px; }
#threeColWrapper .column2 .left { float:left;}
#threeColWrapper .column2 .right { float:right;}

#threeColWrapper .column3 .kicks { text-align:center;}
#threeColWrapper .column3 .kicks a {font-size:9px; font-weight:bold; text-decoration:none;}
#threeColWrapper .column3 .kicks a:hover {text-decoration:none;}

ul.brandList li { list-style:none; margin: 0; padding: 0; _margin-bottom:-3px; }
ul.featureList li { list-style:none; margin: 0; padding: 0; _margin-bottom:-2px; }
ul.brandList li { height:44px; }
ul.featureList li {  width:196px; padding:10px; margin:0 auto; border:1px solid #ccc; }
ul.featureList li h4 { color:#666; font-family:Arial;margin:0; }

/* Two Column Layout w/ Left Navigation
-------------------------------------------------------------- */
#twoColWrapper			{background:url(images/content_bg.gif) repeat-y 0 0; border-top:0; color:#424242;}
#twoColWrapper .leftnav {float:left; width:208px; height:100%; background:transparent url(images/leftnav_bg.gif) no-repeat 1px 0; padding-top:6px;}
#twoColWrapper .leftnav .newArrival {width:163px; margin:0 auto; padding-bottom:6px;}
#twoColWrapper .leftnav .blueBox { border:1px solid #a4c1d9;	background:#68a7dd;	width:152px;margin:0 auto;margin-bottom:6px;padding:9px 0 9px 9px; }
#twoColWrapper .leftnav .blueBoxWide { border:1px solid #a4c1d9; color:#fff; background:#68a7dd;	width:182px;margin:0 auto;margin-bottom:6px;padding:9px 0 9px 9px; }
#twoColWrapper .leftnav .header h2 {color:#fff; margin:0 5px;font-size:18px;}
#twoColWrapper .leftnav h1 { width:149px; height:45px;	margin:0; padding:0; }
#twoColWrapper .leftnav .searchSize {background:xx no-repeat 0 0;}
#twoColWrapper .leftnav .searchBrands {background:url(images/searchBrands.gif) no-repeat 0 0;}
#twoColWrapper .leftnav .searchColor {	background:url(images/searchColor.gif) no-repeat 0 0;}
#twoColWrapper .leftnav .informationCenter {background:url(images/informationCenter.gif) no-repeat 0 0;}
#twoColWrapper .leftnav .searchGender {	background:url(images/searchGender.gif) no-repeat 0 0;}

#twoColWrapper .maincontent {float:right; padding:6px 6px 6px 14px; width:670px; background:url(images/bg_gray2.gif) no-repeat;}
#twoColWrapper .maincontent_no {float:right; padding:6px 6px 6px 14px; width:670px; background:#fff;}
#twoColWrapper .maincontent_no h2 {font-size:14px;}
#twoColWrapper .maincontent .contentbox {background:#fff; border:1px solid #c1c1c1;  padding:20px;}
#twoColWrapper .maincontent .section .header h2 {font-size:12px;}
.emailFriend { background:url(images/email.gif)no-repeat 0 3px; padding-left:24px;}

ul.moreimages { margin:0; padding:0;}
ul.moreimages li { margin:2px 2px 0 0;}
ul.moreimages li:last-child { margin:2px 0 0;}
ul.moreimages li:first-child { margin:2px 2px 0 0;}

#newArrivals { border:1px solid #bab9b8;	border-top:none; background:#fff; }
#newArrivals caption {border:1px solid #bab9b8;	border-bottom:none;	background:#3385cb;	color:#fff;	font-size:1.0em;line-height: 1.909091em; padding-left:10px; }
#newArrivals td { border-left:1px solid #d8d8d8; padding:3px; text-align:right; }
#newArrivals td.class { border:none; }
#newArrivals td span { color:#646464; font-size:10px;}

/******************************************************************************************/
/* styles for the store footer section                                                    */
/******************************************************************************************/

/* Footer
-------------------------------------------------------------- */

#topFooter {margin-top:3px; width:898px; height:7px; border:1px solid #767676; border-bottom:0; background:#92ae59; }
#footer{ width:868px; height:48px; padding:10px 15px; border:1px solid #767676; background:#236dac url('images/credit_card_logos.gif') no-repeat 650px 20px; }
#footer .footlinks a { font: 11px Arial; color:#C3D5E2; padding:0 3px; text-decoration: none; border-right:1px solid #5788AE; }
#footer .footlinks a:hover { color:#FFF; }
#footer .footlinks a.first { padding:0px; border-right:1px solid #5788AE; }
#footer .footlinks a.last { border:0; }
#footer p {	margin:0; }
#footer p.quiet{ margin-top:5px; font: 11px Arial; color:#C3D5E2; }

.footlinksli { font: 11px Arial; color:#C3D5E2; text-decoration: none;  }
a.footlinksli { font: 11px Arial; color:#C3D5E2; text-decoration: none;  }
a:hover.footlinksli  { color:#FFF; }


/******************************************************************************************/
/* end styles for the store footer section                                                */
/******************************************************************************************/

/******************************************************************************************/
/* styles for the store navigation section                                                */
/******************************************************************************************/

/* container for the store navigation links */
#storeNav {margin: 2px 1px;	width: 198px;}

/* default style for hyperlink in store navigation */
#storeNav a{background-color: #000000;color:#000000;font-weight:bold;text-decoration:none;display:block;padding: 8px 3px 8px 40px;border-bottom: 1px solid #FFFFFF;}

/* default style for hyperlink in store navigation (hover) */
#storeNav a:hover{background-color: #000000;color:#F99034;font-weight:bold;text-decoration:underline;display:block;padding: 8px 3px 8px 40px;border-bottom: 1px solid #FFFFFF;}

/* additional style for basket link */
#storeNav a.basket { background: #000 url(images/storeNav_basket.jpg) no-repeat 5px 3px; }
/* additional style for wishlist link */
#storeNav a.wishlist { background: #000 url(images/storeNav_wishlist.jpg) no-repeat 5px 3px; }
/* additional style for account link */
#storeNav a.account { background: #000 url(images/storeNav_account.jpg) no-repeat 5px 3px; }
/* additional style for login link */
#storeNav a.login { background: #000 url(images/storeNav_login.jpg) no-repeat 5px 3px; }
/* additional style for logout link */
#storeNav a.logout { background: #000 url(images/storeNav_logout.gif) no-repeat 5px 3px; }
/* additional style for admin link */
#storeNav a.admin { background: #000 url(images/storeNav_admin.gif) no-repeat 5px 3px; }

/******************************************************************************************/
/* end styles for the store navigation section                                            */
/******************************************************************************************/

/******************************************************************************************/
/* styles for the store search dialog                                                     */
/******************************************************************************************/

/* styling for the search dialog container */
#storeSearch{width: 530px;padding: 0;margin: 0 20px;display: block;}

/* styling for the search keywords text box */
#storeSearch input.keywords{border:1px solid #EE8122;width:131px;height:15px;padding:2px 0 0 4px;}

/* styling for the search button */
#storeSearch input.searchButton{margin:0;vertical-align: middle;}

/* styling for the tagline in the search image */
#storeSearch .tagline{font-family:Arial;font-size:24px;color:#4A4A48;width:250px;margin-right:45px;}

/******************************************************************************************/
/* end styles for the store search dialog                                                 */
/******************************************************************************************/

/******************************************************************************************/
/* styles for the page header                                                             */
/******************************************************************************************/
/* standard page header */
div.pageHeader h1 { margin:3px 0; padding:5px; color:#fff; font-size:18px;  background:url(images/pageHeader_bg.gif) repeat-x;}


/* standard page header */
div.pageHeader h2 {font-size:14px;}


/* standard page header content */
div.pageHeader div.content{padding:3px;}

/******************************************************************************************/
/* end styles for the page header                                                         */
/******************************************************************************************/

/******************************************************************************************/
/* default styling for generic input forms                                                */
/******************************************************************************************/

/* container for form */

table.inputForm { font-size: 12px; background:url(images/thumbnailTdBg.gif) no-repeat left top; width: 100%; text-align: left; padding: 6px; }
table.inputForm input { border:solid 1px #9EC1D4; color: #444444; padding: 2px; }
table.inputForm select { border:solid 1px #9EC1D4;  color: #444444; padding: 2px; }
table.inputForm th, table.inputForm td { padding:0 5px 2px 10px; margin: 0; text-align:left;} 
table.inputForm .rowHeader { color: #444444; padding:10px 5px 10px 10px; text-align:left; width: 130px; }
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; }
table.inputForm td.nopad { margin: 0; padding: 0; text-align: right; vertical-align: top;}


/******************************************************************************************/
/* end default styling for generic input forms                                            */
/******************************************************************************************/

/******************************************************************************************/
/* styling for pager controls                                                             */
/******************************************************************************************/

/* style for paging container */*
.paging { text-align: right; padding: 15px 0px 5px 1px; margin: 15px 0 5px 0;}
/* span within the paging container - this is actually the active page index */
.paging span , .paging .current {padding: 3px 5px;  border: 1px solid #2B449A; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; margin: 3px 0 3px 1px; background-color: #E7ECFF; color: #003366; }
/* link within paging container */
.paging a { padding: 3px 5px; border: 1px solid #2B449A; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; margin: 3px 0 3px 1px; background-color: #5872CB; color: #FFFFFF; text-decoration:none; }
/* link(hover) within paging container */
.paging a:hover { background-color: #FFFFFF; color: #5872CB; border:1px solid #5872CB; }

/******************************************************************************************/
/* end styling for pager controls                                                         */
/******************************************************************************************/

/******************************************************************************************/
/* styles for the simple category list (such as might show on the home page)              */
/******************************************************************************************/

/* list container for categories */
ul.category {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;list-style-type: none;}

/* category list item */
ul.category li{margin:0;padding:0;border-bottom: 1px solid #80A1CF;background-color: #E3EFFF;}

/* link within the category list item */
ul.category li a{display: block;background: url(images/left_panel_item_bg.gif) no-repeat top left;padding: 8px 0 8px 0;color: #003274;text-indent:21px;line-height:12px;}

/* link within the category list item (hover) */
ul.category li a:hover {padding: 8px 0 8px 0; background: url(images/left_panel_item_bg_hover.gif) no-repeat top left; color:#6B6239; /* height:29px;*/}

/******************************************************************************************/
/* end styles for the simple category list (such as might show on the home page)          */
/******************************************************************************************/

/******************************************************************************************/
/* styles for the buy product form                                                        */
/******************************************************************************************/

/* container for the buy product form */
table.buyProductForm { width:100%; }

/* default style for cells within the buy product form */
table.buyProductForm td, table.buyProductForm th{ padding:2px;}

/* style for row header in buy product form */
table.buyProductForm .rowHeader{border-width: 0px;text-align: right;}

table.prodPrices { width:100%; border:0; margin:0; padding:0; }
table.prodPrices th {padding-right: 10px;}

.optionPicker td {border: outset 2px #999;}

.optionPicker td.selected{border: inset 2px #999;}

/******************************************************************************************/
/* end styles for the buy product form                                                    */
/******************************************************************************************/

/******************************************************************************************/
/* styles for the catalog nodes                                                           */
/******************************************************************************************/

/* wrapper for the catalog container */
.catalogWrapper { padding: 0; }
.catalogWrapper .Thumbnail{
    padding: 10px 10px 10px 10px;  
    margin-right: 10px; 
    background:#ffffff url(images/thumbnailTdBg.gif) no-repeat top left;}
.catalogWrapper .tableNode{}

/* container for catalog display */

.catalog {  border-collapse:separate; border-spacing:1px; font-size:10px; font-family:Arial; color:#FF0000; background:#fff; }
.catalog , .moreitems  {border-collapse:separate; border-spacing:1px; border:1px solid #ccc;}
.catalog a {color:#4294da; font-size:11px; font-weight:bold; text-decoration:underline;}

/* node in the catalog display - used in flow layouts */
.catalog .flowNode{	text-align:center;margin:0px;padding:5px;float:left;width:238px;height:180px;border:1px solid #C4C4C4;}

/* node in the catalog display - used in table layouts */
.catalog .tableNode { vertical-align:top; padding: 5px; text-align:center;border:0;  background:#fff;}

/* thumbnail image within the catalog display */
.catalog .thumbnail {display: block;width: auto;margin: 0 auto 5px;color:#01076C; }

/* thumbnail image within the catalog display */
.catalog .cartLink {vertical-align:bottom;margin-top:10px;margin-bottom:20px;}

/* style for item separator */
.catalog .separator { margin:0; padding:0; width:1px; }

/******************************************************************************************/
/* end styles for the catalog nodes                                                       */
/******************************************************************************************/

/******************************************************************************************/
/* styles for featured products grid                                                      */
/******************************************************************************************/

/* container for the products grid */
table.productsGrid { }

/* cell that contains the product thumbnail */
td.thumbnail{padding:2px;text-align:center;}

/* cell that displays the product details */
td.details{	padding-left:5px;}

/* style for separators in the grid */
/*.rowSeparator{padding-bottom: 3px; padding-top: 3px; background: url(images/h_dot1.gif) repeat-x left bottom;}
.itemSeparator{background: url(images/v_dot.gif) repeat-y left top; padding-right:5px;}*/

/******************************************************************************************/
/* end styles for featured products grid                                                  */
/******************************************************************************************/

/******************************************************************************************/
/* styles for product display pages                                                       */
/******************************************************************************************/

/* container for the product header */
div.productHeader {}

/* container for content associated with product tab */
div.productTabDetail{min-height:200px;border:1px solid black;padding:4px;}

/* header within content associated with product tab */
div.productTabDetail H2{background:#fff;border:solid 1px black;font-size:12px;font-weight:bold;padding:4px;margin:2px 0px 4px 0px;}

#ProductImage {}

.prodNameTitle { border-bottom:1px solid #c1c1c1; }

/******************************************************************************************/
/* end styles for product display pages                                                   */
/******************************************************************************************/

/******************************************************************************************/
/* styles for search page                                                                 */
/******************************************************************************************/

/* header for the search filter panel */
.searchFilterHeader{background: #526CC5 url(images/section_header_bg1.gif) repeat-x left top;height:24px;line-height:24px;padding:0px;color:#fff;text-align:left;margin: 0 0 2px 0;}

/* caption for the search filter panel header */
.searchFilterHeader h2{background: url(images/header_icons.gif) no-repeat 0px 0px;margin:0px;font-weight:bold;font-size:12px;text-indent: 15px;}

/* used for the show all link in the search filter panel */
.showAll { color:#425BB2; font-weight: bold; text-align: right; width: auto; display: block; padding: 2px; }
.showAll:hover { color:#001A72; }

/* links used to apply a different search criteria */
a.searchCriteria { text-decoration: none; display: block; margin: 3px 5px; text-indent: 0px; padding: 0 3px 0 10px; color:#fff;}
a.searchCriteria:hover { text-decoration:underline; }
a.searchCriteria.on {font-weight:bold;}

/* style applied to search criteria caption in search panel */
h3.searchCriteria{color:#fff;padding: 0;margin: 0 0 4px 0;font-weight:bold;text-indent: 5px;font-size:12px;}

.summarySection h3 { font-size:100%; }

/* header for the search sort header */
.searchSortHeader{background:#fff;height:29px; border:1px solid #c1c1c1; line-height:24px;padding: 5px 15px;margin:4px 0px;color:#646464;}

/* styling for span tag (text) within the search sort header */
.searchSortHeader span{	}

/******************************************************************************************/
/* end styles for search page                                                             */
/******************************************************************************************/

/******************************************************************************************/
/* styles for the mini basket                                                             */
/******************************************************************************************/

#miniBasketMainBox {border : 1px #999900 solid;background-color : transparent;padding : 0px;font-size : 11px;}

.miniBasketItemBox {border-bottom : 1px #999900 solid;padding : 3px;background-color : white;}
.miniBasketIconBox {width:35%; float:left;}
.miniBasketItemTitleBox {}
.miniBasketItemTitleNoIconBox {padding-left:5px;}
.miniBasketItemTitle {font-size: 11px;}
.miniBasketItemTitle a{font-size: 11px;	color: #001188;}
.miniBasketItemTitle a:hover { color:#000000; }
.miniBasketSubItemTitle {font-size: 10px; padding: 0 0 0 4px; text-indent:0px; margin: 0 0 0 12px; clear:both;}
.miniBasketSubItemTitle li {font-size: 9px; list-style-type:none; list-style-image:url('images/miniBasketBullet.gif'); }
.miniBasketQtyDeleteLine {padding : 1px 10px 10px 10px;background-color:transparent;clear:both; text-align:center;}
.miniBasketQtyInput {padding:1px;margin-right:3px;margin-top:1px;width:15px;Height:12px;border:1px gray solid;font-size:9px;}
.miniBasketPriceLabel, .miniBasketPrice  {font-size:14px;font-weight:bold;}
.miniBasketPrice {color : red;}

#miniBasketSubTotalBox { border-top:1px #999900 solid; background-color:white; padding:3px; border-bottom:2px #999900 solid;}
#miniBasketSubTotalBox #tax_label,#ship_label {font-weight : bold;font-size : 11px;width : 45%;float : left;text-align : right;}
#miniBasketSubTotalBox #sub_label {   float : left;font-weight : bold;font-size : 12px;width : 45%;text-align : right;}
#miniBasketSubTotalBox #tax_num,#ship_num {	font-weight : normal;font-size : 11px;padding-left : 3px;width : 49%;float : left;}
#miniBasketSubTotalBox #sub_num {font-weight : bold;font-size : 12px;color : red;padding-left : 3px;padding-bottom: 5px;width : 49%;float : left;}
#miniBasketShippingEstimateBox { background-color : white; padding : 3px 0 3px 0;}
#miniBasketCheckoutButtonBox { background-color : white; margin : 2 0 0 0; padding : 8px 0 8px 0; text-align:center; border-top : 1px gray solid;}

/******************************************************************************************/
/* styles for the basket                                                                  */
/******************************************************************************************/

/* container for message that displays when a basket is empty */
.emptyBasketPanel{margin: 0;background:url(images/empty_shop.gif) no-repeat 15%;padding-top: 20px;padding-left: 60px;margin: 20px 35px 35px 35px;height: 50px;text-align:center;}

/* message that displays when a basket is empty */
.emptyBasketPanel span.message{font-size: 18px;font-weight: normal;color: #666666;}

/* links to products that are displayed in the basket contents */
a.basketProductLink {text-decoration: none; color:Red; font-weight:bolder;}
a.basketProductLink:hover {color:#000000;}

/* price that appears within a basket dialog */
.basketDialogPrice { font-weight:bold; }

/* message that displays when a basket dialog is empty */
div.emptyBasketDialogPanel span.message{text-align:center;font-style:italic;padding:5px;}

/******************************************************************************************/
/* end styles for the basket                                                              */
/******************************************************************************************/

/******************************************************************************************/
/* styles for the wishlist                                                                  */
/******************************************************************************************/

/* container for message that displays when a wishlist is empty */
div.emptyWishlistPanel{margin: 0;background:url(images/wish_list.gif) no-repeat 15%;padding-top: 20px;padding-left: 60px;margin: 20px 35px 35px 35px;height: 50px;text-align:center;}

/* message that displays when a wishlist is empty */
div.emptyWishlistPanel span.message{font-size: 18px;font-weight: normal;color: #666666;}

/* links to products that are displayed in the wishlist contents */
a.wishlistProductLink {text-decoration: none; color:#636363; font-weight:bolder;}
a.wishlistProductLink:hover {color:#000000;}

/* price that appears within a wishlist dialog */
.wishlistDialogPrice { font-weight:bold; }

/* container for message that displays when a wishlist dialog is empty */
div.emptyWishlistDialogPanel { }

/* message that displays when a wishlist dialog is empty */
div.emptyWishlistDialogPanel span.message{text-align:center;font-style:italic;padding:5px;}

/******************************************************************************************/
/* end styles for the wishlist                                                              */
/******************************************************************************************/
	
/******************************************************************************************/
/* styles common to all checkout pages                                                    */
/******************************************************************************************/

/* checkout page header */
div.checkoutPageHeader{margin-bottom:8px;}

/* checkout page header caption */
div.checkoutPageHeader h1 { margin:3px 0; padding:5px; color:#fff; font-size:18px;  background:url(images/pageHeader_bg.gif) repeat-x;}

/* chekcout page header - styling for checkout steps */
div.checkoutPageHeader div.checkoutSteps{background-color:#E5DECA;border:1px solid #BEB49D;padding:0;margin:4px 5px 4px 4px;float:right;}

/* checkout page header content */
div.checkoutPageHeader div.content{padding:2px;}



/* used to contain the details for an individual shipment, used wherever information is organized by shipment */
div.shipmentSection{margin-bottom:5px;border: solid 1px black;border-collapse:collapse;}

div.shipmentSection div.header{border: solid 1px black;}

/* the header / caption of a shipment section, identifies which shipment is displayed */
div.shipmentSection H2{	margin:0px;padding: 0 2px;height:25px;line-height:25px;font-size:12px;}

/* the content of the shipment section */
div.shipmentSection .content{padding:2px;}

/* used wherever a list of order items is displayed */
table.itemList { width:100%; }

/* default column header styling for item list 
table.itemList th.columnHeader{margin:0px;background-color:#C4DAFC;padding:7px 2px; }*/

/* default data cell styling for item list*/


/* header styling for items column */
table.itemList th.items { }

/* styling for items column */
table.itemList td.items { }

/* header styling for items column */
table.itemList th.price { }

/* styling for price column */
table.itemList td.price { }

/* used when checkout navigation buttons (e.g. continue, back) appear by themselves 
outside of any  other container.  */
.checkoutNavigation { margin-top:4px; margin-bottom:8px; }

/* used when the checkout navigation section has a validation summary.  */
.checkoutNavigation span.validation { display:block;margin-bottom:12px; }

/* contains the buttons or links in the checkout navigation section */
.checkoutNavigation span.buttons { }

/******************************************************************************************/
/* end styles common to all checkout pages                                                */
/******************************************************************************************/

/******************************************************************************************/
/* styles for table that lays out a form of data (such as an invoice)                     */
/******************************************************************************************/

/* table style */
table.form {margin: 4px 0px;border:solid 1px black;border-collapse:collapse;	page-break-inside:avoid;width:100%;}

/* style common to headers and cells */
table.form td, table.form th{padding:4px 8px;}

/* styling for header cells  */
table.form th { font-weight:bold; font-size:14px; }

/* styling for header cell intended for vertical text */
table.form th.verticalText{width:10px;font-size:10px;text-align:center;vertical-align:middle;}

/* additional styling for header cell */
table.form th.header { text-align:left; }

/* additional styling for caption */
table.form th.header span.caption { font-size:20px; }

/* style for cell that contains an address */
table.form td.address { width:180px; }

/* style for cell on right that should expand to the full width possible */
table.form td.expand { width:504px; }

/* style for cell that contains a datasheet */
table.form td.dataSheet { padding:0px; }

/* style for font within the datasheet */
table.form td.dataSheet * { font-size:12px; }

/* additional styling for datasheet that appears within a form */
table.form table.dataSheet { margin-bottom:-1px; }

/* styling for the total row */
table.dataSheet tr.totalRow td, table.dataSheet tr.totalRow th{border-top: double 3px gray;border-bottom: double 3px gray;background-color:#656565;color:White;}

/* this is the container for the order summary on the view order page */
table.form td.orderSummary { width:202px;padding:10px; }

/* style for the caption of the order summary panel */
table.form td.orderSummary h3 { margin: 0 0 2px 0; }

/* style for the invoice caption */
h1.invoice {margin: 0 0 6px 0;font-size:24px;font-weight:bold;}

/* style for the store name */
h1.storeName{margin: 0 0 6px 0;font-size:18px;font-weight:bold;}

/******************************************************************************************/
/* end styles for table that lays out a form of data (such as an invoice)                 */
/******************************************************************************************/

/******************************************************************************************/
/* styles for checkout progress indicator                                                 */
/******************************************************************************************/

/* container for the checkout progress indicator */
.checkoutProgress{background:url(images/checkoutProgressBackground.gif) repeat-x;border-left:1px solid #01076C;border-right:1px solid #01076C;height: 25px;font-size:10px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-transform:uppercase;color:#3D56AB;margin:0 4px;display:block;float:right;}

/* default styling for span tags within the progress indicator */
.checkoutProgress span{display: block;float: left;width: auto;}

/* styling for checkout stage container when it is active */
.checkoutProgress span.on{padding: 3px 2px;background: url(images/checkoutProgressActive.gif) no-repeat 50%;border: 1px solid #01076C;margin: 1px;}

/* styling for checkout stage container when it is inactive */
.checkoutProgress span.off{padding: 2px;margin: 1px;}

/* style for checkout stage label when it is active */
.checkoutProgress span.on span{border: 1px solid #01076C;padding: 1px 6px;color: #01076C;}

/* style for checkout stage label when it is inactive */
.checkoutProgress span.off span{padding: 3px 6px 2px 6px;}

/******************************************************************************************/
/* end styles for checkout progress indicator                                             */
/******************************************************************************************/

/******************************************************************************************/
/* styles for checkout steps                                                              */
/******************************************************************************************/

/* style for the outer container for checkout steps */
#storeHeader div.checkoutSteps{background-color:#E5DECA;border:1px solid #BEB49D;padding:0px 0px 0px 0px;width:100%;}

/******************************************************************************************/
/* end styles for checkout steps                                                          */
/******************************************************************************************/

/******************************************************************************************/
/* styles for select shipping address                                                     */
/* NOTE: This is used on both checkout/ShipAddress and Members/AddressBook                */
/******************************************************************************************/

/* style for the address book table */
table.addressBook{width:98%;border: 1px solid #92A4BE;}

/* caption for the address book */
table.addressBook th.caption{border: 1px solid #92A4BE;background-color: #C2D9FC;padding: 0 2px;height:25px;margin: 5px 0 0 0;line-height:25px;}

/* styling for the text container inside the caption */
table.addressBook th.caption .text{float:left;display:block;}

/* styling for the button container inside the caption */
table.addressBook th.caption .buttons{float: right;display: block;}

/* container for address book entries */
table.addressBook td.entries {border: 1px solid #92A4BE; text-align: left; padding: 5px;}

/* entry in the address book container */
table.addressBook .entry{background:url(images/shipping_address_bg.gif) no-repeat;vertical-align:middle;text-align:left;margin:0px;padding:5px 0px 0px 0;display: block;width: 350px;height:195px;float: left;}

/* container for address data in an address entry */
.addressBook .address{text-align:left;padding:60px 0px 0px 50px;color: #01076C;font-weight: bold;line-height: 15px;width:200px;float: left;}

/* container for buttons in an address entry */
.addressBook td .buttons{margin-top:5px;text-align:left;padding:60px 0px 0px 0;width: 100px;float: right;}
.addressBook td .buttons a{display:block; margin-bottom: 5px; width: 40px;}

/* styling for button element inside the buttons container */
table.addressBook td .buttons .button {margin-right: 5px;}

/******************************************************************************************/
/* end styles for select shipping address (checkout/shipaddress.aspx)                     */
/******************************************************************************************/

/******************************************************************************************/
/* styles for select multiple shipping addresses (checkout/shipaddresses.aspx)            */
/******************************************************************************************/

/* NOTE: items table on this page will use default styling from the common itemList class,
you can override or add to the styling attributes below */

/* styling for shipping addreses table */
table.setShippingAddresses { }

/* table will use default itemList styling, you can override th attributes here */
table.setShippingAddresses th { }

/* header styling for items column */
table.setShippingAddresses th.items { }

/* styling for items column */
table.setShippingAddresses td.items { }

/* header styling for items column */
table.setShippingAddresses th.price { }

/* styling for price column */
table.setShippingAddresses td.price { }

/* header styling for address column */
table.setShippingAddresses th.address { }

/* styling for address column */
table.setShippingAddresses th.address { }

/******************************************************************************************/
/* end styles for select multiple shipping addresses (checkout/shipaddresses.aspx)        */
/******************************************************************************************/

/******************************************************************************************/
/* styles for select shipping method (checkout/shipmethod.aspx)                           */
/******************************************************************************************/

/* the outer table to select shipping methods */
table.selectShippingMethod {}

/* default header style for shipping method table */
table.selectShippingMethod td.dataSheet { padding-top:1px;  border:1px solid #8698B2;}

/* default header style for shipping method table */
table.selectShippingMethod td.dataSheet th { padding: 5px 2px;  background-color:#BFD8FD;}
table.selectShippingMethod th.shipto { background-color:#4660B9; color:White; }
/* the table cell that displays the shipment items grid */
table.selectShippingMethod td.items{background-color:#DEDEDE;}
table.selectShippingMethod th.items{background-color:#DEDEDE;}

/* the table cell that displays the available shipping methods */
table.selectShippingMethod td.methods{padding: 4px; text-align:left; border-left:1px solid #8698B2;width:200px;}

table.selectShippingMethod td.methods h3{padding: 5px 2px; border: 1px solid #8698B2; background-color:#BFD8FD;display:block;font-weight:bold;font-size:100%;text-align:center;margin: -2px -2px 6px -2px;}

/* the caption for available shipping methods */
table.selectShippingMethod td.methods .caption {display:block;font-weight:bold;margin-bottom:6px;text-align:center;}

/* section to ask the customer whether to set gift options for an order */
.addGiftOptions {background:#FFFFFF url(images/giftbox3.gif) no-repeat left top;margin: 0 auto;width:693px;height:100px;border: solid 1px #8698B2;float:right;text-align:right;}

/* caption of the add gift options section */
.addGiftOptions h3{	margin: 10px 10px 5px 300px;	font-size:100%;}

/* content of the add gift options section, including input field and text */
.addGiftOptions .content{	margin-right:10px;	margin-top:5px;}

/* contains any navigation buttons (such as continue or back) that appear within the section */
.addGiftOptions .buttons{	margin-right:10px;	margin-top:5px;}

.VisiblePanel {	display:block;}

.HiddenPanel {	display:none;}

/******************************************************************************************/
/* end styles for select shipping method (checkout/shipmethod.aspx)                       */
/******************************************************************************************/

/******************************************************************************************/
/* styles for select gift options (checkout/giftoptions.aspx)                             */
/******************************************************************************************/

/* container for the gift option controls */
.giftOptions { }

/* the container for controls to choose gift wrap if available */
.giftOptions div.giftWrap { margin-top:2px;margin-bottom:6px; }

/* displays when no gift wrap is available for an item */
.giftOptions div.giftWrap div.noGiftWrap { font-style:italic; }

/* displays when only one style of gift wrap is available for an item */
.giftOptions div.giftWrap div.oneGiftWrap { }

/* styling for the name of the available gift wrap style */
.giftOptions div.giftWrap div.oneGiftWrap span.name { font-weight:bold }

/* styling for the price of the available gift wrap style */
.giftOptions div.giftWrap div.oneGiftWrap span.price { }

/* displays when two or more gift wrap styles are available for an item */
.giftOptions div.giftWrap div.multiGiftWrap { }

/* styling for the title of the gift wrap selection box */
.giftOptions div.giftWrap div.multiGiftWrap span.title { font-weight:bold }

/* styling for the gift wrap selection box */
.giftOptions div.giftWrap div.multiGiftWrap select { }

/* the container for controls to enter a gift message */
.giftOptions div.giftMessage { }

/* styling for the gift message title */
.giftOptions div.giftMessage span.title { font-weight:bold; }

/* styling for the gift message cost */
.giftOptions div.giftMessage span.price { }

/* styling for the gift message entry area */
.giftOptions div.giftMessage textarea { width:98%;height:40px; }

/* styling for the characters remaining countdown */
.giftOptions div.giftMessage span.count { }

/* styling for the characters remaining countdown text */
.giftOptions div.giftMessage span.countText { }


/******************************************************************************************/
/* end styles for select gift options (checkout/giftoptions.aspx)                         */
/******************************************************************************************/

/******************************************************************************************/
/* styles for confirm and pay (checkout/payment.aspx)                                     */
/******************************************************************************************/

/*---------------------------------------*/
/*- styles for layout of payment page -- */
/*---------------------------------------*/

/* style for the summary pane of the payment information section */
.paymentMethodSummary { width:170px;padding: 10px; }
div.paymentMethodSummary { float:left; }

/* style for the payment method listing of the payment information section */
.paymentMethodList { width:545px;border-left:1px dashed #000000; }
div.paymentMethodList { float:right; }

/* style for a content section in the summary pane */
.paymentMethodSummary .section { margin-bottom:20px; }

/* style for the header of the summary section */
.paymentMethodSummary .section .header { background-image: none !important; }

/* style for the caption of the section header */
.paymentMethodSummary .section .header h2 { color:black !important; }

/* style for the content of the summary section */
paymentMethodSummary .section .content { }

/*---------------------------------------*/
/*- styles for order summary ----------- */
/*---------------------------------------*/

/* style for the order summary that appears in a summary section */
table.orderSummary { width:100%; }

/* column that displays the heading for the amounts in the order summary table */
table.orderSummary th { text-align:right;font-weight:normal; white-space:nowrap; }

/* column that displays amounts in the order summary table */
table.orderSummary td { text-align:right; width:80px; }

/* row that contains the divider between subtotals and total */
table.orderSummary tr.totalDivider { }

/* cell that contains the divider between subtotals and total */
table.orderSummary tr.totalDivider td { width:100%; }

/* divider between subtotals and total */
table.orderSummary tr.totalDivider td hr { }

/*---------------------------------------*/
/*- styles for payment forms ----------- */
/*---------------------------------------*/

/* styles the table for the entry form of a payment method */
table.paymentForm {	width:100%; margin-bottom:20px; margin-left:5px; }

/* style for default table cell in entry form */
table.paymentForm td { padding: 2px; }

/* header cell that provides the caption for the form, states type of payment method */
table.paymentForm th.caption {padding-top:8px;border-bottom:dotted 1px black;}

/* header cell that provides the label for an input row */
table.paymentForm th.rowHeader { text-align:right; }

/* cell that contains the submit button for a payment form */
table.paymentForm td.submit { text-indent:10px; }

/* container for the submit button */
table.paymentForm td.submit span.button { }

/******************************************************************************************/
/* end styles for confirm and pay (checkout/payment.aspx)                                 */
/******************************************************************************************/

/******************************************************************************************/
/* styles for your account (Members/MyAccount.aspx)                                       */
/******************************************************************************************/

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:15px;}

/******************************************************************************************/
/* end styles for your account (Members/MyAccount.aspx)                                   */
/******************************************************************************************/

/******************************************************************************************/
/* styles for view order page (Members/MyOrder.aspx)                                    */
/******************************************************************************************/

/* container for the order summary table */
div.orderSummaryPanel{	background-color: #DBDADA;	border: 1px solid #000000;	margin: 4px 0px;}

table.orderSummaryTable{width:100%;}

table.orderSummaryTable th.rowHeader{	width:16%;	text-align:right;}

/******************************************************************************************/
/* end styles for view order page (Members/MyOrder.aspx)                                */
/******************************************************************************************/

/******************************************************************************************/
/* styles for view row-style of my account page (Members/My Account.aspx)                 */
/******************************************************************************************/
.odd{background-color: #DBDADA;padding: 6px 2px 6px 6px; /*border-bottom:1px solid #A4A4A4;*/}
.even{background-color: #F5F5F5;padding: 6px 2px 6px 6px;/* border-bottom:1px solid #FFFFFF;*/}
.altodd{background-color: #FFFFFF;padding: 6px 2px 6px 6px; /*border-bottom:1px solid #A4A4A4;*/}
.alteven{background-color: #F5F5F5;padding: 6px 2px 6px 6px;/* border-bottom:1px solid #A4A4A4;*/}
/************************************************/
/* styles for view row-style of my account page */
/************************************************/
.odd{background-color: #DBDADA;padding: 6px 2px 6px 6px;}
.even{background-color: #F5F5F5; padding: 6px 2px 6px 6px;}
.altodd{background: padding: 6px 2px 6px 6px;}
.altodd a {color: #005b95;}
.altodd a:hover{color: #268fd2;}
a.altoddButton{ border: solid 1px #9fd9ef; padding: 1px 5px; background:#e4ecee url(images/button_bg.gif) repeat-x; color: #005b94; line-height: 22px;}
a:hover.altoddButton{ border: solid 1px #4fbde6; background:#e4ecee url(images/button_bg_hover.gif) repeat-x; color: #004d7e;}
.altodd td{color: #000000; padding: 5px 10px;  line-height: 18px;}
.altodd input { border:solid 1px #afa9b4; padding:2px;}
.altodd select { border:solid 1px #afa9b4; padding:2px;}
.alteven{background-color: #fff;padding: 20px 2px 6px 6px;}
.alteven a {color: #005b95;}
.alteven a:hover{color: #268fd2; }
.alteven td{ color: #000000; padding: 10px; line-height: 18px;}
.alteven  input { border:solid 1px #afa9b4; padding:2px;}
.alteven  select { border:solid 1px #afa9b4; padding:2px;}
/******************************************************************************************/
/* end styles for view row-style of my account page (Members/My Account.aspx)             */
/******************************************************************************************/


/******************************************************************************************/
/* styles for view "ship to" in ViewOrder page (Members/MyOrder.aspx)                   */
/******************************************************************************************/
.ship_to{writing-mode: tb-rl; filter: flipv fliph;}

/******************************************************************************************/
/* end styles for view "ship to" in ViewOrder page (Members/MyOrder.aspx)               */
/******************************************************************************************/

/*----- Common to all ----------*/

.small_cell{width: 300px;}
.small_cell .header{margin-top: 0;}
.lebeling{width: 100px;}

/******************************************************************************************/
/* styles for paged list of data                                                          */
/******************************************************************************************/

table.pagedList { min-width:300px;  padding: 5px; font-size:12px;  border-collapse:collapse; border:1px solid #D1D1D1;}
table.pagedList td {padding:2px 4px; }
table.pagedList th {padding: 7px 2px; text-align:center; margin:0; color:#fff; background: url(images/blue_gradient.gif) repeat-x top; font-weight:bold;}
table.pagedList th a { padding-left: 2px; color: #444444; text-decoration:none; }
table.pagedList th a:hover { color: #005b95; text-decoration:underline; }
table.pagedList tr.oddRow { height:32px; }
table.pagedList tr.evenRow { background-color: #F5F5F5; height:32px;}


/******************************************************************************************/
/* end styles for paged list of data                                                      */
/******************************************************************************************/

/************** Style for the Conactpage List ****************/
ul.contact li {list-style-image: url(images/bullet1.gif);}

/*************************************************************/

/************** Style for the Product Image ******************/
.productimg {vertical-align:top; width:300px; padding-right:20px;}

/******************************************************************************************/
/* begin styles for modal popup dialogs                                                   */
/******************************************************************************************/

/* background for main page when modal popup is visible */
.modalBackground {background-color:Gray;filter:alpha(opacity=70);opacity:0.7;}

/* style for modal popup dialog */
.modalPopup {background-color:#E3EFFF;border-width:3px;border-style:solid;border-color:Gray;padding:3px;width:600px;}

/* style for header of modal popup dialog */
.modalPopupHeader {	cursor:move;background-color:#DDDDDD;border:solid 1px Gray;color:Black;margin:-3px;padding:6px;font-weight:bold;}

/* style for text of modal popup dialog */
.modalPopupText {padding:10px;}

/* enable scrolling within modal popup dialog */
.modalPopupText .modalPopupScroller {margin:-10px;padding:10px;overflow:scroll;height:400px;}

/* style for the click to view 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;}

/* style for header of modal popup dialog */
.pricePopupHeader{background-color:#DDDDDD;border:solid 1px Gray;color:Black;margin:-3px;padding:6px;font-weight:bold;}

/* used on the click to view price display */
.pricePopup span.fieldHeader { display:block;float:left;width:135px;text-align:right;margin-right:6px; }
.pricePopup span.fieldValue { display:block;float:left; }

/******************************************************************************************/
/* end styles for modal popup dialogs                                                     */
/******************************************************************************************/

/******************************************************************************************/
/* begin styles for one page checkout                                                     */
/******************************************************************************************/

/* outer frame of the one page checkout form */
.opcFrame{margin:0 auto;width:800px;}
.opcFrame .content { border: solid 1px #9EC1D4; background-color: #f3f3f3; }
.opcMainPanel{background: #FFFFFF url(images/thumbnailTdBg.gif) no-repeat left top; padding-right:10px; padding-left:10px;vertical-align:baseline; }
.opcMainPanel table td { padding:5px;}
.opcMainPanel select { border:solid 1px #9EC1D4; padding: 2px; color: #444444; }
.opcMainPanel input { border:solid 1px #9EC1D4; padding: 2px; color: #444444; margin: 5px 0 0 0;}
/*.opcMainPanel h2 { background: url(images/searchCriteriaBg.jpg) repeat-x top; color: #444444; border: solid 1px #9EC1D4; }*/
.opcMainPanel h2 { background: url(images/blue_gradient.gif) repeat-x top; color: #fff; margin:0;}

.opcMainPanel .inputForm { background: #FFFFFF; border: solid 1px #9EC1D4; }
.opcSidebar{
    width:220px; background:#FFFFFF; }
.opcPaymentFrame { border:1px solid #9EC1D4; }
.opcPaymentMethods { background:#ffffff url(images/PaymentMethodsBg.gif) repeat-x; width:130px; padding: 5px; }
.opcPaymentForm { }




/* main content panel of the one page checkout form */

/* sidebar panel of the one page checkout form */
.opcSidebar{width:220px; background:#FFFFFF; }

/* frame for the payment section of the one page checkout form */
.opcPaymentFrame { }

/* panel that contains the list of available payment methods */
.opcPaymentMethods{background-color:#efefef;width:130px;}

/* panel that contains the payment form for the selected method */
.opcPaymentForm { }

/*********** img-description *******/
p.image_desc {margin-left:3px;margin-right:3px;}

.ProductItemView { width:25%; }
.AgreementView{background-color: #FFFFFF;margin: 5px 5px 5px 5px;padding: 10px 10px 10px 10px;border:solid 1px #92A7EC;}

/******************************************************************************************/
/* end styles for one page checkout                                                       */
/******************************************************************************************/

.popupsection {border:1px solid #c1c1c1; background:#fff; width:300px; margin:0 auto; padding:10px;}

.moreitems a { font-size:10px;  }

.iner_frame{ background: #FFFFFF;  }

th.columnHeader 
{
	margin:0; 
	background: url(images/blue_gradient.gif) repeat-x; height:24px; line-height:24px; padding: 0 5px 2px 4px;
	color:#fff;
	font-weight:bold;
	border:0;
}

table.itemList { width:100%; border-collapse:collapse; border:1px solid #D1D1D1;}
table.itemList td { padding:2px 10px; vertical-align:top;} 
table.itemList td a{color: #416573;}
table.itemList td a:hover{color: #788F03;}
table.itemList th.items { 
    background: #ceeaee url(images/searchCriteriaBg.jpg) repeat-x top; padding-top: 6px; padding-bottom: 6px; 
    border: solid 1px #b3b3b3; max-height:29px;}
table.itemList td.items { background: #F5F5F5  url(images/evenRowBg.gif) repeat-x; padding:10px 10px 10px 15px;  text-align:left; line-height: 18px;}
table.itemList th.price {  background: #ceeaee url(images/searchCriteriaBg.jpg) repeat-x top;  padding-top: 6px; padding-bottom: 6px; border: solid 1px #b3b3b3; max-height:29px; }
table.itemList td.price { background: #F5F5F5  url(images/evenRowBg.gif) repeat-x; padding:10px; border: solid 1px #b3b3b3; }
table.itemList th.address { background: #ceeaee url(images/searchCriteriaBg.jpg) repeat-x top; padding-top: 6px; padding-bottom: 6px; border: solid 1px #b3b3b3; max-height:29px; }
table.itemList td.address { background: #F5F5F5  url(images/evenRowBg.gif) repeat-x; padding:10px; border: solid 1px #b3b3b3; }
table.itemList td.address select{ border: solid 1px #b3b3b3; padding: 2px;}

.checkoutAlert{padding:10px; width: auto; margin:0pt auto; border:solid 1px #9EC1D4;  font-size:13px; text-align:justify;
    background-color: #f5f5f5}

/* Login Message */
.LoginMessage { 
    background:#FFFFFF url(images/CategoryBreadCrumbsEdge.gif) no-repeat left top; padding: 0; text-indent: 10px; width: 780px; margin:0pt auto; color:#cc0000; font-size:12px; }
.LoginMessage a { 
    background:#c7e4ef url(images/checkoutPageHeaderEdgeHover.gif) no-repeat left top; color: #005b94; font-weight: bold;
    padding: 1px 15px;  }
.LoginMessage a:hover { background:#9EC1D4 url(images/checkoutPageHeaderEdge.gif) no-repeat left top;  color: #FFFFFF; font-weight: bold;}
.onePageCheckoutCell { padding: 5px 10px; border: solid 1px #9EC1D4; font-size:12px;}

.hide {display:none;}
.section .header h2 
{
	background:transparent url(images/blue_gradient.gif) repeat-x scroll center top;
	color:#FFFFFF;
	margin:0;
	padding: 0 0 0 10px; margin:0 0 12px 0;
    height:27px; line-height:27px; font-size:12px;font-weight:bold;
}

/* close the screen media selector */
}

.clearfix:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}
/* used to display reviews message  */
pre.Reviews
{
font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.nodeSummaryLink{text-decoration: underline; text-indent: 0px; color:#5872CB; margin:4px 0 8px 0; padding:4px 0 8px 0; cursor:pointer;}