@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 10px 0 10px;
	margin: 0 0 0 0;
	background:#FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

/* 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: none; color: #304FBA;}
/*a { color:#8C0901; }*/
a:hover { color:#000000; text-decoration:none; }

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

/* default styling for input elements */
input { vertical-align:middle; }

/* 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-color: #5872CB;*/
	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-color: #5872CB;*/
	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 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
{
    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%; }

h2 { font-size:12px; }

h2.sectionHeader
{
	background:#efefef;
	padding: 0 2px;
	border:1px solid #82A0CD;
	margin:0 0 12px 0;
	height:27px;
	line-height:27px;
	font-size:14px;
	color:Black;
	font-weight:bold;
}

.welcomeImage 
{
}
.welcomeText
{
}


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

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

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

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

/* container for the right sidebar content */
#rightSidebarPanel
{
	width: 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
}

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


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

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

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

/* 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: #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
{
	/*background:url(images/header_icon_mid.gif) no-repeat 0 0;*/
	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           -*/
/*---------------------------------------*/

/* 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 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 */
#mainPanel .dialogSection .header h2
{
	/*background-color:#9A9A9A;*/
	color:#FFFFFF;
	margin:0 0 0 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
{
	/*width:99%;*/
	border-left:solid 1px #2B2B5A;
	border-right:solid 1px #2B2B5A;
	background-color:#E3EFFF;
	margin: 0 0 0 0;
	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: 10px auto 0px auto;
	background: #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
}

/* styling attached to the container for the linked logo image */
#storeHeader .logo
{
	margin: 6px 0 0 0;
	padding: 0 0 0 0;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
}

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

/* used for any content besides the logo in the header */
#storeHeader .headerContent
{
	height: 99px;
	margin: 0px;
	white-space:nowrap;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

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

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

/* style for specific shortcuts */
#storeHeader .shortcuts a.basket{background: url(images/cart-s.png) no-repeat 50% top; text-align: center;}
#storeHeader .shortcuts a.acct{background: url(images/account-s.png) no-repeat 50% top; text-align: center;}
#storeHeader .shortcuts a.admin{background: url(images/admin_icon.gif) no-repeat 50% top; text-align: center;}
#storeHeader .shortcuts a.wishlist{background: url(images/list-s.png) no-repeat 50% top; text-align: center;}
#storeHeader .shortcuts a.login{background: url(images/login-s.png) no-repeat 50% top; text-align: center;}

/* style for the search container */
#storeHeader .search 
{
	height:25px;
	margin-right:2px;
	padding-right:5px;
}

/* style for search text box within the search area */
#storeHeader .search input.searchPhrase 
{
	color: #000000;
	background:#FFFFFF;
	border: solid 1px #5F78CD;
	width: 145px;
	margin: 0px 2px 0px 0px;
}

/* style for the search button */
.searchButton
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	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, Helvetica, sans-serif;
	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;
	/*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
{
	background-color: #E3EFFF; 
	border: 1px solid #2B2B5A;
	width:100%;
	text-align:left;
	height:24px;
}

/* 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/blueDots.gif) no-repeat 0 50%;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	/*display: block;*/
	width: auto;
	padding: 9px 15px 8px 20px;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #2B2B5A;
	text-decoration: none;
	text-align: center;
	line-height:24px;
	/*border-right: 1px solid #7E6401;*/
}

/* styling for tab links in the navigation bar content */
#storeHeader .navigation a:hover
{
	/*background: #EEC706;*/
	color: #FFFFFF;
}

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

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

/* container for the store footer */
#footer
{
	/*width: 99%;*/
	/*border:3px solid #FFFFFF;*/
	height: 79px;
	background-color:#FFFFFF;
	color: #44589E;
	margin:0 auto;
	
}

/* paragraph within the store footer */
#footer p
{
	padding: 30px 0 0 0;
	/*text-align: center;*/
	color: #000000;
}

/* link within paragraph in the store footer */
#footer p a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#44589E;
	text-decoration:none;
	font-weight:bold;
	padding: 0 5px;
	border-left: 1px solid #FFFFFF;
	/*text-align:center;*/
}

/* 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: 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
{
	margin-bottom:9px;
	/*background: #5A73CC url(images/section_header_bg.jpg) repeat-x;*/
	background: url(images/section_header_bg1.gif) repeat-x;
	height: 29px;
	line-height:29px;
}

/* standard page header caption */
div.pageHeader H1
{
	background:url(images/header_icon_mid.gif) no-repeat 0 0;
	color: #FFFFFF;
	padding: 3px 3px;
	margin: 3px 3px;
	text-indent: 5px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-indent:27px;
	line-height:29px;
	margin:0 0 4px 0;
	padding:0 0 5px 0;
}


/* 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
{
	/*background: url(images/bullet1.gif) no-repeat 3px 5px;*/
	margin:0 0 0 0;
	padding:0 0 0 0 ;
	border-bottom: 1px solid #80A1CF;
	background-color: #E3EFFF;
	/*padding: 0 0 0 15px ;
	border-bottom: solid 1px #DCDCDC;
	color:#8C0901;
	background: url(images/bullet1.gif) no-repeat 0px 5px;
	background: url(images/bullet2.gif) no-repeat 0px 5px;*/
}

/* link within the category list item */
ul.category li a
{
	display: block;
	background: ;
	/*height:29px;*/
	padding: 8px 0 8px 20px;
	/*vertical-align:middle;
	height: 28px;*/
	color: #003274;
	line-height:20px;
}

/* link within the category list item (hover) */
ul.category li a:hover {padding: 8px 0 8px 20px; background: ; color:#777777; font-weight:bold; /* 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 { }

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

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

/* cell that contains the product thumbnail */
td.thumbnail
{
	padding:2px;
	/* border:solid 1px #C4C4C4; */
	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 
{ 
	margin: 0 0 9px 0;
	padding: 0 0 0 0;
	background: #546FC8 url(images/section_header_bg1.gif) repeat-x 0px 0px;
	
}

/* product page header caption */
div.pageHeader H1
{
	background: url(images/header_icon_mid.gif) no-repeat 3px 0;
	font-size: 12px; 
	color: #FFFFFF;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-weight:bold;
	line-height:27px;
	text-indent:37px;
	/*border-bottom: 1px solid #D0D0D0;*/
}

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

/* 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: url(images/section_header_bg.gif) repeat-x;
	height:29px;
	line-height:24px;
	padding: 0 5px 0 4px;
	margin:0px;
	color:#FFFFFF;
}

/* 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 {
	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;
}
/*.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:#FFFFFF;
	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)             */
/******************************************************************************************/


/******************************************************************************************/
/* 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:#efefef;
	border:solid 1px #92A7EC;
	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: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                                                       */
/******************************************************************************************/

/* close the screen media selector */
}