@charset "UTF-8";
/* CSS Document */
/* cpetsosstyles2013 for all photo sites */
/* ----GENERAL styles<<<--------------------------------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	}
	
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	}

th, td {
	padding: 0px;
	}

body {
	margin: 0px;
	background-attachment: fixed;
	background-position:0px 20px;
	background-repeat: repeat-x;
	background-color: #212121;
	}
body{
    -webkit-text-size-adjust: none;
}
p {
	margin-bottom: 10px;
	}

.clearboth {
    clear : both;
    }

div#spacer {
    height: 20px;
	}

.continued {
	font-style: italic;
	margin-top: 15px;
	}

div.clickimagecue {
	margin: 0px 0px 0px 0px;
	text-align: left;
	color: #FFFFFF;
	font-size: 18px;
	text-indent: 25px;
	}

div.biggerisbetter {
	margin: 0px 0px 0px 25px;
	text-align: left;
	color: #CCCCCC;
	font-size: 18px;
	text-indent: 0px;
	}
	
.buynotice {
color: #CCCCCC;
font-size: 16px;
line-height: 2.2em;
}

.lightertext {
color: #999999;
}

#sociable {
    position: absolute;
    position: fixed;
	right: 10px;
	top: 50px;
	}
div.importantnote {
	margin: 10px 0px 15px 0px;
	text-align: left;
	color: #CCC;
	font-size: 18px;
	line-height: 1.2em;
	font-family: 'Roboto', sans-serif;
	}
	.introtext {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
    color: #999;
	font-size: 14px;
}
/* ----HEADERS AND TITLES styles<<<----------------------------------------------------------------------------------------------*/
h1 {
	color: #CCC;
	font-weight: 100;
	font-size: 30px;
	line-height: 1em;
	font-family: "Futura PT Book";
	}
.newpagetitle h1 {
	color: #000000;
	font-weight: 300;
	font-size: 30px;
	}
.mdmenuheader h1{
	color: #CCC;
	font-size: 26px;
}
.mdmenuheader h1 a:link, .mdmenuheader h1 a:visited {
	color: #CCC;
	font-size: 26px;
}
.mdmenuheader h1 a:hover, .mdmenuheader h1 a:active {
	color: #FFFFFF;
	font-size: 26px;
}
div.mdmenuheader {
	width : 100%;
	text-align: left;
	color: #CCCCCC;
	font-size: 24px;
	text-indent: 25px;
	margin: 35px 0px 15px 0px;
	font-weight: 100;
	font-family: 'Roboto', sans-serif;
	}
.newpagetitle  {
	width : 100%;
	text-align: left;
	color: #000000;
	font-weight: 300;
	font-size: 30px;
	font-family: 'Roboto', sans-serif;
	text-indent: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	}

h2 {
	color: #CCCCCC;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: 100;
	}
	
.seemorelarge h2 {
	color: #CCCCCC;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: 100;
	font-family: 'Roboto', sans-serif;
	}	
	
.mdmenuheader h2 {
	color: #CCCCCC;
	font-size: 18px;
	line-height: 1.8em;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	}
	
.img .desc h2 a {
	line-height: 1.0em;
	font-weight: 100;
	text-decoration: none;
	font-size: 18px;
}

h3 {
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 100;
	font-family: 'Roboto', sans-serif;
}
h4 {
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	}
h5 {
	font-size: 14px;
	color: #CCCCCC;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	line-height: 1.3em;
	}
h6 {
	font-size: 14px;
	line-height: 1em;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	margin-bottom: 3px;
	margin-top: 15px;
}

/* ----END HEADERS AND TITLES TAGS<<<--------------------------------------------------------------------------------*/

/* ----LINKS<<<-----------------------------------------------------------------------*/

a:link, a:visited  {
	color: #999999;
	text-decoration: none;
	}

a:hover, a:active  {
	color: #FFFFFF;
	text-decoration: none;
	}
	
a:hover img {
border: 1px solid #FFFFFF;
}

div#bodycontainerwide #sidegallery a:hover img {
border: 1px solid #FFFFFF;
}	

.placename a:link, .placename a:visited  {
	color: #FFFFFF;
	}

.placename a:hover, .placename a:active  {
	color: #999999;
	}
#sidegallery .title a:link, #sidegallery .title a:visited  {
	font-size: 16px;

	}
#sidegallery .title a:hover, #sidegallery .title a:active {
	font-size: 16px;
	}

