body {
    font-size:62.5%; /* Sets base font at 10px */
    font-family: Georgia, "Times New Roman", Arial, Verdana, sans-serif;
    background: #C8C8C8 url("bk.jpg") repeat-x fixed top left;
    padding:15px 0 30px 0;
    text-align:center;
    background-color:#fff;
    color:#333;


}

a { outline:none; }
a:link { text-decoration:none; color:#333; }
a:visited { text-decoration:none; color:#333; }
a:hover { text-decoration:underline; }
a:active {text-decoration:none; }

img { border:0; }

form { margin:0; }

/* SKIP TO NAV LINK */

.accessaid { position:absolute;
            height:0;
            overflow:hidden;
}


/* WRAPPER */

#wrapper { width:954px;
           background-color:#fff;
           padding:12px 18px 18px 18px;
           margin:0 auto;
           text-align:left;
}


/* Generic text formatting used throughout the store ---------------------------- */

.actCHECKOUTEM {
	background-color: #4d4d4d;
}

.actCHECKOUTBG {
	background-color: #f3f3f3;
}

.actlarger {
	font-size: 13px;
	color: #333333;
}

.actsmaller{
	font-size: 10px;
	color: #333333;
}

.actxxsmall {
	font-size: 10px;
	color: #333333;
}

.actxsmall {
	font-size: 11px;
	color: #333333;
}

.actsmall {
	font-size: 11px;
	color: #333333;
}

.actregular {
	font-size: 13px;
	color: #333333;
}

.actlarge{
	font-size: 16px;
	color: #333333;
}

.actxlarge {
	font-size: 20px;
	color: #333333;
}

.actxxlarge {
	font-size: 20px;
	color: #333333;
}

.actwarningcolor {
	color: #cc0000;
}
	
.actrequiredcolor {
	color: #cc0000;
}

.actsearchhighlightcolor {
	color: #cc0000;
}

.actrequired {
	color: #cc0000;
}

.actwarning {
	font-size: 11px;
	color: #cc0000;
}

.actwelcome {
	font-size: 11px;
	color: #333333;
}

.actlogotext {
	font-size: 11px;
	color: #D9090E;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
.actlogout {
	font-size: 11px;
	color: #cc0000;
}

/* Boxes and borders ------------------------------------------- */

.thinborder1 {
	border: 1px solid #ffffff;
}

.thinborder2 {
	border: 1px solid #ffffff;
}

.thinred {
	border: solid 1px #ffffff;
	border-top: 0px;
}

.thinred2 {
	border: solid 1px #ffffff;
	border-top: 0px;
} 

.boxheading {
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}

a.boxlink:link{
	color: #ffffff;
	text-decoration:none;
}

a.boxlink:visited{
	color: #ffffff;
	text-decoration:none;
}

a.boxlink:hover{
	color: #ffffff;
	text-decoration:underline;
}

a.boxlink:active{
	color: #ffffff;
	text-decoration:none;
}

* html .boxhead h2 {height: 1%;}

.sidebox {
	background: url('theme_curve4.gif') no-repeat bottom right;
	font-size: 100%;
}

.boxhead {
	background: url('theme_curve2.gif') no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}

.boxhead h2 {
	background: url('theme_curve1.gif') no-repeat top left;
	margin: 0;
	padding: 5px 10px 5px;
	color: #ffffff; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
}

.boxbody {
	background: url('theme_curve3.gif') no-repeat bottom left;
	margin: 0;
	padding: 5px 10px 11px;
}

.boxbody ol {
	margin: 0;
	padding: 0;
	margin-left: 1.2em;
	padding-left: 1.2em;
}

.boxbody ol li {
	margin-bottom: 0.2em;
}

/* Shopping cart and checkout fields ------------------------------------------- */

table.checkout td {
	background-color: #f3f3f3;
}

table.checkout th {
	background-color: #4d4d4d;
}

.cart {
	background-color: #f3f3f3;
}

.cartheading {
	background-color: #4d4d4d;
	font-weight: bold;
}


/* Checkout Progress Indicator  ------------------------------------------------ */

p.checkout-progress-heading {
	width: 300px;
	margin: 10px auto;
}

#checkout-progress-indicator {
	width: 300px;
	height: 19px;
	background-image: url('cpi-background.gif');
	margin: 0 auto 20px auto;
}

.checkout-progress-0 {
	width: 75px;
	height: 19px;
	background-color: #ffffff;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-1 {
	width: 150px;
	height: 19px;
	background-color: #ffffff;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-2 {
	width: 225px;
	height: 19px;
	background-color: #ffffff;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-3 {
	width: 300px;
	height: 19px;
	background-color: #ffffff;
	background-image: url('cpi-main.gif');
	float: left;
}

#checkout-progress-indicator .cpi-end {
	width: 8px;
	padding: 0;
	margin: 0;
	border: 0;
	height: 19px;
	background-image: url('cpi-end.gif');
	background-position: right;
	background-repeat: no-repeat;
	float: left;
}

/* Formatting for the site map -------------------------------------------- */

#actinic-sitemap {
	margin-left: 5px;
}

#actinic-sitemap ul {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Used by 'CSS Product Layout' ------------------------------------------- */

.content_left {
	text-align: left;
	float: left;
	margin-right: 20px;
}

.content_right {
	text-align: left;
	float: left;
}

