@charset "UTF-8";
/* CSS Document */


@import url(reset.css);
@import url(layout.css);
@import url(typography.css);
@import url(menu.css);
@import url(form.css);


/*SITEWIDE
---------*/
html,
body									{ height: 100%; }
body									{ background: #FFF url(../images/shared/backgrounds/bg.gif) 0 0 repeat-x; color: #404040; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color:#afcde9; }
.clearer								{ clear: both; }
.hide									{ display: none; }


/*HEADER ELEMENTS
----------------*/
/*search*/
#search									{ position: absolute; top: 15px; right: 0; width: 180px; height: 20px; vertical-align: top; }
#search label							{ display: none; }
#search p								{ float: left; margin: 0; padding: 0; }
#search input							{ width: 135px; background: #aabfc9; color: #e8eef1; height: 18px; border: none;  font-size:11px;  vertical-align:middle;}
#SearchBox1_txtSearch 					{ padding: 3px 0 0 10px; height:auto;}
.searchButton  input 					{ background:none; }



/*CONTENT ELEMENTS
-----------------*/
.content #headline						{ padding-bottom: 15px; background:url(../images/shared/other/horizontal-dash.gif) 0 100% repeat-x;   }

.content ul 							{ margin-left:15px}
.content li								{ list-style-position:outside; padding-bottom:5px; }
.content h2 							{ margin-bottom:0px;}


/*Subnav*/
#subnav ul								{ margin: 5px 15px 15px 5px; }
#subnav li								{ list-style: none;  }
#subnav li a							{ display: block; padding-left: 10px;  }
#subnav li a#on,
#subnav li a:hover						{ background:url(../images/shared/other/arrow.gif) 0 50% no-repeat; color: #ed1651; }
#subnav li a span						{ padding: 10px 10px 10px 0;  display: block; background:url(../images/shared/other/horizontal-dash.gif) 0 100% repeat-x; overflow: auto; }




	


/*SIDE CONTENT ELEMENTS
-----------------------*/




/* home promo boxes */

.homepromo								{ border:1px solid #b5e0ff; width: 356px; padding:2px; background-color:#FFFFFF; height:200px; float:left; margin:12px 10px 0 0; background-image:url(../images/shared/backgrounds/home-promo-bg.gif);}
#norightpad								{ margin-right:0px; background-image:url(../images/shared/backgrounds/home-contact-bg.gif);}
.homepromo h1							{ width:356px;}
.homepromo p							{ font-size:11px; width:325px; margin-bottom:10px; position:relative; left:12px; padding-left:4px; top:15px;}
#whyChose								{ background-image:url(../images/shared/headers/h1_bg_whyChose.gif); height:29px;}
#contant								{ background-image:url(../images/shared/headers/h1_bg_contact.gif); height:29px;}


/* product boxes */
.productBox								{ border:1px solid #ededed; width: 167px; padding:2px 2px 5px 2px; background-color:#FFFFFF; float:left; margin-right:14px; height:360px; position:relative; top:12px; margin-bottom:12px;}
.productBox h1							{ background-image:url(../images/shared/backgrounds/h1-product-bg.gif); height:27px; color:#004675; font-size:11px;}
.productBox h1 span						{ position:relative; left:25px; top:6px; width:160px; display:block;}
.productImage							{ width:167px; height:167px; margin-top:1px;}
.productBox h2							{ color:#004675; font-size:11px; padding:15px 0 0 10px; width:150px; }
.productBox p 							{ color:#004675; font-size:11px; padding:3px 0 3px 10px; width:150px; margin:0px; }
.productBox	img							{ padding:5px 0 5px;}

#norightmargin							{ margin-right:0px;}



/*FOOTER ELEMENTS
----------------*/
#footer li 								{ list-style: none; display: inline; padding: 10px 5px; color: #004675; }
#footer li a							{ color: #004675;}

/*HOME PAGE
-----------*/
body.home #content #banner				{ height: 279px; }
/*
#homelinks								{ background: url(../images/shared/backgrounds/home_content_bg.gif) 0 0 repeat-x; min-height:500px; padding:15px 0 15px 16px; }
#homelinksProduct						{ padding:15px 0 0 16px; }
*/
#homelinks								{ min-height:500px; padding:0 0 15px 16px; }
#homelinksProduct						{ padding:0 0 0 16px; }
#ProductDetail							{ padding:0px 0 0 6px; }
#ProductDetail h2						{ color:#004675; margin-bottom:10px; }


/*SUB NAV
-----------*/
#side-nav ul							{ position:relative; left:15px; top:15px; }
#side-nav li   							{ position:relative; list-style:none; font-size:11px;}
#side-nav li.productTop					{ color:#FFF; height:24px; background-image:url(../images/shared/buttons/side-nav-bg.gif); background-position:bottom; background-repeat:no-repeat; display:block; padding-top:5px; width:170px; padding-left:10px; font-weight:bold;}

#side-nav a   							{ width:170px; list-style:none; height:22px; background-image:url(../images/shared/buttons/side-nav-bg.gif); background-position:bottom; background-repeat:no-repeat; display:block; padding-top:5px; padding-left:10px; text-decoration:none; color:#FFF;}
#side-nav A:hover  						{ width:170px; list-style:none; height:22px;  color:#FFF; background-image:url(../images/shared/buttons/side-nav-bg_on.gif);   }

#side-nav li ul 						{ position: absolute; left: -999em; width: 170px; height: auto; background-color:#e8ebec; z-index: 9999;}	
#side-nav li ul li 						{ height: auto;  }	


#side-nav li.sfhover ul ul, 
#menu li.sfhover ul ul ul 	            { _left: -999em; }
#side-nav li.sfhover ul, 
#menu li li.sfhover ul 		            { _left: auto; }

#side-nav li ul li a 					{background-color:#e8ebec; color:#404040; background-image:none;}	
#side-nav li ul li a:hover 				{background: #bcc5c9; color: #FFF; background-image:none;}	

#side-nav li:hover ul ul, 
#menu li:hover ul ul ul 	            { left: -999em; }
#side-nav li:hover ul, 
#menu li li:hover ul 		            { left: 15.5em; top:0px;}


/*QUICK SEARCH
-----------*/

#quickSearch							{ width:190px; float:left; height:140px; margin-top:5px;}
#quickSearch li.searchTop				{ color:#FFF; height:24px; padding-top:5px; width:170px; padding-left:10px; font-weight:bold; }
#quickSearch li.selectBox 				{ padding:0 0 5px 10px;}
#quickSearch li.searchButton   			{ height:10px; margin:0px; padding:0px; position:relative; top:-5px}
#quickSearch li.searchButton  a 		{ background-image:none;}
#quickSearch li.searchButton  a:hover	{ background-image:none;}
#quickSearch select						{font-size:11px; color:#666666;}
#quickSearch input[type=text]			{font-size:11px; color:#666666;}

/*Bargain Emails
-----------*/

#newsletter							    { width:190px; float:left; height:120px; margin-top:5px;}
#newsletter li.searchTop				{ color:#FFF; height:24px; padding-top:5px; width:170px; padding-left:10px; font-weight:bold; }
#newsletter li.selectBox 				{ padding:0 0 5px 10px;}
#newsletter input[type=text]			{font-size:11px; color:#666666;}


/*SIDE PROMOS
-----------*/

/*
#thisMonthsSpecial						{ width:172px; float:left; height:110px; position:relative; left:6px; margin-bottom:5px;}
*/
#thisMonthsSpecial						{ width:172px; float:left; height:110px; position:relative; left:6px; margin-bottom:15px;}
#thisMonthsSpecial	a					{ background-image:none;}
#thisMonthsSpecial	a:hover				{ background-image:none;}
#additionalPromos						{ width:172px; float:left; height:220px; position:relative; left:15px; top:10px; margin-bottom:15px;}


/*HEADERS
-----------*/

#pageHeader							{ width:770px; float:left; height:90px;  background-image:url(../images/shared/backgrounds/headers-bg.jpg);}
#pageHeader	h1						{ color:#FFFFFF; position:relative; top:33px; left:40px; font-size:28px; font-weight:100;}

/*PAGINATION
-----------*/

#pagination							{ width:720px; float:left; height:20px; background-color:#ededed; margin-top:10px; text-align:center; padding:10px; color:#666;}
#pagination	a						{ color:#666; font-size:11px; text-decoration:underline;}
#pagination	a:hover					{ text-decoration:none;}
#pagination	a.on					{ font-weight:bold; text-decoration:none;}


/*PRODUCT DETAIL 
-----------*/

#productDetailBg					{ width:708px; background-image:url(../images/shared/backgrounds/contentDetail-bg.gif); background-repeat:repeat-x; position:relative; top:9px; padding:25px; float:left; margin-bottom:25px;}
#productDetailBg #productHero		{ width:360px; height:360px; padding:5px; background-color:#FFFFFF; float:left;}
#productBrandLogo					{ width:270px; height:150; float:left; position:relative; left:30px; color:#004675; }
#productDetails						{ width:270px; height:100%; float:left; position:relative; top:20px; left:30px; color:#004675; }
#productDetails	h1					{ font-size:18px;}
#productDetails	h2					{ font-size:14px; font-weight:100; color:#004675;}
#productDetails	p					{ font-size:12px; margin-top:20px;}





/*FORM
-----------*/
#enquiryFormBg						{ width:708px; background-image:url(../images/shared/backgrounds/contentDetail-bg.gif); position:relative; top:9px; padding:25px 25px 0 25px; float:left; color:#004675; margin-bottom:5px;}
#enquiryFormBg table td 			{ color:#004675; padding:2px;}	
#enquiryFormBg	h1					{ margin-bottom:10px;}


/*PRODUCT DETAILS TABLE
-----------*/
table.productDetailsTable td				{ padding:2px; border:1px solid #76b3d4; padding-left:10px; height:25px; padding-right:5px;}
table.productDetailsTable td.productTitle	{ background-color:#004675; height:25px; color:#FFFFFF; background-image:url(../images/shared/backgrounds/productTitle_bg_repeat.gif);}
table.productDetailsTable tr.ourPrice td 	{ background-color:#a9d2e5;  color:#004675; font-weight:bold; }
table.productDetailsTable td.label 			{ width:100px;}



/*CONTENT PAGE STYLES
-----------*/

#pageContent						{ width:686px; background-image:url(../images/shared/backgrounds/contentDetail-bg.gif); position:relative; padding:25px 36px 25px 36px; float:left; background-repeat:repeat-x; border-top:10px solid #fff;}
#pageContent ul						{ margin-left:25px;}
#pageContent h2						{ margin-bottom:15px;}
#pageContent h3						{ margin:15px 0 15px 0; color:#004675;}
#pageContent a						{ color:#004675;}

#pageContent td						{ padding: 2px 0 2px 0;}

/*SEARCH RESULTS
-------------*/
#searchResults						{ width:700px; background-image:url(../images/shared/backgrounds/contentDetail-bg.gif); position:relative; padding:12px 15px 10px 20px; float:left; background-repeat:repeat-x; border-top:10px solid #fff; color:#004675; }


/*BREADCRUMB
-----------*/
#breadcrumb							
{
    float: left; 
    width:690px; 
    color:#004675;  
    position:relative;
    background-image: url(../images/shared/backgrounds/contentDetail-bg.gif);
    background-repeat:repeat-x;
    }
#breadcrumb ul                      { margin-left: 0px;}
#breadcrumb li						{ display: inline;}
#breadcrumb li.productTitle			{ background: none; padding: 0; font-size:22px;}
#breadcrumb li a					{ text-decoration:none; color:#004675;}
#breadcrumb li a:hover				{ text-decoration:underline;}