/* ----END LINKS<<<-----------------------------------------------------------------------*/


/* ----MAIN PAGE WRAPPERS styles<<<-----------------------------------------------------------------------*/

div#logo {
	width: 500px;
	color: #999999;
	margin-top: 35px;
	margin-left: 15px;
	background-image: url(../images/petsos-collection-logo.png);
	background-repeat: no-repeat;
	height: 214px;
	}

div#cplogo {
	width: 664px;
	margin-top: 35px;
	margin-left: 15px;
	background-image: url(../images/petsos-collection-logo.png);
	background-repeat: no-repeat;
	height: 220px;
	background-position: 0% 50%;
	}
div#name {
	width:500px;
	color: #CCCCCC;
	margin: 45px 0px 75px 15px;
	font-size: 32px;
	line-height: 2em;
	}

div#bodycontainerwide {
	width : 1140px;
	padding : 0;
	text-align : left;
	background-color : #454545;
	border: 1px solid #666666;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}	

div.desccontainer {
	margin: 0px 0px 0px 0px;
	background-image: url(../images/bckgs/welcomesteel.png);
	background-position: 0px 25px;
	background-repeat: no-repeat;
	background-color : #2E2E2E;
	}

div#homecenterwide {
	width : 918px;
	margin:0px auto;
	float: left;
	text-align:left;
	line-height: 1.3em;
	background-color : #252525;
	border-style: solid;
	border-width: 1px 1px 0px 0px;
	border-color: #666666;
    }

/* ----XXXXXXXXXXXXXXXXXXXEND MAIN WRAPPER styles<<<--------------------------------------------------------------------------------*/


/* ----LIST styles<<<-----------------------------------------------------------------------------------------------*/

ul {
  margin : 10px;
  padding : 0 0px 0px 0px;
  }
  
li { list-style-type : none;
  margin : 0 ;
  padding : 0;
  color : #FFFFFF;
  color : #FFFFFF;
  }
 
div.stats {
	margin: 30px 0px 30px 0px;
	}

div.detailstatistic {
	float: left;
	margin: 0px 0px 0px 30px;
	}

.detailstatistic li {
	list-style-type: none;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	line-height: 1.4em;
	}	  

div.detail {
    float: left;
    }

.detail li {
    list-style-type: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	line-height: 1.4em;
	}

.detail ul {
    margin: 0px;
	}

.detailstatistic ul {
    margin: 0px;
	}
	

/* ----END LIST styles<<<-----------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------*\
	NAV FOR NEW YORK PIXELS
\*---------------------------------------------------------------*/


#navny{
	background: #663366;
	float:left;
	width:100%;
	list-style:none;
	font-weight:300;
	margin: 0;
	position: fixed;
           z-index: 100;	
           left: 0px;
	top: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 1.4em;
	text-align: center;
}
#navny li{
	float:left;
	margin-right:0px;
	width: 25%;
	position:relative;
	display:block;
}
#navny li a {
	border-width: 0 0 0 1px;
	border-color: #000000;
	border-style: solid;
	display:block;
	padding:5px;
	color:#fff;
	background:#663366;
	text-decoration:none;
    text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Text shadow to lift it a little */
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}
#navny li a:hover{
	color:#fff;
	background:#000000; /* Solid colour fall-back */
	background:rgba(0,0,0,0.75); /* It'll look nice semi-transparent */

	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#navny ul{
	
	margin: 0;
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity:0; /* Set initial state to transparent */
	-webkit-transition:0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
}
#navny ul li{
	padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */

	float:none;
    background:url(/dot.gif);
    width:auto;
	}
#navny ul a{
	
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
	text-align: left;
}
#navny li:hover ul{ /* Display the dropdown on hover */
	
	left:0; /* Bring back on-screen when needed */
	opacity:1; /* Fade to opaque */
}
#navny li:hover a{ /* Set styles for top level when dropdown is hovered */
    
	background:#000000; /* Solid colour fall-back */
	background:rgba(0,0,0,0.75); /* It'll look nice semi-transparent */
	text-decoration:underline;
}
#navny li:hover ul a{ /* Override some top level styles when dropdown is hovered */
	
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#navny li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */
	
	background:#333; /* Solid colour fall-back */

	background:rgba(51,51,51,0.75); /* It'll look nice semi-transparent */
	text-decoration:underline;
	-moz-transform:scale(1.00);
	-webkit-transform:scale(1.00);
}

