@charset "UTF-8";
/* 
Title:     Other Images - products.css
Author:    Darrin Waterbury, darrin@darrinscottstudios.com
*/
* {
	margin:0;
	padding: 0;
}

/* Film styles
============================================================================================== */
#Film #titleBox {
	background-color: #BC1A8C;
}
#filmSamples {
	float: left;
	margin-top: 10px;
	width: 976px;
}
#DPSample{
	float: left;
	width: 485px;
	}
#RFSample {
	float: right;
	width: 485px;
}
#container {
	float: left;
	padding: 6px;
	width: 962px;
	border: 1px solid #c2c5c7;
	border-top: none;
	background: #FFF;
}
/* DP styles
============================================================================================== */
#DP {
	float: left;
	margin: 0;
	padding: 0;
	width: 478px;
	background: #F0F0F0;
}
#DP h1 {
	margin: 0;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #FFF;
	background-color: #BC1A8C;
}
#DP h3 {
	margin: 0;
	padding: 8px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #BC1A8C;
}
#DP h4 {
	margin: 0 0 0 1.5em;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #BC1A8C;
}
#DPContentLeftCol {
	float: left;
	margin: 0;
	padding: 0 0 10px 8px;
	width: 140px;
}
#DPContentRightCol {
	float: left;
	margin: 0;
	padding: 0 0 8px 8px;
	width: 307px !important;
	width: 295px;
	border-left: 1px solid #bcbcbc;
}
#DP ul {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
}
#DP li {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.4em;
	font-size: 11px;
}
/* RF styles
============================================================================================== */
#RF {
	float: right;
	margin: 0;
	padding: 0;
	width: 478px;
	background: #F0F0F0;
}
#RF h1 {
	margin: 0;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #FFF;
	background-color: #F26522;
}
#RF h3 {
	margin: 0;
	padding: 8px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #F26522;
}
#RF h4 {
	margin: 0 0 0 1.5em;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #F26522;
}
#RFContentLeftCol {
	float: left;
	margin: 0;
	padding: 0 0 10px 8px;
	width: 140px;
}
#RFContentRightCol {
	float: left;
	margin: 0;
	padding: 0 0 8px 8px;
	width: 307px !important;
	width: 295px;
	border-left: 1px solid #bcbcbc;
}
#RF ul {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
}
#RF li {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.4em;
	font-size: 11px;
}
.selectAll {
	padding: 6px 0;
	background: #dcdcdc;
}
.btnRow {
	float: left;
	margin: 0 6px;
	padding: 10px 0;
	width: 466px;
	text-align: center;
	border-top: 1px solid #bcbcbc;
	display: inline; /* needed to prevent double margin in IE6 */
}

/* Flash styles
============================================================================================== */
#Flash #swfPreviewContainer {
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	width: 976px;
	height: 240px;
	background: #f0f0f0 url(../images/swfPreviewTextLeftCorner.gif) no-repeat top left;
}
#swfPreviewText {
	float: left;
	margin: 0;
	padding: 0 20px;
	width: 280px;
}
#swfPreviewText #arrow {
	margin: 0;
	padding: 5px 0;
	border: none;
}
#swfPreviewText div {
	margin: 0;
	padding: 1em 0 0 0;
	border-top: 1px dotted #3c3c3c;
	/*border-bottom: 1px dotted #3c3c3c;*/
}
#swfPreviewText h1 {
	margin: 0;
	padding: 35px 0 10px 0;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 24pt;
	color: #3c3c3c;
	letter-spacing: -0.75px;
}
#swfPreviewText p {
	margin: 0;
	padding:  0 0 1em 0;
}
#swfSamples {
	float: right;
	width: 652px;
}

