/*----------------------------------------
CONTENT
-------------------------------------------*/
html{
    background: #001526 url(images/bgRepeatingX.jpg) repeat-x scroll center top;
}
body {
	background: transparent url(images/bgRepeatingY.gif) repeat-y scroll center top;
	color:#001526;
	font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
}
#bgPicture {
	margin: 0 auto;
	padding: 0;
}
#doc2{
	margin:0 auto;
	padding:0;
}
#bd{
	padding:8px 2em;
}
#yui-main .yui-b{padding:0 4px 0 10px;}
#sideBar{
	width:276px;
	margin-top:15px;
	margin-right:1em;
}
#hd {
	height: 340px;
	margin: 0 15px 5px 15px;
	position: relative;

}
#title {
	padding: 350px 0 0 325px;

}
#bannerTop {
	position: absolute;
	top: 260px;
	left: 20px;
}
#bannerTop .banner {
	margin-right: 12px;
}
#ad_43427.banner{border: 1px solid #003;margin:0 0 4px 52px;}


#ft {
	background: transparent url(images/footer.gif) no-repeat scroll center bottom;
	
padding: 24px;
	letter-spacing:1px;
	margin: 0px; 
	text-align: center;
	font-size: 75%;
	text-transform: uppercase;
	color:#147ECA;
}
#ft a{
	text-decoration:none;
	color:#147ECA;
	}
/*  ------------------   base.css, part of YUI's CSS Foundation  ------------------------ */
h1 {    font-size:138.5%;}
h2 {    font-size:123.1%; }
h3 {    font-size:108%;  }
h1,h2,h3 {    margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong,b {    font-weight:bold; }
abbr,acronym {     border-bottom:1px dotted #000;    cursor:help;} 
em,i {    font-style:italic;}
blockquote{    margin:1em;}
dl dd {    margin-left:1em;}
th {    font-weight:bold;text-align:center;}
caption {    margin-bottom:.5em;    text-align:center;}
p,fieldset{    margin-bottom:1em;}
form{    margin:2px;    padding:6px;}
th,td {     border:0;     padding:.1em; } 
td{      text-align:left;}
/*   --------------- end yui base (modified)  --------------------- */
a {	
	color: #fff;
}

A:hover {
	COLOR: #063456;
	text-decoration: underline;
}
.content,
#galleryText{
	text-align: justify;
	list-style: inside;
}
.contentHi {
	color: #063456;
}	
.contentSml {
	font-size:11px; 
	font-weight:normal;
	color: #147ECA;
}	
.contentHiSml {
	font-size:85%;  
	color: #147ECA;
}	
.titleLrg{
	font-size:320%;
	color: #147ECA;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0px;
	line-height: 55px;
}
td .titleLrg{
	font-size:170%;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0px;
	line-height: 30px;
	border-bottom: 1px dashed #45909F;
	background: url(images/bullet_titleLrg.gif) no-repeat scroll left center;
}
#modNews h3,
.titleSml{
	font-size:123.1%; 
	font-weight:bold;
	color: #fff;
}
h3 a,
.titleSml a{
	text-decoration: none;
}
.titleSml a:hover{
	text-decoration: underline;
}
td.titleSml {
	text-transform: uppercase;
}
/*----------------------------------------
L I S T S - vnav,  albums, sml
-------------------------------------------*/
ul,
ul li{ 
	list-style-type: none;
	margin:0px;
}
ul,
ul li{/*for mozilla positioning */
	padding-left: 0; 
	margin-bottom: 0px; 
}
/* ul formating in content */
.content ul{
		list-style: square outside;
		margin:4px 0 6px 0;
		padding:0 0 0 20px;
		text-align:left;
}
.content ul li{    
	list-style: square url(images/bullet1.gif) outside;
}
.content ul ul {
		list-style: circle url(images/bullet2.gif) outside;
}
.content ol{
		list-style: decimal outside;
		margin:4px 0 6px 0;
		padding:0 0 0 20px;
		text-align:left;
}
.content ol ol{
		list-style: lower-alpha outside;
}

/*----------------------------------------
I M A G E S
-------------------------------------------*/
.picRight,
.picRightBrd  {
	float: right;
	margin: 1px 1px 1px 6px;
}
.picLeft,
.picLeftBrd {
	float: left;
	margin: 1px 6px 1px 1px;
}
.picRightBrd,
.picLeftBrd {
	border: 1px solid #45909F;
}
.iconImg{
	margin: 2px 8px 6px 0px;
	border:1px solid #45909F;
}
.banner {
	border:0;
	margin: 5px 0;
}
.optionBox {/*used in gallery select */
	font-size:85%;  
	color: #000000;
	background-color: #C2E9EF;
	padding:0;
	border:0px;
}
input.btn {
	background-color: #142E34;
	font-size: 75%;
	border: 1px solid #59939F;
	color: #fff;
}

/*----------------------------------------
N A V I G A T I O N
-------------------------------------------*/
#vNavBox{
	position:absolute;
	top: 115px;
	left: 20px;
	font-size:16px;
	font-weight:bold;
	line-height:16px;
	text-align: right;
	width: 220px;
	text-transform: none;
	z-index:10;
	letter-spacing:1px;
		
}
#vNav li a{
	display: block;
	padding:2px;
	text-align: right;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dashed #999;
}
#vNav a:hover{
	color: #eb9538;
	/*background: url(images/navBullet.png) no-repeat scroll left center;	*/
}

