/* begin global styles */
body
{
    /* layout */
    font-family: Verdana,Futura, "Century Gothic" , Arial,Tahoma,Sans-Serif;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 70%;
    height: 900px;
    background-color: transparent;
    background-image: url(/stormsites/gandg/images/site/fade_tree_may07.gif);
    background-repeat: no-repeat;
    background-position: 0px 30px;
    width: 100%;
    display: block;
}
body a
{
    text-decoration: none;
    color: #666666;
}
form
{
    margin: 0;
}
#holder
{
    background-image: url(/stormsites/gandg/images/site/fade_base_may07.png);
    background-repeat: no-repeat;
    background-position: left 100%;
    display: block;
    width: 100%;
    overflow: hidden;
}
#content
{
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    border-bottom: 0 solid white;
    background-color: transparent;
    background-image: url(/stormsites/gandg/images/site/fade_flowers_right.gif);
    background-repeat: repeat-y;
    background-position: 0 0;
    display: block;
    min-height: 650px;
    overflow: hidden;
}
#bottom
{
    margin-bottom: 90px;
    overflow: hidden;
}
.highlighttext
{
    font-size: 0.9em;
    color: #f47400;
}
.pagetitle
{
    margin: 0 0 25px 0;
}
.formelement, .formelementdropdown
{
    margin: 0 0 10px 0;
    clear: both;
}
.formelement input
{
    border-top: solid 1px #8f8f8f;
    border-left: solid 1px #cecece;
    border-right: solid 1px #cecece;
    border-bottom: solid 1px #e4e4e4;
}

.formelement input
{
    width: 198px;
}

