html body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: "Lucida Grande", sans-serif;
	color: #555;
	background-attachment: fixed;
	background-color: #FFFFFF;
	background-image: url(../image/bkgd.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#shell {
width: 990px;
padding: 0;
margin: 0 auto;
height: 100%;
text-align: left; 
}

img {
border: 0;
}

a {
color: #069;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

p {
margin-top: 0;
font-size: 12px;
line-height: 1.7em;
}

b {
}

.alert {
padding: 5px 0;
color: #930;
margin-bottom: 15px;
}

.clear {
display: block;
clear: both; 
height: 1px;
}

.clear2 {
display: block;
clear: both; 
height: 2px;
}

.l {
float: left;
}

.r {
float: right;
}

.m {
	
	color: #555;
}

#wrapper {
	text-align: left;
	background: #fff;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	padding-top: 10px;
}



#leftNav {
float: left;
width: 250px;
padding: 0 25px 0 0;  }

#nav {
background: #f4f4f4;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd; 
padding: 10px 25px;  }


#navTop {
background: url(/image/nav-top.gif);
width: 250px;
height: 6px;
padding-top: 1px;
}

#navBottom {
background: url(/image/nav-bottom.gif);
width: 250px;
height: 6px;
padding-bottom: 1px;
}







#content {
float: left !important;  
width: 580px !important; 
padding: 0; 
border: 0;   
}
div.argomento {
	color: #555;
	background-color: #e8e8e8;
	height: 20px;
	width: 420px;
	padding-left: 20px;
	padding-top: 5px;
	border: 1px;
	border-color: #999999;
	border-style: solid;
	clear: both;
	text-align: center;	/*	background-image: url(../image/curvad.jpg);
	background-repeat: no-repeat;
	background-position: left;
*/
	font-weight: bold;
	font-size: medium;
	font-style: oblique;
}

div.argomentoalto {
	color: #555;
	background-color: #e8e8e8;
	height: 40px;
	width: 420px;
	padding-left: 20px;
	padding-top: 5px;
	border: 1px;
	border-color: #999999;
	border-style: solid;
	clear: both;
	text-align: center;	/*	background-image: url(../image/curvad.jpg);
	background-repeat: no-repeat;
	background-position: left;
*/
	font-weight: bold;
	font-size: medium;
	font-style: oblique;
}




.dotted {
border-top: 1px dotted #ccc;
margin: 45px 0 0 0;
}

#topbar {
	height: 48px;
}

#logo {
float: left; 
padding: 8px 20px;
}

#toplinks {
font-size: 11px;
padding: 17px 10px;
text-align: right; 
color: #887;
}

#toplinks a {
color: #eed;
margin: 0 10px;
}

#toplinks b {
color: #eed;
font-weight: normal;
margin-right: 10px;
}

#top-cap {
	height: 265px;
	margin-top: 4px;
	background-image: url(../image/bkgd-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #FFFFFF;
}

#bottom-cap {
	height: 5px;
	margin-bottom: 1px;
	background-image: url(../image/bkgd-bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
}



h1 {
color: #e70;
margin: 0;
padding: 0;
margin-bottom: 15px;
font-weight: normal;
font-size: 24px;
}

h1 div {
font-size: 12px;
color: #555;
}

h2 {
color: #8a4;
font-family: Arial, sans-serif;
font-size: 18px;
font-weight: normal;
padding: 5px 0;
margin: 15px 0 0 0;
}

h2.B {
padding: 0 0 2px 15px;
margin: 0;
*margin: -20px 0 0 0;
border-bottom: 1px dotted #ccc;
}

h3 {
color: #333;
font-size: 12px;
margin-top: 0;
}

h4 { 
font-size: 12px;
margin: 0;
padding: 3px 0; 
text-transform: uppercase;
}

h5 { 
font-size: 12px;
margin: 0 0 10px 0;
padding: 0; 
text-transform: uppercase;
}

h6  {
color: #999999; 
font-size: 11px; 
padding: 15px 0 0 0;  
margin: 0;  
}

select {
background: #eee;
}

form {
padding: 0;
margin: 0;
font-size: 12px;
}

form input.image { 
background: transparent; 
} 

form input#submit_index { 
position: relative;
top: 11px; 
padding: 0 0 0 8px;
background: transparent; 
} 

form input.text,
form#setup_form input.text {
width: 260px; 
margin: 2px 0;
padding: 2px;
}

form select  {
width: 260px; 
margin: 3px 0 3px 0;
padding: 1px;
}

