/* CSS Document */







/* reset all */



	*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }



	table { border-collapse:collapse; border-spacing:0 }



	fieldset, img { border:0 }



	address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }



	ol, ul, li { list-style:none }



	caption, th { text-align:left }



	h1, h2, h3, h5, h5, h6 { font-size:100% }



	



/* Below resets some standard defaults*/



	strong { font-weight: bold }



	em { font-style: italic }



	ol, ul, li { list-style:none }



	a {
	outline:none;
} /* Firefox dots removal*/



	a img { border:none } 



	html {



    overflow-y:scroll;



    }



/* Layout*/



body {



	font: small Arial, Geneva, sans-serif;



	color: #000;



	background-color: #051E5B;



	text-align: center;



	background-image: url(../images/backBody.gif);



	background-repeat: repeat-y;



	background-position: 50%;



}



#wrapper {



	font-size: 100%;



	line-height: 144%;



	width: 1000px;



	margin: 0 auto;



	text-align: left;



}



/*#content-outerwrapper{



	width:1000px;



	float: left;



	padding-top: 20px;



	padding-right: 0;



	padding-bottom: 0;



	padding-left: 0;



}*/



#content-innerwrapper{



	width:800px;



	float: left;



}



#content-middle{



	width:620px;



	float:right;



	padding-bottom: 18px;



	background-image: url(../images/backCentre.gif);



	background-repeat: no-repeat;



	background-position: left bottom;



	margin-bottom: 20px;



}



#content-middle2/*more nested divs, I know, helps puts curved bottom in without large graphic */{



	background-color: #fff;



}



#content-search{



	width:820px;



	float:right;



	padding-bottom: 18px;



	background-image: url(../images/backCentre2.gif);



	background-repeat: no-repeat;



	background-position: left bottom;



	margin-bottom: 20px;



}



#content-search2 /*more nested divs, I know, helps puts curved bottom in without large graphic */{



	background-color: #fff;



}



#content-search ul {

	border: none;

	margin-bottom: 10px;

	margin-left: 30px;

	margin-top: 15px;

	padding: 0;

	margin-right: 30px;

}

#content-search li {

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 8px;

	padding-left: 15px;

	background-image: url(../images/bullet.gif);

	background-repeat: no-repeat;

	background-position: left 5px;

	list-style-image: none;

	list-style-type: none;

}



#related{



	float:right;



	width:180px;



	background-image: url(../images/backRelated.gif);



	background-repeat: no-repeat;



	background-position: left bottom;



	padding-bottom: 20px;



}



.box{



	margin:10px;



	}



.box1{



	margin:15px;



	}



.box2 /*keeps right col away from right edge in ie6*/{



	margin-left:15px;



	}



.boxCent{



	margin:15px;



	}







#lCol {



	float: left;



	width: 287px;



	margin-top: 5px;



	background-repeat: no-repeat;



	background-position: left bottom;



	margin-left: 0px;



	background-image: url(../images/backCol.gif);



	padding-bottom: 20px;



 }



 #rCol {



	float: left;



	width: 287px;



	margin-top: 5px;



	background-repeat: no-repeat;



	background-position: left bottom;



	background-image: url(../images/backCol.gif);



	padding-bottom: 20px;



	margin-left: 15px;



 }



 /* footer */







#footer {



	height: 40px;



	clear: both;



	background-image: url(../images/footerBack.png);



	background-repeat: no-repeat;



	background-position: left top;



	margin-bottom: 20px;



	}



/* Text*/



p{



	margin:0.3em 0 0.6em 0;



	font-family: Verdana, Arial, Helvetica, sans-serif;



}



#content-middle p, #content-search p{



    margin:0.3em 15px 0.6em 15px; 



}



#lCol p, #rCol p, .box p{



	font-size: 90%;



	margin-top: 0.4em;



	margin-right: 0px;



	margin-bottom: 0.2em;



	margin-left: 0px;



}
.navigation .p:first-letter {
	font-size:150%;
	padding: 0.1em;
	vertical-align: middle;
	font-weight: bold;
}



h1, h2, h3, h4 { 



     clear: both; 



     line-height: 129%; 



     font-family: Arial, Geneva, sans-serif



}



h1 {font-weight: normal;



    font-size: 140%; 



    word-spacing: -0.05em



}



h2 {



	font-size: 130%;



	color: #5E6BA2;



	margin: 0;



	text-transform: none;



	background-color: #8095C6;



	background-image: url(../images/backHeadColLge.png);



	background-repeat: no-repeat;



	background-position: left top;



	padding-top: 8px;



	padding-right: 15px;



	padding-bottom: 8px;



	padding-left: 15px;



}



