/*	Desc: Maman Autrement Style Sheet
	Author: CafeŽ Noir Design Inc (http://www.cafenoirdesign.com)
	Date: November 19, 2009 *last modified date*

== COLOURS: ==============================
dark grey		- # 333 (text)
medium grey		- # 999 (borders)
light grey		- # ccc (form borders)
lightest grey	- # e6e6e6 (boxes)
lightest green  - # cf9 (selection)
light green		- # 9c6 (links: visited)
				- # 9c6 (links: hover)
medium green	- # 693 (links)

dark green		- # 360 (links: active)
				- # XXX (links: focus)
				- # XXX (links: focus : hover)
fuscia			- # c69 (em)
red				- # red (error)
============================================

== STRUCTURE: ==============================
* Page width: 960 px
* Number of columns: 3
============================================

== TOC: ====================================
*RESET
*GENERAL
*NAVIGATION
	*MAINNAV
	*SUBNAV
	*FOOTNAV
*LAYOUT
	*HEADER
	*CONTENT 
	*SIDEBAR 
	*FOOTER
*IMAGES
*MISC
*CSS3
*FORMS

============================================ */

/*RESET Based on =================================
http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/  
============================================ */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
background:transparent;
border:0;
font-size:100.01%;
outline:0;
vertical-align:baseline;
margin:0;
padding:0;
}

body {
line-height:1;
}

ol,ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
usedtoremovequotesincasenonefailsbelowcontent:"";
content:none;
}

:focus {
outline:0;
}

ins {
text-decoration:none;
}

del {
text-decoration:line-through;
}

table {
border-collapse:collapse;
border-spacing:0;
}

textarea {
overflow:auto;
}

input {
border:0 solid #FFF;
margin:0;
padding:0;
}

/*GENERAL  
============================================ */

body {
background:#cf9;
/*background:#fff url(../img2/noel.png);*/
color:#333;
font-size:76.1%;
font-family:Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
line-height:1.3em;
text-align:center;
}

@font-face {
font-family:'SteinemRoman';
src:local('Steinem Roman'), local('Steinem'), url('STEINEM_.woff') format('woff'), url('STEINEM_.ttf') format('truetype'), url('STEINEM_.svg#Steinem') format('svg');
}

#container {
height:100%;
text-align:left;
width:920px;
margin:0 auto 20px;
padding:0 20px;
}

#maincontent h2 {
color:#333;
font-family:Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
font-size:1.2em;
font-weight:700;
padding:0.5em 0;
}

h3 {
color:#693;
font-size:1.2em;
padding:0.5em 0;
}

#header h3 {
font-family:"SteinemRoman", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
font-size:1.4em;
font-weight:400;
}

#maincontent h3 {
color:#333;
}

h4 {
font-size:1.2em;
padding:0.5em 0;
}

p {
padding:0.5em 0;
}

a {
color:#360;
font-weight:700;
text-decoration:none;
}

.tel a {
color:inherit;
font-weight:normal;
text-decoration:none;
}

a:visited {
color:#9c6;
text-decoration:none;
}

a:hover {
border-bottom:1px solid #9c6;
color:#9c6;
text-decoration:none;
}

#branding a:hover {
border-bottom:none;
}

a:active {
border-bottom:1px solid #360;
color:#360;
text-decoration:none;
}

ul,li {
list-style:none;
margin:0;
padding:0;
}

em {
font-style:normal;
}

h1,h2 {
color:#693;
font-family:"SteinemRoman", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
font-size:1.7em;
font-weight:400;
padding:0.5em 0;
}

h5,h6 {
font-size:1em;
padding:0.5em 0;
}


/*NAVIGATION 
============================================ */

.nav {
text-align:center;
}

#subnav .nav {
text-align:left;
}

.nav li {
display:inline;
padding:0;
}

.nav li a {
padding:5px;
}

#mainnav {
background:transparent url(../img2/sprite.png) no-repeat  -10px -1134px;
color:#fff;
font-size:1.4em;
width:100%;
min-height:20px;
padding:25px 0 5px;
}

#mainnav .nav {
text-align:left;
text-indent:25px;
}

#mainnav li {
padding:0 20px;
}

#mainnav a:hover {
color:#cf9;
}

#subnav
{
	float: right;
	font-size: 1.2em;
	width: 320px;
	padding: 0.75em 0 0.5em 0;
}

#subnav ul {
float:right;
padding-top:10px;
}

#subnav li a {
height:15px;
padding:10px 5px 0 28px;
}

