body{
background:#000033; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:100;
font-size:12px;
}

input.text{
border:1px solid #CCCCCC;
color:#000099;
}

input.file{
background-color:#FFFFFF;
border:1px solid #CCCCCC;
color: #000099;
}

select{
font-size:12px;
color:#000099;
border:1px solid #CCCCCC;
}
option{

font-size:12px;
color:#000099;
}

textarea{
color:#000099;
border:1px solid #CCCCCC;
}

table.simple{
border:1px solid #CCCCCC;
}
.simple td {
}
.simple th {
padding-left:5px;
padding-right:5px;
border-right:1px solid #999999;
height:22px;
background:#000066;
color:#FFFFFF;
text-align:center;
font-weight:bold;
}

h1{
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000033;
text-decoration:underline;
}

.hidden{
visibility:hidden;
display:none;
}
.hiddenoff{
visibility:visible;
}
/*
submit buttons, and option selects etc
*/
.submito{
width:111px;
background:url(../images/silverbutton.gif); 
color:#000000;
font-weight:bold;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
cursor:pointer;
height:20px;
padding-bottom:4px;
border:none;
}

.submito:hover{
width:111px;
background:url(../images/silverbutton.gif); 
color: #FF9900;
font-weight:bold;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
cursor:pointer;
height:20px;
padding-bottom:4px;
border:none;
}
.submitorange{
width:111px;
background:url(../images/orangebutton.gif); 
color:#ffffff;
font-weight:bold;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
cursor:pointer;
height:20px;
padding-bottom:4px;
border:none;
}

.submitoorange{
background: url(../images/yellowbuttonsmall.gif);
width:60px;
height:20px;
color:#000000; 
padding-bottom:1px;
font-weight:bold;
font-size:11px;
border:none;
cursor:pointer;
}

.submito2{
width:111px;
background:url(../images/bluebutton.gif); 
color:#FFFFFF; 
font-weight:bold;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
cursor:pointer;
height:20px;
padding-bottom:4px;
border:none;
}

.normbluesubmit{
width:111px;
background:url(../images/buttondarkblue.gif); 
color:#FFFFFF; 
font-weight:bold;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
cursor:pointer;
height:20px;
padding-bottom:4px;
border:none;
}

.smallbluesubmit{
width:60px;
background:url(../images/buttondarkbluesmall.gif); 
color:#FFFFFF; 
font-weight:bold;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
cursor:pointer;
height:20px;
padding-bottom:4px;
border:none;
}


.option{
border:1px solid #000033;
color: #000033;
width:10em;
}

.overlay{
	margin: -14px auto;
	width:1020px;  
}
.topdiv{
color:#000099;
	height:80px; background-color:#1212a2; background:url(../images/rpeater.jpg) repeat-y;width:993px; padding-left:20px;  padding-bottom:20px;
}
.midcontwrap{
margin-top:0px;
padding-left:5px;
padding-right:0px;
}

.middlecontent{
padding-right:3px;
padding-left:7px;
background:url(../images/rpeater.jpg) repeat-y; width:1004px; height:650px;
}

.divright{
width:175px;
padding-top:8px;
padding-left:4px;
}
.divleft{
margin-top:-6px;
padding-left:19px;
width:158px;
padding-bottom:20px;
}

.middiv{
background-color:#FFFFFF;
width:607px;
}

.divcenterhead{
width:530px;
background: url(../images/headerrepeat.jpg) repeat-x;
color:#FFFF00;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
padding:5px 0px 1px 4px;
font-weight:bold;
height:20px;
}
.divcentermain{
padding-left:3px;
background-color:#ffffff;
border:1px solid #CCCCCC;
}

