/* == STYLESHEET FUNCTIONS
------------------------------------------------------------------------------------------------------------------------
- Defines the site-wide layout for core structure
- Defines reusable widget code
- Defines page specific layout
- Overrides base HTML elements where required
----------------------------------------------------------------------------------------------------------------------*/

/* == CONTENTS
------------------------------------------------------------------------------------------------------------------------
- Main Layout
- Head Content
- Primary Navigation
- Foot Content

[Widget Styles:]

- Shaded Holders
- Video Player
- Product Listings
- Tool Links
- Letter Links
- Blog Listing
- Comment Listing
- Login Styles
- Screen Messages
- Paging
- News Listing
- News View
- Image Branding
----------------------------------------------------------------------------------------------------------------------*/

/* == Main Layout
----------------------------------------------------------------------------------------------------------------------*/

#wrap{background: #14100f url(../_img/violin.gif) top right no-repeat; width: 995px;margin: 0 auto;text-align: left;}
#wrap #head{float: left; width: 973px; margin: 0 0 5px 11px;display: inline; background: url(../_img/floral-trans.gif) 540px 40px no-repeat;}
#wrap #mainContent{float: left; width: 973px; margin: 0 0 10px 11px;display: inline;}
#wrap #foot{float: left; width: 995px;border-bottom: solid 1px #0d0002;height: 38px; background: url(../_img/foot-bg.gif) top left repeat-x;}

/** content divisions **/
#wrap #mainContent #templateOne .zoneOne{float: left;margin: 0 25px 0 0;width: 250px;}
#wrap #mainContent #templateOne .zoneTwo{float: left;margin: 0 25px 0 0;width: 423px;}
#wrap #mainContent #templateOne .zoneThree{float: left;width: 250px;background: #040404;}

#wrap #mainContent #templateTwo .zoneOne{float: left;margin: 0 25px 0 0;width: 423px;}
#wrap #mainContent #templateTwo .zoneTwo{float: left;margin: 0 25px 0 0;width: 250px;}
#wrap #mainContent #templateTwo .zoneThree{float: left;width: 250px;background: #040404;}

#wrap #mainContent #templateThree .zoneOne{float: left;margin: 0 25px 0 0;width: 668px;padding: 15px;}
#wrap #mainContent #templateThree .zoneTwo{float: left;width: 250px;}
#wrap #mainContent #templateThree .padder{padding: 15px;}

#wrap #mainContent #templateFour .zoneOne{float: left;margin: 0;width: 608px;}
#wrap #mainContent #templateFour .zoneTwo{float: right;width: 340px;}
#wrap #mainContent #templateFour .padder{padding: 15px;}

/* == Head Content
----------------------------------------------------------------------------------------------------------------------*/

#wrap #head #siteTools{float: left; width: 973px; height: 43px;background: url(../_img/sitetools-bg.gif) top left repeat-x;}
#wrap #head #siteTools ul{float: right; height: 30px; margin:0; padding: 13px 15px 0 0;background: url(../_img/sitetools-right.gif) top right no-repeat;list-style-image: none;}
#wrap #head #siteTools ul li{float: left;height: 22px; line-height: 22px;}
#wrap #head #siteTools ul li span{padding: 0px 12px;}
#wrap #head #siteTools ul li a{float: left;text-decoration: none;color: #c9bdad;margin: 0 3px 0 3px;}
#wrap #head #siteTools ul li a:hover, #wrap #head #siteTools ul li.on a{text-decoration: underline;}

#wrap #head .firstLogo{float: left;margin: 15px 0 0 30px;}
#wrap #head .secondLogo{float: left;margin: 15px 0 0 10px;}
#wrap #head .tagline{float: left; margin: 15px 0 0 120px; width: 280px;color: #c9bdad;}
#wrap #head .tagline p{margin: 0;}
#wrap #head .tagline .lead{color: #fff; font-family: Georgia, Times New Roman;font-size: 300%;}

/* == Primary Navigation
----------------------------------------------------------------------------------------------------------------------*/

