/* NB ensure this file is FTP'd as ASCII, not binary, to preserve formatting */
/* page structure */
html{
	padding : 0;
	margin : 0;
}

body{
	text-align: center;
}

#container{
	margin : 0 auto;
	padding : 0;
	width : 972px;
	font : 12px Arial, Helvetica, sans-serif;
	text-align : left;
}

body#fly{
	background : url(images/fly-bg.jpg) 50% 0 no-repeat;
}

body#shoot{
	background : url(images/shoot-bg.jpg) 0 0 no-repeat;
}

body#sea{
	background : url(images/sea-bg.jpg) 0 0 no-repeat;
}

body#spin{
	background : url(images/spin-bg.jpg) 0 0 no-repeat;
}

body#clearance{
	background : url(images/clear-bg.jpg) 0 0 no-repeat;
}

#header{
	width : 972px;
	height : auto;
	margin : 0;
	text-align : left;
}

#nav{
	clear : both;
	float : left;
	display : inline;
	width : 200px;
	background : transparent;
	margin : 0 0 10px 10px;
}

#main{
	float : left;
	width : 752px;
	margin-left : 0;
	padding : 0 0 0 10px;
	background : transparent;
}

#footer{
	clear : both;
	margin : 10px 0;
	padding-top : 10px;
	/* 	border-top : 1px solid #666; */
}

/* generic styles */
form, h1, h2, h3, h4, h5, p{
	margin : 0;
	padding : 0;
}

a{
	color : #000;
}

a:hover{
	color : #f00;
}

a img{
	border : none;
	text-decoration : none;
}

.clearboth{
	clear : both;
}

/* header content styles */
#header h2#logo{
	float : left;
	width : 300px;
	height : 80px;
	margin : 0;
	padding : 0px 0px 0px 100px;
	font-size : 19px;
	color : #f00;
	line-height : 999em;
	overflow : hidden;
}

#header a{
	color : #000;
	text-decoration : none;
}

#header a:hover{
	color : #f00;
	text-decoration : underline;
}

#header p#basketSummary{
	width : 180px;
	margin : 0 0 5px 210px;
	padding : 30px 0 0 15px;
	height: 44px;
	background : transparent url(images/basket-bg.gif) 0 0 no-repeat;
	float : left;
	text-align : left;
}

#header p#buttons{
	width : 150px;
	height: 74px;
	margin : 0;
	padding : 0 15px 0 0;
	background : transparent url(images/basket-buttons-bg.gif) 100% 0 no-repeat;
	float : left;
	text-align : left;
}

#header p#buttons a{
	display : block;
	float : right;
	width : 110px;
	padding : 5px;
	background : #fff url(images/cart-btn-bg.gif) right center no-repeat;
	border : 2px solid #f00;
	margin : 5px 3px 0px 10px;
	color : #000;
	font-weight : bold;
	text-align : left;
	text-decoration : none;
}

#header ul{
	float : left;
	width : 130px;
	margin : 10px 10px 0 10px;
	padding : 0;
	font-size : 10px;
}

#header ul#headerMenu1{
	margin-left : 120px;
}

#header ul#headerTopMenu{
	float: left;
	width: auto;
	background: ;
	padding: 4px 20px;
	border:  0px solid #000;
	margin: 0  0 5px 5px;
}

#header ul li{
	list-style : none;
	margin : 0 0 2px 0;
	padding : 0 15px 0 14px;
	background : url(images/header-li-bg.gif) 0 50% no-repeat;
	display: block;
	float: left;
	width: auto;
}

#header ul li.last{
	width:90px;
}

/*nav content styles */
#nav ul{
	margin : 0;
	padding : 0 0 55px 0;
	width : 100%;
	background : url(images/nav-base-bg.gif) bottom left no-repeat;
}

#nav ul ul{
	padding : 0;
	background : none;
}

#nav li{
	margin : 0;
	padding : 0;
	list-style : none;
	border-bottom : 1px solid #fff;
}