#subnav li a.cart {
background:transparent url(../img2/sprite.png) no-repeat  0 -70px;
}

#subnav li a.cart:hover {
background:transparent url(../img2/sprite.png) no-repeat  0 -120px;
}

#subnav li a.language {
background:transparent url(../img2/sprite.png) no-repeat  0 -728px;
}

#subnav li a.language:hover {
background:transparent url(../img2/sprite.png) no-repeat  0 -778px;
}

#subnav li a.rss {
background:transparent url(../img2/sprite.png) no-repeat  0 -1784px;
}

#subnav li a.rss:hover {
background:transparent url(../img2/sprite.png) no-repeat  0 -1834px;
}

#prodnav {
font-size:1.2em;
padding-bottom:25px;
}

#categorynav {
font-size:1.2em;
height:200px;
padding:20px 0;
}

ul#categorynav.menu li {
padding:0;
}

ul#categorynav.menu li ul li {
padding:5px 0 5px 20px;
}

ul#prodnav.menu li {
background:transparent url(../img2/backgrounds/ldkribbon.png) no-repeat top left;
text-indent:42px;
margin:0 -10px 0 -42px;
padding:15px 0 10px;
}

ul#prodnav.menu li.promo {
background:transparent url(../img2/sprite.png) no-repeat  0 -943px;
}

ul#prodnav.menu li ul { padding: 10px 0 0 0px; }

ul#prodnav.menu li ul li {
background:none;
margin-left:0;
text-indent:52px;
padding:0 0 5px;
}

ul#prodnav.menu li ul li ul { padding: 10px 0 10px 10px; }

#prodnav li li a {
color:#360;
}

#prodnav a.active {
color:#9c6;
}


#footnav {
padding:2em 0 1em;
}

.nav li a:hover,#prodnav a:hover {
border:none;
}

#mainnav a,#prodnav li a {
color:#fff;
}

/*LAYOUT  
============================================ */

/*HEADER 
____________________________________________ */

#header {
background:transparent url(../img2/sprite.png) no-repeat  -20px -340px;
/*background:transparent url(../img2/stars.png) no-repeat 7px;*/

clear:both;
min-height:338px;
padding:0 20px;
}

#headerfr {
clear:both;
min-height:190px;
}

#branding {
float:left;
width:400px;
}

.skip {
height:1px;
left:-10000px;
overflow:hidden;
position:absolute;
width:1px;
}

#address {
float:right;
font-size:0.9em;
width:340px;
padding:0;
}

#address #hcard-Maman-Autrement {
float:left;
width:180px;
padding:0 20px 0 0;
}

#address #hcard-Maman-Autrement.vcard ul li div.adr {
margin:0;
padding:1px 0 0;
}

#address .hours {
float:left;
width:130px;
}

#address .hours em {
float:left;
color:#666 !important;
width:25%;
margin:0;
padding:0;
}

#maincontent .hours em, #maincontent .text .hours em {
float:left;
color:#666;
width:20%;
margin:0;
padding:0;
}

.hours span {
float:right;
text-align:right;
width:65%;
margin:0;
padding:0;
}

#maincontent .hours span, #maincontent .text .hours span {
float:left;
text-align:left;
width:65%;
margin:0;
padding:0;

}

#maincontent .hours {
width: 100%;
float: left;
}

#maincontent .text .hours {
margin: 0;
padding:0;
}




.specialmessage
{
	color: #693;
	font-family: "SteinemRoman", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
	font-size: 1.2em;
	font-weight: 400;
	padding: 0.5em 0;
	float: right;
	width: 320px;
	font-style: italic;
	text-indent: 40px;
	margin-top: -10px;

}

.phone
{
	color: #693;
	font-family: "SteinemRoman", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
	font-size: 1.2em;
	font-weight: 400;
	padding: 1em 2em 0.5em 0;
	float: right;
	width: 900px;
	font-style: italic;
	text-align: right;
	text-indent: 40px;
	margin-top: -10px;
}



#menubar {
min-height:93px;
margin-bottom:0;
margin-left:-30px;
margin-right:-30px;
padding-top:0;
}

#sloganbar {
background:transparent url(../img2/sprite.png) no-repeat  20px -1033px;
min-height:50px;
margin:0 -30px;
padding:0;
}

#slogan {
color:#fff;
float:left;
font-family:"SteinemRoman", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
font-style:italic;
font-size:1.5em;
font-weight:400;
width:750px;
text-indent:80px;
}

#slogan p {
padding:15px 0 0;
}

