/* RESET */
html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input { margin: 0; padding: 0; }
pre,code,address,caption,cite,code,em,th { font-weight: normal; font-style: normal;}
fieldset,img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
p {line-height: 1.5em;}
/* skin by wsi-internetmarketing.co.uk */
body {
background-color:#ffffff;
text-align:center;
margin:0px auto;
font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,Arial, Helvetica,sans-serif; 
}
.adminMenu {
width:954px;
margin:0px auto;
text-align:right;
}
#pageFrame {
width:954px;
margin:0px auto;
padding:0px;
}
#headerL {
height:105px;
width:954px;
margin:0px;
padding:0px;
}
.lovegrovelogo {
float:left;
margin:6px 0 0 0px;
}
#headerGroup {
float:right;
width:610px;
margin:0px;
padding-top:0px;
*padding-top:12px;
}
.tagline, .tagline p {
font-size:1.5em;
color:#acacac;
text-align:right;
margin-bottom:0px;
*margin-bottom:7px;
}

#staticNavGroup {
float:right;
height:25px;
width:245px;
padding:0px;
margin:0px;
background-image:url(membersM.jpg);
background-repeat:repeat-x;
font-size:0.85em;
}

#lcNavGroup {
float:left;
width:395px;
}

#staticNavigationL {
float:right;
width:395px;
height:25px;
margin:0px;
text-align:left;
padding:4px 0px 0px 0px;
}
.iconImage {
margin-bottom:-3px;
margin-right:4px;
}
.iconBasket {
display:inline;
}
.iconBasket a {
display:inline;
border-left:#999999 solid 1px;
padding:0px 8px 0px 5px;
}
.iconUser {
display:inline;
}

.iconUser a {
border-right:#999999 solid 1px;
margin:0px 0px 0px 9px;
}
#staticNavigationL a {
font-weight:bold;
color:#302e2e !important;
text-decoration:none;
padding:0px 8px;
height:25px;
}
#staticNavigationL a:hover {
color:#3e9790 !important;
}
.staticNavigationTxt {
font-size:0.8em;
font-weight:bold;
color:#302e2e;
}
#membersDetails {
height:25px;
padding:0px;
margin:0px;
}
.registerTxt {
font-size:1em;
font-weight:bold;
color:#302e2e;
}
.searchword {
line-height:1.7em;
display:inline;
font-size:0.8em;
font-weight:bold;
color:#302e2e !important;
text-decoration:none;
}

#searchDetails {
float:right;
width:210px;
height:25px;
padding:0px;
margin:6px 0px 0px 0px;
 }
 
.searchgo {
float:right;
margin:0px 4px 0px 0px;
display:inline;
}
 
#searchDetails input { 
width:120px;
height:15px;
}

#mainNavigation {
width:954px;
margin:0px;
padding:0px;
background:url(images/menu/menu-background.gif) repeat-x;
height:35px;
}
#mainNavLeft {
float:left;
}
#mainNavLC {
float:left;
width:7px;
height:35px;
background-image:url(navigationLC.jpg);
background-repeat:no-repeat;
border-right:#999999 solid 1px;
}

#mainNavRC {
float:right;
background-image:url(navigationRC.jpg);
width:7px;
height:35px;
}
/* navigation start */
.TabList {
    float:left;
    horizontal-align:center;
}
.TabList ul {
    clear:both;
    margin:0;
    padding:0px;
    list-style:none;
    display: inline;

}

.TabList li {
    float:left;
    margin:0;
    display: inline;
    padding:0px;
	font-size:0.75em;
	font-weight:bold !important;
}

.TabList li a {
   voice-family: "\"}\""; voice-family:inherit;
   line-height:normal;
}

select.TabList {

}

/* IE-PC doesn't see these child selectors but CSS2 compliant browsers can make use of them
#ParentTabs > ul a {width:auto;}
#ChildTabsLevel1 > ul a {width:auto;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#ParentTabs a {float:none;}
#ChildTabsLevel1 a {float:none;}
/* End IE5-Mac hack */

#ParentTabsContainer {
   position:relative;
   top:1px;
   z-index:5;
   height:38px;
   vertical-align:top;
   clear:both;

}

#ParentTabs a {
    float:left;
    display:block;
    text-align:center;
    padding:9px 12px;
    text-decoration:none;
    color:#302e2e !important;
border-right:#acacac solid 1px;
font-family:"Lucida Grande","Lucida Sans Unicode",Arial, Verdana, sans-serif;
}

