@charset "utf-8";
/* CSS Document */

*{
	padding:0;
	margin:0;
}

body {font:11px Verdana, Arial, Helvetica, sans-serif;}


#header{
	position:relative;
	width: 920px;
	height:60px;
	padding:8px 0px;
	margin:0 auto;
}

#logo{
	float: left;
	width: 216px;
}

.dr_cartSummarySubtotalLabel, .dr_cartSummarySubtotal, .dr_siteButtons{display:none;}

#top{
	float: right;
	height: 20px;
	border-right: 1px solid #CCCCCC;
	text-align: right;
	margin-right: 15px;
	margin-top: 25px;
	padding-right: 15px;
	vertical-align:middle;
}
#top2{
	float: right;
	height: 20px;
	text-align: right;
	padding:2px 5px 0 0;
	margin-right: 0px;
	margin-top: 25px;
	vertical-align:middle;
}
#top3{
	float: right;
	height: 20px;
	text-align: right;
	margin-top: 25px;
	vertical-align:middle;
}
#topend{
	float: right;
	height: 20px;
	text-align: right;
	padding:2px 0 0 0;
	margin-top: 25px;
	vertical-align:middle;
}

.search{margin:0px;
padding:0px;
	vertical-align:middle;
}
.searchtxt{margin:0px;
padding:0px;
	vertical-align:middle;
}
.searchform{
margin:0px;
padding:0px;
}

#cpcontent{
	position:relative;
	width: 918px;
	border-top:solid #981E32 2px;
	border-right:solid #ccc 1px;
	border-bottom:solid #ccc 1px;
	border-left:solid #ccc 1px;
	background-image:url(../images/content-bg.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-color:#fafafa;
	overflow:hidden;
	margin:0 auto;
	z-index: 1;
} 
#footer {
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align:center;
	color: #666666;
	width: 918px;
	height: 50px;
	margin:0 auto;
}
/* ---------- Menu Style ---------- */
#nav {
	position:relative;
	clear:both;
	position:relative;
	width: 918px;
	height: 54px;
	border-top:solid #ccc 1px;
	border-right:solid #ccc 1px;
	border-bottom:solid #666666 1px;
	border-left:solid #ccc 1px;
	margin:0 auto;
	z-index: 2;
} 

#menu{
position:relative;
width:908px;
height:50px;
margin:4px 5px 0px 5px;
background-image:url(../images/cpmenubg.png);
background-repeat:no-repeat;
background-color:#9db3de;
}

#menu li{
list-style-type: none;
display:inline;
}

#menu li a{
display:block;
width:129px;
height:26px;
float:left;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
line-height:25px;
color:#222;
text-align:center;
text-decoration:none;
outline:none;
cursor: pointer;
cursor: hand;
}

#menu li a:hover{
color:#fff;
outline:none;
}
#menu li a:visited{
outline:none;
}
#menu li a:active{
outline:none;
}
#menu li ul li a{
font:12px Verdana, Arial, Helvetica, sans-serif;line-height:25px;
display:block;
float:left;
text-align:center;
text-decoration:none;
padding:0 0 0 20px;
height:24px;
width:auto;
}
/* selected */
.sub1 #menu li#sub1 a, 
.sub2 #menu li#sub2 a, 
.sub3 #menu li#sub3 a,
.sub4 #menu li#sub4 a,
.sub5 #menu li#sub5 a,
.sub6 #menu li#sub6 a,
.sub7 #menu li#sub7 a{ 
background:url(../images/cpmenuselected.png) no-repeat left bottom;
color:#000;
}
/* level 2 */
#menu li ul{
display: none;
}
.sub1 #menu li#sub1 ul,
.sub2 #menu li#sub2 ul,
.sub3 #menu li#sub3 ul,
.sub4 #menu li#sub4 ul,
.sub5 #menu li#sub5 ul,
.sub6 #menu li#sub6 ul,
.sub7 #menu li#sub7 ul{ 
display: block;
cursor:default;
width:908px;
position:absolute;
top:26px;
left:0;
}
.sub1 #menu li#sub1 ul li a,.sub2 #menu li#sub2 ul li a,.sub3 #menu li#sub3 ul li a,.sub4 #menu li#sub4 ul li a,.sub5 #menu li#sub5 ul li a,.sub6 #menu li#sub6 ul li a,.sub7 #menu li#sub7 ul li a{
background:none;
outline:none;
}
.sub1 #menu li#sub1 ul li a:hover,.sub2 #menu li#sub2 ul li a:hover,.sub3 #menu li#sub3 ul li a:hover,.sub4 #menu li#sub4 ul li a:hover,.sub5 #menu li#sub5 ul li a:hover,.sub6 #menu li#sub6 ul li a:hover,.sub7 #menu li#sub7 ul li a:hover{
color:#fff;
outline:none;
}

