/* Global Styles */

body, td, p, a, h1, h2, input, select, textarea, div
{
font-family : Tahoma, Arial, Helvetica, sans-serif;
}

a:link						{color : #091583; text-decoration : none;}
a:visited					{color : #091583; text-decoration : none;}
a:hover						{color : #091583; text-decoration : underline;}

#topnavi a:link				{color : #FFFFFF; text-decoration : none;}
#topnavi a:visited			{color : #FFFFFF; text-decoration : none;}
#topnavi a:hover			{color : #FFFFFF; text-decoration : underline;}

#topnavi a.red:link			{color : #e60f0f; text-decoration : none;}
#topnavi a.red:visited		{color : #e60f0f; text-decoration : none;}
#topnavi a.red:hover		{color : #e60f0f; text-decoration : underline;}

a.redroll:link			{color : #091583; text-decoration : none;}
a.redroll:visited		{color : #091583; text-decoration : none;}
a.redroll:hover			{color : #e60f0f; text-decoration : underline;}

a.white:link				{color : #FFFFFF; text-decoration : none;}
a.white:visited				{color : #FFFFFF; text-decoration : none;}
a.white:hover				{color : #FFFFFF; text-decoration : underline;}

body
{
background : #ffffff url(../images/gift-exposure-bg.jpg) top left repeat-x;
margin : 0px;
color : #333333;
font-size : 80%;
letter-spacing : normal;
line-height : normal;
}

#bgimages
{
background : url(../images/bg-bgimages.jpg) top center no-repeat;
}

#container 
{
background : #FFFFFF url(../images/gift-exposure-top.jpg) top center no-repeat;
border : solid 0px #CCCCCC;
border-top : solid 1px #000000;
margin: 0 auto;
padding: 3px 0px;
width : 762px;
}

.alignleft
{
text-align : left;
}

.floatleft
{
float : left;
}

.alignright
{
text-align : right;
}

.floatright
{
float : right;
}

.aligncenter
{
text-align : center;
}

.hide
{
display : none;
}

.clear
{
clear : both;
}

.redtext
{
border : #CC0000 solid 1px;
color: #CC0000;
margin : 12px;
padding : 12px;
background : #FFFFFF;
}

hr
{
border : #f0eee5 solid 1px;
height : 1px;
}

html>body hr
{
border : #000000 solid 0px;
border-top : #f0eee5 solid 1px;
border-bottom : #000000 solid 0px;
display : block;
margin : 3px 0px 3px 0px;
background : #FFFFFF;
}

#main .red
{color : #e60f0f;}

/* TOP START *********/

#top 
{
border : solid 0px #CCCCCC;
border-top : solid 1px #e60f0f;
margin: 0px 3px 0px 3px;
padding: 0px 42px 0px 42px;
height : 133px;
}

#top form.topsearch
{
float : right;
margin : 15px 0px 0px 0px;
}

#top p
{
color : #7f6300;
font-size : 85%;
margin : 18px 0px 0px 0px;
}

/* TOP END */

/* TOP NAVI START *********/

#topnavi
{
border : solid 1px #FFFFFF;
border-top : #f0eee5 6px solid;
border-bottom : #F8F8F8 1px solid;
background : #e60f0f url(../images/gift-exposure-topnavi-bgx.jpg) top center repeat-y;
padding : 0px;
margin : 3px 24px 3px 24px;
}

#topnavi div
{
font-size : x-small;
font-weight : bold;
line-height : 135%;
color : #f0eee5;
text-align : center;
padding : 0px;
margin : 0px;
}

html>body #topnavi div
{background : url(../images/bt-bg.png) top center repeat-x;}

#topnavi p span
{color : #e60f0f; white-space : nowrap;}

img.divider
{
vertical-align : middle;
margin : 6px 6px 6px 6px;
}

/* TOP NAVI END */


/* MAIN START *********/

a.btbest strong, a.bteco strong, a.btcall strong, a.btcloth strong
{display : none;}

a.btcall
{
display : block;
background : url(../images/call-for-promotional-products.jpg) top center repeat-x;
width : 320px;
height : 219px;
float : right;
margin : 6px;
}

/*a.btcall:hover
{background : url(../images/call-for-promotional-products-2.jpg) top center repeat-x;}*/


a.btbest
{
display : block;
background : url(../images/bt-tried-and-tested-2.jpg) top center repeat-x;
width : 244px;
height : 134px;
float : left;
margin-right : 10px;
}

/*a.btbest:hover
{background : url(../images/bt-tried-and-tested-2a.jpg) top center repeat-x;}*/

a.bteco
{
display : block;
background : url(../images/bt-recycled-eco-2.jpg) top center repeat-x;
width : 244px;
height : 134px;
float : left;
margin-left : 0px;
}

/*a.bteco:hover
{background : url(../images/bt-recycled-eco-2a.jpg) top center repeat-x;}*/

a.btcloth
{
display : block;
background : url(../images/bt-clothing-catalogue.jpg) top center repeat-x;
width : 500px;
height : 120px;
}

a.btcloth:hover
{background : url(../images/bt-clothing-catalogue-2.jpg) top center repeat-x;}

div.quickquote
{
width : 337px; 
margin : 0px 12px 9px 12px; 
padding : 0px 0px 6px 0px; 
background : url(../images/quick-quote-bg.png) bottom center no-repeat;
}

div.quickquote label
{
font-size : 0.80em;
color : #b5b8da;
}


#main
{
width : 511px;
float : left;
line-height : 135%;
background : #FFFFFF;
border : solid 1px #FFFFFF;
padding : 0px 18px 0px 24px;
margin : 0px 0px 3px 0px;
}

#mainprd
{
line-height : 135%;
background : #FFFFFF;
border : solid 1px #FFFFFF;
padding : 0px;
margin : 0px 24px 3px 24px;
}

#container h1, #mainprd h1, #main h1
{
height : auto;
color : #e60f0f;
font-weight : normal;
font-size : 180%;
line-height : 120%;
padding : 12px 12px 6px 12px;
margin : 0px 0px 0px 0px;
}

#container h1 strong, #mainprd h1 strong, #main h1 strong
{font-weight : normal;}

#mainprd h2, #main h2
{
font-size : 100%;
margin : 12px 6px 6px 6px;
padding : 3px 6px 5px 6px;
color : #FFFFFF;
background : #e60f0f;
clear : both;
font-weight : normal;
}

#mainprd p, #main p
{
font-size : 95%;
padding : 6px 12px 6px 12px;
margin : 0px;
color : #666666;
}

#mainprd p.intro, #main p.intro
{color : #091583;}

#mainprd td.column, #main td.column
{
background : #FFFFFF;
vertical-align : top;
} 
#mainprd div.column360, #main div.column360
{
width : 356px;
margin : 0px;
}

#mainprd img, #main img
{
border : 0px;
vertical-align : top;
}

#mainprd img.mainimage, #main img.mainimage
{

border : #f0eee5 1px solid; 
margin : 0px 0px 12px 12px;
}

#mainprd img.homethumb, #main img.homethumb
{
margin : 0px 3px 6px 3px; 
border : #f0eee5 1px solid;
}

#mainprd li, #main li
{
font-size : 90%;
color : #091583;
margin-top : 6px;
}

#mainprd fieldset, #main fieldset
{
background : #FFFFFF url(../images/productbox-bg.jpg) top center repeat-x;
border : #FFFFFF 1px solid;
border-top : #f0eee5 6px solid;
margin : 12px;
padding : 12px;
}

#mainprd fieldset p, #main fieldset p
{
padding : 6px 12px 6px 12px;
margin : 0px;
}

#mainprd table, #main table
{
border : #FFFFFF 0px solid;
border-top : #FFFFFF 12px solid;
border-bottom : #FFFFFF 12px solid;
}

#mainprd td p, #main td p
{
padding : 0px;
margin : 0px;
}

#mainprd div.category, #main div.category
{
background : url(../images/bg-category.png) top center no-repeat;
float : left;
font-size : 85%;
margin : 0px 3px 0px 3px;
padding : 12px;
width : 139px;
text-align : center;
vertical-align : top;
}

#main div.category2
{
border-bottom : #f0eee5 1px solid;
font-size : 85%;
margin : 0px 3px 0px 3px;
padding : 12px;
text-align : center;
vertical-align : top;
}

#mainprd img.imgborder, #main img.imgborder
{
border : #f0eee5 1px solid; 
vertical-align : top;
margin : 0px 0px 12px 0px;
}

#mainprd div.box, #main div.box
{
background : #FFFFFF url(../images/productbox-bg.jpg) top center repeat-x;
border : #FFFFFF 1px solid;
border-top : #f0eee5 6px solid;
margin : 9px;
padding : 12px;
}

#mainprd div.productbox, #main div.productbox
{
background : #FFFFFF url(../images/productbox-bg.jpg) top center repeat-x;
border : #FFFFFF 1px solid;
border-top : #f0eee5 6px solid;
float : left;
margin : 6px 2px 0px 2px;
padding : 12px;
width : 224px;
}
/*
html>body #main div.productbox
{width : 164px;}
*/
#mainprd div.productbox p, #main div.productbox p
{
text-align : center;
margin : 4px;
padding : 0px;
}

#mainprd div.productbox img, #main div.productbox img
{
border : #f0eee5 1px solid;
margin : 0px 12px 0px 0px;
}

#mainprd fieldset.productoption, #main fieldset.productoption
{
clear : both;
border : solid 1px #EEEEEE;
background : #F8F8F8;
margin-top : 3px;
margin-bottom : 3px;
}

#mainprd fieldset.left, #main fieldset.left
{
border : solid 1px #EEEEEE;
width : 227px;
float : left;
margin : 6px 5px 6px 6px;
font-size : 85%;
}

html>body #mainprd fieldset.left, html>body #main fieldset.left
{
margin : 6px 5px 6px 12px;
padding : 0px 12px 12px 12px;
}

#mainprd fieldset.right, #main fieldset.right
{
border : solid 1px #EEEEEE;
width : 227px;
float : left;
margin : 6px 0px 6px 6px;
font-size : 85%;
}

html>body #mainprd fieldset.right, html>body #main fieldset.right
{
margin : 6px 0px 6px 6px;
padding : 0px 12px 12px 12px;
}


#mainprd img, #main img
{
border : solid 0px #EEEEEE;
}

#mainprd fieldset.news, #main fieldset.news
{
border : #CCCCCC solid 1px;
margin : 3px;
padding : 12px;
background : #EEEEEE;
font-size : 11px;
color : #999999;
text-align : center;
}

#mainprd fieldset.news strong, #main fieldset.news strong
{
color : #000000;
}

div.homequote
{
background : url(../images/bg-home-logos-quote.jpg) top center no-repeat;
width : 500px;
height : 270px;
margin : 0px auto;
}

/* MAIN END */


/* NAVI START *********/

#naviprd
{display : none;}

#navi
{
border : solid 1px #FFFFFF;
width : 194px;
float : left;
padding : 0px 0px 0px 0px;
margin : 0px 0px 3px 0px;
}

html>body #navi
{
width : 205px;
margin : 0px 0px 3px 0px;
}

#navi ul
{
margin : 3px 0px 0px 0px;
padding : 0px 21px 0px 0px;
display : block;
}

#navi li
{
border : #FFFFFF solid 1px;
margin : 0px 3px 0px 3px;
padding : 0px;
display : block;
list-style-type : none;
}

#navi li a.section
{
border : #FFFFFF solid 0px;
border-top : #CCCCCC dotted 1px;
font-size : 0.85em;
text-decoration : none;
margin : 0px;
padding : 3px 12px 3px 12px;
display : block;
}

#navi li a.section:hover
{
background : #EEEEEE;
}

#navi li a.subsection
{
color : #333333;
background : #f6f6f3;
border : #FFFFFF solid 0px;
font-size : 11px;
line-height : 14px;
text-decoration : none;
margin : 0px;
padding : 2px 12px 4px 12px;
display : block;
}
/*
#navi li a.subsection:hover
{
color : #091583;
background : #f0eee5;
}
*/

#navi li a.subsection:hover
{
color : #FFFFFF;
background : #e60f0f;
}

#navi p
{
margin : 6px 12px 6px 12px;
font-size : 85%;
}

#navi fieldset
{
border : #CCCCCC solid 1px;
margin : 3px;
padding : 12px;
background : #EEEEEE;
font-size : 11px;
color : #666666;
}

/* NAVI END */

/* BASE START ***********/

#base
{
clear : both;
border : solid 1px #FFFFFF;
border-top : solid 6px #f0eee5;
padding : 9px;
margin : 0px 30px 0px 30px;
}

#base p
{
text-align : left;
margin : 0px;
font-size : 80%;
line-height : normal;
color : #7f6300;
}
/*
#base a:link					{color : #666666; text-decoration : none;}
#base a:visited					{color : #666666; text-decoration : none;}
#base a:hover					{color : #666666; text-decoration : underline;}
*/
/* BASE END */

/* FORM STYLES - START */

form
{
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
}

label
{
font-weight : normal;
}

label.formleft, label.formleftproblems
{
font-size : x-small;
display : block;
width : 100px;
float : left;
text-align : right;
margin : 6px 6px 0px 0px;
color : #e60f0f;
}

label.formleftproblems
{color : #FFFFFF;
background : #e60f0f;}

small.formnote /* margin left same width as label.formleft width */
{
margin : 0px 0px 0px 110px;
display : block;
line-height : normal;
}

input.checkbox
{
margin-left : 105px;
width : 20px;
float : left;
}

label.labelright, label.labelrightproblems
{
display : block;
float : left;
margin-right : 6px;
text-align : left;
font-size : 9px;
font-weight : bolder;
color : #e60f0f;
padding-top : 4px;
}

label.labelrightproblems
{
color : #FFFFFF;
background : #e60f0f;
}

fieldset.address
{
width : 45%;
float : left;
margin : 12px;
padding : 6px;
}

legend
{
display : none;
color : #000000;
font-weight : bolder;
}

.formmsg
{
color: #CC0000;
padding-top : 6px;
}

.form
{
width : 300px;
}

textarea
{
font-size : 12px;
}

input, textarea, select
{margin-top : 3px;}

/* FORM STYLES - END */


caption
{
text-align : left;
}

th
{
background-color : #CCCCCC;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
font-size : small;
font-weight: normal;
text-align : left;
border : 0px;
}

td.right, td.data, td.center
{
background-color : #EEEEEE;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
border : 0px;
}

td.right
{
text-align : right;
}

th.thhighlight
{
background : #FFFFFF;
font-weight : normal;
color : #e60f0f;
}

td.tdhighlight
{
background : #FFFFFF url(../images/productbox-bg.jpg) top center repeat-x;
border : #FFFFFF 0px solid;
border-top : #f0eee5 1px solid;
}

input:focus, select:focus, textarea:focus{
	background: #EEEEEE;
}

tr.tableHeader1
{background : #e60f0f;}

tr.tableHeader1 td
{
color : #FFFFFF;
font-weight : bold;
}

tr.tableRow1
{background : #f0efea;}

tr.tableRow2
{background : #f0eee5;}

tr.tableRow1 td, tr.tableRow2 td
{color : #333333;}

tr.tablePriceWas1
{background : #F8F8F8;}

tr.tablePriceWas1 td
{color : #CC0000;}

tr.tablePriceWas1 td, tr.tableRow1 td, tr.tableRow2 td, tr.tableHeader1 td
{font-size : 8pt;}

td.tableSpecHeader1, th.tableSpecHeader1, tr.tableSpecHeader1
{
background : #f0eee5; /* 7f6300 */
color : #333333;
font-weight : bold;
}

td.tableSpecLeft
{
background : #F8F8F8;
color : #333333;
line-height : normal;
}

td.tableSpecRight
{
background : #F8F8F8;
color : #333333;
line-height : normal;
}

td.tableSpecHeader1, td.tableSpecLeft, td.tableSpecRight
{font-size : x-small;}

/* - NOTES - */

/* "html>body" hides style from IE*/

/* Hide from IE-Mac \*/
#example1 {margin-bottom:3em}
#example2 {margin-top:1.5em}
/* End hide */

/* ID for unique items, CLASS for muliple items */


#mainprd div.quickquote p
{color : #FFFFFF; font-size : 0.85em; line-height : normal;}

div.quickquote input, div.quickquote select,  div.quickquote option
{
border : #FFFFFF 1px solid;
padding-top : 0px;
margin-top : 0px;
}