@charset "utf-8";
/* CSS Document */
/*Writen by Nick Smotek*/
#mainImage { background: url(/simple/img/oct-bk.jpg) no-repeat top; color:#FFFFFF; padding: 10px 0px 0px 20px; font-size:1.2em;   height:500px; }
#mainImage form { margin: 0px; padding: 0px;}
.txt { color:#000000; font-size:12px;}
.whtxt { color:#FFFFFF; }
/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

body{
	margin:0;
	padding:0;
	background: #E2E2E2 url(/simple/img/bg3.jpg) fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 73%;
	}
    
a:link, a, a:active, a:visited{
	color:#000000;
	text-decoration:none;
	}
	
a:hover{
	color:#cd6b0b;
	text-decoration:underline;
	}
img{border:0; height:}
.trade{
	font-size:.9em;
	}
.trade2{
	font-size:.7em;
	
	}
form1, form{margin:0; padding:0;}
.clear{clear:both;}
.pageTitle
{
 margin:10px 0 10px 0px;
    }
/*********Safari 3.0 css, also affects Opera***************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .pageTitle{padding-bottom:20px;}
    }

/*********Opera only css**********************************
@media all and (min-width:0px) {
		head~body:lang(en) #sideNavigation { padding-top:10px;}
			
	}*/
.bullet
{
	list-style-image:url(/simple/img/bullet.gif);

}    
/* -----------------------------------*/
/* ----------->>> Header <<<----------*/
/* -----------------------------------*/
#Mainheader, #container{ 
	width:968px;
	background-image:url(/simple/img/dropShadow_BG.png);
	*background-image:url(/simple/img/dropShadow_BG.png);
	_background-image:url(/simple/img/dropShadow_BG.gif);
	background-repeat:repeat-y;
	background-position:left;
	padding: 0;
	margin:0 auto;
	}
#content{
	margin:0 0 0 0;
	padding:0 15px;
	text-align:left;
	width:938px;
  height: auto;
  clear:both; 
  color:#FFFFFF;
}
#Mainheader{
	text-align:center;
	height:auto;
	padding:0 0 5px 0;
		
		}
#MainLogo{ 
	margin:15px 0 0 25px;
	width:183px;
	float:left;}
#MainSHP{
	margin:45px 0 0 15px;
	width:207px;
	float:left;}
	/* -----------------------------------*/
	/* ----------->>> Header <<<----------*/
	/* -----------------------------------*/
	#CS_NAV{
		float:right;
		text-align:right;
		margin:2px 15px 0 0; 
		line-height:0;
		width: 420px;
			}
	#CS_Links{
		height:25px;
	
		margin:0;
		padding:0;
		}
	#CS_Links a:link,#CS_Links a:active,#CS_Links a:visited{
		margin:0;
		padding:0;
		font-size:11px;
		line-height:12px;
		color:#000000;
		text-decoration:none;
		}
	#CS_Links a:hover{
		color:#999999;
	}	
	.CS_Nav_Link{
		text-align:right;
		float:right;
		padding:0;
		margin:15PX 15px 15PX 0;
		display:block;

		float: right;
		}
	.login{
		width:75px;
		text-align:left;
		padding-top: 20px;
		margin:0;
		height:20px;
		}

	.CS_Nav_Link2{
		width:100px;
		}
	#howdyST{
		font-size:11px;
		color:#cd6b0b;
		margin:0 5px 0 0;
		font-weight:bold;
		
		}
	#notStrange{color:#71b7b7; }
	#ScartNumberItems{color:#000099;font-weight:bold; margin-left:2px;}
	


	/* -----------------------------------*/
    /* -------->>> H Tags <<<----------*/
    /* -----------------------------------*/
    h1, h2, h3, h4, h5, h6{
        padding:0; margin:0;
        font-weight:bold;
        }
    h2{
        color:#7b5082;
        }
    h3{
        
        color:#0b7dcd; 
        }

    h5{
        color:#cd6b0b; 

        } 
    .h5Header{
        color:#ad1889; 
        }    
    h4{
         color:#cd6b0b; 

        } 
    .h4Header  {
        color:#0b7dcd; 
        font-size:12px;
        }
    h4 .nav{
        color:#0b7dcd; 
        font-size:16px;
        }
    /********  Page Titles  **********/
    
	/* -----------------------------------*/
	/* ---->>> Drop DownMenu <<<-----------*/
	/* -----------------------------------*/			
	/*this is to hide the preloaded images*/
	#preloadimagesDiv{
		visibility:hidden;
		height:0;
		}
	.dropDiv{
		background-color:transparent;
		position:relative;
		z-index:2000;
		margin: 0 auto; 
		width: 200px; 

	
	}

	.dropDiv a, .dropDiv a:link, .dropDiv a:active, .dropDiv a:visited{
		font-size:12px;
		line-height:16px;
		color:#747474;
		text-decoration:none;
		
	}
	.dropDiv a:hover{
		color:#cd6a0c;
		text-decoration:underline;
	}	
	.dropDiv h3{
		margin:0 0 5px 0;
		padding:0;
			}
	.dropDiv ul{
		list-style-type:none;
		margin:0 0 0 15px;
		padding:0;
		}
	.shipping{
		clear:both;
		padding:5px 0 5px  0;
		_height:5px;
		margin: 0 0 0 0;
		text-align:center;
		}
	.shipping h6{
		font-size:12px;
		color:#999;
		margin:0 0 2px 0;
		padding:0;
		}
	.freeShiplimmit{
		color:#9a0000;
		font-size:inherit;
		}