.sub1 #menu li#sub1 ul li {position:relative;}
.sub1 #menu li#sub1 ul li ul#sub1_sub {z-index:100; position:absolute; left:-110px; top:24px; display:none;}
.sub1 #menu li#sub1 ul li:hover ul#sub1_sub {display:block; background-color:#688bcc; width:350px;}

/* ---------- Menu End ---------- */



/*  ---------- third level menu  ----------  */

ul.thirdmenu {
list-style-type: none;
}

ul.thirdmenu  li{
display: block;
padding-bottom: 8px;
padding-left: 2px;
}

ul.thirdmenu  li a{


}

/* ------ End third level menu ------ */



/* ------ Breadcrumb ------ */
#bc{
	float:left;
	width: 911px;
	text-align: left;
	color:#333;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px;
	padding: 6px 0px 0px 7px;
}/* ------ End Breadcrumb ------ */


#cpmainhead{
	width: 898px;
	height: 50px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #CCCCCC;
	text-align: right;
	padding-top: 25px;
	padding-right: 20px;
}
.cpmainleft{
	float:left;
	position:relative;
	width:145px;
	padding:5px;
	margin:10px 5px;
	border:solid #999 1px;
/*	background-image:url(http://www.cyberpatrol.com/images/images1109/box2bg.png);*/
	background-color:#f0f4fa;
}

blockquote p{
	padding:5px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/quoteend.png) no-repeat bottom right;
}

blockquote{
	padding:5px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/quotestart.png) no-repeat top left;
}

cite{
    font-size: 11px;
    float: right;    
}

#trial{
	height:161px;
	background:url(../images/TrialChip.png) no-repeat top left;
}
#rsbutton2 {
	display:block;
	width:144px;
	height:99px;
	text-align:right;
	background:url('../images/login.png') no-repeat;

}
.cpmaincontent{
	float:left;
	width:733px;
	height:auto;
	padding:10px 5px;
	margin:10px 0;
	border:solid #999 1px;
	background-color:#fff;
}

#opholder {
	float:left;
	width:633px;
	height:175px;
	background:url('../images/productopbg.png');
	margin-left:50px;
	border-top:solid #999 2px;
	overflow:hidden;
}
.prodholder {
	float:left;
	width:717px;
	height:262px;
	background:url('../images/ProductPagemainbg.jpg');
	margin-left:8px;
	overflow:hidden;
}
.prodholder2 {
	float:left;
	width:358px;
	height:262px;
	background:url('../images/ProductPagemainbg.jpg');
	margin-left:8px;
	overflow:hidden;
}
.prodtop {
	float:left;
	height:17px;
	width:697px;
	padding:5px 0px 0px 20px;
}
.prodmainl {
	float:left;
	width:317px;
	height:215px;
	margin:10px 0 0 0;
	padding:5px 20px 0px 20px;
	border-right:solid 1px #999;
}
.prodmainl2 {
	float:left;
	width:635px;
	height:215px;
	margin:10px 0 0 0;
	padding:5px 20px 0px 20px;
}
.prodmainr {
	float:left;
	width:317px;
	height:215px;
	margin:10px 0 0 0;
	padding:5px 20px 0px 20px;
}
.prodboxes{
	float:left;
	width:100px;
	height:175px;
	padding:10px 5px 0px 0px;
}
.prodboxes2{
	float:left;
	width:130px;
	height:175px;
	padding:10px 5px 0px 0px;
}
.prodinfo{
	float:left;
	width:205px;
	height:175px;
	padding:10px 0px 0px 5px;
}
.prodinfo2{
	float:left;
	width:470px;
	height:175px;
	padding:10px 0px 0px 25px;
}
.prodstart{
	color:#666666;
}
#prodopimg {
	float:left;
	width:185px;
	padding:10px 0px 0px 25px;
}
#prodoptext {
	float:left;
	width:380px;
	padding:10px 0px 0px 25px;
}