form textarea,
#spa_code {
width: 98%; 
height: 75px; 
margin: 2px 0;
padding: 2px;
background: #eee; 
} 



#footer {
	text-align: right;
	height: 88px;
	margin-bottom: 10px;
	background-image: url(../image/footer-bkgd.gif);
	background-repeat: no-repeat;
}

#footlinks {
	font-size: 10px;
	padding: 5px 20px;
	/*color: #887; */
	color: #fff;
	text-align: center;
}

#footlinks a {
color: #eed;
margin: 0 10px;
}

.line2 {
border-top: 1px solid #d2d7c6;
margin: 20px 0;
}

.lineGreen {
border: 0;
border-top: 1px solid #6a9f2b;
color: #6a9f2b;
height: 1px;
padding: 0; 
margin: 0;
}

.orng {
color: #ff9900; 
font-size: 14px; 
font-weight: bold; 
margin: 0;
padding: 0 10px 0 0;
}

.or {
color: #ff9900;
font-size: 14px; 
padding: 0 3px 0 0; 
margin: 0;
}

.backtop {
padding: 30px 0 30px 0;
margin: 0;
}

.QA {
font-size: 14px !important;
font-weight: bold !important;
}

#swatches {
height: 45px;
}

a.swatch:hover {
border: 1px solid #f60;
}

.swatch-div {
float: left;
padding: 8px;
}

.selected {
background: #eee;
}

.swatch {
float: left;
width: 20px;
height: 30px;
}

.swatch-sep {
float: left;
margin: 7px;
margin-bottom: 15px;
width: 1px;
height: 32px;
border-left: 1px dotted #bba;
}

.color1 {
background: #eee;
border: 1px solid #888;
}

.color2 {
background: #def;
border: 1px solid #578;
}

.color3 {
background: #deb;
border: 1px solid #684;
}

.color4 {
background: #e4dbd0;
border: 1px solid #876;
}

.color5 {
background: #fea;
border: 1px solid #b50;
}

.color6 {
background: #fde;
border: 1px solid #967;
}

.color7 {
background: #dde;
border: 1px solid #668;
}

.color8 {
background: #444;
border: 1px solid #222;
}

#steps {
text-align: right;
}

.step-btn {
border: 0;
margin: 2px;
}

#Menu-Url {
position: absolute; 
visibility: hidden; 
top: 230px !important; 
_top: 250px !important; 
left: 27% !important; 
width: 200px; 
color: #000000;
text-align: left;
background: #ffffff;
padding: 10px;
border: 1px solid #000000; 
z-index: 11;
}

/* DOWNLOAD PAGE STYLES */

.download {
position: relative;
height: 170px;
margin-top: 10px;
margin-bottom: 20px;
padding: 5px;
background: url(/image/download-bkgd.gif) repeat-x bottom right;
}

ul.orangeBullet {
	margin: 0;
	padding: 0 10px;
	list-style-image: url(../image/bullet-orange.gif);
}
li.orangeBullet {
	margin: 0;
	list-style-image: url(../image/bullet-orange.gif);
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ul.orangeBulletHalf {
width: 250px;
position: relative; 
top: -6px;
left: 195px;
margin: 0;
padding: 0 10px;
}

ul.orangeBulletHalf2 {
width: 200px;
position: relative; 
top: -6px;
left: 195px;
margin: 0;
padding: 0 10px;
}

ul.orangeBullet li,
ul.orangeBulletHalf li,
ul.orangeBulletHalf2 li {
list-style: none;
background: url(/image/bullet-orange.gif) no-repeat; 
padding: 0px 10px;
}

.fullScreen {
position: absolute; 
top: 86px; 
left: 10px; 
z-index: 1;
}

.fullDownload {
position: absolute; 
top: 116px; 
right: 12px; 
z-index: 1;
}

.halfScreen {
position: absolute; 
top: 36px;
left: 10px;
}

.halfDownload {
position: absolute; 
top: 116px; 
right: 10px; 
}

.crnrL {
position: absolute; 
bottom: 0; 
left: 0; 
z-index: 1;
}

.crnrR {
position: absolute; 
bottom: 0; 
right: 0; 
z-index: 1;
}

/* FEEDBACK */

#rating {
width: auto;
height: 40px; 
margin: 14px 0 20px 0;
padding: 0;
}



#popfooter {
clear: both; 
margin: 15px 0;
text-align: right;
}