/* -----------------------------------*/
/* ----------->>> Footer <<<----------*/
/* -----------------------------------*/

#vipList
{
	cursor:pointer;
}

#footer{
	background-image: url(/simple/img/Footer_dropShadow_BG.png);
	*background-image: url(/simple/img/Footer_dropShadow_BG.png);
	_background-image: url(/simple/img/Footer_dropShadow_BG.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin:0px auto;
	padding:5px 0px 0px 0px;
	width:968px;
	clear:both;
	}
	
#footerContent{
	width:905px;
	padding: 5px 20px 20px 20px;
	border-top: 1px solid #eee;
	margin:0 auto;
	padding:0;
	font-size: 1em;
	}
#safeShop{
	float:right;
	width:206px;
	margin:5px 0 0 0;
	}


	
#footer2{
	width:968px;
	margin:0 auto;

	color:#000;
	font-size:11px;
	height:100%;
	

	
}
#CountryPicker{
	float:left;
	width:350px;
	text-align:left;
	padding:0 0 0 15px;
	}
#intLink
{
	padding:1px 0 0 5px;
	float:left; 


}
#flg{float:left; }
#flag{
	margin-right:2px;
	}
#footNav2{
	float:right;
	width:400px;

	}
#footerLinksUL{

	color:#000;
	font-size:11px;
	float:right;
	text-align:right;
	margin:0 0 0 0;
	padding:0 5px 0 0;
	height:18px;

	}	
#footerLinksUL li{
	margin:0 5px 0 0;
	padding:0;
	list-style-type:none;
	display:inline;
	text-align:right;
	}

#footerLinksUL a{
	margin:0 5px 0 0;
	padding:0;
	color:#000;
	font-size:11px;

	}

#footerLinksUL a:hover{

	color:#999999;

	}
#copyRight{
	clear:both;
	text-align:right;
	margin:0 15px 0 0;}
#copyRight a:link, #copyRight a, #CountryPicker a:link, #CountryPicker a{
	color:#000;
	}
/******Universal Popup Style - For All Popups**********/
#btnClose{
    background-color: #660000; 
    color: #FFFFFF; 
    text-align: center;
    font-size:15px;  
    font-weight: bold; 
    text-decoration: none;  
    padding:2px 0px;
    border:2px solid black;
    cursor:pointer; 
    }
.popups{
    /*background-color:transparent;*/
    padding:0; 
    margin:0; 
    visibility:hidden; 
    display: block; 
    /*display:table-cell;
    vertical-align:middle;*/
    position:absolute; 
    width:100%;
    height:100%;
    z-index:10000;
    top:0;
    left:0;
    text-align:center;

    }
.mainPopup{
    cursor:pointer; 
    font-size:12px;
    padding-left:5px;
    }
.closer{
    color:#FFFFFF;
    cursor:pointer; 
    border:2px solid black;
    background-color:#cf3229;
    padding:0 2px; 
    float:right;
    margin-bottom:5px;
    _margin-right:5px;
    font-size:15px; 
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    }
.popContent{
    background-color: #f6f6f6; 
    border-left:2px solid #458c1e;
    border-right:2px solid #458c1e;
    margin:0 -10px 0 -10px;
    padding:10px 10px;
    }
.top_left {
    background-image:url("/simple/img/left_top_corner.png");
    _background-image:url("/simple/img/left_top_corner.gif");
    background-repeat:no-repeat;
    position: absolute; 
    top: -10px; 
    left: 0px; 
    width: 10px; 
    height: 10px; 
    }
.top {
    background-image:url("/simple/img/top.png");
    background-repeat:repeat-x;
    position: absolute; 
    top: -10px; 
    height: 10px; 
    }
