/* Gorillapod Overview CSS Document 
-----------------------------
	Joby, Inc.
	Author: 	Peter Berg
	Version: 	05 January 2009
------------------------------ */

/* adjustment of sidebar from master.css */
#sidebar {
	margin-left: 0px;
	}

/* for the 5-column overview page version */	
.col5 { clear: both; }

.col5 p { margin: 5px !important; padding: 0px !important; }
										
.col5-1, 
.col5-2, 
.col5-3,
.col5-4, 
.col5-5 {
	font-size: 85%; 
	float: left;
	width: 170px;
}

.col5 ul { margin: 0px !important; padding-left: 20px;}
.col5-1 ul { padding-left: 25px; }

.col5 .gray { color: #999 !important; }

.col5-2 { width: 160px; }
.col5-3 { width: 160px; }
.col5-4 { width: 190px; }
.col5 .title { 
	text-align: center;
	margin: 10px 5px !important;
	padding: 5px 10px;
 }
 .col5-2 .title,
 .col5-3 .title, 
 .col5-4 .title, 
 .col5-5 .title { text-align: left;}
 .title a {
 	font-size: 14px;
 	padding: 6px 12px; 
 	background-color: #f2f2f2;
 	border: 1px solid #ccc;
 	font-weight: bold;
 	-moz-border-radius: 4px;
 	}
.col5 .title a:hover {
	background-color: #333;
	color: #fff !important;
	text-decoration: none; 
	}

.col5 p.buybtn { text-align: left; margin-top: 10px !important; }
.col5 p.buybtn a {
	text-decoration: none !important;
	background-image: none;
	border-width: 1px; 
	border-style: solid; 
	border-color: #c2a33c; 
	color: #3e391c; 
	margin-left: 20px !important;
	padding: 2px 7px 2px !important;
	background-color: #ffea74;
	-moz-border-radius: 4px;
}

.col5 p.buybtn a:hover {
	border-width: 1px; 
	border-style: solid; 
	border-color: #c2a33c; 
	color: #3e391c !important; /* #7c0400; */
	background-color: #ffd64e;
	-moz-border-radius: 4px;
}


/* for the onclick highlight box version of the overview  */

h1.gpovw { 
	margin-bottom: 0px; 
	z-index: 200; 
	position: absolute; top: 110px; 
}

#snippet, 
#snippet_gogo,
#snippet_original, 
#snippet_slr, 
#snippet_slrzoom, 
#snippet_focus { 
	display: none;
	z-index: 1;
	margin: auto 20px;
	padding-top: 3px;
}
#snippet { z-index: 50; }

#snippet_gogo {	background: transparent url('/images/gpod_up_arrow.gif') 50px 0px no-repeat; }
#snippet_original {	background: transparent url('/images/gpod_up_arrow.gif') 170px 0px no-repeat; }
#snippet_slr {	background: transparent url('/images/gpod_up_arrow.gif') 300px 0px no-repeat; }
#snippet_slrzoom {	background: transparent url('/images/gpod_up_arrow.gif') 450px 0px no-repeat; }
#snippet_focus { background: transparent url('/images/gpod_up_arrow.gif') 700px 0px no-repeat; }

.snip_content { 
	border: 4px solid #eef; 
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	clear: both;
}