#ParentTabs a:hover {
    text-decoration:none;
    background-position:100% -150px;
    color:#FFFFFF !important;
}

#ParentTabs li {
	height:35px;
} 

#ParentTabs li:hover {
    background-position:0 -150px;
		background-image:url(navigationMS.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#ParentTabs .SelectedTab {
    background-position:0 -150px;

}
#ParentTabs .SelectedTab a {
    background-position:100% -150px;
	background-image:url(navigationMO.jpg);
	background-repeat:repeat-x;
	background-position:top;
		height:17px;
		color:#FFFFFF !important;
		font-family:"Lucida Grande","Lucida Sans Unicode",Arial, Verdana, sans-serif;
}
#mainContent {
clear:both;
width:954px;
margin:0px;
padding:15px 0px 0px 0px;
}
#mainNavigationChild {
background-image:url(contHeaderTM.jpg);
background-repeat:repeat-x;
height:27px;
margin:0px;
padding:0px;
}
#childNavLeft {
float:left;
width:97%;
}
#childLC {
float:left;
background-image:url(contHeaderTLC.jpg);
height:27px;
width:5px;
margin-left:-1px;
}
#childRC {
float:right;
background-image:url(contHeaderTRC.jpg);
height:27px;
width:5px;
margin-right:-1px;
}
#ChildTabsRow {
}
#ChildTabsContainer {
height:27px;
text-align:left;
padding-left:10px;
}

#ChildTabsLevel1 a {
    padding-left:5px;
    padding-right:5px;
    text-decoration:none;
    font-weight:bold;
    /* font-size:80%; */
    color:#333333 !important;
	border-right:#999999 solid 1px;
	line-height:27px;
	padding-top:4px;
	padding-bottom:4px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial, Verdana, sans-serif;

}    

#ChildTabsLevel1 .SelectedTab a {
font-family:"Lucida Grande","Lucida Sans Unicode",Arial, Verdana, sans-serif;
background-image:url(contHeaderTMOver.jpg);
background-repeat:repeat-x;
color:#ffffff !important;
}    

#ChildTabsLevel1 a:hover {
color:#ffffff !important;
text-decoration:none;
background-image:url(contHeaderTMO.jpg);
background-repeat:repeat-x;
}    

#ChildTabsLevel1 .LinkLeft {
    position:relative;
    float:left;
}

.contentpaneL {
clear:both;
padding:0px;
text-align:left;
border-right:#c8c8c8 solid 1px;
border-left:#c8c8c8 solid 1px;
border-bottom:#c8c8c8 solid 1px;
background-color:#FFFFFF;
width:934px;
margin:0px 0px 0px -1px;
padding:10px;
}
#spacer {
width:100%;
clear:both;
height:15px;
}
#twoGroup {
clear:both;
width:954px;
margin:0px;
padding:0px
}
.leftPane {
width:630px;
float:left;
padding:0px;
margin:0px;
}
.rightPane {
width:315px;
float:right;
padding:0px;
margin:0px;
}

.bottomL {
float:left;
clear:both;
width:954px;
margin:0px;
padding:0px;
}
.footerL {
float:left;
clear:both;
text-align:right;
width:954px;
margin:15px auto 15px auto;
padding:0px;
color:#5a5f5f;
font-size:0.8em;
font-family:"Lucida Grande","Lucida Sans Unicode",Arial, Verdana, sans-serif;
}
.footerL a {
color:#5a5f5f !important;
text-decoration:none;
}
.footerL a:hover {
text-decoration:underline;
}
h1, h1 a {
color:#555;
font-size:1em !Important;
font-weight:bold;
}
h1 a{
color: #6a8b9b !important;
padding:2px 0px 2px 20px;
margin:0px;
background-image:url(arrow.jpg);
background-repeat:no-repeat;
background-position:left;
}
h1 a:hover {
color:#770000 !important;
}
h2 {
color:#555;
font-size:0.9em !important;
font-weight:bold;
}
h3 {
color:#555;
font-size:0.8em !important;
font-weight:normal;
}
h4 {
font-size:0.9em !important;
padding:0px;
margin:0px;
font-style:italic;
color:#0c2c5e;
}
h5 a{
color:#770000; !important;
padding:2px 0px 2px 20px;
margin:0px;
background-image:url(arrow.jpg);
background-repeat:no-repeat;
background-position:left;
font-size:0.75em !important;
font-weight:bold;
}
p, .Normal, .NormalBold {
align:left;
font-size:0.9em !important;
color:#555;
}
a {
color: #c3a54d !important;
text-decoration: none;
}
a:hover {
color:#770000 !important;
}
/* announcement module style */
.announcementsContainer {
width:100%;
padding:0px;
margin:0px 0px -5px 0px;
}
.NewsImage {
width:365px;
float:left;
}
.NewsContent table {
margin-left:10px;
margin-bottom:0px;
}
.NewsTable table {
margin-bottom:12px;
}
.newsHeader {
font-size:0.9em;
font-weight:bold;
}
.newsHeader a{
color: #6a8b9b !important;
}
.newsHeader a:hover {
text-decoration:none;
color:#770000 !important;
}
.newsDescriptions {
font-size:0.7em;
color:#555;
}
.newsDescriptions p {
padding:0px;
margin:0px;
font-size:1.15em !important;
}