.profcontwrap{
padding-left:24px;
}
.profcontp{
background:url(../images/image.jpg) repeat-x;
height:20px;
width:500px;
color:#000033;
font-weight:bold;
padding:3px 0px 0px 0px;
border:1px solid #CCCCCC;
font-size:12px; text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.profcontp2{
background:url(../images/image.jpg) repeat-x;
height:20px;
width:495px;
color:#000033;
font-weight:bold;
padding:3px 0px 0px 5px;
border:1px solid #CCCCCC;
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.profcontp2big{
background:url(../images/image.jpg) repeat-x;
height:20px;
width:555px;
color:#000033;
font-weight:bold;
padding:3px 0px 0px 5px;
border:1px solid #CCCCCC;
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.profbot{
width:480px;
padding:10px;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
.profbig{
width:540px;
padding:10px;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}




.profheaders{
background:url(../images/image.jpg) repeat-x;
height:20px;
width:500px;
color:#000033;
font-weight:bold;
padding:3px 0px 0px 0px;
border:1px solid #CCCCCC;
border-top:none;
font-size:12px; text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.contentdivtp{
background:url(../images/image.jpg) repeat-x;
height:20px;
width:200px;
color:#000033;
font-weight:bold;
padding:3px 0px 0px 0px;
border:1px solid #CCCCCC;
font-size:12px; text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.contentdivtp2{
background:url(../images/image.jpg) repeat-x;
height:20px;
color:#000033;
font-weight:bold;
border:1px solid #CCCCCC;
font-size:12px; text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.contentdivbt{
width:180px;
padding:10px;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

.contentdivbt2{
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

.smallcontentdivtp{
background:url(../images/image.jpg) repeat-x;
height:20px;
width:150px;
color:#000033;
font-weight:bold;
padding:3px 0px 0px 0px;
border:1px solid #CCCCCC;
font-size:12px; text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.smallcontalt{
background:#000033;
height:20px;
width:250px;
color: #CCCCCC;
font-weight:bold;
padding:3px 0px 0px 0px;
border:1px solid #CCCCCC;
font-size:12px; text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


.smallcontaltbt{
width:230px;
padding:10px;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

.smallcontentdivbt{
width:130px;
padding:10px;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
.errorconsole{
color:#FF0000;
width:170px;
padding:15px;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}


.footer{
color: #000099;
background:url(../images/rpeater.jpg);
width:1010px;
padding-bottom:20px;
}
.footer a{
color:#000099;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.menucont{

padding-left:16px;
padding-right:7px;
}

.searchbartp{
width:161px;
height:40px;
background: url(../images/searchdivtop.jpg);
}
.searchbar{
width:151px;
padding:5px;
font-size:12px; 
font-weight:bold;
color: #CCCCCC;
background: url(../images/bluedivrepeater.jpg) repeat-y;
}
.searchbarbt{
width:161px;
background:url(../images/searchdivbottom.jpg);
height:17px;
}


.smalldiv{
background: url(../images/silverrepeat.jpg);
height:80px;
width:161px;
}
.smalldivtp{
width:161px;
height:30px;
background: url(../images/divdealsheader.jpg);
}
.smalldivbt{
width:161px;
height:9px;
background: url(../images/divdealsbottom.jpg);
}

.adcont{
padding-top:2px;
padding-left:10px;
}
.addiv{
border:1px solid #000033;
width:120px;
height:50px;
background: url(../images/adrepeat.jpg);
}


.navbarage{ 
height:27px;
padding-left:70px;
}
.pnav{
height:20px;
border-left:1px solid #999999;
background-color:#000033;
color:#FFFFFF;
cursor:pointer;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px; font-weight:bold; 
padding-left:10px;
padding-top:5px;
padding-bottom:5px; 
padding-right:10px;
}
.pnav:hover{
cursor:pointer;
background-color: #000099;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px; font-weight:bold; padding-left:10px; padding-top:5px; padding-bottom:5px; padding-right:10px;
} 

.animatedtabs{
overflow: hidden;
width: 100%;
font-size: 14px; /*font of menu text*/
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
font-size:12px;
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../images/menuleft2.gif) no-repeat left top;
margin: 0;
margin-right: 2px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(../images/menuright2.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: white;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -30px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -30px;
color: black;

padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
color:#000000;
background-position: 0% -30px;
top: 0;
}

.animatedtabs a:hover span{
color:#000000;
background-position: 100% -30px;
padding-top:9px;
padding-bottom:4px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}


/* new small div csss
*/
.styledivhead{
font-weight:bold;
text-align:center;
padding:5px;
padding-top:7px;
background:url(../images/header.gif);
width:155px;
height:14px;
color: #000066;
}
.styledivcontent{
border:1px solid #CCCCCC;
background:url(../images/gradient.jpg) repeat-x;
background-position:bottom;
height:208px;
width:163px; 
}

.styledivcontent2{
border:1px solid #CCCCCC;
background:url(../images/gradient.jpg) repeat-x;
background-position:bottom;
width:163px; 
}

.contentholder{
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
background:url(../images/gradient.jpg) repeat-x;
background-position:bottom;
}

.contentheaderbot{
width:5px;
background: url(../images/bluecorner.gif);
padding:3px; 
height:16px;
color:#FFFFFF;
font-weight:bold;
}

.contentheader{
padding-left:20px;
width:130px;
background: url(../images/bluecornerrepeat.gif);
padding:3px; 
height:16px;
color:#FFFFFF;
font-weight:bold;
}

.linksdiv{
padding-left:105px;
margin-top:-5px;
color:#000066;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.basketdiv{
padding-left:20px;
}
.shoppingbasket{
padding-top:4px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
background:url(../images/shoppingtop.png) no-repeat;
width:246px;  
height:18px;
}
.shoppingbasketbot{
width:246px;  
height:33px;
background:url(../images/back.png) no-repeat;
background-position:100% -40px;
}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
margin:0;
padding: 0;
list-style-type: none;
width: 162px; /* Width of Menu Items */
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
color:#FFFF00;
z-index: 100;
position: absolute;
width: 171px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
margin-right:20px;
z-index: 100;
display: block;
overflow: auto; /*force hasLayout in IE7 */
text-decoration: none;
background: #fff;
padding:4px;
border: 1px solid #ccc;
color:#000099;
}

.suckerdiv ul li a {
width: 100%;
} 
.suckerdiv ul li a:visited{
color: #000099;
}

.suckerdiv ul li a:hover{
background: url(../images/gradient.jpg) repeat-x; background-position: 100% -30px;
}

.suckerdiv .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */


/* configure the links accross the whole site unless otherwise specified */
a:link				{ color: #000099; font-family: "verdana"; text-decoration: none; }
a:visited			{ color: #000099; font-family: "verdana"; text-decoration: none; }
a:active			{ color: #000099; font-family: "verdana"; text-decoration: none; }
a:hover				{ color: #000099; font-family: "verdana"; text-decoration: underline; }

table.play td{
border:1px solid #CCCCCC;
}