@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
{
	padding: 0;
	margin: 0;
	background: url(images/background_image.gif) repeat-x top;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
}

/* default styling for block elements */
td, p, form
{
	text-decoration:none;
	margin:0px;
}

ul { margin: 2px 0 2px 20px; }
/* li { list-style-type: circle; } */

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

/* default styling for links */
a{text-decoration: underline; color: #FF0000; }
/*a { color:#8C0901; }*/
a:hover { color:#2291c9; text-decoration:underline; }

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

/* default styling for input elements */
input { vertical-align:middle; border:solid 1px #dddddd; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:2px 0 2px 3px;  }

select {border:solid 1px #dddddd; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:2px 0 2px 3px;}
/* 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: Arial, Helvetica, sans-serif;
	/*background-color: #5872CB;*/
	background: #FFFFFF url(images/button_hover2.gif) repeat-x bottom;
	font-size: 11px;
	text-transform: uppercase;
	color: #134FA3 !important;
	font-weight: bold;
	cursor:pointer;
	margin: 1px 0;
	text-align:center;
	text-decoration:none;
	vertical-align: middle;
	border: 1px solid #b6dcef;
	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
{
border:solid 1px #6eb7dc; color:#0d74ab;
}
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 button hover state 
input.button:hover, a.button:hover
{
	color: #FFFFFF; text-decoration:none;
}*/

/* 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{font-weight: bold; color: #008000; padding-bottom: 3px;}
.warnCondition{font-weight: bold; color: #FFA500; padding-bottom: 3px;}
.errorCondition{font-weight: bold; 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{padding: 4px 0;}

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

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

hr { width:100%; }

h2 { font-size:12px; }

h2.sectionHeader
{
	background:#e1f2f9;
	padding: 0 2px;
	border:1px solid #e6e6e6;
	margin:0 0 12px 0;
	text-indent:10px;
	height:27px;
	line-height:27px;
	font-size:14px;
	color:#000000;
	font-weight:bold;
}

.welcomeImage {
 background:url(images/welcomeImage.jpg) no-repeat left top; width:100%; height:272px;  }
.welcomeImage a { color:#f11602; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:0 0 0 210px; text-decoration:underline;}
.welcomeImage a:hover {color:#ff4200; text-decoration:underline;}
.welcomeText{ }
.welcomeText .section{ padding-top:10px; padding-bottom:10px; vertical-align:top; }
.welcomeText .content{ border:solid 1px #e5e5e5; padding:10px; }
.welcomeText .section .side2{ width:175px; padding-left:10px; vertical-align:top;}
.welcomeText .section .side2 .liveSupport{ width:175px; height:95px;}
.welcomeText .section .side2 .liveSupport a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:red; padding:0 12px 0 88px; background:url(images/bullet2.gif) no-repeat right; }
.welcomeText .section .side2 .heading{ height:23px; background:#9ccae1; font-size:12px; font-weight:bold; color:#FFFFFF; padding-left: 10px;}
.welcomeText .section .side2 .news { background:#e1f2f9; height:193px; padding:10px; vertical-align:top;}
.welcomeText .section .side2 .news .HNews a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2191c9; font-weight:bold;  }
.welcomeText .section .side2 .news .HNews a:hover{ text-decoration:underline;}

.welcomeText .section .side2 .news .HNews { padding-left:8px;}
.welcomeText .section .side2 .news .textNews {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; }


.welcomeText .content .fishingImg { background:url(images/pictures/fishing.gif) no-repeat right top; width:150px; height:90px; padding-left:10px; }
.welcomeText .content .huntingImg { background: url(images/pictures/hunting.gif) no-repeat right top; width:150px; height:90px; padding-left:10px; }
.welcomeText .content .publishersImg { background: url(images/pictures/publishers.gif) no-repeat right top; width:150px; height:90px; padding-left:10px; }

.welcomeText .content .heading { padding-bottom:5px;}
.welcomeText .content .text{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#808080; padding-left:5px; }
.welcomeText .content .buttonArea { padding-top:5px; padding-left:5px;}

.welcomeText .section .featuredCategoriesPanel { padding-top:10px;}
.welcomeText .section .featuredCategoriesPanel .featuredCategoriesLeftSide { border:solid 1px #e6e6e6; height:150px; border-right:0; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; vertical-align:top;}
.welcomeText .section .featuredCategoriesPanel .featuredCategories { width:345px; border:solid 1px #e6e6e6; height:150px; vertical-align:top;}
.welcomeText .section .featuredCategoriesPanel .featuredCategories .heading{ background:#e1f2f9; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold; text-indent:10px; line-height:20px; }
.welcomeText .section .featuredCategoriesPanel .featuredCategories .body{ padding:10px; vertical-align:top;}
.welcomeText .section .featuredCategoriesPanel .featuredCategories .body .description{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#808080;}
.welcomeText .section .featuredCategoriesPanel .featuredCategories .body .description a{ color:#d90e09; text-decoration:underline;}
.welcomeText .section .featuredCategoriesPanel .featuredCategories .body .thumbnail{ width:140px; text-align:left; background:url(images/products/1.jpg) no-repeat center;}

.welcomeText .section .OnlineStoreCategoriesPanel{ padding-top:10px;}
.welcomeText .section .OnlineStoreCategories{border:solid 1px #e6e6e6; vertical-align:top;}
.welcomeText .section .OnlineStoreCategories .heading{background:#e1f2f9; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold; text-indent:10px; line-height:20px;}
.welcomeText .section .OnlineStoreCategories .body{padding:10px; vertical-align:top;}
.welcomeText .section .OnlineStoreCategories .body .description{vertical-align:top;}
.welcomeText .section .OnlineStoreCategories .body .description a{ font-size:12px; color:#2191c9; font-weight:bold; line-height:25px; text-decoration:none;}
.welcomeText .section .OnlineStoreCategories .body .description a:hover{ text-decoration:underline;}

.welcomeText .section .OnlineStoreCategories .body .thumbnail{ width:140px; text-align:left; background:url(images/products/2.jpg) no-repeat center;}

.text5 { color:#000000; font-size:12px; background:url(images/dottedLine.gif) repeat-x bottom; padding-bottom:8px;}
.text5 a{ color:#d90e09; text-decoration:underline;}
.text5 div.thumbnail { background:url(images/pictures/bird.jpg) no-repeat left; padding-left:118px; height:53px;  }


.dottedLine { background:url(images/dottedLine.gif) repeat-x center;}
.R1_LeftEdge { background:url(images/R1_LeftEdge.gif) no-repeat left top; height:23px; width:3px;}
.R1_RightEdge { background:url(images/R1_RightEdge.gif) no-repeat right top; height:23px; width:3px;}
.R1_Bg { background:url(images/R1_Bg.gif) repeat-x; font-size:16px; font-weight:bold; color:#FFFFFF; text-indent:6px; line-height:16px;}
a.butLink { color:#2191c9; font-family:Arial, Helvetica, sans-serif; background:#FFFFFF url(images/R2_ButBg.gif) repeat-x bottom; font-size:10px; border:solid 1px #b7ddf2; padding:2px 4px; text-align:center;}
a:hover.butLink { color:#0d4e9a;}


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

/* container for the left sidebar content */
#leftSidebarPanel
{
	width: 203px;
	margin: 0 4px 0 0;
	padding: 0 0 10px 0;
    background:url(images/leftSideBg.gif) repeat-y top;   

}
#leftSidebarPanel .leftSideTopEdge { background:url(images/leftSideTop.gif) no-repeat top; height:10px;}

.leftSideBottomEdge  { background: url(images/leftSideBottomEdge.gif) left no-repeat bottom; width:203px; }
.rightSideBottomEdge  { background: url(images/rightsideBottomEdge.gif) no-repeat bottom right; width:203px; }
.mainPanelBottomLine { background:url(images/bottomLine.gif) repeat-x bottom;}
.mainPanelBottomLineLeftSide { background:url(images/R3-BottomLine.gif) no-repeat right bottom;}
.mainPanelBottomLineLeft { background:url(images/R3-BottomLineLeft.gif) no-repeat left bottom;}

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

}

/* header in left sidebar content section */
#leftSidebarPanel .section .header
{

	margin: 0;
	padding: 0;
	background: url(images/section_header_bg1.gif) no-repeat right;
}

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

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

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

/* container for the right sidebar content */
#rightSidebarPanel
{
	width: 203px;
	background:url(images/rightSideBg.gif) repeat-y top;
	margin: 0;
	padding: 0;
}

#rightSidebarPanel .rightSideTopEdge { background:url(images/rightSideTopEdge.gif) no-repeat top;}

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

/* header in right sidebar content section */
#rightSidebarPanel .section .header
{
	background:url(images/section_header_bg2.gif) no-repeat right;
	height: 40px;
	margin: 0px 0px 2px 0px;
	padding: 0;
}

/* caption in right sidebar content section header */
#rightSidebarPanel .section .header h2{
	float:left;
	width: auto;
	font-size: 12px; 
	font-weight:bold;
	padding:0 0 0 15px;
	line-height:40px;
	margin: 0;
	color: #000000;
	background: url(images/header_IconsRightSide.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 0; }


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

/* 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;
}
.Cell { padding: 5px;}
.onePageCheckoutCell { padding: 10px;}
.expressCheckoutCell {padding:5px;}
.ourDepartmentsCell{padding:5px; line-height:18px;}
/*---------------------------------------*/
/*- styles for main content panel       -*/
/*---------------------------------------*/

/* container for the main panel content */
#mainPanel 
{
	
	background-color: #FFFFFF;

}
#mainPanel .body { border-top: solid 1px #dae2e4; padding: 10px;}
#mainPanel .bodyLeftSide { padding: 10px; border-right:solid 1px #dae2e4;}
#mainPanel .bodyRightSide{ padding: 10px; border-left:solid 1px #dae2e4; }
#mainPanel .bodyOneCol { padding: 0 18px; border-right:solid 1px #dae2e4; border-left:solid 1px #dae2e4; margin:0;}

.mainPanelRightEdge { background:#FFFFFF url(images/R3-RightEdge.gif) no-repeat right top; height:10px;}
.mainPanelLeftEdge { background:#FFFFFF url(images/R3-TopLineLeft.gif) no-repeat left top; height:10px;}



/* 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 
{
	/*border: 1px solid #C4C4C4;
	background-color: #E8E8E8;*/
	/*width:100%;*/
	padding: 0 2px;
	background: #0c4b98 url(images/R1_Bg.gif) repeat-x top;
	border:1px solid #0f599f;
}

/* the header / caption of a content section */
#mainPanel .section .header H2
{
	margin:0px;
	height:25px;
	line-height:25px;
	font-size:12px;
	text-indent:7px;
	color:White;
}

#mainPanel .section .content .ProductItemView { border: solid 1px #b9b9b9;}
#mainPanel .section .content .ProductItemViewOdd { border: solid 1px #b9b9b9;}

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

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

/* header for dialog box in the main panel */
#mainPanel .dialogSection .header
{
	background: #9A9A9A 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 */
#mainPanel .dialogSection .header h2
{
	/*background-color:#9A9A9A;*/
	color:#FFFFFF;
	margin:0;
	/*font-weight:bold;*/
	font-size:12px;
	float:left;
	line-height:27px;
}

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

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

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


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

/* footer for dialog box */
#mainPanel .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;
	/*width: 100%;*/
}

/* inner wrapper for the main page content */
#innerContentWrapper{
	margin: 15px 28px 0 28px;
	text-align: left;
}

/* container for the page content 
#contentLayout
{
	border: 4px solid #FFFFFF;
}*/

/* 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                                                    */
/******************************************************************************************/
/*#outerFrame
{
	border:1px solid #FF0000;
}
/* style for the outer store header container */
#storeHeader
{
	width:100%;
	margin: 0 auto;
	padding:0 28px;
}

/* styling attached to the container for the linked logo image */
#storeHeader .logo{	margin: 0; padding: 0; }

/* additional styling for the logo image tag */
#storeHeader .logo img {margin: 0 0 0 25px; }

/* used for any content besides the logo in the header */
#storeHeader .headerContent
{
	height:98px;
	margin: 0px;
	white-space:nowrap;

}

/* style for container of shortcut links that can appear in the header */
#storeHeader .shortcuts 
{
	width:400px;
	height:55px;
	
	
}

/* style for links within shortcuts container */
#storeHeader .shortcuts  a
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	width: auto;
	float: right;
	padding: 30px 10px 0 20px;
	margin: 0 3px 0 3px;
	font-size: 11px;
	text-transform: uppercase;
	color: #e2fffd;
	text-decoration: none;
	text-align: center;
}
#storeHeader .shortcuts a:hover {color: #FFFFFF; }

/* style for specific shortcuts */
#storeHeader .shortcuts a.basket{background: url(images/my_basket.gif) no-repeat top left; text-align: center; }
#storeHeader .shortcuts a.acct{background: url(images/my_acct.gif)  no-repeat top left; text-align: center;}
#storeHeader .shortcuts a.admin{background: url(images/admin_icon.gif)  no-repeat top left; text-align: center;}
#storeHeader .shortcuts a.wishlist{background: url(images/my_wish.gif)  no-repeat top left; text-align: center;}
#storeHeader .shortcuts a.login{background: url(images/login.gif)  no-repeat top left; text-align: center;}

/* style for the search container */
#storeHeader .search {
	width:250px;
	margin:0;
	text-align:left;
	background: url(images/searchBg.gif) repeat-x top;
	height: 36px;
}

/* style for search text box within the search area */
#storeHeader .search input.searchPhrase 
{
	color: #000000;
	border: 0;
	padding:10px 0 0 18px;
	width: 150px;
	background:none;
	background:url(images/searchLeftEdge.gif) no-repeat left top;
	height:26px;
	margin: 0;
	margin-top: -2px !ie; /* only for IE */
}

/* style for the search button */
.searchButton
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(images/SearchButton.gif) no-repeat left;
	font-size: 12px;
	text-transform: capitalize;
	color: #FFFFFF;
	border:none;
	padding: 0 8px 2px 0;
	font-weight: bold;
	cursor:pointer;
	margin:0px;
	width:84px;
	height:34px;

}
.searchButton:hover
{

}
.allButton
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: url(images/button_bg.gif) repeat-x;
	/*border: 1px solid #7D90B1;*/
	font-size: 9px;
	text-transform: uppercase;
	color: #134FA3;
	border:none;
	padding: 0px 2px;
	font-weight: bold;
	cursor:pointer;
	margin:0px;
	position: absolute;
	/*top: 3px;*/
	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;
	/*border: 1px solid #7D90B1;*/
	font-size: 9px;
	text-transform: uppercase;
	color: #867001;
	border:none;
	padding: 0px 2px;
	font-weight: bold;
	cursor:pointer;
	margin:0px;
	position: absolute;
	/*top: 3px;*/
	left: 172px;
	width:56px;
	height:19px;
	text-align:center;
	line-height:22px;
}

