/**********************************************************************************************
PURPOSE
This CSS file provide a clever way to add browser and OS specific css styles.

USAGE
.[os].[browser] .mylink { font-weight: bold; } -> without space between .[os] and .[browser]

AVAILABLE OS CODES [os]:
win - Microsoft Windows
linux - Linux (x11 and linux)
mac - Mac OS
freebsd - FreeBSD
ipod - iPod Touch
iphone - iPhone
webtv - WebTV
mobile - J2ME Devices (ex: Opera mini)

AVIALABLE BROWSER CODES [browser]:
ie - Internet Explorer (All versions)
ie8 - Internet Explorer 8.x
ie7 - Internet Explorer 7.x
ie6 - Internet Explorer 6.x
ie5 - Internet Explorer 5.x
gecko - Mozilla, Firefox (all versions), Camino
ff2 - Firefox 2
ff3 - Firefox 3
ff3_5 - Firefox 3.5 new
opera - Opera (All versions)
opera8 - Opera 8.x
opera9 - Opera 9.x
opera10 - Opera 10.x
konqueror - Konqueror
webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome
safari3 - Safari 3.x
chrome - Google Chrome
iron - SRWare Iron

EXAMPLES:
html.gecko div#header { margin: 1em; }
.opera #header { margin: 1.2em; }
.ie .mylink { font-weight: bold; }
.mac.ie .mylink { font-weight: bold; }

***********************************************************************************************/

/*------------------------------------------
// IE - All Versions - Windows
//------------------------------------------*/

/* Clearfix Method for containing floats in IE */
.ie .clearfix { display: inline-block; }  /* ... especialy for IE7 */
.ie .clearfix { display: block; }          /* ... for IE5,IE6,IE7 */
* html.ie .clearfix { height: 1%; }       /* ... for IE5 + IE6/Win */

/*Use to make CSS 3 Rounded Corners , Text Shadows and Box Shadows for IE */
.ie .css3 { behavior: url("interface/js/PIE.htc"); }

/* Adjustment of .floatbox class for IE */
.ie .floatbox { width:100%; }