/* Used by 'Standard Layout Using CSS' and related CSS-based product layouts */

.product_list	{
	margin: 20px 0px 20px 0px;
	}	

/* headings ----------------------------------------------------------------------------- */
	
h1.subheading	{
	font-size: 13px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 14px 0px;
	color: #ffffff;
	}
	
h2.clearall	{
	font-size: 16px;
	font-weight: 900;
	margin: 0px;
	padding: 2px 0px 14px 0px;
	color: #ffffff;
	clear:both;
	}
	
h3.product	{
	font-size: 13px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	color: #ffffff;
	}
	
h3.product_price	{
	font-size: 11px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
.text_heading_left_column	{
	margin: 0px;
	padding: 19px 0px 4px 0px;
	line-height:normal;
	color: #ffffff;
	font-weight: 900;
	font-size: 13px;
	}

/* Default formatting of all text boxes used in store pages ---------------- */

.form_input_general	{
	line-height: normal;
	font-size : 11px;
	word-spacing: normal;
	}

/* Styles for 'Quick Search Bar With Larger Button' ------------------------ */

.form_main_search_box	{
	line-height: 13px;
	width: 76px;
	height: 16px;
	margin: 0px 1px 0px 1px;
	padding: 0px 0px 0px 2px;
	font-size : 11px;
	background-color: #f3f3f3;
	border: 1px solid #f3f3f3;
	color: #333333;
	vertical-align: top;
	}

.form_main_search_box_td	{
	background-color: #ffffff
	}

.form_button_quick_search	{
	line-height: 13px;
	height: 18px;
	width: 85px;
	margin: 1px 1px 1px 1px;
	padding: 0px 0px 0px 12px;
	font-size : 11px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: #ffffff;
	background-image: url('theme_icon_search.gif');
	word-spacing: normal;
	}


/* Styles for the 'Mini' marketing layouts ---------------------------------- */

.product_image_cost	{
	margin: 0px 12px 8px 0px;
	text-align: center;
	float: left;
	}
	
.text_product_small_info	{
	font-size: 10px;
	line-height: normal;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	}

.text_product_small_info_heading	{
	margin: 0px;
	padding: 10px 0px 12px 0px;
	line-height:normal;
	color: #ffffff;
	font-weight: 900;
	font-size: 11px;
	}
	
.text_product_small_info_price	{
	margin: 0px;
	padding: 8px 0px 0px 0px;
	line-height:normal;
	font-weight: 900;
	font-size: 11px;
	}

.best_selling_items	{
	padding: 10px;
	background-color: #ffffff;
	}
	
.best_selling_items_spacing	{
	padding: 0px 0px 8px 8px;
	}

/* Styles for product image and fragment image placement in some layouts -------------------------- */

.image_float_right	{
	float: right;
	margin: 16px 0px 15px 20px;
	}

.image_product	{
	margin: 0px 18px 10px 0px;
	text-align: center;
	float: left;
	}


/* Links to sections and pages in sidebar menus on some themes -------------------------------------*/

ul.products	{
	line-height: normal;
	padding: 0px 0px 0px 1px;
	margin: 3px 0px 4px 15px;
	font-size: 11px;
	color: #cc0000;
	}

a.product_section:visited  {
	color : #cc0000;
	text-decoration : none;
	}
	
a.product_section:link  {
	color : #cc0000;
	text-decoration : none;
	}
	
a.product_section:active  {
	color : #cc0000;
	text-decoration : none;
	}
	
a.product_section:hover  {
	color : #333333;
	text-decoration : none;
	}

/* lines -------------------------------------------------------------------------------- */

.dotted_line_blue	{
	height: 1px;
	background-color: #ffffff;
	background-image:url('theme_dotted_line.gif');
	clear:both;
	}
	
.solid_line_light_blue	{
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	clear:both;
	}
	
.solid_line_blue	{
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	clear:both;
	}
	
.dotted_outline_blue	{
	border: 1px dotted #ffffff;
	padding: 8px;
	}		



/* Styles for 'Compact Parent Section List' ------------------------ */

.text_breadcrumbs	{
	font-size: 10px;
	color: #ffffff;
	margin: 0px;
	line-height:normal;
	padding: 2px 0px 10px 0px;
	}	

a.link_breadcrumbs:visited	{	
	color : #ffffff;
	text-decoration : underline;
	}

a.link_breadcrumbs:link  {
	color : #ffffff;
	text-decoration : underline;
	}
	
a.link_breadcrumbs:active  {
	color : #ffffff;
	text-decoration : underline;
	}
	
a.link_breadcrumbs:hover  {
	color : #ffffff;
	text-decoration : underline;
	}
	

/* Page footer  --------------------------------------------------------*/

.text_footer	{
	color: #ffffff;
	font-size: 10px;
	padding:0px;
	margin:4px 0px 0px 0px;
	}

.text_menu_no_space	{
	word-spacing: normal;
	}

a.link_footer:visited  {
	color : #ffffff;
	text-decoration : underline;
	}
	
a.link_footer:link  {
	color : #ffffff;
	text-decoration : underline;
	}
	
a.link_footer:active  {
	color : #ffffff;
	text-decoration : underline;
	}
	
a.link_footer:hover  {
	color : #ffffff;
	text-decoration : underline;
	}


/* Heading for attributes  --------------------------------------------------------*/

.text_options	{
	font-weight: 900;
	}


/* Formatting for 'Add To Cart Button With Cart Icon' ----------------------------------------------*/

.form_button_add_to_cart	{
	line-height: 13px;
	height: 20px;
	width: 76px;
	margin: 0px 1px 0px 0px;
	padding: 1px 0px 1px 14px;
	font-size : 11px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: #ffffff;
	background-image: url('theme_icon_add_to_cart.gif');
	word-spacing: normal;
	}	


/* Styles for CSS Buttons ----------------------------------------------*/

.text_menu	{
	padding: 2px 0px 2px 0px;
	font-size : 11px;
	margin: 0px;
	color : #ffffff;
	}
	

a.link_menu:visited  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : #ffffff;
	text-decoration : none;
	background-color: #ffffff; 
	border: 1px solid #ffffff;
	}
	
a.link_menu:link  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : #ffffff;
	text-decoration : none;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	}
	
a.link_menu:active  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : #ffffff;
	text-decoration : none;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	}
	
a.link_menu:hover  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : #ffffff;
	text-decoration : none;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	}

/* Styles for 'Top Level Section List In Boxes' and 'Brochure Nav Bar In Boxes' --------------------*/

.tech_main_menu	{
	background-color: #ffffff
   }
		
.tech_menu_bottom	{
	height: 4px;
	background-color: #ffffff;
	}
		
.tech_menu_button_border	{
	width: 121px; 
	border-right: 1px #ffffff solid;
	border-top: 1px #ffffff solid;
   }
	
div.tech_menu_button {
	width: 119px; 
	top: 0px;
	left: 0px; 
	border: 1px #ffffff solid;
   }
		
div.tech_menu_button_product {
	width: 119px; 
	top: 0px;
	left: 0px; 
	border: 1px #ffffff solid;
   }
		
.tech_menu_button_title	{
	width: 122px;
	border-top: 1px #ffffff solid;
	background-color: #ffffff;
   }

.tech_text_product_section	{
	padding: 3px 3px 3px 5px;
	margin: 0px;
	color : #ffffff;
	font-size : 11px;
	font-weight: 900;
   }

div.tech_menu_button a  {
	width: 113px; 
	color: #ffffff;
	text-decoration:none;
	display:block;
	padding:3px;
	text-align:left;
	background-color: #ffffff;
	font-size: 11px;
   }
	
div.tech_menu_button a:visited {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
   }
	
div.tech_menu_button a:active {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
   }
	
div.tech_menu_button a:link {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
	}

div.tech_menu_button a:hover {
	color: #ffffff;
	text-decoration:none;
	background-color: #ffffff;
   }

div.tech_menu_button_product a   {
	width: 104px; 
	color: #ffffff;
	text-decoration:none;
	display:block;
	padding:3px 3px 3px 12px;
	text-align:left;
	background-color: #ffffff;
	font-size: 11px;
   }
	
div.tech_menu_button_product a:visited {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
	background-image:url('theme_arrow.gif');
   }
	
div.tech_menu_button_product a:active {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
	background-image:url('theme_arrow.gif');
   }
	
div.tech_menu_button_product a:link {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
	background-image:url('theme_arrow.gif');
   }

div.tech_menu_button_product a:hover {
	color: #ffffff; 
	text-decoration:none;
	background-color: #ffffff;
	background-image:url('theme_arrow.gif');
   }

/* Start of styles new to v9 */

/* Styles for 'Best Seller List in Boxes' and 'New Products List in Boxes' used on the brochure home page */

.heading_marketing_box	{
	border: 2px solid #ffffff;
	width: 229px;
	margin: 0px 20px 14px 0px;
	}
		
.heading_marketing_box p.text_product_small_info_heading	{
	background-color: #ffffff;
	border-bottom: 2px solid #ffffff;
	color: #ffffff;
	font-weight: 900;
	font-size: 11px;
	background-image: url('theme_marketing_header.gif');
	margin: 0px;
	padding: 4px 0px 0px 8px;
	height: 20px;
	}
	
.heading_marketing_box	p{
	padding: 8px;
	}

.heading_marketing_box .product_image_cost	{
	padding: 8px;
	}


/* Rounded header and footer used around the bulk areas in 'Expert' and 'Hotshot' themes,
but also used in the lists that have 'Rounded Corners' in the name */

.rounded-heading {
	background-image: url('theme_curve2.gif');
	background-repeat: no-repeat;
	background-position: top right;
	}

.rounded-heading p.spacer {
	margin: 0;
	padding: 3px 0;
	background-image: url('theme_curve1.gif');
	background-repeat: no-repeat;
	margin-right: 10px;
	color: #ffffff;
	}

