/* KS added 03/11/11 */
div.waitStyle 
{
	border: 5px solid #0097D7;
    visibility: hidden;
	position:absolute;
	background:#FFFFFF; 
	background-color:#FFFFFF;
	/*
	top:40%; 
	left:30%; 
	*/
	z-index:9999;
	font-family:Verdana;
}

/* KS added 03/11/11 */
div.dimmerStyle
{
    visibility: hidden;
    position:absolute;
    left:0px;
    top:0px;
    font-family:verdana;
    font-weight:bold;
    padding:40px;
    z-index:9998;
    background-image:url(~/dbfile.axd?name=100x100gray30.png);
    /* ieWin only stuff */
        /* with this trick only IE
           manage the following 2 attributes */
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
        (enabled=true, sizingMethod=scale src='~/dbfile.axd?name=100x100gray30.png');
}

/* KS added 03/11/11 */
div.marqueestyle
{
    z-index:10000;
   /*    
background-image:url(~/dbfile.axd?name=100x100gray30.png);
*/
 border:0px solid red;position:absolute;height:35px;width:100px;left:0px;top:0px;white-space:nowrap;
 /*background-color:Yellow;*/
}


html {
    margin: 0px; 
    padding: 0px 0px 0px 5px; 
}

body {
	margin: 0px; 
	padding: 0px;
	color: #000000;
	background-color:silver; /* TODO THIS NEEDS TO BE IN COLOR SELECT AND CONFIG FILE TO MATCH BUTTON BG */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div.content {
	background-color:#FAFAFA;
	/*background-color:#faf9ef;*/
    width:1010px;
    padding:5px 5px 5px 5px;
    margin:0pt auto; 
}

/* basic selectors */
a:link, a:visited { 
    color:#003399;  
    text-decoration: none;
}

a:active, a:hover { 
    color: #CC6600;  
    text-decoration: underline;
    cursor: pointer;
}

th {
    vertical-align:top;
}

td {
    vertical-align:top;
}

h1 {
	font: bold 130% Verdana, Arial, Helvetica, sans-serif;
	color:#5B626C;
	margin-top:10px;
	margin-bottom:10px;
}

h2 {
	font: bold 120% Verdana, Arial, Helvetica, sans-serif;
	color:#5B626C;
	margin-top:10px;
	margin-bottom:10px;
}

h3 {
	font: bold 110% Verdana, Arial, Helvetica, sans-serif;
	color:#5B626C;
	margin-top:10px;
	margin-bottom:10px;
}

h4 {
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color:#5B626C;
	margin-top:10px;
	margin-bottom:10px;
}

img { 
    border: 0px; 
}

hr { 
    color: #CCCCCC; 
    height: 1px; 
}

hr.light { 
    color: #CCCCCC; 
    height: 1px; 
    border-style:dashed;   
}

form { 
    margin: 0px; 
    padding: 0px; 
}

input, textarea, select { 
    font: 100% Verdana, Arial, Helvetica, sans-serif; 
}

fieldset {
    border:1px solid #BBBBBB;
    padding:10px 10px 10px;
    margin-top: 4px;
}

legend {
    font-weight:bold;
}

fieldset div {
    padding-top:5px;
}


/*
table.mainContent {
   width:100%;
   position:relative;
   left:0px;
   top:-60px;   /* -160 for firefox, -280 for others */
}
*/


.leftColumn {
    padding-top:10px;
}

.centerColumn {
    padding-top:10px;
    padding-left: 10px;
    padding-right: 10px;
}

.rightColumn {
    padding-top:10px;
}

.logincell {
    vertical-align:middle;
    text-align:center;
    width:50%;
}
 
/* styles for top login/cart menu */


div.uppermenu 
{ 
	position: relative; 
	top:10px;   
	left:400px; 
	z-index:100;
    font-size:7pt;  
    padding-bottom:10px;
}

/*
div.uppermenu 
{ 
	position: absolute;
	top:10px;   
	right: 10px;
	z-index:100;
    font-size:7pt;  
}
*/

div.uppermenu ul {
    list-style: none; 
    padding: 0px; 
    margin: 0px; 
}

div.uppermenu li {
    padding: 0px; 
    margin: 0px; 
    display: inline; 
    border-left: solid 1px #000000; 
}

div.uppermenu li.first { 
    border-left: none; 
}

div.uppermenu li.empty { 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
}


div.uppermenu li.cart  
{
    /*
	padding: 0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
    display:block;
    border-left: none; 
    */
    border-left: none; 
    font-size:8pt;  
    clear:both;
	position:absolute; 
	top:97px;   
	left:0px; 
}

div.uppermenu li a:link, div.uppermenu li a:visited { 
    margin: 0px 2px 0px 2px;
	padding: 0px 2px 0px 2px; 
	text-decoration: none; 
}

div.uppermenu li a:active, div.uppermenu li a:hover {
    text-decoration: underline;
}

/* STYLES FOR STANDARD TAB STYLE BAR

div.mainmenu div.tab a:link, div.mainmenu div.tab a:visited { 
	background: url('~/dyimage.axd?type=boxHeader&width=114&height=27') no-repeat;
	float: left;
	margin-left: 1px;
	width: 116px;
	height: 27px;
	color: #5B626C; 
	font-weight: bold;
	text-decoration: none; 
	text-align: center;
}

div.mainmenu div.tab a span {
    display:block;
    padding-top: 6px;
}

div.mainmenu div.tab a:active, div.mainmenu div.tab a:hover, div.mainmenu div.tab a.selected{
	background: url('~/dyimage.axd?type=boxHeader&subtype=highlight&width=114&height=27&gradient=False') no-repeat;
	color: #000000; 
}

*/

