/*************
	HTML/BODY
**************/
@font-face {
    font-family: 'MyriadProBoldCondensed';
    src: url('/fonts/MyriadPro-BoldCond/myriadpro-boldcond.eot');
    src: url('/fonts/MyriadPro-BoldCond/myriadpro-boldcond.eot') format('embedded-opentype'),
         url('/fonts/MyriadPro-BoldCond/myriadpro-boldcond.woff') format('woff'),
         url('/fonts/MyriadPro-BoldCond/myriadpro-boldcond.ttf') format('truetype'),
         url('/fonts/MyriadPro-BoldCond/myriadpro-boldcond.svg#MyriadProBoldCondensed') format('svg');
}

@font-face {
    font-family: 'MyriadProCondensed';
    src: url('/fonts/MyriadPro-Cond/myriadpro-cond.eot');
    src: url('/fonts/MyriadPro-Cond/myriadpro-cond.eot') format('embedded-opentype'),
         url('/fonts/MyriadPro-Cond/myriadpro-cond.woff') format('woff'),
         url('/fonts/MyriadPro-Cond/myriadpro-cond.ttf') format('truetype'),
         url('/fonts/MyriadPro-Cond/myriadpro-cond.svg#MyriadProCondensed') format('svg');
}



html { height: 100% }

