/* Estilos Base SG Renovado */

body {
	min-width: 740px;
	max-width: 940px;
	margin: auto;
	padding: 10px;
	font-family: "Lucida Grande", Geneva, Veranda, Arial, Helvetica, sans-serif;
	color: #000000;
}
	
a:link { color: #000000; text-decoration: none; }

form {
		margin: 0;
		padding: 0;
}
	
#container {
		max-width: 70em;
		margin: 0 auto;
}
	
.clearing {
	height: 0px;
	clear: both;
	padding: 0px;
	margin: 0px;
	font-size: .1em;
}

.content {
	padding: 10px;
}

.content a {
	color: #666666;
}
	
.pointilles {
	background-image : url('pointilles.gif');
	background-repeat: repeat-x;
	background-position: center;
	height:15px;
}

/* Header / Nav */
#headerShell {
	margin-bottom: 10px;
}

#header1 {
	background: #FFFFFF url("../images/interface/header1-bak.gif") top left repeat-x;
	height: 101px;
	position: relative;
	margin: 0px;
	padding: 0px;
}

.bevel {
	background: #FFFFFF url("../images/interface/bevel-basic.gif") top left repeat-x;
	height: 2px;
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: .1em;
}


#nav1 {
	background: #C8C8C8 url("../images/interface/header2-bak.gif") top left repeat-x;
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
}

#footer1 {
	background: #ECECEC url("../images/interface/footer1-bak.gif") top left repeat-x;
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 0px;
}



#nav1 ul {
	background: transparent;
	width: auto;
	bottom: 0;
	right: 0;
	margin: 0;
	margin-right: 5px;
	padding: 0px;
	list-style: none; 
}

#footer1 ul {
	background: transparent;
	width: auto;
	bottom: 0;
	right: 0;
	margin: 0;
	margin-right: 5px;
	padding: 0px;
	list-style: none; 
}
	

#nav1 li {
	background: transparent;
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
	padding-right: 9px;
	margin: 0 0 0 0;
	border-right-color: #FFFFFF;
	border-right-style: hidden;
	border-right-width: 1px;
	border-left-color: #666666;
	border-left-style: hidden;
	border-left-width: 1px;
}

* html #nav1 li {
	border: 0px solid #FFFFFF;
}

#footer1 li {
	background: transparent;
	float: right;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 9px;
	padding-right: 9px;
	margin: 0px;
	border-right-color: #FFFFFF;
	border-right-style: hidden;
	border-right-width: 1px;
	border-left-color: #666666;
	border-left-style: hidden;
	border-left-width: 1px;
}

* html #footer1 li {
	border: 0px solid #FFFFFF;
}

#nav1 ul a {
	background: transparent;
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 0.7em;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}

#nav1 ul li:hover {
	background: #999999 url("../images/interface/navMarker-T.gif") top left repeat-x;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #666666;
	border-left-style: solid;
	border-left-width: 1px;
}

#nav1 ul li:hover a {
	color: #FFFFFF;
}

#footer1 ul a {
	background: transparent;
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 0.7em;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}

#nav1 a {
	background: transparent;
	text-decoration: none;
	color: #333333;
}

#footer1 a {
	background: transparent;
	text-decoration: none;
	color: #333333;
}

.navActions {
	background: transparent;
	text-decoration: none;
	color: #666666;
	float: left;
	font-size: xx-small;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 9px;
	margin-left: 18px;
}

#footerShell {
	margin-bottom: 10px;
}

#footer2 {
	background: #FFFFFF url("../images/interface/footer2-bak.gif") top left repeat-x;
	height: 37px;
	margin: 0px;
	padding: 0px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
}

.bevelFooter {
	background: #FFFFFF url("../images/interface/bevel-Footer.gif") top left repeat-x;
	height: 2px;
	margin: 0px;
	padding: 0px;
	font-size: 0em;
}

.footerLegal {
	background: transparent;
	text-decoration: none;
	color: #999999;
	float: left;
	font-size: xx-small;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 9px;
	padding-right: 9px;
}

