/*
Theme Name: Hozelock Services
Theme URI: http://www.sdp-web.com/
Description: The default Hozelock Services theme
Author: S.C. Software Development Partnership S.R.L.
Author URI: http://www.sdp-web.com/
*/

/*********************************************************
 * Hozelock Services Shared CSS stylesheet
 *********************************************************
 * Version: 1.0
 * Author : S.C. Software Development Partnership S.R.L.
 * CSSVer : 2
 *********************************************************/
 
 *        { font-family: Arial, Verdana, Geneva, Helvetica, Sans-Serif; font-size:x-small; }
img       { border-style:none; }
form      { padding:0px; margin:0px; }
a:link	  { color:#18507C; font-size:100%; text-decoration:none; }
a:visited { color:#18507C; font-size:100%; text-decoration:none; }
a:hover	  { color:#18507C; font-size:100%; text-decoration:underline; }
strong, b, em, i, span
          { font-size:100%; }
input     { background-color: #fff; }
          
.greenBtn
	{ width:130px; height:25px; line-height:25px; text-align:center; font-weight:bold;
	  margin:0px; padding:0px 8px 0px 0px; font-size:110%;
	  background:transparent url(img/btn-green.png) 0% 0% no-repeat; }
.greenBtn a:link,
.greenBtn a:visited,
.greenBtn a:hover
	{ color:#fff; }
          
html	
	{ height:auto; background:#fff url(../../uploads/live-background/background-image.png) 0% 0% repeat; }
body      
	{ text-align:center; margin:auto; padding:0px; }
/* {{{ */
    #PageSlot { width:940px; margin:auto; }
    /* {{{ */
        #Wrapper { float:left; clear:both; width:900px; padding:0px 20px; background:#fff; }
        /* {{{ */
            #Header	 { float:left; width:100%; padding:10px 0px 0px; }
            /* {{{ */
            	#HeaderContent	
            		{ float:left; width:100%; text-align:left; }
            	/* {{{ */
            		#HeaderContentLeft
            			{ float:left; clear:left; width:360px; padding:20px 0px; }
            		#HeaderContentRight
            			{ float:left; }
            		/* {{{ */
            			#ShoppingBasket
            				{ width:160px; height:66px; margin:0px 0px 0px 369px; 
            				  padding:0px 0px 0px 10px; border-left:1px solid #ccdced;
            				  background:#edf4fa url(img/cart-home-bg.png) 0% 0% repeat-x; }
            			#ShoppingBasketTitle
            				{ width:100%; height:20px; 
            				  margin:0px; padding:0px;
            				  background:transparent url(img/cart-home.png) 0% 0% no-repeat; }
                        #ShoppingBasketTitle a
                            { display: block; text-indent:35px; width:100%; color:#ebae00;
            				  font-size:140%; font-weight:bold; line-height:26px; }
            			#ShoppingBasket p
            				{ margin:7px 0px; padding:0px; font-size:120%; }
            			#ShoppingBasket p a span
            				{ color:#0066b3; font-weight:bold; }
            			#ShoppingBasket p a:link
            				{ font-weight:bold; }
            			#ShoppingBasket p a:visited
            				{ font-weight:bold; }
            			#ShoppingBasket p a:hover
            				{ font-weight:bold; }
            			#MyHozelockAccount
            				{ text-align:right; font-size:140%; font-weight:bold; margin:8px 0px 0px; }            			
            			#MyHozelockAccount a:link
            				{ color:#00a16e; }
            			#MyHozelockAccount a:visited
            				{ color:#00a16e; }
            			#MyHozelockAccount a:hover
            				{ color:#00a16e; }
            			#Logout
            				{ text-align:right; font-size:140%; font-weight:bold; margin:8px 0px 0px; }            			
            			#Logout a:link
            				{ color:#00a16e; }
            			#Logout a:visited
            				{ color:#00a16e; }
            			#Logout a:hover
            				{ color:#00a16e; }
            		/* }}}-#HeaderContentRight */
            	/* }}}-#HeaderContent */
            	#MenuBar
            		{ float:left; width:100%; height:36px; text-align:right;
            		  background:transparent url(img/menu-bar-bg.png) 0% 0% repeat-x; }
            	/* {{{ */
	            	#Menu { float:left; line-height:36px; padding:0px; margin:0px; 
	            		    list-style-type:none; color:#fff;
	            		    background:transparent url(img/menu-bg.png) 0% 0% repeat-x; }
	            	/* {{{ */
	            		#Menu li	
	            			{ float:left; padding:0px 7px; margin:0px; color:#fff;
	            			  font-size:130%; font-weight:bold; }
	            		#Menu li a:link
	            			{ color:#fff; text-decoration:none; }
	            		#Menu li a:visited
	            			{ color:#fff; text-decoration:none; }
	            		#Menu li a:hover
	            			{ color:#fff; text-decoration:underline; }
	            	/* }}}-#Menu */
	            	#ReturnToMain
	            		{ color:#fff; font-size:130%; font-weight:bold; margin:0px; padding:5px; }
	            	#ReturnToMain img
	            		{ vertical-align:middle; }
            	/* }}}-#MenuBar */
            /* }}}-#Header */
            #MainBox 
            	{ float:left; clear:both; width:100%; margin:0px; padding:10px 0px 0px; }
            /* {{{ */
            	#Left	
            		{ float:left; clear:left; width:216px; text-align:left;
            		  margin:0px; padding:0px 0px 5px 0px; }
            	/* {{{ */
            		#Sidemenu
            			{ float:left; width:100%; margin:0px; padding:0px; 
            			  list-style-type:none; border-bottom:1px solid #ccdced; }
            		/* {{{ */
            			#Sidemenu li
            				{ line-height:25px; margin:0px; padding:0px; border-top:1px solid #ccdced;
            				  text-indent:6px; font-size:120%; font-weight:bold; }
            			#Sidemenu li.blue a:link,
            			#Sidemenu li.blue a:visited,
            			#Sidemenu li.blue a:hover
            				{ color:#0066B3; }
            			#Sidemenu li.blue.opened
            				{ text-indent:15px;
            				  background:transparent url(img/sidemenu-arrow-blue-open.png) 6px 50% no-repeat; }
            			#Sidemenu li.blue.closed
            				{ text-indent:15px;
            				  background:transparent url(img/sidemenu-arrow-blue-close.png) 6px 50% no-repeat; }
            			#Sidemenu li.sideSubmenu
            				{ margin:0px; padding:0px; width:100%; border-top:0px; }
            			#Sidemenu li.sideSubmenu ul
            				{ margin:0px; padding:0px 0px 0px 10px; list-style-type:none; }
            			#Sidemenu li.sideSubmenu ul li.green.opened
            				{ line-height:22px; text-indent:25px; border:0px; color:#00b085;
            				  background:transparent url(img/sidemenu-arrow-green-open.png) 16px 50% no-repeat; }
            			#Sidemenu li.sideSubmenu ul li.green.opened a:link
            				{ color:#00b085; }
            			#Sidemenu li.sideSubmenu ul li.green.opened a:visited
            				{ color:#00b085; }
            			#Sidemenu li.sideSubmenu ul li.green.opened a:hover
            				{ color:#00b085; }
            			#Sidemenu li.sideSubmenu ul li.green.closed
            				{ line-height:22px; text-indent:25px; border:0px; color:#00b085;
            				  background:transparent url(img/sidemenu-arrow-green-close.png) 16px 50% no-repeat; }
            			#Sidemenu li.sideSubmenu ul li.green.closed a:link
            				{ color:#00b085; }
            			#Sidemenu li.sideSubmenu ul li.green.closed a:visited
            				{ color:#00b085; }
            			#Sidemenu li.sideSubmenu ul li.green.closed a:hover
            				{ color:#00b085; }
            			#Sidemenu li.child,
            			#Sidemenu li.sideSubmenu ul li.child
            				{ background:none; }
            		/* }}}-#Sidemenu */
            		#Search
            			{ float:left; width:100%; height:30px; }
            		/* {{{ */
            			#SearchFormBody
            				{ padding:5px 0px 0px; }
            			#SearchFormBody label
            				{ font-size:120%; padding:0px 3px; }
            			#SearchFormBody input
            				{ vertical-align:middle; width:120px; height:15px; font-size:120%; 
            				  text-align:left; border:1px solid #7f9db9; }
            			#SearchFormBody input.submit
            				{ width:22px; height:19px; border:0px; }
            		/* }}}-#Search */
            		#PageSearch
            			{ float:left; width:100%; height:30px; }
            		/* {{{ */
            			#PageSearchFormBody
            				{ padding:5px 0px 0px; }
            			#PageSearchFormBody label
            				{ font-size:120%; padding:0px 3px; }
            			#PageSearchFormBody input
            				{ vertical-align:middle; width:120px; height:15px; font-size:120%;
            				  text-align:left; border:1px solid #7f9db9; }
            			#PageSearchFormBody input.submit
            				{ width:22px; height:19px; border:0px; }
            		/* }}}-#PageSearch */
            		.ddsg-wrapper
						{ text-align:left; }
					.ddsg-wrapper ul li
						{ font-size:120%; font-weight:bold; }
            		#SearchResults
            			{ float:left; clear:both; width:100%; text-align:left; }
            		#HeplFindingParts
            			{ float:left; width:100%; font-size:0px; margin:0px; padding:5px 0px 0px; }
            		#Aquapod
            			{ float:left; width:100%; font-size:0px; margin:0px; padding:5px 0px 0px; }
            	/* }}}-#Left */
            	#Center	
            		{ float:left; width:673px; margin:0px; padding:0px 0px 0px 11px; }
            	/* {{{ */
            		#Breadcrumbs
            			{ float:left; line-height:22px; font-size:12px; width:100%; text-align:left;
            			  margin:0px 0px 9px; padding:0px;
            			  border-top:1px solid #ccdced; border-bottom:1px solid #ccdced; }
            		#Center h1
            			{ font-size:260%; text-align:left; color:#0066B3; }
            		#Center h2
            			{ font-size:220%; text-align:left; color:#3e3d3d; margin:5px 0px; padding:0px; }
            		#Center h3
            			{ font-size:180%; text-align:left; color:#3e3d3d; margin:5px 0px; padding:0px; }
            		#Center h4
            			{ font-size:160%; text-align:left; color:#3e3d3d; margin:5px 0px; padding:0px; }
            		#Center h5
            			{ font-size:140%; text-align:left; color:#3e3d3d; margin:5px 0px; padding:0px; }
            		#Center h6
            			{ font-size:120%; text-align:left; color:#3e3d3d; margin:5px 0px; padding:0px; }
            		#Center p
            			{ padding:0px; margin:1em 0px; font-size:130%; text-align:left; color:#000;
            			  line-height:120%; }
            		#Center ul,
            		#Center ol
            			{ text-align:left; margin:0px; padding:5px 0px 5px 25px; }
            		#Center table.content
            			{ border-top:1px solid #363636; border-left:1px solid #363636; }
            		#Center table.content tr
            			{  }
            		#Center table.content tr td
            			{ font-size:120%; padding:5px; margin:0px; font-weight:bold; color:#00B085;
            			  border-bottom:1px solid #363636; border-right:1px solid #363636; }
            		#Center table.content tr td.tdheader
            			{ font-size:130%; color:#18507C; }
            		#Center ul li,
            		#Center ol li
            			{ font-size:120%; }
            		#SearchResults h2
            			{ margin:0px; padding:5px 0px; }
            		#SearchResults h3
            			{ margin:0px; padding:5px 0px; }
            		#SearchResults ul
            			{ margin:0px; padding:5px 0px 5px 25px; }
            		#SearchResults ul li
            			{ font-size:120%; }
            		.moreSpares
            			{ float:left; clear:both; width:100%; padding:5px 0px; margin:0px; 
            			  font-size:140%; font-weight:bold; text-align:right; }
            	/* }}}-#Center */
            /* }}}-MainBox */
            #Footer { float:left; clear:both; width:100%; height:24px; padding:30px 0px; margin:0px; }
            /* {{{ */
                #FooterMenu			
                	{ float:left; list-style:none; padding:0px; margin:0px; color:#0066B3; line-height:24px; }
                #FooterMenu li		{ float:left; padding-left:5px; font-size:100%; }
                #FooterMenu li a:link	{ color:#0066B3; text-decoration:none; }
                #FooterMenu li a:visited{ color:#0066B3; text-decoration:none; }
                #FooterMenu li a:hover	{ color:#0066B3; text-decoration:underline; }
                #FooterRight
                	{ text-align:right; color:#0066B3; }
                #FooterRight p
                	{ margin:0px; padding:0px; line-height:16px; }
            /* }}}-Footer */
        /* }}}-Wrapper */
    /* }}}-PageSlot */
/* }}}-Body */