#wrap #head #priNav{font-size:120%; float: left; width: 973px;background: url(../_img/prinav-bg.gif) top left repeat-x;height: 51px;clear: both;margin: 20px 0 0 0;}
#wrap #head #priNav ul{float: left; height: 51px;margin: 0;background: url(../_img/prinav-left.gif) top left no-repeat;padding: 0 0 0 20px;list-style-image: none;}
#wrap #head #priNav ul li{float: left; height: 51px;margin: 0;background: url(../_img/prinavli-left.gif) top left no-repeat;}
#wrap #head #priNav ul li a{float: left; height: 40px;line-height: 35px;font-weight: bold;font-size: 110%;margin-right: 0px;text-decoration: none;color: #e4e4e2;padding: 0 15px;margin-top: 11px;}
#wrap #head #priNav ul li a:hover, #wrap #head #priNav ul li a.on{background: url(../_img/nav-hover.gif) center 6px no-repeat;}
#wrap #head #priNav ul li.navVideo a.on{position: relative; border: solid 1px #5a3f2e;bottom: -1px;border-bottom: solid 1px #0d0908;height: 38px;line-height: 30px;z-index: 50;}

#wrap #head #priNav ul.right{float: right; height: 51px;margin: 0;background: url(../_img/prinav-right.gif) top right no-repeat;padding: 0 0 0 20px;list-style-image: none;}
#wrap #head #priNav ul.right li{float: left; height: 51px;margin: 0;}
#wrap #head #priNav ul.right li a{float: left; height: 40px;line-height: 35px;font-weight: bold;font-size: 110%;margin-right: 10px;text-decoration: none;color: #e4e4e2;padding: 0 10px;}
#wrap #head #priNav ul.right li a:hover, #wrap #head #priNav ul.right li a.on{background-image: none;}
#wrap #head #priNav ul.right li img{margin: 5px 0 0 0;vertical-align: top;}

#wrap #head #secNav{font-size:110%; }
#wrap #head #secNav ul{float: left; margin: 0 10px;height: 31px;width: 931px;padding: 0 0 0 20px;list-style-image: none;border: solid 1px #5a3f2e;background: #0d0908 url(/_img/subnav-gradient.gif) bottom left repeat-x;-moz-opacity:0.8; filter:alpha(opacity=80); opacity:0.8;}
#wrap #head #secNav ul li{float: left; height: 31px;margin: 0;}
#wrap #head #secNav ul li a{float: left; height: 31px;line-height: 31px;font-weight:normal;font-size: 110%;margin-right: 10px;text-decoration: none;color: #e4e4e2;padding: 0 10px 0 7px;position: relative;background: url(/_img/subnav-marker.gif) center left no-repeat;}
#wrap #head #secNav ul li a:hover{text-decoration:underline;} 
#wrap #head #secNav ul li a.on{font-weight: bold;background: url(/_img/subnav-marker-on.gif) center left no-repeat;}


/* == Foot Content
----------------------------------------------------------------------------------------------------------------------*/

#wrap #foot ul{float: left;margin: 5px 0 0 20px;display: inline;list-style-image: none;}
#wrap #foot ul li{float: left;color: #525050;}
#wrap #foot ul li span{padding: 0 10px;}
#wrap #foot ul li a{color: #525050;text-decoration: none;}
#wrap #foot ul li a:hover{color: #fff;}

#wrap #foot .right{float: right;color: #525050;margin: 5px 20px 0 0;}

/* == Shaded Holders
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .holder{float: left; margin: 0 0 10px 0;}
#wrap #mainContent .holder .inner{float: left;padding: 6px 15px;}
#wrap #mainContent .holder .title{font-family: Georgia, Times New Roman;color: #b57e5d;font-size: 160%;}
#wrap #mainContent .holder .title span{color: #fff;font-family: Arial;font-size: 85%;}

/* set the widths */
#wrap #mainContent #templateOne .zoneOne .holder,
#wrap #mainContent #templateTwo .zoneTwo .holder{background: #060404 url(../_img/hold-top.gif) top left no-repeat;}
#wrap #mainContent #templateOne .zoneOne .holder .inner,
#wrap #mainContent #templateTwo .zoneTwo .holder .inner{width: 220px;background: url(../_img/hold-btm.gif) bottom left no-repeat;}
#wrap #mainContent #templateOne .zoneOne .light,
#wrap #mainContent #templateTwo .zoneTwo .light{background: #060404 url(../_img/hold-top-light.gif) top left no-repeat;}