#nav a{
	color : #fff;
	font-weight : bold;
	display : block;
	padding : 3px 5px 3px 20px;
	text-decoration : none;
	font-size : 11px;
	background : #01669A url(images/nav-r-ar-bg-blue.gif) 5px 50% no-repeat;
}

#nav a.open{
	background : #01669A url(images/nav-dn-ar-bg-blue.gif) 5px 50% no-repeat;
}

#nav a.clearance{
	color : #FCF200;
}

#nav a:hover{
	color : #fff;
}

#nav li li{
	text-align : center;
	background : #fff;
	color : #f00;
	font-size : 11px;
	border-bottom : 1px solid #ddd;
}

#nav li li a{
	background : #F8F8F8;
	color : #000;
	text-decoration : underline;
	text-align : left;
}

#nav li li a:hover{
	background : #8da6bc url(images/nav-hover-aro1.gif) 95% 50% no-repeat;
	color : #fff;
	text-decoration : underline;
	text-align : left;
}

#nav li li a.active, #nav li li a.active:hover{
	background : #cacbd8 url(images/nav-hover-aro.gif) 95% 50% no-repeat;
	color : #fff;
	text-decoration : underline;
	text-align : left;
}

#nav h3{
	font-size : 15px;
	margin-top : 10px;
	text-align : center;
}

#nav form{
	padding : 10px 5px 5px 5px;
	background : transparent url(images/nav-form-bg.gif) 0 0 no-repeat;
	margin : 0;
	border-bottom : 1px solid #000;
}

#nav form input.keyword{
	width : 150px;
	height : 18px;
	font-size : 13px;
	vertical-align : top;
}

/* discountedBrands logo menu below nav */
#nav ul#discountedBrands{
	margin: 10px 0;
	padding:0;
	background: #fff;
}

#nav ul#discountedBrands li{
	text-align: center;
	background: #fff;
	margin:0;
	padding:0;
}

#nav ul#discountedBrands li a{
	background: #fff;
	border: none;
	padding:0;
	margin-bottom: 5px;
}

/* main content styles */
/* department tab menu */
#main ul#depNav{
	margin : 0;
	padding : 0 0 0 55px; /* change padding to 0 0 0 10px when adding an extra tab */
	width : 697px; /* change width to 742px when adding an extra tab - room for up to 6 at these dimensions */
	overflow: hidden;
	background : transparent url(images/main-bg.gif) 20px 20px no-repeat;
}

#main ul#depNav li{
	margin : 0;
	padding : 0;
	list-style : none;
	float : left;
	width : 118px;
	height: 50px;
	margin : 0 4px; /* change margin to 0 2px when adding an extra tab */
}

#main ul#depNav a{ /* set  basic attributes of menu tabs */
	display : block;
	width : 118px;
	height: 50px;
	padding : 0;
	margin:0;
	background-image: url(images/tab-menu.gif);
	background-repeat: no-repeat;
	text-indent: -999em;
	overflow: hidden;
}

/* set background position of individual tabs - links at 118px intervals on x axis in bg image - dep id should match actual department ID */
#main ul#depNav a#dept1{ /* fly fishing */
	background-position: 0 0;
}

#main ul#depNav a#dept4{ /* Night Optics */
	background-position: -118px 0;
}

#main ul#depNav a#dept3{ /* sea fishing */
	background-position: -236px 0;
}

#main ul#depNav a#dept2{ /* gamefayre */
	background-position: -354px 0;
}

#main ul#depNav a#dept6{ /* manager's clearance */
	background-position: -472px 0;
}

#main ul#depNav a#dept7{ /* Ultimate Ascent  - give it the correct ID instead of deptX to use */
	background-position: -590px 0;
}

/* set background position for hover states - hover state is at 50px on y axis in bg image */
#main ul#depNav a:hover#dept1{ /* fly fishing */
	background-position: 0 -50px;
}

