/*------------------------------------------------------------------------------------------------------
OS and Browser classes are added to the HTML tag by JS  
use these to style for different browsers 
--------------------------------------------------------------------------------------------------------

Available OS Classes:

    .win - Microsoft Windows (all versions)
    .vista - Microsoft Windows Vista new
    .linux - Linux (x11 and linux)
    .mac - Mac OS
    .freebsd - FreeBSD
    .ipod - iPod Touch
    .iphone - iPhone
    .ipad - iPad new
    .webtv - WebTV
    .j2me - J2ME Devices (ex: Opera mini) changed from mobile to j2me
    .blackberry - BlackBerry new
    .android - Google Android new
    .mobile - All mobile devices new

Available Browser Classes:

    .ie - Internet Explorer (All versions)
    .ie8 - Internet Explorer 8.x
    .ie7 - Internet Explorer 7.x
    .ie6 - Internet Explorer 6.x
    .ie5 - Internet Explorer 5.x
    .gecko - Mozilla, Firefox (all versions), Camino
    .ff2 - Firefox 2
    .ff3 - Firefox 3
    .ff3_5 - Firefox 3.5
    .ff3_6 - Firefox 3.6 
    .opera - Opera (All versions)
    .opera8 - Opera 8.x
    .opera9 - Opera 9.x
    .opera10 - Opera 10.x
    .konqueror - Konqueror
    .webkit or .safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome
    .safari3 - Safari 3.x
    .chrome - Google Chrome
    .iron - SRWare Iron

Extra Codes:

    .js - available when JS is enabled
	.no-js - remains in the HTML tag when JS is disabled/off

-------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
Modernizr adds classes to the HTML tag with JS. 
use these to style for different browsers' capabilites 
--------------------------------------------------------------------------------------------------------

Some of the most important classes available (check the HTML tag on a live page for more): 

Screen Layout Classes applied on resize (if you aren't already using media queries):

	.orientation_landscape - if the screen is wider than it is tall
	.orientation_portrait - if the screen is taller than it is wide
	.maxw_2560 - max width of screen 2560px 
	.maxw_1920 - max width of screen 1920px 
	.maxw_1680 - max width of screen 1680px 
	.maxw_1440 - max width of screen 1440px 
	.maxw_1280 - max width of screen 1280px
	.maxw_1152 - max width of screen 1152px
	.maxw_1024 - max width of screen 1024px
	.maxw_768  - max width of screen 768px - usually the max width for a tablet
	.maxw_640  - max width of screen 640px
	.maxw_480  - max width of screen 480px
	.maxw_320  - max width of screen 320px - mobile widths
	
	
CSS3 selectors applied on page load (selectors are prefixed with "no-" if it is not available) :

	.rgba - availability of Red/Green/Blue/Alpha transparency for colours
	.hsla - availability of Hue/Saturation/Lightness/ Alpha transparency for colours
	.multiplebgs - availability of Multple background images css
	.backgroundsize - availability of Background Size css
	.borderimage  - availability of Border size css
	.borderradius - availability of Border radius css
	.boxshadow - availability of Box shadow css
	.textshadow - availability of Text shadow css
	.opacity - availability of Opacity
	.cssanimations - availability of CSS Animations
	.csscolumns - availability of CSS columns
	.cssgradients - availability of CSS gradients
	.cssreflections - availability of CSS reflections
	.csstransforms - availability of CSS Transform animations
	.csstransforms3d - availability of CSS Transform 3D animations
	.csstransitions - availability of CSS Transitions animations
	.fontface - availability of @font-face font replacements

--------------------------------------------------------------------------------------------------------*/ 
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700,700italic,400italic);
@font-face {
	font-family: 'Rockwell';
	src: url('/stylesheets/fonts/Rockwell.eot');
	src: local('☺'), 
	url('/stylesheets/fonts/Rockwell.woff') format('woff'), 
	url('/stylesheets/fonts/Rockwell.ttf') format('truetype'), 
	url('/stylesheets/fonts/Rockwell.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*-------------------------------------------------------------------------------------------------------
Typography styling only - default text settings should be altered in grids 
-------------------------------------------------------------------------------------------------------*/
body{/*Fall back - just in case some text isn't wrapped in an element in the CMS*/
	font-family:"Ubuntu",Arial, Helvetica, sans-serif;color:#666;
	}
h1, h2, h3, h4, h5, h6,p {margin-bottom:0.5em;font-family:"Rockwell"}
h1 {color:#063478; font-size:2em;}
h2 {color:#063478; font-size:38px;}
h3 {color:#185abb; font-size:1.3em;}
h2 span,h3 span {color:#0D589E;}
h4 {color:#333; font-size:1.2em;}
h5 {color:#444; font-size:1.1em;}
h6 {color:#555; font-size:1em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {}
p,li,td,input {color:#555454; font-family:"Ubuntu",Arial, Helvetica, sans-serif; font-size:13px;line-height: 1.5; font-weight:normal;}
p img.left {float:left;margin:0 0.5em 0.5em 0;}
p img.right {float:right;margin:0 0 0.5em 0.5em;}
a {text-decoration:underline; color:#037de4; }
a:hover {text-decoration:none; color: #2891e9; }
a:active {text-decoration:underline; color: #0463b3; }
a:focus {text-decoration:none;outline:dotted thin;}
.textCenter,.textCenter,.alignCenter,.alignCenter{text-align:center;}
.textRight,.alignRight{ text-align:right; }
.textLeft,.alignLeft{ text-align:left; }
img{max-width:100%;height:auto;}
/*------------------------------------------------------------------------------------------------------
HTML 5
------------------------------------------------------------------------------------------------------*/
/* Tell the browser to render HTML 5 elements as block */
header, footer, aside, nav, article, section {
	display:block;
}

header
{

}
nav
{
	
}

section
{

}
aside
{

}
article
{
	
}

footer
{

}

/*------------------------------------------------------------------------------------------------------
Generic Classes
------------------------------------------------------------------------------------------------------*/
.left         { float:left; }
.right        { float:right; }
img.left      { margin-right:1em; margin-bottom:1.5em; }
img.right     { margin-left:1em; margin-bottom:1.5em; }
.half         { width:45%; /* Not exactly half to account for paddings, margins etc. */ }

.hide{ /* Hide stuff without resorting to display:none; */
	visibility:hidden;
	width:0!important;
	height:0!important;
	line-height:0!important;
	padding:0!important;
	margin:0!important;
}


/*------------------------------------------------------------------------------------------------------
Page Layout elements
------------------------------------------------------------------------------------------------------*/
html, body
{
	height:100%;
}
body
{
	background:url(/stylesheets/bg_images/bodyBG.jpg) top center fixed no-repeat #DAEBFB;
	margin:0;
}
/*testing the width classes with colours on the body tag 
.maxw_2560 body
{
	background:#000;
}
.maxw_1920 body
{
	background:#222;
}
.maxw_1680 body
{
	background:#444;
}
.maxw_1440 body
{
	background:#666;
}
.maxw_1280 body
{
	background:#888;
}
.maxw_1152 body
{
	background:#ddd;
}
.maxw_1024 body
{
	background:#eee;
}
.maxw_768 body
{
	background:#ff0;
}
.maxw_640 body
{
	background:#900;
}
.maxw_480 body
{
	background:#906;
}
.maxw_320 body
{
	background:#90F;
}
End of testing the width classes with colours on the body tag */


#header,#mainNav,#content,#footer
{
	display:block; 	
}


#wrapper
{

}



#mainNav,#banner,#content,#footer {
	margin: 0 auto;
    width: 1005px;
}
#header
{
	height:116px;	
}

#header #search {
    height: 112px;
    position: relative;
}
#header #search .search-box {
    background: url("/stylesheets/bg_images/searchBG.png") no-repeat scroll 0 0 transparent;
    bottom: 10px;
    height: 24px;
    padding: 0;
    position: absolute;
    right: 0;
}
#header #search .search-box input#CAT_Search {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    float: right;
    height: 20px;
}
#header #search .search-box input.cat_button {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    float: right;
    height: 20px;
    overflow: hidden;
    padding-top: 20px;
    width: 35px;
}
/*---------------------------------------
Main Logo styling using a H1 and an A tag
---------------------------------------*/
#logo
{
	position: absolute;
    z-index: 300;
	left:0;
	top:0;
}
#logo h1
{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#logo h1 a
{
	 background: url("/stylesheets/bg_images/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 265px;
    left: 20px;
    outline: medium none;
    position: relative;
    text-indent: -9999em;
    width: 271px;
}
#logo h1 a:hover,
#logo h1 a:focus
{
	
}

/*------------------------------------------------------------------------------------------------------
Horizontal navigation
-------------------------------------------------------------------------------------------------------*/
#mainNav
{
	overflow: visible!important;
}
#mainNav .hNav
{
	height: 30px;
    position: relative;
}
#mainNav .hNav > div
{
	z-index:6;
	position:absolute;
	right:0;
}
.hNav {
    background: none repeat scroll 0 0 #0B60A8;
}
.hNav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.hNav ul li {
    float: left;
    position: relative;
}
.hNav ul li a {
    background: none repeat scroll 0 0 #0B60A8;
    color: #FFFFFF;
    display: block;
    font-family: "Rockwell";
    font-size: 14px;
    font-weight: normal;
    height: 30px;
    line-height:30px;
    padding: 0 0.85em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.firefox .hNav ul li a,
.ie .hNav ul li a
{
	line-height: 31px;	
}
.hNav ul li a img
{
	display:none;	
}
.hNav ul li a:hover, 
.hNav ul li a:focus, 
.hNav ul li.selected a {
    color: #D0E6FB;
}
.hNav ul li a:active {
}
.hNav ul li ul {
    display: none;
    position: absolute;
    top: 30px;
    width: 200px;
    z-index: 10;
}
.hNav ul li ul li {
    float: none;
}
.hNav ul li ul li a, 
.hNav ul li.selected ul li a {
    display: block;
    float: none;
    text-align: left;
    color: #fff;
	text-transform:none;
	background: url(/stylesheets/bg_images/subMenuBG.png);
	margin-bottom:4px;
}
.hNav ul li ul li a:hover, 
.hNav ul li ul li a:focus, 
.hNav ul li ul li.selected a, 
.hNav ul li.selected ul li.selected a 
{
    color: #D0E6FB;
	 background: none repeat scroll 0 0 #0B60A8;
}
.hNav ul li ul li ul {
    left: 200px;
    position: absolute;
    top: 0;
    width: 200px;
}
.hNav ul li ul li ul li {
    float: none;
}
.hNav ul li ul li ul li a, 
.hNav ul li.selected ul li ul li a, 
.hNav ul li.selected ul li.selected ul li a {
    color: #fff;
	
}
.hNav ul li ul li ul li a:hover, 
.hNav ul li ul li ul li.selected a, 
.hNav ul li.selected ul li ul li a:hover, 
.hNav ul li.selected ul li.selected ul li a:hover {
    color: #D0E6FB;
	
}
.no-js .hNav ul li:hover ul
{
	display:block;
}


/*------------------------------------------------------------------------------------------------------
Vertical navigation
------------------------------------------------------------------------------------------------------*/
.vNav
{
	
}
.vNav ul
{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;	
}
.vNav ul li
{
	display:block;	
	width:184px;
	position:relative;
}
.vNav ul li a,
.vNav ul li a:visited
{
    display: block;
    font-family: "Rockwell";
    font-size: 15px;
    height: 37px;
  
	color:#887765;
    line-height: 38px;
    overflow: hidden;
    padding: 4px 10px;
    position: relative;
	text-decoration:none;
	text-transform:uppercase;
	word-wrap: break-word;
	border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #D1D2AF;
}
.vNav ul li a:hover,
.vNav ul li a:focus,
.vNav ul li.selected a
{
	background:#0B60A8;	
	color:#fff;
}

	

.vNav ul li a:active
{
	
}
/*-----------------------------------------
Vertical Sub Nav
-----------------------------------------*/
.vNav ul li ul
{
	display:none;
	position:absolute;
	width:200px;
	left:184px;
	top:0;
	z-index:10;	
}
.vNav ul li ul li
{
	
}
.vNav ul li ul li a,
.vNav ul li.selected ul li a
{
	background:#EEE;
}
.vNav ul li ul li a:hover,
.vNav ul li ul li.selected a
{
	background:#EFF7FF;	
}
/*----------------------------------------
Vertical Sub Sub Nav
-----------------------------------------*/
.vNav ul li ul li ul
{
	position:absolute;
	width:200px;
	left:200px;
	top:0;		
}
.vNav ul li ul li ul li
{
	
}
.vNav ul li ul li ul li a,
.vNav ul li.selected ul li ul li a,
.vNav ul li.selected ul li.selected ul li a
{
	background:#EEE;	
}
.vNav ul li ul li ul li a:hover,
.vNav ul li ul li ul li.selected a,
.vNav ul li.selected ul li ul li a:hover,
.vNav ul li.selected ul li.selected ul li a:hover
{
	background:#EFF7FF;	
}

/*---------------------------------------------------------------------------------------------------
Banner
---------------------------------------------------------------------------------------------------*/
#banner .scrollable {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 342px;
    margin-bottom: -12px;
    overflow: hidden;
    padding-bottom: 12px;
    position: relative;
    width: 956px;
}
#banner .scrollable .items {
}
#banner .scrollable .items .item {
    position: relative;
}
#banner .scrollable .items .item img {
    position: absolute;
}
#banner .scrollable .items .item .text {
    bottom: 35px;
    height: auto;
    left: 24px;
    max-height: 210px;
    overflow: hidden;
    position: absolute;
    width: 338px;
	color: #555454;
	font-size: 13px;
    line-height: 13px;
    margin: 0;
}
#banner .scrollable .items .item .text h2 {
    color: #063478;
    line-height: 30px;
    margin: 0 0 8px;
}
#banner .scrollable .items .item .text h2 span
{
	color:#0d589e;
	display:block;
}
#banner .scrollable .items .item .text p {
    color: #555454;
    line-height: 13px;
    margin: 0;
}
#banner .scrollButton {
    height: 44px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 62%;
}
#banner .scrollButton a {
    background: url("/stylesheets/bg_images/scrollerArrows.png") no-repeat scroll 0 0 transparent;
    float: none;
    height: 44px;
    outline: medium none;
    position: absolute;
    top: 0;
    width: 44px;
}
#banner .scrollButton a.prev {
}
#banner .scrollButton a.prev:hover {
}
#banner .scrollButton a.next {
    background-position: -49px 0;
    right: 10px;
}
#banner .scrollButton a.next:hover {
}