h2.search {



	font-size: 130%;



	color: #5E6BA2;



	margin: 0;



	text-transform: none;



	background-color: #8095C6;



	background-image: url(../images/backHeadSearch.png);



	background-repeat: no-repeat;



	background-position: left top;



	padding-top: 8px;



	padding-right: 15px;



	padding-bottom: 8px;



	padding-left: 15px;



}



h3, h4 {



	font-size: 120%;



	color: #5E6BA2;



	margin: 0;



	padding: 6px 15px 6px 15px;



	text-transform: none;



	background-color: #8095C6;



	background-image: url(../images/backHeadCol.png);



	background-repeat: no-repeat;



	background-position: left top;



	font-family: Arial, Helvetica, sans-serif;



}



h4 {



	background-image: url(../images/backHeadH4.png);



	background-repeat: no-repeat;



	background-position: left top;



}



h5 {



	font-size: 105%;



	color: #FFD420;



	margin: 0;



	text-transform: none;



	background-color: #8095C6;



	background-image: url(../images/backHeadNav.png);



	background-repeat: no-repeat;



	background-position: left top;



	font-family: Arial, Helvetica, sans-serif;



	padding-top: 6px;



	padding-right: 10px;



	padding-bottom: 6px;



	padding-left: 10px;



}



h6 {



	font-size: 120%;



	color: #5E6BA2;



	margin: 0;



	padding: 6px 15px 6px 15px;



	text-transform: none;



	background-color: #ffffff;



	background-repeat: no-repeat;



	background-position: left top;



	font-family: Arial, Helvetica, sans-serif;



}



#footer p{



	margin: 0;



	font-size: 75%;



	color: #4A6A9B;



	padding-top: 10px;



	padding-right: 0;



	padding-bottom: 0;



	padding-left: 20px;



	}
#footer a {
	margin: 0;
	color: #4A6A9B;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	text-decoration: none;

	}



/* Top Bar Logo Area*/





#cartNav {



	color: #fff;



	background-color: #031234;



	padding: 0px;



	background-image: url(../images/topLogo2.png);



	background-repeat: no-repeat;



	height: 69px;



	background-position: right top;



}

#cartNav ul{

    margin-left: 20px;

	margin-bottom: 0.19em;

    padding-top: 34px;

}



#cartNav  li{

    display: inline;

    margin-right: 1em;

	margin-left: 1em;

	}



#cartNav p{



	color: #fff;







	



}



#cartNav a{



	color: #fff;



	text-decoration: none;



	}



/*#cartNav a.cart{



	background-image: url(../images/cartIcon.gif);



	background-repeat: no-repeat;



	background-position: left top;



}



#cartNav a.wish{



	background-image: url(../images/wishicon.gif);



	background-repeat: no-repeat;



	background-position: left top;



}



#cartNav a.user{



	background-image: url(../images/usericon.gif);



	background-repeat: no-repeat;



	background-position: left top;







}*/



/* Top Search Area*/



div#search h1 {



	padding-bottom: 0.4em; color: #FED420; font-family: Arial, sans-serif



}



#topWrap{



	background-image: url(../images/backHead.png);



	background-repeat: repeat-x;



	background-position: left bottom;



}



fieldset {



	padding-right: 0px; 



	padding-left: 0px; 



	padding-bottom: 0px; 



	margin: 0px; 



	border-top-STYLE: none; 



	padding-top: 0px; 



	border-right-STYLE: none; 



	border-left-STYLE: none; 



	position: relative; 



	border-bottom-STYLE: none



}



div#search {



	color: #fff;



	height: 135px;



	background-image: url(../images/searchTopBack.jpg);



	background-repeat: no-repeat;



	background-position: 100% 100%;



}



div#search fieldset {



	padding-right: 0px; padding-left: 1.5em; padding-bottom: 0px; padding-top: 3.3em



}



div#search label {



	padding-right: 0.4em;



	padding-left: 0px;



	font-size: 140%;



	float: left;



	padding-bottom: 0px;



	line-height: 1.5em;



	padding-top: 0px;



	height: 1.2em;



}



div#search input.searchBox {



	font-size: 152%;



	float: left;



	margin: 0px 0.2em 0px 0px;



	width: 25%;



	background-color: #fff;



	border: 1px solid #4972B6;



}



div#search input.button {



	display: block; float: left; margin: 0.2em



}



