/*Style created by Jeremy Moseley (http://etono.com) specifically for gamingmouse.com*/

/*Global Page Styles*/
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .6em;
text-align:left;
/*color: #8f9295;*/
color:#000000;
margin: 0px;
padding: 0px;
background-color:#ffffff;
}

#admintop{
width:100%;
height:95px;
background-color:#ffffff;
text-align:left;
margin:0;
}

#admintop img{
border:0;
}

#temptopcontainer{
width: 100%;
height:105px;
background-color:#ffffff;
text-align:center;
margin: 0;
padding:0;
}
#temptopcontainer img{
border:0;
}
#topcontainer{
width: 100%;
height:96px;
background-color:#ffffff;
text-align:center;
margin: 0;
}
#topcontainer img{
border:0;
}
#sitemap, #sitemap ul{
margin:0;
padding-left:1.5em;
list-style-type:disc;
}
#sitemap li{
list-style-type:disc;
}
#sitemap li li{
list-style-type:square;
}
#sitemap li li li{
list-style-type:circle;
}

#navarea{
margin:0;
padding:0;
width:100%;
height:20px;
background-image:url(../images/navbar/bgblue.gif);
background-repeat:repeat-x;
}
* html #navarea{
margin-top:-2px;
}
#navcontainer{
margin:0 auto;
padding:0;
width:769px;
height:20px;
text-align:center;
}

/*
#navcontainer{
margin:0 auto;
width:768px;
text-align:center;
}
*/

#adminnav, #adminnav ul{
float:left;
width: 100%;
height:40px;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
padding:0;
margin:0;
background-color:#000000;
}

#adminnav li {
float: left;
margin:0;
padding: 0;
width: 120px;
height:40px;
border-right:1px solid #ffffff;
}

#adminnav a {
display: block;
width: 120px;
height:40px;
color: #ffffff;
text-decoration: none;
padding:0;
margin:0;
}

#adminnav a:hover {
display: block;
width:120px;
height:40px;
color: #99CCFF;
text-decoration: none;
padding:0;
margin:0;
}



#nav, #nav ul {
	float:left;
	width: 100%;
	list-style: none;
	font-weight:none;
	font-family:Arial, Helvetica, sans-serif;
	line-height:2em;
	padding: 0;
	margin: 0;
}
#nav a {
display: block;
width: 96px;
height:20px;
color: #000000;
text-decoration: none;
padding:0;
margin:0;
background-image:url(../images/navbar/btnblue.gif);
}

#nav a:hover {
display: block;
width: 96px;
height:20px;
color: #ffffff;
text-decoration: none;
padding:0;
margin:0;
background-image:url(../images/navbar/btnblue.gif);
background-position:center right;
}

/*#nav a {
text-align:center;
	display: block;
	width: 9em;
	w\idth: 5em;
	color: #ffffff;
	text-decoration: none;
	padding:0 .2em;
}*/

#nav a.daddy {
background: url(../images/rightarrow.gif) center right no-repeat;
}

#nav a:hover.daddy{
background: url(../images/rightarrow.gif) center right no-repeat;
}

#nav li {
float: left;
margin:0;
padding: 0;
width: 96px;
height:20px;
}

/*
#nav li {
	float: left;
	padding: 0;
	width: 7em;
	border-right:1px solid #ffffff;
}
*/

#nav li a{
text-align:center;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:18.4em;
	w\idth:17.9em;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
	background-image:url(../images/navbar/bgpurp.gif);
	background-repeat:repeat-y;
	border:3px solid #515150;
}

* html #nav li ul{
  margin-left:-5em;
}

#nav li li {
	padding-right: 1em;
	width:14.3em;
	border-right:0;
	background-image:url(../images/navbar/bgpurp.gif);
	background-repeat:repeat-y;
	background-color:#515150;
}

* html li li{
width:13.5em;
}