.inside #banner
{
	height:176px;
	
}
.inside #banner .cycle-slideshow
{
	height:176px;
	background:#fff;
	margin-bottom:-16px;
	padding-bottom:16px;
	position: relative;
}
.inside #banner .cycle-slideshow img
{
	position:absolute;
	top:0;
	left:0;	
}

/*---------------------------------------------------------------------------------------------------
Main Content
---------------------------------------------------------------------------------------------------*/

#content
{
	
}
#content > div
{
    background: url("/stylesheets/bg_images/bgShadows.png") no-repeat scroll center top transparent;
    padding: 10px;
    width: 984px;
}
.ie8 #content > div
{
	
}
#content > div > div
{
	background:#fff;
	box-shadow:0 10px 10px -5px #999999;
	behavior:url(/Stylesheets/PIE-1.0.0/PIE.htc);
}
.ie8 #content > div > div
{
	
}
#home #content > div > div
{
	width:956px;
	margin:0 auto;
	box-shadow:4px 10px 10px -8px #999999;
	behavior:url(/Stylesheets/PIE-1.0.0/PIE.htc);
}
.ie8 #content > div > div
{
	margin-top:-12px;
	padding-top:12px;
}
#sidebar
{
	
}
.sidebar
{
	background:url(/stylesheets/bg_images/sidebarTexture.jpg);	
	min-height: 550px;
}
.sidebar h3,.sidebar h4,.sidebar h5,.sidebar h6
{
	margin-bottom:0.2em;
}
#sidebarLeft {
    margin-right: 0;
    width: 184px;
	position:relative;
}
#sidebarLeft #sidebarBottomLeft{

	width: 184px;
}
#pageContent {
}
#home #pageContent {
    margin-right: 0;
	margin-left:0;
    width: 642px;
	position:relative;
}
#home #pageContent #homeTop
{
	width:100%;
}
#home #pageContent #homeBottom
{
	width:100%;
	position:absolute;
	bottom:0;
}


