@import "/css/base.css";
@import "/css/forms.css";



body {
	padding:0px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, "Lucida Grande", sans-serif;
	font-size: 16px; /* specify downstream font sizes in em or % */
	background-color:	#8B1444;
}


h2 {
	margin-bottom: 11px;
}

#layout {
	margin:	0 auto;
	position: relative;
	width: 948px;
	/*height: 664px;*/
}

#header {
	height: 134px;	
	width: 948px;
	position: absolute;
	z-index: 1;
	background-color: transparent;
	background-image: url(/img/header_bg.png);
	background-repeat: no-repeat;
}

#nav {
	margin-left: 8px;
	margin-top: 6px;
	position: absolute;
	z-index: 2;
	height: 30px;
	width: 800px;
}

#nav a {
	margin:0px 8px;
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
}

#nav a:hover {
	background-position: bottom left;	
}


#banner {
	height: 369px;	/*inner banner only 286*/
	background-color: #8B1444;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 10px;
}

.homelink {
	position: absolute;
	width: 100px;
	height: 100px;
	z-index: 3;
	left: 820px;	
	display: block;
}

.landing #banner {
	background-image: url(/img/landing_bg.jpg);
}

.content #banner {
	height: 286px;
	background-image: url(/img/sunrise_sunset.jpg);
	
}

.cgt #banner {
	height: 286px;
	background-image: url(/img/sunrise_sunset.jpg);
	margin-bottom: 0px;
}

#contentbox {
	height: 237px;
	width: 631px;
	float: left;
	background-color: #f3f1d5;
	overflow: auto;
}

.landing #contentbox, 
.landing #sidebox,
.landing #content {
	height: 307px;
}

.content #contentbox ,
.content #sidebox,
.content #content {
	height: 390px;
}

.cgt #contentbox ,
.cgt #sidebox,
.cgt #content {
	height: 332px;
}

.landing #sidebox.promise {
	margin-right: 0px;
	margin-left: 10px;
	background-color: 	#f3f1d5;
}

	
	
#sidebox {
	height: 337px;
	width: 306px;
	float: left;
	margin-right: 10px;
	background-color: #aa5477; /*#ae5b7c;*/
	overflow: auto;
}


#footer {
	clear: both;
}

#footer_nav {
	background-color: #f3f1d5;
	height: 16px;
	font-size: 9px;
	#letter-spacing: -1px;
	text-transform: capitalize;
	line-height: 16px;
	color: #8B1444;
}

#footer_nav a {
	color: #8B1444;
	padding: 0px 12px;
}

.spacer1 {
	background-color: #8B1444;
	background-image: url(/img/spacer1_bg.png);
	background-repeat: repeat-x;
	height: 10px;
	_overflow: hidden;
}

.spacer2 {
	background-color: #8B1444;
	background-image: url(/img/spacer2_bg.png);
	background-repeat: repeat-x;
	_overflow: hidden;
	height: 10px;
}


.contentwrap {
	margin: 16px;
}


.story {
	font-size: 11px;
	line-height: 1.6em;
	color: 	#8B1444;
}

.story ul {
	margin: 0px 32px;
}
.story ol {
	margin: 0px 32px;
}



.story h3, 
.story .headline {
	font-size: 140%;
	font-weight: bold;
}

.story a {
	color: #8B1444;
	border-bottom: 1px dotted #8B1444;	
}


.story a:hover,
.story a.plain {
	border-bottom: none;	
}

.newsitem {
	color: #f3f1d5;
	font-size: 75%;
	#font-size: 70%;
	line-height: 1.3em;
}

.newsitem a {
	color: #f3f1d5;
	text-decoration: underline;
	white-space: nowrap;
}


.menutitle {
	padding-bottom: 5px;
	padding-left: 8px;
	border-bottom: 1px solid #f3f1d5;
	margin-bottom: 10px;
}

form.retail_locator,
form.zone_finder {
	color: #f3f1d5;
	padding-left: 8px;
	padding-top:  4px;
}

form.retail_locator label ,
form.zone_finder label {
	color: #f3f1d5;
	display: block;
	font-size: 110%;
	line-height: 24px;	
}

form.retail_locator input,
form.zone_finder input,
form.retail_locator select {
	color: black;
	margin-left: 8px;
	height: 20px;
	width: 170px;
	line-height:20px;
	vertical-align: middle;
	font-size: 14px;
	border: 1px inset #ae5b7c;
	background-color: white;
}

.rollover_button{
	display: block;
	float: left;
}

.menubox {
	color: #f3f1d5;
}

.menubox .story {
	font-size: 12px;
	line-height: 2em;
	color: #f3f1d5;
}

.menubox .story a {
	color: #f3f1d5;
	text-decoration: underline;
}

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

.menuitem,
.menuitem-active,
.menuitem-subactive {
	font-size: 12px;
	line-height: 24px;
}

.menuitem {
	color: #f3f1d5;
	margin: 2px 0px;
}

.menuitem-active,
.menuitem-subactive {
	background-color: #c3859e;
}

.menuitem a ,
.menuitem-active a {
	color: #f3f1d5;
	padding-left: 8px;
	display: block;
	_height: 1px;
}

.menuitem-active,
.menuitem-active a,
.menuitem a:hover {
	color: #8B1444;
	background-color: #c3859e;
}
.menuitem .menu {
	display: none;	
}



.menuitem-subactive .menu {
	display:block;
	padding-left: 24px;
	padding-bottom: 3px;
	background-color: #c3859e;
	margin: 0;
}

.menuitem-subactive a {
	color: #f3f1d5;
	padding-left: 8px;
	display: block;
	_height: 1px;
}

