/* CSS Document */

* {
	padding : 0;
	margin : 0;
  }

body {
	background-image:url(/template/spbackground.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#02085E;
}
#container{
	width: 998px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	position: relative;

}

#headerbar{
	height: 187px;
}
#menubar {
	height: 35px;
}
#headerbarsearch{
	width:250px;
	left:800px;
	top:158px;
	position: relative;
}
.searchbox {
	width:150px;
	height:14px;
	font-family: Arial;
	font-size:11px;
}
#mainbody {
	position: relative;

}
#spacer {
	height:5px;
}
.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		
	}
	/* holy grail 3 column settings */
	.holygrail {

		 background:#fffFFF;     	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-226px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fffFFF;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:450px;         	/* Left column width + right column width */
        background:#FFFFFF;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:224px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 240px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
		font-family: Arial;
		font-size: 12px;
		color: #000033;
	}
	.holygrail .col1 h1 {
		color: #FF0000;
		font-family: Arial;
		font-size: 24px;
	}
	.holygrail .col1 h2 {
		color: #FF0000;
		font-family: Arial;
		font-size: 14px;
	}
	.holygrail .col1 hr {
		border-top: 1px solid #ff0000;
		height: 1px;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:224px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:226px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
		font-family: Arial;
		font-size: 11px;
    }
		width:550;			/* width of center column content (column width minus padding on either side) */
		left:100%;			/* 100% plus left padding of center column */
	}	
	.threecol .col2 {
		width:224;			/* Width of left column content (column width minus padding on either side) */
		left:450;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:226;			/* Width of right column content (column width minus padding on either side) */
		left:776;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	.holygrail .col3 select {
		font-family: Arial;
		font-size: 11px;
		color: #000033;
	
	}
	
.grey11px {
	font-family: Arial;
	color: #333333;
	font-size: 11px;
}
.blue11px {
	font-family: Arial;
	color: #3333CC;
	font-size:11px;	
}
.blue12px {
	font-family: Arial;
	color: #3333CC;
	font-size:12px;	
}
.blue14px {
	font-family: Arial;
	color: #3333CC;
	font-size:14px;	
}
.black14px {
	font-family: Arial;
	color: #000000;

	font-size:14px;	
}
.righthandtitlewhite14px {
	font-family: Arial;
	color: #FFFFFF;
	font-size:14px;
	font-weight:bold;
	margin-left: 6px;
}
.redtitle14px {
	color: #FF0000;
	font-family:Arial;
	font-size:14px;
}
.redtitle20px {
	color: #FF0000;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
}
.redtitle40px {
	color: #FF0000;
	font-family:Arial;
	font-size:30px;
	font-weight:bold;
}
.redtitle12px {
	color: #FF0000;
	font-family:Arial;
	font-size:12px;
}
#productlistingtable {
	font-family: Arial;
	color: #666666;
	font-size:12px;
}

#productlistingtable .producttitle {
	font-family: Arial;
	color: #000033;
	font-size:14px;
	font-weight:bold;

}
#photoholder {
	/*background-image:url(userimages/rotatingheader/photobar1.jpg); 
	background-repeat:repeat-x; 
	background-position: top left;*/
	height:317px;
	overflow:hidden;
	width:269px;
}