#home ul.productfeaturelist
{
	list-style:none;
}
#home ul.productfeaturelist li
{
	float:none;
	display:block;
}
#home .featuredProductSmall
{
	
}
#home .featuredProductSmall .featuredProductImage
{
	
}

@import "http://fonts.googleapis.com/css?family=Ubuntu:400,700,700italic,400italic";
@font-face {
    font-family: "Rockwell";
    font-style: normal;
    font-weight: normal;
    src: local("☺"), url("/stylesheets/fonts/Rockwell.woff") format("woff"), url("/stylesheets/fonts/Rockwell.ttf") format("truetype"), url("/stylesheets/fonts/Rockwell.svg") format("svg");
}
body {
    color: #666666;
    font-family: "Ubuntu",Arial,Helvetica,sans-serif;
}
h1, h2, h3, h4, h5, h6, p {
    font-family: "Rockwell";
    margin-bottom: 0.5em;
}
h1 {
    color: #063478;
    font-size: 2em;
}
h2 {
    color: #063478;
    font-size: 32px;
}
h3 {
    color: #185ABB;
    font-size: 1.3em;
}
h2 span, h3 span {
    color: #0D589E;
}
h4 {
    color: #333333;
    font-size: 1.2em;
}
h5 {
    color: #444444;
    font-size: 1.1em;
}
h6 {
    color: #555555;
    font-size: 1em;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
}
p, li, td, input {
    color: #555454;
    font-family: "Ubuntu",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.5;
}
p img.left {
    float: left;
    margin: 0 0.5em 0.5em 0;
}
p img.right {
    float: right;
    margin: 0 0 0.5em 0.5em;
}
a {
    color: #037DE4;
    text-decoration: underline;
}
a:hover {
    color: #58b0fb;
    text-decoration: none;
}
a:active {
    color: #0463B3;
    text-decoration: underline;
}
a:focus {
    outline: thin dotted;
    text-decoration: none;
}
.textCenter, .textCenter, .alignCenter, .alignCenter {
    text-align: center;
}
.textRight, .alignRight {
    text-align: right;
}
.textLeft, .alignLeft {
    text-align: left;
}
img {
    height: auto;
    max-width: 100%;
}
header, footer, aside, nav, article, section {
    display: block;
}
header {
}
nav {
}
section {
}
aside {
}
article {
}
footer {
}
.left {
    float: left;
}
.right {
    float: right;
}
img.left {
    margin-bottom: 1.5em;
    margin-right: 1em;
}
img.right {
    margin-bottom: 1.5em;
    margin-left: 1em;
}
.half {
    width: 45%;
}
.hide {
    height: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: hidden;
    width: 0 !important;
}
html, body {
    height: 100%;
}
body {
    background: url("/stylesheets/bg_images/bodyBG.jpg") no-repeat fixed center top #DAEBFB;
    margin: 0;
}
#header, #mainNav, #content, #footer {
    display: block;
}
#wrapper {
}
#home #mainNav,#home #banner,#home #content,#home #footer {
	width:984px;
	margin:0 auto;
}
#header {
    height: 116px;
}
#header #search {
    height: 112px;
    position: relative;
}
#header #search .search-box {
    background: url("/stylesheets/bg_images/searchBG.png") no-repeat scroll 0 0 transparent;
    bottom: 10px;
    height: 24px;
    padding: 0;
    position: absolute;
    right: 0;
}
#header #search .search-box input#CAT_Search {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    float: right;
    height: 20px;
	width:160px;
}
#header #search .search-box input.cat_button {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    float: right;
    height: 20px;
    overflow: hidden;
    padding-top: 20px;
    width: 26px;
}
#logo {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 300;
}
#logo h1 {
    margin: 0;
    padding: 0;
}
#logo h1 a {
    background: url("/stylesheets/bg_images/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 265px;
    left: 20px;
    outline: medium none;
    position: relative;
    text-indent: -9999em;
    width: 271px;
}
#logo h1 a:hover, #logo h1 a:focus {
}
#mainNav {
    overflow: visible !important;
}
#mainNav .hNav {
    height: 30px;
    position: relative;
}
#mainNav .hNav > div {
    position: absolute;
    right: 0;
    z-index: 6;
}
.hNav {
    background: none repeat scroll 0 0 #0B60A8;
}
.hNav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.hNav ul li {
    float: left;
    position: relative;
}
.hNav ul li a {
    background: none repeat scroll 0 0 #0B60A8;
    color: #FFFFFF;
    display: block;
    font-family: "Rockwell";
    font-size: 14px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    padding: 0 0.85em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.firefox .hNav ul li a{
      font-size: 13px;
    letter-spacing: 1px;
    line-height: 28px;
}
 .ie .hNav ul li a 
 {
	line-height:34px; 
 }
.hNav ul li a:hover, .hNav ul li a:focus, .hNav ul li.selected a {
    color: #D0E6FB;
}
.hNav ul li a:active {
}
.hNav ul li ul {
    display: none;
    position: absolute;
    top: 30px;
    width: 200px;
    z-index: 10;
}
.hNav ul li ul li {
    float: none;
}
.hNav ul li ul li a, .hNav ul li.selected ul li a {
    color: #FFFFFF;
    display: block;
    float: none;
    text-align: left;
    text-transform: none;
}
.hNav ul li ul li a:hover, .hNav ul li ul li a:focus, .hNav ul li ul li.selected a, .hNav ul li.selected ul li.selected a {
    color: #D0E6FB;
}
.hNav ul li ul li ul {
    left: 200px;
    position: absolute;
    top: 0;
    width: 200px;
}
.hNav ul li ul li ul li {
    float: none;
}
.hNav ul li ul li ul li a, .hNav ul li.selected ul li ul li a, .hNav ul li.selected ul li.selected ul li a {
    color: #FFFFFF;
}
.hNav ul li ul li ul li a:hover, .hNav ul li ul li ul li.selected a, .hNav ul li.selected ul li ul li a:hover, .hNav ul li.selected ul li.selected ul li a:hover {
    color: #D0E6FB;
}
.no-js .hNav ul li:hover ul {
    display: block;
}
.vNav {
}
.vNav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.vNav ul li {
    display: block;
    position: relative;
    width: 184px;
}
.vNav ul li a, .vNav ul li a:visited {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #D1D2AF;
    color: #887765;
    display: block;
    font-family: "Rockwell";
    font-size: 15px;
    height: 37px;
    line-height: 38px;
    overflow: hidden;
    padding: 4px 10px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    word-wrap: break-word;
}
.vNav ul li a:hover, .vNav ul li a:focus, .vNav ul li.selected a {
    background: none repeat scroll 0 0 #0B60A8;
    color: #FFFFFF;
}
.vNav ul li a:active {
}
.vNav ul li ul {
    display: none;
    left: 184px;
    position: absolute;
    top: 0;
    width: 200px;
    z-index: 10;
}
.vNav ul li ul li {
}
.vNav ul li ul li a, .vNav ul li.selected ul li a {
    background: none repeat scroll 0 0 #EEEEEE;
}
.vNav ul li ul li a:hover, .vNav ul li ul li.selected a {
    background: none repeat scroll 0 0 #EFF7FF;
}
.vNav ul li ul li ul {
    left: 200px;
    position: absolute;
    top: 0;
    width: 200px;
}
.vNav ul li ul li ul li {
}
.vNav ul li ul li ul li a, .vNav ul li.selected ul li ul li a, .vNav ul li.selected ul li.selected ul li a {
    background: none repeat scroll 0 0 #EEEEEE;
}
.vNav ul li ul li ul li a:hover, .vNav ul li ul li ul li.selected a, .vNav ul li.selected ul li ul li a:hover, .vNav ul li.selected ul li.selected ul li a:hover {
    background: none repeat scroll 0 0 #EFF7FF;
}
#banner .scrollable {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 341px;
    margin-bottom: -12px;
    overflow: hidden;
    padding-bottom: 12px;
    position: relative;
    width: 956px;
}

#banner .flash {
background: url("/Images/corner-flash.png") no-repeat scroll 0 0 transparent;
z-index: 1000;
width: 239px;
height: 239px;
position: absolute;
right: 0;
}
#banner .scrollable .items {
}
#banner .scrollable .items .item {
    position: relative;
}
#banner .scrollable .items .item.hover
{
	cursor:pointer;	
}
#banner .scrollable .items .item img {
    position: absolute;
}
#banner .scrollable .items .item .text {
    bottom: 35px;
    color: #555454;
    font-size: 14px;
    height: auto;
    left: 24px;
    line-height: 1.3;
    margin: 0;
    max-height: 210px;
    overflow: hidden;
    position: absolute;
    width: 270px;
    background: url("/images/HomeBanner/opacity.png") repeat scroll 0 0 transparent;
	    padding: 30px 20px 30px 30px;

}