/* STYLES FOR TELERIK BUTTON STYLE BAR */

div.mainmenu 
{
   position:relative;
   left:0px;
   top:0px;
   vertical-align:bottom;
   background-position:bottom; 
   height:30px;
   /*background: url('~/dyimage.axd?type=bar&width=1&height=60');*/
   width:970px; /* 727px for 6 and 970 for 8 buttons */
   padding-right:0px;
   border:solid 0px gray;
}

div.mainmenu div.tab 
{
    position:relative;
    top:0px;
	height: 30px;
    line-height:30px;
	text-align: center;
	display:inline;
}

div.mainmenu div.tab a:link, div.mainmenu div.tab a:visited 
{ 
      background: url('~/dyimage.axd?type=button&cornersize=0&width=120&height=30&color=%2358B0F0&backcolor=%23080B72')  no-repeat;
      /*background: url('~/dyimage.axd?type=boxHeader&width=120&height=30&cornersize=0') no-repeat; */
      float: left;
      margin-right: 1px;
      width: 120px;
      height: 30px;
      color: #FFFFFA; 
      font-weight: bold;
      text-decoration: none; 
      text-align: center;
}
 
div.mainmenu div.tab a:active, div.mainmenu div.tab a.selected
{
      background: url('~/dyimage.axd?type=bar&cornersize=0&width=120&height=30&color=%23080B72&backcolor=%2358B0F0')  no-repeat;
      /*background: url('~/dyimage.axd?type=boxHeader&subtype=highlight&width=120&height=30&cornersize=0&gradient=False') no-repeat; */
      color: #FFFFFA; 
}
 
div.mainmenu div.tab a:hover 
{
      background: url('~/dyimage.axd?type=bar&cornersize=0&width=120&height=30&color=%2358B0F0&backcolor=%23080B72')  no-repeat;
      /*background: url('~/dyimage.axd?type=boxHeader&subtype=highlight&width=120&height=30&cornersize=0') no-repeat;*/
      color: #FFFFFA;  
}


.searchProductsPanel
{
   position:relative;
   float:right;
   left:-390px;
   top:-180px;
   width:240px;
}

.searchLabel
{
    color:Silver;
   position:relative;
   left:0px;
   top:0px;
    width:200px;
    text-align:left;
}

.searchProducts 
{
    width:245px;
    text-align:left;
}

.searchBar {
    background: url('~/dyimage.axd?type=boxHeader&width=1&height=30&cornersize=0') repeat;
    vertical-align: middle; 
    padding-left:10px;
    border-right: solid 1px #BBBBBB;
}
 
.searchShell {
    background:transparent url('~/images/searchBoxBg.gif') no-repeat scroll 0;
	height: 37px;
}
 
.searchInputBox {
    height:13px;
    line-height:12px;
    margin-left:10px;
    padding:0;
    vertical-align:middle;
    width:150px;
    border:0 none;
}
 
.searchButton {
    background:white none repeat scroll 0 0;
    cursor:pointer;
    height:22px;
    vertical-align:middle;
    width:23px;
    border:0 none;
}

/* TELERIK END */

/* SIDE MENU same style as main menu */

div.sidemenu 
{
	 /*background: url('~/dyimage.axd?type=bar&width=1&height=67');
    /*padding-top:30px;
    vertical-align:top;
	background-position:top; */
}

div.sidemenu div.tab 
{
	height: 27px;
	text-align: center;
	display:inline;
   	line-height:27px;
}

div.sidemenu div.tab a:link, div.sidemenu div.tab a:visited { 
      background: url('~/dyimage.axd?type=boxHeader&width=120&height=30&cornersize=0') no-repeat;
      float: left;
      margin-bottom: 1px;
      width: 120px;
      height: 30px;
      color:  #5B626C; 
      font-weight: bold;
      text-decoration: none; 
      text-align: center;
}
 
div.sidemenu div.tab a:active, div.sidemenu div.tab a.selected{
      background: url('~/dyimage.axd?type=boxHeader&subtype=highlight&width=120&height=30&cornersize=0&gradient=False') no-repeat;
      color:  #000000; 
}
 
div.sidemenu div.tab a:hover {
      background: url('~/dyimage.axd?type=boxHeader&subtype=highlight&width=120&height=30&cornersize=0') no-repeat;
      color:  #000000; 
}

/* side menu end */

div.bar { /* styles for horizontal top bar */
	/*background: url('~/dyimage.axd?type=bar&width=1&height=37');*/
	height: 37px;
	font-size: 110%;
}

div.bar div {
	padding:  7px 20px 3px 20px;
}

div.sectionbar {
    padding:  3px 20px 3px 20px;
	background: #E5E5E5;
	font-size: 110%;
}

div.sectionheader {
    font-weight:bold;
	background: #E5E5E5;
	font-size: 110%;
	margin-top:10px;
	padding: 4px 2px 4px 2px;
}

div.sectionheaderfeatured {
    font-weight:bold;
	background: #E5E5E5;
	font-size: 110%;
	margin-top:10px;
	padding: 4px 2px 4px 2px;
	margin-right:25px;
}

div.notice {
    font-weight:bold;
}