#snippet h2, 
#snippet_gogo h2,
#snippet_original h2, 
#snippet_slr h2, 
#snippet_slrzoom h2, 
#snippet_focus h2 {
	/* float: left; */
	font-size: 22px;
	margin-top: 0px !important;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 15px 5px 5px 20px;
	background-color: #eef;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
}
#snippet h2 span, 
#snippet_gogo h2 span,
#snippet_original h2 span, 
#snippet_slr h2 span, 
#snippet_slrzoom h2 span, 
#snippet_focus h2 span {
	display: inline; margin-left: 15px; font-size: 13px; font-weight: normal;
}
#snippet h2 span a, 
#snippet_gogo h2 span a,
#snippet_original h2 span a, 
#snippet_slr h2 span a, 
#snippet_slrzoom h2 span a, 
#snippet_focus h2 span a {
	color: #369; 
	text-decoration: none;
	margin-right: 10px;
	padding: 3px 18px 2px 6px; 
	border: 1px solid #72aee8;
	background: #cdf url('/images/external.png') 98% 50% no-repeat;
	-moz-border-radius: 4px;
}
#snippet h2 span a:hover, 
#snippet_gogo h2 span a:hover,
#snippet_original h2 span a:hover, 
#snippet_slr h2 span a:hover, 
#snippet_slrzoom h2 span a:hover, 
#snippet_focus h2 span a:hover {
	background-color: #acf;
}

#snippet h2 span a.buynowbtn, 
#snippet_gogo h2 span a.buynowbtn,
#snippet_original h2 span a.buynowbtn, 
#snippet_slr h2 span a.buynowbtn, 
#snippet_slrzoom h2 span a.buynowbtn, 
#snippet_focus h2 span a.buynowbtn { 
	text-decoration: none;
	background-image: none;
	border-width: 1px; 
	border-style: solid; 
	border-color: #c2a33c; 
	color: #3e391c; 
	margin-left: 10px;
	padding: 6px 10px 4px;
	background-color: #ffea74;
	-moz-border-radius: 4px;
}

#snippet h2 span a.buynowbtn:hover, 
#snippet_gogo h2 span a.buynowbtn:hover,
#snippet_original h2 span a.buynowbtn:hover, 
#snippet_slr h2 span a.buynowbtn:hover, 
#snippet_slrzoom h2 span a.buynowbtn:hover, 
#snippet_focus h2 span a.buynowbtn:hover { 
	border-width: 1px; 
	border-style: solid; 
	border-color: #c2a33c; 
	color: #3e391c; /* #7c0400; */
	padding: 6px 10px 4px;
	background-color: #ffd64e;
	-moz-border-radius: 4px;
}

#snip_links, 
#sniplink_gogo, 
#sniplink_original, 
#sniplink_slr, 
#sniplink_slrzoom,
#sniplink_focus {
	position: relative;
	padding: 15px 5px 15px 10px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
}


#snip_links a, 
#sniplink_gogo a, 
#sniplink_original a, 
#sniplink_slr a, 
#sniplink_slrzoom a,
#sniplink_focus a {
	font-weight: bold;
	font-size: 14px; 
	padding: 6px 10px 2px; 
	background-color: #eef;
	text-decoration: none;
	color: #369;
	-moz-border-radius: 4px;						
}
#snip_links a:hover, 
#sniplink_gogo a:hover, 
#sniplink_original a:hover, 
#sniplink_slr a:hover, 
#sniplink_slrzoom a:hover,
#sniplink_focus a:hover {
	background-color: #369;
	color: #fff;
}

#sl_gogo,
#sl_gp1_gogo, 
#sl_gp2_gogo, 
#sl_gp3_gogo,
#sl_gp8_gogo { position: absolute; top: 0px; left: 10px; }

#sl_original, 
#sl_gg_original, 
#sl_gp2_original, 
#sl_gp3_original,
#sl_gp8_original { position: absolute; top: 0px; left: 160px; }

#sl_slr, 
#sl_gg_slr, 
#sl_gp1_slr, 
#sl_gp3_slr,
#sl_gp8_slr { position: absolute; top: 0px; left: 300px; }

#sl_slrzoom, 
#sl_gg_slrzoom, 
#sl_gp1_slrzoom, 
#sl_gp2_slrzoom,
#sl_gp8_slrzoom { position: absolute; top: 0px; left: 430px; }

#sl_focus, 
#sl_gg_focus, 
#sl_gp1_focus, 
#sl_gp2_focus,
#sl_gp3_focus { position: absolute; top: 0px; left: 690px; }


#snip_links a:hover { background-color: #369; color: #fff; }