/** aMember-specific styles here */

* { margin:0; padding:0; }

body          { background:url(http://www.fumettopoli.net/negozio/skin/frontend/default/eversonstore/images/bg2.jpg) repeat-x #fff; font:12px/1.5 Arial, Helvetica, sans-serif; color:#000;}

img           { border:0; vertical-align:top; }

a             {color:#6782EB;}
a:hover       {color:#000}
:focus        { outline: 0; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }

/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
address       { font-style:normal; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before, 
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }

/* properties for all input elements */
input, textarea {
    font-family: Verdana, "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
    font-size: 0.9em;
}
hr { 
    background-color: #4479BE;
    border: 0;
    width: 100%;
    height: 1px;
}
ul, li { list-style: disc; }
.small { font-size: x-small; font-weight: normal; }
.powered, .powered a { font-size: x-small; color: #808080; margin: 0.5em 0em 0.5em 0em; }
strong, .strong { font-weight: bold; }
.text_disabled { color: ButtonFace; } 

/* properties for headers */
h1,h2,h3 {
    color: #707070;
    font-weight: bold;
    margin: 0.8em 0.5em 0.2em 0.2em;
}
h1 { font-size: 140%; }
h2 { font-size: 130%; }
h3 { font-size: 120%; }

/* other elements */
div.centered { text-align: center; }
div.centered table {
    margin: 0 auto; 
    text-align: left;
}
ul,ol { margin-left: 2em;}
.code { font-family: "Courier New", Monospace; font-size: 120%; color: blue; } 

/* vedit - vertical table (signup, profile edit) */
.vedit {
    border: solid 1px #CCCCCC;
}
/* vedit - usual column (right) */
.vedit td {
    text-align: left;
    vertical-align: middle;
    padding: 15px 10px 10px 10px;

    background-color: white;
    border: solid 1px #CCCCCC;
}
/* vedit - header column (left) */
.vedit th {
    padding: 10px 15px 10px 10px;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;

    background-color: #e6e6e6;
    border: solid 1px #CCCCCC;
}
/* vedit - heading row */
.vedit .headrow { font-weight: bold; text-align: center; }


/* hedit - horizontal table (payments list) */
.hedit {
    border: solid 1px #CCCCCC;
}
/* hedit - usual column */
.hedit td {
    padding: 5px;
    background-color: #e6e6e6;
    font-size: 8pt;
    background-color: white;
    border: solid 1px #CCCCCC;
}
/* hedit - header column */
.hedit th {
    padding: 5px;
    font-weight: bold;
    text-align: center;

    background-color: #e6e6e6;
    border: solid 1px #CCCCCC;
}

table.errmsg
{
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 90%;
    background-color: red;
    border: #cc0000 1px solid;
    margin: 5px 0px 5px 0px;
}
table.errmsg td
{
    padding: 5px 50px 5px 5px;
    font-weight: bold;
}
table.errmsg td li
{
    list-style: square;
}

/* Receipt table from thanks.html */
.receipt td {
    background-color: #e6e6e6;
    border: solid 1px #CCCCCC;
    padding: 2px 4px 2px 4px;
}
.receipt th {
    background-color: #C0C0C0;
    border: solid 1px #CCCCCC;
    font-weight: bold;
    padding: 2px 4px 2px 4px;
}
.receipt td.total {
    background-color: #C0C0C0;
    border: solid 1px #CCCCCC;
}
.receipt {
    border-collapse: collapse;
}
/* Newsletters table on member.php */
.newsletters td {
    padding: 5px;
    margin: 5px;
}
.newsletters td.disabled {
    padding: 5px;
    margin: 5px;
    color: #505050;
}

/* Newsletters archive table on member.php */
.newsletters_archive td {
    padding: 2px;
    margin: 0px;
}
/* Error message label on signup page */
label.error {
    padding-left: 3px;
	color: red;
	font-style: italic;
	font-weight: normal;
}
input.error {
    border: 2px solid red;
}

/**
 * You can place your custom CSS statements here
 * it is better to write everything custom here
 * because this file won't be replaced during upgrade
 * Don't forget to rename this file to "site.css"
 */
/*form login*/
fieldset {	
border:1px dashed #CCC;	
padding:10px;	
margin-top:20px;	
margin-bottom:20px;}
legend {	
font-family:Arial, Helvetica, sans-serif;	
font-size: 90%;	
letter-spacing: -1px;	
font-weight: bold;	
line-height: 1.1;	
color:#fff;	
background: #666;	
border: 1px solid #333;	
padding: 2px 6px;}
label.accessol {	
width:140px;	
height:32px;	
margin-top:3px;	
margin-right:2px;	
padding-top:11px;	
padding-left:6px;	
background-color:#CCCCCC;	
float:left;	display: block;	
font-family:Arial, Helvetica, sans-serif;	
font-size: 115%;	
letter-spacing: -1px;	
font-weight: normal;	
line-height: 1.1;	
color:#666;}

label.accessol2 {	
width:85px;	
height:32px;	
margin-top:3px;	
margin-right:2px;	
padding-top:11px;	
padding-left:6px;	
background-color:#CCCCCC;	
float:left;	display: block;	
font-family:Arial, Helvetica, sans-serif;	
font-size: 115%;	
letter-spacing: -1px;	
font-weight: normal;	
line-height: 1.1;	
color:#666;}

.form {	
margin:0;	
padding:0;}
#container {	
width:750px;	
margin:auto;	
padding:10px;}
#top {	
width:680px;	
height:50px;}
#leftSide {	
width:530px;	
padding-top:30px;	
float:left;}

#rightSide {
background-color:#fff;	
width:370px;	
padding:8px;	
margin-top:60px;	
float:right;	
border:1px solid #CCC;	
font:normal 12px Arial;	
color:#666666}

#partesinistra {	
width:470px;	
float:left;
}

#partedestra {	
width:430px;	
float:right;
position:relative;
}

.blocchi_member{
margin-bottom:30px;
}

.clear {	clear:both;}
.holder {	background-color:#fff;}
.div_texbox {	
width:347px;	
float:right;	
background-color:#E6E6E6;	
height:35px;	
margin-top:3px;	
padding-top:5px;	
padding-bottom:3px;	
padding-left:5px;}

.div_checkbox {	
width:100%;	
float:right;	
background-color:#E6E6E6;	
height:35px;	
margin-top:3px;	
padding-top:5px;	
padding-bottom:3px;	
padding-left:5px;}

.textbox {	
background-image: url(http://abbonamento.fumettopoli.net/images/16t.png);	
background-color:#FFFFFF;	
background-repeat: no-repeat;	
background-position:left;	
width:285px;	font:normal 18px Arial;	
color: #999999;	padding:3px 5px 3px 19px;}
.textbox:focus, .textbox:hover {	background-color:#F0FFE6;}
.username {    	
background-image: url(http://abbonamento.fumettopoli.net/images/16m.png);   
background-repeat: no-repeat;    	
background-position:left;    	
background-color:#FFFFFF;	
width:285px;    	
font:normal 18px Arial;    	
color: #999999;    	
padding:3px 5px 3px 19px;}
.username:focus, .username:hover {	background-color:#F0FFE6;}   
.password {    	
background-image: url(http://abbonamento.fumettopoli.net/images/16s.png);    
background-repeat: no-repeat;   
background-position:left;   	
background-color:#FFFFFF;	
width:285px;    	
font:normal 18px Arial;    	
color: #999999;    	
padding:3px 5px 3px 19px;}
.password:focus, .password:hover {	background-color:#F0FFE6;}
.button_div {	
width:287px;	
float:right;	
background-color:#fff;	
border:1px solid #ccc;	
text-align:right;	
height:35px;	
margin-top:3px;	
padding:5px 32px 3px;}
.buttons {	
background: #e3e3db;	
font-size:12px; 	
color: #989070; 	
padding: 6px 14px;	
border-width: 2px;	
border-style: solid;	
border-color: #fff #d8d8d0 #d8d8d0 #fff;	
text-decoration: none;	
text-transform:uppercase;	
font-weight:bold;}
.ordini{
height:520px;width:430px;overflow-y:auto;border:1px dashed #CCC;margin:auto;
}
.internordini{
text-align:left;padding:10px 0px 10px 10px;
}


div#wn	{ 
	display:block;
	height:490px;width:100%;overflow-y:auto;
}
/* stile checkbox*/

.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(http://abbonamento.fumettopoli.net/images/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(http://abbonamento.fumettopoli.net/images/radio.png) no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.gif) no-repeat;
	overflow: hidden;
}

<style type="text/css">
/************************************************/
/******************** Clears ********************/
/************************************************/
.clearer:after,
.header:after,
#nav:after,
.main:after,
.footer:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col4-set:after,
.search-autocomplete li:after,
.block-poll li:after,
.block-related li:after,
.block-related .item:after,
.block .actions:after,
.mini-products-list li:after,
.title-buttons:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.products-list li.item:after,
.product-view .product-img-box .more-views ul:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.opc .step-title:after,
.checkout-progress:after,
.field-100:after,
.group-select li:after,
.form-list li:after,
.buttons-set:after,
.buttons-set2:after,
.page-print .print-head:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }

ul,ol         { list-style:none; }

/* Tools */
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:middle; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }

.wrapper {
}

.page { width:1000px; margin:0 auto 10px auto; position:relative;}
.page-print { background:#fff; padding:20px; text-align:left; }
.page-popup { padding:20px; text-align:left; }
.main { margin:10px 0; }

logo { float:left; width:282px; height:46px; overflow:hidden; } 
.header-container {}
.header { height:90px;}
.header-nav {height:28px;}
.header .logo { margin-left:2px;margin-top: 18px; background-repeat:no-repeat; text-indent:-999em; }
.header .logo a { display:block; width:282px; height:46px; }

/* Footer ================================================================================ */
.footer { border:1px solid #ddd; padding:10px; background:url(http://www.fumettopoli.net/negozio/skin/frontend/default/eversonstore/images/str.png); position:relative;}
.footer a { color:#777; text-decoration:none;padding:3px; }
.footer a:hover { background:#f06f06;color:#fff}
.footer p { text-align:right; font-size:90%}
.footer address { text-align:right; }
.footer ul { float:left; padding:0 20px 0 0; }
/* ======================================================================================= */

/* Class: std - styles for admin-controlled content */
.std,
.std ul,
.std ol,
.std dl,
.std p,
.std address,
.std blockquote { margin:0 0 1em; padding:0; }
.std ul { list-style:disc outside; padding-left:1.5em; }
.std ol { list-style:decimal outside; padding-left:1.5em; }
.std ul ul { list-style-type:circle; }
.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul { margin:.5em 0; }
.std dt { font-weight:bold; }
.std dd { padding:0 0 0 1.5em; }
.std blockquote { font-style:italic; padding:0 0 0 1.5em; }
.std address { font-style:normal; }
.std b,
.std strong { font-weight:bold; }
.std i,
.std em { font-style:italic; }

</style>

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}