.prodimg {border: 1px solid #C1C1C1;}
A img.prodimg {
	border: 1px solid #C1C1C1;
	text-decoration: none;
}
A:visited img.prodimg{
	border: 1px solid #C1C1C1;
	text-decoration: none;
}
A:hover img.prodimg{
	border: 1px solid #FE0002;
	text-decoration: none;
}
.productprice {
	font-family: Arial;
	color: #FF0000;
	font-size:12px;
	font-weight:bold;
}
.productvariant {
	font-family: Arial;
	color: #000033;
	font-size:12px;
}
.productrrp {
	font-family: Arial;
	color: #000033;
	font-size:12px;
	font-weight:bold;
}
.productmoreinfo {
	font-family: Arial;
	color: #FF0000;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px dotted #ff0000;

}
A.productmoreinfo {
	font-family: Arial;
	color: #FF0000;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px dotted #ff0000;

}
A.productmoreinfo:visited {
	font-family: Arial;
	color: #FF0000;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px dotted #ff0000;
}
A.productmoreinfo:hover {
	font-family: Arial;
	color: #000033;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px dotted #000033;
}


A {
	font-family: Arial;
	color: #FF0000;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px dotted #ff0000;

}
A:visited {
	font-family: Arial;
	color: #FF0000;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px dotted #ff0000;
}
A:hover {
	font-family: Arial;
	color: #000033;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px dotted #000033;
}

.productimghlink {
	text-decoration: none;
	border:0;
}
A.productimghlink {
	text-decoration: none;
	border:0;
}
.checkout {
	font-family: Arial;
	font-weight: bold;
	font-size:11px;
	color: #336699;
	text-decoration:none;
	border:0;
}
.checkout:visited {
	font-family: Arial;
	font-weight: bold;
	font-size:11px;
	color: #336699;
	text-decoration:none;
	border:0;
}
.checkout:hover {
	font-family: Arial;
	font-weight: bold;
	font-size:11px;
	color: #336699;
	text-decoration:none;
	border:0;
}
.boxed {
	font-family: Arial;
	font-weight: bold;
	font-size:11px;
	color: #336699;
	text-decoration:none;
	border:0;
}
.boxed:visited {
	font-family: Arial;
	font-weight: bold;
	font-size:11px;
	color: #336699;
	text-decoration:none;
	border:0;
}
.boxed:hover {
	font-family: Arial;
	font-weight: bold;
	font-size:11px;
	color: #336699;
	text-decoration:none;
	border:0;
}
.errorheader {
	color: #FF0000;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;

}
.warning {
	color: #FF0000;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;


}

.preload1 {background: url(/template/mainmenu_on.jpg);}

#nav {padding:0; margin:0; list-style:none; height:37px; background: url(/template/mainmenu_off.jpg) repeat-x; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:37px; line-height:35px; color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 0; cursor:pointer; vertical-align: middle;  border:0px; border-right: 1px solid #E08281; }
#nav li a.top_link span {float:left; display:block; padding:0 12px 0 12px; height:37px; vertical-align: middle;}
#nav li a.top_link img {border: 0px; align: left; vertical-align: middle;}

#nav li a.top_linkon {display:block; float:left; height:37px; line-height:35px; color:#FFFFFF; background: url(/template/mainmenu_on.jpg) repeat-x; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 6px; cursor:pointer; vertical-align: middle; border-right: 1px solid #8E6965;  border:0px;}
#nav li a.top_linkon span {float:left; display:block; padding:0 18px 0 6px; height:37px; vertical-align: middle;}
#nav li a.top_linkon img {border: 0px; align: left; vertical-align: middle;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#FFFFFF; background: url(/template/mainmenu_on.jpg) repeat-x;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(/template/mainmenu_on.jpg) repeat-x;}


#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub {left:0px; top:37px; background: #0085EA; white-space:nowrap; width:200px; height:auto; z-index:300;}
#nav :hover ul.sub li {display:block; height:30px; position:relative; float:left; width:200px; font-weight:bold; vertical-align:middle; border-bottom:1px solid #FFFFFF;}
#nav :hover ul.sub li a {display:block; font-size:12px; height:30px; width:200px; line-height:28px; text-indent:5px; color:#FFFFFF; text-decoration:none; vertical-align:middle;  border:0px;}
#nav :hover ul.sub li img {border: 0px; padding-left: 12px; align: left; vertical-align: middle;}
#nav :hover ul.sub li a:hover {background:#041260; color:#FF7B3C; border-color:#fff;  border:0px;}

#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav2 {padding:0; margin:0; list-style:none; width: 224px;  position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav2 li.top {display:block; float:left;}
#nav2 li a.top_link {display:block; width:224px; float:left; height:28px; line-height:28px; color:#000000; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 1px 0; cursor:pointer; vertical-align: middle; background: url(/template/shopmenu_off.jpg) repeat-x;  border:0px; }
#nav2 li a.top_link span {float:left; display:block; padding:0 0 0 0; height:28px; vertical-align: middle; margin-left:10px;}
#nav2 li a.top_link img {border: 0px; align: left; vertical-align: middle;}

#nav2 li a.top_linkon {display:block; width:224px; float:left; height:28px; line-height:26px; color:#FFFFFF; background: url(/template/shopmenu_on.jpg) repeat-x; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 1px 0; cursor:pointer; vertical-align: middle;  border:0px;}
#nav2 li a.top_linkon span {float:left; display:block; padding:0 0 0 0; height:28px; vertical-align: middle; margin-left:10px;}
#nav2 li a.top_linkon img {border: 0px; align: left; vertical-align: middle;}

#nav2 li:hover a.top_link,
#nav2 a.top_link:hover
{color:#FFFFFF; background: url(/template/shopmenu_on.jpg) repeat-x;}
#nav2 li:hover a.top_link span, 
#nav2 a.top_link:hover span
{background:url(/template/shopmenu_on.jpg) repeat-x;}


#nav2 table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav2 li:hover {position:relative; z-index:200; background: url(/template/shopmenu_on.jpg) repeat-x; border:0;}
#nav2 a:hover {position:relative; white-space:normal; z-index:200; border:0; background: url(/template/shopmenu_on.jpg) repeat-x; border:0;}

#nav2 :hover ul.sub {left:225px; top:0px; white-space:nowrap; width:200px; height:auto; z-index:300;}
#nav2 :hover ul.sub li {display:block; height:28px; position:relative; float:left; width:200px; font-weight:bold; vertical-align:middle; border-bottom:1px solid #FFFFFF; background: url(/template/shopmenu_off.jpg) repeat-x; border:0px;}
#nav2 :hover ul.sub li a {display:block; font-size:12px; height:28px; width:200px; line-height:26px; text-indent:5px; color:#000000; text-decoration:none; vertical-align:middle; border:0;}
#nav2 :hover ul.sub li img {border: 0px; padding-left: 12px; align: left; vertical-align: middle; border:0;}
#nav2 :hover ul.sub li a:hover {color:#FFFFFF; border-color:#fff; background: url(/template/shopmenu_on.jpg) repeat-x; border:0;}

#nav2 li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav2 ul, 
#nav2 a:hover ul ul,
#nav2 a:hover a:hover ul ul,
#nav2 a:hover a:hover a:hover ul ul,
#nav2 a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; background: url(/template/shopmenu_on.jpg) repeat-x;}


#nav3 {padding:0; margin:0; list-style:none; width: 224px;  position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav3 li.top {display:block; float:left;}
#nav3 li a.top_link {display:block; width:224px; float:left; height:28px; line-height:28px; color:#006699; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 1px 0; cursor:pointer; vertical-align: middle; background: url(/template/shopsubmenu_off.jpg) repeat-x; border:0px;}
#nav3 li a.top_link span {float:left; display:block; padding:0 0 0 0; height:28px; vertical-align: middle; margin-left:10px;}
#nav3 li a.top_link img {border: 0px; align: left; vertical-align: middle;}

#nav3 li a.top_linkon {display:block; width:224px;float:left; height:28px; line-height:26px; color:#000066; background: url(/template/shopsubmenu_on.jpg) repeat-x; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 1px 0; cursor:pointer; vertical-align: middle; border:0px;}
#nav3 li a.top_linkon span {float:left; display:block; padding:0 0 0 0 ; height:28px; vertical-align: middle; margin-left:10px;}
#nav3 li a.top_linkon img {border: 0px; align: left; vertical-align: middle;}

#nav3 li:hover a.top_link,
#nav3 a.top_link:hover
{color:#000066; background: url(/template/shopsubmenu_on.jpg) repeat-x;}
#nav3 li:hover a.top_link span, 
#nav3 a.top_link:hover span
{background:url(/template/shopsubmenu_on.jpg) repeat-x;}


#nav3 table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav3 li:hover {position:relative; z-index:200;}
#nav3 a:hover {position:relative; white-space:normal; z-index:200;}

#nav3 :hover ul.sub {left:0px; top:37px; background: #0085EA; white-space:nowrap; width:200px; height:auto; z-index:300;}
#nav3 :hover ul.sub li {display:block; height:30px; position:relative; float:left; width:200px; font-weight:bold; vertical-align:middle; border-bottom:1px solid #FFFFFF;}
#nav3 :hover ul.sub li a {display:block; font-size:12px; height:30px; width:200px; line-height:28px; text-indent:5px; color:#FFFFFF; text-decoration:none; vertical-align:middle;}
#nav3 :hover ul.sub li img {border: 0px; padding-left: 12px; align: left; vertical-align: middle;}
#nav3 :hover ul.sub li a:hover {background:#041260; color:#FF7B3C; border-color:#fff;}

#nav3 li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav3 ul, 
#nav3 a:hover ul ul,
#nav3 a:hover a:hover ul ul,
#nav3 a:hover a:hover a:hover ul ul,
#nav3 a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}