#wrap #mainContent #templateOne .zoneTwo .holder,
#wrap #mainContent #templateTwo .zoneOne .holder{background: #0b0908 url(../_img/hold-top-wide.gif) top left no-repeat;}
#wrap #mainContent #templateOne .zoneTwo .holder .inner,
#wrap #mainContent #templateTwo .zoneOne .holder .inner{width: 393px;background: url(../_img/hold-btm-wide.gif) bottom left no-repeat;}

#wrap #mainContent #templateOne .zoneThree .holder,
#wrap #mainContent #templateTwo .zoneThree .holder,
#wrap #mainContent #templateThree .zoneTwo .holder{background: #060404 url(../_img/hold-top.gif) top left no-repeat;}
#wrap #mainContent #templateOne .zoneThree .holder .inner,
#wrap #mainContent #templateTwo .zoneThree .holder .inner,
#wrap #mainContent #templateThree .zoneTwo .holder .inner{width: 220px;background: url(../_img/hold-btm.gif) bottom left no-repeat;}

#wrap #mainContent #templateOne .zoneThree .rightLead,
#wrap #mainContent #templateTwo .zoneThree .rightLead,
#wrap #mainContent #templateThree .zoneTwo .rightLead{background: #060404 url(../_img/right-lead-top.gif) top right no-repeat;}
#wrap #mainContent #templateOne .zoneThree .rightLead .inner,
#wrap #mainContent #templatetwo .zoneThree .rightLead .inner{width: 220px;background: none;}
#wrap #mainContent #templateOne .zoneThree .rightLead .title,
#wrap #mainContent #templatetwo .zoneThree .rightLead .title,
#wrap #mainContent #templateThree .zoneTwo .rightLead .title {color: #fff;}

#wrap #mainContent #templateThree .zoneOne .holder{background: #060404 url(../_img/hold-top-full.gif) top left no-repeat;}
#wrap #mainContent #templateThree .zoneOne .holder .inner{width: 638px;background: url(../_img/hold-btm-full.gif) bottom left no-repeat;}
#wrap #mainContent #templateThree .zoneOne .holder .inner .split{width: 300px; padding: 10px 0 0 0;}

#wrap #mainContent .zoneThree .rightLead .link{background: url(../_img/bullet.gif) center left no-repeat; padding: 0 0 0 10px;text-decoration: none;color: #c9bdad;}
#wrap #mainContent .zoneThree .rightLead a.link:hover{text-decoration: underline;}

#wrap #mainContent #templateFour .zoneOne .holder{background: #060404 url(../_img/hold-top-new.gif) top left no-repeat;}
#wrap #mainContent #templateFour .zoneOne .holder .inner{width: 578px;background: url(../_img/hold-btm-new.gif) bottom left no-repeat;}
#wrap #mainContent #templateFour .zoneTwo .holder{background: #0b0908 url(../_img/hold-top-right.gif) top left no-repeat;}
#wrap #mainContent #templateFour .zoneTwo .holder .inner{width: 310px;background: url(../_img/hold-btm-right.gif) bottom left no-repeat;}
#wrap #mainContent #templateFour .zoneTwo .rightLead{background: #060404 url(../_img/right-lead-top-new.gif) top right no-repeat;}