div#search button {



	padding-right: 0.3em; padding-left: 0.3em; padding-bottom: 0px; padding-top: 0px; height: 1.8em



}



div#search input.submit {



	margin: 0.2em 0px 0px 0.4em



}



div#search p.searchTextUnder {



	clear: both;



	padding-left: 6em;



	font-size: 80%;



	color: #bcd;



	padding-top: 0.1em;



}



/*--Navigation Left--*/





#left



{

    width:160px;



	float:left;







}

.navigation



{



	width:160px;



	float:left;



	background-image: url(../images/backNavBott.gif);



	background-repeat: no-repeat;



	background-position: left bottom;



	padding-bottom: 15px;



	margin-bottom: 15px







}



.navigation ul {



	list-style: none;



	margin: 0;



	padding: 0;



	border: none;



	background-color: #05256D;



}



.navigation li {







	font-size: 95%;



}



.navigation ul {



   margin: 0;



   padding: 0;



}



.navigation li{



    margin: 0;



    padding: 0;



    list-style: none;   



}



.navigation a{



	display: block;



	text-decoration: none;



	color: #FFFF00;



	border-bottom: 1px dashed #FFFF00;



	padding-top: 2px;



	padding-right: 5px;



	padding-bottom: 2px;



	margin-top: 0;



	margin-right: 10px;



	margin-left: 10px;



	text-transform: capitalize



}



.navigation a:hover{



	text-decoration: none;



	color: #fff;



	border-bottom: 1px solid #fff;



}







.navigation p {



	color: #FFD420;



	background-color: #05256D;



	padding: 10px;



	font-size: 85%;



	margin-top: 0.1em;



	margin-bottom: 0.2em;



}

.navigation a.link{

    display: normal;

	text-decoration: none;

	border: none;

	color: #FFFF00;

	padding-top: 0;

	padding-bottom: 0;

	padding-right: 5px;

	margin-top: 0px;

	margin-right: 10px;

	margin-left: 10px;

	font-size: 85%;

}

.navigation a.link:hover{

	text-decoration: underline;

	color: #FFFF00;

	border-bottom: none;



}



/*--Navigation Top--*/



#topNav {



	color: #fff;



	background-color: #061F5B;



	padding-top: 0px;



	padding-right: 5px;



	padding-bottom: 0px;



	padding-left: 0px;



	height: 2.1em;



	margin-bottom: 20px;



}



#nav {



	margin: 0px;



	line-height: 1;



	list-style-type: none;



	padding: 0px;



}



#nav ul {



	line-height: 1;



	list-style-type: none;



	padding: 0px;



	margin-top: 0px;



	margin-right: 0px;



	margin-bottom: 0px;



	margin-left: 0px;



	text-align: bottom



}



#nav a {



	display: block;



	text-align: center;



	font-family: Arial, Helvetica, sans-serif;



	text-decoration: none;



	color: #fff;



	padding-top: 7px;



	padding-right: 5px;



	padding-bottom: 7px;



	padding-left: 5px;



    background-image: url(../images/navLine.jpg);



	background-repeat: no-repeat;



	background-position: right center;



	font-size: 96%;



}



#nav a.red {



	background-image: url(../images/backTopNavRed.jpg);



	background-repeat: repeat-x;



	background-position: left bottom;



}



#nav a.green {



	background-image: url(../images/backTopNavGreen.jpg);



	background-repeat: repeat-x;



	background-position: left bottom;



}



#nav a.bold {



	font-weight: bold;



	color: #FFDD17;



}



#nav li {



	float: left;



	width: 11em;



	height: 2.1em;



	border-right-color: #396093;



	background-image: url(../images/navLine.jpg);



	background-repeat: no-repeat;



	background-position: right center;



}



#nav li.smll {



	float: left;



	width: 6em;



	height: 2.1em;



}



#nav li ul {



	left: -999em;

	position: absolute;

    z-index: 100;

	width: 11em;

	



}



#nav li li{

	background-color: #041D55;

	height: 1.4em;

	background-image: none;

	margin: 0px;

	padding: 0px;







}



#nav li ul a{

	background-color: #041D55;

	font-size: 95%;

	background-image: none;

	padding: 3px;

	}



#nav li ul a:hover{

	background-color: #9DB6D7;

	padding: 3px;

	color: #031234;







	}



#nav li:hover ul {



	left: auto



}



#nav li.sfhover ul {



	left: auto



}



/*--Table--*/



.table {



	border-collapse: collapse;



}



 td, th {



	font-size: 90%;



}