.body { background:#f5f5f5 url(grogans/images/background4.jpg) top center repeat-x; margin: 0 auto; padding: 0; font-family:  Arial, sans-serif, Helvetica; color:#000; font-size:12px;}

.body2 { background:#f5f5f5 url(grogans/images/spec_01.jpg) top center no-repeat; margin: 0 auto; padding: 0; font-family:  Arial, sans-serif, Helvetica; color:#000; font-size:12px;}


/**********
	LAYOUT
***********/
.showSubmit {display:none; font-style: italic; font-size: 14px;}
.logo-sub {float:left; color:#fff; margin-top:10px;}
.logo-sub ul {list-style:disc; margin-bottom:0;}
.logo-sub ul li {line-height:14px;}
.logo-sub2 {float:left; color:#fff; margin-top:14px; font-size:15px;}
.logo-sub2 ul {list-style:disc; margin-bottom:0;}
.logo-sub2 ul li {line-height:19px;}
.subnav_wrap {height:32px;width:292px;float:left;}
#top-wrap {margin-top:11px;margin-bottom:16px;}
#cat-wrap { overflow:hidden;}
.subnav-arrow {padding-top:8px; padding-right:7px; float:left;}
/*.subnav-level1 {float:left; width:279px; background: url(images/line.png) no-repeat; font-weight:bold;}*/
.subNav-level a {display:block;}

.subNav-level { position:relative; margin:0px; list-style:outside  }
.subNav-level li { position:relative; }
.subNav-level .subLevel { margin-left:20px; display:none }
.subNav-level .subLevel li { /*overflow:hidden*/ }
.subNav-level .collapseMe { position:absolute; top:5px; left:-20px; height:20px; width:20px; cursor:pointer; background:/*url(/images/expand.png) center no-repeat #FFF*/}

.sepLine { margin-left:0px; }

#contentFull {width:960px; overflow:hidden;}
#content {width:724px; margin-left:15px; overflow:hidden;}
#content2 {width:760px; overflow:hidden;}
.content-bg {background:#fff; padding:10px; border-radius:5px; box-shadow:0 0 5px rgba(0, 0, 0, 0.2)}
.container {width:980px; margin:0 auto;}
	#header {}
		#logo {width:168px; height:68px; display:block; background: url(grogans/images/logo.png) no-repeat; margin-left:30px; margin-top:7px;}
			#logo a {width:100%; height:100%; display:block;}
		#logo2 {width:200px; height:81px; display:block; background: url(grogans/images/logo2.png) no-repeat; margin-left:30px; margin-top:19px;}
			#logo2 a {width:100%; height:100%; display:block;}

	#top-menu {color:#fff; margin-right:3px; margin-top:4px;}
		#top-menu a {color:#fff;}
		#top-menu img{padding-left:5px;padding-right:10px; display:inline-block;}
	#search {padding-top:10px;}
		#search img, form {display:inline-block; }
		#search img {padding-right:5px;position:relative; top:6px;}
		#header-nav { width:980px;  margin-top:11px;margin-bottom:11px;}
			.navBKwithMyTemplate { background: url(grogans/images/nav3.png) no-repeat; }
			.navBKwithoutMyTemplate { background: url(grogans/images/nav2_wo_mt.png) no-repeat; }
			#nav { width: 980px; height:42px; margin: 0 auto; padding: 0; }
			
				#nav ul { list-style: none; margin: 0; padding: 0; }
				#nav li {float: left;}
				#nav li a {display: block; height: 40px; }
				#nav li, #nav a {height: 42px; display: block; }
			
				/*current state*/
				#nav-1	{width:  79px;  }
				#nav-2	{width:  77px;  }
				#nav-2a	{width:  99px;  }
				#nav-spacer	{width:  347px;  }
				#nav-3	{width:  80px;  }
				#nav-4	{width:  61px;  }
				#nav-5	{width:  92px;  }
				
				/*up state*/
				#nav-1 a:hover, #nav-1 a.current { background: url(grogans/images/nav3.png) 0 -42px no-repeat; }
				#nav-2 a:hover, #nav-2 a.current { background: url(grogans/images/nav3.png) -79px -42px no-repeat; }
				#nav-2a a:hover, #nav-2a a.current { background: url(grogans/images/nav3.png) -736px -42px no-repeat; }
				#nav-3 a:hover, #nav-3 a.current { background: url(grogans/images/nav3.png) -156px -42px no-repeat; }
				#nav-4 a:hover, #nav-4 a.current { background: url(grogans/images/nav3.png) -236px -42px no-repeat; }
				#nav-5 a:hover, #nav-5 a.current { background: url(grogans/images/nav3.png) -297px -42px no-repeat; }
				
				#nav #social li a {height:29px;}
				#social {margin-top:5px; margin-right:10px; height:33px;}
					#facebook {background:url(grogans/images/facebook.png) no-repeat; width:30px; height:30px; display:inline-block; margin-right:5px; margin-top:2px;}
						#facebook:hover {background:url(grogans/images/facebook.png) 0 -30px no-repeat; }
					#twitter {background:url(grogans/images/twitter.png) no-repeat; width:31px; height:32px; display:inline-block;}
						#twitter:hover {background:url(grogans/images/twitter.png) 0 -32px no-repeat; }
					#youtube {background:url(grogans/images/youtube.png) no-repeat; width:34px; height:33px; display:inline-block;}
						#youtube:hover {background:url(grogans/images/youtube.png) 0 -33px no-repeat; }
				#main-body {margin-top:16px;}
					#left-side {width:201px; overflow:hidden}
						#products {margin-left:15px !important; margin-bottom:0 !important; list-style:disc outside !important;}
							#products li  {list-style-image:url(grogans/images/list-arrow.jpg);}
							#products a {color:#7f7f7f; font-size:12px; display:inline;}
								#products a:hover {color:#000;}
							#products li {padding-top:5px; padding-bottom:5px;}
					#middle {width:530px;  margin-left:9px; margin-right:8px;}
						#slideshow {background:url(grogans/images/slideshow.png) no-repeat; width:546px; height:251px; display:block;}
						#newsletter {margin-top:12px; }
						#home-copy	{padding-left:11px; margin-top:5px;}
					#right-side {}
						#shop {display:block; width:172px; height:96px; background:url(grogans/images/shop.png) no-repeat;}
							#shop:hover {background:url(grogans/images/shop.png) 0 -96px no-repeat;}
						#vdk {display:block; width:172px; height:96px; background:url(grogans/images/vdk.png) no-repeat;}
							#vdk:hover {background:url(grogans/images/vdk.png) 0 -96px no-repeat;}
						#save {display:block; width:172px; height:96px; background:url(grogans/images/save.png) no-repeat;}
							#save:hover {background:url(grogans/images/save.png) 0 -96px no-repeat;}
						#hits {display:block; width:172px; height:96px; background:url(grogans/images/hits.png) no-repeat;}
							#hits:hover {background:url(grogans/images/hits.png) 0 -96px no-repeat;}
						#solutions {display:block; width:172px; height:96px; background:url(grogans/images/solutions.png) no-repeat;}
							#solutions:hover {background:url(grogans/images/solutions.png) 0 -96px no-repeat;}
						#passup {display:block; width:172px; height:96px; background:url(grogans/images/passup.png) no-repeat;}
							#passup:hover {background:url(grogans/images/passup.png) 0 -96px no-repeat;}
						#right-side a {margin-bottom:5px;}
						.photo {display:block; width:172px; height:96px; position:relative; }
							.photo .text { position:absolute; top:28px; left:15px; font-size:18px; font-family:'MyriadProCondensed' }
						#follow-us {margin-top:25px; margin-left:10px;}
				#footer { background:url(grogans/images/logo-bot.png) center top no-repeat; width:940px; margin:0 auto; overflow:hidden; margin-top:24px;}
					#footer-copy, #footer-menu {margin-top:30px;}
					#footer-menu img {display:inline-block; position:relative; top:6px;}
						#footer-menu a {color:#000;}
					#footer-copy a {color:#c4c4c4;}
	#submit-btn { background:url(grogans/images/submit.png) no-repeat; width:43px; height:30px; display:inline-block; text-indent:-99999px; margin:0px; padding:0px; cursor:pointer; border:0;}
	#healthcare {margin-top:12px;}
/*********
	LINKS
**********/
a, a:visited, a:active { color: #015699; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
a:hover { color: #000; }

/*********
	LISTS
**********/
ul { list-style: none; }
li { margin: 0; padding: 0; }

.listing li:before {
    content: "- ";
	color:#f44a20;
}

/************
	HEADINGS
*************/
h1, h2, h3, h4, h5, h6 { font-weight: normal; color:#015699; font-family: 'PT Sans Narrow', sans-serif; }
h1 { font-size: 22px; color:#015699; font-weight: normal; }
h2 { font-size: 18px; color:#f44a20; font-weight: normal; }
.blue { color:#015699; }

h3 { font-size: 18px;  }
h4 { font-size: 16px;}
h5 { font-size: 15px; }
h6 { font-size: 14px; }

/********
	MISC
*********/
/*p { font-size: 12px; margin-top: 5px; color: #fff; font: Georgia, "Times New Roman", Times, serif; line-height: 175%; }*/
img { border: none; }

/******************
	GLOBAL CLASSES
*******************/
.none { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.red {color:#ba3953;}






















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



#roswell { width:980px; margin:0 auto; padding:0px; }

#roswellLogo {
	background: url('roswell/images/roswellLogo.png') no-repeat;
    float: left;
    height: 90px;
    width: 400px;
}
#roswellLogo a {
	display:block;
	overflow:hidden;
	height:90px;
	width:400px;
}

#roswellTopMenu  {
    float:right;
    height: 90px;
    width: 400px;
}

	#membersTopMenu {
		text-align:right;
		line-height:40px;
		color:#999999;
		font-size:13px;
	}
		#membersTopMenu a, #membersTopMenu a:hover {
			text-align:right;
			line-height:40px;
			color:#999999;
			font-size:13px;
			text-decoration:none;
		}
		#membersTopMenu a:hover {
			color:#333333;
		}
	#catalogTopMenu {
	/*	margin:0 auto;*/
		float:right;
		display:block;
		height:31px;
		background: url(roswell/images/roswellCatalogTopMenu.gif) repeat-x;
	}
        #catalogSep {
			float:left;
			display:block;
			width:2px;
			height:31px;
            background:url(roswell/images/roswellCatalogTopMenu_seperator.gif) no-repeat right;
        }
        #catalogCart {
			float:left;
			display:block;
			height:31px;
			line-height:31px;
			text-align:center;
			padding:0 15px;
        }
			#catalogCart a, #catalogCart a:hover {
				display:inline-block;
				padding-left:25px;
				line-height:31px;
				background:transparent url(roswell/images/cart_off.png) center left no-repeat;
				color:#adadad;
				font-size:12px;
				text-decoration:none;
			}
			#catalogCart a:hover {
				background:transparent url(roswell/images/cart.png) center left no-repeat;
				color:#333333;
				text-decoration:none;
			}
        #catalogCheckOut {
			float:left;
			display:block;
			height:31px;
			line-height:31px;
			text-align:center;
			padding:0 15px;
        }
			#catalogCheckOut a, #catalogCheckOut a:hover {
				display:inline-block;
				padding-right:25px;
				line-height:31px;
				background:transparent url(roswell/images/checkout_off.png) center right no-repeat;
				color:#adadad;
				font-size:12px;
				text-decoration:none;
			}
			#catalogCheckOut a:hover {
				background:transparent url(roswell/images/checkout.png) center right no-repeat;
				color:#333333;
				text-decoration:none;
			}
		
	#catalogTopMenuLeft {
		float:right;
		display:block;
		width:6px;
		height:31px;
		background:url(roswell/images/roswellCatalogTopMenu.gif) no-repeat;
		background:url(roswell/images/roswellCatalogTopMenuLeft.png) no-repeat;
	}
	#catalogTopMenuRight {
		float:right;
		display:block;
		width:6px;
		height:31px;
		background:url(roswell/images/images/roswellCatalogTopMenu.gif) no-repeat;
		background:url(roswell/images/roswellCatalogTopMenuRight.png) no-repeat;
	}