/* == Video Player
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .vidPlayer{border: solid 1px #ccc;padding:1px; background: #717171; height: 439px;}
#popupBody{background: #14100F;}
#popup .holder{background: #060404 url(../_img/hold-top-new.gif) top left no-repeat;margin: 10px;}
#popup .holder .inner{width: 578px;background: url(../_img/hold-btm-new.gif) bottom left no-repeat;padding: 15px;}
#popup .holder .inner a.tools{border: solid 1px #373636;width: 180px;padding: 5px;margin: 3px 0 3px 0;text-decoration: none; font-size: 90%;background: url(../_img/arrow-indicate.gif) right center no-repeat;}
#popup .holder .inner a.tools:hover{background: #b57e5d url(../_img/arrow-indicate-on.gif) right center no-repeat;color: #000;}
#popup .holder .inner .title{font-family: Georgia, Times New Roman;color: #b57e5d;font-size: 160%;}
#popup .holder .inner a.amazon{padding: 200px;margin: 0px 0;}

/* == Product listings
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent ul.prodListing{margin: 15px 0; list-style-image: none;}
#wrap #mainContent ul.prodListing li{float: left;clear: left;margin: 0 0 7px 0; padding: 0 0 7px 0; border-bottom: dashed 1px #2c3539;width: 100%;}
#wrap #mainContent ul.prodListing li a.thumb{border: solid 1px #5c2020;float: left;margin-right: 8px;}
#wrap #mainContent ul.prodListing li a.thumb:hover{border: solid 1px #8a8174;}
#wrap #mainContent ul.prodListing li p{margin: 0;float: left;width: 150px;}
#wrap #mainContent ul.prodListing li a{text-decoration: none;}
#wrap #mainContent ul.prodListing li a:hover{text-decoration: underline;}

/* == Tool Hyperlinks
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent a.tools{border: solid 1px #373636;width: 180px;padding: 5px;margin: 3px 0 3px 0;text-decoration: none; font-size: 90%;background: url(../_img/arrow-indicate.gif) right center no-repeat;}
#wrap #mainContent a.tools:hover{background: #b57e5d url(../_img/arrow-indicate-on.gif) right center no-repeat;color: #000;}
#wrap #mainContent a.tools:hover .fade{color: #000;}

#wrap #mainContent .browseVideo a.tools{width: 275px;}

/* == Letter Hyperlinks
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent ul.letterLinks{float: left;margin: 10px 20px 10px 0;width: 160px;border-right: dashed 1px #2c3539;list-style-image: none;}
#wrap #mainContent ul.letterLinks li{float: left;}
#wrap #mainContent ul.letterLinks li a{float: left;width: 24px; height: 18px;color: #666666;text-decoration: none;text-align: center;padding: 2px 0 0 0;}
#wrap #mainContent ul.letterLinks li a:hover{color: #fff;background: url(../_img/letter-hover.gif) top left no-repeat;}

#wrap #mainContent ul.linear{margin: 10px 0;width: 650px;border-right:none;border-top: dashed 1px #999999;border-bottom: dashed 1px #999999;}
#wrap #mainContent ul.linear li a{width: 23px}

#wrap #mainContent ul.artistList{float: left;margin: 10px 0;list-style-image: none;width: 200px;}
#wrap #mainContent ul.artistList li a{color: #8a8174;text-decoration: none;}
#wrap #mainContent ul.artistList li a:hover{color: #fff;}

/* == Blog Listing
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent .blogListing .title{font-family: Georgia, Times New Roman;color: #b57e5d;font-size: 160%;padding: 0 5px;margin-bottom: 0;}
#wrap #mainContent .blogListing ul{margin: 5px 0 15px 0; list-style-image: none;}
#wrap #mainContent .blogListing ul li{float: left; width: 100%;clear: left;margin: 0 0 2px 0; background: #1a1817;padding-bottom: 5px;}
#wrap #mainContent .blogListing ul li a.thumb{float: left;border: solid 1px #292828;margin: 5px 8px 0px 5px;padding: 1px;}
#wrap #mainContent .blogListing ul li a.thumb:hover{border: solid 1px #8a8174;}
#wrap #mainContent .blogListing ul li p{margin: 5px 0 0 0;}
#wrap #mainContent .blogListing ul li a{text-decoration: none;}
#wrap #mainContent .blogListing ul li a:hover{text-decoration: underline;}

/* == Video Listing 
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent .videoListing{margin: 10px 0;}
#wrap #mainContent .videoListing .title{font-family: Georgia, Times New Roman;color: #b57e5d;font-size: 160%;padding: 0 5px;margin-bottom: 0;}
#wrap #mainContent .videoListing ul{float: left; width: 100%;margin: 5px 0 15px 0; list-style-image: none;}
#wrap #mainContent .videoListing ul li{float: left; width: 100%;clear: left;margin: 0 0 8px 0; border-bottom: dashed 1px #2c3539;padding: 0 0 8px 0;}
#wrap #mainContent .videoListing li a.thumb{border: solid 1px #8a8174;float: left;margin: 4px 8px 0 0;}
#wrap #mainContent .videoListing li a.thumb:hover{border: solid 1px #5c2020;}
#wrap #mainContent .videoListing ul li p{margin: 0;padding-left: 65px;}
#wrap #mainContent .videoListing ul li a{text-decoration: none;}
#wrap #mainContent .videoListing ul li a:hover{text-decoration: underline;}

/* == Comment Listing
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .commentListing ul{margin: 10px 0;list-style-image: none;float: left; width: 100%;color: #959174;}
#wrap #mainContent .commentListing ul li{float: left; width: 100%; border-bottom: dashed 1px #343127; padding: 0 0 10px 0; margin: 0 0 10px 0;}
#wrap #mainContent .commentListing ul li .first{float: left;width: 64%;}
#wrap #mainContent .commentListing ul li .second{float: left;width: 35%;text-align: right;}
#wrap #mainContent .commentListing ul li .third{float: left;width: 25%;text-align: right;}
#wrap #mainContent .commentListing ul li a.add{font-weight: bold; color: #ca0137;text-decoration: none; font-size: 150%; background: url(../_img/bubble.gif) center left no-repeat;padding: 0 0 0 25px;}
#wrap #mainContent .commentListing .commentCount{font-weight:bold;color: #959174;  background: url(../_img/bubble.gif) center left no-repeat;padding: 15px 0 15px 25px;}

/* == Login Styles
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent #templateThree .zoneOne .holder .inner .split label{width: 30%;}
#wrap #mainContent #templateThree .zoneOne .holder .inner .split .input{width: 60%;}
#wrap #mainContent #templateThree .zoneOne .holder .inner .split h2{border-bottom: solid 1px #444;padding: 0 0 5px 0;}

/* == Screen Messages
----------------------------------------------------------------------------------------------------------------------*/