#main ul#depNav a:hover#dept4{ /* carp fishing */
	background-position: -118px -50px;
}

#main ul#depNav a:hover#dept3{ /* sea fishing */
	background-position: -236px -50px;
}

#main ul#depNav a:hover#dept2{ /* gamefayre */
	background-position: -354px -50px;
}

#main ul#depNav a:hover#dept6{ /* manager's clearance */
	background-position: -472px -50px;
}

#main ul#depNav a:hover#dept7{ /* extra department  - give it the correct ID instead of deptX to use */
	background-position: -590px -50px;
}

/* set  background position for current department states - hover state is at 100px on y axis in bg image  */
#main ul#depNav a#dept1.deptActive{ /* fly fishing */
	background-position: 0 -100px;
}

#main ul#depNav a#dept4.deptActive{ /* carp fishing */
	background-position: -118px -100px;
}

#main ul#depNav a#dept3.deptActive{ /* sea fishing */
	background-position: -236px -100px;
}

#main ul#depNav a#dept2.deptActive{ /* gamefayre */
	background-position: -354px -100px;
}

#main ul#depNav a#dept6.deptActive{ /* manager's clearance */
	background-position: -472px -100px;
}

#main ul#depNav a#dept7.deptActive{ /* extra department  - give it the correct ID instead of deptX to use */
	background-position: -590px -100px;
}

/* end of tab menu styles */
#main p#hours{
	clear : both;
	border-top : 1px solid #000;
	border-left : 1px solid #000;
	border-right : 1px solid #000;
	background : #01669A;
	color : #fff;
	padding : 0.2em;
	text-align : center;
}

#main p#logos{
	border-bottom : 1px solid #000;
	border-top : 1px solid #000;
	border-left : 1px solid #000;
	border-right : 1px solid #000;
	background : #eec url() 10px 50% no-repeat;
	padding-top : 0.2em;
	text-align : center;
	color : #01669A;
}

#main p#basketSummary{
	background : #F4F0F0;
	padding : 0.4em;
	border-bottom : 1px solid #000;
	text-align : center;
	margin : 0;
}

#main p#basketSummary strong{
	padding-right : 10px;
}

#main div#content{
	background : #fff;
	padding : 0 0 10px 0;
	overflow: hidden;
}

#main div#content form#topFilter{
	font : bold 14px Arial, Helvetica, sans-serif;
	color : #fff;
	background : #01669a;
	border-top : 1px solid #000;
	border-left : 1px solid #000;
	border-right : 1px solid #000;
	padding : 8px;
	text-transform : capitalize;
	margin : 0;
}

#main div#content h1.categoryHead{
    font : 10px Arial, Helvetica, sans-serif;
    color : #fff;
    background : #01669a;
	border-left : 1px solid #000;
	border-right : 1px solid #000;
    padding:8px;
}

#main div#content h1.categoryHead a{
	font : 10px Arial, Helvetica, sans-serif;
	color : #fff;
	background : #01669a;
	padding-top : 2px;
}

#main div#content p.ProductPageIndex{
	text-align : right;
	color : #000;
	background : url() top left repeat-x;
	padding : 10px;
	position : relative;
}

* html body #main div#content p.ProductPageIndex{
	height : 1%;
}

#main div#content p.ProductPageIndex span.pageCount{
	position : absolute;
	left : 10px;
}

#main div#content p.ProductPageIndex a{
	color : #000;
	padding : 4px;
	margin : 2px;
	font-weight : bold;
}

#main div#content p.ProductPageIndex a:hover{
	color : #000;
}

#main div#content p.ProductPageIndex a.resultLink{
	text-decoration : none;
	color : #000;
	border : 1px solid #e0e0e0;
	background : #fff;
}

#main div#content p.ProductPageIndex a.resultLink:hover{
	border : 1px solid #000;
	background : #e0e0e0;
	color : #000;
}