/*--Search Results Table--*/







.outertable {



    border: none;



	border-collapse: collapse;



	width: 100%;



}



.searchtable {



	border: 1px solid #BEC9D8;



	border-collapse: collapse;



	width: 178px;



	background-color: #F0F3F9;



	font-size: 95%;



	margin-top: 20px;



	margin-left: 10px;



}



.searchtable td {



	vertical-align: top;



	text-align: centre;



	color: #24486C;



	margin: 0em;



	padding-top: 2px;



	padding-right: 10px;



	padding-bottom: 2px;



	padding-left: 10px;



}



.searchtable td.imgtd {



	vertical-align: top;



	padding: 4px 10px 4px 10px;



	text-align: centre;



	line-height:1.1em;



	color: #24486C;



	margin: 0em;



}



.searchtable tr {



	padding: 4px 0 4px 2px;



	vertical-align: top;



	text-align: centre;



	line-height:1.5em;



	color: #24486C;



	margin: 0em;



}



.searchtable .imgT{



	margin-top: 8px;



	margin-bottom: 8px;



}



.searchtable th {



	border: 1px solid #B1C5E0;



	background-color: #B1C5E0;



	font-weight: bold;



	padding: 4px;



	color: #211F47;



}



.searchtable caption {



	color: #6C6ABD;



	text-align: left;



	padding-top: 3px;



	padding-bottom: 8px;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 0.9em;



	font-weight: bold;



}



.searchtable tr.altrow {



	background-color: #fff;



	color: #000000;



}



.searchtable a, #content-search a{
	color: #5A84AD;
	text-decoration: none;
	font-weight: bold;

}



.searchtable a:hover, #content-search a:hover{
	text-decoration: underline;


}



.searchtable a.line{



   	text-decoration: none;



}



#flashcontent {



    margin: 8px 0 8px auto;



}



#flashcontent0 {



    margin: 8px 0 8px auto;



}



#flashcontent1 {



    margin: 8px 0 8px auto;



}



#flashcontent2 {



    margin: 8px 0 8px auto;



}



#flashcontent3 {



    margin: 8px 0 8px auto;



}



#flashcontent4 {



    margin: 8px 0 8px auto;



}



#flashcontent5 {



    margin: 8px 0 8px auto



}



#flashcontent6 {



    margin: 8px 0 8px auto



}



#flashcontent7 {



    margin: 8px 0 8px auto



}



#flashcontent8 {



    margin: 8px 0 8px auto



}



#flashcontent9 {



    margin: 8px 0 8px auto



}



#flashcontent10 {



    margin: 8px 0 8px auto



}



#flashcontent11 {



    margin: 8px 0 8px auto



}



#flashcontent12 {



    margin: 8px 0 8px auto



}







/*--Various--*/



#content-middle:after,



#content-middle2:after



{



	content: "."; 



    display: block; 



    height: 0; 



    clear: both; 



    visibility: hidden;



    }



.clearfix {



	display: inline-block



}



.clearfix {



	display: block



}



 html .clearfix {



	height: 1px



}



/*-------Login---------------*/







.form{



	margin-right: 10px;



	margin-left: 10px;







}







.navigation fieldset {



	background-color: #05256D;}







.navigation legend{



	font-size:100%;



	font-weight: bolder;



	color: #24464F;



}



.navigation label{



	display:block;



	margin-top: 2px;



	color: #fff;



	font-size: 90%;



}



.navigation input:focus, .navigation textarea:focus{



    background-color: #E6EBF0;



    color:#000000;



}



.navigation input, .navigation textarea, .navigation select{



	color:#0C295F;



	margin-top: 2px;



	font-size: 90%;



}



.navigation .input {



	width: 135px;



	background-color: #DDE2F0;



}







.navigation input.butt {



	font-size: 90%;



	font-weight: normal;



	color: #FFD131;



	border: 1px solid #3D73A9;



	margin-top: 10px;

	margin-bottom: 10px;



	padding-top: 2px;



	padding-right: 2px;



	padding-bottom: 2px;



	padding-left: 2px;



	background-color: #173D7C;



	cursor:pointer



}



p.pagination{



margin-left: 20px;



}







p.word {



line-height: 22pt;



font-family: Verdana, Arial, Helvetica, sans-serif;



padding: 4px 4px 4px 4px;



letter-spacing: 3px;



}







table.pagination{

	border: 1px solid #BEC9D8;

	border-collapse: collapse;

	background-color: #F0F3F9;

	font-size: 95%;

	margin-top: 20px;

	margin-left: 15px;

}

table.pagination td{



	padding: 6px





}







/*---------------Register Form--------------*/







#content-search fieldset{



	margin-bottom: 10px;



	padding: 15px;



	background-color: #EDF1F8;



	margin-right: 15px;



	margin-left: 15px;



	margin-top: 15px;



	border: 1px solid #DCE4F1;



}







