/* 
	2008 MULTILAYER DESIGN - WWW.JERSEYMARKET.CO.UK
	www.multilayerdesign.co.uk

	Created: Friday 12th September 2008
	Author: Kevin Jaques
	Updates: Created Stylesheet
	
*/

/*  	REFERENCES - 

	COLORS
		Body Background: #fbf9f5
		Top Silos (a): #fff #
		Sidebar Silos (a): #000 #222
		Main Text (p): #222
		Main Headers (h4): #
		Links (a): #
		Breadcrumb, company links: #666
		Header: #98002e
		Footer: #
		Section Bars: #fff
		Section BarsText: #fff

	SECTIONS ORDER - should retain 100% seo
		1. MAIN CONTENT - Products, new products, coming soon, landing pages etc..
		2. SIDEBAR - MENU, MISC BOXES etc..
		3. FOOTER - Static info, Dynamic info
		4. HEADER - logo, main top nav, promotional boxes next to logo, basket/site links
		5. VERTICAL LINK BAR - static, contains main static links
*/

body, html
{
	font-family: verdana, Arial, Georgia, serif;
    margin: 0;
	padding: 0;	
}

body /* dont mess with me, otherwise i will get angry, mean and green */
{
	width: 100%;
    height: 100%;
    min-height: 100%;
	background: #fbf9f5 url(../images/linebg_tiled.png) repeat;    
	color: #333;
	/*border: solid 2px green;*/
}

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

label 
{
    font-size: 0.8em;
}

h1
{
	font-size: 1.4em;
	line-height: 1.0em;
	font-family: Georgia, Verdana, Arial;
}

h1 a
{
	color: #000;
}

h2, h2 a
{
	font-size: 0.9em;
	line-height: 0.9em;
	font-style: italic;
	color: #98002e;
	font-weight: normal;
	padding-left: 20px;
}

h3
{
    font-size: 0.8em;
    color: #fff;
    font-weight: bold;
    font-family: Georgia, Verdana, Arial;
    margin: 0;
    padding: 0;
}

h4
{
	/*font-size: 0.8em;
	color: #fff;
	font-weight: bold;
	font-family: Georgia, Verdana, Arial;*/
	margin: 0;
	padding: 0;
}

.FullWidth h4
{
	padding-top: 10px;
	padding-left: 10px;
}

.FullWidth h4 a
{
	color: #000;
}

/*
h4
{
    font-size: 0.8em;
    color: #fff;
    font-weight: bold;
    font-family: Georgia, Verdana, Arial;
    margin: 0;
    padding: 0;
}*/

h5
{
    position: relative;
    font-size: 1.0em;
    text-align: left;
    padding: 10px 10px 10px 10px;
    margin: 0;
    font-family: Tahoma, Georgia, Verdana, Arial;
    background: #e1ddd6;
    color: #222;
    border: solid 2px #6d0625;
    outline: solid 1px #fff;    
}

.FullWidth h5
{
	position: relative;
	font-size: 0.8em;

	padding: 0;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	
	font-family: verdana, Arial, Georgia, serif;
	background: none;
	color: #222;
	border: none;
	outline: none;
}

h5 a
{
    color: #222;
}

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

h6 a
{
    color: #e1ddd6;
}

hr
{
    border-style: inset;
    color: #bf5a3b;
    margin: 4px 0 0 0;
}

.pad_ten
{
    padding-left: 10px;
}

.fl
{
    float: left;
}

.fr
{
    float: right;    
}

.cl
{
    clear: left;
}

.cb
{
    clear: both;
}

.nobullets
{
    list-style: none;
}
.nopadding
{
    padding: 0;
}

.inl li
{
    display: inline;    
}