td.FormSectionTextNoWidth {
    text-align:right;
    padding-right:2px;
}

td.FormSectionText {
    width:150px;
    text-align:right;
    padding-right:2px;
}

td.FormSectionValue {
    text-align:left;
    padding-left:2px;
}


.error {
    color:Red;
    font-weight:bold;
}

.success {
    color:#003399;
    font-weight:bold;
}

.negative {
    color:Red;
}

.highlightHeader {
    color: #E97D0A;
}

.actionPanel {
    float:right;
}



.HookLine {
    font-size: larger;
    font-style: italic;
}

.loadingbox{
    position:absolute;
    top:40%;
    left:40%;
    border:1px solid lightsteelblue; 
    height:50px; 
    width:250px;
    text-align:center;
    padding-top:20px
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#FAFAFA;
    border:1px solid #BBBBBB;
    padding-bottom:10px;
}

div.title {
    color: #000000;
    background-color:#FAFAFA;
    border-bottom:1px solid #BBBBBB;
    font-weight:bold;
    padding: 4px 10px;
    text-align:center;
    cursor: move;
}

div.body {
    padding:10px;
}

div.buttons {
    margin-right:10px;
    margin-top:4px;
    text-align:right;
}

.Hidden {
    display:none;
}

.ProductEditOverflow {
    height:500px;
    width:850px;
    overflow:scroll;
}

.sectionoutline {
    border:1px solid #CCCCCC;
    padding:10px;
}

.sectionHeader {
    font-weight:bold;
    color: #000000;
    background-color:#FAFAFA;
    text-align:center;
}


/*Hover Menu*/
.popupMenu {
	position:absolute;
	visibility:hidden;
}

.popupHover {
    border:1px dashed #CCCCCC; 
    background-color:#E5E5E5; 
}

.coreboxtop {
   background-image:url('dyimage.axd?type=boxHeader&subtype=highlight&width=182&height=20&cornersize=20&color=%23FAFAFA&backcolor=%23F0F0F0&bordercolor=%23F0F0F0&notopborder=true');
   height:20px;
   width:182px;

}

.coreboxbottom {
    background-image:url('dyimage.axd?type=reverseBoxHeader&subtype=highlight&width=182&height=20&cornersize=20&color=%23FAFAFA&backcolor=%23F0F0F0&bordercolor=%23F0F0F0&nobottomborder=true');
    width:182px;
    height:20px;
}

.coreboxbody {
    background-image:url('dyimage.axd?type=boxHeader&subtype=highlight&width=180&color=%23F0F0F0&backcolor=%23F0F0F0&height=10&cornersize=0&bordercolor=%23F0F0F0');
    width:160px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
    border-left:1px solid #F0F0F0;
    border-right:1px solid #F0F0F0;
}

.coreboxtopcart {
   background-image:url('dyimage.axd?type=boxHeader&subtype=highlight&width=196&height=20&cornersize=20&color=%23FAFAFA&backcolor=%23F0F0F0&bordercolor=%23F0F0F0&notopborder=true');
   /*background-image:url('dyimage.axd?type=boxHeader&subtype=highlight&width=196&height=20&cornersize=20&color=%23888888&backcolor=%23BBBBBB&bordercolor=%23BBBBBB');*/
   height:20px;
   width:196px;
}

.coreboxbottomcart {
    background-image:url('dyimage.axd?type=reverseBoxHeader&subtype=highlight&width=196&height=20&cornersize=20&color=%23FAFAFA&backcolor=%23F0F0F0&bordercolor=%23F0F0F0&nobottomborder=true');
    /*background-image:url('dyimage.axd?type=reverseBoxHeader&subtype=highlight&width=196&height=20&cornersize=20&color=%23888888&backcolor=%23BBBBBB&bordercolor=%23BBBBBB');*/
    width:196px;
    height:20px;
}

/* KS modified to be slightly wider (from 160px) and to specify height so can hold 3 items before vert scrollbar appears */
.coreboxbodycart {
    background-image:url('dyimage.axd?type=boxHeader&subtype=highlight&width=196&color=%23F0F0F0&backcolor=%23F0F0F0&height=10&cornersize=0&bordercolor=%23F0F0F0');
    /*background-image:url('dyimage.axd?type=boxHeader&subtype=highlight&width=196&color=%23BBBBBB&backcolor=%23BBBBBB&height=10&cornersize=0&bordercolor=%23BBBBBB');*/
    width:176px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
    overflow:scroll;
    max-height :480px;
}

div.block {
    color: #000000; 
    margin-bottom:15px;
}

div.blockHeader { 
    text-align:center;
	font-weight: bold;
    color: #AD1B1B; 
}

div.blockHeader a { 
	text-decoration: none; 
}

div.blockContent { 
    color: #000000; 
    border-color:#FAFAFA;
    border-width:1px;
    border-style:solid;
    padding: 2px 2px 2px 2px;
}

.defaultMenu {
    padding-bottom: 2px;
}

.defaultMenu div a span { 
    display:block; 
    padding:7px 10px 7px 10px; 
    font-weight: normal; 
    text-decoration: none;
}

.defaultMenu div a:hover span, .defaultMenu div a.selected span { 
    color:#000000; 
    background-color:#FAFAFA;  
    text-decoration: underline;  
}

.defaultMenu div a span.last {
    border-bottom:0px;
}

/* CATEGORY STYLES ARE IN ~/CUSTOM/*.CSS FILES */

