/* --------------------------------------------------
NRA Stylesheet
website:  http://nra.web4.devwebsite.co.uk
date:     2009.02
author:   Jack Howell @ e4education
-------------------------------------------------- */
#login_form  .textField { clear: both; display: block; }

/* NRA eShop Styles
-------------------------------------------------- */

.basket-button {margin: 0 10px; padding: 5px; border: 1px solid #ccc; border-bottom: 3px solid #ccc; background: #fff; color: #fff;}

#comments_left, #comment_form {display: none;}

.cartTableHeaderRow { background-color: #1F1F1F; color: #f4f4f4; font-weight: bold; text-align: center; }
.basketTotalsTitle { text-align: right; font-weight: bold; padding-right: 5px;  }
.itemDelCell, .qtyCell, .priceCell { text-align: center; }
.itemCell { font-weight: bold; }
.itemCell div { font-weight: normal; font-size: 75%; }

.cartTableAltRow { background-color: #F2F2F2; }

input.button,
.button { display: block; float: left; margin: 5px; width: 150px; height: 25px; border: 2px outset #cacaca; background-color: #DEDEDE; color: #0000cc; padding: 3px 2px 2px 2px; text-align: center; }

.searchProductContainerFeatured,
.searchProductContainer {
	float: left; display: inline; width: 350px; border: 2px solid #333; border-bottom: 4px solid #333; background: #191919; padding: 10px; margin: 10px;}
	
.searchImageContainer { float: left; display: inline; height: 120px; padding: 5px 10px 5px 0; margin-right: 10px; width: 80px; border-right: 2px solid #333;}
div.searchTitleContainer  a{ font-size: 130%; font-weight: bold; }
div.searchMoreDetails { text-align: right;}
div.searchMoreDetails  a{ font-size: 90%; font-weight: bold; }

#productPricesContainer, #productImagesContainer {float: left; display: inline; padding: 10px;}
#productDescContainer {clear: both;}

.searchDescContainer {color: #999;}

#basketContainer {padding: 10px}

#basketContents {z-index: 1; position: relative; width: 0px; height: 0px; top: 0px; left: 535px; text-align: left; background: #a6bbcd; overflow: hidden;}
.basket-button {margin: 0 10px; padding: 5px; border: 1px solid #333; border-bottom: 3px solid #333; background: #666; color: #fff;}

#comments_left {clear: both; padding-top: 20px;}
#comment_form {padding: 20px 0 !important;}


/* Temporary hidden divs for NRA dev site
-------------------------------------------------- */

#menu, #dateTime, #breadcrumbs, #headerphoto, #latestissue, #latestnews, .accesstools  {display: none;}
#product3 { display: none !important; }

#content a:visited {color: #F70713;}


/* Base styles, typography & alignments
-------------------------------------------------- */

body                              {background: #0f0f0f url(../images/design/nra/background_rpt.png) top repeat-x;}
#background                       {background: url(../images/design/nra/background.jpg) top center no-repeat scroll;} 

h1, h2, h3, h4, h5, h6            {margin: 0 0 10px;}
h1                                {font-size: 2em;}
h2                                {font-size: 1.6em;}
h3                                {font-size: 1.4em;}
h4                                {font-size: 1.2em;}
h5                                {font-size: 1em;}
h6                                {font-size: 0.8em;}

img                               {border: 0;}
img.left,
img[align="left"]                 {float: left; margin: 0 10px 10px 0;}
img.right,
img[align="right"]                {float: right; margin: 0 0 10px 10px;}

.clearme                          {clear: both; width: 100%; height: 2px;}

#profileSignupForm .termsAndConditions {background: #333; border: 1px solid #000;}


/* Structure and DIV specific styling
-------------------------------------------------- */
#container                        {margin: 0 auto; width: 980px; background: #0f0f0f url(../images/design/nra/background.jpg) top center no-repeat scroll; text-align: left;}

#header                           {width: 980px; height: 100px; background: #0f0f0f url(../images/design/nra/background.jpg) top center no-repeat scroll; color: #FFF;}
#header h1, #header h2            {display: none;}

#sponsorslideshow                 {float: right; width: 460px; height: 100px; display: inline; margin-right: 20px; color: #000;}

#angeltrainslink                  {float: left; display: inline; margin-left: 180px; width: 300px; height: 70px;}
#angeltrainslink span             {display: none;}

#bookinglink a                    {float: right; display: inline; padding-top: 11px; margin-top: 10px; height: 39px; width: 500px; background: url(../images/design/nra/formbutton.jpg); text-align: center; color: #fff; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 1.25em;}
#bookinglink a:hover              {background-position: bottom; text-decoration: none;}


#textlinks                        {display: none; float: left; width: 640px; height: 30px; font-size: 80%; color: #999; text-align: right; font-family: Verdana;} 
#textlinks a                      {color: #999; text-decoration: none;} 
 
#main                             {width: 980px; background: none;}

#contentWrapper                   {float: none; width: 980px; padding: 0; background: none;}

#subnav                           {width: 980px; height: 380px; float: left; display: block; padding: 0; border-bottom: none;}
#subnav ul                        {width: 300px; display: inline; /*margin: 20px 0 0 150px;*/ margin: 0 0 0 150px; padding: 0; float: left;}
#subnav li                        {display: block; list-style-type: none; padding: 0; margin: 0;}
#subnav li a                      {display: block; float: none; padding: 4px 20px 4px 30px; margin: 0 0 0 30px; background: url(../images/design/nra/bullet.png) left no-repeat; text-decoration: none; color: #fff; font-size: 90%; letter-spacing: 0.3em;}
#subnav li a:hover                {background-color: #8c0005; color: #fff;}

#nraSlideshow                     {float: right; display: inline; margin: 20px 20px 0 0;}

#content                          {clear: both; float: none; display: block; width: 810px; font-size: 90%; padding: 15px 0 0 170px; color: #fff;}

.forcer                           {float: left; width: 0; height: 250px;}

#newsFeeds                        {margin: 30px 10px 0px; font-size: 90%;}
#newsFeeds li                     {list-style: none;}
#newsFeeds li a                   {font-size: 110%;}
#newsFeeds img                    {margin: 0px 10px 0px 0px; padding: 0;}

#footer                           {clear: both; padding: 10px 0; width: 100%; height: 40px /*130px*/; background: none /*url(../images/design/nra/footer_rpt.png) repeat-x*/; font-size: 80%; color: #FFF;}
#footercontent                    {width: 980px; height: 40px; margin: 0 auto; background: none; text-align: center; color: #666; border-top: 1px dotted #333;}
#footercontent a                  {color: #666;}

#footer #sponsers a                         {color: #FFF; margin: 10px 0px; float: left; display: inline;}


/* Required for the editor in the backend. Make sure background images etc are removed in this attrubute... */
#editor                           {margin: 0; padding: 0; width: 495px; min-height: 590px; background-image: none; background-color: #fff; border: 5px solid #898989; text-align: left;}

#editor #mainContent,
#editor #subContent               {border-right: 1px solid #cacaca; min-height: 590px; }

#mainContent                      {float: left; margin: 0; width: 400px;}
#mainContent.twoColumns           {width: 400px;}
#mainContent.even                 {width: 300px;}

#subContent                       {float: right; margin: 0; width: 200px;}
#subContent.even                  {width: 300px;}