﻿/*------ LEFT FEATURE ------------*/

/* ---- styling the list ---- */
#feature_left li{float:left; display:block; width:152px; display:inline; height:169px; margin-bottom:10px; margin-right:10px}
#feature_left li a{border:none}
#feature_left p{margin-bottom:0}

/* ---- show-hide elements ---- */
#feature_left li .show{display:block; width:152px; height:169px}
#feature_left li .hide{color:#000; text-align:left; height:0; overflow:hidden; background-image:url('../images/effects/roll_over_bg.png'); cursor:default}
#feature_left li:hover .hide, #feature li.over .hide{height:149px; width:132px; padding:10px}
#feature_left li:hover .show, #feature li.over .show{height:0; overflow:hidden}
#feature_left li a:hover{color:#69F}
#feature_left img{border-style:none; margin:0; padding:0}


/*-------- RIGHT COLUMN FEATURES -------------*/

/* ---- styling the list ---- */
#feature_right{float:right; list-style:none; margin:0; padding:0}
#feature_right li{float:right; display:block; width:152px; display:inline; height:169px; margin-bottom:10px}
#feature_right li a{border:none}
#feature_right p{margin-bottom:0}

/* ---- show-hide elements ---- */
#feature_right li .show{display:block; width:152px; height:169px}
#feature_right li .hide{color: #000;text-align: left;height: 0;overflow: hidden;background-image: url('../images/effects/roll_over_bg.png');cursor: default;}


#feature_right li:hover .hide, #feature li.over .hide{height: 149px;width: 132px;padding:10px;}
#feature_right li:hover .show, #feature li.over .show{height:0; overflow:hidden}
#feature_right li a:hover{color:#69F}
#feature_right img{border-style:none; margin:0; padding:0}
#feature_left{float:left; list-style:none; margin:0; padding:0}