a
{
    border: none;
    outline: none;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

img
{
    border: none;    
}

.smallfonts
{
    font-size: 0.6em;
    color: #ff0000;
    line-height: 1.2em;
    
}

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

.dots
{
    padding-bottom: 5px;
    border-bottom: dotted 1px #ff0000;
}

.greydateitdot
{ 
    font-size: 0.6em;
    color: #666;
    line-height: 1.2em;
    font-style: italic;
    text-indent: 10px;
    padding-bottom: 5px;
    border-bottom: dotted 1px #ff0000;
}

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


/* standard tags end */

/* main body stuff start */

#bodywrapper
{
    position: absolute;
	top: 0;
	left: 0;
    width: 100%;
    height: auto; 
    min-width: 980px;
    max-width: 1150px;
    background:  url(../images/bggradient.png) repeat-x bottom;
    /*border: dashed 2px red;*/
}

#liquidwrapper /*works in all browsers, we wont go into ie6 though cos that should be killed*/
{
    position: relative;
    float: left;
    margin: 0 5% 0 5%;
    width: 90%;
    height: auto;
    /*border: dashed 2px green;*/
    background: url(../images/pageleftedge.png) repeat-y left;
    min-width: 910px;
    
}
/*works in ie7 but not the others


#liquidwrapper
{
    position: relative;
    margin: 0 auto 0 auto;
    width: 90%;
    min-height: 1000px;
    height: 100%;
    border: dashed 2px green;
    background: url(../images/pageleftedge.png) repeat-y left;    
}

*/

#pagewrapper
{
    position: relative;
    float: left; 
    width: 100%;
    height: 100%;
    margin-left:9px;
    padding: 0;    
    /*border: dashed 2px green;*/
    
}
#pageinnerwrapper
{
    position: relative;
    float: left;
    width: 98%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    /*border: dashed 2px green;*/
}


#staticverticalbarlinks
{
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 100%;
    background: url(../images/staticverticalbar.png) repeat-y;
    z-index: 10;    
}

/* fixed links for easy use */
#staticverticalbarlinks ul
{
    position: static;
    margin: 0;
    padding: 0;
    width: 62px;
    height: auto;
    list-style: none;
}

#staticverticalbarlinks ul li
{
    text-align: center;    
}

/* main body stuff end */


/* sections - move into position 
    #1 header
    #2 main content    
    #3 sidebar    
    #4 footer

*/



#bodycontent
{
    position: relative;
    float: left;
    margin: 270px 0 0 0;
    width: 99%;
    height: auto;
    /*border: solid 2px blue;*/
    min-height: 600px;
    background: url(../images/pagegradient.png) repeat-x bottom;
}

#maincontent
{
    position: relative;
    float: left;
    width: 90%;
    height: 100%;
    min-width: 860px; /*do not mess with me, you wont like me when im angry ;) used to control main content so no overlaps*/
    /*border: solid 2px black;*/
}

/* landingpage */
#mainbodycopy
{
    position: relative;
    float: right;
/*    margin: 10px 5px 20px 0;*/
    margin: 0px 5px 20px 0px;
    min-height: 300px;
    height: auto;
    width: 70%;
    min-width: 620px; /*do not mess with me, you wont like me when im angry ;) used to control main textbox NON collapsible width */
    /*outline: solid 1px #eee;
    border: solid 1px #ccc;
    background: #fff;*/
}


#brandnamesection
{
    position: relative;
    width: 90%;
    height: 60px;
    padding: 10px;
    padding-top: 0px;
    /*border: solid 1px black;*/
}

#sidebar
{
    position: relative;    
    width: 230px;
    height: auto;
    /*border: solid 1px red;*/
    min-height: 600px;
}

#footer
{
    position: relative;
    float: left;
    width: 98%;
    height: 340px;
    background: #98002e url(../images/footergradient.png) repeat-x bottom;
    /*border: solid 2px red; */
}

#companyinfoline
{
    position: relative;
    float: left;
    width: 100%;
    height: 67px;
    background: url(../images/dropshadow.png) repeat-x bottom;
    /*border: solid 1px red;*/
}

#footerlinks
{
    position: relative;
    float: left;
    width: 100%;
    height: 30px;
    margin: 0;
    background: #428f6f;
}

#footerlinks ul, .middlebar ul
{
    margin: 0;
    padding: 0 0 0 30px;
}

.middlebar ul
{
    margin: 0 0 0 195px;
}

#footerlinks ul li, .middlebar ul li
{
    padding-right: 32px;
}

.middlebar ul li
{
    float: left;
    padding-top: 5px; 
}
#footerlinks ul li a, .middlebar ul li a
{
    color: #fff;
    font-size: 0.9em;
    font-family: Tahoma, Verdana, Arial, Georgia, serif;
    
}


#footercompanyinfo
{
    position: relative;
    float: left;
    width: 100%;
    height: 30px;    
    background: #fff url(../images/dropshadow.png) repeat-x top;
    color: #333;
}

#footercompanyinfo ul li
{
    float: left;
    margin-right: 80px;
    color: #000;
    font-size: 0.8em;
    font-family: Tahoma, Verdana, Arial, Georgia, serif;
    
}

#footercompanyinfo ul li a
{
    color: #000;
    
}


#footerlinks ul, #footercompanyinfo ul
{
    margin: 5px 0 0 0;
    padding: 0 0 0 10px;
    list-style: none;
    width: 98%;
    text-align: center;
}

#footerbox_brands, #footerbox_whatsnew
{
    position: relative;    
    float: left;
    width: 280px;
    height: 200px;
    margin: 10px 0 0 20px;   
}

#footerbox_brands ul, #footerbox_whatsnew ul
{
    position: relative;
    float: left;    
}

#footerbox_brands ul li, #footerbox_whatsnew ul li
{
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    line-height: 1.6em;
    width: 230px;
    list-style: none;
    list-style-position: inside;    
}

#footerbox_brands ul li a, #footerbox_whatsnew ul li a
{
    float: left;
    color: #fff;
    font-family: Tahoma, Verdana, Arial, Georgia, serif;
    font-size: 1.0em;
    width: 220px;
    height: 1.6em;    
}

#footerbox_brands ul li a span, #footerbox_whatsnew ul li a span
{
    margin: 0;
    padding: 0;
    width: 1.6em;
    height: 1.6em;
}

#footerbox_info
{
    position: relative;
    float: right;
    width: 200px;
    height: 205px;
    margin: 5px 30px 0 0;
}

#validation
{
    position: relative;
    float: left;
    width: 98%;
    height: 60px;
    margin-right: 40px; 
    /*border: solid 1px red;*/
}

#updateinfo
{
    position: relative;
    float: left;
    width: 400px;
    height: 20px;
    font-style: italic;
}

#validationlinks
{
    position: relative;    
    float: left;
    width: 98%;
    height: 20px;
}

#updateinfo ul /*, #validationlinks ul*/
{
    margin: 0;
    padding: 0 0 0 20px;
    list-style: none;
}

#validationlinks ul
{
	margin-left: 0px;
	padding-left: 0px;	
}

#validationlinks ul li
{
    padding-left: 20px;    
}
#validationlinks ul li, #updateinfo ul li, #footerbox_info ul li
{
    font-size: 0.8em;
    color: #ccc;
    text-decoration: none;
}

#validationlinks ul li a
{
    color: #a6313c;
}

#validationlinks ul li a:hover
{
    text-decoration: underline;
}

#updateinfo ul li, #validationlinks ul li, #footerlinks ul li, #footercompanyinfo ul li, .middlebar ul li
{
    display: inline;
}


/* HEADER STUFF START */

#header
{
    position: absolute;
    top: 0;
    left: 0;
    width: 99%;
    height: 270px;
    background: #fff;
}

#mainheader
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;
/*	background: #98002e url(../images/headerbg_tiled.png) repeat-x;*/
	background: #98002e url(../images/headerbg_t2.jpg) repeat-x;
}