/*----------------------------------------
NEWS
-------------------------------------------*/
#modNews{
	position:relative;
	text-align:left;
	margin:0;
	padding:0;
}
#modNews .item{
	margin:4px 0px;
	position:relative;
	padding:1em;
	border-bottom:1px dashed #59959F;
	height: auto;
}
#modNews a .item{
	display:block;
	text-decoration:none;
	cursor: pointer;
}
#modNews p{
	color: #61CDDF;
	text-decoration: none;
}
#modNews a:hover .item{
	background:#29606F;
}
#modNews img.iconImg{
	display: none;
	position:absolute;
	margin:2px;
	left: 6px;
}
#modNews h3 a {
	font-size:123.1%; 
	text-decoration: none;
}
#modNews .item p, #modNews .item h3, #modNews .item small{
	margin:0px;
}
#modNews small {
   color: #ED9739;
}
.Pagination{
   text-transform:uppercase;
   letter-spacing:2px;
   text-align:right;
   
}
/*----------------------------------------
G A L L E R Y
-------------------------------------------*/

#modGallery{ 
	width:auto;
    margin:6px 0;
}
#modGallery.copy{ }
#modGallery.iconImg{}
#modGall li {  display: inline;}

/* ----------------------------------------------------------------
Sticky Nav and Blog Nav
-------------------------------------------------------------------- */

#stickyNav li {   
	display: inline;
}
#blogBox,
#stickyBox{
	height:40px;
	font-weight:bold;
	padding:0;
	margin:0 0 10px 0;
	margin-right:8px;
	border-bottom:1px dotted #3E818F;
}
#blogBox a,
#stickyNav a{ 
	display: block; 
	width:auto;
	text-decoration: none; 
}
#stickyNav a{ 
	float:left;
	color: #EE9839;
	font-size: 85%;
	line-height: 110%;
	border-right: 1px solid #3E818F;
	padding:2px 10px 2px 10px;
	background:transparent  url(images/stickyBullet.gif) no-repeat scroll left -18px;
}
#stickyNav a:hover{
	color: #fff;	
	padding:2px 10px 2px 10px;
	background:transparent  url(images/stickyBullet.gif) no-repeat scroll left 8px;
}
#blogBox a{
    font:normal 10px/12px verdana;
	background:none;
	background-color:#ededed;
	font-weight:normal;
	padding: 1px 1em;
}
#blogBox a:hover{
	background: #EBE2DD;  }