.rounded-footer {
	background-image: url('expert_rounded_bottom_right.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	}

.rounded-footer p.spacer {
	margin: 0;
	padding: 3px 0;
	background-image: url('expert_rounded_bottom_left.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-right: 10px;
	color: #ffffff;
	}

.indented-link a {
	display: block;
	background-color: #fff;
	width: 140px;
	padding: 5px 0 5px 30px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 1px #ffffff;
	}

.indented-link a:hover {
	background-color: #ffffff;
	}

/* Style for the 'Graduated Background' for Top Level Section lists and Brochure Page lists */

.graduated-link a {
	display: block;
	padding: 5px 0 5px 30px;
	font-weight: bold;
	text-decoration: none;
	border: solid 1px #ffffff;
	border-bottom: 0;
	border-right: 0;
	background-image: url('prime_link_background.gif');
	background-repeat: no-repeat;
	}

/* Style for the 'Shaded Background' for Top Level Section lists and Brochure Page lists */

.hotshot-link a {
	display: block;
	padding: 5px 0 5px 30px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 1px #ffffff;
	}

.hotshot-link a:hover {
	background-image: url('hotshot-link-highlight.gif');
	background-repeat: no-repeat;
	}

.hotshot-box-main {
	background-image: url('hotshot-box-main.gif');
	background-position: bottom;
	width: 170px;
	}

.hotshot-box-content {
	background-image: url('hotshot-box-top.gif');
	background-repeat: no-repeat;
	padding: 10px;	
	}

/* Styles for 'Quick Search Bar With Curved Box' layout */

.formbox1 {
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url('theme-rounded-searchfield-left.gif');
	height: 19px;
	padding-left: 10px;
	background-repeat: no-repeat;
	float: left;
	}

.formbox2 {
	padding: 0px;
	margin: 0px;
	border: 0px;
	height: 19px;
	background-image: url('theme-rounded-searchfield-right.gif');
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 10px;
	}

.inputfield {
	padding: 0px;
	margin: 1px 0;
	border: 0px;
	height: 16px;
	font-size: 12px;
	}

/* Drop down menus used for top level section lists and brochure page lists in the 'Corporation' and 'Premier' theme */

#corporate_top_menu, #corporate_top_menu ul { /* main menu lists */
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	line-height: 1;
	font-size: 11px;	
	}

#corporate_top_menu a {
	display: block;
	color: #ffffff;
	padding: 3px 6px 3px 13px;
	margin: 0;
	font-size: 11px;	
	text-decoration: none;
	background-image: url('theme_arrow.gif');
	background-position: left;
	background-repeat: no-repeat;
	background-color: #ffffff;
	border-right: 1px solid #000000;		
	}

#corporate_top_menu li a:hover {
	display: block;
	color: #ffffff;
	padding: 3px 6px 3px 13px;
	margin: 0;
	font-size: 11px;	
	text-decoration: none;
	background-image: none;
	background-color: #ffffff;
	background-image: url('theme_arrow.gif');
	background-position: left;
	background-repeat: no-repeat;
	}

#corporate_top_menu li { /* all list items */
	float: left;
	padding: 0px;
	margin: 0;
	list-style-image: none;
	line-height: 18px;
	}

#corporate_top_menu li ul { /* second-level lists */
	font-size: 100%;
	width: 150px; 
	display: block;
	position: absolute;
	margin: 0px 0px 0px -2px;
	border-top: 1px solid #000000;
	list-style-image: none;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}

#corporate_top_menu li ul li { /* second-level lists */
	width: 150px; 
	display: block;
	background-image: none;
	background-color: #ffffff;
	border-bottom: 1px solid #000000;
	}

#corporate_top_menu li ul li a { /* second-level lists */
	background-image:none;
	padding: 3px 6px 4px 6px;
	line-height: 150%;
	display: block;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	}

#corporate_top_menu li ul li a:hover { /* second-level lists */
	display: block;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 3px 6px 4px 6px;
	background-image:none;
	background-color: #ffffff;
	}

#corporate_top_menu li ul ul { /* third-and-above-level lists */
	margin: -24px 0px 0px 149px;
	}

#corporate_top_menu li:hover ul ul, #corporate_top_menu li.sfhover ul ul {
	left: -999em;
	}

#corporate_top_menu li:hover ul, #corporate_top_menu li li:hover ul, #corporate_top_menu li.sfhover ul, #corporate_top_menu li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

.corporate_pages_menu ul { /* brochure list */
	padding: 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1;
	font-size: 11px;	
	list-style-image: none;
	}

.corporate_pages_menu ul li {
	display: block;
	background-image:none;
	background-color: #ffffff;
	border-bottom: 1px solid #000000;
	}

.corporate_pages_menu li a {
	color: #ffffff;
	background-image:none;
	padding: 3px 6px 4px 6px;
	line-height: 150%;
	display: block;
	}

.corporate_pages_menu li a.product_section {
	color: #ffffff
	}
	
.corporate_pages_menu li a:hover {
	color: #ffffff;
	display: block;
	padding: 3px 6px 4px 6px;
	background-image: none;
	background-color: #ffffff;
	}

/* CUSTOM STYLES FOR JULIE SLATER CONTINUE */

/* BRANDING */

#branding { width:954px;
            margin:0 auto;
            padding-bottom:9px;
            font-size:1.1em;
            position:relative;
            height:87px;
}

/* site logo */

#branding h1 { float:left; margin:0; padding:0;
               text-indent:-9999px;
               height:87px;
               width:162px; 
               position: relative;
               }

#branding h1 a {
                display: block;
               text-decoration: none;
               cursor: pointer;
               height:87px;
               width:162px;  
               }

#branding h1 span {  height:87px;
                     width:162px; 
                     position: absolute;
                     top: 0;
                     left: 0;
                     background:url("julie-slater-and-son-branding.png") no-repeat top left;
       
                     }
                     