#topgradient
{
    position: absolute;
    top: 0;
    left: 0;    
    width: 100%;
    height: 60px;
    background: url(../images/headertopgradient.png) repeat-x top;
}

#topbarlinks
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;    
}

#topbarlinks ul
{
    float: right;
    margin: 0;
    padding: 5px 40px 0 0;
    list-style: none;
}

#topbarlinks ul li
{
    display: inline;
    margin-left: 20px; 
}

#topbarlinks ul li a
{
    font-size: 0.9em;
    color: #fff;
    font-family: Tahoma, Verdana, Arial, Georgia, serif;
}

#logoarea
{
    position: absolute;
    top: 0;
    left: 10px;
    width: 196px;
    height: 208px;
}

.middlebar
{
    position: absolute;
    top: 170px;
    left: 0;
    width: 100%;
    height: 30px;
    margin: 0;
    background: #428f6f url(../images/dropshadow.png) repeat-x top;
}

#topdropshadow
{
    position: absolute;
    top: 200px;
    left: 0;
    width: 100%;
    height: 7px;
    margin: 0;
    background: url(../images/dropshadow.png) repeat-x top;    
}

#breadcrumb
{
    position: absolute;
    top: 260px;
    left: 220px;
    width: 70%;
    height: 20px;
    margin: 0;
}

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

#breadcrumb ul li
{
    font-size: 0.8em;    
    color: #999;
}

#breadcrumb ul li a 
{
    color: #999;
}

#welcome
{
    position: absolute;
    top: 225px;
    left: 20px;
    width: 52%;
    height: 20px;
    margin: 0; 
    font-size: 0.8em;
    font-weight: bold;
    color: #98002e;    
}

#welcome a
{
    color: #98002e;
}

#topsilosbar
{
    position: absolute;
    top: 117px;
    left: 0px;
    width: 100%;
    height: 53px;
    background: #98002e;
    margin: 0;
    padding: 0;
}

#topsilos
{
    position: relative;
    float: left;
    margin: 0;
    width: 100%;
    height: 53px;
    background: url(../images/menubar.png) repeat-x;
}

#topsilos ul
{
    position: relative;
    float: left;
    margin: 0 0 0 220px;
    padding: 0;
    width: 100%;
    height: 53px;
    list-style: none;    
}

#topsilos ul li
{
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    display: inline;    
}

#mainleftbar
{
    position: relative;
    float: left;
    margin: 0;   
    width: 250px;
    height: 53px;
    background: url(../images/menubar.png) repeat-x;    
}

#topsiloblank
{
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 104px;
    height: 53px;
    background: url(../images/menubarbutton.png) no-repeat top;    
}

.topsiloactive
{
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 104px;
    height: 53px;
    background: url(../images/menubarbutton_active.png) no-repeat top;
    text-align: center;
}

.topsilo
{
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 104px;
    height: 53px;
    background: url(../images/menubarbutton.png) no-repeat top;
    text-align: center;
}

.topsilo:hover
{
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 104px;
    height: 53px;
    background: url(../images/menubarbutton_hover.png) no-repeat top;
    text-align: center;
}

.topsilo a, .topsiloactive a
{
    position: relative;
    float: left;
    margin: 0;
    padding: 22px 0 0 0;
    width: 104px;
    height: 53px;    
    text-align: center;
    font-size: 0.9em;
    font-family: Tahoma, Verdana, Arial, Georgia, serif;
    color: #fff;
}

.topsiloactive a
{
    font-weight: bold;
}

.topsilo a:hover, .topsiloactive a:hover
{
/*    color: #f5c2c7;*/
color: #fff;
}



/*#topsilos
{
    position: absolute;
    float: left;
    top: 67px;
    left: 250px;
    right: 250px;
    margin: 0 50px 0 0;
    padding: 0;
    width: 80%;
    height: 53px;
    background: #98002e;
    border: solid 1px red;
}

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

#topsilos ul li
{
    float: left;
    margin: 0;
    padding: 0;
    width: 104px;
    height: 53px;
    background: url(../images/menubarbutton.png) no-repeat top;
    text-align: center;
}

#topsiloactive
{
    float: left;
    margin: 0;
    padding: 0;
    width: 104px;
    height: 53px;
    background: url(../images/menubarbutton_active.png) no-repeat top;
    text-align: center;
}

#topsilos ul li:hover
{
    float: left;
    margin: 0;
    padding: 0;
    width: 104px;
    height: 53px;
    background: url(../images/menubarbutton_hover.png) no-repeat top;
    text-align: center;
}
*/

/* basket stuff borrowed from js */

#headerbasketsummary a
{
    color: #fff;
    font-size: 0.8em;
}

#headerbasketsummary a:hover
{
    color: #f5c2c7;
    text-decoration: underline;
}


#baskettotal
{
    position: absolute;
    top: 46px;
    min-width: 250px;
    width: auto;
    right: 40px;

    width: 250px;
}

#baskettotal_l
{
    float: left;
    background: url(../images/header_baskettotalbg_l.png) no-repeat left;
    width: 10px;
    height: 32px; 
}