#nav li ul a {
	width: 21em;
	w\idth: 17em;
	text-align:left;
	color:#ffffff;
	background-image:url(../images/navbar/bgpurp.gif);
	background-repeat:repeat-y;	
}

#nav li ul a.daddy {
	width: 21em;
	w\idth: 17em;
	text-align:left;
	color:#ffffff;
	background: url(../images/rightarrow.gif) center right no-repeat;
}

#nav li ul a:hover {
	width: 21em;
	w\idth: 17em;
	text-align:left;
	color:#000000;
	background-image:url(../images/navbar/bgpurp.gif);
	background-repeat:repeat-y;
}

#nav li ul a:hover.daddy {
	width: 21em;
	w\idth: 17em;
	text-align:left;
	color:#000000;
	background: url(../images/rightarrow.gif) center right no-repeat;
}

#nav li ul ul {
margin: -2.5em 0 0 17em;
background-image:url(../images/navbar/bgpurp.gif);
background-repeat:repeat-y;
border:3px solid #515150;
}

* html #nav li ul ul{
margin:-2.5em 0 0 10.5em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
background-image:url(../images/navbar/bgpurp.gif);
background-repeat:repeat-y;
}

.firstnav{
border-left: 1px solid #ffffff;
}

.square{
padding:2px;
float:left;
}

.purple{
color:#990099;
font-weight:bold;
text-align:left;
}

.black{
color:#000000;
font-weight:bold;
text-align:left;
}

.maroon{
color:#660033;
font-weight:bold;
text-align:left;
}

.blue{
color:#003399;
font-weight:bold;
text-align:left;
}

.imagesets{
text-align:center;
}
.imagesets ul{
clear:left;
width:398px;
}
.imagesets li{
display:inline;
}
#quickinfo{
text-align:center;
margin:0 0 0 5px;
padding:2px;
float:left;
display:inline;
width:250px;
height:131px;
color:#990099;
background-color:#edefcd;
text-align:left;
}
#quickinfo h4{
margin:0;
padding:0;
font-size:1.1em;
font-weight:bold;
color:#990099;
}

#adminmainbox{
margin:0;
padding:0;

background-color:#ffffff;
border:1px solid #0A296A;
}

#mainbox {
margin: 0 auto;
width: 768px;
padding: 0;
background-color: #fff;
top: -100px;
left:0;
}

#maincontent {
float: left;
display: inline;
margin: 0;
padding: 0;
}

h2{
font-family:Arial, Helvetica, sans-serif;
margin: 1em 0;
padding:0;
color: #0A296A;
font-size: 1.2em;
}

h3{
font-family:Arial, Helvetica, sans-serif;
margin: 1em 0;
padding:0;
color: #0A296A;
font-size: 1.1em;
}

h4{
font-family:Arial, Helvetica, sans-serif;
margin: 1em 0 0 0;
padding:0;
color: #0A296A;
font-size: .9em;
}

p{
margin: 0 0 1em 0;
}

img{
border: 1px solid #0A296A;
}

#footer{
clear: both;
margin: 0;
padding: .5em;
text-align: center;
color: #ffffff;
background-color: #000000;
border-top: 2px solid #90908F;
}

a{
color: #2E62D0;
font-weight: bold;
text-decoration: none;
}

a:hover{
color: #2E62D0;
font-weight: bold;
text-decoration: underline;
}

dl{
margin:5px 0;
padding:5px;
float:left;
width:540px;
}

dt{
clear:both;
float:left;
text-align:right;
width:210px;
height:2.5em;
}

dd{
float:right;
text-align:left;
width:310px;
height:2.5em;
margin: 0;
padding: 0;
}

textarea{
margin:0;
width:300px;
height:7em;
}

input{
width: 220px;
}

dt.ta{
clear:both;
float:left;
text-align:right;
width:210px;
height:8em;
}

dd.ta{
float:right;
text-align:left;
width:310px;
height:8em;
margin: 0;
padding: 0;
}