#roswellMenu{
/*	margin:0 auto;*/
	float:left;
	display:block;
    width:966px;
    height:35px;
	background: url(roswell/images/roswellMenu_bar.gif) repeat-x;
}
#roswellMenuLeft {
	float:left;
	display:block;
	width:7px;
	height:35px;
    background:url(roswell/images/roswellMenu_bar.gif) no-repeat;
    background:url(roswell/images/roswellMenu_barLeft.png) no-repeat;
}
#roswellMenuRight {
	float:left;
	display:block;
	width:7px;
	height:35px;
    background:url(roswell/images/roswellMenu_bar.gif) no-repeat;
    background:url(roswell/images/roswellMenu_barRight.png) no-repeat;
}
    #roswellMenu ul{
        list-style:none;
        margin:0 auto;
        width:100%;
    }
        #roswellMenu li{
            list-style:none;
            display:block;
            float:left;
            height:35px;
            line-height:35px;
			padding:0px;
			margin:0px;
        }
        #roswellMenu li .sep {
			display:block;
			width:2px;
			height:35px;
            background:url(roswell/images/roswellMenu_seperator.gif) no-repeat right;
        }

            #roswellMenu li a{
                display:block;
                float:left;
                color:#a7a7a7;
                /* text-transform:uppercase; */
                font-size:12px;
                font-weight:bold;
                line-height:35px;
                text-decoration:none;
                padding:0 20px;				
                background:url(roswell/images/roswellMenu_seperator.gif) no-repeat right;
            }
                #roswellMenu li a:hover{
                    color:#fff;
                    background:url(roswell/images/roswellMenu_barOn.gif) no-repeat right;
                }
            #roswellMenu li a.current{
                display:block;
                float:left;
                background:url(roswell/images/roswellMenu_barHold.gif) no-repeat right;
                color:#fff;
                /* text-transform:uppercase; */
                font-size:12px;
                font-weight:bold;
                line-height:35px;
                text-decoration:none;
                padding:0 20px;	
            }
                #roswellMenu li a:hover.current{
                    color:#fff;
                    background:url(roswell/images/roswellMenu_barOn.gif) no-repeat right;
                }


             #roswellMenu li li a{
                display:block;
                float:left;
                color:#a7a7a7;
                /* text-transform:uppercase; */
                font-size:12px;
                font-weight:bold;
                line-height:35px;
                text-decoration:none;
                padding:0 20px;		
				background-color:#4d4d4d;                		
            }
                #roswellMenu li li a:hover{
                    color:#fff;
                    background-color:#858585;
                }


	.menuStyle a, .menuStyle a:visited, .menuStyle a:hover {
    	color:#add7ed;
    }
	.menuStyle a:hover {
    	color:#fff;
    }
    .menuStyle li a.top-active { color:#fff; }

#roswellHomeSlide {
	display:block;
	background:url(roswell/images/roswell_home_slide.gif) no-repeat top left;
	width:980px;
	height:320px;
	margin-top:15px;
}