a.bar {
    text-decoration: none;
}

a.bar:hover {
    text-decoration: underline;
}

a.bar span {
    display:block; 
    font-weight:bold;
    padding: 8px 2px 8px 4px; 
}

a.bar:hover span {
    text-decoration: underline;  
    color:#000000; 
    background-color:#FAFAFA;  
}

a.bar span.ProductCount {
    font-size:10px;
    color:#5B626C;
    display:inline; 
    font-weight:normal;
    padding-top:0px;
}

a.selectedBar span {
    text-decoration: underline;  
    color:#000000; 
    background-color:#FAFAFA;  
}

a.lastBar span {
    border-bottom:0px;
}

div.footer {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
}

div.ProductResultBar {
    margin-top: 4px;
    padding: 4px 4px 4px 4px;
    border-color:#BBBBBB;
    border-style:solid;
    border-width:1px;
margin-right: 10px;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    display: block;
    background-repeat: no-repeat;
    float: left;
}

.filledRatingStar {
    background-image: url('~/dbfile.axd?name=FilledStar.png');

}

.emptyRatingStar {
    background-image: url('~/dbfile.axd?name=EmptyStar.png');
}

.savedRatingStar {
    background-image: url('~/dbfile.axd?name=SavedStar.png');
}

.sign {
    display:inline-block;
    width:10px;
}

.alternatingrowstyle{
    background-color:#F0F0F0;
}

.headerstyle{
    background-color:#E5E5E5;
    height:23px;
}

.headerstyle th {
    border:1px solid #BBBBBB;
    padding-left:5px;
    /*text-align:left;*/
    vertical-align:middle;
}  
.headerstyle a {
    color:#5B626C;
}

.sortalternatingrowstyle{
    background-color:#E5E5E5
}
.sortrowstyle{
    background-color:#F0F0F0
}
.sortascheaderstyle{
    background:#FAFAFA url(../../Images/sort_asc.gif) no-repeat scroll right center;
    padding-left:5px;
}
.sortdescheaderstyle{
    background:#FAFAFA url(../../Images/sort_desc.gif) no-repeat scroll right center;
    padding-left:5px;
}   

.pagerstyle{
    color:#5B626C;
    background-color:#E5E5E5;
    font-size:small;
    text-align:right;
} 

.previous{
    background:transparent url(../../Images/previous.gif) no-repeat scroll center;
    height:20px;
    width:30px;
    margin: 0px 4px 0px 4px;
}

.next{
    background:transparent url(../../Images/next.gif) no-repeat scroll center;
    height:20px;
    width:30px;
    margin: 0px 4px 0px 4px;
}  

.gotopage{
    width:20px;
}

table.gridViewTable {
    border: solid 1px #BBBBBB;
    border-collapse:collapse;
}

table.gridViewTable th {
    background-color:#E5E5E5;
    border:solid 1px #BBBBBB;
    height:23px;
    /*text-align:center;*/
    vertical-align:middle;
    padding: 2px 2px 2px 2px;
}

table.gridViewTable td {
    padding: 2px 2px 2px 2px;
}

.wizardSideBarItem {
    padding-left:16px;
    height:16px;
}

.wizardSideBarSelectedItem {
    background-image:url('~/dbfile.axd?name=wizardSideBarSelected.png');
    padding-left:16px;
    font-weight:bold;
    height:16px;
}

