/***********************************************
	CSS STYLING FOR Werksmans :: Home Page Slider
	Author: Ruan Smit
***********************************************/

/* FEATURES STYLING */
#featuredHolder { float: left; position: relative; width: 975px; overflow: hidden; }
.features { float: left; position: relative; width: 100%; height: 318px; list-style-type: none; padding: 0 0 40px 0; margin: 0; }
.features div.feature { float: left; position: relative; width: 975px; }
.features .slider { float: left; position: relative; width: 100%; }
.features .slider .Xcontainerfreeform { float: left; position: relative; width: 100%; }
div.content { float: left; position: relative; width: 530px; top: -140px; left: 387px; }
div.content h1 { float: left; position: relative; width: 100%; color: #6799c8; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 21px; margin: 0; }
.features div.feature div.content h1 { font-weight: normal; font-size: 18px; }
div.content p { float: left; position: relative; width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 11px; line-height: 14px;  }
div.content a { color: #6799c8; background: #000000 url(/live/images/blue_arrow.gif) center left no-repeat; text-decoration: underline; padding-left: 13px; }
div.content a:hover { text-decoration: none; }
div.arrows { width: 100%; height: 318px; position: absolute; }
.arrowRight { width: 27px; position: relative; float: right; top: 120px; right: 17px; z-index: 99; }
.arrowLeft { width: 27px; position: relative; float: left; top: 120px; left: 17px; z-index: 99; }
div.arrows a.previous { width: 27px; height: 27px; float: left; position: relative; background: transparent url(/live/images/arrow_left_hover.png) top left no-repeat; outline: none; z-index: 99; }
div.arrows a.next { width: 27px; height: 27px; float: left; position: relative; background: transparent url(/live/images/arrow_right_hover.png) top left no-repeat; outline: none; z-index: 99; }
div.arrows a:hover { background-position: bottom left; }