dl.adminsize{
margin:5px 0;
padding:5px;
float:left;
width:720px;
}

dl.adminsize dd{
float:right;
text-align:left;
width:500px;
height:2em;
margin: 0;
padding: 0;
}

dl.adminsize input{
width:500px;
}

dt.adminta{
clear:both;
float:left;
text-align:right;
width:210px;
height:20em;
}

dd.adminta{
float:right;
text-align:left;
width:500px;
height:20em;
margin: 0;
padding: 0;
}

dd.adminta textarea{
margin:0;
width:500px;
height:19em;
}

#customerstyle{
width:720px;
}
#billingstyle{
float:left;
width:320px;
margin:0;
padding:0;
border-right:1px solid #515150;
}
* html #billingstyle dl{
float:left;
width:320px;
}
#billingstyle dt{
clear:both;
float:left;
text-align:right;
width:90px;
height:3em;
}
#billingstyle dd{
float:left;
text-align:left;
width:220px;
height:3em;
margin: 0;
padding: 0;
}

#shippingstyle{
float:right;
width:375px;
margin:0;
padding:0;
}
#shippingstyle dt{
clear:both;
float:left;
text-align:right;
width:140px;
height:3em;
}
#shippingstyle dd{
float:left;
text-align:left;
width:220px;
height:3em;
margin: 0;
padding: 0;
}
#cardstyle{
}
.button{
width: 10em;
}

.bigbutton{
width: 15em;
}

.smallbutton{
width:6em;
}

ul{
margin:0;
padding:0;
list-style-type:none;
}

ul li{
margin:.5em 0;
padding:0;
}

#view ul{
margin:0;
padding:0;
list-style-type:none;
}

#view ul li{
margin:.5em 0;
padding:0;
border-bottom:1px solid #0A296A
}

.dropcap{
float: left;
width: .7em;
font-size: 4em;
line-height: 83%;
}

.cleaner {
clear:both;
height:1px;
font-size:1px;
border:none;
margin:0; 
padding:0;
background:transparent;
}
.clear {
clear: both;
margin: 0;
padding: 0;
}

#bottomleft{
margin:0;
padding:0;
float:left;
width:161px;
}

#bottomleft img{
border:0;
}

#bottomright{
margin:0;
padding:0;
float:right;
width:550px;
text-align:center;
}

#bottomright p{
}

#topleft{
margin:0;
padding:0;
float:left;
width:164px;
}

#topleft img{
border:0;
}

#topright{
margin:0;
padding:0;
float:right;
width:76px;
}

#topright img{
border:0;
}

#homeimage{
text-align:center;
}

#homeimage img{
border:0;
}

.center{
text-align:center;
}

.bold{

font-weight:bold;
}

.right{
float:right;
margin:0 0 1em 1em;
}

.error{
color:#FF0000;
}
/*End of Global Page Styles*/


/*custom mouse page*/
#custommouse{
text-align:center;
width:760px;
}
#custommouse ul{
margin:0;
padding:0;
list-style-type:none;
clear:left;
}
#custommouse ul li{
margin:0;
padding:.5em;
float:left;
}

/*end of custom mouse page*/

/*weapons display page*/
#weaponsdisplay{
width:760px;
text-align:center;
}
#weaponsdisplay ul{
margin:0;
padding:0;
list-style-type:none;
clear:left;
}
#weaponsdisplay li{
margin:0;
padding:.5em;
float:left;
width:250px;
}

#reg_form dt h3{
clear:both;
float:left;
width:300px;
text-align:center;
height:2em;
margin:2em 0 0 1em;
}

#topportion{
margin: 1em 0;
padding:0;
}

#mainproductimage{
width:700px;
text-align:center;
}

#features{
margin:0;
padding-left:1.2em;
float:right;
text-align:left;
width:320px;
}

#bottomportion{
clear:both;
margin:0;
border-top: 1px solid #0A296A;
}