#banner .scrollable .items .item .text h2 {
    color: #063478;
    line-height: 30px;
    margin: 0 0 8px;
}
#banner .scrollable .items .item .text h2 span {
    color: #0D589E;
    display: block;
}
#banner .scrollable .items .item .text p {
    color: #555454;
    line-height: 1.2;
    margin: 0;
}
#banner .scrollButton {
	height:auto;
    position: absolute;
    right: 0;
    top: 50%;
    width: 62%;
}
#banner .scrollButton a {
    background: url("/stylesheets/bg_images/scrollerArrows.png") no-repeat scroll 0 0 transparent;
    float: none;
    height: 44px;
    outline: medium none;
    position: absolute;
    top: 0;
    width: 44px;
}
#banner .scrollButton a.prev {
}
#banner .scrollButton a.prev:hover {
}
#banner .scrollButton a.next {
    background-position: -49px 0;
    right: 10px;
}
#banner .scrollButton a.next:hover {
}
.inside #banner {
    height: 176px;
}
.inside #banner .cycle-slideshow {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 176px;
    margin-bottom: -16px;
    padding-bottom: 16px;
    position: relative;
}
.inside #banner .cycle-slideshow img {
    left: 0;
    position: absolute;
    top: 0;
}
#content {
}
#home #content > div {
    background: url("/stylesheets/bg_images/bgShadows.png") no-repeat scroll center top transparent;
    margin: 0 auto;
    width: 956px;
	padding:10px 14px;
}
.ie8 #content > div {
}
#content > div > div {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 10px 10px -5px #999999;
}
.ie8 #content > div > div {
}
#home #content > div > div {
    box-shadow: 4px 10px 10px -8px #999999;
    margin: 0 auto;
    width: 956px;
}
.ie8 #content > div > div {
    margin-top: -12px;
    padding-top: 12px;
}
#sidebar {
}
.sidebar {
    background: url("/stylesheets/bg_images/sidebarTexture.jpg") repeat scroll 0 0 transparent;
    min-height: 550px;
}
.inside .sidebar {
	min-height:700px;
}
.sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 {
    margin-bottom: 0.2em;
}
#sidebarLeft {
    margin-right: 0;
    width: 184px;
}
#sidebarLeft #sidebarBottomLeft {
	padding-top: 0px;
    width: 184px;
}
#insidePage #sidebarLeft #sidebarBottomLeft 
{
	top:0;
	
}
#pageContent {
}
#home #pageContent {
    margin-left: 0;
    margin-right: 0;
    position: relative;
    width: 642px;
}
#home #pageContent #homeTop {
    width: 100%;
}
#home #pageContent #homeTop .box {
	/*height:337px;*/
	height:352px !important;
}
#home #pageContent #homeBottom {
    bottom: 0;
    position: relative;
    width: 100%;
}
#home .recipeBox { border-bottom:0px;
}
#home .recipeBox .recipeBoxImage {
    height: 170px;
	position:relative;
    overflow: hidden;
}
#home .recipeBox .recipeBoxImage a {
    display: block;
    height: 170px;
    overflow: hidden;
}
#home .recipeBox .recipeBoxImage img {
    display: block;
    margin: 0 auto;
   /* max-height: 145px;*/
    width: 100%;
}
#home .recipeBox .recipeBoxImage img.placeholder
{
	max-height:170px;
	width:auto;	
}
#home .recipeBox .recipeBoxText {
	 margin: 12px 0;
    padding: 0 12px;
}
#home .recipeBox .recipeBoxText h3 {
	font-size: 23px;
    margin: 0 0 0.4em;
}
#home .recipeBox .recipeBoxText p {
}
#home .recipeBox .recipeBoxLink {
	padding-left:13px;
}
#home .recipeBox .recipeBoxLink p {
	border-bottom:0px;
}
#home .recipeBox .recipeBoxLink p a {
}
#home .recipeBox .recipeBoxLink p a:hover {
}
#home ul.productfeaturelist {
    list-style: none outside none;
}
#home ul.productfeaturelist li {
    display: block;
    float: none;
}
#home .featuredProductSmall {
}
#home .featuredProductSmall .featuredProductImage {
	position:relative;
	height: 170px; /*was150*/
	overflow:hidden;
}
#home .featuredProductSmall .featuredProductImage a {
    display: block;
    height: 170px; /*was150*/
    overflow: hidden;
}
#home .featuredProductSmall .featuredProductImage a img {
    width: 100%;
}
#home .featuredProductSmall h3 
{
	font-size: 23px;
    margin: 5px 12px 0.1em;
}
#home .featuredProductSmall .featuredProductDetails
{
	 margin: 0;
    padding: 0 12px;
}
#home .featuredProductSmall .featuredProductDetails p
{
	margin:0;
}
#home .featuredProductSmall .featuredProductDetails .featuredProductTitle
{
	
}
#home .featuredProductSmall .featuredProductDetails .featuredProductTitle p
{
	
}
#home .featuredProductSmall .featuredProductDetails .featuredProductText
{
	
}
#home .featuredProductSmall .featuredProductDetails .featuredProductText p
{
	
}



#home #pantry {
    margin-right: 0;
	margin-left:0;
    width: 314px;
	background:#fff;

	position:relative;
	min-height:450px;
}
#home #pantry .shadow
{
	box-shadow:7px 4px 6px #A9A9A9;
	behavior:url(/Stylesheets/PIE-1.0.0/PIE.htc);	
}
#home #pantry h3
{
	background: url("/stylesheets/bg_images/pantryHeader.png") no-repeat scroll 0 0 transparent;
    height: 54px;
    position: absolute;
    text-indent: -9999em;
    top: -30px;
    width: 314px;	
}
#pantryNav {
	background-image:url("/images/pantry_background.jpg");
	background-repeat:no-repeat;
    overflow: hidden;
}

#Home_Only_pantryNav {
}





#pantryNav > div {
}
#pantryNav ul {
    list-style: none outside none;
}
#pantryNav ul li {
    display: block;
    float: left;
    height: 92px;
    margin-bottom: 8px;
    margin-right: 8px;
    overflow: hidden;
    width: 88px;
}
#pantryNav ul li.last {
    margin-right: 0;
}
#pantryNav ul li a {
    background: none repeat scroll 0 0 #0A69A8;
    color: #FFFFFF;
    display: block;
    text-decoration: none;
}
#pantryNav ul li a:hover {
    color: #F5CA25;
}
#pantryNav ul li.noImage {
}
#pantryNav ul li.noImage img {
    display: none;
}
#pantryNav ul li.noImage a {
}
#pantryNav ul li.noImage a span {
  	 height: 73px;
    padding-top: 16px;
    text-align: left;
	 padding-left:10px;
}

.ie7 #pantryNav ul li.noImage a span 
{
	padding-top:8px;
}
#pantryNav ul li.noImage a:hover span {
}
#pantryNav ul li a img {
    border-bottom: 3px solid #F5CA25;
    height: 62px;
    max-width: 100%;
}
#pantryNav ul li a span {
    display: block;
    font-family: "Rockwell";
    font-size: 15px;
    line-height: 1.2;
    padding: 0 3px 5px 10px;
    text-align: left;
}
#pantryNav ul li.noImage a:hover span{
	
}