/*--- SECOND DROPDOWN ---*/



/* ----end NEW YORK PIXELS NAV styles<<<------------------------------------------------------------------*/

/* ----IMAGE styles<<<----------------------------------------------------------------------------------------------*/

div.img
  {
	margin:15px;
	border:1px solid #0000ff;
	height:auto;
	width:auto;
	float:left;
	color: #666666;
	text-align:center;
	text-decoration: none;
  }
     
  
div.img img
  {
	display: inline;
	margin: 2px;
	border: 1px solid #3E3E3E;
  }

div.imgleft img
  {
	display: inline;
	margin: 2px;
	border: 1px solid #3E3E3E;
  }

div.imgright img
  {
	display: inline;
	margin: 2px;
	border: 1px solid #3E3E3E;
  }

div.img a:hover img 
  {
	border:1px solid #000000;
  }
  
div.imgleft a:hover img 
  {
	border:1px solid #000000;
  }
  
div.imgright a:hover img 
  {
	border:1px solid #000000;
  }

/* ----THUMBNAILS styles<<<----------------------------------------------------------------------------------*/


div.rowsofone, div.rowsoftwo, div.rowsofthree, div.rowsoffour, div.rowsofbigandsmall {
	width : 918px;
	margin:0px auto;
	text-align:left;
	border:0px;
	}
div.rowsofvert {
	width : 918px;
	margin:0px auto;
	border:0px;
}
/* ----XXXXXXXROWS OF ONE styles<<<-------------------------------*/
	

.rowsofone .img {
	border-style: none;
	margin-top: 29px;
	margin-right: 24px;
	margin-bottom: 0px;
	margin-left: 24px;
	}

.rowsofone img {
	width: 860px;
}

div.rowsofonecaption {
	text-align: left;
	font-weight: normal;
	color: #666;
	float : left;
	font-style: normal;
	width: 600px;
	font-size: 12px;
	margin-top: 5px;
	margin-right: 27px;
	margin-bottom: 15px;
	margin-left: 52px;
	}
/* ----XXXXXXXROWS OF ONE smaller width<<<-------------------------------*/
	
.rowsofonesmaller .img {
	border-style: none;
	margin-top: 29px;
	margin-right: 168px;
	margin-bottom: 0px;
	margin-left: 168px;
		color: #666666;
		}

.rowsofonesmaller img {
	width: 600px;
	height: auto;
}


/* ----XXXXXXXROWS OF TWO styles<<<-------------------------------*/

.rowsoftwo img {
	width: 400px;
	height: auto;
	}

.rowsoftwo .imgleft {
	margin: 30px 0px 30px 25px;
	float : left;
	color: #666666;
	text-align:center;
	text-decoration: none;
	}	  

.rowsoftwo .imgright {
	margin: 30px 25px 30px 0px;
	float : right;
	color: #666666;
	text-align: center;
	text-decoration: none;
	width: 406px;
	}

/* ----XXXXXXXXROWS OF THREE styles<<<---------------------------*/
  

.rowsofthree {
	width: 918px;
}

.rowsofthree .img11x17 {
	border-style: none;
	margin-right: 25px;
	margin-left: 25px;
}

.rowsofthree .img11x17 img {
	height: 167px;
	width: 250px;
}

.rowsofthree .img {
	border-style: none;
	margin-right: 25px;
	margin-left: 25px;
}

.rowsofthree .img img {
	height: 167px;
	width: 250px;
}
.rowsofthree .img11x14 img {
	height: 200px;
	width: 250px;
}
.rowsofthree .img11x14 {
	border-style: none;
	margin-right: 25px;
	margin-left: 25px;
}

/* ----XXXXXXXXROWS OF THREE VERTICAL styles<<<---------------------------*/
  

.rowsofthreevert {
	width: 918px;
}

.rowsofthreevert .img {
	border-style: none;
	margin-right: 25px;
	margin-left: 25px;
}

.rowsofthreevert .imghorizontal {
	border-style: none;
	margin-top: 110px;
	margin-right: 5px;
	margin-left: 5px;
}

.rowsofthreevert .img img {

	width: 250px;
}

.rowsofthreevert .imghorizontal img {

	width: 290px;
}

/* ----XXXXXXXXROWS OF VERT styles<<<---------------------------*/
.rowsofvert {
	width: 918px;
}
	
.rowsofvert .img {
	margin: 33px 27px 33px 29px;
	border-style: none;
	}