#bottomportion ul{
list-style-type:disc;
}

#bottomportion li{
margin-left:1em;
list-style-type:disc;
}

#bottomportion h4{
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
color: #0A296A;
font-size: 1.1em;
}

#weaponthumbnail, #weaponthumbnail ul{
margin:1em auto;
width:700px;
list-style-type:none;
clear:left;
}

#weaponthumbnail li{
float:left;
width:120px;
height:120px;
}

#gallerythumbnail, #gallerythumbnail ul{
margin:1em auto;
width:728px;
text-align:center;
list-style-type:none;
clear:left;
}

#gallerythumbnail li{
float:left;
width:80px;
height:80px;
}

#largeviewimage{
clear:both;
margin:2em auto;
width:700px;
text-align:center;
}
#largeviewimage img{
border:0;
}

#editimages, #editimages ul{
margin:2em 0;
text-align:left;
width:700px;
}

#editimages li{
float:left;
width:150px;
text-align:center;
padding:1em;
border:1px solid #0A296A;
}

/*end of weapons display page*/

/*mouse part selection page*/
#thumbs{
width:600;
text-align:center;
}
#thumbs ul{
margin:0;
padding:0;
list-style-type:none;
clear:left;
}
#thumbs ul li{
margin:0;
padding:1em;
float:left;
}
/*end mouse parts selection page*/


/*calendar style*/
#calnav{
margin:0;
padding:0;
}

#calnav ul{
clear:left;
width:350px;
list-style-type:none;
}

#calnav ul li{
margin:0 0 0 1em;
padding:0;
display:inline;
float:left;
width:5em;
}


#calendarDays{
text-align:center;
}

#calendarDays ul{
margin: 0;
padding:0;
clear:left;
list-style-type:none;
}

#calendarDays ul li{
width: 3.5em;
height: 1.2em;
margin: .2em;
padding: 0px;
display: inline;
float: left;
color:#8f9295;
background-color:#ffffff;
}

#calendar{
text-align:right;
}

#calendar ul {
margin: 0px;

padding: 0px;
clear:left;
list-style-type: none;
}

#calendar ul li {
width: 3.5em;
height: 2em;
margin: .2em;
padding: 0px;
display: inline;
float: left;
color:#ffffff;
background-color:#cccccc;
}

#calendar ul li.reserved{
background-color:#945742;
}

#calendar ul li.requested{
background-color:#2e558e;
}

#calendar ul li.holiday{
background-color:#7f8760;
}

#calendarclass{
text-align:right;
}

#calendarclass ul {
margin: 0;
padding: 0;
clear:left;
list-style-type: none;
}

#calendarclass ul li {
width: 10em;
height: 2em;
margin: .2em;
padding: 0px;
display: inline;
float: left;
color:#ffffff;
background-color:#cccccc;
}

#calendarclass ul li.reserved{
background-color:#945742;
}

#calendarclass ul li.requested{
background-color:#2e558e;
}

#calendarclass ul li.holiday{
background-color:#7f8760;
}

#calnav1{
margin:0;
padding:0;
width:720px;
text-align:center;
}

#calendarDays1{
text-align:center;
}

#calendarDays1 ul{
margin: 0;
padding:0;
clear:left;
list-style-type:none;
}

#calendarDays1 ul li{
width: 100px;
height: 1.2em;
margin: .2em;
padding: 0px;
display: inline;
float: left;
color:#8f9295;
background-color:#ffffff;
}

#calendar1{
text-align:right;
}

#calendar1 ul {
margin: 0px;
padding: 0px;
clear:left;
list-style-type: none;
}

#calendar1 ul li {
width: 100px;
height: 100px;
margin: .2em;
padding: 0px;
display: inline;
float: left;
color:#000000;
background-color:#ffffff;
border:1px solid #000000;
}

#calendar1 ul li.event{
background-color:#99CCFF;
}

#calendarclass1{
text-align:right;
}