#pantryNav ul li a img {
}
#pantryNav ul li a span {
}
#pantryNav ul li a:hover span {
}
#video-poster{
  position: absolute;
  right: 12px;
  top: 22px;
  width: 290px;
  overflow: hidden;
}
#video-poster a{
  text-decoration: none;
}
#video-poster a span{
  display:block;
  background:#c4e1fa;
  color:#236dae;
  padding:6px;
  position:relative;
  top:-6px;
}
#video-poster a:hover span{
  color:#327ec1;
}
#home #pantryNav {
  background: none repeat scroll 0 0 transparent;
  bottom: 13px;
  height: 100%;
  padding: 0;
  position: absolute;
  width: 96%;
}
#home.video #pantryNav {
  height: 75%;
}
#home #pantryNav > div {
    bottom: 18px;
    padding: 0 0 0 12px;
    position: absolute;
    width: 302px;
}
#home #pantryNav ul {
}
#home #pantryNav ul li {
    float: none;
    height: 97px; /*was 100px*/
    position: relative;
    width: 100%;
	 margin: 0 0 11px;
	 overflow: visible;
}
#home #pantryNav ul li a {
    font-family: "Rockwell";
    font-size: 22px;
    height: 99px;
    margin: 0;
    overflow: hidden;
    position: relative;
}
#home #pantryNav ul li a:hover {
}
#home #pantryNav ul li.noImage{
	
}
#home #pantryNav ul li.noImage img
{
	display:none;	
}
#home #pantryNav ul li.noImage a{
	font-size: 42px;
    padding: 12px;
    text-align: center;
	margin:0;
}
#home #pantryNav ul li.noImage a span{
	background: none repeat scroll 0 0 transparent;
height: 142px;
line-height: 1.9em;
padding: 36px 0 0 20px;
width: 100%;
border: none;
font-size: 23px;
font-weight: normal;
}
#home #pantryNav{

}
#home #pantryNav ul{

}
#home #pantryNav ul li.noImage a:hover span{
	
}
#home.video #pantryNav{
    bottom: -24px;
}
#home.video #pantryNav ul {
}
#home.video #pantryNav ul li {
  height:84px;
  margin-bottom:6px;
}
#home.video #pantryNav ul li a{
  height:84px;
}

#home #pantryNav > div{
  bottom:-12px;
}
#home.video #pantryNav > div{
  bottom:0;
}
#home.video #pantryNav ul li.noImage{

}
#home.video #pantryNav ul li.noImage a {
height: 36px;
line-height: 20px;
}
#home.video #pantryNav ul li.noImage a span {
       margin: 0;
    padding: 12px;
}
#home #pantryNav ul li a img {
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 77%;
	border:none;
}
#home #pantryNav ul li a span {
    background: url("/stylesheets/bg_images/homePantryButton.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 88px;
	line-height: 84px;
    left: 0;
    padding: 6px 12px 6px 14px;
    position: absolute;
    top: 0;
    width: 80px;
	font-size:22px;
}
#home #pantryNav ul li.twoLines a span
{
	 font-size: 22px;
    line-height: 22px;
    padding-left: 14px;
    padding-top: 24px;
}
#home #pantryNav ul li a:hover span {
}


.inside #pageContent {
  
	background:#fff;
    margin-left: 0;
    padding-left: 30px;
    width: 520px;
	min-height:550px;
	box-shadow: -8px 0 9px -6px #999999;
	behavior:url(/Stylesheets/PIE-1.0.0/PIE.htc);
}
.inside #pageContent h2 {
	padding-top:22px;
}
#sidebarRight {
    width: 194px;
	position:relative;
}


#sidebarRight #sidebarBottomRight{
	width: 194px;
}
#testimonials
{
	
}
#testimonials .testimonial
{
	max-width:100%;
}
.ie7 #sidebar #testimonials .testimonial
{
	width:170px;
}
#testimonials .testimonial blockquote {
    font-size: 13px;
    margin: 0 0 10px;
    text-align: center;
		font-family: "Rockwell";
		line-height:1.2;

}
#testimonials .testimonial cite {
    display: block;
    text-align: center;
	font-size:13px;
	font-family: "Rockwell";
}
#subscribeForm
{
	
}
#subscribeForm .form
{
	padding:12px 0;
}
#subscribeForm .form .item 
{
	float: left;
    padding: 0;
    width: auto;
}
#subscribeForm .form .item input
{
	width: 100%;
}
#subscribeForm .form .item #CLEmailAddress
{
	border:1px solid #aaa;
	border-right:1px solid #999;
	margin:0;
	padding:0 10px;
	border-radius:4px 0 0 4px;
	height:33px;
	line-height:33px;
	font-size:11px;
	width: 87px;
}
#subscribeForm .form .item #catlistbutton
{
	height: 35px;
    width:60px;
	font-size:11px;
	border:1px solid #aaa;
	border-left:1px solid #fff;
	background:#ddd;
	border-radius:0 4px 4px 0;
	margin:0;
	cursor:pointer;
}
#home #subscribeForm .form .item 
{
	float:left;
}
#home #subscribeForm .form .item input
{
	
}
#home #subscribeForm .form .item #CLEmailAddress
{
	width:190px;
	font-size:13px;
}
#home #subscribeForm .form .item #catlistbutton
{
	width: 75px;
	font-size:13px;
}

/*------------------------------------------------------------------------------------------------------
Shop
------------------------------------------------------------------------------------------------------*/
#shopNav {
	margin-bottom:20px;
	text-transform:
}
#shopNav ul {
    list-style: none outside none;
}
#shopNav ul li {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #D1D2AF;
    display: block;
    padding: 0;
    position: relative;
}
#shopNav ul li a {
    display: block;
    height: 45px;
    margin: 0;
    overflow: hidden;
    padding: 0;
	text-decoration:none;
}
#shopNav ul li a img {
    min-height: 45px;
    position: absolute;
    width: 82px
}
#shopNav ul li a span {
    background: url("/stylesheets/bg_images/catalogue.png") no-repeat scroll 0 -45px transparent;
    display: block;
    font-family: "Rockwell";
    font-size: 15px;
    height: 37px;
    left: 72px;
	color:#887765;
    line-height: 36px;
    overflow: hidden;
    padding: 4px 4px 4px 20px;
    position: absolute;
    width: 50%;
	text-transform:uppercase;
	word-wrap: break-word;
	cursor:pointer;
}
#shopNav ul li.twoLines a span {
    line-height: 18px;
}
.ie #shopNav ul li.twoLines a span,
.webkit #shopNav ul li.twoLines a span  
{
	line-height:20px;
}
#shopNav ul li.selected a span,
#shopNav ul li a:hover span {
    background: url("/stylesheets/bg_images/catalogue.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
}


#shopWrapper
{
	
}
#shopHeader
{
	
}
#shop #breadcrumbs
{
	padding:12px 0	;
	font-size:85%
}

#shop #breadcrumbs a
{
	text-decoration:none;
}
/*------------------------------------------------------------------------------------------------------
Catalogues
------------------------------------------------------------------------------------------------------*/
#shopHeader #catalogueDescription
{
	
}
#shopHeader #catalogueDescription h2
{
	
}
#shopHeader #catalogueDescription p
{
	
}
#shopContent
{
	
}


#shopContent #catalogues
{
	
}
#shopContent ul
{
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;	
}
#shopContent ul.catalogueList
{
	
}
#shopContent ul.catalogueList li {
    float: left;
    height: 150px;
    padding: 4px;
    width: 122px;
}

#shopContent ul.catalogueList li .catalogue
{
	
}

#shopContent ul.catalogueList li .catalogue .image {
    border: 1px solid #DDDDDD;

}
#shopContent ul.catalogueList li .catalogue .image a {
	text-align:center;
	display:block;
	padding: 4px;
    overflow: hidden;
   
}
#shopContent ul.catalogueList li .catalogue .image a:hover
{
	background:#eee;	
}
#shopContent ul.catalogueList li .catalogue .image img {
    width: 100%;
	height:auto;
	display:block;
}
#shopContent ul.catalogueList li .catalogue h3
{ font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
    padding: 4px;
    text-transform: none;
}
#shopContent ul.catalogueList li .catalogue h3 a
{
	text-decoration:none;
	text-transform:none;
}
#shopContent ul.catalogueList li .catalogue h3 a:hover
{
	
}

/*------------------------------------------------------------------------------------------------------
Products
------------------------------------------------------------------------------------------------------*/

#shopContent #products
{
	
}
/*------------------------------------------------------------------------------------------------------
Small Products
------------------------------------------------------------------------------------------------------*/
#shopContent ul.productSmall
{
	margin:24px 0;
}


#shopContent ul.productSmall li {
    float: left;
    height: 165px;
    padding: 4px;
    width: 122px;
}


#shopContent ul.productSmall li .smallProduct
{
	
}
#shopContent ul.productSmall li .smallProduct .image
{
	
}
#shopContent ul.productSmall li .smallProduct .image a
{
	text-align:center;
	display:block;
	border: 1px solid #DDDDDD;
    overflow: hidden;
    padding: 4px;
}
#shopContent ul.productSmall li .smallProduct .image a:hover
{
	background:#eee;
}
#shopContent ul.productSmall li .smallProduct .image img
{
	width: 100%;
	height:auto;
	display:block;
}