#main div#content p.ProductPageIndex a.activePageNav{
	color : #fff;
	text-decoration : none;
	border : 1px solid #e0e0e0;
	background : #000;
}

#main div#content p.ProductPageIndex a.firstPage, #main div#content p.ProductPageIndex a.lastPage{
	font-weight : bold;
}

/* product Row styles */
#main div#content form.productRow, #main div#content form.productRowCart{
	border-top : 2px solid #000;
	padding : 0;
	margin : 0 auto 10px auto;
	clear : both;
	overflow : hidden;
}

#main div#content form.productRowCart {
	float : left;
	width: 48%;
	clear: none;
	margin:10px 5px;
	border : none;
}

* html body #main div#content form.productRow{
	height : 1%;
}

.moreDetailsPage #main div#content form.productRow, .moreDetailsPage2 #main div#content form.productRow{
	border-top : none;
	background : none;
}

#main div#content form.productRow p.productImage{
clear: both;
width : 280px;
	text-align : center;
	float : left;
	margin : 10px auto;
}

#main div#content  form.productRow div.productDesc2 p.productImage{
	margin: 10px 45px;
}

* html body #main div#content  form.productRow div.productDesc2 p.productImage{
	margin: 10px 0 10px 20px;
}

.moreDetailsPage #main div#content form.productRow p.productImage{
	width : 50%;
}

.moreDetailsPage2 #main div#content form.productRow p.productImage{
	width : 100%;
}

#main div#content form.productRow p.productImage img{
	display : block;
	margin : 0 auto;
}

#main div#content form.productRow div.productAttributes{
	width : 300px;
	float : left;
	margin-top : 10px;
}

.moreDetailsPage #main div#content form.productRow div.productAttributes{
	width : 50%;
}

#main div#content form.productRow h2.productDescription{
	font-size : 14px;
	text-align : center;
	padding : 5px;
	margin : 0 auto;
	width : 278px;
	border-width : 1px 1px 0 1px;
	border-style : solid;
	border-color : #555;
}

#main div#content form.productRow h3.productPrice{
	font-size : 18px;
	font-weight : bold;
	text-align : center;
	padding : 0 5px 5px;
	width : 278px;
	border-width : 0 1px 1px;
	border-style : solid;
	border-color : #555;
	margin : 0 auto 10px auto;
}

#main div#content form.productRow p.productOptions{
	text-align : center;
	clear: both;
}

#main div#content form.productRow p.productOptions select{
	margin-bottom : 10px;
}

#main div#content form.productRow h3.productPrice strong{
	color : #f00;
}

#main div#content form.productRow p.productAdd{
	width : 148px;
	overflow : hidden;
	margin-left : 10px;
	text-align : center;
	padding : 10px;
	font-size : 13px;
	border-top : 10px solid #fff;
	background : #fff url(images/productRow-bg.gif) 100% 10px repeat-y;
}

* html body div#content form.productRow p.productAdd{
	float : none;
}

#main div#content form.productRow p.productAdd span{
	display : block;
}

#main div#content form.productRow p.productAdd img.tagImg{
	margin : 40px 0 0 0;
	display : inline;
}

#main div#content form.productRow p.productAdd input{
	margin-bottom : 10px;
}

#main div#content form.productRow p.originalPrice{
	background: #a90505 url(images/originalPrice-bg.gif) 0 0 no-repeat;
	color: #fff;
	padding: 4px 2px;
	width: 140px;
	float: left;
	text-align: right;
	/*margin-left: 3px;*/
	margin-bottom: 10px;
}

#main div#content form.productRow p.saving{
	color: #fff;
	background: #a90505 url(images/saving-bg.gif) 0 0 repeat-x;
	padding: 4px 2px;
	width: 140px;
	float: left;
	margin-bottom: 10px;
}

#main div#content form.productRow p.saving strong{
	color: #FFFC00;
	font-style: italic;
	font-size: 12px;
	}