#calendarclass1 ul {
margin: 0;
padding: 0;
clear:left;
list-style-type: none;
}

#calendarclass1 ul li {
width: 10em;
height: 2em;
margin: .2em;
padding: 0px;
display: inline;
float: left;
color:#ffffff;
background-color:#cccccc;
}

#calendarclass1 ul li.reserved{
background-color:#945742;
}

#calendarclass1 ul li.requested{
background-color:#2e558e;
}

#calendarclass1 ul li.holiday{
background-color:#7f8760;
}
/*end of calendar styles*/

#categorydisplay{
margin:0;
padding:0;
width:760px;
text-align:center;
}
#categorydisplay ul{
clear:left;
}
#categorydisplay li{
float:left;
width:220px;
padding:1em;
}

#basket{
width:736px;
text-align:center;
}
#basket h4{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color: #0A296A;
}
#basket li{
margin:0;
padding:0;
clear:both;
}
#basket li ul{
clear:both;
margin:0;
padding:0;
height:2em;
/*border-top: 1px solid #515150;*/
}
#basket li li{
clear:none;
float:left;
width:10em;
height: 5em;
padding:0;
border-top: 1px solid #515150;
border-right: 1px solid #515150;
}
#basket li li.smallbasketcolumn{
float:left;
width:100px;
}
#basket li li.largebasketcolumn{
float:left;
width:229px;
}
#basket li li.firstbasket{
border-left:1px solid #515150;
}
#basket li li.bottombasket{
border-bottom:1px solid #515150;
}



#totals{
margin:0 auto;
text-align:center;
width:210px;
}
#totals h4{
margin:0;
padding:0;
}
#totals ul{
clear:left;
}
#totals li{
width:100px;
float:left;
text-align:left;
margin:0;
padding:0;
border-top:1px solid #515150;
border-right:1px solid #515150;
}
#totals li.firstbasket{
border-left:1px solid #515150;
}
#totals li.bottombasket{
border-bottom:1px solid #515150;
}


.basketitem ul{
margin:0;
padding:0;
}
.basketitem li{
float:left;
width:720px;
margin:4px 0;
padding:0;
border:1px solid #515150;
}
li.largewidth{
float:left;
width: 200px;
height:20px;
margin:0;
padding:0;
background-color:#CCCCCC;
color:#000000;
border:none;
border-left:1px solid #ffffff;
}
ul.headings{
float:right;
text-align:center;
width:720px;
margin:0;
padding:0;
border:1px solid #515150;
background-color:#cccccc;
}
.headings li{
float:right;
width: 100px;
height:20px;
margin:0;
padding:0;
color:#ffffff;
font-weight:bold;
border:none;
border-left:1px solid #ffffff;
}
ul.itemdata{
clear:right;
float:right;
text-align:center;
width:720px;
margin:.5em 0;
padding:1em 0;
border:1px solid #515150;
}
.itemdata li{
float:left;
width: 100px;
margin:0;
padding:0;
border:0;
}
.itemdata img{
border:0;
}
li.itemdescription{
float:left;
width: 220px;
margin:0;
padding:0;
text-align:left;
border:0;
}
.itemdescription h4{
margin:0;
padding:0;
font-weight:bold;
color:#0A296A;
}


div.couponarea{
clear:right;
float:right;
text-align:center;
width:720px;
margin:.5em 0;
padding:1em 0;
border:1px solid #515150;
}
/*div.couponarea input{
float:left;
width:300px;
}
div.couponarea p{
clear:left;
float:left;
padding-left:1em;
}*/
div.couponarea input.button{
/*float:left;
margin-top:1em;*/
width:80px;
}

div.returncustomer{
clear:right;
float:right;
text-align:center;
width:720px;
margin:.5em 0;
padding:1em 0;
border:1px solid #515150;
}
div.returncustomer input.button{
width:80px;
}