.roswellBox {
    -moz-border-radius-topleft:5px;
    border-top-left-radius:5px;
    
    -moz-border-radius-topright:5px;
    border-top-right-radius:5px;
	
    -moz-border-radius-bottomleft:5px;
    border-bottom-left-radius:5px;
    
    -moz-border-radius-bottomright:5px;
    border-bottom-right-radius:5px;

   /* border:1px solid #e0e0e0;*/
	background-color:#FFFFFF;
	width:733px;
}

.roswellBoxTop {
    -moz-border-radius-topleft:5px;
    border-top-left-radius:5px;
    
    -moz-border-radius-topright:5px;
    border-top-right-radius:5px;
    
    border-left:1px solid #e0e0e0;
    border-top:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
    padding:5px;
    padding-left:15px;
    background:#CCCCCC url('roswell/images/roswellBoxTop_background.gif') repeat-x;
    color:#FFF;
    font-size:12px;
    font-weight:bold;
    min-height:18px;
    line-height:18px;

}
.roswellBoxBody {
    -moz-border-radius-bottomleft:5px;
    border-bottom-left-radius:5px;
    
    -moz-border-radius-bottomright:5px;
    border-bottom-right-radius:5px;
    
    border-left:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
    padding:0px;
    margin-bottom:20px;
    background-color:#f7f7f7;

}