#shopContent ul.productSmall li .smallProduct h3 {
    font-size: 13px;
    height: 40px;
    line-height: 14px;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 4px;
}
#shopContent ul.productSmall li .smallProduct h3 a {
    line-height: 14px;
    text-decoration: none;
    text-transform: none;
}
#shopContent ul.productSmall li .smallProduct h3 a:hover
{
	
}

#shopContent #products:after {
        visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}
* html #shopContent #products{ zoom: 1; } /* IE6 */
*:first-child+html .#shopContent #products:after { zoom: 1; } /* IE7 */

#shopFooter{
     margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 20px;
}


}
#shopPagination span, #shopPagination a
{
      display: inline-block;
      height: 30px;
      line-height: 30px;
}
#shopPagination a img
{
     vertical-align:middle;
}


/*------------------------------------------------------------------------------------------------------
Large Products
------------------------------------------------------------------------------------------------------*/
#shopContent ul.productLarge
{
	
}
#shopContent ul.productLarge li
{
	
}
#shopContent ul.productLarge li #largeProduct
{
	padding-top:30px;
	
}
#shopContent ul.productLarge li #largeProduct #image
{
	
}
#shopContent ul.productLarge li #largeProduct #image img
{
	 border: 1px solid #DDDDDD;
    height: auto;
    max-width: 100%;
    padding: 6px;
}
#shopContent ul.productLarge li #largeProduct #details
{
	padding-top: 12px;
    width: 272px;
}
#shopContent ul.productLarge li #largeProduct #details h2
{
	line-height: 32px;
	padding-top: 0;
}
#shopContent ul.productLarge li #largeProduct #description
{
	
}
#shopContent ul.productLarge li #largeProduct #description h2
{
	
}
#shopContent ul.productLarge li #largeProduct #description p
{
	
}

#shopContent ul.productLarge li #recipes {
    border-top: 1px solid #D1D2AF;
	padding: 0 0 24px;
	margin-top:30px
}
#shopContent ul.productLarge li #recipes h3 {
    background: url("/stylesheets/bg_images/recipeTitle.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    height: 42px;
    line-height: 40px;
    padding: 0 20px;
}
#shopContent ul.productLarge li #recipes ol {
    list-style: decimal inside none;
}
#shopContent ul.productLarge li #recipes ol li
{
	font-family:"Rockwell";
	color:#185abb;
	padding-bottom:10px;
}
#shopContent ul.productLarge li #recipes ol li span
{
	font-family:"Ubuntu",Arial, Helvetica, sans-serif;color:#666;
}
#shopContent ul.productLarge li #recipes > div
{
	
}
#shopContent ul.productLarge li #recipes > .twoColumns > ol
{
	float:left;
	width:255px;	
	margin-right:10px;
}
#shopContent ul.productLarge li #recipes > .threeColumns > ol
{
	float:left;
	width:165px;	
	margin-right:10px;
}
#shopContent ul.productLarge li #recipes > .listContainer1
{
	
}
#shopContent ul.productLarge li #recipes .listCol1
{
	
}
#shopContent ul.productLarge li #recipes .listCol2
{
	
}
#shopContent ul.productLarge li #recipes .listCol3
{
	
}
#shopContent ul.productLarge li #recipes .last,
#shopContent ul.productLarge li #recipes .twoColumns .last,
#shopContent ul.productLarge li #recipes .threeColumns .last
{
	margin-right:0;
}

#shopContent ul li.catalogueItemNotFound,
#shopContent ul li.productItemNotFound
{
	display:none!important;
}
/*------------------------------------------------------------------------------------------------------
Recipes
------------------------------------------------------------------------------------------------------*/
#recipes
{
	
}
#recipeNav 
{
		margin-bottom:20px;

}
#recipeNav ul {
    list-style: none outside none;
}
#recipeNav ul li {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #D1D2AF;
    display: block;
    padding: 0;
    position: relative;
}
#recipeNav ul li a {
    display: block;
    height: 45px;
    margin: 0;
    overflow: hidden;
    padding: 0;
	text-decoration:none;
}
#recipeNav ul li a img {
    min-height: 45px;
    position: absolute;
    width: 82px
}
#recipeNav ul li a span {
    background: url("/stylesheets/bg_images/catalogue.png") no-repeat scroll 0 -45px transparent;
    display: block;
	color:#887765;
    font-family: "Rockwell";
    font-size: 14px;
    height: 37px;
    left: 72px;
    line-height: 18px;
    overflow: hidden;
    padding: 4px 4px 4px 20px;
    position: absolute;
    width: 50%;
	text-transform:uppercase;
	cursor:pointer;
}
.ie #recipeNav ul li a span,
.webkit #recipeNav ul li a span  
{
	line-height:18px;
}

#recipeNav ul li.selected a span,
#recipeNav ul li a:hover span {
    background: url("/stylesheets/bg_images/catalogue.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
}

#submitRecipesButton {
    background: url("/stylesheets/bg_images/submitRecipesBG.jpg") repeat scroll 0 0 transparent;
    height: 114px;
    margin-bottom: 0px;
}
#submitRecipesButton a {
    color: #FFFFFF;
    display: block;
    font-family: "Rockwell";
    font-size: 27px;
    height: 114px;
    padding: 14px 40px 10px 14px;
    text-decoration: none;
}
#submitRecipesButton a:hover
{
	color:#eee;
}

#recipesSearch
{ border-bottom: 5px solid #FFFFFF;
    border-top: 5px solid #FFFFFF;
    padding: 20px 10px 27px 14px;
	
}
#recipesSearch h4
{
	color:#063478;
	font-size:23px;
	margin-bottom:0.2em;
	text-align:left;
}
#recipesSearch h4 span
{
	color:#3568bf;
}
#recipesSearch .search {
    background: #FBFAF6;
    border: 1px solid #BEB3A7;
    height: 22px;
    margin: 0 auto;
    padding: 2px 0;
    width: 165px;
}
#recipesSearch .search input {
    float: left;
}
#recipesSearch .search input.cat_button {
    background: url("/stylesheets/bg_images/recipeSearchButton.jpg") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    height: 20px;
    padding-top: 28px;
    width: 28px;
}
#recipesSearch .search input.cat_textbox {
    border: medium none;
	 background: #FBFAF6;
    color: #999999;
    font-style: italic;
    height: 20px;
    width: 100px;
}

/*------------------------------------------------------------------------------------------------------
Recipes Web App List Views - base
------------------------------------------------------------------------------------------------------*/
.recipeList {
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    float: left;
    height: 94px;
    margin-bottom: 12px;
    margin-right: 12px;
    padding:14px 0 16px 0;
    width: 248px;
}

.recipeList > div {
    border-right: 1px solid #DDDDDD;
    height: 85px;
    margin: 4px -6px 4px 4px;
}
.recipeList.noBorder > div
{
	border-right:none;	
}
.recipeList .recipeListImage {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    float: left;
    height: 84px;
    margin-right: 8px;
    padding: 2px;
    width: 130px;
}
.recipeList .recipeListImage a {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    height: 74px;
	width: 120px;
    overflow: hidden;
    padding: 4px;
	position:relative;
}
.recipeList .recipeListImage img {
	
    display:block;
	margin:0 auto;
}
.recipeList .recipeListImage img.placeholder
{
	max-height:90px;
}
.recipeList .recipeListDescription .recipeListTitle {
    font-size: 14px;
	min-height: 30px;
	overflow:hidden;
	padding-bottom:5px;
}
.recipeList .recipeListDescription .recipeListTitle a {
    color: #185ABB;
    font-family: "Rockwell";
    text-decoration: none;
}
.ie7 .recipeList .recipeListDescription .recipeListTitle a
{
	line-height:15px;
}
.recipeList .recipeListDescription .recipeListTitle a:hover {
}
.recipeList .recipeListText {
    float: left;
    font-size: 11px;
    height: 34px;
    margin-bottom: 8px;
    overflow: hidden;
    width: 100px;
	margin-top:10px;
}
.recipeList .recipeListLink 
{
	font-size:11px;
	margin:0;	
}
.recipeList .recipeListText a
{
	font-size:11px;
}

/*pagination*/
ul.pagination.webapp {
    list-style: none outside none;
    min-width: 42px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 40px;
}
.ie7 ul.pagination.webapp 
{
	min-width:42px;
	max-width:100px;
	width:auto;
}
ul.pagination.webapp li {
    display: inline-block;
    height: 13px;
    line-height: 13px;
    text-align: center;
    width: 13px;
}
.ie7 ul.pagination.webapp li 
{
	float:left;
}
ul.pagination.webapp li.pag-current {
}
ul.pagination.webapp li.pag-number {
}
ul.pagination.webapp li.pag-prev, ul.pagination.webapp li.pag-next {
    overflow: hidden;
}
ul.pagination.webapp li.pag-next {
}
ul.pagination.webapp li.pag-prev {
}
ul.pagination.webapp li a {
    color: #555555;
    display: block;
    height: 13px;
    line-height: 13px;
    text-align: center;
    text-decoration: none;
    width: 13px;
}
ul.pagination.webapp li.pag-current, ul.pagination.webapp li a:hover {
    background: none repeat scroll 0 0 #F5CA25;
}
ul.pagination.webapp li a.pag-number {
}
ul.pagination.webapp li.pag-number a:hover {
}
ul.pagination.webapp li.pag-next a {
    background: url("/stylesheets/bg_images/nextArrow.png") no-repeat scroll 0 3px transparent;
    display: block;
    height: 13px;
    overflow: hidden;
    padding-top: 13px;
}
ul.pagination.webapp li.pag-next a:hover {
}
ul.pagination.webapp li.pag-prev a {
    background: url("/stylesheets/bg_images/prevArrow.png") no-repeat scroll 0 3px transparent;
	 display: block;
    height: 13px;
    overflow: hidden;
    padding-top: 13px;
}
ul.pagination.webapp li.pag-prev a:hover {
}
/*------------------------------------------------------------------------------------------------------
Recipes Web App List View (Main Recipe Page)
------------------------------------------------------------------------------------------------------*/

#featuredRecipes {
}
#featuredRecipes h3 {
    background: url("/stylesheets/bg_images/titleBG.jpg") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    height: 58px;
    left: -30px;
    line-height: 45px;
    padding: 0 30px;
    position: relative;
    width: 518px;
	margin-top:20px;
}
.ie #featuredRecipes h3
{
	line-height:53px;
}
#featuredRecipes .recipeList {
}
#featuredRecipes .recipeList {
    border-bottom: medium none;
    border-top: medium none;
    float: left;
    height: 190px;
    margin-bottom: 12px;
    margin-right: 8px;
    padding: 4px 4px 4px 0;
    width: 164px;
}
#featuredRecipes .recipeList.noBorder {
    margin-right: 0;
}
#featuredRecipes .recipeList > div {
    border-right: medium none;
    height: 180px;
    margin: 0;
}
#featuredRecipes .recipeList.noBorder > div {
    border-right: medium none;
}
#featuredRecipes .recipeList .recipeListImage {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    float: left;
    height: 136px;
    margin-bottom: 6px;
    margin-right: 8px;
    overflow: hidden;
    padding: 2px;
    width: 158px;
}
#featuredRecipes .recipeList .recipeListImage a {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    height: 128px;
    max-width: none;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width: 150px;
}
#featuredRecipes .recipeList .recipeListImage img {
    display: block;
    margin: 0 auto;
    max-width:none;
}
#featuredRecipes .recipeList .recipeListImage img.placeholder
{
	max-height:138px;
	max-width:100%;	
}
#featuredRecipes .recipeList .recipeListDescription .recipeListTitle {
    float: left;
    font-size: 12px;
    height: 60px;
    overflow: hidden;
    width: 90px;
}
#featuredRecipes .recipeList .recipeListDescription .recipeListTitle a {
    color: #185ABB;
    font-family: "Rockwell";
    text-decoration: none;
}
#featuredRecipes .recipeList .recipeListDescription .recipeListTitle a:hover {
}
#featuredRecipes .recipeList .recipeListText {
    display: none;
    float: left;
    font-size: 11px;
    height: 37px;
    width: 100px;
}
#featuredRecipes .recipeList .recipeListLink {
    float: right;
    font-size: 11px;
    margin: 0;
}
#featuredRecipes .recipeList .recipeListText a {
    font-size: 11px;
}
/*------------------------------------------------------------------------------------------------------
Recipes Web App List View (Home Page)
------------------------------------------------------------------------------------------------------*/

#home .recipeList
{
	
}
#home .recipeList {
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    float: left;
    height: 94px;
    margin-bottom: 12px;
    margin-right: 12px;
    padding: 4px 0;
    width: 248px;
}
#home .recipeList > div {
    border-right: 1px solid #DDDDDD;
    height: 85px;
    margin: 4px -6px 4px 4px;
}
#home .recipeList .recipeListImage {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    float: left;
    height: 84px;
    margin-right: 8px;
    padding: 2px;
    width: 124px;
}
#home .recipeList .recipeListImage a {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    height: 74px;
    overflow: hidden;
    padding: 4px;
}
#home .recipeList .recipeListImage a img {
}

#home .recipeList .recipeListDescription .recipeListTitle {
    font-size: 14px;
	height: 35px;
	overflow:hidden;
}
#home .recipeList .recipeListDescription .recipeListTitle a {
    color: #185ABB;
    font-family: "Rockwell";
    text-decoration: none;
}
#home .recipeList .recipeListDescription .recipeListTitle a:hover {
}
#home .recipeList .recipeListText {
    float: left;
    font-size: 11px;
    height: 37px;
    width: 100px;
}
#home .recipeList .recipeListLink 
{
	font-size:11px;
	margin:0;	
}
#home .recipeList .recipeListText a
{
	font-size:11px;
}




/*------------------------------------------------------------------------------------------------------
Recipes Web App Detail View
------------------------------------------------------------------------------------------------------*/
#recipeDetail
{
	
}
#recipeDetail #pageContent
{
	
}
#recipeDetail #pageContent h2
{
	
}
#recipeDetail #recipeDetailImage
{
	margin-bottom:12px;
}
#recipeDetail #recipeDetailImage img
{
	border: 1px solid #DDDDDD;
    padding: 4px;
}
#recipeDetail #recipeDetailText
{
	
}
#recipeDetail #recipeDetailText p
{
	font-weight: 700;
}
#recipeDetail #recipeDetailSteps
{
	
}
#recipeDetail #recipeDetailSteps ol
{
	list-style:decimal inside 20px;	
	margin-bottom:20px;
}
#recipeDetail #recipeDetailSteps ol li
{
	margin:24px 0 0 20px;
	color:#185abb;
	font-weight:bold;
}
#recipeDetail #recipeDetailSteps ol li span
{
	font-weight:normal;
	color:#545454;
}
#recipeDetail #recipeDetailTip
{
	
}
#recipeDetail #recipeDetailTip p
{
	
}
#recipeDetail #recipeDetailTip p strong
{
	color:#185abb;
}
#recipeDetail #siteCredit
{
	color:#185abb;
}
#recipeDetail #siteCredit p
{
	color:#185abb;
}
#recipeDetail #siteCredit p strong
{
	color:#999999;
}
#recipeDetail #siteCredit a
{
	color:#999999;
}

#recipeDetail #siteCredit a:hover
{
	color:#185abb;
}

#recipeDetail #sidebarRight
{
	
}
#recipeDetail #sidebarRight h3
{
	background:#0b60a8;
	color: #FFFFFF;
    font-size: 26px;
    height: 50px;
    line-height: 50px;
    margin: -12px -12px 12px;
    padding: 0 12px;
	position:relative;
}
#recipeDetail #sidebarRight #serves
{
	
}
#recipeDetail #sidebarRight #serves h4
{
	 background: none repeat scroll 0 0 #FDFDFB;
    border-bottom: 1px solid #C9C7A2;
    border-top: 1px solid #C9C7A2;
    color: #185ABB;
    font-size: 17px;
    height: 65px;
    line-height: 20px;
    margin: 0 -12px 12px;
    padding: 8px 12px;

}
.ie #recipeDetail #sidebarRight #serves h4
{
	line-height: 20px;
}
#recipeDetail #sidebarRight #ingredientList
{
	
}
#recipeDetail #sidebarRight #ingredientList p
{
	
}