/* Homepage Specific */
#homeMidtierWrapper {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}

.borderLeft {
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
}

.borderLeftWhite {
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
}

.tier2 {
	background: url("../images/interface/tier2Base.jpg") top left repeat-x;
}

.tier2Pages {
	background: url("../images/interface/tier2Base.jpg") top left repeat-x;
}

.tier2Bordered {
	background: url("../images/interface/tier2Base.jpg") top left repeat-x;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
}

.tier2Capsule {
	background: url("../images/interface/tier2Shadow.jpg") top center no-repeat;
	text-align: center;
}

.tier2CapsulePages {
	background: url("../images/interface/tier2Shadow-Pages.jpg") top center no-repeat;
	text-align: center;
}

.tier2Capsule h1 {
	padding-top: 10px;
	font-size: 1.3em;
}
.tier2Capsule p {
	font-size: .75em;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 12px;
}

.tier2Capsule a {
	color: #666666;
	text-decoration: none;
}

.tier2CapsulePages h1 {
	padding-top: 10px;
	font-size: 1.3em;
}
.tier2CapsulePages p {
	font-size: .75em;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 12px;
}

.tier2CapsulePages a {
	color: #666666;
	text-decoration: none;
}


#containerMid2 {
	margin-top: 0px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding: 10px;
}

#homeNews2 {
	width: 65%;
	float: left;
	font-size: .7em;
	margin-bottom: 0;
	padding: 0;
}

.newsHead {
	font-size: 1.8em;
	font-weight: bold;
	color: #666666;
	padding-top: 5px;
	margin-top:0;
}

#homeSpecial2 {
	width: 32%;
	float: right;
	font-size: .7em;
	margin-bottom: 0;
	padding: 0;
}


/* Page-level Styles */

#page {
	padding: 10px 10px 10px 10px;
	font-size: 0.75em;
	margin-right: 250px;
	line-height: 19px;
	color: #000;
	border-left: 10px;
}

#pageDirectory {
	padding: 10px 10px 10px 10px;
	font-size: .75em;
	margin-right: 228px;
	line-height: 19px;
	color: #333333;
}

#pageContainer {
	margin-right: -250px;
	float: left;
	width: 100%
}

#page h1 {
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 1.4em;
	color: #333333;
	margin-top: 36px;
	margin-left: 10px;
	
}

#page a {
	color: #333333;
}

#page p {
	margin-top: 4px;
	margin-left: 10px;
}

.pageHR {
	padding: 0px;
	margin-left: 10px;
	margin-bottom: 18px;
	margin-top: 5px;
	font-size: .1em;
	border-bottom: 1px solid #CCCCCC;
	
}

.faq {
	padding-top: 20px;
}


.pageMain {
	padding: 10px;
	font-size: 0.8em;
	color: #333333;
}

.leadIn {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 25px;
	padding-top: 15px;
	color: #333333;
}

#sidebarShell {
	background: #FFFFFF url("../images/interface/sidebarRule.gif") top right repeat-y;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}

#sidebar {
	float: right;
	width: 240px;
	font-size: .8em;
	padding-bottom: 10px;
}

* html #sidebar {
	width: 239px;
}

#sidebar a:link {
	color: #666666;
}

#sidebar a:visited {
	color: #666666;
}

#sidebar a:active {
	color: #666666;
}

.sidebarHeaderMain {
	/* background-color: #72747D; */
	background: #CCCCCC;
	font-weight: bold;
	font-size: 1.1em;
	padding: 8px;
	margin-bottom: 10px;
	/* color: #FFFFFF; */
}

.sidebarPricing {
	font-size: .8em;
	padding-left: 8px;
	padding-right: 8px;
}

.sidebarPricingForm {
	font-size: 0.8em;
	padding-left: 10px;
	padding-right: 15px;
	text-align: left;
	vertical-align: middle;
	margin-bottom: 0px;
}