.formboxshort input
{
    width: 100px;
    float: left;
}
.formbox
{
    float: left;
}
.formadditional
{
    width: 195px;
    color: #999999;
    padding: 3px 0 0 35px;
    float: right;
    min-height: 16px;
    background-image: url(/stormsites/gandg/images/site/arrow_box_info.gif);
    background-repeat: no-repeat;
    background-position: 15px 3px;
    line-height: 1em;
    font-size: 0.9em;
}
.formelementdropdown select, .formelementdropdown option
{
    width: 204px;
}
.formelementlist select, .formelementlist select
{
}
.formentry .checkbox
{
    display: block;
    color: #666666;
}
.formentry .checkbox label
{
    position: relative;
    top: -4px !important;
    top: -1px;
    font-size: .85em;
}
.formentry .checkbox input
{
    width: 15px;
    height: 15px;
    border: none;
}
.standardbutton
{
    clear: both;
    float: right;
}
.litebutton
{
    clear: both;
    float: right;
}
body div
{
}
body #canvas
{
    /* layout */
    padding: 0; /*margin: 0 auto; */
    margin: 0;
    width: 964px;
    text-align: left;
}
.errorsummary, .loginerrorsummary, body#basket #vldSummary
{
    color: red;
    border: 1px solid red;
    padding: 5px 5px 5px 10px;
    margin: 10px;
    width: 211px;
    background-color: #FFFFFF;
}
.errorsummary
{
    left: 700px;
    top: 220px;
    position: absolute;
}
#payment .errorsummary
{
    top: 355px;
}
#recommendation .errorsummary
{
    left: 450px;
    top: 20px;
}
.errorsummary ul, .loginerrorsummary ul
{
    margin: 5px 0 0 20px;
    list-style-type: disc;
}
.loginerrorsummary h1, h2, h3
{
    padding: 0 0 0 0;
    margin: 0 0 5px 0;
}
h3, h4
{
    font-size: 1.2em;
    font-family: Futura, "Century Gothic" ,Arial,Tahoma,Sans-Serif;
}
h4, h5
{
    padding: 0 0 0 0;
    margin: 0 0 7px 0;
}
p
{
}
input
{
}
body a:hover, a:active
{
}
body a:link, a:visited
{
}
img
{
    border: none;
}
#maincontent
{
    padding: 10px 0 0 22px;
    overflow: hidden;
}
body#default #maincontent
{
    padding: 15px 0 0 4px;
}
#mainheader
{
    padding: 10px 0 0 0;
}
#logo
{
    float: left;
    padding: 0 0 0 20px;
}
#maincontactnumber
{
    float: left;
    position: relative;
    left: 170px;
    height: 120px;
}
#globalmainlinksandsearch
{
    max-width: 320px;
    clear: right;
    margin: 0px 0px 15px 0px !important;
    height: auto;
    float: right;
}
#headerlist
{
    clear: both;
    float: right;
    font-size: 0.9em !important;
    font-size: .8em;
    color: #7e7e7e;
    padding: 0 0 15px 3px;
    font-family: "Century Gothic";
}
#globalbasketandaccount
{
    clear: both;
    float: right;
    margin: 0 0 0 52px;
    border: 1px solid #666;
    background: #e4e4e4 url(/stormsites/gandg/images/site/panel_bg.gif) repeat-x left top;
    width: 211px;
    min-height: 40px !important;
    height: auto !important;
    height: 40px;
}
#globalbasket
{
    padding: 9px 4px 0 15px !important;
    padding: 7px 4px 0 15px;
    min-height: 23px !important;
    height: 23px;
    background: url(/stormsites/gandg/images/site/basket.gif) no-repeat 1px center;
    border-bottom: 1px solid #e1e1e1;
}
#globalaccount
{
    padding: 9px 0 0 15px;
    min-height: 23px !important;
    height: 23px;
    background: url(/stormsites/gandg/images/site/edit.gif) no-repeat 1px center;
}
#globalbasket a, #globalaccount a
{
    float: left;
}
#globalbasket a:link, #globalbasket a:visited
{
    font-weight: 500;
    color: #333333;
    font-size: .90em;
}
#globalbasket a:hover
{
    font-size: .90em;
    font-weight: 500;
    color: #999999;
}
#globalaccount a:link, #globalaccount a:visited
{
    font-weight: 500;
    color: #333333;
    font-size: .90em;
}
#globalaccount a:hover
{
    font-size: .90em;
    font-weight: 500;
    color: #999999;
}
span.total
{
}
#baskettext
{
    float: left;
}
#baskettotal
{
    float: right;
}
#basketdisplay
{
    width: 730px;
}
#globalsearch
{
    clear: both;
    float: right;
    padding: 15px 0 0;
    margin: 0px;
    width: 213px;
}
#searchbutton
{
    display: block;
    float: left;
    background-image: url(/stormsites/gandg/images/site/searchbackground.gif);
    background-repeat: no-repeat;
    background-position: center;
    height: 21px;
    width: 44px;
}
#searchbox
{
    display: block;
    float: left;
    padding: 0 5px 0 0;
}
#searchbox input
{
    height: 17px;
    width: 153px;
    border: solid 1px #666666;
    padding: 2px 0 0 9px;
    margin: 0px;
    font-family: "Century Gothic";
    opacity: 0.9;
    font-size: 1em;
}
#searchbutton input
{
    background-color: Transparent;
    border: none;
    height: 21px;
    width: 44px;
}
#globaldeptnavigation
{
    font-family: Futura, "Century Gothic" ,Arial,Tahoma,Sans-Serif;
    clear: both;
    min-height: 30px !important;
    height: 30px;
    background-color: #333333;
    line-height: 28px;
    text-align: center;
    opacity: .9;
    float: none;
}
#globaldeptnavigation a
{
    text-decoration: none;
    font-size: 1.25em !important;
    font-size: 1.25em;
    font-weight: 500;
    padding: 0 10px 0 10px;
    letter-spacing: 1px;
}
#globaldeptnavigation a:link, #globaldeptnavigation a:visited
{
    color: #FFFFFF;
}

#globaldeptnavigation a:hover, #globaldeptnavigation a:active
{
    color: #f48016;
}
#globaldeptnavigation ul
{
    padding: 0px;
    margin: 0px;
}
#globaldeptnavigation li
{
    list-style-type: none;
    display: inline;
    padding: 0px;
    margin: 0px;
}
#globaldeptnavigation #homelink
{
    float: left;
    padding: 0 8px 0 0;
}
#globaldeptnavigation #homelink a:link, #globaldeptnavigation #homelink a:visited
{
    font-weight: normal;
    color: #f47400;
}