.top_right{
    background-image:url("/simple/img/right_top_corner.png");
    _background-image:url("/simple/img/right_top_corner.gif");
    background-repeat:no-repeat;
    position: absolute; 
    top: -10px; 
    right: 0px; 
    width: 10px; 
    height: 10px; 
    }
.bottom_left {
    background-image:url("/simple/img/left_bottom_corner.png");
    _background-image:url("/simple/img/left_bottom_corner.gif");
    background-repeat:no-repeat;
    position: absolute; 
    bottom: 0px; 
    left: 0px; 
    width: 10px; 
    height: 10px; 
    }
.bottom {
    background-image:url("/simple/img/bottom.png");
    background-repeat:repeat-x;
    position: absolute; 
    bottom: 0px; 
    height: 10px; 
    }
.bottom_right {
    background-image:url("/simple/img/right_bottom_corner.png");
    _background-image:url("/simple/img/right_bottom_corner.gif");
    background-repeat:no-repeat;
    position: absolute; 
    bottom: 0px; 
    right: 0px; 
    width: 10px; 
    height: 10px; 
    }
.insidePNG_left {
    background-image:url("/simple/img/left.png");
    background-repeat:repeat-y;
    position: absolute; 
    left: 0px; 
    }
.insidePNG_right {
    background-image:url("/simple/img/right.png");
    background-repeat:repeat-y;
    position: absolute; 
    right: 0px; 
    }
/*.innerdiv { position: relative; 
    overflow: hidden; 
    margin-right: -10px; 
    margin-left: -10px; 
    padding-left: 10px; 
    padding-right: 10px; 
    }*/
.last{padding:0;
    margin:0;
    _padding-bottom:20px;
    }
    	

/*IE7 only css*/
*:first-child+html .footPosition{
    left:14%;
    bottom:250px;
    }
.footWrapper {
    padding:0 10px 10px 10px;
    _padding:0 10px 15px 10px;
    text-align:left;

    }
.footSize { width: 500px; }



	/* -----------------------------------*/
	/* -------->>> Navigation <<<---------*/
	/* -----------------------------------*/


	#mainNavBar{

		height:35px;


		padding:0 0 0 0;
		clear:both;
		text-align:left;

		}
	#mainNavBar ul
	{
		margin-left:0;
		padding-left:10px;
	}	
	#mainNavBar li
	{
		list-style-type:none;
		
	}
	#mainNavBar .dropLi
	{
		position:relative;	
		width:auto;
		text-align:left;
		height:41px;
		z-index:1010;
	}
	.mainNavigation{
		float:left;
		width:948px;
		margin:5px 15px 0 0;
		_margin:1px 0 0 0;
		padding:0 0 0 15px;


	}
.noflash
{
	background-color:#eeeff4;
	height:375px;
	width:945px;
	
}
.hoverState
{
	position:relative;
	z-index:2010;
	margin: 0 1px;

}
.dropLi
{
	list-style-type:none;
	float:left;
	

}

.dropDiv
{

	display:none;
	position:absolute;
	top:40px;

	z-index:2000;

	border:1px solid #a5a4a4;
	background-color:#f5f5f5;
	margin-left:1px;
	padding:10px;
	*margin-left:0;
	left:-1px;
	*left:0px;
	

}


.dropLi img
{
	margin:0 1px;
}
.dropLi img:hover
{
	margin:0;
	border:1px solid #a5a4a4;
}
.lone img:hover
{
	margin:0;
	border:1px solid #a5a4a4;

}

#content{

	padding:3px 0px 0px 0;
	margin:0 0 0 11px;
	*margin:0 4px 0 0;
	_margin:0 0 0 11px;
	width: 943px;
	
	
}
/*
#mainHome img {
	margin-right:0px;
	padding: 0 0px 0 0;
	}*/
	
#mainHome{ 
	position:absolute;
	z-index:-10000;
	margin:5px 0 0 0;
	
	
	
	}
	
	
/* -----------------------------------*/ 
/* -------->>> tri boxes <<<----------*/
/* -----------------------------------*/
#triBoxes{
	width:960px;
	clear:both;
	}

#flashcontentblogBar{
	padding:5px 0 0 0;}
		

#middleBox{
	width:310px;
	margin:10px 0 0 7px;
	float:left;
	
}
#leftBox{
	width:310px;
	padding:10px 0 0 0;
	float:left;
	
}

#rightBox{
	float:right;
	width:310px;
	padding:10px 7px 0px 0;

}
#rightBoxUK{
	float:right;
	width:310px;
	padding:10px 12px 0px 0;

}
#clash{
	width:300px;
	padding:0 10px 0 0px;
}

#flashDownload{
	text-align:center;
	width: 940px;

}
#noflash p{
	width:920px;
	}