/* more details page styles */
div#details{
	background : #cacbd8 url(images/details-bg.gif) 50% 0 repeat-y;
	overflow: hidden;
}

div#details p{
	margin-bottom : 10px;
}

div#details ul{
	margin : 0 0 10px 0;
	padding : 0;
}

div#details li{
	margin-left : 20px;
}

div#details p.moreDetails{
	text-align : center;
	padding : 5px;
	font-size : 17px;
	color : #fff;
	background : #000;
	border : 1px solid #000;
	border-bottom : 2px solid #fff;
	font-weight : bold;
	margin : 0;
	width : 740px;
}

* html body div#details p.moreDetails{
	height : 1%;
}

div#details div#col1, div#details div#col2{
	float : left;
	width : 355px;
	padding : 10px;
	border-top : 0px solid #fff;
	font-size : 12px;
}

div.productFeatures{
	background : #ccc;
	padding : 10px;
	margin-bottom : 10px;
	width : 356px;
	float : left;
}

div.productDesc2{
	float : left;
	width : 50%;
	text-align : center;
	margin-top: 10px;
}

.moreDetailsPage2 #main div#content form.productRow div#options{
	float : none;
	clear : both;
	background : aqua;
}

div.productFeatures h2{
	font-size : 15px;
}

div.productDesc2 label{
	display : block;
	padding : 5px;
}

div.productDesc2 label em{
	padding-left : 20px;
}

div.productDesc2 p.options{
margin: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}

div.productDesc2 p.options input{
	vertical-align : middle;
}

div.productFeatures table{
	background : #fff;
	border-collapse : collapse;
}

div.productFeatures th{
	background : #D5CFB9;
}

div.productFeatures th, div.productFeatures td{
	padding : 5px;
	text-align : center;
	border : 1px solid #aaa;
}

div.productFeatures em{
	color : #f00;
	font-style : normal;
}

div#longDescription{
	padding : 10px;
	background : #eee;
	clear : both;
}

* html body div#longDescription{
	height : 1%;
}

input.qty{
	font-size : 12px;
	height : 1em;
	width : 2em;
}

/* related products styles */
div.related_products_area{
	text-align: left;
	margin: 10px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}

div.related_products_area h2{
	font-size: 15px;
	color: #c33;
}

div.related_product_row{
	clear : both;
	text-align: left;
	margin:10px 10px 5px 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	overflow : hidden;
}

* html body div.related_product_row{
	overflow: visible;
	height : 150px;
}

div.related_product_row img{
	display: block;
	float: left;
	padding: 0 5px 5px 0;
	margin : 0;
}

div.related_product_row h2{
	font-size: 13px;
}

div.related_product_row h2, div.related_product_row h3, div.related_product_row p{
	margin-left : 160px;
}

/* revised related product styles */
h2.related_products{
	text-align : center;
	padding : 5px;
	font-size : 17px;
	color : #fff;
	background : #000;
	border : 1px solid #000;
	border-bottom : 2px solid #fff;
	font-weight : bold;
	margin : 10px 0 5px 0;
	width : 740px;
}

p.relatedProductBlock{
	width: 125px;
	height: 18.5em;
	float: left;
	text-align: center;
}

p.relatedProductBlock a{
	text-decoration: none;
}

p.relatedProductBlock a:hover{
	text-decoration: none;
}

p.relatedProductBlock img{
	border: 1px solid #f00;
	padding: 10px;
}

p.relatedProductBlock em{
	font-style: normal;
	font-weight: bold;
	color: #f00;
}

p.relatedProductBlock strong{
	color: #088;
}

p.relatedProductBlock a:hover em{
	font-style: normal;
	font-weight: bold;
	color: #990000;
}

p.relatedProductBlock a:hover strong{
	color: #004748;
}

/* cart page styles */
#content p.cartOrderHeading{
	text-align : center;
	color : #fff;
	font-size : 15px;
	font-weight : bold;
	background : #01669A;
	padding : 5px;
	margin : 0;
}