#content-search legend{



	font-size:110%;



	font-weight: bolder;



	color: #24464F;



}



#content-search label{



	display:block;



	margin-top: 10px;



	color: #24464F;



	font-size: 85%;



}



#content-search input:focus, #content-search textarea:focus{



    background-color: #AFC2C6;



    color:#000000;



}





#content-search input, #content-search textarea, #content-search select{color:#336666;margin-top: 5px;width: 300px}



#content-search select.short {

	width: 125px;

	margin: 0px;

	padding: 0px;

	font-size: 85%;



}



#content-search input.short {

	width: 124px;

	margin: 0px;

	padding: 0px;

	font-size: 85%;

}

#content-search input.required_Field{border-left:3px solid #ff0000;}



#content-search input.butt {font-size: 95%; font-weight: normal; color: #fff; border: 1px solid #FFFFFF; margin-top: 10px; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; background-color: #000; width: 75px; cursor:pointer;}



#content-search input.butt2 {

	font-size: 95%;

	font-weight: normal;

	color: #fff;

	border: none;

	padding-top: 2px;

	padding-right: 8px;

	padding-bottom: 2px;

	padding-left: 8px;

	background-color: #006600;

	width: 130px;

	cursor:pointer;

	margin-top: 0px;

}



#content-search input.butt3 {font-size: 95%; font-weight: normal; color: #FFFFFF; border: none; margin-top: 0px; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; background-color: #C01700; width: 130px; cursor:pointer;}



#content-search input.butt4 {font-size: 95%; font-weight: normal; color: #FFD420; border: none; margin-top: 0px; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; background-color: #041A4E; width: 130px; cursor:pointer;}



#content-search input.rad {width: 15px;} 



#content-search input.graphic {width: 95px; margin-top: 15px;}



a.admin {margin-left: 20px}



.admintable {



	border: 1px solid #BEC9D8;



	border-collapse: collapse;



	background-color: #F0F3F9;



	font-size: 95%;



	margin-top: 20px;



	margin-left: 20px;



}

.admintable td{



	border-bottom: 1px solid #BEC9D8;

	padding: 4px



}

/*--Cart Table--*/







.datatable {

	border-collapse: collapse;

	width: 780px;

	background-color: #CFDBEB;

	margin-bottom: 10px;

	font-size: 95%;

	margin-top: 15px;

	margin-right: 10px;

	margin-left: 10px;



}



.datatable td {

	padding: 3px;

	vertical-align: top;

	line-height:1.5em;

	color: #24486C;

	margin: 0em;

	border: 1px solid #FFFFFF;



}

.datatable td.nopad {

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	}

.datatable td.red {

	text-align: center;

	background-color: #DD6277;

	color: #000000;

	}

.datatable th {

	background-color: #05256D;

	text-align: center;

	padding: 4px;

	font-size: 90%;

	color: #FFD420;

	font-weight: bold;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #FFFFFF;



}

.datatable th.noline {

	border-left:none



}

.datatable th.lineR {

	border-right: solid 1px #fff



}

.datatable th.lineL {

	border-right: solid 1px #fff



}



.datatable caption {



	color: #6C6ABD;



	text-align: left;



	padding-top: 3px;



	padding-bottom: 8px;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 0.9em;



	font-weight: bold;



}



.datatable tr.white {

	background-color: #fff;

	color: #000000;

	text-align: right;

	padding: 0px;



}



.datatable tr.altrow {

	background-color: #9DB6D7;

	color: #000000;

	text-align: right;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #000000;

	font-weight: bold;



}



.datatable select{



	margin-top: 5px;



	margin-bottom: 15px;



}

.datatable img {
margin: 0;
display: block;
padding: 4px;

}
.datatable td.cent {

	text-align: center;

	}

.datatable span.butt5 { font-weight: normal; color: #FFD420; border: none; margin-top: 0px; padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; background-color: #041A4E; width: 130px; cursor:pointer;}



.datatable span.butt6 { font-weight: normal; color: #FFFFFF; border: none; margin-top: 0px; padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; background-color: #C01700; width: 130px; cursor:pointer;}