#cpholder{
	float:left;
	width:290px;
	height:175px;
	background:url('../images/productpcbg.png');
	margin-left:50px;
	border-top:solid #999 2px;
}

#ssholder {
	float:left;
	width:290px;
	height:175px;
	background:url('../images/productpcbg.png');
	margin-left:51px;
	border-top:solid #999 2px;
}

#prodtext {
	float:left;
	width:198px;
	padding:10px 0px 0px 5px;
}

#prodimg {
	float:left;
	width:80px;
	padding:30px 0px 0px 5px;
}

.opfeature{
	float:left;
	width:315px;
	height:180px;
	padding:10px;
	margin:10px;
}

.opfeature ul{
	padding-left:40px;
}
	

#docs{
	width:210px;
	height:280px;
	padding:10px;
	background:url(../images/docsbg.png) no-repeat top left;
}

hr {
	border: 0;
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	width:100%;
	text-align: left;
	margin:5px 0;
}

a {
	color:#981E32;
	outline:none;
	text-decoration:none;
}
a:visited {
	color:#981E32;
	outline:none;
	text-decoration:none;
}
a:hover {
	color:#333;
	outline:none;
	text-decoration:underline;
}
a:active {
	color:#981E32;
	outline:none;
	text-decoration:none;
}

a.dashed {
	color:#981E32;
	outline:none;
	text-decoration:none;
	border-bottom:dashed 1px;
	padding-bottom:2px;
}
a.dashed:visited {
	color:#981E32;
	outline:none;
	text-decoration:none;
	border-bottom:dashed 1px;
	padding-bottom:2px;
}
a.dashed:hover {
	color:#333;
	outline:none;
	text-decoration:none;
	border-bottom:dashed 1px;
	padding-bottom:2px;
}
a.dashed:active {
	color:#981E32;
	outline:none;
	text-decoration:none;
	border-bottom:dashed 1px;
	padding-bottom:2px;
}

h1{
	color:#222;
	font-size:22px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	padding-bottom:3px;
}

h2{
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#981E32;
	padding-bottom:3px;
}

h3{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	padding-bottom:3px;
	color:#3c64a0;
}

h3 a {color:#3c64a0;}
h3 a:visited {color:#3c64a0;}
h3 a:hover {color:#00000;}


#tip{
background:url(../images/tips2.png) no-repeat top right;
}

#tip h3{
padding:6px 0;
}

#stats{
background:url(../images/stats.png) no-repeat top right;
}

#stats h3{
padding:6px 0;
}

h4{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#000;
}
h5{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#981E32;
}
h6{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#3c64a0;
}
h7{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#981E32;
}
h7{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#333;
}

p{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	padding: 0 0 10px 0;
	color:#333;
}

.indent
   {
   padding-left: 40pt;
   padding-right: 30pt;
}

ul.list{
	list-style-image:url(../images/arw.png);
	list-style-position: outside;
	padding:0 0 5px 15px;
	margin:0 0 5px 10px;
}
ul.list li{
	margin:10px 0 0 0;
	line-height:12px;
}	

ul.list2{
	list-style-image:url(../images/listdot.png);
	list-style-position: outside;
	padding:0 0 5px 15px;
	margin:0 0 5px 10px;
}
ul.list2 li{
	margin:5px 0 0 0;
}	
ol.list{
	list-style-position: outside;
	padding:0 0 5px 15px;
	margin:0 0 5px 15px;
}
ol.list li{
	margin:5px 0 0 0;
}		