#search {
background:transparent url(../img2/sprite.png) no-repeat  0 -1909px;
color:#fff;
float:right;
min-height:40px;
width:160px;
padding:0 60px 0 0;
}

#search form
{
	margin: 0;
	padding: 10px 50px 0 0;
}

#search input {
background:transparent;
border:none;
font-size:1em;
width:100px;
margin:0;
padding:0;
}

/*CONTENT
____________________________________________ */

#content {
background:transparent url(../img2/backgrounds/background960.png) repeat-y center;
height:100%;
padding:20px 220px;
}

#contentwrap {
margin-top:-30px;
width:100%;
}

#maincontent {
float:left;
width:490px;
}

#maincontentcart {
float:left;
width:540px;
}

#maincontent .text ul {
list-style:disc;
margin-left:30px;
padding-left:0;
}

#maincontent .text .hours ul {
list-style:none;
margin-left:0;
padding-left:0;
text-indent:0;
}

#maincontent .text li {
list-style:disc;
margin-left:5px;
padding-left:5px;

}

#maincontent .text .hours li {
list-style:none;
margin-left:0;
padding-left:0;
text-indent:0;
}

div#maincontent div.text ul.sitemap {
font-weight:700;
list-style:none !important;
margin:0;
padding:0;
}

.photocol {
float:left;
width:232px;
padding:10px 10px 20px 0;
}

a:hover.bigphoto {
border-bottom:none;
}

a:hover.bigphoto span {
border-bottom:1px solid #9c6;
}

.shopmessage {
background-color:#e6e6e6;
border:1px solid #999;
float:right;
margin-right:10px;
width:212px;
min-height:100px;
padding:10px;
}

.description {
float:left;
font-size:1.1em;
width:232px;
}

.pricing {
float:right;
text-align:right;
}

.pricing h4 span {
font-size:0.7em;
}

.buy {
float:right;
background-color:#e6e6e6;
border:1px solid #999;
margin-right:10px;
min-height:100px;
width:212px;
padding:10px;
}

.buy form {
border:none;
margin:0;
padding:0;
}

.buy h4 {
float:left;
padding-top:0.7em;
}

.buy form select,.buy form input,.buy form textarea,.buy form label {
float:right;
}

.certificate form {
float:left;
}

.certificate input,.certificate label {
float:left;
width:470px;
}

.certificate form select {
float:left;
width:125px;
}

.certificate .submitbutton,#contact_form .submitbutton {
float:right;
width:125px;
}

.certificate {
float:left;
width:100%;
}

#contact_form {
float:right;
width:100%;
padding:10px 0 20px;
}

#contact_form form {
background-color:#e6e6e6;
border:1px solid #999;
}

#contact_form textarea {
float:left;
width:450px;
}

.boxes {
padding-bottom:20px;
}

.text {
padding:0 12px 0 0;
}

.message {
background-color:#e6e6e6;
border:1px solid #999;
padding:20px;
}

.photonav {
padding-top:10px;
text-align:center;
}

.photonav li {
float:left;
font-weight:700;
width:142px;
position:relative;
padding:0 20px 20px 0;
}

.photonav li span {
background:transparent url(../img2/backgrounds/overlay.png) repeat-x;
border:1px solid #999;
display:block;
height:25px;
line-height:0.95em;
position:relative;
text-align:center;
width:138px;
z-index:1;
margin:-33px -1px 0 0;
padding:3px 0 0 2px;
}

.photonav li a:hover {
border:none;
}

.photonav li a:hover span {
background:transparent url(../img2/backgrounds/overlay.png) bottom repeat-x;
border:1px #9c6 solid;
color:#693;
display:block;
z-index:1;
}

.photooptions li {
float:left;
font-size:0.9em;
font-weight:700;
width:112px;
position:relative;
text-align:center;
padding:0 10px 10px 0;
}

.photooptions li span {
background:transparent url(../img2/backgrounds/overlay.png) repeat-x;
border:1px #999 solid;
display:block;
min-height:25px;
position:relative;
text-align:center;
width:108px;
z-index:1;
line-height:0.95em;
margin:-34px -1px 0 0;
padding:3px 0 0 2px;
}

.photooptions li a:hover {
background:transparent url(../img2/backgrounds/overlay.png) bottom repeat-x;
border:none;
color:#693;
z-index:1;
}


.photooptions li a:hover span {
background:transparent url(../img2/backgrounds/overlay.png) bottom repeat-x;
border:1px #9c6 solid !important;
color:#693;
z-index:1;
}