/* styling for the navigation container */
#storeHeader .navigation
{

	width:100%;
	text-align:left;
	height:48px;
}

/* styling for the link container in the navigation bar */
#storeHeader .navigation .content
{
	margin:0 auto;
}

/* styling for tab links in the navigation bar content */
#storeHeader .navigation a
{
	background: url(images/ButtonSeparator.gif) no-repeat left;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	/*display: block;*/
	width: auto;
	padding: 17px 15px 18px 20px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #dcedfd;
	text-decoration: none;
	text-align: center;
	line-height:48px;
	/*border-right: 1px solid #7E6401;*/
}

/* styling for tab links in the navigation bar content */
#storeHeader .navigation a:hover
{
	color: #042340;
	background: url(images/mainButtonHover.gif) repeat-x top;
}

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

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

/* container for the store footer */
#footer
{
	height: 65px;
	background: #FFFFFF url(images/footerBg.gif) repeat-x bottom;
	color: #2191c9;
	
}

/* paragraph within the store footer */
#footer p
{
	padding: 13px 0 0 0;
	color: #424141;
	font-size:12px; 
	line-height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* link within paragraph in the store footer */
#footer p a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#2191c9;
	text-decoration:none;
	font-weight:bold;
	padding: 0 15px;
	border-left: 1px solid #2191c9;
}
#footer p a:hover { text-decoration:underline;}