.sidebarPricingBundle {
	font-size: 0.8em;
	padding-left: 10px;
	padding-right: 15px;
	margin-bottom: 15px;
	margin-top: 0px;
	text-align: left;
	vertical-align: middle;
}

.sidebarPricingForm h2 {
	font-size: 1.4em;
	padding-top: 15px;
	margin-top: 15px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-align: left;
}

.sidebarPricingBundle h2 {
	font-size: 1.4em;
	padding-top: 9px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-align: left;
}

.sidebarDivider {
	margin: 0;
	padding: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	width: 240px;
	float: right;
}

.sidebarHeader {
	background: #CCCCCC;
	font-weight: bold;
	font-size: .9em;
	padding: 8px;
	margin-bottom: 10px;
}

.sidebarHeaderLight {
	background: #E4E4E4;
	font-weight: bold;
	font-size: .9em;
	padding: 8px;
	margin-bottom: 10px;
	margin-top: 15px;
	margin-left: 1px;
}

.sidebarLarger {
	font-size: .85em;
	padding-left: 8px;
	padding-right: 8px;
}

.sidebarLarger li {
	padding-bottom: 3px;
}

.sidebarLarger h1 {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.sidebarNav {
	font-size: x-small;
	font-weight: bold;
	padding: 8px;
	border-bottom: 1px solid #CCCCCC;
}

.sidebarNav a {
	color: #666666;
	text-decoration: none;
}

.sidebarNavSelected {
	background: #72747D;
	font-size: x-small;
	font-weight: bold;
	padding: 8px;
	border-bottom: 1px solid #CCCCCC;
	color: #FFFFFF;
}

.sidebarNavSelected a {
	color: #FFFFFF;
	text-decoration: none;
}


.QTPreview {
	background: transparent url("../images/interface/QTBackground.jpg") top center no-repeat;
	width: 238px;
	margin-left: 1px;
}

.QTPreviewImage {
	margin-top: 22px;
	margin-left: 19px;
	margin-bottom: 50px;
}

.QTPreviewText {
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 25px;
	font-size: 0.8em;
	text-align: center;
}

.ConnectHeader {
	/* background: #CCCCCC url("../imagenes/interface/ConnectTopper-B.gif") top center no-repeat; */
	background: #FFFFFF url("../images/interface/ConnectTopper-C.jpg") top center no-repeat;
	margin-bottom: 0px;
	margin-left: 1px;
}

.ConnectHeaderBack {
	/* background: #CCCCCC url("../imagenes/interface/ConnectTopper-B.gif") top center no-repeat; */
	background: #FFFFFF url("../images/interface/ConnectPopupBack.jpg") top left repeat-x;
	margin-bottom: 0px;
	border: 1px solid #CCCCCC;
}

.ConnectText {
	padding-top: 140px;
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 20px;
	font-size: 0.9em;
	text-align: center;
	/* color: #333333; */
	font-weight: bold;
}

.calloutShellRight {
	width: 300px;
	float: right;
	margin-left: 25px;
	margin-bottom: 25px;
	margin-top: 5px;
	display: inline;
	padding: 0px;
}


.calloutShellLeft {
	width: 300px;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-top: 15px;
	display: inline;
	padding: 0px;
}

.calloutImageInset {
	padding-top: 3px;
	padding-left: 13px;
}

.calloutTextWhite {
	padding-top: 5px;
	margin-left: 35px;
	margin-right: 35px;
	padding-bottom: 10px;
	font-size: x-small;
	text-align: center;
	line-height: 13px;
	/*  */
	color: #FFFFFF;
}

.calloutTextDark {
	padding-top: 5px;
	margin-left: 35px;
	margin-right: 35px;
	padding-bottom: 10px;
	font-size: x-small;
	text-align: center;
	line-height: 13px;
	/*  */
	color: #333333;
}

.calloutShellMid {
	margin-top: 25px;
	margin-bottom: 25px;
	width: 465px;
}

.calloutShellMidA{
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 0px;
}

.calloutShellMidB {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 98%;
	margin: auto;
	
}

.calloutMidRow {
	width: 460px;
	margin: auto;
}

.calloutMidImage {
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 15px;
	
}

.calloutTextMid{
	margin-left: 35px;
	margin-right: 35px;
	padding-bottom: 10px;
	font-size: x-small;
	text-align: center;
	line-height: 13px;

}

.calloutMid1{
	display: inline;
	margin-top: 16px;
	margin-left: 8px;
}
.calloutMid1b{
	display: inline;
	margin-top: 9px;
	margin-left: 8px;
	margin-bottom: 20px;
}

.calloutMid2{
	display: inline;
	margin-top: 16px;
	margin-left: 10px;
}
.calloutMid2b{
	display: inline;
	margin-top: 9px;
	margin-left: 10px;
	margin-bottom: 20px;
}


/* Global Specific */
.breadcrumbs {
	background: #FFFFFF url("../images/interface/header1-bak.gif") bottom left repeat-x;
	font-size: .6em;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 5px;
}

.breadcrumbs a {
	color: #666666;
	text-decoration: none;
}

.breadcrumbs a:hover {
	color: #666666;
	text-decoration: underline;
}

.themeboxShell{
	left: 0;
	right: 0;
	margin: auto;
	margin-bottom: 40px;
}
.themeboxHeader {
	font-size: 1.3em;
	color: #333333;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 8px;
	text-align: center;
	font-weight: bold;
}
.themeboxText {
	font-size: 0.7em;
	color: #666666;
	margin-left: 18%;
	margin-right: 18%;
	text-align: center;
	font-weight: bold;
	line-height: 14px;
}

.border3 {
	border: 1px solid #333333
}
.border6 {
	border: 1px solid #666666
}
.border9 {
	border: 1px solid #999999
}

/* iDVD Specific Styles */
.iDVDPreviewShuffle {
	background: #E0E0E0 url("../images/elements/dvdRow-Top.gif") top center no-repeat;
	width: 151px;
	font-size: xx-small;
	float: right;
	display: inline;
	margin-left: 25px;
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
}

.iDVDPreviewShuffleL {
	background: #E0E0E0 url("../images/elements/dvdRow-Top.gif") top center no-repeat;
	width: 151px;
	font-size: xx-small;
	float: left;
	display: inline;
	margin-right: 25px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
}

.iDVDShuffleBlock {
	background: #E0E0E0 url("../images/elements/dvdRow-Shadow.gif") top center no-repeat;
	/* height: 99px; */
	width: 151px;
	text-align: center;
	margin-bottom: 5px;
}

.iDVDShuffleBlockImage {
	margin-top: 1px;
	/* margin-left: 17px; */
	margin-bottom: 12px;
}

.iDVDShuffleBottom {
	background: #E0E0E0 url("../images/elements/dvdRow-Bottom.gif") bottom center no-repeat;
	height: 12px;
}



/* iTMS blocks for Quinn's add-ins */
.iTMSBlock1 {
	font-size: .8em;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 5px;
}

.iTMSBlock1 h1 {
	font-size: 1.3em;
	margin-top: 55px;
	margin-bottom: 4px;
	line-height: 12px;
}

.iTMSBlock2 {
	font-size: .8em;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 5px;
	width: 200px;
	margin: auto;
}

.iTMSBlock2 h1 {
	font-size: 1.1em;
	margin-top: 45px;
	margin-bottom: 4px;
	line-height: 12px;
}

.iTMSfooter {
	margin-top: 4px;
	margin-bottom: 15px;
	text-align: right;
}
.tituloCatalogo {
	font-size: 2.8em;
	font-weight: bold;
	color: #666666;
	padding-top: 0px;
	margin-top:0;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #CCCCCC;
	white-space: 0;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-color: #CCCCCC;
	outline-color: #CCCCCC;
}
.contentCatalogo {
	padding: 10px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-color: #CCCCCC;
	outline-color: #CCCCCC;
}
