/*
LENKANR - Pre-Production CSS Library
EDIT 1B > 03 May, 2009
Copyright (c) 2009 LENKANR, Beytar.com
[Please visit our website for license information]
*/
body, td, th {
color:#111;
font-family: Arial, Helvetica, sans-serif;
}
body{background:url('images/top_bg.png') top center no-repeat;}
a { color:#0066FF; }
a:hover { color:#222; }
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{
-webkit-text-size-adjust:none; /* This stops the iPhone from automatically changing the size of the text when you flip the phone */
}
/* L'NR Codes: */
body, td, th { font-size: 1em; line-height:1.4em; }
body,td,th,h1,h2,h3,h4,h5,ul,li, form { margin:0; padding:0; }
h1 { font-size:1.9em }
h2 { font-size:1.3em }
h3 { font-size:1.2em }
h4 { font-size:1.1em }
h5 { font-size:1em }
p { margin:0 0 10px 0; padding:0; }
ul { list-style:none; }
hr { border: solid #CCC 0px; border-top-width: 1px; height: 0px; }
small { font-size:0.65em; }
input, textarea, select { color: #2d2d2d; font: arial, sans-serif; padding: 0px; margin: 0px 3px 0px 0px;
}
input, textarea { padding: 1px; }
textarea { margin: 0px; }
ol { margin: 0px; padding: 0px; list-style-position: inside; }
/* Main Block for PC / iMac browsers */
#LNR { width:996px; margin:10px auto; }
/* iPhone settings (use this classes for only iPod */
#page_wrapper{ overflow:auto; }
#content_left,#content_right,#content_normal,#content_flipped{ display:none; }
.show_normal,.show_flipped{ width:320px; }
.show_left,.show_right{ width:480px; }
.show_left #content_left,.show_right #content_right,.show_normal #content_normal, .show_flipped #content_flipped{ display:block; }
#content_right{ display:block }
/*
NEW LINE
( Try .hole or .clearB instead of .line )
Examp.:
*/
.line { height: 1px; clear:both; }
/* HOLE (Use for new blocks with Widths) */
.hole { float:left; } /* always use with Widths (like w120) */
.holeR { float:right; } /* for right */
/* Widths */
/* +5 */
.w105 { width:105px; }/* .w105 [+5] */
.w115 { width:115px; } .w125 { width:125px; } .w135 { width:125px; } .w145 { width:145px; }
.w155 { width:155px; } .w165 { width:165px; } .w175 { width:175px; } .w185 { width:185px; }
.w195 { width:195px; }
.w205 { width:205px; }/* .w205 [+5] */
.w215 { width:215px; } .w225 { width:225px; } .w235 { width:235px; } .w245 { width:245px; }
.w255 { width:255px; } .w265 { width:265px; } .w275 { width:275px; } .w285 { width:285px; }
.w295 { width:295px; }
.w305 { width:305px; }/* .w305 [+5] */
.w315 { width:315px; } .w325 { width:325px; } .w335 { width:335px; } .w345 { width:345px; }
.w355 { width:355px; } .w365 { width:365px; } .w375 { width:375px; } .w385 { width:385px; }
.w395 { width:395px; }
.w405 { width:405px; }/* .w405 [+5] */
.w415 { width:415px; } .w425 { width:425px; } .w435 { width:435px; } .w445 { width:445px; }
.w455 { width:455px; } .w465 { width:465px; } .w475 { width:475px; } .w485 { width:485px; }
.w495 { width:495px; }
.w505 { width:505px; }/* .w505 [+5] */
.w515 { width:515px; } .w525 { width:525px; } .w535 { width:535px; } .w545 { width:545px; }
.w555 { width:555px; } .w565 { width:565px; } .w575 { width:575px; } .w585 { width:585px; }
.w595 { width:595px; }
.w605 { width:605px; }/* .w605 [+5] */
.w615 { width:615px; } .w625 { width:625px; } .w635 { width:635px; } .w645 { width:645px; }
.w655 { width:655px; } .w665 { width:665px; } .w675 { width:675px; } .w685 { width:685px; }
.w695 { width:695px; }
.w705 { width:705px; }/* .w705 [+5] */
.w715 { width:715px; } .w725 { width:725px; } .w735 { width:735px; } .w745 { width:745px; }
.w755 { width:755px; } .w765 { width:765px; } .w775 { width:775px; } .w785 { width:785px; }
.w795 { width:795px; }
.w805 { width:805px; }/* .w805 [+5] */
.w815 { width:815px; } .w825 { width:825px; } .w835 { width:835px; } .w845 { width:845px; }
.w855 { width:855px; } .w865 { width:865px; } .w875 { width:875px; } .w885 { width:885px; }
.w895 { width:895px; }
.w905 { width:905px; }/* .w905 [+5] */
.w915 { width:915px; } .w925 { width:925px; } .w935 { width:935px; } .w945 { width:945px; }
.w955 { width:955px; } .w965 { width:965px; } .w975 { width:975px; } .w985 { width:985px; }
.w995 { width:995px; }
/* +10 */
.w100 { width:100px; }/* .w100 [+10] */
.w110 { width:110px; } .w120 { width:120px; } .w130 { width:120px; } .w140 { width:140px; }
.w150 { width:150px; } .w160 { width:160px; } .w170 { width:170px; } .w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }/* .w200 [+10] */
.w210 { width:210px; } .w220 { width:220px; } .w230 { width:230px; } .w240 { width:240px; }
.w250 { width:250px; } .w260 { width:260px; } .w270 { width:270px; } .w280 { width:280px; }
.w290 { width:290px; }
.w300 { width:300px; }/* .w300 [+10] */
.w310 { width:310px; } .w320 { width:320px; } .w330 { width:330px; } .w340 { width:340px; }
.w350 { width:350px; } .w360 { width:360px; } .w370 { width:370px; } .w380 { width:380px; }
.w390 { width:390px; }
.w400 { width:400px; }/* .w400 [+10] */
.w410 { width:410px; } .w420 { width:420px; } .w430 { width:430px; } .w440 { width:440px; }
.w450 { width:450px; } .w460 { width:460px; } .w470 { width:470px; } .w480 { width:480px; }
.w490 { width:490px; }
.w500 { width:500px; }/* .w500 [+10] */
.w510 { width:510px; } .w520 { width:520px; } .w530 { width:530px; } .w540 { width:540px; }
.w550 { width:550px; } .w560 { width:560px; } .w570 { width:570px; } .w580 { width:580px; }
.w590 { width:590px; }
.w600 { width:600px; }/* .w600 [+10] */
.w610 { width:610px; } .w620 { width:620px; } .w630 { width:630px; } .w640 { width:640px; }
.w650 { width:650px; } .w660 { width:660px; } .w670 { width:670px; } .w680 { width:680px; }
.w690 { width:690px; }
.w700 { width:700px; }/* .w700 [+10] */
.w710 { width:710px; } .w720 { width:720px; } .w730 { width:730px; } .w740 { width:740px; }
.w750 { width:750px; } .w760 { width:760px; } .w770 { width:770px; } .w780 { width:780px; }
.w790 { width:790px; }
.w800 { width:800px; }/* .w800 [+10] */
.w810 { width:810px; } .w820 { width:820px; } .w830 { width:830px; } .w840 { width:840px; }
.w850 { width:850px; } .w860 { width:860px; } .w870 { width:870px; } .w880 { width:880px; }
.w890 { width:890px; }
.w900 { width:900px; }/* .w900 [+10] */
.w910 { width:910px; } .w920 { width:920px; } .w930 { width:930px; } .w940 { width:940px; }
.w950 { width:950px; } .w960 { width:960px; } .w970 { width:970px; } .w980 { width:980px; }
.w990 { width:990px; }
/* Colors */
/* Text colors (with links) */
.gray, .gray a:link, .gray a:visited , .gray:link, .gray:visited{ color:#666; padding: 10; }
.gray a:hover { color:#0066FF; }
hr.gray { border-color: #CCC; }
.white, .white a:link, .white a:visited , .white:link, .white:visited{ color:#F9F9F9; }
.white a:hover { color:#00CCFF; }
hr.white { border-color: #EFEFEF; }
.lightGray, .lightGray a:link, .lightGray a:visited, .lightGray:link, .lightGray:visited { color:#999; }
.lightGray a:hover { color:#00CCFF; }
hr.lightGray { border-color: #DDD; }
.darkGray, .darkGray a:link, .darkGray a:visited, .darkGray:link, .darkGray:visited { color:#444; }
.darkGray a:hover { color:#0066FF; }
hr.darkGray { border-color: #666; }
.black, .black a:link, .black a:visited, .black:link, .black:visited { color:#222; }
.black a:hover { color:#0066FF; }
hr.black { border-color: #333; }
.blue, .blue a:link, .blue a:visited, .blue:link, .blue:visited { color:#0066FF; }
.blue a:hover { color:#222; }
hr.blue { border-color: #66A4FF; }
.orange, .orange a:link, .orange a:visited, .orange:link, .orange:visited { color:#A45200; }
.orange a:hover { color:#222; }
hr.orange { border-color: #FFA76C; }
.lightOrange, .lightOrange a:link, .lightOrange a:visited, .lightOrange:link, .lightOrange:visited { color:#FF9900; }
.lightOrange a:hover { color:#222; }
hr.lightOrange { border-color: #FFA76C; }
.brown, .brown a:link, .brown a:visited, .brown:link, .brown:visited { color:#A45200; }
.brown a:hover { color:#222; }
hr.brown { border-color: #FFA76C; }
.red, .red a:link, .red a:visited, .red:link, .red:visited { color:#CC3300; }
.red a:hover { color:#222; }
hr.red { border-color: #FF5959; }
.darkRed, .darkRed a:link, .darkRed a:visited, .darkRed:link, .darkRed:visited { color:#930; }
.darkRed a:hover { color:#222; }
hr.darkRed { border-color: #E64F4F; }
.green, .green a:link, .green a:visited, .green:link, .green:visited { color:#669900; }
.green a:hover { color:#222; }
hr.green { border-color: #8EE283; }
/* Mouse Over Colors */
.hoverWhite a:hover { color:#F9F9F9; }
/* Border colors */
.bGray { border:#CDCDCD 1px solid; }
.bDarkGray { border:#999 1px solid; }
.bYellow { border:#DDA 1px solid; }
.bBlue { border:#6E9DB7 1px solid; }
.bGreen { border:#66CC66 1px solid; }
.bRed { border:#FF9999 1px solid; }
/* Backgrounds */
.bgWhite { background-color:#FAFAFA; } /* #FAFAFA is the best for CRT monitors */
.bgGray { background-color:#EFEFEF; }
.bgYellow { background-color:#FFFF99; }
.bgRed { background-color:#FFCCCC; }
.bgGreen { background-color:#D3F7B6; }
.bgBlue { background-color:#BDEEF2; }
.bgOrange { background-color:#F7DBB6; }
.bgLightGreen { background-color:#EDFCE0; }
.bgLightYellow { background-color:#FFC; }
.bgDark, .bgDarkGray { background-color:#333; }
.bgDarkOrange { background-color:#cc6600; }
.bgDarkBlue { background-color:#368eab; }
.bgDarkGreen { background-color:#669900; }
.bgDarkRed { background-color:#990000; }
/* Font Features */
.f065 { font-size:0.65em; }
.f07 { font-size:0.7em; }
.f08 { font-size:0.78em; }
.f085 { font-size:0.85em; }
.f09 { font-size:0.9em; }
.f095 { font-size:0.95em; }
.f10 { font-size:1em; }
.f11 { font-size:1.1em; }
.f12 { font-size:1.2em; }
.f14 { font-size:1.4em; }
.f16 { font-size:1.6em; }
.sans, .arial { font-family:Arial, Helvetica, sans-serif;}
.fixed, .courier { font-family: "Courier New", Courier, monospace; }
.serif, .times, .georgia { font-family: Georgia, "Times New Roman", Times, serif; }
.verdana { font-family:Verdana, Arial, Helvetica, sans-serif; }
.lucida { font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; }
/* Padding FX */
.noPadding, .padding0, .p0 { padding:0; }
.pT2 { padding-top:2px; } .pR2 { padding-right:2px; } .pB2 { padding-bottom:2px; } .pL2 { padding-left:2px; }
.pT5 { padding-top:5px; } .pR5 { padding-right:5px; } .pB5 { padding-bottom:5px; } .pL5 { padding-left:5px; }
.pT10 { padding-top:10px; } .pR10 { padding-right:10px; } .pB10 { padding-bottom:10px; } .pL10 { padding-left:10px; }
.pT15 { padding-top:15px; } .pR15 { padding-right:15px; } .pB15 { padding-bottom:15px; } .pL15 { padding-left:15px; }
.pT20 { padding-top:20px; } .pR20 { padding-right:20px; } .pB20 { padding-bottom:20px; } .pL20 { padding-left:20px; }
.pTB2 { padding:2px 0; } .pLR2 { padding:0 2px; }
.p5 { padding:5px; }
.p10 { padding:10px; }
.p15 { padding:15px; }
.p20 { padding:20px; }
.pLR5 { padding-left:5px; padding-right:5px; }
.pLR10 { padding-left:10px; padding-right:10px; }
.pLR15 { padding-left:15px; padding-right:15px; }
.pLR20 { padding-left:20px; padding-right:20px; }
.pLR25 { padding-left:25px; padding-right:25px; }
.pTB5 { padding-top:5px; padding-bottom:5px; }
.pTB10 { padding-top:10px; padding-bottom:10px; }
.pTB15 { padding-top:15px; padding-bottom:15px; }
.pTB20 { padding-top:20px; padding-bottom:20px; }
.pTB25 { padding-top:25px; padding-bottom:25px; }
/* Margin FX */
.noMargin, .margin0 { margin:0; }
/*top */
.marginT5 { margin-top:5px; } .marginT10 { margin-top:10px; } .marginT15 { margin-top:15px; }
.marginT20 { margin-top:20px; } .marginT25 { margin-top:25px; }
/*right */
.marginR5 { margin-right:5px; } .marginR10 { margin-right:10px; } .marginR15 { margin-right:15px; }
.marginR20 { margin-right:20px; } .marginR25 { margin-right:25px; }
/*bottom */
.marginB5 { margin-bottom:5px; } .marginB10 { margin-bottom:10px; } .marginB15 { margin-bottom:15px; }
.marginB20 { margin-bottom:20px; } .marginB25 { margin-bottom:25px; }
/*left */
.marginL5 { margin-left:5px; } .marginL10 { margin-left:10px; } .marginL15 { margin-left:15px; }
.marginL20 { margin-left:20px; } .marginL25 { margin-left:25px; }
/*top-bottom */
.marginTB5 { margin:5px 0; } .marginTB10 { margin:10px 0; } .marginTB15 { margin:15px 0; }
.marginTB20 { margin:20px 0; } .marginTB25 { margin:25px 0; }
/*left-right */
.marginLR5 { margin:0px 5px; } .marginLR10 { margin:0px 10px; } .marginLR15 { margin:0px 15px; }
.marginLR20 { margin:0px 20px; } .marginLR25 { margin:0px 25px; }
/* Line-height FX */
.lh10 { line-height:1em; } /* standart (don't use a lot) */
.lh12 { line-height: 1.2em; } /* good for information paragrafs */
.lh14 { line-height: 1.4em; } /* good for reading 1.4 or 1.6em */
.lh16 { line-height: 1.6em; }
/* Borders and Border FX */
.radius { -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.noBorder, .border0 { border:none; }
/* Border widths */
.bT1 { border-top-width:1px; border-top-style:solid; border-right:0; border-bottom:0; border-left:0; } .bT2 { border-top-width:2px; border-top-style:solid; border-right:0; border-bottom:0; border-left:0; }
.bT3 { border-top-width:3px; border-top-style:solid; border-right:0; border-bottom:0; border-left:0; }
.bR1 { border-right-width:1px; border-right-style:solid; border-top:0; border-bottom:0; border-left:0; } .bR2 { border-right-width:2px; border-right-style:solid; border-top:0; border-bottom:0; border-left:0; }
.bR3 { border-right-width:3px; border-right-style:solid; border-top:0; border-bottom:0; border-left:0; }
.bB1 { border-bottom-width:1px; border-bottom-style:solid; border-top:0; border-right:0; border-left:0; } .bB2 { border-bottom-width:2px; border-bottom-style:solid; border-top:0; border-right:0; border-left:0; }
.bB3 { border-bottom-width:3px; border-bottom-style:solid; border-top:0; border-right:0; border-left:0; }
.bL1 { border-left-width:1px; border-left-style:solid; border-top:0; border-bottom:0; border-right:0; } .bL2 { border-left-width:2px; border-left-style:solid; border-top:0; border-bottom:0; border-right:0; }
.bL3 { border-left-width:3px; border-left-style:solid; border-top:0; border-bottom:0; border-right:0; }
.bTR1 { border-top-width:1px; border-right-width:1px; border-top-style:solid; border-right-style:solid; /**/ border-bottom:none; border-left:none }
.bTR2 { border-top-width:2px; border-right-width:2px; border-top-style:solid; border-right-style:solid; /**/ border-bottom:none; border-left:none }
.bTR3 { border-top-width:3px; border-right-width:3px; border-top-style:solid; border-right-style:solid; /**/ border-bottom:none; border-left:none }
.bTB1 { border-top-width:1px; border-bottom-width:1px; border-top-style:solid; border-bottom-style:solid; /**/ border-right:none; border-left:none }
.bTB2 { border-top-width:2px; border-bottom-width:2px; border-top-style:solid; border-bottom-style:solid; /**/ border-right:none; border-left:none }
.bTB3 { border-top-width:3px; border-bottom-width:3px; border-top-style:solid; border-bottom-style:solid; /**/ border-right:none; border-left:none }
.bTL1 { border-top-width:1px; border-left-width:1px; border-top-style:solid; border-left-style:solid; /**/ border-right:none; border-bottom:none }
.bTL2 { border-top-width:2px; border-left-width:2px; border-top-style:solid; border-left-style:solid; /**/ border-right:none; border-bottom:none }
.bTL3 { border-top-width:3px; border-left-width:3px; border-top-style:solid; border-left-style:solid; /**/ border-right:none; border-bottom:none }
.bLR1 { border-left-width:1px; border-right-width:1px; border-left-style:solid; border-right-style:solid; /**/ border-top:none; border-right:none }
.bLR2 { border-left-width:2px; border-right-width:2px; border-left-style:solid; border-right-style:solid; /**/ border-top:none; border-right:none }
.bLR3 { border-left-width:3px; border-right-width:3px; border-left-style:solid; border-right-style:solid; /**/ border-top:none; border-right:none }
.bRB1 { border-right-width:1px; border-bottom-width:1px; border-right-style:solid; border-bottom-style:solid; /**/ border-top:none; border-left:none }
.bRB2 { border-right-width:2px; border-bottom-width:2px; border-right-style:solid; border-bottom-style:solid; /**/ border-top:none; border-left:none }
.bRB3 { border-right-width:3px; border-bottom-width:3px; border-right-style:solid; border-bottom-style:solid; /**/ border-top:none; border-left:none }
.bBL1 { border-bottom-width:1px; border-left-width:1px; border-bottom-style:solid; border-left-style:solid; /**/ border-top:none; border-right:none }
.bBL2 { border-bottom-width:2px; border-left-width:2px; border-bottom-style:solid; border-left-style:solid; /**/ border-top:none; border-right:none }
.bBL3 { border-bottom-width:3px; border-left-width:3px; border-bottom-style:solid; border-left-style:solid; /**/ border-top:none; border-right:none }
.bTRB1 { border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; /**/ border-left:none; }
.bTRB2 { border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; /**/ border-left:none; }
.bTRB3 { border-top-width:3px; border-right-width:3px; border-bottom-width:3px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; /**/ border-left:none; }
.bRBL1 { border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; /**/ border-top:none; }
.bRBL2 { border-right-width:2px; border-bottom-width:2px; border-left-width:2px; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; /**/ border-top:none; }
.bRBL3 { border-right-width:3px; border-bottom-width:3px; border-left-width:3px; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; /**/ border-top:none; }
.bTRL1 { border-top-width:1px; border-right-width:1px; border-left-width:1px; border-top-style:solid; border-right-style:solid; border-left-style:solid; /**/ border-bottom:none; }
.bTRL2 { border-top-width:2px; border-right-width:2px; border-left-width:2px; border-top-style:solid; border-right-style:solid; border-left-style:solid; /**/ border-bottom:none; }
.bTRL3 { border-top-width:3px; border-right-width:3px; border-left-width:3px; border-top-style:solid; border-right-style:solid; border-left-style:solid; /**/ border-bottom:none; }
.bTBL1 { border-top-width:1px; border-bottom-width:1px; border-left-width:1px; border-top-style:solid; border-bottom-style:solid; border-left-style:solid; /**/ border-right:none; }
.bTBL2 { border-top-width:2px; border-bottom-width:2px; border-left-width:2px; border-top-style:solid; border-bottom-style:solid; border-left-style:solid; /**/ border-right:none; }
.bTBL3 { border-top-width:3px; border-bottom-width:3px; border-left-width:3px; border-top-style:solid; border-bottom-style:solid; border-left-style:solid; /**/ border-right:none; }
/* List FX */
/* Gray List */
ul.ulGray li { border-bottom:1px dashed #CDCDCD; }
ul.ulGray li, ul.ulGray li a:link, ul.ulGray li a:visited { color:#666; }
ul.ulGray li a:hover { color:#222; }
/* One line List */
ul.ulLine { list-style:none; }
ul.ulLine li { float:left; display: inline; list-style: none; position: relative; }
/* Link FX */
.hoverUnderline a:hover { text-decoration:underline; }
.hoverUnderline a { text-decoration:none; }
.underline, a:link, .underline a:visited { text-decoration:underline; }
.noUnderline, .noUnderline a:link, .noUnderline a:visited, .noUnderline:link, .noUnderline:visited { text-decoration:none; }
/* Text FX */
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.middle, .valign { vertical-align: middle; }
.justify { text-align:justify; }
.uppercase { text-transform:uppercase; }
.lowercase { text-transform:lowercase; }
.normal { font-weight:normal; }
.bold { font-weight:bold; }
.nowrap { white-space:nowrap }
.strike { text-decoration:line-through; }
/* Replace a text with an image (This is the best for accessibilty as well as SEO)
use like this:
Karandash Mag.
*/
.replace { text-indent: -9999px; }
/* Display FX */
.inline { display:inline; }
.visible, .display, .inherit { display:block; visibility:visible }
.block { display:block; }
.relative { position:relative; }
.absolute { position:absolute; }
.none { display:none; }
.hidden { visibility:hidden; }
.overflow { overflow:auto; }
/* Button Fx */
.buttonGray a:hover { background-color:#555; }
/* Table FX */
/* Table Borders
using: .... */
.tdBottomGray td { border-bottom:1px solid #CDCDCD; }
.tdBottomYellow td { border-bottom:1px solid #FFCC33; }
.tdBottomBlue td { border-bottom:1px solid #6E9DB7; }
/* Table Font FX
using:
.... */
.tdBold { font-weight:bold }
/* HELPERS */
.debug { border:1px solid #990000; }
.clearL { clear:left; }
.clearR { clear:right; }
.clearB { clear:both; }
.hand { cursor:pointer; }
/*-------------- PACKAGES -------------*/
/* PACKAGE:
GRAY BOXES
Author: karandash 23.03.09 (beytar.com)
*/
.boxA { padding:10px; float:left; margin-right:4px; border:1px solid #CDCDCD;
border-bottom-width:2px; text-align:center;
-moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.boxA h3 { color:#333; font-size:0.7em; font-weight:bold; margin:0; padding:0; line-height:1.2em }
.boxA h3 a { color:#333; text-decoration:none; }
.boxA p { margin:0; padding:0; line-height: 1.212em; }
.boxA img { margin:5px 0; }
.boxA input[name=details] { font-size:11px; padding:2px; }
/* PACKAGE:
SMALL BOXES
Author: karandash 23.03.09 (beytar.com)
*/
.smallBox { float:left; }
.smallBox h4 { font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#333333; line-height:1.2em; margin:0; padding:0; }
.smallBox p { font-size:11px; line-height:1.2em; margin:5px 0; padding:0; color:#666 }
.smallBox img { border:1px solid #CDCDCD; padding:3px; margin: 5px 0; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }