/********************************************************
=Structural Elements
********************************************************/

body {
	padding-top : 25px;
	margin : 0;
	background : transparent url(../i/g_grad_bg.gif) repeat-x 0 0px;
	font-size : small;
	font-family: verdana, arial, sans-serif;
	text-align : center;
}

#parcel {
        background : #fff;
	margin : 0px 20px 0px 20px;
        border : 1px solid #A5A2A2;
 	min-width : 748px;
	text-align : left;
}

#InsideSidebar {
        float : right;
        top : 120px;
        padding-right : 20px;
        width : 190px;
	text-align : left;
}

#InsideContent {
	text-align : left;
        margin : 0px 230px 0px 20px;
}

div.clearleft {
        clear : left;
	font-size : 1px;
	height : 1px;
}

div.clear {
        clear : both;
        font-size : 1px;
        height : 1px;
}

span.req {
	color : red;
}

/* \*/
* html .hollyhack {height: 1%;}
/* */

/********************************************************
=Links
********************************************************/

a {
	color : #0063DC;
	padding : 0px 1px;
	text-decoration : underline;
}

a:hover {
	color : #fff;
	background : #0063DC;
}

a img {
        border : none;
	background : transparent;
}

/********************************************************
=Left sidebar
********************************************************/

div#sidebar ul {
	margin : 109px 0 0 0;	
	padding : 0px;
}

div#sidebar ul li {
	list-style-type : none;
}

div#sidebar ul li a {
	display: block;
	padding: 3px 0 3px 6px;
	width: 95px;
	border-bottom: 1px solid #A5A2A2;
	margin : 0;
	text-decoration : none;
	color : #A70012;
	font-weight : bold;
}

div#sidebar ul li a:hover {
	background : #fff;
	color : #000;
}

h1#logo {
	position : absolute;
	top : 22px;
	left : 12px;
}

h1#logo span {
	display : none;
}

/********************************************************
=Top Navigation
********************************************************/

div#TopNav {
	margin : 0 auto;
	width : 750px;
	text-align : center;
	position : relative;
	top : -1px;
}

div#TopNav ul {
	padding : 0;
	margin : 0;
}

div#TopNav ul li {
	list-style-type: none;
	display : inline;
}

div#TopNav ul li a {
	color : #0063DC;
	padding : 2px 4px;
	font-weight : bold;	
	font-size : 11px;
	top : -5px;
}

div#TopNav ul li a:hover { 
	background : #0063DC;
	color : #fff;
        text-decoration : none;

}

div#TopNav ul li a#topSm {color : #ff6600;}
div#TopNav ul li a#topSm:hover {background : #ff6600; color : #fff;}

div#TopNav ul li a#topHm {color : #003300 ;}
div#TopNav ul li a#topHm:hover {background : #003300; color : #fff;}

div#TopNav ul li a#topParts {color : #2D60A8 ;}
div#TopNav ul li a#topParts:hover {background : #2D60A8;color : #fff;}

div#TopNav ul li a#topKits {color : #B22020 ;}
div#TopNav ul li a#topKits:hover {background : #B22020;color : #fff;}

div#TopNav ul li a#topGs {color : #634A95 ;}
div#TopNav ul li a#topGs:hover {background : #634A95;color : #fff;}

div#TopNav ul li a#topLit {color : #249A00 ;}
div#TopNav ul li a#topLit:hover {background : #249A00;color : #fff;}

div#TopNav ul li a#topFs {color : #4FB5D2 ;}
div#TopNav ul li a#topFs:hover {background : #4FB5D2;color : #fff;}

div#TopNav ul li a#topRec { color : #708DAB;}
div#TopNav ul li a#topRec:hover {background :#708DAB;color : #fff;}

div#TopNav ul li a#topElec {color : #7700bb;}
div#TopNav ul li a#topElec:hover {background : #7700bb; color : #fff}



/********************************************************
=Top details block
********************************************************/

#TopDetails {
	margin : 20px 20px 15px 20px;
	background : #99ddff;
	background : #efefef;
	/*height : 46px;	*/
	color: #666;
	font-size: 11px;
	font-family: Arial, Helvetica;
	padding : 5px 10px;
	border-top : 2px solid #ddd;
	border-bottom : 2px solid #ddd;
}

#TopDetails div#TopDetailsInner {
	margin : 0;
	padding : 0;
}

#TopDetails div#TopDetailsInner p {
	margin : 0;
	padding : 0;
}

span#welcomemsg {
	font-style : normal;
	font-weight : bolder;
	color : #444;
	font-size : 16px;
	padding-bottom : 3px;
}

/********************************************************
=Frontpage category selector blocks
********************************************************/

#CatSelectContainer {
	margin : 0;
	height : 240px;	
	text-align : center;
}

#CatSelectContainer h1 {
	font-family: Helvetica, Arial, sans-serif;
	color : #11cc00;
	font-size : 36px;
	letter-spacing: -2px;
	margin-bottom : 0;
	line-height : 34px;
}

#CatSelectContainer h2 {
	font-family: Helvetica, Arial, sans-serif;
	color : #3388ff;
	margin-top : 0px;
	margin-bottom : 5px;
}

#TopThree {
	width : 360px;	
	margin : 0px auto;
        text-align : center;
	padding : 0;
}

#TopThree #first,#TopThree #second,#TopThree #third {
	width : 118px;
	float : left;
}


dl#RkCell, dl#RmCell, dl#RpCell {
	background : #E4E8F1;
	width : 113px;
	margin : 0 0 4px 0;
}

#TopThree dl dt {
	margin: 0 0 10px 0;
	padding: 10px 3px;
	color: #000;
	border-bottom: 1px solid #fff;
	font-weight : bold;
	color : #fff;
}

#TopThree dl#RmCell { background : #E4E8F1 url(../i/highlight_rocket_motors.jpg) no-repeat bottom center; }

#TopThree dl#RkCell { background : #E4E8F1 url(../i/highlight_rocket_kits.jpg) no-repeat bottom center; }

#TopThree dl#RpCell { background : #E4E8F1 url(../i/highlight_rocket_parts.jpg) no-repeat bottom center; }

#TopThree dl#RkCell dt { background : #B22020; }

#TopThree dl#RmCell dt { background : #ff6600; }

#TopThree dl#RpCell dt { background : #2D60A8; }

#TopThree dl dd { 
	margin: 90px 0 0 10px;	
	padding : 3px; 
}

#TopThree dl dd.a {	
	margin : 0px; 
}

#TopThree dl dd span { display : none; }

#TopThree dl dd a.CellArea { padding : 10px 53px 97px 53px;}

#TopThree dl dd a.CellArea:hover { background : transparent;}

#BottomFive {
	width : 360px;
        margin : 0px auto;
        text-align : center;
        padding : 0;
}

#BottomFive #bFirst,#BottomFive #bSecond,#BottomFive #bThird, #BottomFive #bFourth, #BottomFive #bFifth {
        width : 69px;
	margin-right : 1px;
        float : left;
	font-weight : bold;
	color : #fff;
	font-size : x-small;
}

#TopThree a, #BottomFive a {
	color : #fff;
	text-decoration : none; 
}

#TopThree a:hover, #BottomFive a:hover {
        color : #fff;
        text-decoration : underline;
	background : transparent; 
}

#BottomFive dl {}

#BottomFive dl dd span {display : none; }

#BottomFive dl dt { padding : 10px 0; }

#BottomFive #bFirst { background : #708DAB ; }

#BottomFive #bSecond { background : #4FB5D2; }

#BottomFive #bThird { background : #634A95;}

#BottomFive #bFourth { background : #249A00; }

#BottomFive #bFifth {  background : #333;}

#catSelectContainer {
	margin : 0;
	width : 100%;
	height : 240px;	
	text-align : center;
}

/********************************************************
=Order block in the inside sidebar
********************************************************/

div#listcont {
	background : #2280DD;
	margin : 7px 0;
	text-align : center;
}

div#order h4 {
        color : #fff;
        padding : 5px;
        font-size : 1.3em;
        margin : 0;
}

div#order div.OrderBottom {
        margin : 0;
}

div#order div.OrderBottom a {
	color : #fff;
	margin : 2px 0;
	font-weight : bold;
	text-decoration : underline;
}

div#order div.OrderBottom a:hover {
	
}

div#order ul#OrderItems {
	padding : 5px 2px;
	margin : 0;
}

div#order div#OrderContent {
	width : 180px;
	margin : 0 auto;
	background : #aaddff;
	text-align : left;
}

div#order ul#OrderItems li {
	list-style-type : none;
	padding : 3px 2px;
	margin-left : 0px;
	font-size : x-small;
}

span.OrderTotal {
	display : block;
	margin : 0 10px;
	text-align : right;
	border-top : 2px solid #fff;
	font-weight : bold;
	color : #444;
}

/*******************************************************
= Ready to buy block
*******************************************************/

div#addcartbar {
}

div#addcartbar h4 {
}

div#addcartbar form label {
}

div#addcartbar form input#additmqty {
	width : 20px;
	text-align : center;
	margin : 0;
	padding : 0;
}

div#addcartbar form input#addbtn{
}

div#addcartbar div#rtbinner {
}

/*******************************************************
= Nifty corners css
*******************************************************/


div#searchbar {
        margin : 5px 0;
        background : #00cc11;
        text-align : center;
	padding : 5px 0;
}

div#searchbar h4 {
        color : #fff;
        padding : 5px 0;
        font-size : 1.2em;
        margin : 0;
}

div#searchbar div#searchinner {
	background : #eeffee;
	width : 180px;
	margin : 0 auto;
}

div#searchbar form {
	padding : 0;
	margin : 0;
}

div#searchbar form label {
        font-size : small;
        font-weight : bold;
	padding : 0;
	margin : 0;
}

div#searchbar form input.searchqry {
	width :120px;
	margin : 0;
	padding : 0;
}

div#searchbar>form>input.searchqry {
	width : auto;
	margin : 2px 0 0 0;
}

div#searchbar form input#searchbtn {
	top : 1px;
	position : relative;
	padding : 0;
	margin : 0;
}

div#searchbar>form>input#searchbtn {
	margin : 0;
	padding : 0;
	top : -2px;
}

/*******************************************************
= manuf info in the sidebar
******************************************************/

div#manproductsbar {
	background : #999;
	margin : 5px 0;
	text-align : center;
        padding : 2px 0;
}

div#manproductsbar h4 {
        color : #fff;
        padding : 5px;
        font-size : 1.2em;
        margin : 0;
}	

div#manproductsbar div#maninner {
        padding : 2px 0;
	background : #eee;
        width : 180px;
        margin : 0 auto;
}

/*******************************************************
= Nifty corners css
*******************************************************/

.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}

/*********************************************
The New Customer widget
*********************************************/

div.ncBlock {}

div#cablock {
	width : 260px;
	background : #ee2200;
	text-align : center;
	padding : 5px 0;
	margin-left : 20px;
}

div#newcustomer h3.ca {
        font-size : 2em;
        font-weight : normal;
	margin : 0;
	color: #000;
}

div#newcustomer h4.ncllhead {
	font-size : 1.5em;
	font-weight: normal;
	color: #fff;
	margin : 0;
}

div#newcustomer form {
	margin-left : 20px;
}

div.ncBlock p.ncrow {}

div.ncBlock p.rowerror {
}

div.ncBlock p.ncrow label {
	width : 170px;
	text-align : right;
	font-size : x-small;
	font-weight : bold;
	padding : 1px 5px 5px 5px;
	float : left;
	margin : 7px 0;
}

div.ncBlock p.ncrow input {
	font-size : x-large;
	margin : 2px;
}

div.ncBlock p.ncrow select {
        font-size : large;
        margin : 2px;
	font-weight : lighter;
}

div.ncBlock p.ncrow span.ncsml {
	display : block;
	padding-left : 182px;
	font-size : x-small;
	color : #aaa;
	margin-bottom : 7px;
}

div.ncBlock p.rowerror label {
        width : 170px;
        text-align : right;
        font-size : x-small;
        font-weight : bold;
        padding : 1px 5px 5px 5px;
        float : left;
        margin : 7px 0;
	color : #ff1122;
}

div.ncBlock p.rowerror span.ncsmlerror {
        display : block;
        padding-left : 192px;
        font-size : x-small;
        color : #cc3300;
        margin-bottom : 7px;
	font-weight : bold;
	background : transparent url(../i/reddot.jpg) no-repeat 182px 50%;
}

div.ncBlock p.rowerror input {
        font-size : x-large;
        margin : 2px;
}

div.ncBlock p.rowerror select {
        font-size : large;
        margin : 2px;
        font-weight : lighter;
}

div#whoops {
}

p#cabutton input {
	margin-left : 180px;
	padding :10px 15px;
}

p#canbutton input {
        margin-left : 180px;
	padding :10px 15px;
}

div#accountadded, div.confirmbox {
	background : #00bb33;
	color : #fff;
}

div#accountadded h3, div.confirmbox h3 {
	background : #000;
	color : #fff;
	font-size : 1.7em;
	font-weight : normal;
	margin : 0;
	padding : 0 0 5px 10px;
}

div#accountadded p, div.confirmbox p {
	padding : 3px 10px 5px 10px;
}

div#accountadded a {
	color : #000;
}
/*********************************************
The generic header
*********************************************/

div#mainheader {
	text-align : center;
}

h2#mainheadertitle {
	text-align : center;
        font-family: Helvetica, Arial, sans-serif;
        color : #11cc00;
        font-size : 33px;
        letter-spacing: -2px;
	margin : 0;
	line-height : 34px;
}

/*********************************************
List of manufacturers
*********************************************/

div#ManufsBlock {
	text-align : center;
}

div#ManufsBlock table {
	margin : 0 auto;
}

div#ManufsBlock table tr {}

div#ManufsBlock table tr td {
	padding : 10px 5px 10px 0px;
}


/********************************************************
=Search Page results
********************************************************/

div#searchtextres, div#searchformblock {
	text-align : left;
}

div#searchpage div#searchformblock form input.searchqry {
	width : 90%;
}

/**************************************************
==Reset password page
**************************************************/

div#resetpassblock form p label {
	width : 110px;
	float : left;
	text-align : right;
	padding : 6px 4px 0 0; 	
}

div#resetpassblock form {
	padding-top : 5px;
}

div#resetpassblock form input#email {
	font-size : x-large;
}

div#resetpassblock form input#btn {
	margin-left : 113px;
}

/**************************************************
==Transaction failed page
**************************************************/

div#transfailed {
}

div#transfailed h3 {
        font-size : 1.3em;
        border-bottom : 1px solid #ccc;
        margin : 5px 0px 5px 0px;
        font-weight: bold;
        color: #000;
        text-align : left;
}

/*********************************************
The 'Login' widget
*********************************************/

div#loginwidget { 
	float : left;
	width : 50%; 
}

div#loginwidget h3 {
        font-size : 1.3em;
        border-bottom : 1px solid #ccc;
        margin : 5px 0px 5px 0px;
        font-weight: bold;
        color: #000;
}

div#loginwidget p {
}

div#loginwidget p.define {
	color : #000;
	font-size : 1.15em;
	font-weight : bold;
	margin-bottom:0px;
}

div#loginwidget form p.field input {
	font-size : x-large;
	width : 240px;
	margin : 0 2px 2px 2px;
}

/*********************************************
The 'Login Error' widget
*********************************************/

div#LoginError {
	width : 47%;
	border : 2px solid #ff1100;
	background : #eee;
}

div#LoginError h3 {
	background : #ff1100;
	padding : 3px 0 3px 5px;
	border-bottom : 2px solid #ff1100;	
	color : #fff;
	margin : 0;
}

div#LoginError p {
	margin : 3px 10px;
	padding-right : 10px;
}

div#LoginError a {
	color : #3377ff;
	text-decoration : underline;
}

/*********************************************
The 'Signup' widget
*********************************************/

div#signupblock {
	float : left;
	text-align : center;
	width : 50%;
}

div#signupblock h3 {
        font-size : 1.3em;
        border-bottom : 1px solid #ccc;
        margin : 5px;
        font-weight: bold;
        color: #000;
	text-align : left;
}

div#signupblock p {
	text-align : left;
	padding-right : 20px;
}

div#signupblock div#signlink {
        width : 240px;
        background : #ee2200;
        text-align : center;
        padding : 15px 0;
        margin : 25px auto;
	cursor : pointer;
}

div#signupblock div#signlink h3 {
        font-size : 1.7em;
        font-weight : normal;
	margin : 0;
	color: #000;	
	border : none;
	text-align : center;
}
div#signupblock div#signlink h4 {
	font-size : 1.5em;
	font-weight: normal;
	color: #fff;
	margin : 0;
}

div#signupblock div#signlink a#caa {
	color : #000;
	text-decoration : none;
}

div#signupblock div#signlink a#caa:hover {
	background : transparent;
}

div#signupblock div#signlink a#smu {
	color : #fff;
	text-decoration : none;
}

div#signupblock div#signlink a#smu:hover {
	color : #fff;
	text-decoration : none;
	background : transparent;
}

/********************************************
The Hover Widget on images
********************************************/

span#hoverimg {
	background : #fff;
	-moz-opacity : 0.65;
	font-size : small;
	position : absolute;
	margin-top : 15px;
	margin-left : 50px;
	padding : 1px 2px 2px 3px;
	display : none;
}

span#hoverimg a{
	color : #0044bb;
}

span#hoverimg a:hover {color:#000; background:transparent;}

/********************************************
Product view
********************************************/

div#prodview {
	height : auto;
}

div#producttopblock {

}

div#producttopblock div#prod_images {
	text-align : center;
	float : left;
	padding : 5px 0;
	background : #99ccff; 
	width : 307px;
}

div#producttopblock div#prod_images img {
	margin : 10px 0px 0 0px;
	border : 1px solid #fff;
	background : transparent;
}

div#producttopblock div#prod_images div#extraimgs {
	margin : 5px 0 2px 0;
}

div#producttopblock div#prod_images div#extraimgs a {
	padding : 0px 5px;
	background : #fff;
	text-decoration : none;
}

div#producttopblock div#prod_images div#extraimgs a:hover {
	color : #000;
}

div#producttopblock div#prod_images div#extraimgs a.extraactive {
	border : 1px solid #fff;
	font-weight : bold;
	color : #fff;
	background : #11CC00;
}

div#producttopblock div#nameprice {
	margin : 0 0 0 317px;
}

div#producttopblock div#nameprice h2, h2#prodname {
	font-family: Helvetica,Arial,sans-serif;
	color: #11CC00;
	font-size: 2.5em;
	letter-spacing: -2px;
	margin : 10px 0 0 0;
	text-align : center;
}

div#producttopblock div#nameprice h3 {
	margin : 0;
	font-weight : bold;
	font-size : 1.6em;
	text-align : center;
	color : #3388FF;
}

div#addcartbar {}

div#addcartbar div#rtbinner {}

div#addcartbar div#rtbinner h4 {
	color :	#cc0011;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1.4em;
	border-bottom : 2px solid #eee;
	margin : 18px 0;
}

div#addcartbar div#rtbinner form p input#addbtn {
	font-size : large;
}

div#loadingbox {
	color : #fff;
	background : #cc0011;
	font-size : small;
	font-weight : bold;
	padding : 6px 8px;
	position : absolute;
	top:0px;
	right:0px;
}

/********************************************
Delete your account widget
********************************************/


span#delauth {
	color : #aaa;
	font-size : x-small;
	display : block;
}

/********************************************
Sub categories display
********************************************/

div#categorysubs {
	width : 490px;
	margin : 0 auto;
	text-align : left;
}

div#categorysubs div#csinner {
	background : #ffffcc;
}

div#categorysubs h3 {
        color : #cc0011;
        font-family: Helvetica,Arial,sans-serif;
        font-size: 1.4em;
        border-bottom : 2px solid #eee;
	margin : 12px 0 0 0;
}

div#categorysubs span.prodtotals {
	font-size : x-small;
	color : #999;
}

div#categorysubs dl {
	padding : 10px 0 12px 0;
	border-bottom : 2px solid #eee;
	margin : 0;
}

div#categorysubs dl dt {
	background : transparent url(../i/whitearrow.png) no-repeat 1px 50%;
	padding-left : 15px;
}

div#categorysubs dl dt a {
	text-decoration : none;
	color : #3388FF;
	font-weight : bold;
}

div#categorysubs dl dt a:hover {
	background : transparent;
	color : #11CC00;
	text-decoration : underline;
}

div#categorysubs dl dd {
	font-size : x-small;
	color : #444;
}

/********************************************
Front page 'about us' blurb
********************************************/

div#aboutus {
	margin : 10px auto 10px auto;
}

div#aboutus span.highlight {
	background : #ffff88;
}

/*******************************************
product precis - image, name, price
********************************************/

table#productslist {
	margin : 10px auto;
}

table#productslist a:hover {
	background : transparent !important;
	color : #000; 
}

table#productslist a img, table#productslist a:hover img {
	border : none;
	background : transparent;
}

div#thumbblock {
	float : left;
}

div#precisdetails {
	margin-left : 210px;
}

span.ProdDesc {
	font-size : x-small;
	color : #555;
	margin-left : 10px;
}

span.ProdDesc a:hover {
	color : #000;
}

table#productslist tr.mcrowOdd {
	background : #EDE9E8;
}

table#productslist tr td h5.ProdName {
	margin : 2px 0;	
	color : #11CC00;
	text-align : left;
	margin-left : 10px;
}
table#productslist tr td.prodthumb {
	text-align : left;
}

table#productslist tr td.prodthumb a {
	padding : 0;
	margin : 0;
}

table#productslist tr td span.price {
	display : block;
	font-weight : bold;
	padding : 8px 0;
	text-align : center;
}

div#thumbblock img {
	margin : 0;
}

table#productslist tr.mcrowOdd td h5.ProdName {
	color : #3388FF;
}

table#productslist tr td h5.ProdName a {
	color : #11CC00;
	text-decoration : none;
}

table#productslist tr.mcrowOdd td h5.ProdName a {
	color : #3388FF;
}

table#productslist tr td h5.ProdName a:hover {
	background : transparent;
	color : #000;
	text-decoration : underline;
}

table#productslist tr td span.oosmsg {
	background : #ffff66;
	color : #444;
	font-size : x-small;
	letter-spacing  : -1px;
	margin-left : 9px;
}
table#productslist tr td form {
	text-align : center;
}

/*******************************************
Checkout widget
********************************************/

div.addcartoos {
	padding : 5px;
	margin : 10px;
	background : #ffffaa;
	border : 1px solid #eee;
	color : #000;
	font-size : 80%;
}

div.addcartoos ul {
	list-style-type : square;
	margin : 10px;
}

div.addcartoos ul li {
	margin-left : 20px;
}

div#CheckoutWidget {
}

div#CheckoutWidget div#TableCont {
	width : 475px;
	margin : 20px auto;
}

div#CheckoutWidget table {}

div#CheckoutWidget table tr {
	text-align : center;
}

div#CheckoutWidget table tr th {
	font-weight : normal;
	font-size : x-small;
	color : #999;
}

div#CheckoutWidget table tr th#tabProduct {
	text-align : left;
	width : 230px;
}

div#CheckoutWidget table tr td {
	margin : 0;
	border : none;
}

div#CheckoutWidget table tr td a:hover {
	background : transparent;
}

div#CheckoutWidget table tr th#tabPrice {
	width : 50px;
}

div#CheckoutWidget table tr th#tabTimes {
	width : 25px;
}

div#CheckoutWidget table tr th#tabPrice {
        width : 55px;
}

div#CheckoutWidget table tr th#tabQuantity input {
        text-align : center;
	width : 28px;
}

div#CheckoutWidget table tr th#tabEquals {
        width : 25px;
}

div#CheckoutWidget table tr th#tabTotal {
        width : 80px;
}

div#CheckoutWidget table tr.prodEven{
	background : #3388FF;
	border-bottom : 1px solid #999;
        height : 35px;
	font-size : small;
}

div#CheckoutWidget table tr.prodOdd{
        background : #fff;
        border-bottom : 1px solid #999;
	height : 35px;
	font-size : small;
}

div#CheckoutWidget table tr#ShippingRow {
        background : #ffff88;
        color : #000;
	border-bottom : 1px solid #999;
        height : 27px;
	margin-top : 5px;
        font-size : small;
}

div#CheckoutWidget table tr.prodEven td {
        padding : 5px;
	color : #fff;
}

div#CheckoutWidget table tr.prodOdd td {
	padding : 5px;
	color : #444;
}

div#CheckoutWidget table tr.prodEven td.desc, div#CheckoutWidget table tr.prodOdd td.desc {
	text-align : left;
	text-transform : capitalize;
}

div#CheckoutWidget table tr.prodEven td.desc a, div#CheckoutWidget table tr.prodOdd td.desc a {
	color : #000099;
        text-decoration : none;
	font-size : x-small;
}

div#CheckoutWidget table tr.prodEven td.desc a:hover, div#CheckoutWidget table tr.prodOdd td.desc a:hover {
        color : #000;
	text-decoration : none;
}

div#CheckoutWidget table tr td.prodRemove a {
	font-size : x-small;
	text-decoration : underline;
	color : #000;
}

div#CheckoutWidget table tr td.prodRemove a:hover {
	color : #0066CC;
	text-decoration : none;
}

p#cartviewsubmitbig input {
	padding : 10px 15px;
	margin-left : 35%;
}

div#BillingInfoWidget h4, div#ShippingInfoWidget h4 {
        color : #cc0011;
        font-family: Helvetica,Arial,sans-serif;
        font-size: 1.4em;
        margin : 18px 0 7px 0px;
}

/*********************************************
Shipping Info widget for checkout process
*********************************************/
div#ShippingInfoWidget form {
	margin : 15px 0 0 20px;
}

div#ShippingInfoWidget p.sDrow {

}

div#ShippingInfoWidget p.sDrow label {
	width : 160px;
	text-align : right;
	font-size : x-small;
	font-weight : bold;
	padding : 5px;
	float : left;
	margin : 7px 0;
}

div#ShippingInfoWidget p.sDrowSelect label {
        width : 160px;
        text-align : right;
        font-size : x-small;
        font-weight : bold;
        padding : 5px;
        float : left;
        margin : 4px 0 0 0;
}

div#ShippingInfoWidget p.sDrow input {
	font-size : x-large;
	margin : 2px;
}

p.button input {
	margin : 7px 0 0 172px;
	padding : 10px 15px;
}
		

div#ShippingInfoWidget p.sDrowSelect select {
        font-size : large;
        margin : 2px;
	font-weight : lighter;
}

div#ShippingInfoWidget p.sDrow span.sDsml {
	display : block;
	padding-left : 162px;
	font-size : x-small;
	color : #aaa;
	margin-bottom : 7px;
}

/*********************************************
Billing Info widget for checkout process
*********************************************/
div#BillingInfoWidget form {
        margin : 15px 0 0 20px;
}

div#BillingInfoWidget p.bDrow {

}

div#BillingInfoWidget p.bDrow label {
        width : 160px;
        text-align : right;
        font-size : x-small;
        font-weight : bold;
        padding : 5px;
        float : left;
        margin : 7px 0;
}

div#BillingInfoWidget p.bDrowSelect label {
        width : 160px;
        text-align : right;
        font-size : x-small;
        font-weight : bold;
        padding : 5px;
        float : left;
        margin : 4px 0 0 0;
}

div#BillingInfoWidget p.bDrow input {
        font-size : x-large;
        margin : 2px;
}

/*div#BillingInfoWidget p.button input {
        margin : 7px 0 0 140px;
        padding : 3px 6px;
}*/

div#BillingInfoWidget p.bDrowSelect select {
        font-size : large;
        margin : 2px;
        font-weight : lighter;
}

div#BillingInfoWidget p.bDrow span.bDsml {
        display : block;
        padding-left : 162px;
        font-size : x-small;
        color : #aaa;
        margin-bottom : 7px;
}

p#sameAs {
	color : #aaa;
	font-size : x-small;
	margin : 0 0 10px 0;
}

p#sameAs input {
	position : relative;
	top : 5px;
}

/********************************************
The Hover Widget on images
********************************************/