#globaldeptnavigation #homelink a:hover, #globaldeptnavigation #homelink a:active
{
    font-weight: normal;
    color: #999999;
}

body#static #left, body#results #left
{
    padding: 5px 0 0 0;
    float: left;
    min-width: 150px;
    width: auto !important;
    width: 150px;
    min-height: 400px !important;
    height: 400px;
}
#left
{
    padding: 5px 0 0 0;
    float: left;
    min-height: 400px !important;
    height: 400px;
}
#accountsectiondetails h4, #helpsectiondetails h4, #contextmenu_checkoutflowsection h4, #contextmenu_checkoutflowsection h3, #left h3
{
    padding: 0;
    margin: 0;
    font-size: 1.20em;
}
#contextmenu_checkoutflowsection
{
    padding: 5px 0 20px 0;
}
#contextmenu_checkoutflowsection ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#details
{
    width: 730px;
    float: right;
    padding: 5px 0 0 0px;
}
#emailnewsletter
{
    width: 560px;
}
#bottom
{
    clear: both;
    width: 964px;
    padding: 20px 0 0 0;
}
#footerdetails
{
    margin: 30px 0 0 21px;
    border: solid 1px #cbcbcb;
    background-color: #FFFFFF;
    height: 67px;
    width: 935px;
    text-align: left;
}
#footerlist
{
    padding: 15px 0 0 16px;
}
#footerlist a
{
    color: #000000;
    font-size: .8em;
    text-decoration: none;
    padding: 0 50px 0 0px;
}
#companyinfo
{
    padding: 20px 0 0 16px;
    color: #000000;
    font-size: .8em;
    text-decoration: none;
}
#pagenavbar, #bottompagenavbar
{
    width: 98.7%;
    height: 24px;
    line-height: 23px;
    padding: 0 5px;
    border: solid 1px #cccccc;
    background-color: #FFFFFF;
    margin: 5px 0 0;
    float: left;
}
.breadcrumbs
{
    font-size: 0.9em;
    float: left;
}
.breadcrumbs .current
{
    text-transform: capitalize;
    text-decoration: None;
}
.breadcrumbs a
{
    text-transform: capitalize;
    text-decoration: None;
}
.breadcrumbs a:hover .paginglist, .breadcrumbs a:hover #paginglist
{
    float: right;
}
.paginglist .centralnumbers, #paginglist .centralnumbers
{
    padding: 0 5px 0 5px;
}
.paginglist .normal a, #paginglist .normal a
{
    color: #000000;
}
.paginglist .current a, #paginglist .current a
{
    color: #f47400;
}
.paginglist .hide a, #paginglist .hide a
{
    color: #cccccc;
}
.paginglist, #paginglist
{
    float: right;
}
#viewall, #viewall_lower
{
    padding: 0 5px 0 10px /*160px*/;
}
#details p.textboxtitle
{
    margin: 0 0 0 0px;
    padding: 0 0 0 0;
    font-size: 1.1em;
    color: #999999;
    font-weight: 600;
}
#accountnav
{
    width: 250px;
    float: left;
}
.sideitem
{
    padding: 0 0 30px 0;
}
body#recommendation
{
    border: solid 1px #666666;
    margin: 10px;
    height: 300px;
}
#recommendation h3
{
    font-size: 1.2em;
    padding: 0 0 0 15px;
}
#recommendationsactions
{
    clear: both;
    width: 201px;
    padding: 60px 0 10px 0;
}
#recommendemail
{
    padding: 0 0 0 15px;
    float: left;
}
#recommendemail img
{
    float: left;
}
#recommendmessage
{
    padding: 0 20px 0 20px;
    float: left;
}
#recommendimage
{
    padding: 17px 0 0 0;
    float: left;
}
#recommendimage img
{
    border: solid 1px #666666;
    height: 212px;
    width: 212px;
}
/* These are standard sIFR styles... do not modify */
.sIFR-flash
{
    visibility: visible !important;
    margin: 0;
}
.sIFR-replaced
{
    visibility: visible !important;
}
span.sIFR-alternate
{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}
#globalbasket h3
{
    width: 70px;
    float: left;
    white-space: nowrap;
    font-size: 1.1em;
}
#globalaccount h3
{
    width: 170px;
    float: left;
    white-space: nowrap;
    font-size: 1.1em;
}
#baskettotal
{
    white-space: nowrap;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash #globalbasketandaccount h3
{
    font-size: 1.1em !important;
    font-size: 1em;
    letter-spacing: 0;
}
/*
.sIFR-hasFlash #top_nav li.selected span,
.sIFR-hasFlash #top_nav li.nav span,
*/
.sIFR-hasFlash #globalbasketandaccount h3
{
    visibility: hidden;
}
.clearfix
{
    padding: 0;
    margin: 0;
    height: 1px;
    content: ".";
    display: block;
    clear: both;
}
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */
/* These are standard sIFR styles... do not modify */
.sIFR-flash
{
    visibility: visible !important;
    margin: 0;
}
.sIFR-replaced
{
    visibility: visible !important;
}
span.sIFR-alternate
{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]
{
    display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2
{
    visibility: hidden;
    letter-spacing: -9px;
    font-size: 55px;
}
.sIFR-hasFlash h3
{
    visibility: hidden;
    font-size: 1.3em;
}
.sIFR-hasFlash h4
{
    visibility: hidden;
    font-size: 1.3em;
}
.sIFR-hasFlash h5#pullquote
{
    letter-spacing: -4px;
    visibility: hidden;
    font-size: 24px;
}
/*--- SecondaryContent ---*/
#secondaryContent
{
    padding: 15px 0 15px 14px;
}
.promo1
{
    float: left;
    margin-right: 14px;
}
.promo2
{
    float: left;
    margin-right: 18px;
}
.promo3
{
    float: left;
}
/*--- End SecondaryContent ---*/

/*--- Footer ---*/
#footertrigger, .companyinfo
{
    font-family: Futura, "Century Gothic" ,Arial,Tahoma,Sans-Serif;
}
#footertrigger, #footeritems
{
    margin: 0; /*width: 935px;*/ /*background: url(/stormsites/gandg/images/site/panel_bg.gif) #e4e4e4 repeat-x left top;*/
    text-align: left;
}
.footerlist
{
    padding: 15px 0 15px 14px;
    display: block;
    font-size: 0.9em;
    color: #fff;
    height: 84px;
    width: 100%;
    background-color: #333333;
    opacity: .9;
}
.footerlist dl
{
    /*margin: 0 0 0 15px;*/
    margin: 0;
    float: left;
    padding: 0;
}
.footerlist dl.about, .companyinfo li.copyright
{
    width: 191px;
    height: 30px;
}
.footerlist dl.help, .companyinfo li.vat, dl.join
{
    width: 191px;
}
.footerlist dl.press, .companyinfo li.compNo
{
    width: 191px;
}
.footerlist dl.legal, .companyinfo li.tel
{
    width: 191px;
}
.footerlist dl.contacts
{
    width: 191px;
}

.companyinfo li.tcp
{
    width:165px;
}
.footerlist dl dt
{
    margin: 0 0 8px 15px;
    font-size: 1.3em;
    font-weight: normal;
    color: #fff !important;
}


.footerlist dl dd img
{
    height:16px;
    width:16px;
    vertical-align:middle;
    margin:1px 0 1px 0;
    behavior: url(/stormsites/gandg/styles/iepngfix.htc);
}

.footerlist dl dd
{
    list-style-type: none;
    margin: 0 0 0 15px;
    background: url(/stormsites/gandg/images/site/footer_list_bg.gif) transparent no-repeat 0 50%;
    line-height: 1.4em;
}

.footerlist dl.join dd
{
    list-style-type: none;
    margin: 0 0 0 10px;
    background:transparent;
    line-height: 1.4em;
}

.footerlist a
{
    padding: 0 0 0 7px;
    color: #fff;
    text-decoration: none;
    height: 1%;
}
.footerlist a:hover
{
    color:#F48016;
}
.companyinfo
{
    width: auto;
    padding: 0 0 13px 34px;
    margin: 0;
    text-decoration: none;
    clear: both;
    display: block;
    font-size: 0.9em;
    color: #666;
}
.companyinfo ul
{
    margin: 0;
    float: left;
    padding: 0;
}
.companyinfo li
{
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 3px 0 0 0;
    font-weight: 500;
}
.companyinfo li img
{
    vertical-align: top;
    position: relative;
    left: 58px;
    top: 2px;
}
.displaynone
{
    display: none;
}
#homeimage
{
    text-align: center;
}
#tcp
{
    position: relative;
    top: -10px;
}
#tcptext
{
    position: relative;
    top: -3px;
}
#tcp img
{
    position: relative;
    left: 5px;
    top: 3px;
}
#left ul li
{
    padding: 0 0 4px 0px;
}
#left a:link, #left a:visited
{
    font-family: Futura,Verdana, "Century Gothic" , Arial,Tahoma,Sans-Serif;
    font-weight: 500;
    color: #222222;
    font-size: 0.95em;
}
#left a:hover
{
    font-family: Futura,Verdana, "Century Gothic" , Arial,Tahoma,Sans-Serif;
    font-size: 0.95em;
    font-weight: 500;
    color: #f48016;
}
#helpsectiondetails a:link, #helpsectiondetails a:visited
{
    display: block;
    font-weight: 500;
    color: #999999;
    font-size: 0.95em;
}
#helpsectiondetails a:hover
{
    display: block;
    font-size: 0.95em;
    font-weight: 500;
    color: #f48016;
}
#accountsectiondetails a:link, #accountsectiondetails a:visited
{
    display: block;
    font-weight: 500;
    color: #999999;
    font-size: 0.95em;
}
#accountsectiondetails a:hover
{
    display: block;
    font-size: 0.95em;
    font-weight: 500;
    color: #f48016;
}
#competitionthankyou
{
    margin: 15px 0 0;
    float: left;
}
#competitionthankyou img
{
    width: 940px;
}
#freeGiftLink.freegift
{
    padding: 20px 30px 20px 0px;
    background: url(/stormsites/gandg/images/site/progress_icon.jpg) no-repeat right center;
    font-weight: bold;
    color: #f47400;
    float: right;
}
p.freegiftadded
{
    padding: 10px 128px 10px 0px;
    font-weight: bold;
    float: right;
}
#details ul li
{
    width: 686px;
}
/* Search page style */
body#results #left
{
    height: auto;
}
div.secondarycategory
{
    width: 175px;
    cursor: pointer;
}
div.secondarycategory:first-child
{
    margin: 10px 0 0;
}
div.secondarycategory:last-child
{
    margin: 0 0 15px;
}
div.secondarycategory div.title
{
    font-weight: bold;
}
div.secondarycategory ul
{
    margin: 15px 0 15px 15px;
    padding: 0;
    list-style: none;
}
body#results #left div.secondarycategory ul li
{
    margin: 2px 0;
    background: #fff;
}
a.removefilter:first-child
{
    margin: 21px 0 15px;
}
a.removefilter
{
    margin: 15px 0;
    display: block;
}
a.removefilter div.secondarycategory
{
    width: 160px;
    padding: 0 0 0 15px;
    background: url(/stormsites/gandg/images/site/search_close.gif) no-repeat 0px 3px;
}
#details p
{
    margin: 0 0 11px 67px;
}

.linkblock {width:165px; height:120px; float:left; margin-right:12px; border:1px solid #CCC; }
 

.lastlinkblock {width:210px; height:120px; float:left; margin-left:10px;  border:1px solid #CCC;}

.linkblocktitle a { color:#CCC; width:150px; height:20px; padding:100px 5px 0px 10px; display:block; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:12px; background-image:url(/stormsites/gandg/images/site/homepage/arrow.gif); background-repeat:no-repeat; background-position:bottom right; font-weight:bold;}

.linkblocktitle a:hover, .lastlinkblocktitle a:hover {
	color:#F60;		
	background-image:url(/stormsites/gandg/images/site/homepage/arrowHOV.gif);
	}
.lastlinkblocktitle a {
	color:#CCC;
	width:190px;
	height:20px;
	padding:100px 10px 0px 10px;
	display:block;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	background-image:url(/stormsites/gandg/images/site/homepage/arrow.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	font-weight:bold;
	overflow: hidden;
}
.lastlinkblocktitle a h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}