#branding p { width:auto;
              color:#999;
              padding:0; margin:0;
              float:right;
              font-weight:bold;
}

#branding p span, #branding p a.chklnk { padding-left:12px; }

#branding p a { color:#999;  }

#branding p a:hover { color:#333; text-decoration:none; }

/* sub links */

#branding ul { list-style:none;
               padding:0; margin:0;
               position:absolute;
               right:0; top:77px;
               clear:left;
               width:auto;
}

#branding li { float:left; text-align:right;}

#branding li a { padding:0 12px;
                 border-right:solid 1px #333;
}

#branding li a:hover { color:#f06; text-decoration:none; }

#branding li a.nobords, #footer li a.nobords { padding-right:0; border-right:none; }
                     
/* GLOBAL NAV */

#nav { padding:0 0 0 52px;
       margin:0;
       background-color:#000;
       width:902px;
       list-style:none;
        
}

#nav li { float:left;
          
          padding-right:74px;
          line-height:2.8em;
          }
          
#nav li.nopads { padding-right:0;   }

#nav li a { color:#fff; font-size:1.5em; }

#nav li a:hover { color:#ccff33; text-decoration:none; }


/* MAIN CONTENT WRAPPERS */

#maincontent, #cat-maincontent, #hp-maincontent { width:954px;
               margin-top:10px;
               }
               
#maincontent { background:url("sidebar-fade.jpg") no-repeat top left; }
               
#supp-content, #side-fade { width:140px;
                float:left;
                padding:0 0 0 10px;
}
 
#side-fade blockquote, #side-fade blockquote p { padding:0; margin:0; }

#side-fade blockquote p { text-indent:-99999px; }

#content, #broc-content, #chk-content { width:764px;
           float:right;  
}

/* supp content - inner styles */

#supp-content h3 { padding:15px 0 7px 2px;
                   margin:0;
                   border-bottom:solid 1px #656565;
                   font-size:1.8em;
                   text-transform:uppercase;
                   font-weight:normal;
                   letter-spacing:1px;
}

#supp-content ul { padding:10px 0 0 1px;
                   margin:0; list-style:none;
}

#supp-content li { padding:0; }

#supp-content li a { display:block;
                     padding:0 0 0 13px;
                     font-size:1.2em;
                     line-height:2.4em;
                     
}

#supp-content li a:hover { background:url("link-arrow.gif") no-repeat center left;
                           text-decoration:none;
}

#supp-content li a:active { background:url("link-arrow.gif") no-repeat center left; }

/* content - inner styles */

#section-banner { width:764px;
                  padding-bottom:7px;
}

#section-banner p { margin:0;
                    padding:0;
                    width:auto;
                    }
                    
#section-banner h2 { margin:0; padding:0;
            height:0; text-indent:-99999px;
            overflow:hidden; font-size:1px;
}

                    
/* PRODUCT SUMMARY */

.product-summary { width:230px;
                   padding:0 37px 0 0;
                   float:left;
                   height:320px;
                   
}

.nor { padding-right:0; }

.product-summary p { text-align:center;
                     margin:0 0 13px 0; padding:0 0 5px 0;
                     background:url("prod-sum-divide.png") no-repeat bottom left;
}

.product-summary p img { display:block;}

.product-summary h3 { margin:0 0 5px 0; padding:0;
                      color:#333; font-size:1.4em;
}

.product-summary h3 a { color:#333; }

.product-summary h4 { margin:0 0 10px 0; padding:0;
                      font-size:1.1em;
                      font-weight:normal;
}

.product-summary em { 
                      font-size:1.2em;
                      font-style:normal;
}

.product-summary em span { 
                      text-decoration: line-through;
}

/* PRODUCT DETAIL PAGE  */

#product-detail-img { width:320px;
                      float:left;
}

#product-detail-img p { text-align:center;
                        border:solid 1px #989898;
                        margin:0; padding:0;
                        width:310px;
}

#product-detail-img p img { display:block;}

#product-detail-txt { width:420px;
                      float:right;
                      
}

.lboxs { border:none!important; width:320px!important;
         text-align:left!important; 
}

.lboxs img { display:inline!important; 
               border:solid 1px #989898;
               margin-right:6px;

}

#product-detail-txt, #product-detail-img  { padding:41px 0 28px 0; }

/* product title */

#prod-title, #prod-desc, #buy-options, #social-btn { width:420px; } /* content areas on page */

#prod-title { padding-bottom:23px; }

#prod-title h2 { width:330px;
                 font-size:2.4em;
                 float:left;
                 margin:0; padding:0;
                 line-height:normal;
                 font-weight:normal;
}

#prod-title p { margin:0;
                padding:14px 0 0 0;
                font-size:1.1em;
                text-align:right;
                }


/* product description area */

#prod-desc { font-size:1.3em; }

#prod-desc p { padding:0 0 20px 0;
               margin:0;
               line-height:1.6em;
               }
               
#prod-desc ul { padding:0 0 22px 0; margin:0;
                list-style:none;
}

#prod-desc li { background:url("prod-detail-icon.gif") no-repeat center left;
                padding-left:11px;
}

#prod-desc p em { font-style:normal;
                   
}

#prod-desc h4 { padding:0; margin:0;
                font-size:17px;
                font-weight:normal;
                
}

#prod-desc h4 span { text-decoration: line-through; }