table#cart{
	width : 100%;
	margin : 0 0 10px 0;
	border-collapse : collapse;
}

table#cart td, table#cart th{
	border : 1px solid #fff;
	padding : 5px;
	background : #e0e0e0;
	color : #000;
}

table#cart th{
	text-align : left;
	color : #fff;
	background : #000;
}

table#cart td img{
	display : block;
	margin : 0 auto;
}

table#cart .discounted{
    font-weight:bold;
    color:red;
}

#content p.totalcost{
	font-weight : bold;
	text-align : right;
	padding : 5px 15px 5px 5px;
	border-width : 1px 0;
	border-style : solid;
	border-color : #01669A;
	color : #000;
}

#content p#view_cart_buttons{
	text-align : center;
	padding : 10px 0;
}

#content p#view_cart_buttons input, #content p#view_cart_buttons a{
	border : 1px solid #e0e0e0;
	background : #000;
	color : #fff;
	text-decoration : none;
	padding : 5px;
	font : bold 12px Arial, Helvetica, sans-serif;
	vertical-align : middle;
	cursor : pointer;
}

#content p#view_cart_buttons a{
	border : 2px solid #000;
}

/* footer content styles */
#footer p{
	margin : 10px 0;
	font-size : 11px;
	color : #fff;
	text-align : center;
}

#footer a{
	color : #fff;
	text-decoration : none;
	
	
}
/* xList menu */
ul#debtCatNav ul {
	display : none;
}

/* do the stuff for the hover image*/
#trailimageid {
	/*overflow:hidden;
	*/
	position : absolute;
	visibility : hidden;
	left : 0px;
	top : 0px;
	height : 1px;
	z-index : 5000;
}

#trailimageid iframe#hiddenFrame{
	position : absolute;
	top : 0;
	left : 0;
	z-index : -1;
	border : 0px;
	padding : 0px;
	margin : 0px;
	opacity : 0.5;
	filter : Alpha(style=0,opacity=50);
	background : #e0e0e0;
}

/* end here */
/* order form  & contact form styles */
#orderform {
	width : 100%;
	padding : 0px;
	margin : 0 auto;
}

#orderform label, #contactform label{
	display : block;
	padding : 5px 8px 5px 300px;
	margin-bottom : 1px;
	font : 12px Arial, Helvetica, sans-serif;
	background : #EEEECC;
	color : #006364;
}

#orderform label.radio{
	padding : 5px;
	margin-top : 0;
}

#orderform h3{
	padding : 5px;
	margin-top : 7px;
	margin-bottom : 0;
	font-size : 12px;
	color : #fff;
	background : #088;
	border-bottom : 1px solid #fff;
}

#orderform span, #contactform span{
	/* this pushes the left edge of the span over to the left edge of the space created by the padding set above */
	/*reduce the values of this and the above commented elements to make a narrower label*/
	position : relative;
	left : -240px;
	float : left;
	margin-right : -230px;
	padding-top : 3px;
}

#orderform input, #orderform textarea, #contactform input, #contactform textarea{
	font : 11px Arial, Helvetica, sans-serif;
	width : 250px;
}

#orderform select{
	font : 11px Arial, Helvetica, sans-serif;
	width : 255px;
}

* html body #orderform select{
	width : 257px;
}

#orderform input.radio{
	width : 12px;
}

#orderform p.info{
	margin : 5px 0;
	padding : 0;
	font-size : 12px;
	font-style : italic;
}

#orderform p.select{
	margin : 0 0 5px 0;
	padding : 0;
	font-size : 12px;
}

#orderform p.buttons, #contactform p#buttons{
	text-align : center;
	padding : 10px 0 10px 80px;
}

#orderform p.buttons input, #contactform p#buttons input{
	width : 100px;
}