.menuitem-subactive a:hover {
	color: #8B1444;
}

.menuitem-subactive .menu .menuitem ,
.menuitem-subactive .menu .menuitem-active {
	font-size: 10px;
	line-height: 17px;
	margin: 0;
}

.menuitem-subactive .menu .menuitem-active a {
	color: #8B1444;
}


.wholesaler table {
	border: 1px solid  #6f6f6f;
	border-bottom: none;
}

.wholesaler table .rowsep,
.wholesaler table .colsep {
	border-color: #6f6f6f;
}

.wholesaler table th,
.wholesaler table td {
	padding: 6px;
	white-space: nowrap;
}

.wholesaler table th {
	padding-right: 48px;
}

.eps-small {
	background-image: url(/img/icons/eps16.png);
}

.psd-small {
	background-image: url(/img/icons/psd16.png);
}

ul.files {
	width: 290px;
}

ul.files li .size {
	color: #AAAAAA;
	font-style: italic;
}

ul.files li .attributes {
	color: #AAAAAA;
}

ul.files li {
	list-style-type: none;
	padding-left: 21px;
	padding-bottom: 12px;
	background-repeat: no-repeat;
	background-position: left 4px;
	float: left;
	line-height: 1.4em;
	margin-right: 32px;
	white-space: nowrap;
}

.readmore {
	text-transform: uppercase;
}

.article-separator {
	border-bottom: 1px dotted #aa5477; 
	height: 10px; 
	margin-bottom: 20px;
}


#pr-contact-form {
	float:left;
	width: 500px;
	margin-top: 10px;
}

#pr-contact-form .row {
	height: 22px;
	text-align:left;
	padding-left: 0px;
	padding-bottom: 4px;
	_padding-bottom: 0px;
}

#pr-contact-form label {
	font-weight:bold;
	line-height: 22px;
	width: 23%;
	white-space: nobreak;
}

#pr-contact-form .field {
	text-align: left;
	width: 67%;
}

#pr-contact-form label span {
	padding: 0px 2px 0px 2px;
	display: inline-block;
	width: 1.0em;
	text-align: center;
}

#pr-contact-form .required {
	color: #ff0000;
	font-weight:bold;
}

#pr-contact-form input.text,
#pr-contact-form textarea.text {
	background-color: #EED5D5;
	vertical-align: middle;
	text-indent: 4px;
	height: 22px;
	line-height: 22px;
	width: 300px;
	font-size: 14px;
	border: none;
}

#pr-contact-form textarea.text {
	height: 6em;

}

.form-field-error-text {
	color: red;
	font-style: italic;
}

.gc {
	text-transform: uppercase;
	margin-top: 16px;
}

.gc .heading {
	border-bottom: 1px solid #DADADA;
	font-size: 14px;
	font-weight: bold;
}

.gc .dist {
	text-transform: none;
}


.imagegrid {
	width: 265px;
	height: 252px;
	position: relative;
	/*background-color: lime;*/
	overflow: hidden;
 }

.imagegrid-thumb {
	width: 76px;
	height: 76px;
	position: relative;
	float:left;
	margin-bottom: 12px;
	margin-right: 12px;
	background-color: #E7E4C9;
	/*background-color: #BBBBBB;*/
	/*background-color: #DADADA;*/
	vertical-align: middle;
	overflow:hidden;
}

.imagegrid-thumb a {
	display: block;
	border: 2px solid transparent;
	#border-width: 0px;
	width: 72px;
	height: 72px;
	#width: 76px;
	#height: 76px;
	background-position: center center;
	background-repeat: no-repeat;
}

.imagegrid-thumb a:hover,
.imagegrid-thumb a.over {
	border: 2px solid #8B1444;
	#width: 72px;
	#height: 72px;
}

.imageinfo {
	width:300px;
	height:252px;
	margin-left: 32px;
	overflow: hidden;
}

.imageinfo .tabs {
	list-style-type: none;
	border-bottom: 1px solid #aa5477;
	height: 28px;
	margin: 0px;
	float: left;
}

.imageinfo .tabs li {
	float: left;
}

.imageinfo .tabs a {
	text-decoration: none;
	display: block;
	padding: 0px 16px;
	font-weight: bold;
	line-height: 28px;
	border: none;	
}

.imageinfo .tabs a.tab:hover {
	text-decoration: underline;	
}

.imageinfo .active-tab {
	background-color: #aa5477;
	color: #F3F1D5;
}

.imageinfo .tab {
	background-color: #D9BDC8;
	background-image: url(/img/tabbg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.imageinfo .attributes-table td {
	padding: 0px 4px;
}
.imageinfo .attributes-table .altbg td {
	background-color: #E7E4C9;
}

ul.nameindex {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

ul.nameindex li {
	line-height: 25px;
	white-space: nowrap;
}

ul.nameindex li.break {
	margin-bottom: 13px;
}

ul.nameindex a.over {
	text-decoration: underline;	
}

.imagedetail {
	width: 252px;
	height: 252px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #E7E4C9;
	
}

.disabled {
	opacity: 0.5;
	#filter: alpha(opacity=50);
}


.il_download_form input.text {
	width: 256px;
	text-indent: 2px;
	vertical-align: center;
	border: 1px solid #888888;
	margin-left: 1px;
}

.il_download_form textarea.text {
	width: 256px;
	border: 1px solid #888888;
	margin-left: 1px;
	text-indent: 2px;
	vertical-align: center;
}

.downloadframe {
	opacity: 0.0;
	filter: alpha(opacity=0);
	position: absolute;
	top: -10000;
	left:-10000;
}