/* ///////////////////////////////////////////////////////////////////////////////// 
// location: ./css/image/float.css
// +-----------------------------------------------------------------------------+
// | Jimstrike CMS Commercial Source Code                                        |
// +-----------------------------------------------------------------------------+
// | Copyright (c) 2007 Jimstrike.com and Dhimiter Karalliu                      |
// |                                                                             |
// | http://www.jimstrike.com/                                                   |
// +-----------------------------------------------------------------------------+
// | !!! You may NOT copy, change or distribute verbatim copies 		         |
// |     of this source file !!!           									     |
// +-----------------------------------------------------------------------------+
// *******************************************************************************
///////////////////////////////////////////////////////////////////////////////// */


/* You need this to apply appropriate float to images on pages. You can only change values */

.floatRight {
border: 3px solid #fff; 
margin: 0 0 20px 20px; 
padding: 1px;
width: 180px; 
float: right; /* float: right; */
}

.floatLeft {
border: 3px solid #fff; 
margin: 0 20px 20px 0; 
padding: 1px;
width: 180px; 
float: left; /* float: left; */
}

.floatLeft .detail, .floatRight .detail {
border-top: 1px solid #fff;
text-align: center;
}

.floatLeft .detail a, .floatRight .detail a {
display: block;
background-color: #eee;
padding: 5px;
text-decoration: none;
color: #616161;
}

.floatLeft .detail a:hover, .floatRight .detail a:hover {
background-color: #fff;
text-decoration: none;
color: #000;
}