
/*_____________________________________________________________________________*/
/* content styles */

	/* generic */
	div,p,td,th,li,dt,dd,blockquote,span,
	legend,input,textarea,select{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;color:#555;}
	
	/* paragraphs and quotes */
	p{margin:0 0 0.8em 0;padding:0;line-height:1.2;}
	blockquote{margin:0 0 0.8em 1.6em;padding:0 0 0 0.5em;line-height:1.2;font-style:italic;}
	
	/* headings */
	h1,h2,h3,h4,h5,h6{font-family:Verdana, Arial, Helvetica, sans-serif;color:#97B25F;margin:0 0 0.8em 0;padding:0;line-height:normal;}
	
	h1{font-size:1.666em;font-weight:bold;}
	h2{font-size:1.666em;font-weight:normal;}
	h3{font-size:1.333em;font-weight:bold;}
	h4{font-size:1.333em;font-weight:normal;}
	h5{font-size:1.166em;font-weight:bold;}
	h6{font-size:1.166em;font-weight:normal;}
	
	/* links */
	a{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;outline:none;}
	a:link{color:#97B25F;text-decoration:none;}
	a:visited{color:#97B25F;text-decoration:none;}
	a:hover{color:#97B25F;text-decoration:underline;}
	a:active{color:#97B25F;text-decoration:underline;}

/*_____________________________________________________________________________*/
/* bonus styles */

	.l-bg-dark{background-color:#97B25F;}
	.l-bg-light{background-color:#198FE4;}
	.l-bg-grey{background-color:#F0F0F0;}
	
	.l-border-dark{border:1px #97B25F solid;}
	.l-border-light{border:1px #198FE4 solid;}
	.l-border-grey{border:1px #F0F0F0 solid;}
	
	.l-pad5{padding:5px;}
	.l-pad10{padding:10px;}
	.l-pad15{padding:15px;}
	
	.l-left{float:left;margin:0 10px 10px 0;}
	.l-right{float:right;margin:0 0 10px 10px;}
	.l-center{text-align:center;margin:0 auto;display:block;}
	
	/* fonts */
	.l-dark{color:#97B25F;}
	.l-light{color:#198FE4;}
	.l-grey{color:#888;}
	
	.l-b{font-weight:900;}
	.l-i{font-style:italic;}
	.l-u{text-decoration:underline;}
	
	/* lists */
	.l-list{list-style-image:url(bullet1.png);}
	.l-list li{padding:3px 0;}

/*_____________________________________________________________________________*/
/* dnn styles overwrite */

	.Normal,.NormalTextBox{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;color:#555;}
	.Head,.SubHead,.SubSubHead{font-family:Verdana, Arial, Helvetica, sans-serif;color:#665924;}
	.Head{font-size:1.25em;font-weight:bold;}
	.SubHead{font-size:1.1em;font-weight:bold;}
	.SubSubHead{font-size:1em;font-weight:bold;}
	
	a.CommandButton{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.2em;font-weight:bold;}
	a.CommandButton:link{color:#97B25F;text-decoration:none;}
	a.CommandButton:visited{color:#97B25F;text-decoration:none;}
	a.CommandButton:hover{color:#97B25F;text-decoration:underline;}
	a.CommandButton:active{color:#97B25F;text-decoration:underline;}
	
	a.SkinObject{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.2em;font-weight:bold;}
	a.SkinObject:link{color:#97B25F;text-decoration:none;}
	a.SkinObject:visited{color:#97B25F;text-decoration:none;}
	a.SkinObject:hover{color:#97B25F;text-decoration:underline;}
	a.SkinObject:active{color:#97B25F;text-decoration:underline;}
	
	.StandardButton{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;}

/*_____________________________________________________________________________*/
/* Below this line edit only if you know exactly what you're doing. */

/*_____________________________________________________________________________*/
/* core */

	.ControlPanel{background:#FFF;border:#CCC dotted;border-width:0 0 1px 0;}
	.ControlPanel table{margin:0 auto;}
	.ControlPanel .SubHead{font-size:12px;}
	.ControlPanel a.CommandButton{font-size:10px;font-weight:normal;}

/*_____________________________________________________________________________*/
/* design elements */

	#Body{background:#FFF;margin:0;padding:0;height:100%;font-size:12px;}
	#Form{width:100%;float:left;}
	
	#leggero{width:80em;margin:0 auto;}
	
	#leggero #header{width:100%;overflow:hidden;float:left;margin-bottom:10px;}
	#leggero #logo{float:left;margin:10px 0 0 30px;display:inline;}
	#leggero #member-options{float:right;margin:1px 0 10px 0;color:#97B25F;}
	#leggero #available-languages{clear:right;text-align:right;padding:20px 40px 0;}
	
	#leggero #main{width:100%;min-height:35em;clear:both;position:relative;overflow:hidden;float:left;}
	#leggero #main:before,
	#leggero #main-before{content:".";display:block;height:7.2em;clear:both;visibility:hidden;}
	
	#leggero #nav-wrapper{position:absolute;top:0;left:0;width:100%;clear:both;}
	#leggero #nav{background:url(menubg.png) repeat-x #97B25F;float:left;width:100%;margin-bottom:1px;}
	#leggero #toolbar{background:url(shadow.png) repeat-x;clear:both;overflow:hidden;width:100%;}
	#leggero #breadcrumbs{line-height:40px;padding:0 20px;float:left;overflow:hidden;visibility:hidden;}
	#leggero #search{width:330px;float:right;position:relative;top:10px;text-align:right;padding-right:30px;}
	#leggero #search .NormalTextBox{border-color:#888 #D4D4D4 #D4D4D4 #888;border-style:solid;border-width:1px;font-size:14px;width:150px;margin-left:5px;background:#FFF;}
	
	#leggero #footer{width:100%;padding:3.5em 0 1.5em;text-align:center;background:url(footerbg.png) repeat-x;clear:both;}
	#leggero #SecNav{padding:0;margin:0 0 10px;list-style:none;}
	#leggero #SecNav li{padding:0;margin:0;list-style:none;display:inline;}

/*_____________________________________________________________________________*/
/* panes */

	#leggero .bannerpane{clear:right;margin-left:25em;}
	#leggero .toppane{}
	#leggero .leftpane{width:19.5em;padding-left:0.6em;}
	#leggero .leftpane2{width:19.5em;padding-right:0.6em;}
	#leggero .contentpane{}
	#leggero .rightpane{width:19.5em;padding-left:0.6em;}
	#leggero .bottompane{}

/*_____________________________________________________________________________*/
/* links and text design elements */

	#leggero a.member-option{display:block;line-height:3;padding:0 1.25em;margin-left:2px;float:left;background:url(buttonbg.png) 0 1px repeat-x;font-size:0.9em;font-weight:bold;border-top:1px #97B25F solid;}
	#leggero a.member-option:link{color:#97B25F;text-decoration:none;}
	#leggero a.member-option:visited{color:#97B25F;text-decoration:none;}
	#leggero a.member-option:hover{color:#97B25F;text-decoration:underline;}
	#leggero a.member-option:active{color:#97B25F;text-decoration:underline;}
	
	#leggero .breadcrumbs,
	#leggero a.breadcrumbs{font-size:0.9em;}
	#leggero a.breadcrumb:link{color:#97B25F;text-decoration:none;}
	#leggero a.breadcrumb:visited{color:#97B25F;text-decoration:none;}
	#leggero a.breadcrumb:hover{color:#97B25F;text-decoration:underline;}
	#leggero a.breadcrumb:active{color:#97B25F;text-decoration:underline;}
	
	#leggero .search label{font-size:0.9em;}
	#leggero a.search{font-size:0.9em;font-weight:bold;}
	#leggero a.search:link{color:#97B25F;text-decoration:none;}
	#leggero a.search:visited{color:#97B25F;text-decoration:none;}
	#leggero a.search:hover{color:#97B25F;text-decoration:underline;}
	#leggero a.search:active{color:#97B25F;text-decoration:underline;}
	
	#leggero #footer .footer,
	#leggero #footer a{font-size:0.9em;color:#555;margin:0 0.6em;}
	#leggero #footer a:link{color:#97B25F;text-decoration:none;}
	#leggero #footer a:visited{color:#97B25F;text-decoration:none;}
	#leggero #footer a:hover{color:#97B25F;text-decoration:underline;}
	#leggero #footer a:active{color:#97B25F;text-decoration:underline;}

/*_____________________________________________________________________________*/
/* nav */

	#leggero #MainNav ul{padding:0;margin:0;list-style:none;position:relative;z-index:999;}
	#leggero #MainNav li{padding:0;margin:0;position:relative;float:left;list-style:none;background:url(separator.png) 100% 0 repeat-y;}
	#leggero #MainNav li.SelectedTab{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;}
	#leggero #MainNav a{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;display:block;text-decoration:none;text-align:center;font-weight:bold;padding:0 10px;margin:2px 3px 0 0;line-height:3.25em;color:#97B25F;border-bottom:1px #97B25F solid;}
	#leggero #MainNav a:hover,
	#leggero #MainNav li.SelectedTab a{background:#97B25F;color:#FFF;}
	#leggero #MainNav .DisabledTab{}
	
	/* second-level lists */
	#leggero #MainNav li ul{width:180px;padding:0;margin:0;list-style:none;position:absolute;left:-999px;border-top:1px #FFF solid;border-bottom:1px #97B25F solid;z-index:999;}
	#leggero #MainNav li li,
	#leggero #MainNav li.SelectedTab li a{background:#D5E8AF;color:#97B25F;}
	#leggero #MainNav li li a{width:150px;border-top:1px #97B25F solid;border-bottom:0;padding:4px 20px 4px 10px;margin:0;line-height:normal;text-align:left;font-weight:normal;}
	#leggero #MainNav li li a:hover,
	#leggero #MainNav li li.SelectedTab a{background:#97B25F;color:#FFF;}
	#leggero #MainNav li li a.hasChildren{background:url(arrow-white.png) 98% 50% no-repeat;}
	#leggero #MainNav li li.SelectedTab a.hasChildren{background:url(arrow-white.png) 98% 50% no-repeat #97B25F;}
	#leggero #MainNav li li a.hasChildren:hover{background:url(arrow-white.png) 98% 50% no-repeat #97B25F;}
	
	/* third-level and beyond */
	#leggero #MainNav li li ul{border-top:0;}
	#leggero #MainNav li li.SelectedTab li a{background:#D5E8AF;color:#97B25F;}
	#leggero #MainNav li li.SelectedTab li a:hover{background:#97B25F;color:#FFF;}
	#leggero #MainNav li li.SelectedTab li a.hasChildren{background:url(arrow-white.png) 98% 50% no-repeat #D5E8AF;}
	#leggero #MainNav li li.SelectedTab li a.hasChildren:hover{background:url(arrow-white.png) 98% 50% no-repeat #97B25F;}
	#leggero #MainNav li li li.SelectedTab a{background:#97B25F;color:#FFF;}
	
	/* no need to change these hover classes unless you need more than 4 levels */
	#leggero #MainNav li:hover ul ul,
	#leggero #MainNav li:hover ul ul ul,
	#leggero #MainNav li:hover ul ul ul ul,
	#leggero #MainNav li.iehover ul ul,
	#leggero #MainNav li.iehover ul ul ul,
	#leggero #MainNav li.iehover ul ul ul ul{left:-999em;}
	
	#leggero #MainNav li:hover ul,
	#leggero #MainNav li.iehover ul{top:3.5em;left:0;}
	#leggero #MainNav li li:hover ul,
	#leggero #MainNav li li li:hover ul,
	#leggero #MainNav li li.iehover ul,
	#leggero #MainNav li li li.iehover ul{top:0;left:180px;}
	
	/*helpful*/
	
	.flabel{text-align:right}
	.altlabel{color:#C11515;}
	.big{font-size:13px;font-weight:bold;}
	.small,.small span{font-size:10px;}
	
	/*highslide*/
	.highslide{cursor:url(highslide/graphics/zoomin.cur), pointer;outline:none;}
	.highslide-active-anchor img{visibility:hidden;}
	.highslide img{margin-right:10px;border:2px solid #97B25F;}
	.highslide:hover img{}
	
	.highslide-wrapper{background:#FFF;}
	.highslide-image{border:2px solid #97B25F;}
	.highslide-image-blur{}
	.highslide-caption{display:none;border:2px solid #FFF;border-top:none;padding:5px;background:#FFF;}
	.highslide-loading{display:block;font-weight:bold;text-decoration:none;padding:2px;border:1px solid black;background-color:white;padding-left:22px;background:url(highslide/graphics/loader.white.gif) 3px 1px no-repeat;}
	
	a.highslide-credits,a.highslide-credits i{display:none;}
	a.highslide-full-expand{background:url(highslide/graphics/fullexpand.gif) no-repeat;display:block;margin:0 10px 10px 0;width:34px;height:34px;}
	
	/* These must always be last */
	.highslide-display-block{display:block;}
	.highslide-display-none{display:none;}
	
	
	/* shop */
	
	/* nav */
	#dnn_ctr396_ModuleContent ul{margin:20px 0 0 20px;padding:0;list-style:none;}
	#dnn_ctr396_ModuleContent li{margin:0 0 10px 0;padding:0;list-style:none;}
	#dnn_ctr396_ModuleContent a.SkinObject{text-transform:lowercase;}
	/* front */
	#featured-products{margin:0;padding:0;list-style:none;width:675px;height:400px;background:url(/portals/0/shop.jpg);position:relative;}
	#featured-products li{margin:0;padding:0;list-style:none;}
	#featured-products a{display:block;width:120px;height:130px;position:absolute;text-indent:-100000px;}
	#featured-products a#big-image{top:0;left:0;width:300px;height:400px;}
	#featured-products a#alba{top:0;right:0;}
	#featured-products a#alina{top:0;right:250px;}
	#featured-products a#anais{bottom:0;right:0;}
	#featured-products a#andrea{bottom:0;right:125px;}
	#featured-products a#anna{top:0;right:125px;}
	#featured-products a#ella{bottom:0;right:250px;}
	#featured-products a#mara{top:135px;right:0;}

/*_____________________________________________________________________________*/
/* Vasilis Terzopoulos // thinkofdesign.com */