/*----------------------------------------
S I D E B A R - NewsSm, CalendarSm
-------------------------------------------*/
/*albumssm, newssm, calendar sm, basket, login text header */

#calendarSmlBox h3,#basketBox h3, #newsSmlBox h3{
	margin:0px;
	display:block;
	line-height:140%;
	font-size: 250%;
	color: #e89136;
	text-transform:uppercase;
	letter-spacing:1px;
	background: url(images/bg_news-calendarH3.gif) no-repeat scroll left top;
}

#calendarSmlBox,
#basketBox,
#newsSmlBox{
    position:relative;
    margin:0px 0px 6px 0px;
    text-align:left;
    padding:2px 0px ;
}
#calendarSmlBox h6{/*Current Presales, Upcoming Presales headesr Calendar v2*/
	margin:0px 0 4px 2px;
	color:#EE9839;
	letter-spacing:1px;
}
#calendarSmlBox h5 a{ /* more dates*/
   margin:0;
   padding:0;
   color:#EE9839;
   text-align:right;
   border:0px none;
   text-transform:uppercase;
}
#newsSml p,
#calendarSmlBox p{ 
    color:#fff;
    margin:0;
    padding-left: 5px;
    display:inline;
}

#newsSml li,
#calendarSmlBox li{   
	position:relative; 
}
#calendarSmlBox a,
#newsSml a{ 
	display: block;
	padding: 5px 5px; 
	margin: 0;
	color: #7dd7e7; 
	text-decoration: none;
	line-height: 130%;
	font-weight: bold;
	font-size: 90%;
	border-bottom: 1px dashed #bbb;
}
#calendarSmlBox a:hover,
#newsSml li a:hover{
    background: #e89136;
    color:#fff;	
}

/*-----------------------------------------------------------------------------
A L B U M S
-------------------------------------------------------------------------------*/
#albumsBox{ /*controls number of albumSm columns*/
	position: relative;	
	font-face:arial;
	font-size:83%;
	margin:0 0 6px 0;
	padding:0;
	clear:both;
	height:auto;
}
#albumsBox h3{
	display:none;
}
#albums li{ /*set float left to have multiple columns */
	position: relative;	
	margin:0;padding:0;
}
#albums li a{
	display:block;
	text-decoration: none; 
	background-color: #14373F;
	color:#6FEAFF;
	height:58px; /*img height + border + li padding;*/
	margin-bottom:3px;
}
#albums li a:hover{
	background-color: #0E2328; 
	color: #fff; 
}
#albumsBox p{ /*album titles */
	position:relative;
	top:40%;
	letter-spacing:1px;
	margin-left:60px;
	text-transform:uppercase;
}
#albumsBox img {
	position:absolute;
	top:3px; left:3px;
	width:50px;
	height:50px;
    border:1px solid #3F747F;
}



.albumImg{
	margin: 0px 12px 6px 0px;
	border:1px solid #45909F;
}

/*----------------------------------------
L O G I N
-------------------------------------------*/
#accountInfo{
	font:normal 11px/12px "trebuchet ms", Helvetica, sans-serif;
	text-align:left;
	text-transform: uppercase;
	color:#fff;
	z-index:15;
	position: absolute;
	top: 20px;
	left: 15px;
	padding:5px 5px 0px 5px;
	background-color: #29565F;
}
#accountInfo ul {
	text-align:left;
}
#accountInfo li {
	display: inline;
	list-style-type: none;
	margin-left: 10px;
	float: left;
}

#accountInfo a{text-decoration:none;color:#fff;}
#accountInfo a:hover{text-decoration:underline; color:#E89136;}

#loginBox,
#logoutBox {
	margin:10px 0px 20px 0px;
	text-align:right;
	padding: 6px;
	color:#000;
	background:#4F929F;
}
#loginBox{
	text-align:left;
	font-size: 120%;
	font-weight: bold;
}

#loginBox .formInput{
	font:normal 11px/13px Arial, Helvetica, sans-serif;
}


