/*
Copyright 2008 - MultiLayerDesign
http://multilayerdesign.com/

Maintemplate CSS file - BASE CSS - use in conjunction with maintemplate.htm as a base css file
-extend as needed

Main divs are seo friendly and work in firefox, safari, chrome, opera 
and suppose we have to support ie7 and not for long ie6

structure is
bodywrapper     - positioned relative - margin-top matches header height
headerwrapper   - positioned absolute top
footerwrapper   - positioned relative and follows on from bodywrapper

History:
    Author      Date        Changed
    KJ          17/11/2008  created stylesheet for base template

border: dashed 1px red;
*/
@import "reset.css";
html
{
    position: relative;
    float: left;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;    
}

body
{
    background-color: #dad5d4;
    color: #000;
    font-family: Calibri, Verdana, Tahoma, Arial, Georgia, Sans-Serif;
    width: 100%;
    height: auto;
    min-height: 100%;
    margin: 0;
    padding: 0;    
    
	font-size: 100%;
    font-size: 1.2em;
}

strong
{
	font-weight: bold;
}

/* standard tags start */
p
{
	font-size: 0.8em;
	padding: 10px 20px 10px 20px;	
}

h1
{
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	color: #000;
}


h2, h2 a
{
	font-size: 1.1em;
	line-height: 1.2em;
	color: #000;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

h2 span
{
	font-size: 1.1em;
	line-height: 1.2em;
	color: #000;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

h3
{
	font-size: 1.3em;
	line-height: 1.2em;
	color: #008000;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

h4
{
    text-align: center;
    font-size: 1.2em;
    color: #000;
    font-weight: bold;
    margin: 10px 0 0 0;    

    text-align: left;
}

h5
{
    font-size: 1.3em;
    color: #008000;
    margin: 50px 0 0 0;
    padding: 0;
}

h6
{
    font-size: 0.8em;
    color: #008000;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.fl
{
    float: left;
}

.fr
{
    float: right;   
}

.cl
{
    clear: left;
}

.cb:after
{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    
}
.cb
{
    display:inline;
}

.nobullets, ul
{
    list-style: none;
}

.nopadding
{
    padding: 0;
    margin: 0;
}

ul
{
    padding-left: 5px;
    padding-right: 5px;
    margin: 5px;
}

a
{
    color: #008000;
    border: none;
    outline: none;
    text-decoration: none;
/*    font-size: 0.8em;*/
}

h4 a
{
    font-size: 0.8em;
}

div.temp p a, p.temp a
{
	font-size: 1.1em;
}

a:link
{
    color: #008000;
    border: none;
    outline: none;
    text-decoration: none;
}

a:visited
{
    color: #008000;
}
a:hover
{
    color: #43ad4b;
    text-decoration: underline;
}

a:active
{
    color: #008000;
}

img
{
    border: none;    
}

.smallfonts
{
    font-size: 0.7em;
    color: #666;
    line-height: 1.2em;    
}

.mediumfonts
{
    font-size: 0.9em;
    color: #000;
    font-weight: bold;
}

.it
{
    font-style: italic;
    text-indent: 10px;
}

label, legend
{
    font-size: 0.9em;    
}

legend
{
    margin: 0;
    padding: 5px;
    color: #000;
}

.newsletter label
{
	padding: 5px;
}

fieldset
{
    margin: 0;
    padding: 0;
    border: none;
    
}

.leftalign
{
    text-align: left;
}

.centeralign
{
    text-align: center;    
}

.rightalign
{
    text-align: right;
}

#welcometocafejac 
{
	height: 45px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 200px;
	float: left;
}

#bottomcontent
{
	height: 50px;
	background-color: #fff;
}

#foodtogo
{
    position: relative;
    float: left;
    width: auto;    
    height: auto;
    
    margin-left: 10px;
    margin-top: 3px;
}

#foodtogo h3, #foodtogo h3 a
{
    color: #1b381c;
}

#foodtogo h3 a:hover
{
	text-decoration: underline;
}

.bagimage
{
	position: relative;
	float: left;
	margin-top: -120px;	
	margin-left: 30px;
}

/* standard tags end */
/*sync with headerwrapper height!!!*/
#bodywrapper
{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 700px;
    margin: 132px 0 0 0; 
    padding: 0;
/*    background: #b2d9b2 url(../images/middlebgline.jpg) repeat-x top;*/
    background: #fff url(../images/december2009/bodystrip.jpg) no-repeat top;
    border-bottom: solid 1px #fff;
    
}

#headerwrapper
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 132px;
    padding: 0;
    margin: 0;      
    background: #fff url(../images/december2009/headerstrip_101.jpg) no-repeat top;

}

#bodycontent
{
    position: relative;
    
    width: 920px;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 0;
    background-color: #fff;    
    border-left: solid 1px #000;
    border-right: solid 1px #000;    
}

#footerwrapper
{
    position: relative;
    width: 100%;
    height: 90px;
    padding: 0;
	margin: 0;
	margin-top: -10px;
}

#footercontent
{
    position: relative;
    width: 920px;
    height: 80px;
    margin: 0 auto 0 auto;
    padding: 0;
    background-color: #fff;
    border-left: solid 1px #000;
    border-right: solid 1px #000;
	
	padding-bottom: 10px;
}

#footer
{
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 10px;
}

#footerextlinks
{
    position: relative;
    width: 100%;

	/*margin-top: -10px;*/
	margin-left: 10px;

    float: left;
}

#footerlinksleft
{
    position: relative;
    width: 100%;
    font-size: 0.8em;
}


#footerlinksleft div
{
    position: relative;
    list-style: none;
    float: left;
    font-size: 0.9em;
}

#copyright
{
	margin-left: 10px;
}

#privacy
{
	margin-left: 230px;
}

#designedby
{
	margin-left: 160px;
}

#designedby a, #privacy a
{
	color: #000;
}

#footertopbar
{
	width: 880px;
	height: 1px;
	margin-top: 10px;
	margin-left: 20px;
	background-color: #000;
	border-top: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
}

.fixedwidth
{
    position: relative;
    float: right;
    width: 350px;
    text-align: right;    
    margin: -15px 30px 0 0;
    padding: 0;
}

/*
#headerouter
{
	width: 1034px;

    position: relative;
    margin: 0 auto 0 auto;
    padding: 0;

    background-image: url(../images/december2009/shadow_top_r.jpg);
    background-position: right;
    background-repeat: no-repeat;
}*/

/*HEADER*/
#header
{
    position: relative;
    margin: 0 auto 0 auto;
    padding: 0;
    width: 920px;
    /*height: 161px;*/
    height: 130px;
/*    background: #fff url(../images/ecomdemo/topgradient.png) repeat-x top;*/
    border: solid 1px #fff;
    border-left: solid 1px #000;
    border-right: solid 1px #000;    
    
    background-color: #fff;
}

#toplinks
{
    position: relative;
    float: right;
    width: 560px;
    height: 30px;
    padding: 0;
    margin: 0;

/*    font-family: Verdana, Tahoma, Arial, Georgia, Sans-Serif;*/
    font-weight: bold;
    font-size: 0.85em;
}

#toplinks a
{
    color: #000;
    border: none;
    outline: none;
    text-decoration: none;

    font-size: 1.0em;
}

#toplinks a:hover
{
    text-decoration: underline;
}

#toplinks span
{
	float: right;
	margin-right: 15px;
}

#logo
{
    position: relative;
    float: left;
    width: 250px;
    height: 55px;
    margin: 0 0 0 20px;
}

#visitus
{
    position: relative;
    float: right;
    width: 275px;
    height: 30px;
    margin: 15px 20px 0 0;
    text-align: center;
    
}


#titlemessage
{
    position: relative;
    float: left;
    width: 250px;
    height: 40px;
    margin: 10px 0 0 20px;
    color: #000;    
}
#titlemessage a
{
    font-size: 1.1em;
    color: #000;
}

#searchbox
{
    position: relative;
    float: right;
    width: 270px;
    height: 40px;
    padding-top: 15px;    
}



/* FOOTER */
#footerpromotion
{
    position: relative;
    width: 780px;
    height: 120px;
    margin: 0 auto 0 auto;
    padding: 0;    
    z-index: 1;
    
}

#footerbar
{
    position: relative;
    width: 800px;
    height: 38px;
    background: #b2d9b2 url(../images/footerbar.png) repeat-x;
    border: solid 1px #ccc;
    margin: -20px auto 0 auto;
    padding: 0;
}



#footerbar ul
{
    position: relative;    
    width: 780px;
    height: 30px;
    padding: 0;
    margin: 9px 0 0 10px;
    list-style: none;
    z-index: 2;
}

#footerpagelinks
{
    
    position: relative;
    float: left;
    width: 920px;
    height: 20px;
    margin: 0;
    padding: 0;
    
    
}

#footerpagelinksleft
{
    position: relative;
    float: left;
    margin: 0 0 0 20px;
    padding: 0;
    width: 480px;
    height: 20px;
    
}

#footerpagelinksright
{
    position: relative;
    float: right;
    margin: 0;
    padding: 0;
    width: 420px;
    height: 20px;
    
}

#footerpagelinksright ul
{
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
#footerpagelinksright ul li
{
    position: relative;
    float: right;
    margin: 0 20px 0 0;
    padding: 0;
    display: inline;
    z-index: 2;
    
}

#footerpagelinks a
{
    font-size: 0.8em;    
}

#footerbar ul li
{    
    position: relative;
    width: auto;
    height: 20px;    
    margin: 0;
    padding: 0 10px 0 10px;
    display: inline;
        
}

#footerbar ul li a
{
    color: #008000;
    font-size: 0.8em;
    font-weight: bold;
}

#topofpage
{
    position: relative;
    float: right;
    margin: -30px 20px 0 0;
    width: 24px;
    height: 24px;    
}

#footerinfo
{
    position: relative;
    width: 500px;
    height: 70px;
    margin: 10px auto 0 auto;
}

#contactinfo
{
    position: relative;    
    width: 400px;
    height: 70px;
    margin: 0 auto 0 auto;
}

#paymentinfo
{
    position: relative;
    margin: 0 auto 0 auto;
    width: 300px;
    height: 40px;    
}

#contactinfo ul, #paymentinfo ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#contactinfo ul li, #paymentinfo ul li
{
    font-size: 0.8em;
    padding: 0;
    color: #008000;
    font-weight: bold;
}

#contactinfo ul li a
{
    font-size: 0.9em;    
}


/* CONTENT SECTIONS */

#middlecontentwrapper
{
    position: relative;    
    width: 920px;
    height: auto;
	min-height: 680px;
	margin-top: 20px;
	z-index: 1000;    
}

.leftcontent
{
    position: relative;
    float: left;
    width: 205px;
    height: auto;    
    margin: 10px 0 0 20px;
    
}

.middlecontent
{
    position: relative;    

    width: 655px; /*480px;*/
    height: 710px;

    margin: 0;
    margin-left: 240px;
    margin-right: 5px;
    padding-top: 10px;
}

.middlecontent_menu
{
    position: relative;    

    width: 655px; /*480px;*/
    height: 710px;

    margin: 0;
    margin-left: 25px;
    margin-right: 240px;
    padding-top: 10px;    
}

.middlecontent_admin
{
    position: relative;    
    width: 960px;
    height: auto;
    min-height: 1000px; /*DONT MESS WITH ME, DO NOT MAKE SMALLER - CAN MAKE BIGGER I CONTROL THE PAGE FLOW*/
    margin: 0 auto 0 auto;
    padding-top: 10px;	
}

.middleboxwrapper_admin
{
    position: relative;
    width: 940px;
    height: auto;
    background-color: #fff;    
    margin-bottom: 15px;
}
.middleboxcontent_admin
{
    position: relative;
    width: 908px;
    height: 100%;
    background-color: #e5f2e5;
    border: solid 1px #008000;
    outline: solid 1px #ccc;
    overflow: auto;
}

.rightcontent
{
    position: relative;
    float: right;
    width: 225px;
    height: auto;    
    margin: 10px 0 0 0;
    padding: 0;
/*    background-color: #cce5cc;*/
    
}

#rightcontentbackground
{
    position: relative;
    float: left;
    width: 210px;
    height: auto;    
    margin: 0;
    padding: 0;
    background-color: #fff;
    
}

#cornermarkertop
{
    position: relative;
    float: right;
    width: 9px;
    height: 10px;
    padding: 0;
    margin: 0;
/*    background: url(../images/toprightcorner.png) no-repeat top;*/
}

/* BOXES 
set MIN sizes for height - this should allow for a constant height for content under the size but 
allow some flexibility to expand the box should there but just a bit more content than normal
At least doing it this way we dont overshoot the div barrier

100
150
200
250
300
350


*/

.box100
{
    height: auto;
    min-height: 100px;
}

.box125
{
    height: auto;
    min-height: 125px;
}

.box150
{
    height: auto;
    min-height: 150px;
}
.box200
{
    height: auto;
    min-height: 200px;
}
.box250
{
    height: auto;
    min-height: 250px;
}
.box300
{
    height: auto;
    min-height: 300px;
}
.box350
{
    height: auto;
    min-height: 350px;
}
.box400
{
    height: auto;
    min-height: 400px;
}

.sideboxwrapper
{
    position: relative;
    width: 200px;
    height: auto;  
    padding: 10px 0 10px 0;
    padding-bottom: 0px;
/*    margin-bottom: 10px;    */
}

.sideboxcontent
{
    position: relative;
    width: 185px;
    height: 100%;    
    background-color: #aad9ad;
    color: #1b381c;
	padding-left: 15px;
}
.sideboxcontent ul
{
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
    padding-top: 0;
}
.sideboxcontent ul li
{
    font-size: 0.7em;
    line-height: 1.3em;
    font-weight: bold;
}
.middleboxwrapper
{
    position: relative;
    width: 655px; 
    height: auto;
    background-color: #fff;    
    margin-bottom: 15px;
}

.middleboxcontent
{
    position: relative;
    width: 653px; 
    height: 100%;
    background-color: #fff;
}

.boxheadertitle
{
    position: relative;
    width: 185px;
    height: 38px;
/*    background-color: #cce5cc;*/
    background-color: #aad9ad;
}
.boxheadertitle div
{
    padding: 10px 0 0 0;
    color: #000;
	font-weight: bold;
}

.boxheadertitle div a
{
    color: #fff;
	font-weight: bold;
	font-size: 1.0em;
}

.boxheadertitle div a:hover
{
    color: #fff;
}

.boxfooter
{
    position: relative;
    margin: 0;
    padding: 0;
    width: 200px;
    height: 10px;
/*    background-color: #cce5cc;    */
    background-color: #aad9ad;
}

.middleboxheadertitle
{
    position: relative;
    width: 653px;
    height: 40px;
    margin: 0;
    padding: 0;
    background: #fff;
}

.middleboxheadertitle_admin
{
    position: relative;
    width: 938px;
    height: 30px;
    margin: 0;
    padding: 0;
    background: #fff;
}

.middleboxheadertitle div
{
    padding: 5px 0 0 10px;
    color: #fff;    
}

.greentext
{
    color: #43ad4b;
}

.recprodbox
{
    position: relative;
	width: 295px;
    height: auto;
    min-height: 70px;
    /*margin: 10px 0px 0px 10px;*/
    font-size: 0.9em;

	height: 130px;
	float: left;    

    border: dotted 1px black;
}
.recprodbox a
{
    font-size: 1.0em;
    font-weight: bold;
}

.recprodbox li
{
    margin-top: 5px;
	float: left;    
}

.recprodbox li div a div span
{
	font-size: 0.8em;
}

.sparebox
{
	border: 0;
}

.featureprodbox
{
    position: relative;
    float: left;
    width: 240px;
    height: auto;
    margin-top: 10px;    
    font-size: 0.9em;
}

.menubox
{
    position: relative;
    width: 200px;
    height: 50px;
    margin-bottom: 10px;    
    background: #cce5cc url(../images/menuentrybox.png) no-repeat;
}

.menubox ul li
{
    line-height: 1.5em;
    font-weight: bold;
    text-align: center;
    padding-top: 9px;
}
.menubox a
{
    font-size: 1.0em;
}

.menubox2
{
    position: relative;
    width: 200px;
    height: 50px;
    margin-bottom: 10px;    
    background: #cce5cc url(../images/menuentrybox.png) no-repeat;
}

.menubox2 ul li
{
    line-height: 1.5em;
    font-weight: bold;
    text-align: center;
    padding-top: 9px;
}

.menubox2 a
{
    font-size: 0.9em;
}
/*
.menubox span
{
	display: block;
	font-size: 0.7em;
	font-weight: normal;
	margin-top: -5px;
}*/

.discount10pc
{
    position: relative;
    width: auto;
    height: auto;    
}
.discount10pc ul li
{
    text-align: center;    
}

#menublock
{
    width: auto;
    height: auto;
    margin-bottom: 20px;    
}

.keepaligned
{
    padding-left: 10px;
}

.keeplargefontsize
{
    font-size: 1.0em;    
    font-weight: bold;
}

/*MISC*/

#breadcrumb
{
    position: relative;
    width: 100%;
    height: 25px;
    font-size: 0.7em;    
}

a.button150, a.button150:hover, a.button150:visited
{
	display:block;
	height: 40px;
	width: 155px; /*220px;*/
	color: #fff;
	margin-right: 15px;
	float: left;
}

a.button150 div
{
    background: url(../images/buttonleft.png) no-repeat;
    padding-left: 35px;
    height: 40px;
    width: 115px;
    width: auto;
    cursor: pointer;
}

a.button150 div span
{
    background: url(../images/buttonright.png) no-repeat;
    background-position: right;
    display:block;
    height: 30px;
    width: 115px;
    padding-top: 10px;
    padding-left: 10px;
    font-weight: normal;
    cursor: pointer;
}

p a.button150
{
	font-size: 1.0em;
}

a.button160, a.button160:hover, a.button160:visited
{
	display:block;
	height: 40px;
	width: 165px; /*220px;*/
	color: #fff;
	margin-right: 15px;
	float: left;
}

a.button160 div
{
    background: url(../images/buttonleft.png) no-repeat;
    padding-left: 35px;
    height: 40px;
    width: 125px;
    width: auto;
    cursor: pointer;
}

a.button160 div span
{
    background: url(../images/buttonright.png) no-repeat;
    background-position: right;
    display:block;
    height: 30px;
    width: 125px;
    padding-top: 10px;
    padding-left: 10px;
    font-weight: normal;
    cursor: pointer;
}

p a.button160
{
	font-size: 1.0em;
}

.buttonbar
{
	margin-left: 20px;
	height: 50px;
}

div.buttonbarfont
{
	font-size: 0.8em;
}

.producttitle
{
    color: #008000;
    border: none;
    outline: none;
    text-decoration: none;
    font-size: 0.8em;
    /*font-family: Verdana, Tahoma, Arial, Georgia, Sans-Serif;*/
    font-weight: bold;
    width: 255px;
    text-align:left;
}

.width20 input
{
	width: 20px!important;
}

/* 26/02/2009 changes start here */
#headercontent
{
	/*border: solid 1px black;*/
	width: 630px; 
	height: 60px; 
	margin-right: 15px; 
	position: relative; 
	float: right;
}

.phonenumber
{
	position: relative;
	float: right;
	font-weight: bold;
	font-size: 1.2em;
	padding-top: 30px;
	height: 30px;
}

#headerlinkbar
{
	position: relative;

	width: 100%;
	height: 30px;

	float: left;

	background-color: #43ad4b;	
}

#headerlinkbar a
{
	color: #fff;
	font-size: 1.1em;

	margin-left: 20px;
}

#headerlinkbar #actionlinks
{
	font-weight: bold;
	
	width: 600px;
	float: right;
	text-align:right;
}

#actionlinks a
{
	margin-left: 15px;
	margin-right: 10px;
}

#basket
{
    position: relative;
    float: right;
	width: 270px;
    height: 60px;    
    margin: 0;
	margin-right: 10px; 
	background-color: #cce5cc;
	border: dotted 1px black;
}

#basket ul
{
    position: relative;
    margin: 5px 0 0 0;    
    text-align: center;
    
    
}

#basket ul li
{
	padding-top: 5px;
}

#basket ul li a
{
    font-size: 0.8em;
    font-weight: bold;
}

.ItemAddedPanel
{
	border: dotted 1px black;
	float: left;
	width: 340px;
	height: 60px
}

.ItemAddedPanel p span
{
	font-size: 0.9em;
}

.ProductViewerMainPanel .Listable
{
	float: right;
	width: 310px;
	margin-top: 10px;
	margin-right: 10px;
}

.ProductViewerMainPanel .Listable li label
{
	width: 70px;
	font-size: 0.8em;
}

.ProductViewerMainPanel .buttonbar
{
	float: right;
	margin-right:0;
	position:relative;
	right:-10px;
	bottom: -5px;
}

.prddescription
{
	height: 48px;
	overflow: hidden;
	width: 100%;
}

.prdtitle
{
	height: 25px;
}

.prdbuttons
{
	position: relative;
	right: 1px
}

.buttons
{
	width: 100%;
}

.addedbasketpopup
{
	border: dotted 1px black;
	width: 350px;
	height: 100px;
	background-color: #fff;
	padding: 20px 20px 20px 20px;
}

.addedbasketpopup span
{
	font-size: 0.8em;
}

.addedbasketpopupcontainer
{
	background-color: #fff;
	padding: 10px 10px 10px 10px;
}

/* December 2009 new css */
div#titlemessage h1
{
	text-align: right;
}

#newslettercontent p
{
	text-align: right;
}

#leftmenu
{
	height: 270px;
}

#leftmenu ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#leftmenu ul li
{	
	padding: 0;
	margin: 0;

	padding-right: 10px;

	text-align:right;
}

#leftmenu ul li a
{
	display:block;
	
	height: 30px;

	color: #000;
	
	font-size: 1.1em;
}

.newsletter div div p a
{
	color: #fff;
}

.newsletter ul
{
	margin-left: 0px;
	padding-left: 0px;
}

.blogborder
{
	border: solid 1px black;
}

.productviewer
{
	height: 500px;
	overflow: auto;
	
	border-top: dashed 1px black;
	border-bottom: dashed 1px black;
}

.privacycontent
{
	height: 700px;
	overflow: auto;
}

.rightshadow
{
	width: 920px;
	margin-left: auto;
	margin-right: auto;

	background: url(../images/december2009/shadow_rhs_41x959.png);
	background-repeat: repeat-y;
	background-position: right;

	padding-right: 40px;
}

.leftshadow
{
	width: 950px;
	margin-left: auto;
	margin-right: auto;

	background: url(../images/december2009/shadow_lhs_35x960.png);
	background-repeat: repeat-y;
	background-position: left;

	padding-left: 34px;
}

#camThumbContainer
{
	margin-left: 20px; 
	width: 620px; 
	height: 414px; 
	margin-bottom: 10px;
}

#camThumbContainer a
{
	float: left;
	display:block;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 2px 2px 2px 2px;
	border: solid 1px #000;
}

#camThumbContainer a:hover
{
	border: dashed 1px gray;
	opacity: 0.7;
}

#camplaceholder #cam1, #camplaceholder #cam2, #camplaceholder #cam3, #camplaceholder #cam4
{
	display:none;
}

#cam1, #cam2, #cam3, #cam4
{
/*	width: 600px;
	height: 450px;*/
}

#camimage1
{
	margin-left:auto;
	margin-right:auto;
	float:left;
}

.addedbasketpopup a, .ItemAddedPanel a, .buttonbar a div span
{
	font-size: 0.8em;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
	body
	{
    		font-size: 1.0em!important;
	}
	
	.bagimage
	{
		margin-top: -100px;
	}
}