/* alter styling of first link within paragraph in the store footer */
#footer p a:first-child
{
	border-left: none;
}

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

/* 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
{
	background: #e1f2f9;
	height: 29px;
	line-height:29px;
}

/* standard page header caption */




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

/* default styles for cells in form*/
table.inputForm th, table.inputForm td {padding:2px;} 

/* styling for row headers in form */
table.inputForm .rowHeader
{
	background: #FFFFFF;
	color: #333333;
	padding: 6px;
	text-align:right;
}

/* style for links that appear within rowheader */
table.inputForm .rowHeader a {
	border:1px solid #650101;
	width:100%;
	color: #000000;
	font-weight: normal;
	font-size: 10px;
	font-weight:bold;
	text-align:left;
	padding: 6px;
}

/* set style for other elements within rowheader */
table.inputForm .rowHeader * {	font-weight: bold; font-size: 12px; }

/******************************************************************************************/
/* 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;
	/*list-style-image: url(images/bullet1.gif);*/
	
}

/* category list item */
ul.category li{
	margin:0;
	padding:5px 0 5px 30px;
	background:url(images/line.gif) no-repeat right bottom;
}

/* link within the category list item */
ul.category li a
{

	padding: 8px 2px 8px 0 ;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
}

/* link within the category list item (hover) */
ul.category li a:hover {color:#2092c8;}

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

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

/* style for row header in buy product form */
table.buyProductForm .rowHeader
{
	background-color: #FFF;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	border-width: 0px;
	text-align: right;
}

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

/* container for catalog display */
.catalog { padding: 0px; }

/* 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 {          border-style: solid;
        border-width: 1px;
padding: 12px;}
.catalog .tableNode div { margin-top:10px;}
.catalog .tableNode img
    {
        margin-top: 6px;
    }

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

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

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

/* container for the products grid */
table.productsGrid {border: 3px solid #FFFFFF;}
.featuredProductContainer {	 border:solid 1px #e4e4e4; }

/* cell that contains the product thumbnail */
td.thumbnail{
    border-right:0; text-align:center; height:151px;
    padding-left:6px; padding-right:6px; width: 35%; vertical-align:middle;}

td.details .highlight{ height:20px;}
td.details .detailsInnerPara { height:90px; }
td.details div{ padding: 3px 3px 3px 0;}

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

/* style for separators in the grid */
.rowSeparator{padding-top: 3px; }
.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 
{ 
	margin: 0 0 9px 0;
	padding: 0;
	background: #546FC8 url(images/section_header_bg1.gif) repeat-x 0px 0px;
	
}

/* product page header caption */
div.pageHeader H1
{
	font-size: 12px; 
	color: #000000;
	padding: 0;
	margin: 0;
	font-weight:bold;
	line-height:27px;
	text-indent:12px;
	border:solid 1px #e6e6e6;
}

/* 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:#FFFFFF;
	border:solid 1px black;
	font-size:12px;
	font-weight:bold;
	padding:4px;
	margin:2px 0px 4px 0px;
}

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

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

/* container for the search filter controls */
.searchFilterPanel { }

/* 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:#FFFFFF;
	/*border-bottom-style:groove;
	border-bottom-color:#6984AD;*/
	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;
}

#rightSidebarPanel .searchFilterHeader
{
	background:url(images/section_header_bg2.gif) no-repeat right;
	height: 40px;
	margin: 0px 0px 2px 0px;
	padding: 0
}

#rightSidebarPanel .searchFilterHeader h2
{
	float:left;
	width: auto;
	font-size: 12px; 
	font-weight:bold;
	padding:0;
	line-height:40px;
	margin: 0;
	color: #000000;
	background: url(images/header_IconsRightSide.gif) no-repeat 0px 0px;
}

#leftSidebarPanel .searchFilterHeader
{
	margin: 0;
	padding: 0;
	height:40px;
	background: url(images/section_header_bg1.gif) no-repeat right;
}

#leftSidebarPanel .searchFilterHeader h2
{
	color: #FFFFFF;
	text-indent:30px;
	font-size: 12px; 
	margin: 0 0 0 0;
	line-height:40px;
	height:40px;
	background: url(images/header_icons.gif) no-repeat left;
}

/* 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; background: url(images/hor_back_dark.gif) repeat-x bottom left; margin: 3px 5px; text-indent: 0px; padding: 0 3px 0 10px; color:#000000;}
a.searchCriteria:hover { color:#575757; }

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

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

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

/* styling for span tag (text) within the search sort header */
.searchSortHeader span
{
	font-weight:bold;
}

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


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

#miniBasketMainBox {
	padding : 0px;
	font-size : 11px;
	position:relative;
	width: 100%;
}

#miniBasketMainBox div { }

.miniBasketItemBox {
	padding : 3px 16px 3px 14px;
	float:left;
	position:relative;
	width:173px;
}

.miniBasketIconBox {width:35%; float:left;}
.miniBasketItemTitleBox {float: none; position:inherit;}
.miniBasketItemTitleNoIconBox {padding-left:5px;}

.miniBasketItemTitle {font-size: 12px;}
.miniBasketItemTitle a{font-size: 12px;	color: #5d5d5d;}
.miniBasketItemTitle a:hover { color:#2191c9; text-decoration:underline; }

.miniBasketSubItemTitle {font-size: 10px; padding: 0 0 0 4px; text-indent:0px; margin:  30px 5px 0 10px; clear:both;}
.miniBasketSubItemTitle li {
	font-size: 9px; list-style-type:none; list-style-image:url('images/miniBasketBullet.gif'); margin: 0 0 0 10px; }

.miniBasketQtyDeleteLine {
	padding : 10px 0;
	background-color : transparent;
	clear: both; 
	font-size:12px;
	color:#5d5d5d;
	text-align:center;
}

.miniBasketQtyDeleteLine a{ border:solid 1px #b5ddf0; color:#2390c9; font-weight:bold; padding:2px 5px; background:#FFFFFF url(images/button_hover2.gif) repeat-x bottom;}
.miniBasketQtyDeleteLine a:hover{ border:solid 1px #6eb7dc; color:#0d74ab;}



.miniBasketQtyInput {
	padding : 2px 5px;
	margin-right : 5px;
	width : 15px;
	text-align:center;
	border :  solid 1px #d4d4d4;
	font-size : 12px;
}

.miniBasketPriceLabel, .miniBasketPrice  {
	font-size : 14px;
	font-weight : bold;
}
.miniBasketPrice {color : red;}

#miniBasketSubTotalBox {
  padding : 3px;
}

#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 : 40%;
	text-align : right;
	border:solid 1px #ededed;
	border-right: 0;
	padding:3px 0 3px 3px;
	background:#f8f9f4;
	margin-left:6px;
}
#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 : 40%;
	float : left;
	border:solid 1px #ededed;
	border-left: 0;
	padding:3px 8px 3px 5px;
	background:#f8f9f4;
	
}

#miniBasketShippingEstimateBox {
  padding : 3px 0 3px 0;
  margin:0;
}

#miniBasketCheckoutButtonBox {
  margin : 2 0 0 0;
  padding : 8px 0;
  text-align:center;  
}

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

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