#subnav {
	width:200px;
	float:left;
	margin:0px;
	padding:0px;
	/*border-width:0 1px 0 0;*/
	}
#subnav a, #subnav a:visited {
	display:block;
	padding:4px 2px 4px 16px;
	text-decoration:none;
	color:#828282;
	font-weight:bold;
	border-top:1px solid transparent; border-bottom:1px solid transparent;
	}
#subnav a:hover, #subnav a.current, #subnav a.currentPage { color:#6f9ab1; background-color:#efefef;  background-color:#dff1ff;  border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
#subnav .subNav-level a { padding-left:12px; }

#subnav .subNav-level .subNav-level a { padding-left:32px; font-weight:normal; }
#subnav .subNav-level .subNav-level .subNav-level a { padding-left:48px;  }
#subnav .subNav-level .subNav-level .subNav-level .subNav-level a { padding-left:64px; }
#subnav .subNav-level .subNav-level .subNav-level .subNav-level .subNav-level a { padding-left:80px; }

#subnav .subNav-level .subNav-level a:hover, #subnav .subNav-level .subNav-level a.currentPage { color:#6f9ab1;  font-weight:normal; }

.li-level3, .li-level3 a { color:#015699 !important; }
.li-level4, .li-level4 a { color:#015699 !important; }


.currentPage { color:#015699 !important;  font-weight:bold;}
.currentCategoryUL li a { color:#015699 !important;  }


#subnavArrow {
	display:block;
	margin:0px;
	padding:15px 0px 15px 15px;
	/*border-width:0 1px 0 0;*/
	}
#subnavArrow span {
	display:block;
	margin-bottom:3px;
	font-weight:bold;
}
#subnavArrow a, #subnavArrow a:visited {
	display:block;
	height:20px;
	width:167px;
	text-decoration:none;
	color:#828282;
	font-weight:normal;
	line-height:20px;
	border-top:1px solid transparent; border-bottom:1px solid transparent;	
	}

#subnavArrow a:hover { color:#6f9ab1; background:url('roswell/images/catalog_sortby_sprite.png') no-repeat 0px 0px; border-top:1px solid transparent; border-bottom:1px solid transparent; }
#subnavArrow a.current, #subnavArrow a.currentPage, #subnavArrow a:hover.currentPage { color:#838383; background:url('roswell/images/catalog_sortby_sprite.png') no-repeat 0px -31px; font-weight:bold; border-top:1px solid transparent; border-bottom:1px solid transparent; }
#subnavArrow a:hover.currentPage { color:#6f9ab1; }
#subnavArrow .subnavArrow-level a { padding-left:16px; }

#subnavArrow .subnavArrow-level .subnavArrow-level a { padding-left:32px; font-weight:normal; }
#subnavArrow .subnavArrow-level .subnavArrow-level a:hover, #subnavArrow .subnavArrow-level .subnavArrow-level a.currentPage { color:#6f9ab1;  font-weight:normal; }


/* #subnav a.level1 { padding:10px; } */

#content-subnav {
	width:770px;
	width/* */:/**/747px;
	width: /**/747px;
	float:left;
	margin-left:20px;
	padding-left:0px;
	}


