* 						{margin:0; padding:0;}
body 					{font-family:Arial, Helvetica, Verdana, sans-serif; font-size:76%; text-align: center; background: #ffffff url(../../img/swelluk/site_back.gif) top left repeat-x; color: #5d5d5d;}
html,table,th,td,input,select,textarea,* p {font-size:100%;}
img 					{border:none; }
p						{padding: 0; margin: 1em 0; line-height: 1.4em;font-size: 1.0em;}
caption					{text-align:left; text-transform:uppercase; font-weight: bold; border-top: 1px solid #ebebeb; font-size: 1em; padding: 15px 0 0 0; margin: 0 0 6px 0;}
ul 						{padding: 0; margin: 0; list-style: inside; list-style-type: none;}
li						{padding: 0; margin: 0;}
a:link 					{color: #1f4064; text-decoration: none;}
a:visited 				{color: #1f4064; text-decoration: none;}
a:hover 				{color: #1f4064; text-decoration: underline;}
a:active 				{color: #1f4064; text-decoration: none;}

.sm_txt					{font-size: 75%; text-transform:none;}
.blue_txt				{color:#1f4064;}
.light_txt				{color:#00a0c5;}
.able_txt				{color:#00854d;}
.able_sm_txt			{color:#00854d; font-size: 0.8em;}
.price_txt				{color:#1f4064; font-size: 1.0em;}
.swell_sm_txt			{color:#00a0c5; font-size: 0.8em;}
.ol_list				{ list-style-position:inside; margin: 0 0 15px 0;}
.ol_list li				{margin: 0 0 5px 0;}

form					{margin: 0; padding: 0;}
.clearer				{height: 1px; line-height: 1px; clear: both;}/*helps display floated stuff*/
#acc_nav 				{position: absolute; left: -3000px;}/*accessibility nav*/
#form_errors			{position: absolute; left: -3000px;}

#holder					{width: 772px; margin: 0 auto; padding: 0; vertical-align: top; border-bottom: 1px solid #d3d3d3; text-align: left; background: url(../../img/swelluk/background.gif) repeat-y;}


#header_home			{background: #ffffff; border-left: 1px solid #d3d3d3; height: 126px; margin: 0 2px 0 0;}

#header_home h3			{float: left; margin: 20px 0 0 20px; width: 429px; clear: right;}




#nav					{height: 30px;float: left; width: 441px; background: #ffffff; margin: 0 0 0 4px; display: inline;}
#nav li					{display: block; float: left; text-align:center; height: 30px;}
.nav_search				{width: 136px; margin: 0 1px 0 0;background: #00a0c5 url(../../img/swelluk/tab_search.gif); color: #FFFFFF; font-weight:bold; font-size: 80%; text-transform:uppercase;}
.nav_search p			{margin: 9px 0 0 14px; text-align:left;}
.nav_norm				{background: url(../../img/swelluk/tab.gif) top left no-repeat; width: 76px;}
.nav_norm a				{margin: 10px 0 0 0; display: block; color: #5d5d5d; font-weight:bold; font-size: 80%; text-transform:uppercase;}
.nav_norm a:link 		{color: #5d5d5d; text-decoration: none;}
.nav_norm a:visited 	{color: #5d5d5d; text-decoration: none;}
.nav_norm a:hover 		{color: #00a0c5; text-decoration: underline;}
.nav_norm a:active 		{color: #5d5d5d; text-decoration: none;}
.tab_over				{color: #00a0c5;}


#searchform						{float: left; width: 555px; background: #00a0c5; height: 30px; margin: 0 0 4px 5px; display: inline; border-right: 1px solid #ffffff;}
/* Hides from IE-mac \*/
#searchform						{float: left; width: 541px; background: #00a0c5; height: 30px; margin: 0 0 4px 5px; display: inline; border-right: 1px solid #ffffff;}
* html #searchform				{float: left; width: 541px; background: #00a0c5; height: 30px; margin: 0 0 0 5px; display: inline; border-right: 1px solid #ffffff;}
/* End hide from IE-mac */

#searchform ul					{margin: 0 2px 0 1px;}
#searchform ul li				{display: inline;}
#searchform select				{margin: 6px 3px 5px 3px; color:#5d5d5d;}
#productsearch_manufacturer	{width: 120px;}
#productsearch_range		{width: 180px;}
#productsearch_product		{width: 180px;}

.search_head				{font-weight:bold;}


.login					{background: url(../../img/swelluk/gradient-grey.gif) right repeat-y; clear: right; display: inline; float: right; width: 290px; height: 30px; padding: 0 0 0 25px;}
.login a				{color: #5d5d5d;}
.login li				{display: inline; position: relative; top: 7px;}
.no						{font-size: 110%; font-weight:bold; letter-spacing: 3px; color: #1f4064; margin: 0 25px 0 0;}
.tel					{color: #00a0c5; letter-spacing: normal;}	

#quick			{float: left; width: 205px;background: #00a0c5; margin: 0; display: inline;}
/* code in here is ignored by ie5  mac \*/
#quick					{float: left; width: 219px;background: #00a0c5; margin: 0 0 4px 0; display: inline;}
* html #quick			{float: left; width: 219px;background: #00a0c5; margin: 0; display: inline;}
/* End hide from IE-mac */

#quick ul				{margin: 0; height: 30px; padding: 0 0 0 15px;}
#quick img				{vertical-align:top; margin: 7px 0 0 0;}
#quick ul li			{display: inline; margin: 0 8px 0 0;}
#quick_box				{width: 110px; margin: 6px 5px 4px 5px; color:#5d5d5d;}
.sch_go					{vertical-align:top; position: relative; top: 11px;}
.qck_go					{vertical-align:bottom; position: relative; top: -7px;}
		
#nav_top				{margin: 0 6px 0 0;}
#nav_bot				{margin: 0 6px 0 0;}

/*
#col_left				{width: 130px; margin: -1px 0 0 0; float: left;}
#secnav					{margin: 0 0 15px 5px; text-transform:uppercase; font-size: 0.85em; list-style-position:outside;}
#secnav	li				{margin: 0;}
#secnav a				{display: block; color: #ffffff; margin: 0 0 3px 0; padding: 6px 6px 6px 24px;}
#secnav li.ponds a		{background: #33a34b url(../../img/swelluk/arrow_ponds.gif) 10px 9px no-repeat;}
#secnav li.koi a		{background: #b13541 url(../../img/swelluk/arrow_koi.gif) 10px 9px no-repeat;}
#secnav li.marine a		{background: #427ad1 url(../../img/swelluk/arrow_marine.gif) 10px 9px no-repeat;}
#secnav li.aqua a		{background: #977ccb url(../../img/swelluk/arrow_aquarium.gif) 10px 9px no-repeat;}
#secnav ul				{list-style-position:outside; text-indent:0;}
#secnav ul ul           {margin:0 0 0 7px;}
#secnav ul ul li	    {margin:0 0 2px 0;}
#secnav li li a         {margin:0; padding: 0 0 0 13px; color: #5d5d5d; text-transform:none;}
#secnav li.ponds li a   {background: url(../../img/swelluk/arrow_green.gif) 4px 3px no-repeat;}
#secnav li.koi li a     {background: url(../../img/swelluk/arrow_red.gif) 4px 3px no-repeat;}
#secnav li.marine li a  {background: url(../../img/swelluk/arrow_blue.gif) 4px 3px no-repeat;}
#secnav li.aqua li a    {background: url(../../img/swelluk/arrow_purple.gif) 4px 3px no-repeat;}
*/
#col_left				{width: 130px; margin: -1px 0 0 0; float: left; display:none;}
#secnav					{margin: 0 0 15px 5px; text-transform:uppercase; font-size: 0.8em; list-style-position:outside;}
#secnav	li				{margin: 0;}

#secnav a				{display: block; color: #ffffff; margin: 0 0 3px 0; padding: 6px 6px 6px 24px;}
#secnav li.ponds a		{background: #33a34b url(../../img/swelluk/arrow_ponds.gif) 10px 9px no-repeat;}
#secnav li.koi a		{background: #b13541 url(../../img/swelluk/arrow_koi.gif) 10px 9px no-repeat;}
#secnav li.marine a		{background: #427ad1 url(../../img/swelluk/arrow_marine.gif) 10px 9px no-repeat;}
#secnav li.aqua a		{background: #977ccb url(../../img/swelluk/arrow_aquarium.gif) 10px 9px no-repeat;}
#secnav ul				{list-style-position:outside; text-indent:0;}
#secnav ul ul           {margin:5px 0 0 7px; list-style-position:outside; text-indent:0;}
#secnav ul ul li	    {margin:0 0 2px 0; border-bottom: none;}
#secnav li li a         {margin:0; padding: 0 0 0 13px; color: #5d5d5d; text-transform:none;}
#secnav li li			{margin: 3px 0 0 0; padding: 0 0 3px 0; border-bottom: 1px solid #ebebeb;}

#secnav li.ponds li a   {background: url(../../img/swelluk/arrow_green.gif) 4px 3px no-repeat;}
#secnav li.koi li a     {background: url(../../img/swelluk/arrow_red.gif) 4px 3px no-repeat;}
#secnav li.marine li a  {background: url(../../img/swelluk/arrow_blue.gif) 4px 3px no-repeat;}
#secnav li.aqua li a    {background: url(../../img/swelluk/arrow_purple.gif) 4px 3px no-repeat;}

#secnav li.ponds li li a	{background: #ffffff url(../../img/swelluk/arrow_nav.gif) 4px 3px no-repeat; color:#000000; text-decoration:underline;}
#secnav li.koi li li a 		{background: #ffffff url(../../img/swelluk/arrow_nav.gif) 4px 3px no-repeat; color:#000000; text-decoration:underline;}
#secnav li.marine li li a 	{background: #ffffff url(../../img/swelluk/arrow_nav.gif) 4px 3px no-repeat; color:#000000; text-decoration:underline;}
#secnav li.aqua li li a   	{background: #ffffff url(../../img/swelluk/arrow_nav.gif) 4px 3px no-repeat; color:#000000; text-decoration:underline;}



#exnav					{margin: 0 0 15px 8px; text-transform:uppercase; font-size: 0.75em; list-style-position:outside;}
#exnav li				{margin: 0 0 2px 0; padding: 4px 2px 4px 0; border-bottom: 1px solid #d3d3d3;}
#exnav a				{padding: 0 0 0 15px; background: url(../../img/swelluk/arrow_nav.gif) 4px 3px no-repeat;}
#exnav a:link 			{color: #4f4f4f; text-decoration: none;}
#exnav a:visited 		{color: #4f4f4f; text-decoration: none;}
#exnav a:hover 			{color: #00a0c5; text-decoration: underline;}
#exnav a:active 		{color: #4f4f4f; text-decoration: none;}

#col_left h3			{background: #00a0c5; padding: 6px; margin: 0 0 5px 5px; color: #ffffff; text-transform:uppercase; font-size: 90%; font-weight:normal;}
#safeicons				{margin: 0 0 15px 8px; text-transform:uppercase; font-size: 90%; list-style-position:outside;}
#safeicons li			{margin: 0 0 12px 0;}
#awards					{margin: 0 0 15px 15px; text-transform:uppercase; font-size: 80%; color: #1f4064; line-height: 1.1em; list-style-position:outside;}
#awards li				{margin: 0 5px 8px 0;}

#touch					{margin: 0 0 15px 15px; text-transform:uppercase; font-size: 90%; color: #1f4064; list-style-position:outside;}
#touch li				{margin: 0 0 8px 0;}
#touch a				{color: #00a0c5;}
.tele					{color: #00a0c5;}
.sm_tele				{ font-size: 85%;}

#col_mid				{width: 472px; margin: -1px 19px 0 19px; float: left;}
#col_mid h3				{padding: 0; margin: 0 0 10px 0; color: #5d5d5d; text-transform:uppercase; font-size: 85%; font-weight:bold;}
#col_mid h1				{font-size: 120%; padding: 10px 0 5px 0;}
#col_mid h2				{background: #00a0c5; padding: 6px; margin: 0 0 2px 0; color: #ffffff; text-transform:uppercase; font-size: 90%; font-weight:normal;}
.intro_txt				{width: 270px; float: left; margin: 10px 10px 15px 0;}
.home_txt				{width: 270px; float: left; margin: 10px 10px 15px 0;}
.intro_img				{width: 183px; float: left; margin: 10px 0 15px 0;}	
.intro_ad				{clear: left; margin: 0 0 10px 0;}
.intro_ad a				{font-weight:bold; display: block; text-transform:uppercase; padding: 0 0 2px 16px; background: url(../../img/swelluk/arrow_nav.gif) 4px 4px no-repeat;} 

.quicklinks				{border: 1px solid #d3d3d3; padding: 8px; margin: 3px 0 20px 0;}
.quicklinks	li			{display: inline; padding: 0 3px 0 14px; background: url(../../img/swelluk/arrow_nav.gif) 4px 4px no-repeat;}

.listlinks				{border: 1px solid #d3d3d3; padding: 8px; margin: 3px 0 20px 0;}
.listlinks	li			{padding: 0 3px 0 14px; background: url(../../img/swelluk/arrow_nav.gif) 4px 4px no-repeat; margin: 0 0 4px 0;}

.cont_add				{margin: 15px 0 15px 0; float: left; width: 270px;}
.cont_add li			{margin: 0 0 2px 0;}
.cont_add li.split		{margin: 15px 0 2px 0;}

.sec_row				{background: url(../../img/swelluk/sec_back.gif) bottom left no-repeat; margin: 8px 0 10px 0;}
.sec_row:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.sec_row {display: inline-table;}

/* Hides from IE-mac \*/
* html .sec_row {height: 1%;}
.sec_row {display: block;}
/* End hide from IE-mac */



.sec_box_l				{border-top: 1px solid #d3d3d3; padding: 8px 0 8px 0; float :left; display: inline; width: 230px; w\idth: 220px; margin: 0 5px 0 0;}
.sec_box_r				{border-top: 1px solid #d3d3d3; padding: 8px 0 8px 0; float :left; display: inline; width: 230px; w\idth: 220px; margin: 0 0 0 0;}
/* code in here is ignored by ie5  mac \*/
.sec_box_l				{border-top: 1px solid #d3d3d3; padding: 8px 0 8px 0; float :left; display: inline; width: 230px; w\idth: 230px; margin: 0 12px 0 0;}
.sec_box_r				{border-top: 1px solid #d3d3d3; padding: 8px 0 8px 0; float :left; display: inline; width: 230px; w\idth: 230px; margin: 0 0 0 0;}
/* end hack */


#col_mid .sec_row h3	{text-transform:uppercase; font-size: 1.1em; width: 40px; margin: 0 0 0 8px; font-weight:bold; padding: 0 0 2px 14px;}

#col_mid .sec_row h3.sec_ponds			{color: #33a34b; background: url(../../img/swelluk/arrow_green.gif) 4px 40% no-repeat;}
#col_mid .sec_row h3.sec_koi 			{color: #b13541; background: url(../../img/swelluk/arrow_red.gif) 4px 40% no-repeat;}
#col_mid .sec_row h3.sec_marine 		{color: #427ad1; background: url(../../img/swelluk/arrow_blue.gif) 4px 30% no-repeat;}
#col_mid .sec_row h3.sec_aqua 			{color: #977ccb; background: url(../../img/swelluk/arrow_purple.gif) 4px 30% no-repeat;}


.link_ponds				{color: #33a34b;  width: 130px; font-weight:bold; margin: 0 0 0 8px; background: url(../../img/swelluk/arrow_green.gif) 4px 40% no-repeat; text-transform:uppercase; padding: 0 0 2px 14px; display: block; clear: both;}
.link_ponds:link 		{text-decoration: none;color: #33a34b;}
.link_ponds:visited 	{text-decoration: none;color: #33a34b;}
.link_ponds:hover 		{text-decoration: underline;color: #33a34b;}
.link_ponds:active 		{text-decoration: none;color: #33a34b;}

.link_koi				{color: #b13541; display: block; clear: both; width: 130px; margin: 0 0 0 8px; clear: left; background: url(../../img/swelluk/arrow_red.gif) 4px 40% no-repeat;font-weight:bold; color: #b13541; text-transform:uppercase; padding: 0 0 2px 14px; }
.link_koi:link 			{text-decoration: none;color: #b13541;}
.link_koi:visited 		{text-decoration: none;color: #b13541;}
.link_koi:hover 		{text-decoration: underline;color: #b13541;}
.link_koi:active 		{text-decoration: none;color: #b13541;}

.link_marine			{font-weight:bold; display: block; clear: both; width: 130px; margin: 0 0 0 8px; color: #427ad1; text-transform:uppercase; padding: 0 0 2px 14px; background: url(../../img/swelluk/arrow_blue.gif) 4px 30% no-repeat;}
.link_marine:link 		{text-decoration: none;color: #427ad1;}
.link_marine:visited 	{text-decoration: none;color: #427ad1;}
.link_marine:hover 		{text-decoration: underline;color: #427ad1;}
.link_marine:active 	{text-decoration: none;color: #427ad1;}

.link_aqua				{font-weight:bold; display: block; clear: both; width: 130px; margin: 0 0 0 8px; color: #977ccb; text-transform:uppercase; padding: 0 0 2px 14px; background: url(../../img/swelluk/arrow_purple.gif) 4px 30% no-repeat;}
.link_aqua:link 		{text-decoration: none;color: #977ccb;}
.link_aqua:visited 		{text-decoration: none;color: #977ccb;}
.link_aqua:hover 		{text-decoration: underline; color: #977ccb;}
.link_aqua:active 		{text-decoration: none;color: #977ccb;}


.sec_left				{float: left; width: 111px; }
/* code in here is ignored by ie5  mac \*/
.sec_left				{float: left; width: 130px; }/* end hack */
/* end hack */
.sec_left p				{margin: 10px 0 10px 21px;}

.sec_img				{float: left; width: 85px;}
.sec_img img			{margin: 0 0 0 10px;}



.about_img_left		{float: left; margin: 5px 20px 0 0; border: 1px solid #d3d3d3;}
.about_img_right		{float: right; margin: 5px 0 10px 20px; border: 1px solid #d3d3d3;}

.off_row				{background: url(../../img/swelluk/off_back.gif) bottom left no-repeat; margin: 0 0 10px 0; padding: 0 0 0 10px;}
/* code in here is ignored by ie5  mac \*/
.off_row				{background: url(../../img/swelluk/off_back.gif) bottom left no-repeat; margin: 0 0 10px 0; padding: 0 0 0 0;}
/* end hack */

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

.off_row {display: inline-table;}

/* Hides from IE-mac \*/
* html .off_row {height: 1%;}
.off_row {display: block;}
/* End hide from IE-mac */

.off_row h5				{text-transform:uppercase;font-size: 90%; font-weight:bold; }
.off_row h5 a			{padding: 0;}
.off_box_1				{border-top: 1px solid #d3d3d3; padding: 8px 0 8px 0; float :left; display: inline; width: 151px; margin: 0 5px 0 0;}
.off_box_2				{border-top: 1px solid #d3d3d3; padding: 8px 0 8px 0; float :left; display: inline; width: 150px; margin: 0 5px 0 0;}
.off_box_3				{border-top: 1px solid #d3d3d3; padding: 8px 0 8px 0; float :left; display: inline; width: 151px; margin: 0 0 0 0;}

/* code in here is ignored by ie5  mac \*/
.off_box_1				{border-top: 1px solid #d3d3d3; padding: 8px; float :left; display: inline; width: 151px; w\idth: 135px; margin: 0 10px 0 0;}
.off_box_2				{border-top: 1px solid #d3d3d3; padding: 8px; float :left; display: inline; width: 150px; w\idth: 134px; margin: 0 10px 0 0;}
.off_box_3				{border-top: 1px solid #d3d3d3; padding: 8px; float :left; display: inline; width: 151px; w\idth: 135px; margin: 0 0 0 0;}
/* end hack */

.off_left				{float: left; width: 60px;}
.off_left p				{margin: 10px 0 10px 0;}
.off_cost				{font-size: 100%;  font-weight: bold; color: #1f4064;}
.off_link				{font-weight:bold; clear: left; font-size: 80%; width: 60px; text-transform:uppercase; padding: 0 0 2px 14px; background: url(../../img/swelluk/arrow_nav.gif) 4px 40% no-repeat;}
.off_img				{float: left; width: 65px;}
.off_img img			{margin: 0 0 0 10px;}


#col_right				{width: 131px; margin: -1px 0 0 0; float: left; display:none;}
#col_right a:link 		{color: #1f4064; text-decoration: none;}
#col_right a:visited 	{color: #1f4064; text-decoration: none;}
#col_right a:hover 		{color: #1f4064; text-decoration: underline;}
#col_right a:active 	{color: #1f4064; text-decoration: none;}
#col_right h4			{background: #00a0c5; padding: 6px; margin: 0 5px 2px 0; color: #ffffff; text-transform:uppercase; font-size: 90%; font-weight:normal;}
#basket_items			{margin: 0 5px 0 0; border-left: none; list-style-position:outside;}
#basket_items li		{margin: 3px 3px 3px 6px; border-bottom: 1px solid #d3d3d3; padding: 0 0 3px 0;}
#basket_items .lastitem	{border-bottom: 0;}
#basket_info			{border: 1px solid #d3d3d3; border-left: none; margin: 1px 5px 10px 0; padding: 5px 0 5px 0; background: #ebebeb; list-style-position:outside; text-transform:uppercase;}
#basket_info li			{margin: 3px 3px 6px 6px;}



#basket_info a			{padding: 0 0 0 13px; width: 40px; background: url(../../img/swelluk/arrow_basket.gif) 4px 3px no-repeat; font-weight:bold; font-size: 80%;}
.basket_but				{margin: 0 8px 0 0;}

#basket_total			{border: 1px solid #d3d3d3; border-top: none; padding: 10px; margin: 0 0 0 0;}
#basket_total ul		{list-style-position: outside; float: left; width: 350px;}
#basket_total li		{margin: 0 0 5px 0;}
.basket_total_but		{text-align:right; vertical-align: top;}
.changer				{text-align:right;}
.changertitle			{ text-align:center;}
.price_text				{color: #00a0c5; font-weight:bold;}
.able_text				{color: #00854d; font-weight:bold;}

.basket_desc			{text-align:right; vertical-align:top;}


.right_box				{margin: 0 5px 10px 0; border-left: none; padding: 5px;}
.right_box img			{margin: 0 0 0 0;}
.right_box h5			{text-transform:uppercase; font-size: 102%; margin: 5px 0 5px 0; font-weight:bold; line-height: 1em;}
.right_link				{padding: 0 0 0 13px; width: 40px; background: url(../../img/swelluk/arrow_nav.gif) 4px 3px no-repeat; font-weight:bold; font-size: 80%; text-transform:uppercase; text-align:right;}


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

#basket_total {display: inline-table;}

/* Hides from IE-mac \*/
* html #basket_total {height: 1%;}
#basket_total {display: block;}
/* End hide from IE-mac */


#footer					{background: #00a0c5; text-align:center; padding: 6px 0 6px 0; margin: 15px 0 0 0; clear: both; color: #FFFFFF;}
#footer a 				{color: #ffffff;}
#footer li				{display: inline; margin: 0 20px 0 0;}

.sm_news				{text-transform:none; font-size: 90%; line-height: 1.1em;}
#newsletter				{margin: 8px 0 0 7px; list-style-position: outside;}
#newsletter li			{margin: 0 0 3px 0;}
#newsletter label		{ font-size: 90%; color: #5d5d5d; display: block;}
.textfield1			{color: #5d5d5d; width: 100px;border: 1px solid #d3d3d3; padding: 2px;}
.textfield2			{color: #00a0c5; width: 100px;border: 1px solid #d3d3d3; padding: 2px;}


#cat_types			{margin: 15px 0 15px 0;}
#cat_types li		{display: block; width: 115px; margin: 0 0 3px 0; padding: 0; float: left;}
#cat_types li a		{padding: 6px 3px 6px 14px;display: block; background: #ebebeb url(../../img/swelluk/arrow_basket.gif) 4px 10px no-repeat; margin: 0 0 0 5px;}
#cat_types li.cat_first			{clear: left;}
#cat_types li.cat_mid_1			{margin: 0 3px 3px 3px;  width: 116px;}
#cat_types li.cat_mid_2			{margin: 0 3px 3px 0;  width: 116px; }
#cat_types li a.cat_koi				{background: #b13541 url(../../img/swelluk/arrow_koi.gif) 4px 10px no-repeat; color: #ffffff;}
#cat_types li a.cat_ponds			{background: #33a34b url(../../img/swelluk/arrow_ponds.gif) 4px 10px no-repeat; color: #ffffff;}
#cat_types li a.cat_marine			{background: #427ad1 url(../../img/swelluk/arrow_marine.gif) 4px 10px no-repeat; color: #ffffff;}
#cat_types li a.cat_aqua			{background: #977ccb url(../../img/swelluk/arrow_aquarium.gif) 4px 10px no-repeat; color: #ffffff;}


#col_mid h2.prod_list_title	{margin: 20px 0 0 0; clear: both;}
#prod_list				{margin: 0 0 20px 0; padding: 0; list-style-position:outside; text-align:right;}
* html	#prod_list		{margin:  0 0 0 -5px;} 
#prod_list li			{border-bottom: 1px solid #d3d3d3; margin: 15px 0 15px 0; padding: 0 0 15px 5px; width: 460px;}
.list_img				{margin: 0; width: 127px; float: left;}
.list_img img			{width: 127px; border: 1px solid #d3d3d3;}
#prod_list li div		{float: left; width: 325px; text-align:left;}
#prod_list li p			{margin: 5px 0 5px 15px;}
#prod_list li h5		{margin: 5px 0 5px 15px; font-size: 1.1em; font-weight:bold;}
#prod_list li h5 a      {color: #5d5d5d;}
#prod_list li h5 a:hover {text-decoration: none;}




#col_mid h2.cat_list_title	{margin: 0 0 0 0;}
#cat_list				{margin: 0 0 20px 0;}
#cat_list li			{border: 1px solid #d3d3d3; display: block; float: left; width: 149px; margin: 5px 0 5px 0; padding: 0 0 5px 0;}
#cat_list li.cat_mid	{margin: 5px 10px 5px 9px;}
#cat_list li.cat_first {clear: left;}
#cat_list img			{margin: 0 0 0 10px; width: 127px; height: 56px;}
#cat_list p			{margin: 5px 10px 5px 10px;}
#cat_list h5			{margin: 5px 10px 5px 10px; font-size: 1.1em; font-weight:bold;}
#cat_list h5 a         {color: #5d5d5d;}
#cat_list h5 a:hover   {text-decoration: none;}

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

#cat_list {display: inline-table;}

/* Hides from IE-mac \*/
* html #cat_list {height: 1%;}
#cat_list {display: block;}
/* End hide from IE-mac */

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

#cat_types {display: inline-table;}

/* Hides from IE-mac \*/
* html #cat_types {height: 1%;}
#cat_types {display: block;}
/* End hide from IE-mac */





.prod_view			{font-weight:bold; font-size: 80%; text-transform:uppercase; padding: 0 0 2px 10px; margin: 0 8px 0 0; background: url(../../img/swelluk/arrow_nav.gif) 0 40% no-repeat; clear: left;}
.prod_range			{font-weight:bold; font-size: 80%; text-transform:uppercase; padding: 0 0 2px 8px; margin: 0 8px 0 10px; background: url(../../img/swelluk/arrow_nav.gif) 0 40% no-repeat; text-align:right;}
.cat_view			{font-weight:bold; font-size: 80%; text-transform:uppercase; padding: 0 0 2px 10px; margin: 0 8px 0 10px; background: url(../../img/swelluk/arrow_nav.gif) 0 40% no-repeat;}




#prod_page			{padding: 0 0 0 0;clear: both;}
#prod_page li		{display: inline; line-height: 2.6em;}


#prod_viewer			{width: 236px; margin: 0 0 15px 15px; float: right;}
.view_main				{margin: 0 0 10px 0; width:236px; height:172px; border: 1px solid #d3d3d3;}
.view_sub				{float: left; width: 72px; margin: 5px 0 0 0;}
.view_mid				{float: left; width: 72px; margin: 5px 9px 0 9px;}

#prod_details			{margin: 15px 0 0 0;}
#prod_details ul		{list-style-position: outside; margin: 5px 0 0 0;}
#prod_details p			{margin: 1em 0;}
#prod_details li		{margin: 0 0 3px 0;}
#prod_details li a		{padding: 0 3px 0 14px; background: url(../../img/swelluk/arrow_nav.gif) 5px 4px no-repeat; margin: 0 0 0 0;}

#details-table			{margin: 0 0 10px 0;}

#prod_table				{font-family:Arial, Helvetica, sans-serif; font-size: 1.0em; margin: 0 0 20px 0; border: 1px solid #ebebeb; vertical-align:top; clear:both; width:100%;}
#prod_table	tr			{vertical-align:top;}
#prod_table	td			{vertical-align:top;}
#prod_table_check		{margin: 8px 0 5px 0;}
#prod_table_check ul	{border: none;}
#prod_table_check li	{display: block; float: left; width: 105px; margin: 0 10px 5px 0;}

#prod_table_check label	{margin: 0 15px 0 3px;}
#prod_table_check input	{}
#prod_table	caption		{border-top: 1px solid #ebebeb; text-transform:uppercase; background: none; font-size: 1em; padding: 15px 0 0 0; margin: 5px 0 6px 0;}
#prod_table th, #prod_table td {padding: 6px;}
#prod_table input		{width: 30px; border: 1px solid #d3d3d3; padding: 2px; text-align:center;}
.prod_table_title		{background: #00a0c5; color: #FFFFFF; margin: 0 0 0 4px;}
.prod_table_row			{background: #f3f3f3;}

#basket_table			{font-family:Arial, Helvetica, sans-serif; width: 472px; font-size: 1.0em; border: 1px solid #ebebeb; margin: 0; clear: both;}
#basket_table td		{padding: 8px 3px 8px 8px;}
#basket_table input.qty	{width: 30px; border: 1px solid #d3d3d3; padding: 2px; text-align:center;}
.basket_table_title		{background: #00a0c5; color: #FFFFFF; margin: 0 0 0 4px;}
.basket_table_row		{background: #f3f3f3;}
.basket_table_item		{width: 140px;}
.basket_table_our		{width: 60px;}



#summary_table			{font-family:Arial, Helvetica, sans-serif; width: 472px; font-size: 1.0em; border: 1px solid #ebebeb; margin: 0; clear: both;}
#summary_table caption	{border: none;}
#summary_table td		{padding: 8px;}
#summary_table input		{padding: 2px;}
.summary_table_title		{background: #00a0c5; color: #FFFFFF; margin: 0 0 0 4px;}
.summary_table_row		{background: #f3f3f3;}
.summary_desc_tot		{background: url(../../img/swelluk/total_border.gif) top right no-repeat; text-align:right; vertical-align:top;}
.summary_tot				{background: url(../../img/swelluk/total_border.gif) top left no-repeat;}
#summary_options			{vertical-align:top;}



#able_table			{font-family:Arial, Helvetica, sans-serif; width: 472px; font-size: 1.0em; border: 1px solid #ebebeb; margin: 0; clear: both;}
#able_table caption	{border: none;}
#able_table td		{padding: 8px;}
#able_table input		{margin: 2px;}
.able_table_title		{background: #00854d; color: #FFFFFF; margin: 0 0 0 4px;}
.able_table_row		{background: #f3f3f3;}
.able_desc			{text-align:right; vertical-align:top;}
.able_desc_tot		{background: url(../../img/swelluk/total_border.gif) top right no-repeat; text-align:right; vertical-align:top;}
.able_tot				{background: url(../../img/swelluk/total_border.gif) top left no-repeat;}
#able_options			{vertical-align:top;}

.basket_control			{padding: 8px 12px 2px 2px; border-top: 1px solid #d3d3d3; margin: -7px 15px 0 15px;}
.basket_control	li		{display: inline; margin: 0 15px 0 0;}

.basket_goto			{padding: 0 0 0 0; margin: 4px 0 4px 0;}
.basket_goto li			{display: inline;}

.basket_sub				{margin: 0 0 15px 0; padding: 2px; font-size: 75%; text-transform:none;}
.basket_sub	li			{display: inline; margin: 0 8px 0 0;}


.basket_desc_tot		{background: url(../../img/swelluk/total_border.gif) top right no-repeat; text-align:right; vertical-align:top;}
.basket_tot				{background: url(../../img/swelluk/total_border.gif) top left no-repeat;}

#basket_options			{vertical-align:top;}


.basket_fin				{margin: 0; color: #00854d; padding: 5px 5px 5px 5px; border: 1px solid #ebebeb; font-size: 0.9em;vertical-align:top; text-align:left;}
.basket_fin p			{margin: 5px; padding: 0;}
.basket_fin a			{margin: 0; padding: 0;text-align:right; display: block;}

.basket_able			{margin: 20px 0 20px 0; padding: 5px; border: 1px solid #ebebeb; color: #00854d; font-size: 0.9em; text-align:left;}
#col_mid .basket_able h3			{font-size: 1.3em; margin: 0 5px 0 5px; padding: 0; text-transform:uppercase; color: #00854d;}
.basket_able p			{margin:0 5px 5px 5px; padding: 0; color: #00854d;}
.basket_able a			{color: #00854d; font-size: 0.8em; text-decoration:underline; color: #00854d;}
.able_inline			{position: relative; top: 4px;}

#col_mid h4.prod_sel	{border-top: 1px solid #ebebeb; text-transform:uppercase; background: none; font-size: 1em; padding: 15px 0 0 0; margin: 15px 0 6px 0; color: #00a0c5;}

.prod_var				{margin: 0 0 15px 0; list-style-position:outside; color: #5d5d5d;}
.prod_var li			{margin: 0 0 5px 0;}
.prod_var li img		{position: relative; top: 3px; margin: 0 0 0 5px;}
.prod_var strong		{color: #5d5d5d;}


.prod_code				{color: #5d5d5d; font-weight:normal; font-size:0.8em;}
.prod_big				{color: #1f4064; font-weight:bold;}
.but_add				{}

#col_mid h2.head_space				{margin: 20px 0 0 0;}

#centre_top		{padding: 0 0 15px 0;}
#centre_top:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#centre_top {display: inline-table;}

/* Hides from IE-mac \*/
* html #centre_top {height: 1%;}
#centre_top {display: block;}
/* End hide from IE-mac */

.common 					{margin: 8px 0 0 0; list-style-position:outside;}
.common	li					{margin: 0 0 4px 0;}
.common	li.common_answer	{margin: 10px 0 0 0;}

.common_link		{padding: 0 3px 0 14px; background: url(../../img/swelluk/arrow_nav.gif) 5px 4px no-repeat; margin: 0 0 0 0;}

.mid_left			{float: left; width: 228px; margin: 0 16px 20px 0;}
.mid_right			{float: left; width: 228px; margin: 0 0 20px 0;}

#col_mid .mid_left h2		{margin: 10px 0 0 0;}
#col_mid .mid_right h2		{margin: 10px 0 0 0;}

.basket_ins				{margin: 0 0 15px 0;}

.email_smaller		{ font-size: 82%;}
* html .email_smaller		{ font-size: 78%;}

.sm_link		{ font-size: 78%;}	

/*Price Match*/
.match_txt				{width: 270px; float: left; margin: 26px 0 15px 15px;}
.match_img				{width: 183px; float: left; margin: 10px 0 15px 0;}	
.match_legend			{ font-weight:bold;}


#faq_cat			{margin: 15px 0 15px 0; padding: 0 0 15px 0;  font-size: 0.9em;}
* html #faq_cat			{margin: 15px 0 0 0; padding: 0 0 15px 0;}
#faq_cat li		{display: block; width: 115px; margin: 0 0 15px 0; padding: 0; float: left;}
#faq_cat li a		{padding: 6px 0 6px 20px;display: block; background: #ebebeb url(../../img/swelluk/arrow_basket.gif) 4px 10px no-repeat; margin: 0 0 0 5px;}
#faq_cat li.faq_mid_1			{margin: 0 3px 3px 3px;  width: 116px;}
#faq_cat li.faq_mid_2			{margin: 0 3px 3px 0;  width: 116px; }
#faq_cat li a.faq_koi				{background: #b13541 url(../../img/swelluk/arrow_koi.gif) 7px 10px no-repeat; color: #ffffff;}
#faq_cat li a.faq_ponds			{background: #33a34b url(../../img/swelluk/arrow_ponds.gif) 7px 10px no-repeat; color: #ffffff;}
#faq_cat li a.faq_marine			{background: #427ad1 url(../../img/swelluk/arrow_marine.gif) 7px 10px no-repeat; color: #ffffff;}
#faq_cat li a.faq_aqua			{background: #977ccb url(../../img/swelluk/arrow_aquarium.gif) 7px 10px no-repeat; color: #ffffff;}

.totals				{}
.subtotal			{text-align:right;}
.subtotal_price		{font-weight: bold;}

#steps				{font-size: 110%; padding: 10px 0 10px 0; border-bottom: 1px solid #ebebeb; list-style-type:none;}
#steps li			{display: inline; margin: 0 25px 0 0;}
#steps li.step_1	{background: url(../../img/swelluk/step1.gif) bottom left no-repeat; padding: 0 0 0 18px;}
#steps li.step_2	{background: url(../../img/swelluk/step2.gif) bottom left no-repeat; padding: 0 0 0 18px;}
#steps li.step_3	{background: url(../../img/swelluk/step3.gif) bottom left no-repeat; padding: 0 0 0 18px;}
#steps li.step_1_over	{background: url(../../img/swelluk/step1_over.gif) bottom left no-repeat; padding: 0 0 0 18px; color:#00a0c5;}
#steps li.step_2_over	{background: url(../../img/swelluk/step2_over.gif) bottom left no-repeat; padding: 0 0 0 18px; color:#00a0c5;}
#steps li.step_3_over	{background: url(../../img/swelluk/step3_over.gif) bottom left no-repeat; padding: 0 0 0 18px; color:#00a0c5;}

.pts_txt			{color:#00a0c5; font-weight:bold;}
.in_img				{position: relative; top: 2px;}


/* order summary */
.hold_col			{border: 1px solid #ebebeb; margin: 2px 0 20px 0; width: 470px;}
.order_details		{width: 190px; float: left; margin: 15px;}
.order_details li	{margin: 0 0 5px 0;}
.quantity			{text-align:center;}


/*links */
links_page
.links_page 					{margin: 8px 0 0 0; list-style-position:outside;}
.links_page	li					{margin: 5px 0 10px 0;}
.link_back						{padding: 0 0 15px 0; display:block; text-align:right;}

.links_page a		{padding: 0; background: none; margin: 0;}
.link_cats			{margin: 10px 0 15px 0;}
.link_cats li		{margin: 0 0 3px 0;}
.link_cats a		{padding: 0 0 0 15px; background: url(../../img/swelluk/arrow_nav.gif) 4px 5px no-repeat;}


/* gallery */
#gallery_list		{list-style-position: outside; width: 470px; padding: 0 0 20px 0;}
#gallery_list li	{display: block; float: left; margin: 7px 15px 8px 0; width: 100px; padding: 0;}
#gallery_list img	{border: 1px solid #ebebeb;}
.gallery_big		{text-align:center; padding: 10px;}
.gallery_big img	{border: 1px solid #ebebeb;}

.content_block			{border: 1px solid #ebebeb; margin: 2px 0 20px 0; padding: 10px;}
.content_block p		{}
.content_block ol		{list-style-position:outside; margin: 0 0 0 20px;}
.content_block li		{margin: 0 0 8px 0;}
.content_h4				{color: #00a0c5; font-size: 1.1em; font-weight:bold; margin: 20px 10px 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #ebebeb;}


/* contact form */
.form		{border:1px solid #ebebeb; margin: 0 0 20px 0; padding: 0;}

.form fieldset{clear:both; padding:0 0 10px 0; margin: 0; border:none;}


#col_mid .form fieldset legend h2	{}

fieldset p		{margin: 10px; color: #5d5d5d;}

.sublegend		{padding: 10px; color: #5d5d5d;}

.form div{clear:left;display:block;margin:5px 0 0;padding:1px 3px;height:10px;}

.form div fieldset{clear:none; margin:10px 0 10px 142px; padding:0 5px 0 5px; width:250px;}

.form textarea{height:90px;}

.form fieldset legend	{padding: 10px; color: #5d5d5d;}

.form div.required fieldset legend{font-weight:bold;}

.form div label{float:left;display:block;margin:0 0 5px;padding:3px 5px;width:150px;text-align:right;font-size:1em;}

.form div.optional label, .form label.optional{font-weight:normal;}

.form div.required label, .form label.required{font-weight:bold;}

.form div label.labelCheckbox, .form div label.labelRadio{float:none;display:block;margin:0 0 5px 180px;padding:0;width:230px;height:10px;text-align:left;}

.form div fieldset label.labelCheckbox, .form div fieldset label.labelRadio{margin:0 0 5px;}

.form div.error{border:2px solid #00a0c5;}

.form div.error p{margin:0 0 0 160px;padding:3px 3px 5px 3px;color:#1f4063;font-weight:bold;}

.form div input, .form div select, .form div textarea{padding:1px;width:230px; border: 1px solid #cfcfcf; font-family:Arial, Helvetica, sans-serif;}

.form div input.inputFile, .form div select{width:235px; border: 1px solid #cfcfcf;}

.form div input.inputImage{margin:0 3px 0;padding:0;width:auto;border: none;}

.form div input.inputCheckbox, .form div input.inputRadio, .form input.inputCheckbox, .form input.inputRadio{display:inline;width:14px;height:14px;background:none;border:none;}

.form div.submit{padding:0 0 0 200px;width:220px;}

.form div.submit div{display:inline;float:right;width:auto;text-align:left;}

.form div.submit div input.inputSubmit, .form div.submit div input.inputButton{float:right;margin:0 0 0 5px;padding:0 6px;width:auto;background:#d2d2d2;}

.form fieldset.required	{margin: 0 0 0 -50px; padding: 0; text-align:left;}

.form input.readonly, .form textarea.readonly {background:#eeeeee; color:#999999;}



.commonanswers {margin:0 0 0.5em;}