.testimonial {
text-align:center !important;
padding:0px;
margin:0px;
}
.testimonial p {
font-size:0.65em !important;
}
.linkTableL a{
padding:3px 20px;
text-align:center;
background-color:#dddddd;
border:#212121 solid 1px;
}
ul, li, ol {
list-style:none !important;
}

a.calendar:link {color: #777777;}
a.calendar:visited {color: #777777;}
a.calendar:hover {color: #ffffff;}
a.calendar:active {color: #777777;}


/*navigation end */
a.rolloverurban  { text-decoration: none; background: url("/Portals/0/images/bannerslideurban.jpg"); display: block; width: 180px; height: 230px }
a.rolloverurban:hover { background-position: -180px 0 }

a.rolloverstudio  { text-decoration: none; background: url("/Portals/0/images/bannerslidestudio.jpg"); display: block; width: 180px; height: 230px }
a.rolloverstudio:hover { background-position: -180px 0 }

a.rollovercamera  { text-decoration: none; background: url("/Portals/0/images/bannerslidecamera.jpg"); display: block; width: 180px; height: 230px }
a.rollovercamera:hover { background-position: -180px 0 }

a.rolloverzero  { text-decoration: none; background: url("/Portals/0/images/bannerslidezero.jpg"); display: block; width: 180px; height: 230px }
a.rolloverzero:hover { background-position: -180px 0 }

a.rollovermarko  { text-decoration: none; background: url("/Portals/0/images/bannerslidemarko.jpg"); display: block; width: 180px; height: 230px }
a.rollovermarko:hover { background-position: -180px 0 }

a.rolloverpostp  { text-decoration: none; background: url("/Portals/0/images/bannerslidepostp.jpg"); display: block; width: 180px; height: 230px }
a.rolloverpostp:hover { background-position: -180px 0 }

a.rolloverbusiness  { text-decoration: none; background: url("/Portals/0/images/bannerslidebusiness.jpg"); display: block; width: 180px; height: 230px }
a.rolloverbusiness:hover { background-position: -180px 0 }

a.rollovershootday  { text-decoration: none; background: url("/Portals/0/images/bannerslideshootday.jpg"); display: block; width: 180px; height: 230px }
a.rollovershootday:hover { background-position: -180px 0 }

a.rolloverstreet  { text-decoration: none; background: url("/Portals/0/images/bannerslidestreet.jpg"); display: block; width: 180px; height: 230px }
a.rolloverstreet:hover { background-position: -180px 0 }

a.rollovercherish  { text-decoration: none; background: url("/Portals/0/images/bannerslidecherish.jpg"); display: block; width: 180px; height: 230px }
a.rollovercherish:hover { background-position: -180px 0 }



a.rolloverwinter  { text-decoration: none; background: url("/Portals/0/images/bannerslidewinter.jpg"); display: block; width: 180px; height: 230px }
a.rolloverwinter:hover { background-position: -180px 0 }

a.rolloverbigday  { text-decoration: none; background: url("/Portals/0/images/bannerslidebigday.jpg"); display: block; width: 180px; height: 230px }
a.rolloverbigday:hover { background-position: -180px 0 }

a.rolloverbook { text-decoration: none; background: url("/Portals/0/images/bannerslidebook.jpg"); display: block; width: 180px; height: 230px }
a.rolloverbook:hover { background-position: -180px 0 }

a.rolloverdoublewedding  { text-decoration: none; background: url("/Portals/0/images/bannerslidedoublewedding.jpg"); display: block; width: 180px; height: 230px }
a.rolloverdoublewedding:hover { background-position: -180px 0 }

a.rolloverdoublelighting  { text-decoration: none; background: url("/Portals/0/images/bannerslidedoublelighting.jpg"); display: block; width: 180px; height: 230px }
a.rolloverdoublelighting:hover { background-position: -180px 0 }

a.rollovershowreel { text-decoration: none; background: url("/Portals/0/images/bannerslideshowreel.jpg"); display: block; width: 180px; height: 230px }
a.rollovershowreel:hover { background-position: -180px 0 }

a.rolloverlight  { text-decoration: none; background: url("/Portals/0/images/bannerslidelight.jpg"); display: block; width: 180px; height: 230px }
a.rolloverlight:hover { background-position: -180px 0 }

a.rolloverflash  { text-decoration: none; background: url("/Portals/0/images/bannerslideflash.jpg"); display: block; width: 180px; height: 230px }
a.rolloverflash:hover { background-position: -180px 0 }

a.rollovermembers  { text-decoration: none; background: url("/Portals/0/images/bannerslidemembers.jpg"); display: block; width: 180px; height: 230px }
a.rollovermembers:hover { background-position: -180px 0 }



a.rolloverfresnel  { text-decoration: none; background: url("/Portals/0/images/broncolorfresnel.jpg"); display: block; width: 180px; height: 230px }
a.rolloverfresnel:hover { background-position: -180px 0 }

a.rolloverpulso  { text-decoration: none; background: url("/Portals/0/images/broncolorpulso.jpg"); display: block; width: 180px; height: 230px }
a.rolloverpulso:hover { background-position: -180px 0 }

a.rolloverbronmobil  { text-decoration: none; background: url("/Portals/0/images/broncolormobil.jpg"); display: block; width: 180px; height: 230px }
a.rolloverbronmobil:hover { background-position: -180px 0 }

a.rolloverbronbattery { text-decoration: none; background: url("/Portals/0/images/broncolorbattery.jpg"); display: block; width: 180px; height: 230px }
a.rolloverbronbattery:hover { background-position: -180px 0 }

a.rolloverbronringflash { text-decoration: none; background: url("/Portals/0/images/broncolorringflash.jpg"); display: block; width: 180px; height: 230px }
a.rolloverbronringflash:hover { background-position: -180px 0 }

a.rolloverportfolio { text-decoration: none; background: url("/Portals/0/images/bannerslideportfolio3.jpg"); display: block; width: 180px; height: 230px }
a.rolloverportfolio:hover { background-position: -180px 0 }

a.rolloverfotosf { text-decoration: none; background: url("/Portals/0/images/bannerslidefotosf.jpg"); display: block; width: 180px; height: 230px }
a.rolloverfotosf:hover { background-position: -180px 0 }

a.rolloverbroncolor { text-decoration: none; background: url("/Portals/0/images/bannerslidebroncolor.jpg"); display: block; width: 180px; height: 230px }
a.rolloverbroncolor:hover { background-position: -180px 0 }

a.rolloverdvds { text-decoration: none; background: url("/Portals/0/images/bannerslidedvds.jpg"); display: block; width: 180px; height: 230px }
a.rolloverdvds:hover { background-position: -180px 0 }

a.rolloverdvds2 { text-decoration: none; background: url("/Portals/0/images/bannerslidedvds2.jpg"); display: block; width: 180px; height: 230px }
a.rolloverdvds2:hover { background-position: -180px 0 }

a.rolloverworkshop { text-decoration: none; background: url("/Portals/0/images/bannerslideworkshop.jpg"); display: block; width: 180px; height: 230px }
a.rolloverworkshop:hover { background-position: -180px 0 }

a.rolloverflbracket { text-decoration: none; background: url("/Portals/0/images/bannerslideflbracket.jpg"); display: block; width: 180px; height: 230px }
a.rolloverflbracket:hover { background-position: -180px 0 }

a.rolloverpwizard { text-decoration: none; background: url("/Portals/0/images/bannerslidepwizard.jpg"); display: block; width: 180px; height: 230px }
a.rolloverpwizard:hover { background-position: -180px 0 }

a.rolloverarri { text-decoration: none; background: url("/Portals/0/images/bannerslidearri.jpg"); display: block; width: 180px; height: 230px }
a.rolloverarri:hover { background-position: -180px 0 }

a.rolloverarrimain { text-decoration: none; background: url("/Portals/0/images/bannerslidearri3.jpg"); display: block; width: 180px; height: 230px }
a.rolloverarrimain:hover { background-position: -180px 0 }

a.rolloverhonl { text-decoration: none; background: url("/Portals/0/images/bannerslidehonl.jpg"); display: block; width: 180px; height: 230px }
a.rolloverhonl:hover { background-position: -180px 0 }

a.rolloverspeedstrap { text-decoration: none; background: url("/Portals/0/images/bannerslidespeedstrap.jpg"); display: block; width: 180px; height: 230px }
a.rolloverspeedstrap:hover { background-position: -180px 0 }

a.rollovercolourcorrection { text-decoration: none; background: url("/Portals/0/images/bannerslidecolourcorrection.jpg"); display: block; width: 180px; height: 230px }
a.rollovercolourcorrection:hover { background-position: -180px 0 }

a.rollovercoloureffects { text-decoration: none; background: url("/Portals/0/images/bannerslidecoloureffects.jpg"); display: block; width: 180px; height: 230px }
a.rollovercoloureffects:hover { background-position: -180px 0 }

a.rollovergobo { text-decoration: none; background: url("/Portals/0/images/bannerslidegobo.jpg"); display: block; width: 180px; height: 230px }
a.rollovergobo:hover { background-position: -180px 0 }

a.rolloversnoot { text-decoration: none; background: url("/Portals/0/images/bannerslidesnoot.jpg"); display: block; width: 180px; height: 230px }
a.rolloversnoot:hover { background-position: -180px 0 }

a.rolloverspeedgrid { text-decoration: none; background: url("/Portals/0/images/bannerslidespeedgrid.jpg"); display: block; width: 180px; height: 230px }
a.rolloverspeedgrid:hover { background-position: -180px 0 }

a.rollovermarkomagic { text-decoration: none; background: url("/Portals/0/images/lightroommagicroll.jpg"); display: block; width: 462px; height: 692px }
a.rollovermarkomagic:hover { background-position: -462px 0 }

a.rolloverarri2 { text-decoration: none; background: url("/Portals/0/images/bannerslidearri2.jpg"); display: block; width: 180px; height: 230px }
a.rolloverarri2:hover { background-position: -180px 0 }

a.rolloverarrilitetite { text-decoration: none; background: url("/Portals/0/images/bannerslidearrilitetite.jpg"); display: block; width: 180px; height: 230px }
a.rolloverarrilitetite:hover { background-position: -180px 0 }

a.rolloverdrobo { text-decoration: none; background: url("/Portals/0/images/bannerslidedrobo3.jpg"); display: block; width: 180px; height: 230px }
a.rolloverdrobo:hover { background-position: -180px 0 }

a.rolloverlastolite { text-decoration: none; background: url("/Portals/0/images/bannerslidelastolite.jpg"); display: block; width: 180px; height: 230px }
a.rolloverlastolite:hover { background-position: -180px 0 }

a.rolloverezybox { text-decoration: none; background: url("/Portals/0/images/bannerslideezybox3.jpg"); display: block; width: 180px; height: 230px }
a.rolloverezybox:hover { background-position: -180px 0 }

a.rollovertrigrip { text-decoration: none; background: url("/Portals/0/images/bannerslidetrigrip.jpg"); display: block; width: 180px; height: 230px }
a.rollovertrigrip:hover { background-position: -180px 0 }

a.rolloveruplite { text-decoration: none; background: url("/Portals/0/images/bannerslideuplite.jpg"); display: block; width: 180px; height: 230px }
a.rolloveruplite:hover { background-position: -180px 0 }

a.rollovertriflector { text-decoration: none; background: url("/Portals/0/images/bannerslidetriflector.jpg"); display: block; width: 180px; height: 230px }
a.rollovertriflector:hover { background-position: -180px 0 }

a.rolloverumbrellas { text-decoration: none; background: url("/Portals/0/images/bannerslideumbrellas.jpg"); display: block; width: 180px; height: 230px }
a.rolloverumbrellas:hover { background-position: -180px 0 }

a.rolloverskylite { text-decoration: none; background: url("/Portals/0/images/bannerslideskylite.jpg"); display: block; width: 180px; height: 230px }
a.rolloverskylite:hover { background-position: -180px 0 }

a.rollovertilthead { text-decoration: none; background: url("/Portals/0/images/bannerslidetilthead.jpg"); display: block; width: 180px; height: 230px }
a.rollovertilthead:hover { background-position: -180px 0 }

a.rolloverlastolitestands { text-decoration: none; background: url("/Portals/0/images/bannerslidelastolitestands.jpg"); display: block; width: 180px; height: 230px }
a.rolloverlastolitestands:hover { background-position: -180px 0 }

a.rolloverkickerlite { text-decoration: none; background: url("/Portals/0/images/bannerslidekickerlite.jpg"); display: block; width: 180px; height: 230px }
a.rolloverkickerlite:hover { background-position: -180px 0 }

a.rolloverreflectors { text-decoration: none; background: url("/Portals/0/images/bannerslidereflectors.jpg"); display: block; width: 180px; height: 230px }
a.rolloverreflectors:hover { background-position: -180px 0 }

a.rollovertrigriplovebracket { text-decoration: none; background: url("/Portals/0/images/bannerslidetrigriplovebracket.jpg"); display: block; width: 180px; height: 230px }
a.rollovertrigriplovebracket:hover { background-position: -180px 0 }

a.rolloverarrijunior { text-decoration: none; background: url("/Portals/0/images/bannerslidearrijunior.jpg"); display: block; width: 180px; height: 230px }
a.rolloverarrijunior:hover { background-position: -180px 0 }

a.rolloverspeedlightmastery { text-decoration: none; background: url("/Portals/0/images/bannerslidespeedmastery.jpg"); display: block; width: 180px; height: 230px }
a.rolloverspeedlightmastery:hover { background-position: -180px 0 }

a.rolloverbluray { text-decoration: none; background: url("/Portals/0/images/bannerslidebluray2.jpg"); display: block; width: 180px; height: 230px }
a.rolloverbluray:hover { background-position: -180px 0 }

a.rolloverspeedlightblu { text-decoration: none; background: url("/Portals/0/images/bannerslidespeedmastery4.jpg"); display: block; width: 180px; height: 230px }
a.rolloverspeedlightblu:hover { background-position: -180px 0 }

a.rolloverbroncolorpulsoflex { text-decoration: none; background: url("/Portals/0/images/broncolorpulsoflex1.jpg"); display: block; width: 180px; height: 230px }
a.rolloverbroncolorpulsoflex:hover { background-position: -180px 0 }

a.rollovermagicarm { text-decoration: none; background: url("/Portals/0/images/bannerslidemagicarm.jpg"); display: block; width: 180px; height: 230px }
a.rollovermagicarm:hover { background-position: -180px 0 }

a.rolloverarrionefifty { text-decoration: none; background: url("/Portals/0/images/bannerslidearri150w.jpg"); display: block; width: 180px; height: 230px }
a.rolloverarrionefifty:hover { background-position: -180px 0 }

a.rolloverarrisixfifty { text-decoration: none; background: url("/Portals/0/images/bannerslidearri650w.jpg"); display: block; width: 180px; height: 230px }
a.rolloverarrisixfifty:hover { background-position: -180px 0 }

a.rolloverurbanhome  { text-decoration: none; background: url("/Portals/0/images/UB2.jpg"); display: block; width: 220px; height: 220px }
a.rolloverurbanhome:hover { background-position: -220px 0 }

a.rolloverhonlfilters  { text-decoration: none; background: url("/Portals/0/images/bannerslidehonlfilters.jpg"); display: block; width: 180px; height: 230px }
a.rolloverhonlfilters:hover { background-position: -180px 0 }

a.rolloverhonlwraps  { text-decoration: none; background: url("/Portals/0/images/bannerslidehonlwrap.jpg"); display: block; width: 180px; height: 230px }
a.rolloverhonlwraps:hover { background-position: -180px 0 }

a.rollovergels  { text-decoration: none; background: url("/Portals/0/images/bannerslidegels.jpg"); display: block; width: 180px; height: 230px }
a.rollovergels:hover { background-position: -180px 0 }

a.rolloverpulsolamp  { text-decoration: none; background: url("/Portals/0/images/bannerslidepulsolamp.jpg"); display: block; width: 180px; height: 230px }
a.rolloverpulsolamp:hover { background-position: -180px 0 }

a.rolloverrotator  { text-decoration: none; background: url("/Portals/0/images/bannersliderotator.jpg"); display: block; width: 180px; height: 230px }
a.rolloverrotator:hover { background-position: -180px 0 }

a.rolloverbronpdf  { text-decoration: none; background: url("/Portals/0/images/bannerslidebronpdf.jpg"); display: block; width: 180px; height: 230px }
a.rolloverbronpdf:hover { background-position: -180px 0 }

a.rolloverbronreflectors  { text-decoration: none; background: url("/Portals/0/images/bannerslidebronreflectors.jpg"); display: block; width: 180px; height: 230px }
a.rolloverbronreflectors:hover { background-position: -180px 0 }

a.rolloverpulsoflexc  { text-decoration: none; background: url("/Portals/0/images/bannerslidepulsoflexc.jpg"); display: block; width: 180px; height: 230px }
a.rolloverpulsoflexc:hover { background-position: -180px 0 }

a.rolloverbronacc  { text-decoration: none; background: url("/Portals/0/images/bannerslidebronacc.jpg"); display: block; width: 180px; height: 230px }
a.rolloverbronacc:hover { background-position: -180px 0 }

a.rolloverpowerpack  { text-decoration: none; background: url("/Portals/0/images/bannerslidepowerpack.jpg"); display: block; width: 180px; height: 230px }
a.rolloverpowerpack:hover { background-position: -180px 0 }

a.rolloverlovecube { text-decoration: none; background: url("/Portals/0/images/bannerslidelovecube.jpg"); display: block; width: 180px; height: 230px }
a.rolloverlovecube:hover { background-position: -180px 0 }

a.rollovermanfrotto { text-decoration: none; background: url("/Portals/0/images/bannerslidemanfrotto.jpg"); display: block; width: 180px; height: 230px }
a.rollovermanfrotto:hover { background-position: -180px 0 }

a.rolloverbatterychargers { text-decoration: none; background: url("/Portals/0/images/bannerslidebatterychargers.jpg"); display: block; width: 180px; height: 230px }
a.rolloverbatterychargers:hover { background-position: -180px 0 }

a.rolloversoftboxes { text-decoration: none; background: url("/Portals/0/images/bannerslidesoftboxes.jpg"); display: block; width: 180px; height: 230px }
a.rolloversoftboxes:hover { background-position: -180px 0 }

a.rolloverbatterylights { text-decoration: none; background: url("/Portals/0/images/bannerslidebatterylight.jpg"); display: block; width: 180px; height: 230px }
a.rolloverbatterylights:hover { background-position: -180px 0 }

a.rolloversachtler100h { text-decoration: none; background: url("/Portals/0/images/bannerslidesachtler100h.jpg"); display: block; width: 180px; height: 230px }
a.rolloversachtler100h:hover { background-position: -180px 0 }
a.rolloversachtler { text-decoration: none; background: url("/Portals/0/images/bannerslidesachtler.jpg"); display: block; width: 180px; height: 230px }
a.rolloversachtler:hover { background-position: -180px 0 }
a.rolloverlowelid { text-decoration: none; background: url("/Portals/0/images/bannerslidelowelid.jpg"); display: block; width: 180px; height: 230px }
a.rolloverlowelid:hover { background-position: -180px 0 }
a.rolloverlowel { text-decoration: none; background: url("/Portals/0/images/bannerslidelowel.jpg"); display: block; width: 180px; height: 230px }
a.rolloverlowel:hover { background-position: -180px 0 }


a.rollovercustombrackets { text-decoration: none; background: url("/Portals/0/images/bannerslidecustombrackets.jpg"); display: block; width: 180px; height: 230px }
a.rollovercustombrackets:hover { background-position: -180px 0 }
a.rolloverdatarobotics { text-decoration: none; background: url("/Portals/0/images/bannerslidedatarobotics.jpg"); display: block; width: 180px; height: 230px }
a.rolloverdatarobotics:hover { background-position: -180px 0 }




#DDLMenu ul {padding:0 0 0 0px; margin:0; list-style:none; list-style-type: none;height:35px; position:relative;z-index:999;}
#DDLMenu ul table {border-collapse:collapse; width:0; height:0; margin:-3px -10px;}
#DDLMenu ul li {float:left; position:relative;z-index:999;list-style: none; list-style-image: none;margin:0 0 0 0;}

/* Normal state of tabs */
#DDLMenu ul li a,
#DDLMenu ul li a:link,
#DDLMenu ul li a:visited
{
    display:block; height:35px; line-height:35px; padding:0 12px 0 0; 
    float:left; text-decoration:none; font-family:"Lucida Grande","Lucida Sans Unicode",Arial, Verdana, sans-serif; font-size:0.77em;font-weight:normal;
	color:#000000; border-right:1px solid #909090;
}
#DDLMenu ul li a b {display:block; height:35px; float:left; padding:0 0 0 12px; cursor:pointer; color:#222222; }

.mainfirstitem {
}

/* Hover styles */
#DDLMenu ul li a:hover {background:url(images/menu/tab2-right-selected_2.gif) no-repeat right top; line-height:35px; height:35px; position:relative; color:#ffffff;}
#DDLMenu ul li a:hover b {background:url(images/menu/tab2-left-selected_2.gif) no-repeat left top; line-height:35px; position:relative; color:#ffffff;}
#DDLMenu ul li:hover > a {background:url(images/menu/tab2-right-selected_2.gif) no-repeat right top; line-height:35px; height:35px; position:relative; color:#ffffff;}
#DDLMenu ul li:hover > a b {background:url(images/menu/tab2-left-selected_2.gif) no-repeat left top; line-height:35px; position:relative; color:#ffffff;}

/*  Drop-downs */
#DDLMenu ul ul 
{
    padding:0; margin:0; list-style:none; list-style-type:none; position:absolute; height:auto; 
    width:12.5em; background:#fff; left:-9999px; top:35px; z-index:10; border-top:8px solid #e37d64; border-bottom:8px solid #e37d64; 
}
#DDLMenu ul ul li {line-height:1.5em;display:block;clear:both; width:100%;}
#DDLMenu ul ul li a,
#DDLMenu ul ul li a:link,
#DDLMenu ul ul li a:visited
{color:#4e4e4e !important; padding:0 0 0 10px; height:auto; line-height:2em; width:15.26em; white-space:nowrap; font-weight:normal; font-size:0.77em; text-align:left; background:#fff; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}

#DDLMenu ul ul li a:hover {line-height:2em; height:auto; color:#f53661 !important; background:#e1e1e1;}
#DDLMenu ul ul.right li a {border-left:1px solid #e60; border-right:0;}
#DDLMenu ul ul li a.last {border:0;}
#DDLMenu ul :hover ul {left:0px;}

/* Selected item */
#DDLMenu ul li.CurrentItem a,
#DDLMenu ul li.CurrentItem a:link,
#DDLMenu ul li.CurrentItem a:visited
{
    background:url(images/menu/tab2-right-selected_2.gif) no-repeat right top; line-height:35px; height:35px; color:#ffffff; border:0;
}
#DDLMenu ul li.CurrentItem a b {background:url(images/menu/tab2-left-selected_2.gif) no-repeat left top; line-height:35px; color:#ffffff;}

/* Selected sub item */
#DDLMenu ul li.CurrentItem ul li a,
#DDLMenu ul li.CurrentItem ul li a:link,
#DDLMenu ul li.CurrentItem ul li a:visited
{color:#4e4e4e; padding:0 0 0 10px; height:auto; line-height:2em; width:15.26em; white-space:nowrap; font-weight:normal; font-size:0.77em; text-align:left; background:url(images/menu/tab2-right_white.gif); border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }

#DDLMenu ul li.CurrentItem ul li.CurrentSubItem a {color:#c3a54d !important; background:#e1e1e1;}
#DDLMenu ul li.CurrentItem ul li a:hover {color:#770000 !important; background:#e1e1e1;}

/*  Drop-downs 3rd level fly-out */
#DDLMenu ul :hover ul ul
{
    padding:0; margin:0; list-style:none; list-style-type:none; position:absolute; height:auto; 
    width:12.5em; background:#fff; left:-9999px; top:35px; z-index:10; border-top:8px solid #e37d64; border-bottom:8px solid #e37d64; 
}
#DDLMenu ul ul li {line-height:1.5em;display:block;clear:both; width:100%;}
#DDLMenu ul ul li a,
#DDLMenu ul ul li a:link,
#DDLMenu ul ul li a:visited
{color:#c3a54d !important; padding:0 0 0 10px; height:auto; line-height:2em; width:15.26em; white-space:nowrap; font-weight:normal; font-size:0.77em; text-align:left; background:#fff; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}

#DDLMenu ul ul li a:hover {line-height:2em; height:auto; color:#770000 !important; background:#e1e1e1;}
#DDLMenu ul ul.right li a {border-left:1px solid #e60; border-right:0;}
#DDLMenu ul ul li a.last {border:0;}
#DDLMenu ul ul :hover ul {left:12.5em; top:-8px;}