.leftbutton{
float:left;
width:150px;
}
.rightbutton{
float:right;
width:150px;
}
.enablebutton{
width:150px;
}


div.shipcalc{
clear:right;
float:right;
text-align:center;
width:720px;
margin:.5em 0;
padding:.5em 0;
border:1px solid #515150;
}
.miniinput{
width:20px;
}

div.loginbox{
clear:right;
float:right;
text-align:center;
width:720px;
margin:.5em 0;
padding:.5em 0;
border:1px solid #515150;
}

div.billbox{
clear:right;
float:right;
text-align:center;
width:720px;
margin:.5em 0;
padding:.5em 0;
border:1px solid #515150;
}

input.qtyinput{
width:30px;
}
.btnupdate{
background-image:url(../images/btnupdate.gif);
background-repeat:no-repeat;
width:50px;
height:15px;
}
.btnremove{
background-image:url(../images/btnremove.gif);
background-repeat:no-repeat;
width:50px;
height:15px;
}
dt.returncustomer{
clear:both;
float:left;
text-align:right;
width:60px;
height:2em;
}
dd.returncustomer{
float:right;
text-align:left;
width:465px;
height:2em;
margin: 0;
padding: 0;
}



#homecontent {
margin: 0 auto;
padding: 0;
border:0;
width: 770px;
voice-family: "\"}\""; 
voice-family:inherit;
width:768px;
}

#homeleftcontent {
float: left;
display: inline;
margin: 1px 0 0 1px;
padding: 0;
border:0;
width: 400px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 398px;
}
#description_text{
color:#660033;
}
#description_text li{
color:#660033;
margin-left:20px;
list-style-type:disc;
}

#button_grid{
width:380px;
text-align:center;
}
#button_grid ul{
clear:both;
}
#button_grid li{
float:left;
width:90px;
margin:0;
padding:0;
display:inline;
list-style-type:none;
}

#homerightcontent {
float: right;
display: inline;
margin: 1px 1px 0 0;
padding: 0;
border:0;
width: 366px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 364px;
}


#productrightcontent {
float: right;
display: inline;
margin: 1px 1px 0 0;
padding: 0;
border:0;
width: 366px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 364px;
text-align:center;
}
#productrightcontent img{
border:0;
}

#display_feature{
text-align:left;
float:right;
width:350px;
height:200px;
overflow:scroll;
color:#0099cc;
border:1px solid #cccccc;
}
#display_feature ul{
}
#display_feature li{
margin-left:20px;
list-style-type:disc;
}
#display_feature h3{
font-size:1.4em;
font-family:"Times New Roman", Times, serif;
color:#fe3000;
font-weight:bold;
margin:0;
padding:0;
}

#homecompare {
width: 768px;
margin: 20px auto 0 auto;
padding: 0;
clear: both;
text-align:center;
}
#homecompare img{
border:0;
}
#homeleftcontent img{
border:0;
}

#homerightcontent li{
float:right;
width:350px;
height:120px;
overflow:scroll;
color:#0099cc;
border:1px solid #cccccc;
}

#homerightcontent h3{
font-size:1.4em;
font-family:"Times New Roman", Times, serif;
color:#fe3000;
font-weight:bold;
margin:0;
padding:0;
}

#homerightcontent img{
border:0;
}

.ourmouse{
margin-top:0;
margin-bottom:2em;
font-family:"Times New Roman", Times, serif;
font-size:1.1em;
}
.competitors{
margin-top:1em;
margin-bottom:.25em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}

.bullet{
margin-left:1em;
margin-bottom:2em;
list-style-type:disc;
}

#footer_center{
clear:both;
text-align:center;
margin:5px 0;
}

#support_page h3{
color:#0099cc;
font-size:1.2em;
margin:0;
padding:0;
}

#support_page img{
border:0;
}

.same_line{
display:inline;
color:#fe3000;
font-size:1.2em;
text-decoration:underline;
}

.align_right{
float:right;
}