.rowsofvert .img img {
	width: 165px;
}

/* ----XXXXXXXXROWS OF BIG AND SMALL (RIGHT BIG) styles<<<---------------------------*/

    .bigandsmall .rowsoftwo .imgleft a img {
	width: 340px;
}
    .bigandsmall .rowsoftwo .imgleft .desc {
	width: 340px;
}
    .bigandsmall .rowsoftwo .imgright a img {
	width: 467px;
}
    .bigandsmall .rowsoftwo .imgright .desc {
	width: 467px;
}

.bigandsmall .rowsoftwo .imgright {
	width: 472px;
}
#bodycontainerwide #homecenterwide .bigandsmall .rowsoftwo .imgright img {
	width: 467px;
} 

.bigandsmall .rowsoftwo .desclongright {
	width: 472px;
}

/* ----XXXXXXXXEND THUMBNAILS styles<<<----------------------------------------------------------------------------------*/
	
/* ----DESCRIPTION styles<<<----------------------------------------*/
div.desc {
	text-align:left;
	font-weight:normal;
	margin:2px;
	width: auto;
	font-size: 12px;
	line-height: 1.3em;
	}
div.descpanorama {
	border:0px solid #0000ff;
	height:auto;
	width:auto;
	float:right;
	text-align:left;
	text-decoration: none;
	width:250px;
	margin: 15px 13px 2px 2px;
	color: #4D4D4D;
	}
div.descintrowide {
	border: 0px solid #0000ff;
	height: auto;
	width: auto;
	float: left;
	text-align: left;
	text-decoration: none;
	width: 435px;
	margin: 47px 0px 0px 25px;
	line-height: 1.3em;
	}

.descintrowide p {
	text-align: left;
}

div.descphotowide {
	border:0px solid #333333;
	float:right;
	text-align:right;
	margin: 30px 25px 20px 0px;
	width: 632px;
	font-size: 12px;
	}

div.descsocialright {
	float:right;
	text-align:right;
	margin: 30px 25px 5px 0px;
	width: 160px;
	font-weight: 300;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	}
div.descsocialright .txt {
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 4px;
	}
div.descsocialleft {
	float:left;
	text-align:left;
	margin: 25px 0px 5px 0px;
	width: 158px;
	font-weight: 300;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	}

div.descsocialleft .txt {
	float:left;
	margin: 0px 0px 5px 0px;
	}  

div.descphotowide img {
	display:inline;
	border:1px solid #333333;	
	margin: 0px 0px 0px 0px;
	width: 632px;
            }

div.descphotowide a:hover img {
    border: 1px solid #000000;
    }

div.descphotov {
	border:0px solid #333333;
	float:right;
	text-align:left;
	margin: 35px 25px 5px 0px;
	width: 400px;
	height: 598px;
	}

div.descphotov img {
	display:inline;
	border:1px solid #333333;
	margin: 0px 0px 0px 0px;
	width: 400px;
	height: 598px;
	}

div.descintrov {
	border:0px solid #0000ff;
	height:auto;
	width:auto;
	float:left;
	text-align:left;
	text-decoration: none;
	width:650px;
	margin: 45px 0px 0px 25px;
	}

div.descfullwidth {
	border:0px;
	height:auto;
	width:867px;
	float:left;
	text-align:left;
	text-decoration: none;
	margin: 0px 25px 0px 25px;
}
div.descphotocaption {
	text-align:right;
	font-weight:normal;
	color: #666;
	float : right;
	margin: 5px 0px 0px 0px;
	width: 100%;
	font-size: 12px;
	}
div.descintrolong {
	border:0px solid #0000ff;
	height:auto;
	width:auto;
	float:left;
	text-align:justify;
	text-decoration: none;
	width:330px;
	margin: 35px 20px 0px 20px;
	}

div.desclong {
	margin:15px;
	border:0px solid #0000ff;
	height:auto;
	float:left;
	text-align:justify;
	text-decoration: none;
	width:360px;
	}

div.desclong p {
	margin-bottom: 0;
	margin-top: 0.5em;
	}

div.desclong p + p {
	text-indent: .75em;
	margin-top: 0.5em;
	}

div.desclongleft {
	border:0px solid #0000ff;
	height:auto;
	float:left;
	text-align:left;
	text-decoration: none;
	margin: 30px 0px 15px 25px;
	width: 410px;
	}
  