div#maincontent div.text ul.sitemap li,div#maincontent div.text ul.sitemap li ul,div#maincontent div.text ul.sitemap li ul li ul {
list-style:none !important;
padding-left:10px;
margin:0;
}

.certificate textarea,#contact_form input,#contact_form label {
float:left;
width:460px;
}

.photonav li img,.photooptions li img {
z-index:3;
}

.photonav li a span,.photooptions li a span {
color:#360;
}

.photonav li a:hover img,.photooptions li a:hover img {
border:1px #9c6 solid !important;
}
/*SIDEBAR
____________________________________________ */

#sidebar {
float:left;
width:150px;
right:150px;
margin-left:-680px;
}

#sidebar h3 {
color:#fff;
background:transparent url(../img2/sprite.png) no-repeat  0 -943px;
text-indent:42px;
overflow:visible;
margin:0 -10px 0 -42px;
padding:15px 0 10px;
}

/*SIDEBAR-SECONDARY
____________________________________________ */

#sidebar-secondary {
float:left;
margin-right:-200px;
width:150px;
padding:0 0 0 30px;
}

#sidebar-secondary div.promo h3
{
	color: #fff;
	background: transparent url(../img2/backgrounds/rltribbon.png) no-repeat top right;
	height: 32px;
	text-indent: 15px;
	overflow: visible;
	padding: 15px 0 0 0;
	margin: 0 -42px 0 -10px;
	zoom: 1;
	/* fixes ie7 bug*/
	position: relative;
	/* fixes ie7 bug*/
}

.promotion {
padding-bottom:20px;
}

/*FOOTER
____________________________________________ */

#footer
{
	background:transparent url(../img2/sprite.png) no-repeat  -20px -195px;

	position: relative;
	min-height: 104px;
	text-align: center;
	margin: 0 ;
	padding: 0 10px;
}

#copyright {
text-align:center;
padding:0;
}

/*IMAGES 
============================================ */

img.thumb {
border:5px #CCC solid;
margin-right:25px;
}

img.thumblast {
border:5px #CCC solid;
}

#maincontent img {
border:1px #999 solid;
}

#maincontent a:hover img {
border:1px #9c6 solid !important;
}

a:hover.imagelnk {
border:none !important;
text-decoration:none;
}


/*MISC  
============================================ */

.hidden {
height:0;
position:absolute;
text-indent:-9999px;
margin:0;
padding:0;
}

.clear {
clear:both;
}

.center {
text-align:center;
}

.italic,blockquote {
font-style:italic;
}

.grey {
color:#999;
}

cite {
float:right;
}

.error {
color:red;
font-style:normal;
font-weight:700;
}

ul.sitemap {
padding:0 0 0 15px;
}

td:hover {
background:#9c6;
}

td A:hover {
background:#360;
color:#fff;
}

tr.d0 td,tr.d0 th {
background-color:#fff;
}

tr.d1 td,tr.d1 th,tr.d2 th {
background-color:#cf9;
}

/*CSS3  
============================================ */

::selection, ::-moz-selection {
	background:  #cf9;
}

/*FORMS 
============================================ */

form {
border:1px #ccc solid;
padding:10px;
}

fieldset {
border:0;
margin:0;
padding:10px;
}

legend {
font-weight:700;
}

label {
clear:both;
float:left;
font-weight:700;
font-size:0.9em;
line-height:1.4em;
text-align:left;
width:125px;
}

label.checkbox,label.radio {
clear:none;
float:none;
}

input {
background:#fff;
border:1px #ccc solid;
padding-right:0;
width:125px;
line-height:2em;
margin:3px 0;
}

input.checkbox,input.radio {
width:15px;
margin:0 0 0 100px;
}

input:hover,textarea:hover {
background:#fff;
border:1px #693 solid;
}

select {
border:1px #ccc solid;
text-align:left;
width:125px;
margin:2px;
}

textarea {
border:1px #ccc solid;
text-align:left;
width:115px;
margin:2px;
padding:3px 0;
}

input.send {
float:right;
margin-right:50px;
padding-right:0;
width:100px;
}

.submitbutton {
background-color:#9c6;
border:1px solid #693;
margin-top:0.7em;
text-align:center;
}

.submitbutton:hover {
background-color:#693;
border:1px #000 solid;
}

input:focus,select:focus,textarea:focus {
border:1px #000 solid;
}

.error {
color:red;
font-style:normal;
font-weight:700;
}