li#login{position:relative;}
li#signup a,
li#login a,
li#closeBtn a,
li#infoBtn a{
        padding:0 8px 0 11px;
        text-decoration:none;
}
li#signup a{background: transparent url(images/icon-add.gif) no-repeat scroll left center;}
li#login a{background: transparent url(images/icon-user.gif) no-repeat scroll left center;}
li#closeBtn a{background: transparent url(images/icon-close.gif) no-repeat scroll 0 center;}
li#infoBtn a{background: transparent url(images/icon-info.gif) no-repeat scroll left center;}

ul#loginForm {
		position: absolute;
		top: 14px;
		right:-3px;
		border: 1px solid #fff;
		padding-bottom:2px;
		opacity: .9;
		filter: alpha(opacity=90);
		background: #C3E9E1;
		margin:0;
}
ul#loginForm .formInput{
        display:block;
        border:2px solid #fff;
        width:140px;
}
#loginForm li a,
#loginForm li {
	z-index: 100;

}
.js-clickable {
	cursor: pointer;
	text-decoration: underline;

}
#loginTab {
	z-index: 101;
	position: absolute;
	top: -19px;
	right: -1px;
	background:#C3E9E1;
	padding: 3px;
	width: 44px;
	text-align: center;
	border: 1px solid #fff;
	border-bottom: 0px;
}


/*-----------------------------------------------------------------------------------------------------
S E A R C H
-------------------------------------------------------------------------------------------------------*/
#search {
	margin-left: 50%;
	position: absolute;
	top: 10px;
	left: -400px;
	width: 220px;
	height: 30px;
	padding: 0px;
	z-index:12;
}
#searchResults h2{
     margin:.25em 0px;
	 font-size:123.1%;
}
#searchResults h3{
     margin:0;
     font-style:italic;
}
#search .formInput{ 
	width:auto;
	color:#000;
	border:1px solid #ccc;
	font-size:85%;
	height:1.5em;
}
#search_btn{ 
	 font-size:85%;   
	 margin-left:2px;
	 padding:1px 2px;
	 cursor:auto;
}
#searchResults span.contentHi a{
	font-size:85%;    

	text-decoration:none;
}
dl{
	margin:0 0 4px 6px;
	padding:6px;
	border-bottom:1px dotted #ccc;
}
dt{
	font-size:93%;    
             
}
dd{
	font-size:85%;     
	margin:0;
}
dd img{
	height:40px;
	float:left ;
	margin:0 10px 0 0px;
}


/*-----------------------------------------------------------------------------------------------------
calendar and checkout
-------------------------------------------------------------------------------------------------------*/
.calendarBox,
.checkoutBox {
	width: 98%;
	margin: 0px;
	padding: 0px;
}
.checkoutOdd,
.calendarOdd{
    background:#2F727F;
color: #fff;
	padding:4px;
}
.checkoutEven,
.calendarEven{
	padding:4px;
background:#23535E;
}
.calendarHdr,
.checkoutHdr{
	color: #fff;
	background-color: #0E2328;
	padding:2px 4px;
	text-align:center;
}
/*-----------------------------------------------------------------------------------------------------
S T O R E
-------------------------------------------------------------------------------------------------------*/
.memberPrice{ /* members price */
	color:#DF0D0D;
}

#basketBox{
}
.btn,
.basketBtn{
	font:bold 11px/12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	padding:2px;
	border:1px solid #000;
	background-color:#225278;
	margin:2px 0 1px 10px;
}
#basketBox p,/*you have n items in your basket */ 
#basketBox strong{/* total (USD) $ */
	margin:4px;
}
#basketBox h3 ,
#basketBox h3 span{
/*overides 'h3 span' for sml basket - only needed if 'h3 span' set to none*/
	display:block;
	font:bold 14px/18px verdana, san-serif;
	margin:0px;
}


/* RELATED PRODUCTS */