div.desclongright {
	border:0px solid #0000ff;
	height:auto;
	float:right;
	text-align:left;
	text-decoration: none;
	margin: 30px 25px 15px 0px;
	width: 410px;
	}

div.rowsofvert .desclongleft {
	border:0px solid #0000ff;
	height:auto;
	float:left;
	text-align:justify;
	text-decoration: none;
	margin: 15px 0px 15px 30px;
	width: 375px;
	}

div.rowsofvert .desclongright {
	border:0px solid #0000ff;
	height:auto;
	float:right;
	text-align:left;
	text-decoration: none;
	margin: 15px 28px 15px 0px;
	width: 410px;
	}

div.descsmall {
	border:0px solid #0000ff;
	height:auto;
	float:left;
	text-align:justify;
	text-decoration: none;
	margin: 30px 20px 15px 0px;
	width: 255px;
	}	

div.descphotoh {
	border:0px solid #333333;
	float:right;
	text-align:left;
	margin: 35px 25px 5px 0px;
	width: 500px;
	}
  
div.descphotoh img {
	display:inline;
	border:1px solid #333333;
	margin: 0px 0px 0px 0px;
	width: 500px;
	}
	
div.descintroh {
	border:0px solid #0000ff;
	height:auto;
	width:auto;
	float:left;
	text-align:left;
	text-decoration: none;
	width:550px;
	margin: 48px 0px 0px 25px;
	}
 #homecenterwide .seemore {
	color: #999999;
	text-align: center;
	margin-right: 25px;
	font-size: 18px;
	background-color: #3C3C3C;
	height: auto;
	padding-top: 10px;
	padding-right: 10px;
	background-repeat: repeat;
	}
	
div.rowsofone .descdouble {
	width: auto;
    }

div.rowsofone .descdouble .desc {
	width: 400px;
	float: left;
    }
div.rowsofone .descdouble .descright {
	float: right;
	text-align: left;
	font-weight: normal;
	margin: 2px;
	width: 400px;
	font-size: 12px;
	line-height: 1.3em;
    }

	
/* ----XXXXXXXEND DESCRIPTION styles<<<----------------------------------------------------------------------------------------------*/

/* ----SUBSECTIONS styles<<<--------------------------------------------------------------------------------------------------------------*/
div.homepromo {
	width : 918px;
	height : 230px;
	border: 1px solid #333333;
	background-image: url(../images/backgrounds/shop-banner-etsyjuly.jpg);
	background-repeat: no-repeat;
	}
div.homepromo img { 
	height: 100%;
	width: 100%;
	object-fit: contain;
    }
div.homecentersub {
	width : 850px;
	height : 381px;
	border: 1px solid #333333;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	background-color : #000000;
	}
 
div.panorama {
	border:0px solid #0000ff;
	height:auto;
	width:auto;
	float:left;
	color: #FFFFFF;
	text-align:center;
	text-decoration: none;
	margin: 0px;
	}

div.panorama img {
border: 1px solid #333333;
}

div.panorama a:hover img {
border: 1px solid #999;
}	

div.placeinfo {
	width:375px;
	float : right;
	margin-right: 17px;
	}

div.placename {
	color: #FFFFFF;
	font-size: 22px;
	margin: 200px 0px 30px 0px;
	}

div.placedescription {
	color: #4D4D4D;
	border:0px solid #0000ff;
	float : left;
	text-align:justify;
	text-decoration: none;
	width:100%;
	margin: 0px 0px 15px 0px;
	height: 200px;
	}

/* ----------XXXXEND MAIN CONTENT styles--------------------------------------------------------------------------------------------*/

/* ----SIDE GALLERY styles<<<-----------------*/
#sidegallery {
	height: 100%;
	width: 220px;
	float: right;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #666666;
	background-color: #454545;
    }

#sidegallery .title {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 15px;
		font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 26px;
	text-align: center;
	color: #CCC;
	}
#sidegallery a {
	font-weight: 300;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	text-align: center;
	}	
#sidegallery img {
	width: 160px;
	display: inline;
	border: 1px solid #666666;
	}
#sidegallery .img {
	margin-top: 14px;
	margin-right: 25px;
	margin-bottom: 60px;
	margin-left: 25px;
	border: none;
	line-height: 1.3em;
    }
#sidegallery .seemore {
	color: #999999;
	text-align: center;
	}
	
.sidecolortwo {
    background-color: #454545;
    border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #666666;
	}