#Flash #titleBox {
	background-color: #652D90;
}
#container {
	clear: left;
	float: left;
	padding: 6px;
	width: 962px;
	border: 1px solid #c2c5c7;
	border-top: none;
	background: #FFF;
}
#container h3 {
	margin: 0;
	padding: 10px 10px 5px 10px;
	font-size: 100%;
}
#innerContainer {
	float: left;
	background-color: #f0f0f0;
}
#primaryContent {
	float: left;
	margin: 0;
	padding: 10px;
	width: 736px;
	font-size: 95%;
}
#primaryContent p {
	margin: 0;
	padding: 0 0 1em 0;
	font-size: 95%;
}
#primaryContent #leftCol {
	float: left;
	width: 350px;
}
#primaryContent #rightCol {
	float: right;
	width: 350px;
}
#primaryContent h4 {
	margin: 0;
	padding: 0;
	font-size: 95%;
}
#categories {
	float: right;
	width: 200px;
	border-left: 5px solid #fff;
}
#categories ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Art Styles
============================================================================================== */
#Art #titleBox {
	background-color: #0086AC;
}
#Art #container {
	float: left;
	padding: 6px;
	width: 962px;
	border: 1px solid #c2c5c7;
	border-top: none;
	background: #FFF;
}
#galleries {
	float: left;
	width: 962px;
	/*width: 672px;*/
}
#galleriesNav {
	font-size: 85%;
	margin: 0;
	padding: 7px 10px;
	text-align: left;
	background-color: #cecece;
	border-bottom: 1px solid #999;
}
.leftColumn {
	float: left;
	margin: 0;
	padding: 27px;
	width: 265px;
	height: 250px;
}
.middleColumn {
	float: left;
	margin: 0;
	padding: 27px;
	width: 263px;
	height: 250px;
	border-left: 1px solid #c2c5c7;
	border-right: 1px solid #c2c5c7;
}
.rightColumn {
	float: left;
	margin: 0;
	padding: 27px;
	width: 265px;
	height: 250px;
}
#galleries  h4 {
	margin: 0;
	padding: .5em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #0086AC;
}
#galleries p {
	margin: 0;
	padding: 0;
	font-size: 85%;
	line-height: 1.3em;
	text-align: justify;
}
/*#Art #categories {
	float: right;
	width: 285px;
	background: #dcdcdc;
	border-left: 5px solid #fff;
	border-right: none;
}
#Art #categories .gutter {
	float: left;
	padding: 12px;
}
#Art #container h1 {
	margin: 0;
	padding: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #0086AC;
}
#Art #categories ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 130px;
	list-style: none;
	font-size: 90%;
}
#Art #categories li {
	list-style: none;
	font-size: 90%;
	line-height: 1.7em;
}*/

/* Art - Sliding Panels Styles
============================================================================================== */
#Art .SlidingPanels {
	position: relative;
	width: 962px;
	/*width: 672px;*/
	height: 350px;
	padding: 0px;
	border: none;
	float: left;
}
#Art .SlidingPanelsContentGroup {
	position: relative;
	margin: 0px;
	padding: 0px;
	min-height:0;
	border: none;
	width: 1000em;
	float: left;
}
#Art .SlidingPanelsContent {
	width: 962px;
	/*width: 672px;*/
	height: 350px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
	background-color: #f0f0f0;
}

#Art .SlidingPanelsAnimating * {
	overflow: hidden !important;
}

/* The class used in this selector is programatically added to the SlindingPanelsContent
 * container that is currently visible in the view port. The class is automatically removed
 * when the widget switches to a different panel.
 */
#Art .SlidingPanelsCurrentPanel {
}

/* The class used in this selector is programatically added to the SlidingPanels container
 * anytime the SlidingPanels container is given focus. The class is automatically removed
 * once the SlidingPanels container loses focus.
 */
#Art .SlidingPanelsFocused {
}

/* Subscriptions Styles
============================================================================================== */
#Subscriptions #titleBox {
	background-color: #669;
}
#Subscriptions #titleBox h1 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 145%;
	color: #fff;
}
#Subscriptions #titleBox h2 {
	margin: 0;
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #fff;
}
#Subscriptions #innerContainer {
	float: left;
	margin: 0;
	padding: 8px;
	background-color: #f0f0f0;
}
#subscriptionsNav {
	list-style: none;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 10px 0 0;
	padding: 0;
	width: 210px;
	border-right: 1px solid #c2c5c7;
	
}
#subscriptionsNav li {
	margin: 0;
	padding: 0;
	list-style:none;
}
#subscriptionsNav li.sub1, #subscriptionsNav li.sub2, #subscriptionsNav li.sub3, #subscriptionsNav li.sub4, #subscriptionsNav li.sub5, #subscriptionsNav li.sub6, #subscriptionsNav li.sub7, #subscriptionsNav li.sub8, #subscriptionsNav li.sub9, #subscriptionsNav li.sub10, #subscriptionsNav li.sub11, #subscriptionsNav li.sub12, #subscriptionsNav li.sub13, #subscriptionsNav li.sub14 {
	background-repeat: repeat-x;
	background-position: top left;
}
#subscriptionsNav a {
	padding: 10px 0px 10px 30px;
	margin: 0;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #669;
}
#subscriptionsNav li.sub1 a {
	width: 190px;
	background: url(../images/sus/is1.jpg) no-repeat center left;
}
#subscriptionsNav li.sub2 a {
	width: 190px;
	background: url(../images/sus/is2.jpg) no-repeat center left;
}
#subscriptionsNav li.sub3 a {
	width: 190px;
	background: url(../images/sus/is3.jpg) no-repeat center left;
}
#subscriptionsNav li.sub4 a {
	width: 190px;
	background: url(../images/sus/is4.jpg) no-repeat center left;
}
#subscriptionsNav li.sub5 a {
	width: 190px;
	background: url(../images/sus/is5.jpg) no-repeat center left;
}
#subscriptionsNav li.sub6 a {
	width: 190px;
	background: url(../images/sus/is6.jpg) no-repeat center left;
}
#subscriptionsNav li.sub7 a {
	width: 190px;
	background: url(../images/icon-Liquid.jpg) no-repeat center left;
}
#subscriptionsNav li.sub8 a {
	width: 190px;
	background: url(../images/icon-Panther.jpg) no-repeat center left;
}
#subscriptionsNav li.sub9 a {
	width: 190px;
	background: url(../images/icon-Photostogo.jpg) no-repeat center left;
}
#subscriptionsNav li.sub10 a {
	width: 190px;
	background: url(../images/icon-Photos.jpg) no-repeat center left;
}
#subscriptionsNav li.sub11 a {
	width: 190px;
	background: url(../images/icon-Photospin.jpg) no-repeat center left;
}
#subscriptionsNav li.sub12 a {
	width: 190px;
	background: url(../images/icon-PhotoObjects.jpg) no-repeat center left;
}
#subscriptionsNav li.sub13 a {
	width: 190px;
	background: url(../images/icon-Phovoir.jpg) no-repeat center left;
}
#subscriptionsNav li.sub14 a {
	width: 190px;

	background: url(../images/icon-Purestockx.jpg) no-repeat center left;
}