.ie div.box4-content, .ie div.section2 div.details p.ceo { height:1%; }
.ie ul.list22 li {height:1%;}
.ie ul.list24 li {margin-bottom:7px;}
.ie div.profile div.profile-image a{bottom:4px;}
.ie div.box27{height:1%;}
.ie div.box27 div.box27-bottom{height:1%;}
.ie div.two-column-section5 div#sidebar div.top div.bottom div.middle{height:1%;}
.ie div.form1 div.column2 fieldset legend{position:relative; top:-25px; background:#f2f9ff; display:inline-block;}
.ie ul.tab-strip5 li{margin-right:12px;}
.ie div.two-column-section4 div.column2 div.section{margin-right:3px;}
.ie table.table4 tr td input.checkbox{margin-left:3px;}
.ie div.profile1 div#information div.fotos ul{margin-bottom:10px;}
.ie div.box29{padding-bottom:10px;}
.ie div#information div.introduction, .ie div.curriculum-vitae{height:1%;}


.ie7 div#message-send-form div.form1 span.textarea1 span.textarea1-top span.top-right span.top-middle, .ie7 div#message-send-form div.form1 span.textarea1 span.textarea1-bottom span.bottom-right span.bottom-middle{width:460px;}

.ie7 div#product-list2 div.filter ul li a.up-btn, .ie7 div#product-list2 div.filter ul li a.down-btn{position:relative; top:-3px;}
.ie7 ul.list34{margin-bottom:10px;}
.ie7 div#public-message-form span.textarea textarea { width:415px;}


/*------------------------------------------
// IE - IE6.0 - Windows 
//------------------------------------------*/

/* Adds near-native PNG support with alpha opacity in IE6 */
/* ie6 img { behavior: url("interface/js/iepngfix.htc");  } */

/* Adds ability to user :hover selector on any tag in IE6 */
.ie6 body { behavior: url("interface/js/csshover.htc"); }
.ie6 div#partners ul.list7 li a { text-decoration:underline; }
.ie6 div#partners ul.list7 li a:hover { text-decoration:none; }
.ie6 span.textbox1 input { padding:5px 0; line-height:22px }
.ie6 div#content, .ie6 div.box4-content { height:1%; }

.ie6 div#main-navigation ul li a span { float:left; display:block; background:url(../images/navigation/active-bg.gif) no-repeat -1000px 0; padding:4px 19px 0 0; text-align:center; line-height:44px; height:44px; }
.ie6 div#main-navigation ul li a:hover span{ float:left; display:block; background:url(../images/navigation/active-bg.gif) right bottom no-repeat; }
.ie6 div#main-navigation ul li a.active span { float:left; display:block; background:url(../images/navigation/active-bg.gif) right bottom no-repeat;  }

.ie6 div.box4-top-right, .ie6 div.box4-bottom-right { padding-right:16px; }
.ie6 div#steps div.steps-right { padding-right:9px; }
 
.ie6 div#searchbar div.search-form span.search span.inner { height:30px; margin-top:-2px; position:relative; }
.ie6 div.section2 div.price { margin-right:0; }
.ie6 div.box6-content { width:417px; overflow:hidden; }
.ie6 div.box8-top-right, .ie6 div.box8-bottom-right, .ie6 div.box5-top-right, .ie6 div.box5-bottom-right, .ie6 div.box5-middle-right {  margin-right:1px; }
.ie6 div.box8-top-middle { margin-top:1px; }

.ie6 body.business-type div.box9 a.button9, .ie6 body.business-type div.box9 a.button10 { margin-left:40px; }
.ie6 div#new-user { margin-right:-20px; }
.ie6 div#login h2 { margin-left:15px; }

.ie6 body.blog div.post a.button20 { width:180px; }
.ie6 div#searchbar div.search-form span.search { width:170px; }
.ie6 body.inner .jcarousel-clip, .ie6 div.three-column-section div.column3 div.widget div.opinion div.box19 { height:1%; }

.ie6 ul.list20 li{height:1%;}
.ie6 ul.list21 li{height:1%;}
.ie6 div.box23 a.button25{margin-right:20px;}
.ie6 div#wall-form span.textbox{width:415px;}

.ie6 div#header div#user-info{margin-right:50px;}
.ie6 div.post div.datestamp2{margin-right:5px;}
.ie6 div#notifications.form1 ul li input.checkbox{margin-left:30px;}
.ie6 div.reply-form span.textbox{width:402px;}
.ie6 table.table4 tr td a.write{display:block; background:url(../images/content/actions-bg2.gif) no-repeat -32px top; width:16px; height:16px; float:left; }
.ie6 table.table4 tr td a.delete{display:block; background:url(../images/content/actions-bg2.gif) no-repeat left top; width:16px; height:16px; float:left;}
.ie6 table.table4 tr td a.read{display:block; background:url(../images/content/actions-bg2.gif) no-repeat -16px top; width:16px; height:16px; float:left; margin:0 5px;}
.ie6 table.table4 tr td a.print{display:block; background:url(../images/content/actions-bg2.gif) no-repeat -48px top; width:16px; height:16px; float:left; margin:0 5px;}
.ie6 table.table4 tr td a.add{display:block; background:url(../images/content/actions-bg2.gif) no-repeat -64px top; width:16px; height:16px; float:left; margin:0 5px;}
.ie6 ul.tab-strip5{padding-left:0;}
.ie6 ul.tab-strip5 li:hover, ul.tab-strip5 li.active{background:url(../images/content/tab-strip5-li-bg2.gif) no-repeat right 0;}
.ie6 ul.tab-strip5 li:hover a, ul.tab-strip5 li.active a{background:url(../images/content/tab-strip5-li-bg2.gif) no-repeat 0 0; color:#fff; text-decoration:none; }
.ie6 ul.tab-strip4 li a{padding:0 36px;}
.ie6 div.two-column-section5 div#sidebar{margin-right:3px;}
.ie6 ul.list29 li{margin-bottom:1px;}
.ie6 ul.list29 li img{display:block; margin:0; }
.ie6 div#message-send-form div.form1 textarea.textarea{width:445px;}

.ie6 ul.tab-strip4 li.first.active, .ie6 ul.tab-strip4 li.first:hover { background: url(../images/content/tabs4-left-active-bg.gif) no-repeat left top; right:-10px; position:relative; }
.ie6 div#product-list2{padding-right:65px; position:relative; right:-10px;}
.ie6 div#product-list2 div.filter ul li a.up-btn, .ie6 div#product-list2 div.filter ul li a.down-btn{height:7px; overflow:hidden;  }
.ie6 div#product-detail{position:relative; right:-10px;}
.ie6 div.profile1 div.sociables div.tab-content ul li, .ie6 div#image-gallery div.large-image div.description { height:1%;}
.ie6 div#image-gallery div.thumbnails a.previous-btn { left:-85px;}
.ie6 div#image-gallery div.thumbnails a.next-btn { right:10px;}
.ie6 div#public-message-form span.textarea textarea { width:425px;}

.ie div#photos div.box33 div.inner { padding-bottom:7px;}

/*------------------------------------------
// OPERA- All Versions - MAC
//------------------------------------------*/
.opera div.form1 div.column1 {width:285px;}
.opera div.reply-form span.textbox{width:402px;}
.opera div.two-column-section4 div.column2 div.section{margin-right:2px;}

.webkit body.profile1 div#content{padding-top:17px;}
.webkit div#public-message-form span.textarea textarea, .opera div#public-message-form span.textarea textarea  { width:425px;}