/*** Brand Shop ***/

/** Styles common to multiple pages **/

/* Main layout */
#brand              {width:930px; margin: 0 auto;}
#leftmenu           {width:175px; float:left; border-right:solid 1px #ccc; clear:none; text-align:left;}
#leftmenu h1        {width: 150px; padding-left:4px; margin:25px 0 5px 0; color:#222; font-size:1.6em; line-height:1.1em;}
#leftmenu p         {width: 150px; padding-left:4px; margin:0 0 25px 0; color:#666; font-size:14px; line-height:23px;}
#leftmenu p b       {color:#444;}
#rhscontent         {width:720px; float:right; clear:right; margin:12px 0 0 0;} 
#rhscontent ul      {list-style-type:disc; line-height:18px;}
#rhscontent em      {font-size:12px; line-height:16px; color:#666; font-style:normal;}
.right				{float:right; clear:right;}

/* Cells and subdivisions */
#brand .cell        {clear:both;}
#brand .cell p      {color:#666; width:202px; margin:8px auto; font-size:12px; line-height:18px; word-spacing:1px;}
.sub1, .sub2, .sub3 {width:214px; margin:15px 35px 30px 0; float:left; text-align:center;}
.sub3               {margin-right:0px;}
.sub4               {width:475px; margin:15px 20px 30px 0; float:left;}          
.sub5               {width:720px; margin:0 0 30px 0; float:left; padding-top:0px;}
.sub6               {width:214px; margin:10px 17px 30px 0; padding:0 17px 0 0; float:left; border-right:1px solid #ccc; text-align:center;} 
.sub7               {width:330px; margin:15px 20px 30px 0; float:left;}          
.sub8				{width:170px; height:100px; float:left; margin:5px; margin-top:15px;}
.sub9				{width:170px; height:155px; float:left; margin:5px; text-align:center; margin-top:10px;}
.sub10				{width:150px; height:155px; float:left; margin:5px; text-align:center; margin-top:10px;}
.subbdr             {margin-right:14px; padding-right:15px; border-right:1px solid #CCC;}
.sub4 .left    		{margin-right:14px;}
.sub5 .left		    {margin-right:20px;}
#brand .cell .sub7 p 		{width:300px;}
#brand .cell .sub7 .btn a 	{text-align:center;}

/* Headings */
#brand h2           {color:#ccc; font-size:1.65em; padding-bottom:6px; font-weight:normal; word-spacing:2px; text-align:right; border-bottom: 1px solid #ccc;}
#brand h3           {color:#000; margin:0px; font-size:1.3em;}
#brand h4           {background:#fff; padding:0px; margin:0px; clear:both; display:block;}
#brand h3.red       {color:#d2232a;}

/* List styles */
#brand ul.products  {margin:0; padding:0; list-style:none;}
ul.products li      {width:107px; float:left; margin:8px 0; padding:0px; text-align:center;}
ul.products li img  {display:block; margin:0 auto;}
ul.products li b    {line-height:1.1em;}
.sub4 ul.products li{margin-right:7px;}
.sub5 ul.products li{margin-right:12px;}
ul.imgpad img       {padding:5px 0 8px 0;}
#brand ul.products li a {color:#000; text-decoration:none;}
#brand ul.products li a:hover b {color:#000; text-decoration:underline;}

/* Buttons */
#brand .btn         {height:28px; padding-top:6px; line-height:28px; background:url(/webcontent/images/brand/button.gif) no-repeat 50% 6px; font-weight:normal;}
#brand .btn a       {color:#222; text-decoration:none; display:block;}
#brand .btn a:hover {color:#444; text-decoration:underline; display:block;}
#brand .btn2         {height:28px; padding-top:6px; line-height:28px; background:url(/webcontent/images/brand/button.gif) no-repeat 0 6px; font-weight:normal;}
#brand .btn2 a       {color:#222; text-decoration:none; display:block;line-height:28px}
#brand .btn2 a:hover {color:#444; text-decoration:underline; display:block;}

/* Prices */
.price              {color:#034ea2; font-weight:normal; clear:both; text-align:center; width:107px; height:20px; line-height:20px; display:block; cursor:pointer;}
.price2				{color:#034ea2; font-weight:normal; line-height:18px;}
.priceinline        {color:#034ea2; font-weight:normal;}
.sub7 .price		{color:#034ea2; font-weight:normal; clear:both; text-align:center; width:320px; height:20px; line-height:20px; display:block; font-size:1.6em; cursor:default;}
.sub9 .price		{color:#034ea2; font-weight:normal; clear:both; text-align:center;  height:20px; line-height:20px; display:block; width:170px;}
.sub10 .price		{color:#034ea2; font-weight:normal; clear:both; text-align:center;  height:20px; line-height:20px; display:block; width:150px;}

/* Reviews */
#reviews            {margin-bottom:30px;}
#reviews .section   {border:1px solid #CFCFE6; padding:10px 15px 10px 10px; height:75px; margin-bottom:20px;}
#reviews .section p {width:auto; color:#555; font-size:12px; line-height:1.3em; text-align:justify; margin:10px 0 0 0;}
#reviews .section img {float:left; margin-right:10px;}
#reviews .section h3 {clear:none; display:inline;}
#reviews .section h3 .by {font-weight:normal; font-size:12px;}
#reviews .section h3 .by a {text-decoration:none;}

/* Miscellaneous */
.centeredText		{color:#666; font-size:12px; line-height:18px; margin:8px auto; text-align:center; word-spacing:1px;}
.detail				{border: 1px solid #ccc; margin-right:20px;}
.hyper img      	{border:none;}
.imgpad         	{padding-top:5px; padding-bottom:5px;}
#brand a img        {border:none;}
#brand p.full       {width:auto;}
#brand p.history    {margin:8px 0 15px 0; text-align:justify; font-size:1.2em; line-height:1.6em; color:#444; word-spacing:-0.02em;}
#brand .goty        {padding:20px 0 0 20px; border:none;}
.link           	{font-weight:normal; font-size:13px;}

/** Styles specific to a single page **/

/* Apple */
.apple .sec4           {width:160.5px; padding-right:10px; margin-right:10px; border-right:1px solid #ccc; float:left; margin-top:10px; padding-top:4px; text-align:center; margin-bottom:30px;}            
.apple .sec2           {width:340px; padding-right:10px; margin-right:10px; border-right:1px solid #ccc; float:left; margin-top:10px; padding-top:4px; text-align:center; margin-bottom:30px;}            
.apple .sec2right      {width:340px;  margin-right:10px; float:left; margin-top:10px; padding-top:4px; text-align:center; margin-bottom:30px;}		      
.apple .cell .sec4 p,
.apple .cell .sec4right p	{color:#666666; width:145px; margin:8px auto; letter-spacing:0.08px; font-size:12px; line-height:18px; word-spacing:1px;}
.apple .cell .sec2 p,
.apple .cell .sec2right p	{color:#666666; width:320px; margin:8px auto; letter-spacing:0.08px; font-size:12px; line-height:18px; word-spacing:1px;}
.apple .sec4right       {width:160.5px; margin-right:10px; float:left; margin-top:10px; padding-top:4px; text-align:center; margin-bottom:30px;}		
.apple .left,
.apple .right,
.apple .left2			{width:100px; float:left; text-align:center;color:#666666; margin:0; letter-spacing:0.08px; font-size:12px; line-height:18px; word-spacing:1px;}
.apple .left2          	{margin:none; margin-right:5px; width:98px;}
.apple .bdr				{border-right:1px solid #ccc;}
.apple .left21 			{width:100px; float:left; margin-top:10px; margin-bottom:10px; text-align:center; font-size:14px; font-weight:bold;}
.apple .price, 
.apple .price2 		{width:100%;}
.apple .price21 	{line-height:18px;}
.apple .right1 		{width:100px; float:left; margin-top:10px; margin-bottom:10px; text-align:center; font-size:14px; font-weight:bold;}
.apple .left22 		{width:100px; float:left; text-align:center;color:#666666; margin:0; letter-spacing:0.08px; font-size:12px; line-height:18px; word-spacing:1px;}
.apple .price22 	{color:#034ea2; font-weight:normal;}
.apple p.heightp	{height:2400px;}

/* Billingham */
.billingham .left2          {margin:none; margin-right:5px; width:98px;}
.billingham .right          {float:right; clear:right;}
.billingham p.heightp		{height:1250px;}
.billingham	.sub6           {width:214px; padding-right:17px; margin-right:17px; border-right:1px solid #ccc; float:left; margin-top:10px; padding-top:4px; text-align:center; margin-bottom:30px;}             
.billingham	.left,
.billingham .right,
.billingham .left2   {width:100px; float:left; margin-top:10px; margin-bottom:10px; text-align:center; font-size:14px; font-weight:bold;}

/* Canon */ 
.canon p.heightp    {height:3350px;}
.canon .probox      {border:1px solid #E3E3ED; background:#f5f5f5; padding:8px; margin:5px 0 30px 0; text-align:justify; float:left; font-size:14px; color:#333; line-height:25px} 
.canon .probox img  {float:right; padding-left:10px;}
.canon .acc li      {text-align:left; margin-left:60px;}
.canon .inkppr      {margin:30px 0 10px 0;}
.canon .brandlogo   {padding:15px 0 15px 8px;} 
#brand .canonbtn a:hover {color:#ed252a;}  

/* Colour Management */
.colour-management p.heightp	{height:3000px;}

/* Editing */
.editing p.heightp		{height:1985px;}

/* Elinchrom */
.elinchrom	#leftmenu p  	{width: 150px; padding-left:4px; margin-top: 20px; color:#666666; font-size:14px; letter-spacing:0.08px; line-height:23px;}
.elinchrom .left,
.elinchrome .right			{width:100px; float:left; margin-top:10px; margin-bottom:25px; text-align:center; font-size:14px; font-weight:bold;}
.elinchrom .producth       	{font-size:15px; color:Black; padding-right:20px;}
.elinchrom .largetxt      	{font-size:14px; margin-left:20px;}
.elinchrom p.heightp		{height:930px;}

/* Lastolite */
#brand.lastolite .lasto-nav {background-color:#003263; background-repeat:no-repeat; width:230px; height:110px; float:left; margin:15px 5px 5px 5px;}
#main #brand.lastolite a.nav {color:#fff; text-decoration:none; font-size:12px; font-weight:bold; padding:91px 6px 0px 9px; display:block;}
#main #brand.lastolite a.nav:hover {color:#c1d82f;}
#brand .lastolite a:hover {color:#c1d82f;}  
#brand.lastolite ul.products li a {color:#666; text-decoration:none; font-size:12px; line-height:10px;}
#brand.lastolite ul.products li a b { font-weight:normal;}
#brand.lastolite ul.products li a:hover b {color:#000; text-decoration:underline;}
#brand.lastolite ul.products li .price {font-size:12px;}
#brand .lastolitebtn a:hover {color:#003263;}  
#brand.lastolite a.tooltip img   {border:1px solid #ddd; padding:5px;}
#brand.lastolite a.tooltip:hover img   {border:1px solid #aaa;}
#brand.lastolite a.tooltip span {display:none; margin:1.5em; width:370px; height:180px; text-align:left;}
#brand.lastolite a.tooltip b {padding:2em 0em 1em 2em;}
#brand.lastolite a.tooltip:hover span{display:inline; position:absolute; top:2155px; left:550px; background:#fff; z-index:100; border:1px solid #ccc;}
#brand.lastolite #tooltip-blank {margin:1.5em; width:370px; height:180px; position:absolute; top:2156px; left:551px; background:#fff; z-index:0; border:1px solid #ccc;}
#brand.lastolite a.paper img   {border:1px solid #eee;}
#brand.lastolite a.paper:hover img   {border:1px solid #666;}
#brand.lastolite p.heightp {height:5000px;}
#brand.lastolite ul li.new-products {height:85px; margin-bottom:15px; border:2px solid #eee; width:163px; padding:2px; line-height:14px;}
#brand.lastolite ul li.new-products a img {float:left; margin:3px 5px;border:1px solid #ddd;}
#brand.lastolite ul li.new-products a:hover img {border:1px solid #aaa;}
#brand.lastolite ul li.new-products b {font-weight:normal;}

/* Lowepro */
.lowepro .brandlogo {padding:10px 0;}

/* Manfrotto */
.manfrotto .left, .right, .left2	{width:100px; float:left; margin-top:10px; margin-bottom:10px; text-align:center; font-size:14px; font-weight:bold;}
.manfrotto .left2          {margin:none; margin-right:5px;}
.manfrotto p.heightp	   {height:1300px;}

/* motion */
.motion p.heightp		{height:3560px;}

/* Nikon */
.nikon #leftmenu    {border-right:solid 1px #f8e300;}
.nikon .brandlogo   {padding:15px;}
.nikon p.heightp    {height:2000px;}
.nikon .acc li      {text-align:left; margin-left:50px;}

/* Olympus */
.olympus .brandlogo {padding:20px 0 0 5px;}
#brand .olympusbtn a:hover {color:#034ea2;}
.olympus p.heightp  {height:3100px;}

/* Pentax */
.pentax #leftmenu    {border-right:solid 1px #ed252a;} 
.pentax p.heightp    {height:2350px;}
.pentax .probox      {border:1px solid #E3E3ED; background:#f5f5f5; padding:8px; margin:5px 0 30px 0; text-align:justify; float:left; font-size:14px; color:#333; line-height:25px} 
.pentax .probox img  {float:right; padding-left:10px;} 
.pentax  ul.acc		 {margin-top:10px;}
.pentax .acc li      {text-align:left; margin-left:20px;}
.pentax .inkppr      {margin:30px 0 10px 0;}
.pentax .brandlogo   {padding:15px 0 15px 8px;} 
#brand .pentaxbtn a:hover {color:#ed252a;}

/* Photokina */
.photokina p.heightp	{height:1600px;}

/* Portable Lighting */
.portable-lighting .sub4 ul.products li {font-size:12px;}
.portable-lighting ul.acc {text-align:left;}
.portable-lighting ul.acc li.reviewlist {clear:both; margin:3px; border:1px #cccccc solid; height:54px; list-style-type:none;color:#666666;}
.portable-lighting ul.acc li.reviewlist:hover {border:1px #333333 solid;}
.portable-lighting ul.acc li.reviewlist a img {margin:2px;}
.portable-lighting ul.acc li.reviewlist a { text-decoration:none; font-weight:bold; color:#333333;}
.portable-lighting p.heightp {height:2920px;}

/* Sandisk */
.sandisk #leftmenu {border-right:solid 1px #dd1434;}
.sandisk .memory li {display:inline; font-size:15px; padding-right:4px; letter-spacing:1px;}
.sandisk .memory li b {font-size:12px; font-weight:normal;}

/* Sigma */
.sigma #leftmenu    {border-right:solid 1px #d2232a;}
.sigma .brandlogo   {padding:30px 0 0 0;}
.sigma p.heightp    {height:940px;}

/* Sony */
.sony p.heightp     	{height:3430px;}

/* Swarovski */
.swarovski .project 	{width:230px; float:right; margin:5px; text-align:center; margin-top:-150px; height:150px;}
.swarovski h2			{margin-bottom:20px;}
.swarovski p.heightp    {height:1510px;}

/* Wacom */
.wacom .products		{width:720px; float:left; padding-left:5px;}
.wacom .prodtitle2     	{width:280px; float:left; margin-left:30px; margin-bottom:20px;text-align:center; font-size:14px; font-weight:bold; padding:3px; line-height:16px;}
.wacom .prodtitle4	    {width:166px; float:left; margin-left:5px; margin-bottom:20px;text-align:center; font-size:14px; font-weight:bold; padding:3px; line-height:16px;}
.wacom .prodtitle5	    {width:130px; float:left; margin-left:5px; margin-bottom:20px;text-align:center; font-size:14px; font-weight:bold; padding:3px; line-height:16px;}
.wacom .prodtitle2 .price {width:280px;color:#3C0182;}
.wacom .prodtitle4 .price {width:166px;color:#3C0182;}
.wacom .prodtitle5 .price {width:130px;color:#3C0182;}
.wacom ul.i4wireless li	{font-size:1em; color:#666; margin-left:3em;}
.wacom h4.btu 			{width:200px; margin-left:150px;}
.wacom h4 a 			{margin-left:152px;}
.wacom #leftmenu h5 	{font-size:14px; line-height:23px; color:#444; padding-left:4px;}
.wacom #leftmenu ul 	{margin: 0.6em 1.2em 1.2em; font-size:1.05em;}
.wacom #leftmenu li 	{list-style:disc; line-height:1.7em;}
#brand .wacombtn a:hover{color:#3C0182;}
.wacom p.heightp 		{height:1600px;}

/* comparison table (used in wacom landing page) */
#brand table.comparison1 {border-left:1px solid #E1E1E1; text-align:center; font-size:1.1em; line-height:1.6em;}
#brand table.comparison1 td {border-right:1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; padding:8px 6px;}
#brand .comparison1 thead {background:#fff url(/webcontent/static/info/lens/grey-grad.png) repeat-x left top; height:45px; height:45px; font-size:1em; color:#333;}
#brand .comparison1 th {border-right:1px solid #E1E1E1; border-bottom:1px solid #bbb;}
#brand .comparison1 th a.hyper { text-decoration:none;}
#brand table.comparison1 ul {text-align:left; margin-left:15px; font-size:0.9em;}
#brand table.comparison1 td.inc {vertical-align:top;}


/** Temporary feature pages **/

/* Christmas */
#brand .christmas2010 p.heightp	{height:1000px;}
.christmas2010 #leftmenu {border:none;}
/*#brand .christmas2010 #rhscontent h2			{color:#900; font-size:1.65em; padding-bottom:6px; font-weight:normal; word-spacing:2px; text-align:right; border-bottom: 1px solid #900;}*/

/* Beat the VAT */
.vat #leftmenu  {border-right:solid 1px #999;}
.vat p.heightp  {height:3930px;}
.vat .brandlogo {padding:20px 0 0 5px;}
#brand .vatbtn a:hover {color:#034ea2;}
#brand .vat .cell h2 {color:#039;}
#brand .vatbtn a {color:#900; font-size:14px; text-transform:uppercase; font-weight:bold;}
#brand .vatbtn a:hover {color:#000;}
.vat #rhscontent h2 {border-bottom: 1px solid #039; color:#039;}

#brand .vatbtnfreeze a:hover {color:#06C;}
#brand .vatbtnfreeze a {color:#333; font-size:12px; text-transform:uppercase; font-weight:bold;}