/* buy options */

#buy-options p { padding:24px 0 0 0; margin:0; }

#buy-options input { font-family: Arial, Verdana, sans-serif;
                     font-size:1.1em;
}

/* accepted cards and social networking tag */

#social-btn { 
              background:url("accepted-cards.png") no-repeat top right;
              height:45px;
}

#social-btn p { padding:28px 0 0 0; margin:0;}

/* RELATED ITEMS STYLES - uses product layout for product summary pages   */

#pd-related-items { width:764px;
                    border-top:solid #989898 1px;
                    clear:both;
                    padding-top:24px;
                   
}

#pd-related-items h5 { padding:0; margin:0;
                       font-size:2.2em;
                       font-weight:normal;
}

.relitem { padding-right:22px; }

/* FOOTER CONTENT  */

#footer { width:990px;
          margin:0 auto;
          padding:10px 0 0 0;
          text-align:left;
}

#footer address, #footer ul { 
                  padding:0; margin:0; 
}

#footer address { font-style:normal; color:#fff;
                  font-size:1.1em;
                  float:left;
                  width:300px;
}

#footer address a { color:#fff; }

#footer address a:hover { color:#c06; text-decoration:none; }

#footer ul { list-style:none;
             float:right;
             width:auto;
             
}

#footer li { float:left;  }

#footer li a { font-size:1.1em;
               border-right:solid #333 1px;
               padding:0 15px;
               }
               
#footer li a:hover { color:#fff; text-decoration:none; }


/* HOME PAGE ONLY STYLES */


/* top col wrappers */

#top-banners { width:954px; padding-bottom:10px; }

#flash-banner { width:713px; float:left;
                height:358px;
                background:url("http://www.julieslaterandson.co.uk/images/1.jpg") no-repeat top left;
                
}

#top-pods { width:231px; float:right; }

/* top right pod */

#top-rpod { width:231px; height:176px;
            margin:0 0 8px 0; padding:0;
            background:url("holiday1.jpg") no-repeat top left;
            }

#top-rpod a { display:block;
             height:176px;
             width:231px;
             cursor: pointer;
             }

#top-rpod a span { display:block; text-indent:-9999px; height:176px; width:231px; }

#top-rpod a:hover { background:url("holiday2.jpg") no-repeat top left; }

/* bottom right pod */

#top-bpod { width:231px; height:174px; margin:0; padding:0;
            background:url("newsletter-default.jpg") no-repeat top left;
}

#top-bpod a { display:block;
             height:174px;
             width:231px;
             cursor: pointer;
             }

#top-bpod a span { display:block; text-indent:-9999px;  height:174px; width:231px;}

#top-bpod a:hover { background:url("newsletter-rollover.jpg") no-repeat top left; }


/* centre pods wrapper and single pod styles */


#cpods-wrapper { width:954px; padding-bottom:10px; }

#cpods-wrapper p { width:227px;
                   height:130px;
                   border:solid #999 1px;
                   padding:2px 2px;
                   margin:0;
                   float:left;
                   }
                   
#pod1 { background:url("purses-default.jpg") no-repeat 2px 2px; }

#pod2 { background:url("travel-default.jpg") no-repeat 2px 2px; }

#pod3 { background:url("bags-default.jpg") no-repeat 2px 2px; }

#pod4 { background:url("gifts_default.jpg") no-repeat 2px 2px; }


#pod1, #pod2, #pod3 { margin-right:7px!important; }

#pod1 a, #pod2 a, #pod3 a, #pod4 a { display:block;
             height:130px;
             width:227px;
             cursor: pointer;
             }

#pod1 a span, #pod2 a span, #pod3 a span, #pod4 a span { height:130px;
             width:227px; display:block; text-indent:-99999px; }


#pod1 a:hover { background:url("purses-rollover.jpg") no-repeat top left; }

#pod2 a:hover { background:url("travel-rollover.jpg") no-repeat top left; }

#pod3 a:hover { background:url("bags-rollover.jpg") no-repeat top left; }

#pod4 a:hover { background:url("gifts_rollover.jpg") no-repeat top left; }

/* home page slogan */

.home-slogan { text-align:center;
                          font-size:2.9em;
                          border:solid #999 1px;
                          margin:0 0 10px 0;
                          padding:0;
                          width:952px;
}

.home-slogan p { margin:0; padding:0;
                            font-style:italic;
                            line-height:1.4em;
                            }


/* bottom pods wrapper and single pod styles */


#bpods-wrapper { width:954px; padding-bottom:10px; }

#bpods-wrapper p { width:231px;
                   height:134px; 
                   margin:0;
                   float:left;
                   }
                   
#poda { background:url("about-default.gif") no-repeat top left; }

#podb { background:url("discounts-default.gif") no-repeat top left; }

#podc { background:url("vouchers-default.gif") no-repeat top left; }

#podd { background:url("hot-default.gif") no-repeat top left; }


#poda, #podb, #podd { margin-right:10px!important; }

#poda a, #podb a, #podc a, #podd a { display:block;
             height:134px;
             width:227px;
             cursor: pointer;
             }

#poda a span, #podb a span, #podc a span, #podd a span { height:134px;
             width:227px; display:block; text-indent:-99999px; }


#poda a:hover { background:url("about-rollover.gif") no-repeat top left; }

#podb a:hover { background:url("discounts-rollover.gif") no-repeat top left; }

#podc a:hover { background:url("vouchers-rollover.gif") no-repeat top left; }

#podd a:hover { background:url("hot-rollover.gif") no-repeat top left; }

/* button footer styles  */

#btn-wrapper { width:954px;
               border-top:solid #999 1px;
               border-bottom:solid #999 1px;
               }
               
#btn-wrapper p { width:472px;
                   height:64px; 
                   margin:0;
                   }
                   
#btnl { background:url("area-x-1a.jpg") no-repeat 0 5px;
        float:left;
        padding:5px 5px 5px 0;
        }

#btnr { background:url("area-y.jpg") no-repeat 0 5px;
        float:right;
        padding:5px 0 5px 0;
        }

#btnl a, #btnr a, #btnl a span, #btnr a span { display:block;
             width:472px;
            height:64px; 
            cursor: pointer;
             }
             
#btnl a span, #btnr a span { text-indent:-99999px; }

#btnr a:hover { background:url("area-y-rollover.jpg") no-repeat top left; }

#btnl a:hover { background:url("area-x-1b.jpg") no-repeat top left; }

/* PAGING EXTRA STYLES */

#paging-wrap { width:764px; }


/* CHECKOUT PAGE STYLES */

.header-wrap { width:764px; padding-bottom:20px; }

#chk-content th, #chk-content td { font-size:11px; 
                                   font-family: Georgia, "Times New Roman", Arial, Verdana, sans-serif;
  
}

#chk-content input, #chk-content select  { font-size:11px; font-family: Georgia, "Times New Roman", Arial, Verdana, sans-serif; }

#chk-content th { color:#fff; }

.header-wrap h2 { color:#333;
                  font-size:2.4em;
                  margin:0 0 23px 0;
                  padding:0 0 5px 0;
                  background: url("border-line.jpg") repeat-x bottom left;
                  white-space: nowrap;
                  display:inline;
                  }
                  
td.cartheading { color:#fff; }


/* BROCHURE PAGES */

.broc-head-wrap { width:764px; padding-bottom:35px; }

.broc-head-wrap h2, #broc-hr { font-size:2.2em;
                     text-transform:uppercase;
                     display:inline;
                     background: url("border-line.jpg") repeat-x bottom left;
                     white-space: nowrap;
                     padding:0 0 5px 0; margin:0;
                     }
                     
.limg { float:left; margin:0 25px 13px 0; }

.rimg { float:right; margin:0 0 13px 25px; }

.btxt { font-weight:bold; }

#broc-content p { font-size:1.3em;
                  padding:0; margin:0 0 22px 0;
                  line-height:1.6em;
}

#broc-content h3 { padding:0;
                   margin:0 0 25px 0;
                   color:#656565;
                   font-size:2.2em;
                   text-transform:uppercase;
}

#broc-content h4 { padding:0;
                   margin:0;
                   color:#656565;
                   font-size:1.4em;
}  

.nmar { padding:0!important; margin:0!important; }

.dtxt { color:#000;
        background:url("left-quote.gif") no-repeat top left;
        padding-left:10px!important;
 }

.dtxt em { font-size:22px;
           background:url("right-quote.gif") no-repeat top right;
        padding-right:10px!important;  
 }
 
/* CORP AND TRADE CUSTOMERS  */

#corpl { width:250px; 
         float:left; 
         border:solid #CFCDCD 1px;
         background-color:#F0F0F0;
         color:#000;
         padding:20px 0 0 15px;
         
}

#corpl p { margin:0; padding:0 0 10px 0; font-size:12px;  }

#corpl p em { font-size:10px; }

#corpl input, #corpl textarea { display:block;
               width:230px;
               font-family: Georgia, "Times New Roman", Arial, Verdana, sans-serif;
               font-size:12px;
 }
 
#baddress { height:116px; }

#taddress { height:70px; }  
 
input#cnews, input#sbtn { display:inline!important; width:auto!important; } 

#corpr { width:465px; float:right; }
 
#tradelogin { background-color:#546A74;
              width:140px;
              float:right;
              padding:8px 15px;
              margin-right:12px;
              color:#fff;
}

#tradelogin p { margin:0 0 10px 0; padding:0;
                font-size:11px;
 }
 
#tradelogin p input { font-family: Georgia, "Times New Roman", Arial, Verdana, sans-serif;
               font-size:12px;
               }

#tradelogin h4 { color:#fff;
                 text-transform:uppercase;
                 font-size:1.5em;
                 padding:0 0 8px 0;
                 margin:0; line-height:1.4em;
                 }
.tradetxt { width:130px; }

#tradelogin p a { color:#fff; }

.btitle { border-top:solid 1px #CBCBCB; 
           padding-top:18px!important; 
           font-weight:normal;
}

.cimg { text-align:center; }

/* CALENDER OF EVENTS PAGE STYLES */



#events-table { width:749px; 
                border:solid #ccc 1px; 
                margin:0 0 23px 0;
}
 
#events-table td, #events-table th { width:145px; }

#events-table td {
                margin:0;
                padding:0 0 0 10px;
                background-color:#eee;
                font-size:1.2em;
                line-height:2.2em;
                width:185px;
                
}