input.b { 
width: 230px;
height: 22px;
background: #eee;
color: #333; 
padding: 0 2px 0 5px; 
margin: 0 0 3px 0;
}

.badges {
width: 530px;
border-top: 1px dotted #ccc;
margin-top: 20px; 
}

.badges td  {
padding-top: 10px;
}

.badges textarea {
height: 80px;
width: 330px !important;
font-size: 11px;
color: #555; 
}

td {
vertical-align: top;
}

.col1 {
text-align: center;
color: #777;
line-height: 2em;
}

table#shot-ref  {
border-collapse: collapse;
border: 1px solid #ccc; 
}

table#shot-ref td  {
border: 1px solid #ccc; 
}

#sidebar h2 { 
font-size: 14px;
letter-spacing: 1px;
font-weight: normal;
text-transform: uppercase;
border-bottom: 1px dotted #ccc; 
margin-bottom: 10px !important; 
}

.sidebar-module {
border: 1px solid #ccc;
padding: 10px 10px 5px 10px;
margin-bottom: 10px;
font-size: 12px;
line-height: 16px;
}

.sidebar-logo {
margin: 10px 10px 4px 10px;
text-align: center;
}



table#people td {
font-size: 11px !important;
}

table#people img {
border:1px solid #ccc;
}

table#careers {
width: 640px;  }

table#careers td {
padding: 2px 2px 2px 4px;
}

table#careers td h6 {
font-size: 12px; 
color: #ffffff; 
padding:0; 
margin: 0;
}

table#careers td a, 
table#careers td a:visited {
text-decoration: none;
border-bottom: 1px dotted #999999 !important;
}

table#careers td a:hover, 
table#careers td a:active {
border-bottom: none; 
padding-bottom: 1px;
}

td.right_column {
border-left: 1px solid #ccc;
vertical-align: top;
padding: 0 0 0 20px;
}



.l-column {
color: #555;
width: 430px;
float: left;
}

.r-column {
color: #555;
width: 430px;
float: right;
margin-right: 10px;
}

h2.shotsmenu {
color: #000;
font-size: 18px;
font-weight: normal;
margin-top: 0;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #ccc;
}

#sidebar {
float: right;
position: relative; /* peekaboo bug fix for IE6 */
color: #555;
width: 200px; 
}

#sidebar_archives {
float: right;
font-size: 14px;
color: #555;
width: 210px; 
padding: 7px 0 0 0;
}

#sidebar-module {
float: right;
position: relative; /* peekaboo bug fix for IE6 */
color: #555;
width: 200px; 
}

#sidebar h2 { 
font-size: 14px;
letter-spacing: 1px;
margin: 0;
font-weight: normal;
text-transform: uppercase;
}

.sidebar-module {
border: 1px solid #ccc;
padding: 10px 10px 5px 10px;
margin-bottom: 10px;
font-size: 12px;
line-height: 16px;
}

#sidebar .dotted {
border-bottom: 1px dotted #ccc;
margin: 10px 0;
}

.sidebar-logo {
margin: 10px 10px 4px 10px;
text-align: center; 
}

/* //// Shot Central //// */

#shotsContent {
position: relative; 
font-size: 11px;
background: #ffffff; 
border: 1px solid #81847b; 
margin: 0;
padding: 30px;
}

.logo {
float: left;
padding: 0 20px 10px 0;
}

#maintxt { 
margin-left: 10px;
padding: 10px 0;
color: #000;
font-size: 16px;
line-height: 20px;
}

#maintxt h3 { 
margin-top: 20px;
color: #555;
font-weight: normal;
text-transform: uppercase;
}



#start-btn {
text-align: center;
padding: 10px 0 0 0; 
}

#start-btn a {
font-size: 12px;
text-decoration: none;
margin: 5px 0;
}

#start-btn a:hover {
text-decoration: underline;
}

#start-btn img {
border: 0;
margin: 5px 0 10px 0;
}

.demo {
float: left;
margin-right: 10px;
margin-bottom: 30px;
}

.shot-module {
clear: left; 
}

.shot-info {
font-size: 11px !important;
line-height: 16px !important;
}

.shot-info p {
margin-top:0;
}

#web2links  {
margin-top: 0;
float: right;
}

#web2links img {
margin: 5px;
}

#form {
clear: both;
font-size: 16px;
}

input.text {
background: #eee;
color: #333;
font-size: 14px;
height: 25px;
padding-left: 5px;
width: 250px;
}