ul.error{color: #fe0000;}

/* == Paging
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .paging .text{float: left;margin: 5px 0 10px 0;}
#wrap #mainContent .paging .pg{float: right;}
#wrap #mainContent .paging .pg ul{margin: 5px 0 10px 0;list-style: none;}
#wrap #mainContent .paging .pg ul li{float: left;}
#wrap #mainContent .paging .pg ul li.det{font-weight: bold;padding: 4px 8px 0 0;}
#wrap #mainContent .paging .pg ul li a{float: left;padding: 4px 8px;text-decoration: none;border: solid 1px #400202;font-size: 95%;background: url(/_img/paging-bg.gif) top left repeat-x;margin: 0 0 0 3px;color: #888;}
#wrap #mainContent .paging .pg ul li a:hover, #wrap #mainContent .paging .pg ul li a.on{background: #370303;font-weight: bold;color: #fff;}

/* == News Listing
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent .newsListing .title{font-family: Georgia, Times New Roman;color: #b57e5d;font-size: 160%;padding: 0 5px;margin-bottom: 0;}
#wrap #mainContent .newsListing ul.newsList{margin: 5px 0 15px 0; list-style-image: none;}
#wrap #mainContent .newsListing ul.newsList li{float: left; width: 100%;clear: left;margin: 0 0 2px 0; background: #1a1817;padding-bottom: 5px;}
#wrap #mainContent .newsListing ul.newsList li a.thumb{float: left;border: solid 1px #292828;margin: 5px 8px 0px 5px;padding: 1px;}
#wrap #mainContent .newsListing ul.newsList li a.thumb:hover{border: solid 1px #8a8174;}
#wrap #mainContent .newsListing ul.newsList li p{margin: 5px 0 0 0;}
#wrap #mainContent .newsListing ul.newsList li a{text-decoration: none;}
#wrap #mainContent .newsListing ul.newsList li a:hover{text-decoration: underline;}

/* == News View
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .divLoading{display:none;}

/* == Image Branding
----------------------------------------------------------------------------------------------------------------------*/

#dance #wrap{background: #14100f url(../_img/branding/dance-main.gif) top right no-repeat;}
#dance #wrap #head #siteTools ul{background: url(../_img/branding/dance-sitetools.gif) top right no-repeat;}
#dance #wrap #head #priNav ul.right{background: url(../_img/branding/dance-prinav.gif) top right no-repeat;}
#dance #wrap #mainContent #templateOne .zoneThree .rightLead,
#dance #wrap #mainContent #templateTwo .zoneThree .rightLead,
#dance #wrap #mainContent #templateThree .zoneTwo .rightLead{background: #060404 url(../_img/branding/dance-rightlead.gif) top right no-repeat;}
/*
#opera #wrap{background: #14100f url(../_img/branding/opera/opera-main.jpg) top right no-repeat;}
#opera #wrap #head #siteTools ul{background: url(../_img/branding/opera/opera-sitetools.jpg) top right no-repeat;}
#opera #wrap #head #priNav ul.right{background: url(../_img/branding/opera/opera-prinav.jpg) top right no-repeat;}
#opera #wrap #mainContent #templateOne .zoneThree .rightLead,
#opera #wrap #mainContent #templateTwo .zoneThree .rightLead,
#opera #wrap #mainContent #templateThree .zoneTwo .rightLead{background: #060404 url(../_img/branding/opera/opera-rightlead.jpg) top right no-repeat;}
*/
/*
#concert #wrap{background: #14100f url(../_img/branding/concert/concert-main.jpg) top right no-repeat;}
#concert #wrap #head #siteTools ul{background: url(../_img/branding/concert/concert-sitetools.jpg) top right no-repeat;}
#concert #wrap #head #priNav ul.right{background: url(../_img/branding/concert/concert-prinav.jpg) top right no-repeat;}
#concert #wrap #mainContent #templateOne .zoneThree .rightLead,
#concert #wrap #mainContent #templateTwo .zoneThree .rightLead,
#concert #wrap #mainContent #templateThree .zoneTwo .rightLead{background: #060404 url(../_img/branding/concert/concert-rightlead.jpg) top right no-repeat;}
*/
#opera #wrap{background: #14100f url(../_img/branding/concert/concert-main.jpg) top right no-repeat;}
#opera #wrap #head #siteTools ul{background: url(../_img/branding/concert/concert-sitetools.jpg) top right no-repeat;}
#opera #wrap #head #priNav ul.right{background: url(../_img/branding/concert/concert-prinav.jpg) top right no-repeat;}
#opera #wrap #mainContent #templateOne .zoneThree .rightLead,
#opera #wrap #mainContent #templateTwo .zoneThree .rightLead,
#opera #wrap #mainContent #templateThree .zoneTwo .rightLead{background: #060404 url(../_img/branding/concert/concert-rightlead.jpg) top right no-repeat;}

#documentary #wrap{background: #14100f url(../_img/branding/documentary/docu-main.jpg) top right no-repeat;}
#documentary #wrap #head #siteTools ul{background: url(../_img/branding/documentary/docu-sitetools.jpg) top right no-repeat;}
#documentary #wrap #head #priNav ul.right{background: url(../_img/branding/documentary/docu-prinav.jpg) top right no-repeat;}
#documentary #wrap #mainContent #templateOne .zoneThree .rightLead,
#documentary #wrap #mainContent #templateTwo .zoneThree .rightLead,
#documentary #wrap #mainContent #templateThree .zoneTwo .rightLead{background: #060404 url(../_img/branding/documentary/docu-rightlead.jpg) top right no-repeat;}

#documentary #wrap #head{background: none;}


.videoList .main {
height:700px;
overflow:hidden;
}
#popup #mainContent .videoList .main{
height:100px;
overflow:hidden;
}

.videoList .main ul.thumbs, 
.videoList .main ul.thumbs li 
{
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:1px 2px 1px 0px;
padding:0px;
}

.videoList .base 
{
float:left;
padding:6px 0 0;
width:100%;
}

.videoList .base .scan a.tools 
{
width:82px;
}


#popup #mainContent .videoList .main ul.thumbs{
margin:1px 2px 1px 10px;
}
#popup #mainContent .videoList .main ul.thumbs li 
{
margin:1px 2px 1px 5px;
}