/* ajax__tab_xp-theme theme */
.ajax__tab_xp-theme .ajax__tab_header {
    color: #000000;
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    background:url(../../Images/tab_themes/xp/tab-line.gif) repeat-x bottom;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_outer {
    padding-right:4px;
    background:url(../../Images/tab_themes/xp/tab-right.gif) no-repeat right;
    height:21px;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner {
    padding-left:3px;
    background:url(../../Images/tab_themes/xp/tab-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab {
    height:13px;
    padding:4px;
    margin:0;
    background:url(../../Images/tab_themes/xp/tab.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_outer {
    background:url(../../Images/tab_themes/xp/tab-hover-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_inner {
    background:url(../../Images/tab_themes/xp/tab-hover-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_tab {
    background:url(../../Images/tab_themes/xp/tab-hover.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_outer {
    background:url(../../Images/tab_themes/xp/tab-active-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_inner {
    background:url(../../Images/tab_themes/xp/tab-active-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_tab {
    background:url(../../Images/tab_themes/xp/tab-active.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_body {
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border:1px solid #BBBBBB;
    border-top:0;
    padding:8px;
    background-color:#FAFAFA;
}

/* ajax__tab_yuitabview-theme theme (../../Images/tab_themes/yui/sprite.png) */
.ajax__tab_yuitabview-theme .ajax__tab_header {
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer {
    margin:0px 0.16em -1px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab {
    background:url(../../Images/tab_themes/yui/sprite.png) #d8d8d8 repeat-x;
    border: solid 1px #a3a3a3;
    border-bottom-width:0px;
    color:#000;
    display:block;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_tab {
    background: url(../../Images/tab_themes/yui/sprite.png) #bfdaff repeat-x left -1300px;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab {
    background:url(../../Images/tab_themes/yui/sprite.png) #2647a0 repeat-x left -1400px;
    border-color:#243356;
    color:#fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_body {
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#FAFAFA;    
    border:solid 1px #808080;
    border-top:solid 5px #2647a0;
}

.BlockHeaderPanel {
    text-align:center;
	padding: 2px 2px 2px 2px;
	font-size: 12px;
	font-weight:bold;
}

.ContextMenuPanel {
	border: 1px solid #868686;
	z-index: 200;
	background: #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}

a.ContextMenuItem {
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItem:hover {
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}

.groupHeader {
	color:#5B626C;
    font-size: 1.5em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.groupTitle {
    width: 100%;
    font-size: 1.5em;
    margin-top: 0.25em;
}
.groupTitle a {
    text-decoration: none;
}

.groupSecondTitle {
    width: 100%;
    font-size: 1.35em;
    border-bottom: solid 1px #CCCCCC;
    margin-bottom: 0.2em;
}

.groupSecond {
    margin-bottom: 2em;
}

.groupSecondTitle a {
    text-decoration: none;
}

.groupList {
    margin-left: 1.25em;
    margin-top: 0;
    margin-bottom: 0;
}

.forumGroup {
    margin-bottom: 2em;
}

.forumGroup a {
    text-decoration: none;
    font-weight:bold;
}

.forumGroup a:hover {
    text-decoration: underline;
}

.forumGroupTitle {
    width: 100%;
    height:36px;
    background: url('~/dyimage.axd?type=boxHeader&subtype=highlight&width=1&height=36&cornersize=0');
    font-size: 1.35em;
}

table.forumTable {
    width: 100%;
    border: solid 1px #FAFAFA;
    border-collapse:collapse;
}

table.forumTable th {
    background-color:#F0F0F0;
    color: #000000;
    border:solid 1px #FAFAFA;
    height:23px;
    text-align:center;
    vertical-align:middle;
}

table.forumTable td {
    border:solid 1px #FAFAFA;
    padding: 10px;
}

table.forumTable tr.alt {
    background-color:#F0F0F0;
}

.forumTitle {
    width: 100%;
    font-size: 1.35em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.newThread {
    width:100%;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.forumThreadTitle {
    width: 100%;
    font-size: 1.35em;
    font-weight:bold;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.forumThreadTitle a {
    text-decoration: none;
}

.forumThreadTitle a:hover {
    text-decoration: underline;
}

.forumThreadInfo {
    font-size: 0.85em;
}

table.forumPost {
    width: 100%;
    border: solid 1px #FAFAFA;
    border-collapse:collapse;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align:left;
}

table.forumPost th {
    border:solid 1px #FAFAFA;
    background: url('~/dyimage.axd?type=boxHeader&subtype=highlight&width=1&height=30&cornersize=0');
    height:30px;
    vertical-align:middle;
    padding-left: 20px;
}

table.forumTable td {
    border:solid 1px #FAFAFA;
    padding: 10px;
}

.forumAuthorStatus {
    padding: 10px;
    font-size: 90%;
}

.forumPostTitle {
    border:solid 1px #FAFAFA;
    background-color:#F0F0F0;
    color: #000000;
    font-size: 1.25em;
    font-weight:bold;
    padding: 10px;
}

.forumPostContent {
    width:800px;
    border:solid 1px #FAFAFA;
    padding: 10px;
}

.forumPostContent pre {
    word-wrap: break-word;                  /* Internet Explorer 5.5+ */
    white-space: pre-wrap;                  /* css-3 */
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;                 /* Opera 4-6 */
    white-space: -o-pre-wrap;               /* Opera 7 */
}

.forumSignature {
    font-size: 0.9em;
    border-top: solid 1px #CCCCCC;
    margin-top: 0.2em;
    padding-top: 0.2em;
}

.forumStatisticsTitle {
    width: 100%;
    font-weight:bold;
    border-bottom: solid 1px #CCCCCC;
    margin-bottom: 0.2em;
}

.forumStatisticsContent {
}

.forumStatisticsContent span.forumStatisticsCount {
    font-weight:bold;
}

.article {
    margin-top: 1em;
    margin-bottom: 2em;
}

.articleTitle {
    width: 100%;
    border-bottom: solid 1px #CCCCCC;
    font-size: 1.85em;
    margin-bottom: 0.2em;
    padding-bottom: 0.2em;
}
.articleTitle a {
    text-decoration: none;
}

.commentTitle {
    width: 100%;
    border-top: solid 1px #CCCCCC;
    font-size: 1.25em;
    margin-top: 0.5em;
    padding-top: 0.5em;
}

.commentTitle a {
    text-decoration: none;
}

.articleInfo {
    width: 100%;
    font-size: 0.85em;
    font-weight:bold;
}

.articleInfo a {
    text-decoration: none;
    font-size: 1.2em;
}

.articleInfo span.DateTime {
    color: #5B626C;
    font-weight:normal;
}

.articleConent {
}

.articleLink {
    text-align:right;
}

.articleLink a {
    text-decoration: none;
    font-weight:bold;
}

.articleListBlockarticle {
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.articleListBlockarticleTitle {
    width: 100%;
    border-bottom: solid 1px #CCCCCC;
    font-size: 1.25em;
    font-weight:bold;
    margin-bottom: 0.2em;
}

.articleListBlockarticleTitle a {
    text-decoration: none;
}

.articleListBlockarticleInfo {
    width: 100%;
    font-size: 0.85em;
    font-weight:bold;
}

.articleListBlockarticleInfo a {
    text-decoration: none;
    font-size: 1.15em;
}

.articleListBlockarticleInfo span.DateTime {
    color: #5B626C;
    font-weight:normal;
}

.pager {
    text-align:right;
    padding-top:4px;
    padding-bottom:4px;
}

.pager a {
    text-decoration: none;
}

.notification {
    width:100%;
    margin-top:10px;
    text-align:right;
}

.notification td.item {
    width: 20px;
    vertical-align:middle;
}

.resizeHandle {
	width:16px;
	height:16px;
	background-image:url(images/HandleGrip.png);
	overflow:hidden;
	cursor:se-resize;
}

.resizeText {
	padding:0px;
	border-style:solid;
	border-width:3px;
	border-color:#7391BA;
}


.rssViewerTitle {
    width: 100%;
    border-bottom: solid 1px #CCCCCC;
    margin-top:1em;
    margin-bottom: 0.2em;
    font-weight:bold;
}

.rssViewerTitle a {
    text-decoration: none;
}

.rssViewerDateTime  {
    color: #BBBBBB;
    font-weight:normal;
    margin-bottom: 0.2em;
}

.contentGroupList {
    font-weight:bold;
    padding: 4px;
}

.contentGroupListCount {
    font-weight:normal;
}

.articleArchive {
    font-weight:bold;
    padding: 4px;
}

.articleArchiveCount {
    font-weight:normal;
}

table.checkout {
    width:100%;
}

table.checkout td {
    padding-left:6px;
    padding-right:6px;
    padding-bottom:6px;
}

div.switchCheckout {
    padding-left:8px;
}

.dropdown {
    position: relative;
}

.dropdown .popup { 
    width: 200px; /* was 120 */
    display: none;
    position:absolute;
    top: 12px;
    right: 0px;
    border: solid 1px #868686;
    background: #FAFAFA;
}

.dropdown .popup a {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    display: block;
    white-space: nowrap;
    padding: 4px 18px 4px 10px;
    text-decoration: none;
}

.dropdown .popup a:hover {
    background: #ffe6a0;
    border: solid 1px #d2b47a;
    color: #003399;
}

.dropdown .popup .menuitem a {
z-index:500;
}

.blockEditor {
    border: solid 1px #ad9090;
}

.blockEditorHeader {
    padding: 2px 4px 2px 6px;
    font-weight: bold;
    font-size: 11px;
    background: #e0d1d1;
    border-bottom: solid 2px #ad9090;
    height: 14px;
    position:relative;
}

.blockEditorHeaderTitle {
    height: 14px;
    float:left;
    overflow: hidden;
}

.blockEditorHeaderMenuDiv {
    position:absolute;
    top: 2px;
    right:2px;
    z-index:500;
}

.blockEditorHeaderButton {
    padding-top: 1px;
    float:right;
    margin-right: 2px;
    cursor: pointer;
}

.sortableList {
    padding-left: 10px;
}

.sortableList div {
    margin: 2px;
    padding-left: 10px;
    padding-top: 2px;
    background: url('~/dyimage.axd?type=button&cornersize=8&height=28&color=%2392938E&textcolor=%23FFFFFF&backcolor=%2309070A&width=385') no-repeat;
    height:28px;
    width:390px;
    color: #FFFFFF;
    font-weight:bold;
    cursor: move;
}

.sortableList span {
    display:inline-block;
}

.upline {
    border-top: dashed 2px blue;
    padding-top: 2px;
}

.underline {
    border-bottom: dashed 2px blue;
    padding-bottom: 2px;
}

.movable {
    cursor: move;
}

.collapsiblePanelHeader {
    cursor: pointer;
    font-weight: bold;
    padding:5px; 
    vertical-align: middle;
}

.collapsiblePanel {
    margin-top: 2px;
}

a.tagCloud {
    text-decoration: none; 
}

.recentComment {
    padding: 2px 2px 8px 2px;
}

.recentComment a {
    text-decoration: none; 
}

.recentComment span.commentAuthor {
    font-weight:bold;    
}

.recentComment .articleLink {
    font-weight:bold;
    text-align:left;
}

.ourpricedetail {
    position:relative;
    top:0px;
    left:0px;
	font-weight: bold;
	font-size: 10pt;
	color: #b22222;
	font-family: verdana;
    text-align:left;
    height:12px;
}

.retailpricedetail {
   position:relative;
    top:0px;
    left:10px;
    font-weight: bold;
    font-size: 10pt;
    font-family: verdana;
    text-decoration: line-through;
    text-align:left;
    height:12px;
}

.ourprice {
    position:relative;
    top:-0px;
    left:10px;
	font-weight: bold;
	font-size: 10pt;
	color: #b22222;
	font-family: verdana;
    text-align:left;
    height:12px;
}

.retailprice {
   position:relative;
    top:-5px;
    left:10px;
    font-weight: bold;
    font-size: 10pt;
    font-family: verdana;
    text-decoration: line-through;
    text-align:left;
    height:12px;
}

.retailtaxprice 
{
    position:relative;
    top:-2px;
    left:10px;
    font-size: 8pt;
    color: #b22222;
    font-family: verdana;
    text-align:left;
    text-decoration: line-through;
    padding-left: 00px;
    height:12px;
}

.taxprice, .taxpricecross
{
    position:relative;
    top:2px;
    left:10px;
    font-size: 8pt;
    color: #b22222;
    font-family: verdana;
    text-align:left;
    padding-left: 00px;
    height:12px;
}

.taxpricecross
{
    text-decoration: line-through;
}

.saveprice, .nosaveprice
{
    position:relative;
    top:-6px;
    left:10px;
    float:left;
    font-weight:bold; 
    font-size:7pt;
    text-align:center;
    line-height:20px;
    color:White;
    width:80px;
    height:29px;
}

.saveprice {
	background-image:url(../../Images/savepct.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

.newproduct, .notnewproduct
{
    position:relative;
    top:-7px;
    left:-15px;
    float:right;
    font-weight:bold; 
    font-size:7pt;
    text-align:center;
    line-height:20px;
    color:white;
    width:80px;
    height:29px;
}

.newproduct {
	background-image:url(../../Images/new.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}


.ProductSummaryImageHolder {
    text-align:center;
    height:130px;
    line-height:130px;
    padding-left: 0px;
    position:relative;
    top:50px;
    left:0px;
}

.ProductSummaryText {
    padding-top:4px;
    text-align:left;
    height:12px;
}

.productsection {
	padding:0px;
	border-top:1px dashed #CCCCCC;
}

.ProductBox {
   /*  block 41 saves the product grid width/height
    width: 600px; 
    height: 240px; */
    width:175px;
    height:260px;
    border-bottom:1px solid #BBBBBB;
    border-top:1px solid #BBBBBB;
    border-left:1px solid #BBBBBB;
    border-right:1px solid #BBBBBB;
    margin-top: 10px;
    margin-bottom: 00px;
    margin-right: 10px;
    text-align:left;
    padding-left: 00px;
    padding-top: 0px;
    padding-bottom: 0px;
    /*background:url('../../Images/ProductBox220x270.jpg') no-repeat;*/
    background-color:White;
}

.ProductSummaryNameText {
    /*padding-top:4px;*/
    width:175px;
    text-align:center;
    height:45px; /* allows 3 lines */
    padding-left: 0px;
    position:relative;
    top:-145px;
    left:0px;
    background: url('~/dyimage.axd?type=bar&cornersize=0&width=175&height=45&color=%23E13E3E&backcolor=%23AE1B1B')  no-repeat;
    /*background: url('~/dyimage.axd?type=bar&cornersize=0&width=150&height=45&color=%23080B72&backcolor=%2358B0F0')  no-repeat;*/
}

.ProductSummaryNameText a
{
    line-height:15px; 
    color:white;
}

.ProductSummaryShipText {
    position:relative;
    float:right;
    top:-100px;
    left:-55px;
    font-size:7pt;
    line-height:20px;
    color:black;
    text-align:center;
    width:120px;
    height:29px;
}

.ProductDetailImageHolder 
{
    /*height:300px;
    line-height:300px;*/
    text-align:center;
    vertical-align:middle;
    background-color:White;
    border:1px solid gray; 
}

.ProductDetailEnlargeLink 
{
    margin-top:4px;
    padding-bottom:10px;
}

.ProductDetailSwatchCell
{
    vertical-align:middle;
    background-color:White;
}


/****************** LEFT/RIGHT IMAGE SLIDER *******************/

.carousel
{
background-position:top;
background-repeat:no-repeat;
/*background-image:url('dyimage.axd?type=boxHeader&width=594&height=173&cornersize=20&color=%23ffffff&backcolor=%23FFFFFF&bordercolor=%23ffffff');*/
position: relative; 
/*float:left;*/
padding-right:0px;
left: 0px;
top: -10px;
width: 600px;
height: 170px; /* 40 title + 120 images */
border:solid 1px gray;
background-color:White;
}

.carouseltitle
{
color:Red;
font-style:italic;position: relative; 
background-position:top;
background-repeat:no-repeat;
background-image:url('dyimage.axd?type=boxHeader&width=750&height=25&cornersize=0&color=%23C0CFE2&backcolor=%23FFFFFF&bordercolor=%23F0F0F0');
/*border-left: 1px solid gray;
border-right: 1px solid gray;
border-top: 1px solid gray;
border-bottom:0px;*/
width: 595px; 
height: 25px; 
text-indent:0px;
/*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFF', startColorstr='#C0CFE2', gradientType='0');*/
text-align:center;
}

.stepcarousel{
position: relative; /*leave this value alone*/
top:0px;
/*border:1px solid gray;*/
overflow: hidden; /*leave this value alone*/
width: 595px; /*Width of Carousel Viewer itself*/
height: 170px; /*Height should enough to fit largest content's height*/
/*background-color:#E5E5E5;
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 200px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background-color:White;
font-size:xx-small;
}

.stepcarousel .panel .image
{
height:100px; /* JS autosizes image in proportion */
}

/****************** UP/DOWN IMAGE GLIDER *******************/

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 750px;
height: 160px; /* Set height to be able to contain height of largest content shown*/
border: 1px solid #687C98;
overflow: hidden;
z-index:0;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/

.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
visibility: hidden;
width: 750px;
z-index:0;
line-height:160px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
z-index:0;
width: 750px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
position: relative; 
top:-20px;
left:00px;
/*display: -moz-inline-box;
display: inline-block;*/
/*border: 1px solid black;*/
color: #2e6ab1;
/*padding:  1px 3px;
margin-right: 3px;*/
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}

/**************** FADER CAROUSEL ********************/

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px solid #DAEDFC; /* #A6D5F7 #DAEDFC
border-bottom-width: 8px;
width: 600px; /*width of featured content slider*/
height: 150px;
background: #FFFFFF;
top:-0px;
}

.sliderwrapper .slidecontent
{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0px;  /*leave as is*/
padding: 5px;
background: white;
width: 650px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 150px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.slidecontentimage {
position: relative;
top:0px;
left:0px;
width:300px;
text-align:center;
background: #FFFFFF;
border-right: solid 1px #000000; }

.slidecontentimage img
{
height:150px;
}

.slidecontenttext {
position: absolute;
top:0px;
left:300px;
height:150px;
width:350px;
text-align:center;
background: url('../../Images/embossed-cpe-logo-350.jpg') no-repeat center;
}

.slidecontenttext a {
position: relative;
top:50px;
text-align:center;
font-weight:bolder;
font-size:12pt;
}

.pagination
{
visibility: hidden; 
font-size:xx-small;
height:10px;
width: 406px; /*Width of pagination DIV. Total width should equal slider's outer width (e.g. 400+borderw+borderw)*/
text-align: right;
background-color: #DAEDFC;
padding:0px 2px 0px;
}

.pagination a{
visibility: hidden; 
position: relative;
top:-5px;
padding:0px 2px 0px;
text-decoration: none; 
color: white;
background: #DAEDFC;
}

.pagination a:hover, .pagination a.selected{
visibility: hidden; 
color: #000;
background-color: #FEE496;
}



.logotable
{
    background:#FAFAFA;
    /*border:solid 2px blue;*/
    padding:  0px 0px 0px 0px; 
    /*border:solid 1px blue;*/
    text-align:center;
}

.logo 
{
    padding-left:0px;
    vertical-align:top;
    text-align:left;
   position:relative;
   left:0px;
   top:-20px;
}



.marketing 
{
    /* white to blue gradient*/
    /*background-image:url('dyimage.axd?type=bar&width=1000&height=600&cornersize=0&color=%230000ff&backcolor=%23FFFFFF');*/
    /*background: url('../../Images/CarouselTopBG.jpg') no-repeat center;*/
   /*background:transparent url('../../images/bluewaves2.jpg') no-repeat scroll 0;*/
   height:170px;
   vertical-align:bottom;
   position:relative;
   float:right;
   left:-200px;
   top:-100px;
}

.SelectedCurrency
{
    font-weight:bolder;
}

.NotSelectedCurrency
{
    font-weight:normal;
}


div.topseller
{
	padding-top:10px;
	padding-bottom:0px;
	background-color:white;
	border-bottom:1px dashed silver;
}

.topsellerprice {
    top:0px;
    left:0px;
	font-weight: bold;
	font-size: 10pt;
	color: #b22222;
	font-family: verdana;
    text-align:center;
    height:12px;
}










.menu 
{
    padding:0; margin:0; list-style:none; height:40px; 
       z-index:99999; /*500*/
       font-family:arial, verdana, sans-serif;
           position:relative;
    top:-15px; 
    left:20px; 
    width:1950px;
}
    
.menu li {float:left; margin-right:1px;}

.menu li a {display:block; float:left; height:40px; line-height:40px;  color:#091176; 
            text-decoration:none; font-size:11px; font-weight:bold; padding:0 20px 0 20px;
                background: #58B0F0 url('~/dyimage.axd?type=bar&cornersize=0&width=255&height=40&color=%2358B0F0&backcolor=%23A6D5F7')  no-repeat;
}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

/*z-index was 200*/
.menu li a:hover {z-index:99998; position:relative;color:#fff; background-color:#091176;}
.menu li:hover {position:relative; z-index:99998;}

.menu li:hover > a {color:#fff; background:#091176;}
.menu li:hover > a.sub {color:#fff; background-color:#091176;}

.menu li.current a {color:#fff; background:#AD1B1B;}

.menu li a.sub {background: #58B0F0}
.menu li.current a.sub {color:#fff; background:#AD1B1B;}

.menu :hover ul {left:0px; top:40px; width:250px; background:#F7FBFF;}
.menu :hover ul.twocol {left:0px; top:40px; width:500px; background:#F7FBFF;} /* more than 18 items */
.menu :hover ul.rightcol {left:-120px; top:40px; width:500px; background:#F7FBFF;} /* items for last main category need to be offset to left */
.menu :hover ul.twocolrightcol {left:-370px; top:40px; width:500px; background:#F7FBFF;} /* more than 18 items plus need to be offset to left */

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:auto; margin:0; padding:0; list-style:none; white-space:nowrap; border:1px solid #091176; }

/*
.menu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:auto; z-index:200; height:auto;}
*/

.menu :hover ul li {margin:0px; border:0px solid #fff; } 
.menu :hover ul li a {width:250px; padding:0; text-indent:10px; background:#F7FBFF; color:#091176; font-weight:normal; height:25px; line-height:25px; overflow: hidden; }

/*
.menu :hover ul li a.fly {background:#58B0F0;}
*/

.menu :hover ul :hover {background-color:#091176; color:#fff;}

/*.menu :hover ul :hover a.fly {background-color:#091176; color:#fff;}
*/

.menu :hover ul li.currentsub a {background:#AD1B1B; color:#fff;}

/*.menu :hover ul li.currentsub a.fly {background:#AD1B1B; color:#fff;}


.menu :hover ul :hover ul li a {width:auto; padding:0; text-indent:10px; background:#3e3e3e; color:#091176;}
.menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

.menu :hover ul :hover ul li.currentfly a,
.menu :hover ul :hover ul li.currentfly a:hover {background:#AD1B1B; color:#fff;}
*/