input.captcha {
background: #eee;
color: #333;
font-size: 14px;
height: 35px;
padding-left: 5px;
margin-left: 10px;
width: 150px;
}

.capt {
border: 1px solid #ccc;
}

.sidebar2 {
margin: 10px 0 0 0 !important;
text-align: center;
}



#tabs {
height: 30px;
padding-left: 10px;
font-size: 12px;
text-transform: uppercase;
background: url(/image/tab-bkgd.gif);
}

#tabs a {
color: #555;
display: block;
float: left;
padding: 7px 25px;
border-right: 1px solid #bbb;
text-decoration: none;
}

#tabs a:hover {
background: url(/image/tab-bkgd-on.gif);
color: #333;
}

#dim {
color: #aaa;
display: block;
float: left;
padding: 8px 10px;
border-right: 1px solid #aaa;
}

.tab-on {
background: url(/image/tab-bkgd-on.gif);
}

#t1c, #t2c, #t3c, #t4c, #t5c, #t6c {
padding: 30px 10px;
background: url(/image/grey-fade.gif) repeat-x;
}

#t1cB {
padding: 30px 10px;
background: url(/image/grey-fade.gif) repeat-x;
border-top: 1px dotted #ccc;
}

#t1c p, #t2c p, #t3c p, #t4c p, #t5c p, #t6c p {
font-size: 12px;
line-height: 20px;
}

#intro {
position: relative;
float: left;
}

.intro {
font-size: 1.5em;
line-height: 1.2em;
color: #000;
margin: 0;
}

.example {
margin: 15px;
padding: 15px;
background: #eee;
border: 1px solid #ddd;
}

#demoMenu {
margin-bottom: 10px;
}

#demoMenu td {
font-size: 11px;
line-height: 16px;
width: 50%; 
border-bottom: 1px dotted #ccc;
padding: 5px;
padding-top: 15px;
}



#demoMenu h3 {
color: #000;
}

#demoMenu p {
font-size: 11px;
line-height: 16px;
margin-top: 8px;
}

.smlist {
list-style: none;
margin:0;padding:0;
margin-left: 10px;
}



.best {
width: 670px;
margin-top: 15px;
border-top: 1px dotted #ccc;
}

#promo {
width: 185px;
height: 200px;
padding: 3px 5px 20px 10px;
*padding-top: 12px; 
margin: 10px 0;
background: url(/image/bkgd-promo2.gif) no-repeat;
font-size: 11px;
line-height: 15px;
color: #555;
}

#faq-list {
	font-size: 12px;
	width: 650px;
}

#faq-list2 {
font-size: 12px;

}



#faq-list h2 {
margin-top: 20px;
}



#faq-list p {
margin: 5px 0;
}

#faq-list a {
cursor: pointer;
}

code {
color: #333;
background: #ffd;
margin: 10px 0;
padding: 3px 0;
clear: left;
line-height: 1.5em;
}

#iconImage {
float: left; 
width: 75px;
}

#Headers {
float: left;  
width: 300px;
}

#tagline {
color: #999999; 
margin: 0; 
text-transform: uppercase;
}

#tagLine2 {
font-size: 11px; 
color: #999999; 
margin: 2px 0 0 0; 
}


#creativeLicense {
 padding: 10px 0 0 0;
 margin: 0 0 0 -15px; 
 border-top: 1px dotted #ccc; 
}
.mattone {
	color: #CC0000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #339900;
	border-right-color: #339900;
	border-bottom-color: #339900;
	border-left-color: #339900;	
}

div#navigation { 
float: left;
width: 250px;

}
div#extra {
float: right; 
width: 250px;
}
div#content {
float: right; 
padding: 1em 10px;
}

div#container{/*nessuna regola necessaria*/}
.bordatura {
	padding: 10px;
}
.bianca {
	font-size: 14px;
	color: #555;
	background-color: #ECFEE9;
	border-width: 2px;
	border-style: solid;
	padding: 4px;
	margin: 4px;
}
.sinistra {
	float: left;
	}
.pagedivider {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 508px; PADDING-RIGHT: 0px;  HEIGHT: 0px; CLEAR: both; PADDING-TOP: 0px
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-bottom: 25px;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #eaf5e8; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
	display: block;
	width: 85px;
	border: 1px solid black;
	border-left-width: 0;
	text-decoration: none;
	color: navy;
	padding-top: 1px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
}

/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
height: 20px;

}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #eaf5e8 url(../image/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #eaf5e8 url(../image/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}

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