span#hoverimg {
	background : #fff;
	-moz-opacity : 0.65;
	font-size : small;
	position : absolute;
	padding : 1px 2px 2px 3px;
	display : none;
}

span#hoverimg a{
	color : #0044bb;
}

span#hoverimg a:hover {color:#000;}

/*************************************************
=checkout styles
*************************************************/

div#checkoutBlock {
	margin : 15px 10px;
}

div#itemstable span#coutyitems, div#sdetailsbloc span#coutydetails {
	font-weight : bold;
	font-size : 1.1em;
}

div#checkoutBlock div#listexplain {
	border:2px solid #26B61B;
	margin : 0 10px 15px 10px;
	background : #eee;
	padding:0;
}

div#checkoutBlock div#listexplain p {
	padding: 3px 10px 5px 10px;
	margin:0;
}

div#checkoutBlock div#listexplain h3 {
	font-size : 1.3em;
	color : #000;
	border-bottom : 2px solid #26B61B;
	padding : 5px 0 5px 10px;
	background : #88cc66;
	margin :0;
}


div#checkoutBlock p#ordercomms {
	margin-left : 10px;
}

div#checkoutBlock p#ordercomms label {
	padding-left : 10px;
	width : 230px;
	display : block;
}

div#checkoutBlock p#ordercomms textarea{
	margin-left : 10px;
}

div#checkoutBlock p#cabutton input {
	margin-left : 1px;
	padding : 10px 15px;
}

div#checkoutBlock p#canbutton input{
	margin-left : 1px;
	font-size : 75%;
	padding : 5px;
}

div#checkoutBlock form div#contacterr{
	border : 2px solid #ff1100;
	background : #eee;
	margin : 10px;
}

div#checkoutBlock form div#contacterr h3 {
	font-size : 1.3em;
	background : #ff1100;
	padding : 3px 0 3px 10px;
	border-bottom : 2px solid #ff1100;	
	color : #fff;
}

div#checkoutBlock form div#contacterr p a {
	color : #ff1100;
	text-decoration : underline;
}

div#checkoutBlock form div#contacterr p a:hover {
	text-decoration : none;
	color : #2288ff;
}

div#checkoutBlock div#itemstable table {
	background : #ffff88;
	margin : 4px 10px 10px 10px;
	padding : 7px;
}

div#checkoutBlock div#sdetailsbloc p{
	background : #ffff88;
	padding : 7px;
}

div#orderAdded {
	border:2px solid #26B61B;
        margin : 15px 20px;
        background : #eee;
}

div#orderAdded h3 {
        font-size : 1.3em;
        color : #000;
        border-bottom : 2px solid #26B61B;
        padding : 5px 0 5px 10px;
        background : #88cc66;
	margin:0;
}

div#orderAdded p {
        padding: 3px 10px 5px 10px;
        margin:0;
}

div#ordererror {
        border : 2px solid #ff1100;
        background : #eee;
	margin : 15px 20px;
}

div#ordererror h3 {
        background : #ff1100;
        padding : 3px 0 3px 10px;
        border-bottom : 2px solid #ff1100;
        color : #fff;
	font-size : 1.3em;
	margin :0;
}

div#ordererror p {}

p.detailsbox {
	float : left;
	display:inline;
	margin-left : 5px;
}

/*************************************************
=orderlist styles for the list of placed orders
**************************************************/

div#OrdersList {
	width : 475px;
	margin : 10px auto;
}

table#orderslisttable {
	width : 475px;
	border-top : 1px solid #eee;
}

table#orderslisttable tr {
	border-bottom : 1px solid #eee;
}

table#orderslisttable tr.OddRow {
}

table#orderslisttable tr.EvenRow {}

table#orderslisttable tr td {
	border-bottom : 1px solid #eee;
}

table#orderslisttable tr td.orderstats {
	width : 190px;
	padding : 5px 0 5px 5px;
	border-right :  1px solid #eee;
}

table#orderslisttable tr td.orderstats p {
	margin : 0;
	padding : 0;
	font-size : 1.1em;
	font-weight : bold;
}

table#orderslisttable tr td.orderstats p span.p {
        color : #ff0000;
}

table#orderslisttable tr td.orderstats p span.orderprice {
	background : transparent url(../i/bluetick.gif) no-repeat right center;
	padding-right : 22px;
	color : #065287;
}

table#orderslisttable tr td.orderitemslist {
	padding-left : 10px;
}

table#orderslisttable tr td span.desclabel {
	font-weight : bold;
	color : #777;
	font-size : small;
}

table#orderslisttable tr td.orderitemslist a {
	float : right;
	font-size : 1.4em;
	font-family: Helvetica,Arial,sans-serif;
	letter-spacing : -1px;
	font-weight : bold;
	text-decoration : none;
}

table#orderslisttable tr td.orderitemslist a:hover {}

table#orderslisttable tr td.orderitemslist p {
        margin : 0;
	padding : 0;
}

table#orderslisttable tr td.orderitemslist ul {
        margin : 9px 0 5px 20px;
	padding : 0;
	list-style-type : none;
}

table#orderslisttable tr td.orderitemslist ul li {
	background : transparent url(../i/transgreenplus.gif) no-repeat 1px 50%;
	padding-left : 15px;
	font-size : x-small;
	margin-top : 2px;
}

/*************************************************
= The progress bar for order checkout
**************************************************/

div#progressbar {
	text-align : center;
}

div#progressbar hr {
	width : 475px;
	border : none;
	color : #CC0011;
	background : #CC0011;
	height : 2px;
	margin : 15px auto 0 auto;
	padding : 0;
}

div#progressbar div#stepcontainer ul {
	list-style-type : none;
	margin : 0;
	padding : 0;
}

div#progressbar div#stepcontainer ul li {
	display : inline;
	margin : 0;
	padding : 0;
	height : 40px;
	padding : 0 35px;
	font-style : italic;
	color : #aaa;
}

div#progressbar div#stepcontainer ul li#ActiveTab {
	font-weight : bold;
	color : #CC0011;
	height : 1%;
	padding : 17px 35px 21px 35px;
	background : transparent url(../i/downtrianglered.gif) no-repeat 50% 0px;
	font-style : normal;
}

div#progressbar>div#stepcontainer>ul>li#ActiveTab {
        height : auto;
	padding : 11px 35px 21px 35px;
}

div#progressbar div#stepcontainer ul li.complete {
	font-style : normal;
}

div#progressbar div#stepcontainer ul li a {}

div#progressbar div#stepcontainer ul li a:hover {}

div#progressbar div#stepcontainer ul li.complete a {
	color : #aaa;
}

div#progressbar div#stepcontainer ul li.complete a:hover {
	background : #fff;
	color : #00cc00;
	text-decoration : underline;
}

div#progressbar h3 {
	width : 480px;
	padding : 7px 0;
	background : #eee;
	border : 1px solid #ccc;
	margin :  20px auto;
}

/*******************************************
Account rundown
********************************************/

div#accountblock {
}

div#accountblock div#AccountOptions {
	background : #eee;
	padding : 5px 0;
	width : 475px;
	margin : 15px auto;
}

div#accountblock div#AccountOptions h4 {
	background : #eee url(../i/tick.gif) no-repeat 2px 50%;
	padding-left : 30px;
	font-size : 1.8em;
	font-family: Helvetica,Arial,sans-serif;
	letter-spacing : -1px;
	margin : 10px 0 10px 10px;
}

div#accountblock div#AccountOptions h4 a {
	color : #3388FF;	
	text-decoration : none;
}

div#accountblock div#AccountOptions h4 a:hover {
	text-decoration : underline;
	background : transparent;
	color : #11CC00;
}

div#loggedoutmsg {
	width : 285px;
	border:2px solid #26B61B;
	padding : 5px 0 5px 25px;
	background : #eee url(../i/tick.gif) no-repeat 5px 7px;
}

/*******************************************
Top details navigation dropdowns etc
********************************************/

div#topdetailsnavigation {
	position : absolute;
	margin-top : 8px;
	margin-left : 261px;
}

div#topdetailsnavigation form {
	display : inline;
}

div#topdetailsnavigation form select option, div#topdetailsnavigation form select {
	font-size : x-small;
}

/********************************************
Change Personal Details widget
*********************************************/

div#ChangePersonalDetails {}

div#ChangePersonalDetails hr {
        color : #ccc;
        border : 0;
        height : 1px;
        background-color : #ccc;
}

div#ChangePersonalDetails h3 {
        font-size : 1.3em;
        border-bottom : 1px solid #ccc;
        margin : 5px 0px 5px 0px;
        font-weight: bold;
        color: #000;
}

div#ChangePersonalDetails form p.cpdrow span.cpdsml {
        display : block;
        padding-left : 182px;
        font-size : x-small;
        color : #aaa;
        margin-bottom : 7px;
}

div#ChangePersonalDetails form p.cpdrow label {
        width : 170px;
        text-align : right;
        font-size : x-small;
        font-weight : bold;
        padding : 2px 5px;
        float : left;
        margin : 7px 0;
}

div#ChangePersonalDetails form p.cpdrow label.count {
        margin : 0;
}

div#ChangePersonalDetails form p.cpdrow input {
        font-size : x-large;
        margin : 2px;
}

div#ChangePersonalDetails form p#cpdbutton {
        margin-left : 190px;
}

/*********************************************
The 'Change Password & email' widget
*********************************************/

div#ChangeLoginDetails {}

div#ChangeLoginDetails hr {
	color : #ccc;
	border : 0;
	height : 1px;
	background-color : #ccc;
}

div#ChangeLoginDetails h3 {
        font-size : 1.3em;
        border-bottom : 1px solid #ccc;
        margin : 5px 0px 5px 0px;
        font-weight: bold;
        color: #000;
}

div#ChangeLoginDetails form p.cldrow span.cldsml {
	display : block;
	padding-left : 182px;
	font-size : x-small;
	color : #aaa;
	margin-bottom : 7px;
}

div#ChangeLoginDetails form p.cldrow label {
	width : 170px;
	text-align : right;
	font-size : x-small;
	font-weight : bold;
	padding : 5px;
	float : left;
	margin : 7px 0;
}

div#ChangeLoginDetails form p.cldrow input {
	font-size : x-large;
	margin : 2px;
}

div#ChangeLoginDetails form p#cldbutton {
	margin-left : 195px;
}

/*********************************************
Delete account widget
*********************************************/
div#delblock {}

/*********************************************
The 'deleted account' page
*********************************************/

div#deletedblock {}

/***************************************
The 'view an order' page
***************************************/

div#vieworderblock {
	text-align : center;
}

div#vieworderblock h2 {
        font-size : 30px;
}

div#vieworderblock div#prodstable {
	width : 475px;
	margin : 20px auto 0 auto;
	text-align : left;
}

div#vieworderblock div#prodstable table {
	width : 475px;
}

div#vieworderblock div#prodstable table tr {
}

div#vieworderblock div#prodstable table tr a {
	font-size : x-small;
}

div#vieworderblock div#prodstable table tr#shipp {
	background : #fefefe;
}

div#vieworderblock div#prodstable table tr#tot {
	background : #fff;
}

div#vieworderblock div#prodstable table tr#topr {
	background : #ddd;
	font-weight : bold;
}

div#vieworderblock div#prodstable table tr td {
	border-bottom :1px solid #ddd;
	padding : 2px 0 2px 1px;
}

div#vieworderblock div#prodstable table tr td#name {
	width : 45%;
}