#events-table th { background-color:#7A7A7A;
                   color:#fff;
                   text-transform:uppercase;
                   font-size:1.4em;
                   margin:0;
                   padding:0 0 0 10px;
                   line-height:1.6em;
                   text-align:left;
                   }

#events-btn { width:749px; }

#etwitter { width:285px; height:64px;
            margin:0; padding:0;
            background:url("the-tweets-off.png") no-repeat top left;
            float:left;           
 }

#etwitter a { display:block;
             height:64px;
             width:285px;
             cursor: pointer;
             }

#etwitter a span { display:block; text-indent:-9999px; height:64px; width:285px; }

#etwitter a:hover { background:url("the-tweets-on.png") no-repeat top left; }

#eblog { width:452px; height:64px;
            margin:0; padding:0;
            background:url("the-blog-off.png") no-repeat top left;
            float:right;           
 }

#eblog a { display:block;
             height:64px;
             width:452px;
             cursor: pointer;
             }

#eblog a span { display:block; text-indent:-9999px; height:64px; width:452px; }

#eblog a:hover { background:url("the-blog-on.png") no-repeat top left; }

/* CONTACT PAGE */

#contactr { width:313px; float:right; }
#contactl { width:410px; float:left; }

#fooimg { clear:both; }

#contactr p { margin:0 0 10px 0!important; padding:0!important; } 

#contact-newsletter { width:313px; height:164px;
            background:url("contact-news-sign-up-off.png") no-repeat top left;          
 }

#contact-newsletter a { display:block;
             height:164px;
             width:313px;
             cursor: pointer;
             }

#contact-newsletter a span { display:block; text-indent:-9999px; height:164px; width:313px; }

#contact-newsletter a:hover { background:url("contact-news-sign-up-on.png") no-repeat top left; }

#contact-events { width:313px; height:66px;
            background:url("cal-events-off.png") no-repeat top left;          
 }

#contact-events a { display:block;
             height:66px;
             width:313px;
             cursor: pointer;
             }

#contact-events a span { display:block; text-indent:-9999px; height:66px; width:313px; }

#contact-events a:hover { background:url("cal-events-on.png") no-repeat top left; }

#contact-corp { width:313px; height:66px;
            background:url("trade-corp-off.png") no-repeat top left;          
 }

#contact-corp a { display:block;
             height:66px;
             width:313px;
             cursor: pointer;
             }

#contact-corp a span { display:block; text-indent:-9999px; height:66px; width:313px; }

#contact-corp a:hover { background:url("trade-corp-on.png") no-repeat top left; }

#contactl table { width:347px; margin:0 0 10px 0; padding:0; }

#contactl td { vertical-align: top!important; font-size:1.3em; padding:0;  }

.tabhr, .tabemail { width:80px; }
.tabmsg, .tabmsg { width:267px; }
.tabmsg { padding:16px 0 25px 0!important; margin:0!important; font-size:11px!important; } 
.tabemail { padding:0 0 20px 0!important; }

.gtxt { color:#999; margin:0 0 42px 0!important; font-size:11px!important; }

#nlblog { width:452px; height:64px;
            background:url("blog-default.gif") no-repeat top left;          
 }

#nlblog a { display:block;
             height:64px;
             width:452px;
             cursor: pointer;
             }

#nlblog a span { display:block; text-indent:-9999px; height:64px; width:452px; }

#nlblog a:hover { background:url("blog-rollover.gif") no-repeat top left; }

#nltwit { width:452px; height:64px;
            background:url("twitter-default.gif") no-repeat top left;          
 }

#nltwit a { display:block;
             height:64px;
             width:452px;
             cursor: pointer;
             }

#nltwit a span { display:block; text-indent:-9999px; height:64px; width:452px; }

#nltwit a:hover { background:url("twitter-rollover.gif") no-repeat top left; }


/* NEWSLETTER */

#newsl { width:267px; float:left; }

#newsr { width:454px; float:right; }

#newsl p { padding:0; margin:0 0 10px 0; }

#newsr p { padding:0; margin:0 0 23px 0; }

.ptxt { color:#DF0179; }

#news-btn-wrap { width:454px;
                 border-top:solid 1px #aaa;
                 padding:23px 0 10px 0;
 }
 
#form-wrap { width:434px;
              padding:10px 10px!important;
              border:solid #aaa 1px;
              margin:0 0 28px 0;
              }
              
#form-wrap h3 { color:#fff;
                 background-color:#666;
                 font-size:2.2em;
                 padding:0 0 0 10px;
                 margin:0 0 20px 0;
                 font-weight:normal;
                 line-height:2.2em;
                 }

#form-wrap td { font-size:1.2em; padding:0 0 20px 0!important; }
                 
#form-wrap td input { vertical-align:middle; }

#newsr form input, #newsr form select {  font-family: Georgia, "Times New Roman", Arial, Verdana, sans-serif;
                                         font-size:12px;
 }

.lnput { width:266px; }

.lnput label { padding-right:20px; }

.snput label { padding-right:10px; }

.snput { width:162px; }             

.lbtn { width:100px; }

.ltxt { width:334px; text-align:left; font-size:10px!important; }
                     
/* DIV CLEARING STYLES  */

.fixclear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

* html .fixclear { height:1%;}
.fixclear { display:block; }

/* for ie7 clearing */

*:first-child+html .fixclear {
    min-height:1px;
}