#roswellContent {
	margin:15px 0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#999999;
}

#roswellFooter {
	border-top:1px solid #f1f1f1;
	margin:5px 0px;
    padding:15px 0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#999999;
}
#roswellFooter a, #roswellFootera a:hover {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#999999;
	text-decoration:none;	
}
#roswellFooter a:hover {
    color:#333333;
	text-decoration:underline;
}

#roswellFooterLeft {
	display:block;
    float:left;
    width:475px;
    text-align:left;
}
#roswellFooterRight {
	display:block;
    float:right;
    width:475px;
    text-align:right;
}


.menu {
	/*position:relative;*/
	z-index:1000;
	}

.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	z-index:1000;
	}
.menu ul ul {
	z-index:1000;
	}

.menu li { float:left; position:relative; z-index:1000;}

.menu a, .menu a:visited {
	display:block;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#fff;
	z-index:1000;
	}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background-image: url(images/drop.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	z-index:1000;
	}
/* style the second level hover */
.menu ul ul a.drop:hover, .menu ul ul :hover > a.drop {
	background-image: url(images/drop.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	z-index:1000;
	}
	
.menu ul ul a.dropdown-arrow, .menu ul ul a.dropdown-arrow:visited, .menu ul ul a.dropdown-arrow:hover { background-image: url(images/menu-drop-arrow-new.gif); background-position: left top; background-repeat: no-repeat; }
.menu ul ul a.dropdown-arrow:hover { background-image: url(images/menu-drop-arrow-hover.gif); }


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:35px !important;
	top:35px;
	left:-1px;
	width:149px;
	z-index:2000;
	}

/* another hack for IE5.5 */
* html .menu ul ul {
	top:26px !important;
	top:39px;
	t\op:27px;
	}

/* position the third level flyout menu */
.menu ul ul ul{ left:-169px; top:0px !important; top:0px; width:149px; }
	.menu ul #nav-1 ul ul { left: 96px; }
	.menu ul #nav-2 ul ul { left: 190px; }
	.menu ul #nav-3 ul ul { left: 190px; }
	.menu ul #nav-5 ul ul { left: 207px; }
	.menu ul #nav-6 ul ul { left: 92px; }
	.menu ul #nav-7 ul ul { left: 90px; }

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#EFE2BF;
	color:#74654E;
	font-weight:bold;
	height:auto;
	line-height:12px;
	padding:7px 10px;
	width:149px;
	border:solid 1px #CEC7B5;
	border-width:0 1px 1px;
	}
	.menu ul #nav-1 ul a, .menu ul #nav-1 ul a:visited { width: 96px; width/* */:/**/72px; width: /**/72px; }
	.menu ul #nav-2 ul a, .menu ul #nav-2 ul a:visited { width: 190px; width/* */:/**/168px; width: /**/168px; }
	.menu ul #nav-3 ul a, .menu ul #nav-3 ul a:visited { width: 190px; width/* */:/**/168px; width: /**/168px; }
	.menu ul #nav-5 ul a, .menu ul #nav-5 ul a:visited { width: 207px; width/* */:/**/185px; width: /**/px; }
	.menu ul #nav-6 ul a, .menu ul #nav-6 ul a:visited { width: 149px; width/* */:/**/125px; width: /**/125px; }
	.menu ul #nav-7 ul a, .menu ul #nav-7 ul a:visited { width: 90px; width/* */:/**/66px; width: /**/66px; }

.menu ul ul a.dropdown-heading, .menu ul ul a.dropdown-heading:hover { background:#DBC57D; padding:6px 15px 6px 5px; }

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:170px;w\idth:148px;}

/* style the third level border */

/* style the third level hover */
/*
.menu ul ul ul a:hover {background:#b2ab9b;}
*/
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	background-color:#F4E7C4;
	}