#orderform  p.buttons input, #contactform p.buttons input, input.backbutton{
	border : 1px solid #088;
	background : #01669a;
	color : #fff;
	text-decoration : none;
	padding : 5px;
	font : bold 12px Arial, Helvetica, sans-serif;
	vertical-align : middle;
	cursor : pointer;
}

* html body #orderform  p.buttons input, * html body #contactform p.buttons input{
	padding : 5px 0px 5px 0px;
}

input.backbutton{
	clear: both;
	display : block;
	margin : 10px auto;
	float: right;
}

* html body input.backbutton{
	margin-top : 20px;
}

#main p#ShippingCalculator{
	text-align : left;
	padding : 8px 5px 8px 55px;
	background : #088 url(images/delivery-icon.gif) 1% 50% no-repeat;
	position : relative;
	color : #fff;
	font-weight : bold;
}

#main p#ShippingCalculator select{
	position : absolute;
	right : 15px;
	top : 2px;
}

#main div.cart_txt{
	font-weight : bold;
	text-align : right;
	padding : 5px 15px 5px 5px;
	border-bottom : 1px solid #01669A;
	color : #ED1A29;
}

#main div.cart_txt_discount_saving{
	text-align : center;
	padding : 15px 0;
}

#main div.cart_txt_discount_saving em{
	font-weight : bold;
	font-size: 12px;
	color : #ED1A29;
}

#main div.cart_txt_discount_saving strong{
	font-weight : bold;
	font-size: 16px;
	color : #ED1A29;
	text-decoration: underline;
}

.optLabel{
	font-weight : bold;
}

.optChoice{
	padding-left : 1.5em;
}

.optDefinition{
	font-style : italic;
	font-weight : bold;
	color : #f00;
}

.brandDisabled{
	color: grey;
}

.brandEnabled{
	color: red;
}

.container {
   position: relative;
   height: 50px;
   border-bottom : 1px solid #000;
	border-top : 1px solid #000;
	border-left : 1px solid #000;
	border-right : 1px solid #000;
	background : #eec url() 10px 50% no-repeat;
	padding-top : 0.2em;
	text-align : center;
	color : #01669A;
   }
   
   

.left-element {
   position: absolute;
   left: 0;
   width: 50%;
   }

.right-element {
   position: absolute;
   right: 0;
   width: 50%;
   text-align: right; /* depends on element width */
   }

form#topFilter{
	background : #088;
	padding : 8px;
	margin : 0;
}

form#topFilter label{
	margin-right:30px;
	color : #fff;
	font : bold 12px Arial, Helvetica, sans-serif;
	text-transform : capitalize;
}

form#topFilter select{
	width:180px;
}

form#topFilter #filterProducts{
	margin-left:5px;
	*margin-left:-35px;
	background : #fff;
	border: 2px solid #FF0000;
	color: #000;
	font : bold 12px Arial, Helvetica, sans-serif;
	width: 100px;
}

form#topFilter #filterProducts:hover{
	background : #fff;
	color: #F00;
}

#indicatorTop{
	margin:0;
	padding:2px 0 5px 0;
	text-align:center;
	background: #fff;
}

#indicatorBottom{
	text-align:center;
	background: ;
}

/* ------------------------------ open large image / video links ------------------------------ */
span.imageVideoLinks{
	display: block;
	width: 280px;
	height: 34px;
	background: url(images/imageVideoLinks-bg.gif) 0 0 repeat-x;
	text-align: left;
	overflow: hidden;
}

span.imageVideoLinks a.largeImage{
	display:block;
	float: left;
	width: 140px;
	height: 34px;
	text-indent: -999em;
	overflow: hidden;
	background: url(images/btn-large-image.gif) 0 0 no-repeat;
}

span.imageVideoLinks a.openVideoWindow{
	display: inline-block;
	float: left;
	width: 140px;
	height: 34px;
	text-indent: -999em;
	overflow: hidden;
	background: url(images/btn-video.gif) 0 0 no-repeat;
}