/* ----SIDE GALLERY REPEAT styles<<<-----------------*/	
.sidegalleryrepeat {
	height: 100%;
	width: 220px;
	float: right;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #666666;
	background-color: #454545;
    }

.sidegalleryrepeat a {
	font-weight: 300;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	text-align: center;
	}	
.sidegalleryrepeat img {
	width: 160px;
	display: inline;
	border: 1px solid #666666;
	}
.sidegalleryrepeat .img {
	margin-top: 14px;
	margin-right: 25px;
	margin-bottom: 60px;
	margin-left: 25px;
	border: none;
	line-height: 1.3em;
    }

	
/* ----------end SIDE GALLERY styles------------------------------------------------------------------------------------------*/

/* ----------FOOTER styles-----------------*/

div#footer {
    width : 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center; 
    color: #999999;
	}

/* ---------- end FOOTER styles-----------------*/

/* ----------SLIDESHOW styles-----------------*/

#slideshow {
	position:relative;
	height:453px;
	width:632px;
}

#slideshow DIV {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
	height: 453px;
	background-color: #2E2E2E;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
	height: 423px;
	display: block;
	border: 1px;
	margin-bottom: 10px;
	border-color: #666;
	border-style: solid;
}
#slideshow a {
	font-style: italic;
}
.rowsofvert .img .desc {
	width: 165px;
}
.rowsofthree .img .desc {
	width: 246px;
}
.rowsoftwo .imgleft .desc {
	width: 396px;
}
.rowsoftwo .imgright .desc {
	width: 396px;
}
.seemorelarge {
	background-color: #454545;
}
.seemorelarge a {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 18px;
	text-decoration: none;
}

.phototitle {
	color: #8F8F8F;
}
.sizes {
	margin-top: 7px;
}
.photoleftcaptiontext .phototitle {
	color: #999;
}
.purchaseinfo a:link, .purchaseinfo a:visited {
	font-size: 20px;
	color: #FFF;
	text-decoration: underline;
}
.purchaseinfo a:hover {
	font-size: 20px;
	color: #999;
	text-decoration: underline;
}
.purchaseinfo a:active {
	font-size: 20px;
	color: #FFF;
	text-decoration: underline;
}
.descphotowide .desc .phototitle {
	color: #8F8F8F;
}
.descphotowide .desc {
	float: right;
	text-align: right;
	margin-top: 8px;
}
.seemore .descfullwidth {
	float: left;
	margin-top: 15px;
	margin-left: 30px;
	background-color: #3C3C3C;
	width: auto;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
}

/* ----------BUTTON styles-----------------*/

.purchasebutton {
	padding: 4px  8px;
	display: inline-block;
	text-decoration: none;
	border-radius: 3px;
	border-style: solid;
	border-color: #B1B2B5;
	background-color: #666;
	margin: 18px 0 10px 0;
	border-width: 1px;
}
.purchasebutton:hover {
    color: #FFF;
	background-color: #515151;
	}
.purchasebutton a {
	font-weight: 300;
	font-family: 'Roboto', sans-serif;	
}
.purchasebutton a:link, .purchasebutton a:visited {
	text-decoration: none;
	color: #CCC;
	}
.purchasebutton a:hover, .purchasebutton a:active  {
	text-decoration: none;
	color: #FFF;
	}


/* ----------END BUTTON styles-----------------*/
.seeotherpages {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #CCC;
	line-height: 1.4em;
	font-weight: 100;
}
.seeotherpages a:link, .seeotherpages a:visited {
	text-decoration: none;
	color: #8F8F8F;
	line-height: 1.4em;
	font-weight: 100;
}
.seeotherpages a:hover, .seeotherpages a:active {
	text-decoration: none;
	color: #CCC;
	line-height: 1.4em;
	font-weight: 100;
}

.available {
	color: #CCCCCC;
	margin-bottom: 4px;
}
.openeditionsizes {
	margin-bottom: 4px;
}
.descfullwidthcentered {
	text-align:center;
	margin-top: 5px;
}	
.topcoupon {
	background-image: none;
	background-repeat: no-repeat;
	width: 300px;
	height: 217px;
}
.descfullwidthcentered {
	color: #999;
	height: auto;
	width: 85%;
	text-align: center;
	margin: auto;
	margin-bottom:20px;
	padding: 10px;
	border-style: solid;
	border-color: #999;
	border-width: 1px;
	background-color: #424242;
}
    .descphotowide p {
	text-align: left;
}	
    .notopmargin .img {
	margin-top: 0px;
}