/* 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
{
	/*background: url(images/page_header.gif) no-repeat left 0px; */
	font-size: 18px; 
	color: #01076C;
	padding: 3px 0;
	margin: 3px 0 6px 0;
	text-indent: 5px;
	border-bottom: 1px solid #536DC5;
}

/* 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;
	/*border: 1px solid #C4C4C4;
	background-color: #E8E8E8;*/
	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*/
table.itemList td { padding:3px 2px; } 
table.itemList td a{color: #304FBA;}

/* 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;
	/*border: 1px solid #FF0000;*/
	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;
	/*border-left: 1px dashed #8698B2;*/
}

/* 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
{
	/*background:#FFFFFF url(images/giftbox3.jpg) no-repeat left top;*/
	/*margin-top:10px;
	margin-left:60px;*/
	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;*/}
/******************************************************************************************/
/* end styles for view row-style of my account page (Members/My Account.aspx)             */
/******************************************************************************************/

a.altoddButton{ border: solid 1px #b6dcef; padding: 1px 5px; background:#FFFFFF url(images/button_bg.gif) repeat-x bottom; color: #2290cb; line-height: 22px;}
a:hover.altoddButton{ border: solid 1px #41a6d8;}

/******************************************************************************************/
/* 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 style */
table.pagedList { min-width:300px; }

/* style common to headers and cells */
table.pagedList td
{
	padding:2px 4px;
}

/* styling for header cells  */
table.pagedList th 
{
	padding: 6px 4px;
	font-weight:bold;
	margin:0px;
	color:black;
	background-color:#dbdada;
}

/* styling for links in header cells  (such as for sorting columns) */
table.pagedList th a
{
	color:black;
	text-decoration:underline;
}

/* hover styling for links in header cells  (such as for sorting columns) */
table.pagedList th a:hover
{
	color: #EE7408;
	text-decoration:underline;
}

/* styling for alternating rows */
table.pagedList tr.oddRow { }
table.pagedList tr.evenRow { background-color: #F5F5F5; }

/* style for the empty result message */
table.pagedList tr.empty td
{
	 width:300px;
	 text-align:center;
	 padding: 10px;
	 font-style:italic;
	 border: solid 1px black;
}


/******************************************************************************************/
/* 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;
	text-align:center
}

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

/* main content panel of the one page checkout form */
.opcMainPanel
{
	width:600px;
	padding-right:10px;
}

/* sidebar panel of the one page checkout form */
.opcSidebar
{
	width:200px;
	background:#FFFFFF;
	border:solid 1px #e6e6e6;
	border-top:none;
}

/* 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:203px; padding: 5px; height:215px; vertical-align:bottom; border:solid 1px #e3e3e3; border-left:0; border-right:0; }
.ProductItemViewOdd { width:203px; padding-bottom:15px; height:215px; vertical-align:bottom; border:solid 1px #e3e3e3; border-left:0; border-right:0;  padding: 5px;}
.ProductItemView div{ padding: 5px; }
.ProductItemViewOdd div { padding: 5px;  }

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

/* Login Message */
.LoginMessage { 
    background:#FFFFFF url(images/CategoryBreadCrumbsEdge.gif) no-repeat left top;
    padding: 5px 0; text-indent: 10px; width: 800px; margin:0pt auto; color:red; }
.LoginMessage a { 
    background:#c7e4ef url(images/checkoutPageHeaderEdgeHover.gif) no-repeat left top; color: #005b94; font-weight: bold;
    padding: 1px 15px;  }
.LoginMessage a:hover { 
    background:#7cc2db url(images/checkoutPageHeaderEdge.gif) no-repeat left top;  color: #FFFFFF; font-weight: bold;}


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

.orderItemsList{ margin-left:12px; padding:0; color:#666666; }

.oneColTopLeftEdge { background: url(images/R4-LeftEdge.gif) no-repeat left top; width:19px; height:19px;}
.oneColTopLine { border-top: solid 1px #dae2e4; background:#FFFFFF;}
.oneColTopRightEdge { background: url(images/R4-RightEdge.gif) no-repeat left top; width:19px; height:19px;}

.oneColTopLeftEdgeBottom { background: url(images/R4-LeftEdgeBottom.gif) no-repeat left bottom; width:19px; height:19px;}
.oneColTopLineBottom { border-bottom: solid 1px #dae2e4; background:#FFFFFF;}
.oneColTopRightEdgeBottom { background: url(images/R4-RightEdgeBottom.gif) no-repeat left bottom; width:19px; height:19px;}

.shippingEstimateCell { padding:10px 20px 0 20px;}


/* close the screen media selector */
}