#subscriptionsNav li.sub1 a:hover, #subscriptionsNav li.sub1 a:active {
	text-decoration: none;
	color: #333;
}
#subscriptionsNav li.sub2 a:hover, #subscriptionsNav li.sub2 a:active {
	text-decoration: none;
	color: #333;
}
#subscriptionsNav li.sub3 a:hover, #subscriptionsNav li.sub3 a:active {
	text-decoration: none;
	color: #333;
}
#subscriptionsNav li.sub4 a:hover, #subscriptionsNav li.sub4 a:active {
	text-decoration: none;
	color: #333;
}
#subscriptionsNav li.sub5 a:hover, #subscriptionsNav li.sub5 a:active {
	text-decoration: none;
	color: #333;
}
#subscriptionsNav li.sub6 a:hover, #subscriptionsNav li.sub6 a:active {
	text-decoration: none;
	color: #333;
}
#subscriptionsNav li.sub7 a:hover, #subscriptionsNav li.sub7 a:active {
	text-decoration: none;
	color: #333;
}
#subscriptionsNav li.sub8 a:hover, #subscriptionsNav li.sub8 a:active {
	text-decoration: none;
	color: #333;
}
#subscriptionsNav a:active {
	text-decoration: none;
	color: black;
}

/* Subscriptions - Sliding Panels
============================================================================================== */
#Subscriptions .SlidingPanels {
	position: relative;
	height: 275px;
	padding: 0px;
	border: none;
}
#Subscriptions .SlidingPanelsContentGroup {
	position: relative;
	margin: 0px;
	padding: 0px;
	min-height:0;
	border: none;
}
#Subscriptions .SlidingPanelsContent {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	height: 275px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
}
#Subscriptions .SlidingPanelsContent .gutter {
	padding: 10px 10px 10px 10px;
}
#Subscriptions .SlidingPanelsContent img {
	float: left;
	padding-right: 8px;
}
#Subscriptions .SlidingPanelsContent h1 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 120%;
	color: #669;
	line-height: 1em;
	text-align: left;
}
#Subscriptions .SlidingPanelsContent p {
	font-size: 11px;
	color: #3c3c3c;
	line-height: 1.2em;
	text-align: left;
}
/* The class used in this selector is programatically added to the SlidingPanels container
 * anytime we are animating between panels. This rule makes sure that *all* content inside
 * the widget is overflow:none to avoid a rendering glitch that occurs in FireFox 1.5 whenever
 * there is an element inside the widget that displays a scrollbar.
 *
 * The class is automatically removed once the animation has stopped so that the overflow
 * properties of the content inside the widget should be restored.
 */
.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

/* The class used in this selector is programatically added to the SlindingPanelsContent
 * container that is currently visible in the view port. The class is automatically removed
 * when the widget switches to a different panel.
 */
.SlidingPanelsCurrentPanel {
}

/* The class used in this selector is programatically added to the SlidingPanels container
 * anytime the SlidingPanels container is given focus. The class is automatically removed
 * once the SlidingPanels container loses focus.
 */
.SlidingPanelsFocused {
}
#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8 {
	background-color: #fff;
}

/* Subscriptions Table Data
============================================================================================== */
.subscriptionsTable {
	float: left;
	margin: 20px 0;
	padding: 20px 0;
	width: 100%;
	font-size: 90%;
	text-align: left;
	border-top: 1px solid #ccc;
}
.subscriptionsTable th {
	padding: 0 10px 5px 10px;
	color: #669;
}
.subscriptionsTable td {
	padding: 0 10px;
	vertical-align: top;
}
.subscriptionsTable td p {
	margin: 0;
	padding: 0 0 .5em 0;
}
th.price, td.price {
	padding: 0 0 5px 0;
}
.plan {
	border-left: 1px solid #669;
	border-right: 1px solid #669;
}
.priceTable {
	text-align: left;
}
.priceTable td {
	padding: .5em 0;
}
.cost {
	font-weight: bold;
}
.specs h4 {
	font-size: 100%;
}