.em {
font-style:normal;
font-weight:700;
}

.instructions {
font-weight:700;
padding:10px 0 0;
}

/*SEARCH FORM
____________________________________________ */
#search form {
border:none;
float:right;
}

#search input.send {
height:0;
width:0;
}


/*COLORBOX
____________________________________________ */

#colorbox,#cboxOverlay,#cboxWrapper {
position:absolute;
top:0;
left:0;
z-index:9999;
overflow:hidden;
}

#cboxOverlay {
position:fixed;
width:100%;
height:100%;
background:url(images/overlay.png) 0 0 repeat;
}

#cboxMiddleLeft,#cboxBottomLeft {
clear:left;
}

#cboxContent {
position:relative;
overflow:hidden;
background:#fff;
}

#cboxLoadedContent {
overflow:auto;
margin-bottom:28px;
}

#cboxLoadedContent iframe {
display:block;
width:100%;
height:100%;
border:0;
}

#cboxTitle {
position:absolute;
bottom:3px;
left:0;
text-align:center;
width:100%;
color:#949494;
margin:0;
}

#cboxLoadingOverlay,#cboxLoadingGraphic {
position:absolute;
top:0;
left:0;
width:100%;
}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
cursor:pointer;
}

#cboxTopLeft {
width:21px;
height:21px;
background:url(images/controls.png) -100px 0 no-repeat;
}

#cboxTopRight {
width:21px;
height:21px;
background:url(images/controls.png) -129px 0 no-repeat;
}

#cboxBottomLeft {
width:21px;
height:21px;
background:url(images/controls.png) -100px -29px no-repeat;
}

#cboxBottomRight {
width:21px;
height:21px;
background:url(images/controls.png) -129px -29px no-repeat;
}

#cboxMiddleLeft {
width:21px;
background:url(images/controls.png) left top repeat-y;
}

#cboxMiddleRight {
width:21px;
background:url(images/controls.png) right top repeat-y;
}

#cboxTopCenter {
height:21px;
background:url(images/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
height:21px;
background:url(images/border.png) 0 -29px repeat-x;
}

#cboxCurrent {
position:absolute;
bottom:3px;
left:58px;
color:#949494;
}

#cboxSlideshow {
position:absolute;
bottom:3px;
right:30px;
color:#0092ef;
}

#cboxPrevious {
position:absolute;
bottom:0;
left:0;
background:url(images/controls.png) -75px 0 no-repeat;
width:25px;
height:25px;
text-indent:-9999px;
}

#cboxPrevious.hover {
background-position:-75px -25px;
}

#cboxNext {
position:absolute;
bottom:0;
left:27px;
background:url(images/controls.png) -50px 0 no-repeat;
width:25px;
height:25px;
text-indent:-9999px;
}

#cboxNext.hover {
background-position:-50px -25px;
}

#cboxLoadingOverlay {
background:url(images/loading_background.png) center center no-repeat;
}

#cboxLoadingGraphic {
background:url(images/loading.gif) center center no-repeat;
}

#cboxClose {
position:absolute;
bottom:0;
right:0;
background:url(images/controls.png) -25px 0 no-repeat;
width:25px;
height:25px;
text-indent:-9999px;
}

#cboxClose.hover {
background-position:-25px -25px;
}

.cboxIE #cboxTopLeft {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');
}

.cboxIE #cboxTopCenter {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');
}

.cboxIE #cboxTopRight {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');
}

.cboxIE #cboxBottomLeft {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');
}

.cboxIE #cboxBottomCenter {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');
}

.cboxIE #cboxBottomRight {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');
}

.cboxIE #cboxMiddleLeft {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');
}

.cboxIE #cboxMiddleRight {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');
}

/*HOVERBOX
____________________________________________ */

.hoverbox {
cursor:default;
list-style:none;
}

.hoverbox a {
cursor:default;
}

.hoverbox a .preview {
display:none;
}

.hoverbox a:hover .preview {
display:block;
position:absolute;
top:-33px;
left:-45px;
z-index:1;
}

.hoverbox img {
border:1px #999 solid;
color:inherit;
vertical-align:top;
width:110px;
height:110px;
}

.hoverbox li {
border:1px #999 solid;
display:inline;
float:left;
position:relative;
margin:3px;
}

.hoverbox .preview {
width:330px;
height:330px;
border-color:#000;
}

.mobileonly {
position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
#subnav
{
	float: right;
	font-size: 1.2em;
	width: 360px;
	font-size: 0.9em;
}
}