.vline{vertical-align:middle;}
.bold{font-weight:bold;}

/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
.TabbedPanels {
	float: left;
	clear: none; 
	width: 100%; /*background-color:#CCCCCC; IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {

}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 15px 6px 15px;
	margin: 0px 2px 0px 0px;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif ;
	background:url(../images/tabbg.png) no-repeat bottom left;
	list-style: none;
	border: solid 1px #666666;
	outline: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	vertical-align:middle;
	color:#666666;
}

.TabbedPanelsTabHover {
	background:url(../images/tabbghvr.png) no-repeat bottom left;
}

.TabbedPanelsTabSelected {
	background:none;
	background-color: #FFF;
	border-bottom: 1px solid #FFF;
	color:#000000;
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	border: solid 1px #666666;
	background-color: #FFF;

}

.TabbedPanelsContent {
	padding: 5px;
	overflow:auto;
}

.TabbedPanelsContentVisible {
}
/* Vertical Tabbed Panels*/

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 150px;
	height: 25px;
	position: relative;
/* 	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;*/
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none; 
}

.VTabbedPanels .TabbedPanelsTabSelected {
/*	background-color: #EEE;*/
	border-bottom: solid 1px #999; 
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
*/
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 550px;
	height:400px;
}

/* END Tabbedpanels */

/* PRODUCT */

#cpdetail {
	display:block;
	background:url('../images/detailbg.png') no-repeat bottom left;
	width:720px;
	height:200px;
	margin:0 0 0 6px;
	float:left;
}

#cpbox{
	display:block;
	vertical-align:middle;
	width:220px;
	height:200px;
	float:left;
}

#cpprodcopyholder{
	display:block;
	width:500px;
	height:200px;
	float:left;
}

#cpprodcopytop{
	display:block;
	width:480px;
	height:35px;
	float:left;
	padding:0 10px 5px 5px;
}

#cpprodcopyleft{
	display:block;
	float:left;
	width:260px;
	height:155px;
	padding:0px 15px 5px 5px;
}

#cpprodcopyright{
	display:block;
	float:left;
	width:210px;
	height:160px;
	padding:0 0 0 10px;	
}
#cpprodcopyrightbts{
	display:block;
	float:left;
	width:220px;
	height:160px;
	padding:0;	
}
	/* - Buy Button - */
a.buy {
    background: transparent url('https://www.cyberpatrol.com/images/Buy_Button_2.gif') no-repeat scroll top right;
    display: block;
    float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
    font-size: 11pt;
    height: 25px;
    margin: 5px 6px 5px 0;
    padding-right: 14px; 
    text-decoration: none;
}

a.buy span {
    background: transparent url('https://www.cyberpatrol.com/images/Buy_Button_1.gif') no-repeat;
    color: #ffffff;
	display: block;
	line-height: 15px;
    padding: 6px 0 4px 40px;
}

a.buy:hover span {
	color: #FFA100;
    padding: 6px 0 4px 40px;
} 
.button1 {
	cursor:pointer;
	width:114px;
	height:22px;
	background:url('../images/buybutton.png') no-repeat center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	border: 0;
	padding-bottom:2px;

}
.button1:hover {
	color:#FFA100;
}
/*.buyform label{font:11px Arial, Helvetica, sans-serif; line-height:14px;}*/


form.nw fieldset {
	border-color: #999999;
	border-width: 1px 0 0 0;
	border-style: solid;
	padding: 5px;
}

form.nw fieldset legend {
	color: #666666;
	font-size:12px;
	margin:10px;
}

form.nw input, select, textarea{
	line-height: 16px;
	margin-top: 5px;
}

form.nw label {
	line-height: 10px;
	width: 225px;
	float: left;
	text-align: right;
	margin: 10px 5px 0 0;
	padding: 0 0 0 0;
}

.fbutton {
	margin-left: 228px;
}