#baskettotal_m
{
    float: left;
    background: url(../images/header_baskettotalbg_m.png) repeat-x;
    min-width: 230px;
    width: auto;
    height: 32px;
    padding-top: 5px;
    text-align: center;
}

#baskettotal_r
{
    float: right;
    background: url(../images/header_baskettotalbg_r.png) no-repeat right;
    width: 10px;
    height: 32px;    
}

#searchbox
{
    position: absolute;
    top: 210px;
    right: 40px;
    width: 285px;
    height: 56px;
    background: url(../images/searchbox.png) no-repeat;
}

#searchbox div
{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

#searchbox div a
{
	font-size: 0.8em;
	margin-left: 10px;
}

#searchbox div span
{
	font-size: 0.8em;
	margin-left: 5px;	
}

#silocategories
{
    position: relative;    
    width: 210px;
    height: auto;    
    margin: 0 0 0 20px;
    padding: 0;
}

.topmenubg
{
    position: relative;    
    width: 210px;
    height: 52px;
    background: url(../images/categorymenu_top.png) no-repeat;
}

.catgroup
{
	position: relative;
	margin: 10px 0 0 15px;
	padding-top: 10px;
}

.catgroup ul
{
	margin-top: 10px;
	padding: 0;
	list-style: none;
	width: 178px;
	height: 1.8em;
	border: solid 1px #000;
	background: #428f6f;
	color: #fff;
	margin-left: 0px;
}

.catgroup ul li
{
	margin: 5px 0 0 0;
	padding: 0;
	text-align: center;
}

.midcatgroup
{
	background: #428f6f !important;
	color: #fff;
	text-align: center;
}


.middlemenubg
{
    position: relative;
    width: 210px;
    height: auto;
    margin: 0;
    padding: 0;
    /*min-height: 502px;*/
    background: url(../images/categorymenu_middle.png) repeat-y;
}

.middlemenubg ul
{
    position: relative;    
    margin: 0 0 0 15px;
    padding: 0;
    list-style: none;    
    width: 156px;
    height: auto;
}

.middlemenubg ul li
{
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 1.8em;
    border: solid 1px #999;
    background: #eee;
    width: 178px;
    height: auto;    
}

.middlemenubg ul li a
{
    position: relative;
    font-size: 0.7em;
    color: #000;
/*    margin: 0 0 0 10px;*/
    text-align: center;
    cursor: pointer;
    
    display:block;
    width: 100%;
    height: 100%;
}

.middlemenubg ul li a img
{
    position: relative;
    margin: 0 auto 0 auto;
}

.middlemenubg ul li a:hover
{
    font-size: 0.7em;
    color: #6d0625;
    text-decoration: underline;
}

.newproductlink a
{
	line-height: 1.5em;
	text-align: center;
	display: block;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

.newproductlink a img
{
}

#basketsummary
{
    position: relative;
    margin: -21px 0 0 0;
}

.smallbottommenubg
{
    position: relative;
    margin: 0;
    padding: 0;
    width: 210px;
    height: 24px;
    background: url(../images/categorymenu_bottom.png) no-repeat bottom;    
}


/* sidebar boxes - keep to 3 or 4 sizes small, medium, large, extra large */
.sidebarboxsmall
{
    position: relative;
    margin: 5px 0 0 20px;
    padding: 0;
    width: 220px;
    height: 210px;
    /*border: solid 1px red;*/
}

.smalltextlink
{
    text-align: center;
    font-size: 0.8em;    
}

.smalltextlink a img
{
    padding-top: 5px;
}

.sidebarboxmedium
{
    position: relative;
    margin: 5px 0 0 20px;
    padding: 0;
    width: 210px;
    height: 280px;  
    /*border: solid 1px red;*/
}

.sidebarboxlarge
{
    position: relative;    
    margin: 5px 0 0 20px;
    padding: 0;
    width: 220px;
    height: 300px;
    /*border: solid 1px red;*/
}

.sidebarboxextralarge
{
    position: relative;    
    margin: 5px 0 0 0;
    padding: 0;
    width: 200px;
    height: 400px;
    /*border: solid 1px red;*/   
}

/* HEADER STUFF END */

.productbox_landingpage
{
}

.productbox_landingpagetitlebar
{
    padding-top: 23px;
}

.productinfoleft
{
    position: relative;
    float: left;
    width: 220px;
    height: 250px;
    margin: 10px 0 0 10px;
    padding: 0;    
}

.headingbar
{
    position: relative;
    width: 100%;
    height: 34px;    
}

.headingbarfillcolor
{
    position: relative;
    width: 100%;
    height: 30px;
    background: #6d0625;    
}

.headingbaroverlay
{
    position: relative;    
    width: 100%;
    height: 34px;
    background: url(../images/products/productheaderbar.png) repeat-x;
}

.headingbaroverlay h3
{
    padding: 7px 0 0 10px;
}

.headingbaroverlay h3 a
{
	color: #fff;
}

.productinforight
{
    position: relative;
    float: left;
    width: 370px;
    height: 250px;
    margin: 10px 0 0 0;
    padding: 0;    
    font-size: 0.8em;    
}

.productinforight ul
{
    list-style: none;
    line-height: 1.4em;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.productinforight ul strong a
{
	font-weight: bold;
	color: #000;
}

.productinfopad
{
	padding-top: 5px;
}

.buttonbar
{
    position: relative;
    float: right;
    width: 130px;
    height: 34px;    
}

/*
.buttonbarfillcolor
{
    position: relative;
    width: 130px;
    height: 30px;
    background: #6d0625;    
}
.buttonbaroverlay
{
    position: relative;
    width: 130px;
    height: 34px;
    background: url(../images/products/productheaderbar.png) repeat-x;
    padding-top: 7px;
    text-align: center;
}

.buttonbaroverlay a
{ 
    color: #fff;
}*/

.productprice
{
    position: relative;
    float: right;
    font-size: 1.2em;
    color: #000;
    line-height: 1.6em;
    padding-right: 10px;
}

.pricebasket
{
    position: relative;
    float: right;
    width: 150px;
    height: 70px;
}

.productbox
{
    position: relative;
    margin: 0;
    padding: 0;
    background: #fff;
    width: 200px;
    height: 200px;
    border:solid 1px #ccc;
    list-style: none;
}
.productinfobox
{
    position: relative;
    margin: 5px 0 0 0;
    padding: 0;
    background: #fff;
    width: 200px;
    height: 24px;
    border:solid 1px #ccc;
    list-style: none;
}
.ProductViewer
{
}
.productinfoleft ul
{
    position: relative;
    margin: 0;
    padding: 0;    
}
.productinfoleft ul li
{
    position: relative;
    margin: 0;
    padding: 0;
}


.productinfobox a
{
    padding: 5px 5px 0 5px;
    color: #000;
    font-size: 0.7em;    
}

.productinfobox a:hover
{
    font-size: 0.7em;
    color: #6d0625;
    text-decoration: underline;
}

/* content box start */


.contentbox
{
	position: relative;
	float: left;
	margin: 1%;
	margin-top: 2px;
	width: 97%;	
	height: auto;
	padding: 0;
	/*border: dashed 1px red;*/
}


.contentbox_tl
{
    float: left;
    background: url(../images/contentbox/cb_tl.png) no-repeat;
    width: 18px;
    height: 20px;    
}
.contentbox_t
{
    float: left;
    background: url(../images/contentbox/cb_t.png) repeat-x;
    height: 20px;
    width: 94%;    
}
.contentbox_tr
{
    float: left;
    background: url(../images/contentbox/cb_tr.png) no-repeat;
    width: 18px;
    height: 20px;
    
}
.contentbox_l
{
    float: left;
    background: url(../images/contentbox/cb_l.png) repeat-y left;
	height: auto;
	width: 100%;
    padding-left: 15px;
}
.contentbox_middle
{
/*    float: left;*/
	height: auto;
	width: 94%;
}
.contentbox_text
{
	padding: 30px 5px 20px 5px;
	background-color: #f6f6f6;
	margin: 0 0 0 -6px;
	height: auto;
	border: solid 1px #999;
}
.contentbox_r
{
    float: right;
    background: url(../images/contentbox/cb_r.png) repeat-y right;
	height: auto;
	width: 100%;
	margin: 0 -21px 0 0;
	padding: 0 15px 0 0;
	
}

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

.contentbox_bl
{
    float: left;
    background: url(../images/contentbox/cb_bl.png) no-repeat;
    width: 18px;
    height: 20px;
}

.contentbox_b
{
    float: left;
    background: url(../images/contentbox/cb_b.png) repeat-x;
    width: 94%;
    height: 20px;
}
.contentbox_br
{
    float: left;
    background: url(../images/contentbox/cb_br.png) no-repeat;
    width: 18px;
    height: 20px;
}

.contentlist
{
	font-size: 0.8em;
	padding: 0;
	margin: 0;
	margin-left: 30px;
}

.questionlist
{
	font-size: 0.8em;
	padding: 10px 0 0 0;
	margin: 0;
	margin-left: 30px;
}

.parentheader
{
	position: relative;
	margin: 0 0 0 15px;
	padding: 8px 0 0 10px;
	border: solid 1px #999;
	background: #6d0625;
	width: 168px;
	height: 24px;
}

.parentheader a
{
	color: #fff;

	display:block;
	width: 168px;
	height: 24px;
}

.news h3
{
    margin-left: 20px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.news h3 a
{
    color: #98002e;    
}

/* NEW CLASSES ADDED BELOW */
.mainbutton
{
    position: relative;
    float: right;
    width: 160px;
    height: 40px;
    outline: none;
    /*border: dotted 2px green;*/
    cursor: pointer;
}

.mainbutton img
{
    position: relative;
    float: right;
    width: 160px;
    height: 40px;
    outline: none;
    /*border: dotted 1px red;*/
    cursor: pointer;
}

.mainbutton span
{
    position: relative;
    float: left;
    width: 120px;
    height: 25px;
    color: #fff;
    margin: -40px 0 0 42px;
    padding-top: 10px;
    /*border: dotted 1px red;*/
    cursor: pointer;
}

.mainbutton:hover
{
    color: #fff;
}

.mainbutton192
{
    position: relative;
    float: right;
    width: 192px;
    height: 40px;
    outline: none;
    /*border: dotted 2px green;*/
    cursor: pointer;
}

.mainbutton192 img
{
    position: relative;
    float: right;
    width: 192px;
    height: 40px;
    outline: none;
    /*border: dotted 1px red;*/
    cursor: pointer;
}
.mainbutton192 span
{
    position: relative;
    float: left;
    width: 152px;
    height: 25px;
    color: #fff;
    margin: -40px 0 0 42px;
    padding-top: 10px;
    /*border: dotted 1px red;*/
    cursor: pointer;
}


.mainbutton192:hover
{
    color: #fff;
}

.mainbutton125
{
    position: relative;
    float: right;
    width: 125px;
    height: 40px;
    outline: none;
    /*border: dotted 2px green;*/
}

.mainbutton125 img
{
    position: relative;
    float: right;
    width: 125px;
    height: 40px;
    outline: none;
    /*border: dotted 1px red;*/
}
.mainbutton125 span
{
    position: relative;
    float: left;
    width: 84px;
    height: 25px;
    color: #fff;
    margin: -40px 0 0 42px;
    padding-top: 10px;
    /*border: dotted 1px red;*/
}


.mainbutton125:hover
{
    color: #fff;
}

.basketbuttonbar
{
	width: 500px;
	height: 30px;
	display: block;
	list-style-type: none;
}

.basketbuttonbar li
{
	float:right;
	width: auto;
	width: 200px;
	display: block;
	margin-left: 20px;
}

.basketbuttonbar li a span
{
	float: left;
	font-size: 0.8em;
	width: auto;
	display: block;
}

.continuebutton
{
	width: 192px;
}

.checkoutbutton
{
	width: 125px;
}

.marginright200
{
	margin-right: 200px;
}

.marginright250
{
	margin-right: 200px;
}

.brandimage
{
	padding-right: 10px;
	padding-bottom: 10px;
	position: relative;
	z-index: 1000;
}

.CheckBoxArea input
{
	clear: left;
	float: left;
}

.CheckBoxArea label
{
	float: left;
}

.CheckBoxArea label a
{
	margin-right: 0px;
}