#relatedProd{
        border-top:1px dotted #184262;
		margin:16px 0 0 0px;
        padding:10px 0 0 20px;
}
#relatedProd .titleLrg{
		font:bold 11px/16px Arial, Helvetica, sans-serif;
		display:block;		
		color: #ddd;
		letter-spacing: 1px;
		padding: 0;
		margin: 0 0px 8px 0px;
		text-transform: uppercase;
}
#relatedProd .contentSml{ /* content span*/
		font:normal 10px/11px arial, san serif;
        border-bottom:1px dotted #dedede;
        display:block;
        padding:2px;
}
#relatedProd p {
        display:block;	
        margin:0 0 1px 0;
}
#relatedProd .titleSml{  /* product name */
		font:bold 11px/16px Arial, Helvetica, sans-serif;
		letter-spacing:1px;
        margin:4px 0 1px 0;
        display:block;	
}
#relatedProd .relatedDescr{  /* product description*/
}
#relatedProd .relatedDetails{  /* product details*/
        display:inline;
}
#relatedProd .relatedQty{  /* product qty*/
        display:inline;
}
#relatedProd .relatedPrice{ /* product price */
}
#relatedProd .btn,
#relatedProd .optionBox{
        font:normal 9px/10px arial, helvetica;
        text-transform:uppercase;
		margin: 4px 0 0 2px;
		text-align:left;
		padding:1px;
        border:1px solid #000;
}
#relatedProd img{
		width:42px;
        float:left;
        border:1px solid #000;
        margin: 0 8px 4px 0;
}

/* ADDRESS BOOK */
#addressBook{
	font:normal 11px/12px arial, san serif;
	padding:2px;
}
#addressBook h1{
	font:bold 13px/14px arial, san serif;
	padding:2px;
	letter-spacing:1px;
}
#addressBook h2,
#addressBook h3{
	font:bold 12px/14px arial, san serif;
	padding:2px;
	margin:0;

}




/*-----------------------------------------------------------------------------------------------------
S T R E E T   T E A M
-------------------------------------------------------------------------------------------------------*/

#pointsLeaders{
	font:normal 10px/11px arial, san-serif;
	color:#FFFFFF;
	width:auto;
	margin:0;
	border:1px solid #fff;
	padding:34px 0 16px 0;
	background:#3B7C7F url(images/pointsLeaderHdr.gif) scroll no-repeat 4px 2px;
	opacity: .90;
	filter: alpha(opacity=90);
	position:relative;
        top:10px;
}
#pointsLeaders ol{
	padding:2px;
	margin:0 4px 0px 26px;
	padding-left: 0; 

}
#pointsLeaders li{
	border-bottom:1px dotted #fff;
	padding:1px;
}
#pointsLeaders span{
	float:right;
	margin:-11px 10px 0 0;
	padding:2;
	color:#FFFF99;
	font-weight: bold;
}
#pointsLastMod{
   font:normal 10px/12px arial;
   text-align:center;
   color:#fff;
   position:relative;
   top:-18px;
}
/*wallpaper display */
#wallpaperBox ul{/*for mozilla positioning */
	padding: 0px; 
	margin: -0px; 
	list-style-type: none;
}
#wallpaperBox{ /*controls number of columns*/
	width:auto;
	height: auto;
	padding:0px;
}
#wallpaperBox p{ /*wallpaper text */
	display:block; /*set to block for text to flow beneath thumbnails*/
	margin: 0 0 0px 0px;
	font:bold 11px/16px Arial, Helvetica, sans-serif;
	width: 120px;
	padding: 2px;
	text-align: center;
}
#wallpaperBox img {
	border: 1px solid #000;
	width:120px;
	height:90px;
	vertical-align: middle;
}
#wallpaperBox li{ /*set float left to have multiple columns */
	display: block;
	margin-bottom: 10px;
}
#wallpaperBox a{
 	padding: 0px;
	margin-right: 0px
}
#wallpaperIcons a:hover{
	color:#e69732;
}
*/