/* SpryValidationSelect */

/* These are the classes applied on the messages */ 
.selectRequiredMsg, .selectInvalidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states (required, invalid).*/
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
	display: inline;
	color: #CC3333;
	/*border: 1px solid #CC3333;*/
}


/* When the widget is in the valid state the SELECT has a green background applied on it. */
.selectValidState select, select.selectValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the SELECT has a red background applied on it. */
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the SELECT has a yellow background applied on it. */
.selectFocusState select, select.selectFocusState {
	background-color: #FFFFCC;
}

/* These are the classes applied on the error messages */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states. */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 0px solid #CC3333;
}

/* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like. */
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}


/* These are the classes applied on the error messages */ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

/* These selectors change the way messages look when the widget is in one of the error states */
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 0px solid #CC3333;
}

 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#B8F5B1;
}

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#FF9F9F;
}

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;
}


.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}


/* accordion panel container */


.Accordion {
	outline: none;
	overflow: hidden;
}


.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

.AccordionPanelTab {
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.AccordionPanelContent {
	overflow: auto;
	margin: 0 0 0 10px;
	padding: 5px;
	height: 400px;
}

.AccordionPanelOpen .AccordionPanelTab {

}

.AccordionPanelTabHover {
	color:#333;
	outline:none;
	text-decoration:underline;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color:#333;
	outline:none;
	text-decoration:underline;
}

.AccordionFocused .AccordionPanelTab {

}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {

}
#trialcopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:left;

	width: 724px;
	background:url('https://www.cyberpatrol.com/images/trialpage09.jpg') no-repeat top center;
	margin:15px 0 0 0;
}

#trialleft {
	display:block;
	float:left;

	width:361px;
	text-align:center;
	padding: 50px 0 0 0;
}
#trialcopy2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:left;
	width: 724px;
	background:url('https://www.cyberpatrol.com/images/trialpage09_2.jpg') no-repeat top center;
	margin:15px 0 0 0;
}

#trialleft2 {
	display:block;
	float:left;
	width:361px;
	padding: 25px 0 0 0;
}
h1.trial{color:#981E32;}

#trialright {
	display:block;	

	text-align:center;	float:left;
	width:361px;
	padding: 30px 0 0 0 ;
}
#threatdetector {
	width: 522px;
	height: 212px;
	text-align:left;
	background-image:url('https://www.cyberpatrol.com/images/tdbg.gif');
	/*background-image:url('../images/tdbg.gif');*/
	background-position:top left;
	background-repeat:no-repeat;
	padding: 76px 0 0 17px;
	margin:auto;
}

div#ap a span {display: none;}

div#ap a:hover span {
display: block;
position: absolute; 
top: 250px; 
left: 0; 
padding: 5px; 
margin: 10px;
border:1px solid #666666;
background-color:#FFFFFF;
z-index: 100;
}
div#pc a span {display: none;}

div#pc a:hover span {
display: block;
position: absolute; 
top: 250px; 
left: 0; 
padding: 5px; 
margin: 10px;
border:1px solid #666666;
background-color:#FFFFFF;
z-index: 100;
}
#rsbutton1 {
	display:block;
	float:left;
	width:164px;
	height:102px;
	text-align:right;
	background:url('../images/signup.png');
	margin:10px 30px 10px 30px;
}
#rsbutton2a {
	display:block;
	float:left;
	width:164px;
	height:102px;
	text-align:right;
	background:url('../images/login2.png') no-repeat;
	margin:10px 30px 10px 30px;
}
#rsbutton3 {
	display:block;
	width:164px;
	height:102px;
	float:left;
	text-align:right;
	background-image:url('../images/shop.png');
	margin:10px 0px 10px 30px;
}
p.rsb {
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin:0;
	padding-top:8px;
}

p.rsbmain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin:0;
	padding:0;
}

.formbutton{
cursor:pointer;
border:outset 1px #ee8c00;
background:#999;
color:#000;
font-weight:bold;
padding: 2px 25px;
background:url('../images/formbg.gif') repeat-x left top;
}