/*--------------------------------------------------------
padding boxes to use in cols
--------------------------------------------------------*/
.box
{
	background:none;
	 padding: 12px;
}
.box.border{
	background:#fff;
	padding:4px;
	border:1px solid #ddd;
	}
.yellow
{ 
	background: #f5ca25; 	
}
.yellowBox h1,.yellow h2,.yellow h3,.yellow h4,.yellow h5,.yellow h6
{
 	color: #856C0A;
    font-size: 22px;
    padding: 10px;
    text-align: center;
	margin-bottom:0px;
	}
.yellow p,.yellow a
{
	color:#565142;	
}
.darkYellow
{
	background:#ddb623;
}
.darkYellow h1,.darkYellow h2,.darkYellow h3,.darkYellow h4,.darkYellow h5,.darkYellow h6
{
	color:#9d7e07;
	text-align:center;
	font-size:22px;
	padding:10px;
	line-height:1.2;
margin-bottom:0px;
}
.darkYellow p,.darkYellow a
{
	color:#434242;	
	text-align:center;
	 font-family: "Rockwell";
	 line-height:1.2;
	 margin-top:-3px;
}
.white
{
	background:#fff;
}
.half
{
	width:50%;	
}
.quarter
{
	width:25%;	
}
.third
{
	width:33.33%;	
}
.twoThirds
{
	width:66.66%;	
}


/*------------------------------------------------------------------------------------------------------
Footer
------------------------------------------------------------------------------------------------------*/
#footer
{
	
}
#footer p
{
	
}
#footer p a
{
	margin:0 12px;
}
#footer p a:hover
{
	
}

/*------------------------------------------------------------------------------------------------------
Forms -
Overwrites catalyst styles
-------------------------------------------------------------------------------------------------------*/
table.webform
{
	
}
table.webform td
{
	
}


div.form,div.item
{
	
}

div.form
{
	
}
div.item
{
	
}
fieldset
{
	width:514px;
		background-color:#eeeeee;
		overflow:hidden;
}

legend
{
	float:right;
	font-size:14px;
	color:#ffffff;
	text-transform:uppercase;
	line-height:1.5;
}
.ie7 legend
{
	margin:-0.8em 0.5em 0.5em -0.7em;	
}
.ie8 legend
{
	margin:0.8em 0.5em 0.5em 0;
	position:relative;
}
.ie9 fieldset
{
	padding-top:0;	
}
.ie9 legend
{
	margin:-0.8em 0.5em 0.5em 0;
	position:relative;
}

label,.form label, .webform .label
{
	display:block;	
}
label.inline,.form label.inline, .webform label.inline
{
	display:inline;
}

input[type=text],input[type=email],input[type=url],input[type=number],input.cat_textbox,.form input, .webform input
{
	width:150px;
}

textarea, textarea.cat_listbox
{
	width:200px;	
}
input[type=button], button, button.catwebformbutton,.cat_button
{
	
}

input[type=radio]
{
	width:auto;
}
input[type=radio]:checked
{

}

input[type=checkbox]
{
	width:auto;
}
input[type=checkbox]:checked
{
	
}

select, select.cat_dropdown
{
	
}
select.cat_dropdown_small
{
	
}
select.cat_dropdown_smaller
{
	
}



/*Form common styles and error messages*/
.formHidden
{
	position:absolute;
	left:-9999em;	
}
.formInvalid
{
	background-color:#fce8e8;
}
.formError
{
	/* supply height to ensure consistent positioning for every browser */
	
	background-color: #FCC;
	border:1px solid  #e8a2a2;
	font-size:12px;
	color: #C00;
	padding:3px 10px;
	
}
/* pure CSS arrow */
.formError em {
	display:block;
	width:0;
	height:0;
	border:10px solid;
	border-color:#FCC transparent transparent;

	/* positioning */
	position:absolute;
	bottom:-19px;
	left:0px;
}

.formSuccess
{
	background-color: #c5f0da;
	border:1px solid  #99cdb3 ;
	font-size:12px;
	color: #3f6e56;
	padding:3px 10px;		
}
.formWarning
{
	font-size:12px;
	background:#FFC;
	color: #C30;
	border:1px solid #960;
	padding:3px 10px;		
}
.formWarning p
{
	color: #C30;
}
/*---------------------------------------------------------------------------------------------------------
inContext styling - use these styles to show/hide elements while inContext editing is on or off
---------------------------------------------------------------------------------------------------------*/
.inContextOn
{
	
}
body.inContextOn
{
	margin-top:40px;	
}

.inContextOff
{
	
}
#inContextWarning
{
	position:fixed;
	top:0;
	width:100%;
	height:30px;
	z-index:100000;	
	color:#666;
	line-height:30px;
}
#inContextWarning,
.inContextOff #inContextWarning
{
	display:none;
}
.inContextOn #inContextWarning
{
	display:block;
}
/*------------------------------------------------------------------------------------------------------
 JS disabled styles 
 -----------------------------------------------------------------------------------------------------*/
.js #noJSWarning,
#noJSWarning
{
	display:none;	
}
.no-js #noJSWarning
{
	display:block;	
	position:fixed;
	bottom:0;
	width:100%;
	height:30px;
	z-index:100000;	
	color:#666;
	line-height:30px;
}
.no-js nav li:hover ul { display:block; }



#sidebarRight .recipeBox 
{
	
}
#sidebarRight .recipeBox .recipeBoxImage 
{
	
}
#sidebarRight .recipeBox .recipeBoxImage a
{
	display: block;
    height: 130px;
    position: relative;
    width: 172px;
}
#sidebarRight .recipeBox .recipeBoxImage a img
{
	
}
#sidebarRight .recipeBox .recipeBoxText
{
	
}
#sidebarRight .recipeBox .recipeBoxText h3 {
 border-bottom: 1px solid #CDBDB6;
    color: #0D589E;
    font-size: 24px;
    margin-top: 10px;
    padding-bottom: 7px;}
	
	#sidebarRight .recipeBox .recipeBoxText p {
    color: #555454;
    font-family: "Ubuntu",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.3;
    margin-top: 0;
	margin-bottom:0px;
    padding: 4px 0 0px;}
	
	
	
	
	#sidebarBottomRight .yellow {
		height:auto; /*was160*/
	}
	
	.alignLeftt  {
		border-bottom: 1px solid #CDBDB6;
padding-bottom: 7px;
text-align: left;
margin-bottom: 0px;

	}
	
	.alignLeftt a {
		 padding-bottom:13px;
		 padding-top:0px;
		 margin-top:0px;
		 line-height:270%;
	}
	
	#ingredientsList p{
		line-height:110%
	}
	
	#recipes ol li {
	margin-left:20px;
	}
	#recipes ol {
	
		list-style-position: outside !important;
    margin-right: -20px !important;
	}
	
	ol.listCol2 {
		float:right !important;}
	
	.itemSR {
		width:494px;
		background-color:#eeeeee;
		padding:10px;
		border-bottom:2px solid #ffffff;
		overflow:hidden;
	}
	
	.itemSR .item_title {
	float: left;
width: 40%;
text-align: right;
	}
	
	.itemSR .item_fields {
		float: left;
width: 47%;
font-size: 13px;
clear: right;
padding-left: 10px;
	}
	
	.itemSR label {
		font-size:13px;
		margin-top:auto;
		margin-bottom:auto;
	}
	
	select.cat_dropdown, select.cat_listbox {
		width:auto !important;
	}
	.item_fields input{
		width:220px;
	}
	
	.item_fields textarea.cat_listbox {
		width:220px;
	}
	
	.item_fields input.cat_button {
		width:auto;
	}
	
	#sidebarBottomRight h4 {
		line-height:.5;
	}
	
	.topAddress {
		padding-top: 11px;
		text-align:right;
color: #0B60A8;}

.topAddress p{
	color: #0B60A8;}
	#awards {
		padding-top: 17px;
	}
	.recipeBoxText {
	margin: 12px 0;
padding: 0 12px;
	}
	
	.search-results {
		padding-top:50px;
	}

  /* Colobox overlay*/
  /*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
.overlay{position:absolute;left:-9999em;top:-9999em;}
#cboxLoadedContent .overlay{
  position:relative;top:auto;left:auto;display:block;
}
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(/Js/jQuery/colorbox/images/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/Js/jQuery/colorbox/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/Js/jQuery/colorbox/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/Js/jQuery/colorbox/images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}