.menu :hover > a, .menu ul ul :hover > a {
	color:#74654E;
	}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/*
now style the text for all links in the menu, because the blasted thing keeps resizing the blasted text
*/
.menu a, .menu a:visited, .menu a:hover {
	font-size:11px;
	font-weight:bold;
	}
	
.menu a:hover {	color:#f2d779;}



button.blue-candy {
  background-color: #779be9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#779be9 0%), to(#376fe0 50%));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #779be9 0%, #376fe0 50%, #2260dd 50%, #2463de 100%);
  background-image: -moz-linear-gradient(top, #779be9 0%, #376fe0 50%, #2260dd 50%, #2463de 100%);
  background-image: -ms-linear-gradient(top, #779be9 0%, #376fe0 50%, #2260dd 50%, #2463de 100%);
  background-image: -o-linear-gradient(top, #779be9 0%, #376fe0 50%, #2260dd 50%, #2463de 100%);
  background-image: linear-gradient(top, #779be9 0%, #376fe0 50%, #2260dd 50%, #2463de 100%);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
  line-height: 1;
  padding: 10px 0 12px 0;
  text-align: center;
  text-shadow: 0px -1px 1px #2c4d93;
  width: 150px;
  -webkit-background-clip: padding-box; }
  button.blue-candy:hover {
    background-color: #6989cf;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6989cf 0%), to(#3263c7 50%));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #6989cf 0%, #3263c7 50%, #1d55c4 50%, #1d55c4 100%);
    background-image: -moz-linear-gradient(top, #6989cf 0%, #3263c7 50%, #1d55c4 50%, #1d55c4 100%);
    background-image: -ms-linear-gradient(top, #6989cf 0%, #3263c7 50%, #1d55c4 50%, #1d55c4 100%);
    background-image: -o-linear-gradient(top, #6989cf 0%, #3263c7 50%, #1d55c4 50%, #1d55c4 100%);
    background-image: linear-gradient(top, #6989cf 0%, #3263c7 50%, #1d55c4 50%, #1d55c4 100%);
    -webkit-background-clip: padding-box;
    cursor: pointer; }
  button.blue-candy:active {
    background: #1a4aab;
    background: -moz-radial-gradient(50% 31% 0deg, circle cover, rgba(38, 76, 153, 0.4), rgba(11, 23, 46, 0.4)), -moz-linear-gradient(top, #5c78b5 0%, #2b57ad 50%, #1a4aab 50%, #1b4bab 100%);
    background: -webkit-gradient(radial, 50% 20%, 75, 50% 50%, 0, from(rgba(38, 76, 153, 0.4)), to(rgba(11, 23, 46, 0.4))), -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #5c78b5), color-stop(0.5, #2b57ad), color-stop(0.5, #1a4aab), color-stop(1, #1b4bab));
    color: #ddd;
    -webkit-background-clip: padding-box; }
	
.cartPopover { width:270px }
.cartPopover .subtotal { font-size:12px; font-weight:bold; text-align:center; padding-bottom:15px; padding-top:5px }
.cartPopover .checkout input { margin:auto }
	.cartPopover .imagePlaceHolder { width:50px; height:50px; padding-right:5px; }
	.cartPopover .popoverImage { padding-right:5px; }
	.cartPopover .products { overflow:auto; max-height:180px; }
	.cartPopover .products .product { padding-bottom:10px }
		.cartPopover .products .product table { min-height:50px }
		.cartPopover .products .product .price_qty { float:left }
		.cartPopover .products .product .extended_price { float:right; color:#015699; font-weight:bold }

.templateTable { border:1px solid #EBEBEB; }
.templateTable tr td { padding:2px 3px 2px 4px }
.templateTable .templateHeader { text-decoration: none; height: 10px; font-weight: bold; font-size: 12px; color: White;  background-color: #01467C; }
	.templateTable .templateHeader a { text-decoration: none; font-weight: bold; font-size: 12px; color: White;  background-color: #01467C; }
	.templateTable .templateHeader a:hover { text-decoration:underline }
.templateTable .odd {}
.templateTable .even { background:#F3F3F3 }

.membermenu { text-align:right; font-size:10px; margin-left: 22px; }
#product_menu { margin-left: 0px; }
#product_menu a {
	color: #7f7f7f;
	font-size: 12px;
	display: inline;
}
#product_menu li {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 15px;
}
	#product_menu a:hover {
	color: #000;
	font-size: 12px;
	display: inline;
	}
#navlink1 { }
#navlink2 { }
#navlink3 { }
#navlink4 { }

.tablepager, .tablepager label { text-align:right; font-size:16px; }

.listsPopover { width:213px }
	.listsPopover .createListContainer { margin-top:15px; }
	.listsPopover .createListContainer .newlist_input { width:150px }
	.listsPopover .createListContainer .newlistcreate_button { 
		display:block;
		background: #111; /* for non-css3 browsers */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#015699', endColorstr='#014276'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#015699), to(#014276)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #015699,  #014276); /* for firefox 3.6+ */
		-moz-border-radius: 3px;
		border-radius: 3px;
		border:1px solid #003b6a;
		color:#fff !important;
		padding: 5px 10px;
		width: 80px;
		text-decoration:none !important;
		margin: 10px auto 0;
		font-size:12px;
		text-align:center;
	}
	.listsPopover .createListContainer .newlistcreate_button:hover {
		background: #6F9AB1; /* for non-css3 browsers */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c6dba', endColorstr='#00579c'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#0c6dba), to(#00579c)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #0c6dba,  #00579c); /* for firefox 3.6+ */
		color:#fff;
		border:1px solid #00579c;
	}
	
	.listsPopover table tr:nth-child(odd)		{ background-color:#eee; }
	.listsPopover table tr:nth-child(even)		{ background-color:#fff; }
	.listsPopover table tr:hover				{ background-color:#CCC; }	
	
.lists .header		{ background-color:#D7D7D7 !important; font-weight:bold }
.lists tr:nth-child(odd)		{ background-color:#eee; }
.lists tr:nth-child(even)		{ background-color:#fff; }


.custom-combobox {
	position: relative;
	display: inline-block;
}
.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
	/* support: IE7 */
	*height: 15px;
	*top: 0.1em;
}
.custom-combobox-input {
	height: 15px;
	margin: 0;
	padding: 0.3em;
}

.bestSellerListView {
	
	width: 84px;
	font-size:12px;
	background: rgba(1, 66, 118, .6);
	padding:1px 8px 1px 8px;
	color:#FFF;
	font-style:italic;
	font-weight:bold;
	margin:auto;
	
}

.bestSellerListView2 {
	
	width: 32px;
	height:32px;
	background:url(grogans/images/star.png) no-repeat;
	/*font-size:12px;
	background: rgba(1, 66, 118, .6);
	padding:1px 8px 1px 8px;
	color:#FFF;
	font-style:italic;
	font-weight:bold;*/
	margin:auto;
	
}

.bestSellerTileView {
	position:absolute; 
	top:0px; 
	left:50%;
	margin-left:-50px;
	width: 84px;
	font-size:12px;
	
	background: rgba(1, 66, 118, .6);
	padding:1px 8px 1px 8px;
	color:#FFF;
	font-style:italic;
	font-weight:bold;
}

.bestSellerTileView2 {
	position:absolute; 
	top:0px; 
	right:1px;
	margin-left:-50px;
	width: 20px;
	height: 20px;
	background:url(grogans/images/star.png) no-repeat;
	background-size:20px;
	/*font-size:12px;
	background: rgba(1, 66, 118, .6);
	padding:1px 8px 1px 8px;
	color:#FFF;
	font-style:italic;
	font-weight:bold;*/
}

.bestseller { 
	position:absolute; 
	bottom:0px; 
	left:0px;
	
	background: rgba(1, 66, 118, .6);
	padding:2px 8px 2px 8px;
	color:#FFF;
	font-style:italic;
	font-weight:bold;
}

.custom-combobox {
	position: relative;
	display: inline-block;
}
.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
	/* support: IE7 */
	*height: 15px;
	*top: 0;
}
.custom-combobox-input {
	height: 15px;
	margin: 0;
	padding: 2px;
}

.ui-button.ui-button-text-only .ui-button-text {
	padding: 0em 1em;
}
button.ui-dialog-titlebar-close {
	display: none;
}