div#vieworderblock div#shipdetails h3, div#vieworderblock div#contdetails h3 {
	border-bottom : 1px solid #bbb;
	margin : 0 0 0 10px;
	font-size : 1.3em;
	font-weight : normal;
}

div#vieworderblock div#contdetails h3 {
	position : relative;
	left : -10px;
}

div#vieworderblock div#shipdetails {
	float : left;
	width : 50%;
	text-align : left;
}

div#vieworderblock div#orderstatus {
	margin : 20px 0;
	font-size : 1.35em;
	color : #2288ff;
	text-decoration : underline;
}

div#vieworderblock div#orderstatus span {
	color : #000;
}

div#vieworderblock div#shipdetails ul {
	padding-left : 10px;
	list-style-type : none;
	
}

div#vieworderblock div#contdetails {
	text-align : left;
	margin-left : 20px;
}

div#vieworderblock div#contdetails b, div#vieworderblock div#contdetails i {
	display : block;
}

div#vieworderblock div#contdetails i {
	margin-left : 10px; 	
}
div#vieworderblock div#shipcontblock {
	margin-top : 15px;
}

div.promo {
	text-align : center;
	font-size : x-small;
	color : #aaa;
	padding : 5px 0;
}

div.promo a {
	color : #777;
}

div.promo a:hover {
	background : transparent;
	color : #000;
}

div.promo span.hide {
	display : none;
}

/******************************************
Motor classification Guide
*****************************************/

div#motorclass {}

div#motorclass p {
	
}

div#motorclass span.motorid, div#motorclass span.classletter, div#motorclass span.avgimpulse, div#motorclass span.delay, div#motorclass span.proptype {
	font-weight : bold;
	font-size : 16px;
}

div#motorclass span.classletter {
	color : #ff0000;
}

div#motorclass span.avgimpulse {
	color : #1155ff;
}

div#motorclass span.delay {
	color :#11cc00;
}

div#motorclass span.proptype {}

div#motorclass dl {
	padding : 0;
}

div#motorclass dl dd {
	margin : 0;
}

div#motorclass dl dd.indent {
	margin : 5px 0 10px 40px;
}

/*****************************************
Fuel Types Page
*****************************************/

div#fueltypedescs {}

div#fueltypedescs p {}

div#fueltypedescs span.apselect {
	color : #cc0000;
	font-weight : bold;
}

div#fueltypedescs span.bpselect {
	color : #00cc11;
	font-weight : bold;
}

div#fueltypedescs dl {
	text-align : justify;
}

div#fueltypedescs dl dt {
	margin-top : 15px;
}

div#fueltypedescs dl dd {
	margin : 10px 0 10px 40px;
}

div#fueltypedescs dl dd a.detailssmall {
	font-size : x-small;
	margin-left : 20px;
	color : #777;
}

div#fueltypedescs dl dd a.detailssmall:hover {
	background : transparent;
	color : #000;
}

/*****************************************
Licensing info page
*****************************************/

div#licensingblock {
	text-align : justify;
}

div#contactbar {
        margin : 5px 0;
        background : #ffdd00;
        text-align : center;
        padding : 5px 0;
}

div#contactbar h4 {
        color : #000;
        padding : 5px 0;
        font-size : 1.2em;
        margin : 0;
}

div#contactbar div#contactinner {
        background : #ffffdd;
        width : 180px;
        margin : 0 auto;
}

div#contactbar div#contactinner p {
	margin : 0;
}

div#contactbar div#contactinner p.e {
	margin : 5px 0;
	font-size : 11px;
}

div#contactbar div#contactinner p.more a {
	font-size : 90%;
	color : #777;
	text-decoration : none;
	border-bottom : 1px solid #cecece;
}

div#contactbar div#contactinner p.more a:hover {
	background : transparent;
	color : #000;
	text-decoration : none;
	border-bottom : 1px solid #000;
}

/***********************************************
Destinations Sidebar
***********************************************/

div#destbar {
	background : #80C9FF;
	margin : 5px 0;
	text-align : center;
	padding : 5px 0;
}

div#destbar h4 {
	color : #fff;
	padding : 5px 0;
	font-size : 1.2em;
	margin : 0;
}

div#destbar div#destinner {
	background : #eee;
	width : 180px;
	margin : 0 auto;
	text-align : left;
}

div#destbar div#destinner p {
	margin : 0 0 2px 0;
	padding : 0;
}

div#destbar div#destinner p a {
	margin : 4px 0 4px 10px;
}

/***********************************************
Page on sizes and dimensions
***********************************************/
div#sizepage {}

div#sizepage table {
	width : 400px;
	margin : 0 auto 20px auto;
}

div#sizepage table tr {
	font-weight : normal;
}

div#sizepage table tr th {
	border-bottom : 1px solid #000;
}

div#sizepage table tr td {}

div#sizepage table tr.odd td {
	background : #eee;
}

div#sizepage dl {}

div#sizepage dl dt {
	font-weight : bold;
	background : #fff url(../i/greenplus.png) no-repeat 1px 50%;
	padding-left : 17px;
}

div#sizepage dl dd {
	margin-bottom : 7px;
}

/************************************************
Front page  attention grab bit for announcements
************************************************/

div#fpannounce {
	background : #fff url(../i/greenstartick.gif) no-repeat 4px 50%;
	color : #999;
	padding : 10px 0 11px 32px;
	font-weight : bold;
	border : 1px solid #eee;
	width : 410px;
	margin : 0 auto 10px auto;
}

div#fpannounce a {
	font-weight : normal;
	color : #777;
	font-style : italic;
	font-size : 90%;
	text-decoration : none;
	border-bottom : 1px solid #cecece;
}

div#fpannounce a:hover {
	background : #fff;
	color : #0063DC;
	text-decoration : none;
	border-bottom : 1px solid #0063DC;
}

