@charset "utf-8";
/* Rich's Style */


/* Page size, colour and font */
body {font-family: "trebuchet MS", verdana, sans-serif; background-color:#e4e4e4; margin:0px;}

#container {width:914px; margin: 0px auto; font-size:14px;  color:#858585; background-color:#FFFFFF; background-image:url(../images/site_bg.gif)}
#siteEnd {width:914px; margin: 0px auto; height:20px; background-image:url(../images/footer_bottom.gif)}

/* Home Page Containers */

#innerContainer {width:900px; margin:0px auto; border:0px solid #000; background-color:#FFF;}
#innerContainer #padding {position:relative; width: 100%; height:50px;}
#innerContainer #paddingBottom {position:relative; width: 100%; height:20px;}
#innerContainer #inner {position:relative; width: 100%;}
#innerContainer #inner #strap{position:relative; width: 860px; border-bottom:1px solid #d3914c; padding-left:40px; margin-bottom:20px}
#innerContainer #inner #left {position:relative; float:left; width:860px; padding: 0px 0px 0px 40px; line-height:20px; margin-top:20px; }
#innerContainer #inner #right {position:relative; float:right; width:160px; padding: 0px 20px 0px 0}
#innerContainer #inner #right i {font-style:italic; font-weight:normal; font-size: 12px; color: #0093ad;}

/* Titles */

h1 {margin: 0 0 10px 0; font-size: 16px; font-style:italic; font-weight:normal; color:#eb0745}
h2 {margin: 0 0 1px 0; font-size: 25px; font-style:normal; font-weight:normal; color:#eb0745; letter-spacing:3px; text-transform:uppercase;}

.contactTitle {margin: 0 0 10px 0; font-size: 18px;  font-weight:normal; color:#eb0745}


/* Banner Container */
#header {position:relative; height:122px; background-color:#000000; overflow:hidden; color:white; background: url(../images/rich_header_bg.gif) repeat-x;}
#holder {position:relative; width:900px; margin:0px auto;}
#banner {position:relative; width:900px;  height:122px;}
#banner a {outline:none; color: #7cab29; text-decoration: none;  color:white}
#banner a:hover {color: #000; text-decoration: underline;  color:white}
#bannerLogo {position:relative; float:left; top:24px; left:40px;}
#bannerDetails {position:relative; float:right; right:0px; text-align:right; width:200px; height:80px;}
#bannerIcons {position:relative; float:right; right:0px;  width:34px; height:80px;}

/* contact Container */

#contactBox {position:absolute; right:40px; width:280px; top:-40px; height:50px; text-align:right; font-size:14px; color:#000000; }
#contactBox #link a {position:absolute; right:0px; margin-top:8px; width:110px; height:18px; background-color:#000000; padding-top:1px; color:#FFFFFF; text-align:center; display:block; text-decoration:none; text-transform:uppercase; letter-spacing:2px; font-size:12px;}
#contactBox #link a:hover {background-color:#d41e48; color:#FFFFFF;}

#breadcrumbBox {position:absolute; left:40px; width:400px; top:-40px; height:20px;}
ul#breadcrumb {font-size:11px; font-weight:normal; text-decoration:none; list-style:none; margin:0; padding: 0px 0 0 0px; height:25px}
ul#breadcrumb li {float:left; display:inline; color:#000; font-size:11px; margin:0; padding:0}
ul#breadcrumb li a {color:#000; font-size:11px; text-decoration:underline}
ul#breadcrumb li a:hover {color:#999999; font-size:11px; text-decoration:none}
ul#breadcrumb li a.home {display:block; width:9px; height:10px; background:url(../images/breadcrumbhome.gif) top; }
ul#breadcrumb li a:hover {background-position: bottom;}


/* Section Styles */
#sectionContainer_1 {position:relative; height:125px; width:810px; background-color:#69D8E3; border-right:10px solid #D42048; margin-bottom:20px; color:#FFFFFF;}
#sectionContainer_1 .image {float:left; width:175px; height:125px; background-color:#EEEEEE;color:#AAA; text-align:center; font-size:9px}
#sectionContainer_1 .text {float:right; width:610px; padding-right:10px;}
#sectionContainer_1 .text .title{color:#FFFFFF; font-size:25px; letter-spacing:3px; text-transform:uppercase; margin-bottom:5px;}
#sectionContainer_1 .text a{color:#874d44; font-size:14px; text-decoration:none;  }

#sectionContainer_2 {position:relative; height:125px; width:810px; background-color:#debfc0; border-right:10px solid #a35644; margin-bottom:20px; color:#FFFFFF;}
#sectionContainer_2 .image {float:left; width:175px; height:125px; background-color:#EEEEEE;color:#AAA; text-align:center; font-size:9px}
#sectionContainer_2 .text {float:right; width:610px; padding-right:10px;}
#sectionContainer_2 .text .title{color:#FFFFFF; font-size:25px; letter-spacing:3px; text-transform:uppercase; margin-bottom:5px;}
#sectionContainer_2 .text a{color:#874d44; font-size:14px; text-decoration:none;  }

#sectionContainer_3 {position:relative; height:125px; width:810px; background-color:#ddbd77; border-right:10px solid #2e496d; margin-bottom:20px; color:#FFFFFF;}
#sectionContainer_3 .image {float:left; width:175px; height:125px; background-color:#EEEEEE; color:#AAA; text-align:center; font-size:9px}
#sectionContainer_3 .text {float:right; width:610px; padding-right:10px;}
#sectionContainer_3 .text .title{color:#FFFFFF; font-size:25px; letter-spacing:3px; text-transform:uppercase; margin-bottom:5px;}
#sectionContainer_3 .text a{color:#874d44; font-size:14px; text-decoration:none;  }

#sectionContainer_4 {position:relative; height:125px; width:810px; background-color:#54a2b0; border-right:10px solid #bd8250; margin-bottom:20px; color:#FFFFFF;}
#sectionContainer_4 .image {float:left; width:175px; height:125px; background-color:#EEEEEE; color:#AAA; text-align:center ;font-size:9px}
#sectionContainer_4 .text {float:right; width:610px; padding-right:10px;}
#sectionContainer_4 .text .title{color:#FFFFFF; font-size:25px; letter-spacing:3px; text-transform:uppercase;margin-bottom:5px;}
#sectionContainer_4 .text a{color:#874d44; font-size:14px; text-decoration:none;  }

#sectionContainer_5 {position:relative; height:125px; width:810px; background-color:#b3bdbc; border-right:10px solid #a81d16; margin-bottom:20px; color:#FFFFFF;}
#sectionContainer_5 .image {float:left; width:175px; height:125px; background-color:#EEEEEE; color:#AAA; text-align:center; font-size:9px}
#sectionContainer_5 .text {float:right; width:610px; padding-right:10px;}
#sectionContainer_5 .text .title{color:#FFFFFF; font-size:25px; letter-spacing:3px; text-transform:uppercase;margin-bottom:5px;}
#sectionContainer_5 .text a{color:#874d44; font-size:14px; text-decoration:none;  }

#sectionContainer_6 {position:relative; height:125px; width:810px; background-color:#eecf65; border-right:10px solid #e39039; margin-bottom:20px; color:#FFFFFF;}
#sectionContainer_6 .image {float:left; width:175px; height:125px; background-color:#EEEEEE; color:#AAA; text-align:center; font-size:9px}
#sectionContainer_6 .text {float:right; width:610px; padding-right:10px;}
#sectionContainer_6 .text .title{color:#FFFFFF; font-size:25px; letter-spacing:3px; text-transform:uppercase;margin-bottom:5px;}
#sectionContainer_6 .text a{color:#874d44; font-size:14px; text-decoration:none;  }

#sectionContainer_7 {position:relative; height:125px; width:810px; background-color:#f4bfa8; border-right:10px solid #e2635e; margin-bottom:20px; color:#FFFFFF;}
#sectionContainer_7 .image {float:left; width:175px; height:125px; background-color:#EEEEEE; color:#AAA; text-align:center; font-size:9px}
#sectionContainer_7 .text {float:right; width:610px; padding-right:10px;}
#sectionContainer_7 .text .title{color:#FFFFFF; font-size:25px; letter-spacing:3px; text-transform:uppercase;margin-bottom:5px;}
#sectionContainer_7 .text a{color:#874d44; font-size:14px; text-decoration:none;  }

#sectionContainer_8 {position:relative; height:125px; width:810px; background-color:#debfc0; border-right:10px solid #a35644; margin-bottom:20px; color:#FFFFFF;}
#sectionContainer_8 .image {float:left; width:175px; height:125px; background-color:#EEEEEE;color:#AAA; text-align:center; font-size:9px}
#sectionContainer_8 .text {float:right; width:610px; padding-right:10px;}
#sectionContainer_8 .text .title{color:#FFFFFF; font-size:25px; letter-spacing:3px; text-transform:uppercase; margin-bottom:5px;}
#sectionContainer_8 .text a{color:#874d44; font-size:14px; text-decoration:none;  }

#sectionContainer_9 {position:relative; height:125px; width:810px; background-color:#ddbd77; border-right:10px solid #2e496d; margin-bottom:20px; color:#FFFFFF;}
#sectionContainer_9 .image {float:left; width:175px; height:125px; background-color:#EEEEEE; color:#AAA; text-align:center; font-size:9px}
#sectionContainer_9 .text {float:right; width:610px; padding-right:10px;}
#sectionContainer_9 .text .title{color:#FFFFFF; font-size:25px; letter-spacing:3px; text-transform:uppercase; margin-bottom:5px;}
#sectionContainer_9 .text a{color:#874d44; font-size:14px; text-decoration:none;  }

#sectionContainer_10 {position:relative; height:125px; width:810px; background-color:#54a2b0; border-right:10px solid #bd8250; margin-bottom:20px; color:#FFFFFF;}
#sectionContainer_10 .image {float:left; width:175px; height:125px; background-color:#EEEEEE; color:#AAA; text-align:center ;font-size:9px}
#sectionContainer_10 .text {float:right; width:610px; padding-right:10px;}
#sectionContainer_10 .text .title{color:#FFFFFF; font-size:25px; letter-spacing:3px; text-transform:uppercase;margin-bottom:5px;}
#sectionContainer_10 .text a{color:#874d44; font-size:14px; text-decoration:none;  }


/* whoopie section */

#sectionContainer_whoopie {position:relative; height:125px; width:810px; background-color:#81c4f0; background-image:url(../images/new_whoopie.gif); background-repeat:no-repeat; background-position:right; border-right:10px solid #c5003a; margin-bottom:20px; color:#FFFFFF;}
#sectionContainer_whoopie .image {float:left; width:175px; height:125px; background-color:#EEEEEE; background-image:url(../images/whoopie_section.gif); color:#AAA; text-align:center ;font-size:9px}
#sectionContainer_whoopie .text {float:right; width:610px; padding-right:10px;}
#sectionContainer_whoopie .text .title{color:#FFFFFF; font-size:25px; letter-spacing:3px; text-transform:uppercase;margin-bottom:5px;}
#sectionContainer_whoopie .text a{color:#874d44; font-size:14px; text-decoration:none;  }


#sectionDescription {position:relative; width:400px; float:left; }

.sectionDivide {width:820px; height:1px; background-image:url(../images/section_divide.gif); margin-top:30px; margin-bottom:30px; overflow:hidden; clear:both;}

/* Section Product Styles */

.sectionProduct_30 {position:relative; float:left; width:390px; height:125px; background-color:#debfc0; border-right:10px solid #a35644; margin-bottom:10px; overflow:hidden;}
.sectionProductAlt_30 {position:relative; float:left; width:390px; height:125px; background-color:#debfc0; border-right:10px solid #a35644; margin-bottom:20px; margin-left:20px; overflow:hidden;}

.sectionProduct_32 {position:relative; float:left; width:390px; height:125px; background-color:#ddbd77; border-right:10px solid #2e496d; margin-bottom:10px; overflow:hidden;}
.sectionProductAlt_32 {position:relative; float:left; width:390px; height:125px; background-color:#ddbd77; border-right:10px solid #2e496d; margin-bottom:20px; margin-left:20px; overflow:hidden;}

.sectionProduct_33 {position:relative; float:left; width:390px; height:125px; background-color:#54a2b0; border-right:10px solid #bd8250; margin-bottom:10px; overflow:hidden;}
.sectionProductAlt_33 {position:relative; float:left; width:390px; height:125px; background-color:#54a2b0; border-right:10px solid #bd8250; margin-bottom:20px; margin-left:20px; overflow:hidden;}

.sectionProduct_34 {position:relative; float:left; width:390px; height:125px; background-color:#b3bdbc; border-right:10px solid #a81d16; margin-bottom:10px; overflow:hidden;}
.sectionProductAlt_34 {position:relative; float:left; width:390px; height:125px; background-color:#b3bdbc; border-right:10px solid #a81d16; margin-bottom:20px; margin-left:20px; overflow:hidden;}

.sectionProduct_35 {position:relative; float:left; width:390px; height:125px; background-color:#eecf65; border-right:10px solid #e39039; margin-bottom:10px; overflow:hidden;}
.sectionProductAlt_35 {position:relative; float:left; width:390px; height:125px; background-color:#eecf65; border-right:10px solid #e39039; margin-bottom:20px; margin-left:20px; overflow:hidden;}

.sectionProduct_36 {position:relative; float:left; width:390px; height:125px; background-color:#f4bfa8; border-right:10px solid #e2635e; margin-bottom:10px; overflow:hidden;}
.sectionProductAlt_36 {position:relative; float:left; width:390px; height:125px; background-color:#f4bfa8; border-right:10px solid #e2635e; margin-bottom:20px; margin-left:20px; overflow:hidden;}

.sectionProduct_37 {position:relative; float:left; width:390px; height:125px; background-color:#debfc0; border-right:10px solid #a35644; margin-bottom:10px; overflow:hidden;}
.sectionProductAlt_37 {position:relative; float:left; width:390px; height:125px; background-color:#debfc0; border-right:10px solid #a35644; margin-bottom:20px; margin-left:20px; overflow:hidden;}


.sectionProduct_176 {position:relative; float:left; width:390px; height:125px; background-color:#3cb8d3; border-right:10px solid #d41e48; margin-bottom:10px; overflow:hidden;}
.sectionProduct_176 a {color:#FFFFFF}
.sectionProductAlt_176 {position:relative; float:left; width:390px; height:125px; background-color:#3cb8d3; border-right:10px solid #d41e48; margin-bottom:20px; margin-left:20px; overflow:hidden;}

.sectionProduct_177 {position:relative; float:left; width:390px; height:125px; background-color:#7abe36; border-right:10px solid #d41e48; margin-bottom:10px; overflow:hidden;}
.sectionProductAlt_177 {position:relative; float:left; width:390px; height:125px; background-color:#7abe36; border-right:10px solid #d41e48; margin-bottom:20px; margin-left:20px; overflow:hidden;}
.sectionProductAlt_177 a {color:#FFFFFF}

.sectionProduct_178 {position:relative; float:left; width:390px; height:125px; background-color:#ad7056; border-right:10px solid #d41e48; margin-bottom:10px; overflow:hidden;}
.sectionProductAlt_178 {position:relative; float:left; width:390px; height:125px; background-color:#ad7056; border-right:10px solid #d41e48; margin-bottom:20px; margin-left:20px; overflow:hidden;}
.sectionProduct_178 a {color:#FFFFFF}

.sectionProduct_201 {position:relative; float:left; width:390px; height:125px; background-color:#174eab; border-right:10px solid #d41e48; margin-bottom:10px; overflow:hidden;}
.sectionProductAlt_201 {position:relative; float:left; width:390px; height:125px; background-color:#174eab; border-right:10px solid #d41e48; margin-bottom:20px; margin-left:20px; overflow:hidden;}
.sectionProductAlt_201 a {color:#FFFFFF}

/* NEW Section Product Styles */

.sectionProduct_2822 {position:relative; float:left; width:390px; height:125px; background-color:#3cb8d3; border-right:10px solid #d41e48; margin-bottom:10px; overflow:hidden;}
.sectionProduct_2822 a {color:#FFFFFF}
.sectionProductAlt_2822 {position:relative; float:left; width:390px; height:125px; background-color:#3cb8d3; border-right:10px solid #d41e48; margin-bottom:20px; margin-left:20px; overflow:hidden;}

.sectionProduct_2825 {position:relative; float:left; width:390px; height:125px; background-color:#7abe36; border-right:10px solid #d41e48; margin-bottom:10px; overflow:hidden;}
.sectionProductAlt_2825 {position:relative; float:left; width:390px; height:125px; background-color:#7abe36; border-right:10px solid #d41e48; margin-bottom:20px; margin-left:20px; overflow:hidden;}
.sectionProductAlt_2825 a {color:#FFFFFF}

.sectionProduct_2823 {position:relative; float:left; width:390px; height:125px; background-color:#ad7056; border-right:10px solid #d41e48; margin-bottom:10px; overflow:hidden;}
.sectionProductAlt_2823 {position:relative; float:left; width:390px; height:125px; background-color:#ad7056; border-right:10px solid #d41e48; margin-bottom:20px; margin-left:20px; overflow:hidden;}
.sectionProduct_2823 a {color:#FFFFFF}

.sectionProduct_2824  {position:relative; float:left; width:390px; height:125px; background-color:#174eab; border-right:10px solid #d41e48; margin-bottom:10px; overflow:hidden;}
.sectionProductAlt_2824  {position:relative; float:left; width:390px; height:125px; background-color:#174eab; border-right:10px solid #d41e48; margin-bottom:20px; margin-left:20px; overflow:hidden;}
.sectionProductAlt_2824  a {color:#FFFFFF}


.textProductSub a.whiteLink{color:#FFF; font-size:14px; text-decoration:none;  }

.imageProductSub {position:relative; float:left; width:175px; height:125px;}
.textProductSub {position:relative; float:right; width:190px;  margin-top:10px; color:#FFFFFF; padding-right:10px;}
.textProductSub .productTitle{ color:#FFFFFF; font-size:18px; margin-bottom:2px; text-transform:uppercase; letter-spacing:1px;}
.textProductSub a{color:#874d44; font-size:14px; text-decoration:none;  }


.backLink a{position:relative; display:block; padding-left:15px; background-position:left top; color:#e18b26; width:200px; height:18px; margin-top:0px; text-decoration:none; text-transform:uppercase; background-image:url(../images/back_link.gif);}
.backLink a:hover{ text-decoration:none; padding-left:15px; color:#ecb779; background-position:left bottom; background-repeat:no-repeat;}

/* Blog Containers */

.blogContainer {position:relative; width:820px; margin-bottom:20px; }
.blogContainer a{color:#874d44; }
.blogContainer a:hover{ color:#000000; }
.blogContainer .date{position:relative; text-align:right; color:#000000; margin-bottom:7px; font-size:14px; margin-right:20px; }
.blogContainer .contents {position:relative; width:820px; background-color:#e18b26; height:125px;}
.blogContainer .contents .image{position:relative; float:left; width:175px; height:125px; background-color:#EEE;}
.blogContainer .contents .text{position:relative; width:600px; float:left; margin-left:20px; background-color:#e18b26; color:#FFFFFF}
.blogContainer .contents .text .blogTitle {position:relative;  margin-bottom:5px; margin-top:15px; font-size:24px; letter-spacing:2px; color:#FFFFFF; text-transform:uppercase; }

.blogMainLeft {position:relative; width:400px; float:left }
.blogMainLeft .title {position:relative;color:#e18b26; font-size:20px; text-transform:uppercase; letter-spacing:2px;}
.blogMainLeft .date {color:#e18b26; position:relative; margin-bottom:10px;}
.blogMainGallery {position:relative; width:440px; float:right; }

/* newsarchive Containers */

.archiveContainer {position:relative; width:820px; margin-bottom:15px; border-bottom:2px solid #b8c62f; }
.archiveContainer a{color:#874d44; }
.archiveContainer a:hover{ color:#000000; }
.archiveContainer .contents .date{position:relative; text-align:left; color:#000000; margin-bottom:7px; font-size:14px; margin-right:0px; }

.archiveContainer .contents .link a{position:relative; text-align:left; color:#000000; margin-bottom:7px; font-size:14px; margin-right:0px; background-image:url(../images/read_icon.gif); background-position:left; background-repeat:no-repeat; padding-left:18px;}
.archiveContainer .contents .link a:hover{position:relative; text-align:left; color:#eb0745; margin-bottom:7px; font-size:14px; margin-right:0px; background-image:url(../images/read_icon.gif); background-position:left; background-repeat:no-repeat; padding-left:18px;}
.archiveContainer .contents {position:relative; width:820px; height:105px;}
.archiveContainer .contents .image{position:relative; float:left; width:90px; height:90px; background-color:#EEE;}
.archiveContainer .contents .text{position:relative; width:600px; float:left; margin-left:20px;  color:#000}
.archiveContainer .contents .text .blogTitle {position:relative;  margin-bottom:5px; margin-top:5px; font-size:16px; color:#eb0745; font-weight:bold; }

.blogMainLeft {position:relative; width:400px; float:left }
.blogMainLeft .title {position:relative;color:#e18b26; font-size:20px; text-transform:uppercase; letter-spacing:2px;}
.blogMainLeft .date {color:#e18b26; position:relative; margin-bottom:10px;}
.blogMainGallery {position:relative; width:440px; height:239px; float:right; background-color:#EEE }


/* Section Product Styles */
#productMain {}
#productMain #imageProduct {position:relative; float:right; width:440px;  background-color:#;}
#productMain #textProduct {position:relative; float:left; width:370px; line-height:19px;}
#productMain #sectionImage {position:relative; width:440px; height:324px; float:right; background-color:#EEE; background-image:url(../images/stripes.gif); background-position:bottom; background-repeat:no-repeat;}
#thumbContainer {position:relative;background-color:#00FF00; height:120px;}

#productTitle {color:#000; margin-bottom:10px; margin-top:5px;}
/* Product Thumbnails */

#sectionImage {position:relative; width:440px; height:249px; float:right; background-color:#EEE; background-image:url(../images/stripes.gif); background-position:bottom; background-repeat:no-repeat;}
#sectionImageTopping {position:relative; width:440px; height:460px; float:right; background-color:#EEE; background-image:url(../images/stripes.gif); background-position:bottom; background-repeat:no-repeat;}

.thumbBlank {position:relative; float:left; width:73px; height:59px; background-color:#EEEEEE;}
.thumbImgBlank {position:relative; border:none; width:72px; height:48px; background-color:#EEEEEE; border-right:1px solid #CCC; border-top:1px solid #CCC;}

.thumbImg {position:relative; border:none; cursor:pointer; float:left;}
.thumb_1 a{position:relative; float:left; width:73px; height:59px; background-color:#ef4d23;}
.thumb_1 a:hover{position:relative; float:left; width:73px; height:59px; background-color:#000;}

.thumb_2 a{position:relative; float:left; width:73px; height:59px; background-color:#e18b26;}
.thumb_2 a:hover{position:relative; float:left; width:73px; height:59px; background-color:#000;}

.thumb_3 {position:relative; float:left; width:73px; height:59px; background-color:#8a181e;}
.thumb_3 a{position:relative; float:left; width:73px; height:59px; background-color:#8a181e;}
.thumb_3 a:hover{position:relative; float:left; width:73px; height:59px; background-color:#000;}

.thumb_4 {position:relative; float:left; width:73px; height:59px; background-color:#7b95a6;}
.thumb_4 a{position:relative; float:left; width:73px; height:59px; background-color:#7b95a6;}
.thumb_4 a:hover{position:relative; float:left; width:73px; height:59px; background-color:#000;}

.thumb_5 {position:relative; float:left; width:73px; height:59px; background-color:#7f4b2a;}
.thumb_5 a{position:relative; float:left; width:73px; height:59px; background-color:#7f4b2a;}
.thumb_5 a:hover{position:relative; float:left; width:73px; height:59px; background-color:#000;}

.thumb_6 {position:relative; float:left; width:73px; height:59px; background-color:#d31048;}
.thumb_6 a{position:relative; float:left; width:73px; height:59px; background-color:#d31048;}
.thumb_6 a:hover{position:relative; float:left; width:73px; height:59px; background-color:#000;}

/* Homepage links */

#group1 {position:relative; width:400px; float:left; height:125px;}


#group2 {position:relative; width:430px; float:left; height:125px; margin-left:20px;}
#group2 #title {position:absolute; color:#e4cc4a; font-size:28px; top:15px; letter-spacing:3px; left:158px}
#group2 #image {position:absolute; width:148px; height:98px; top:13px; background-image:url(../images/blog_image.jpg); overflow:hidden;}
#group2 #text {position:absolute; color:#FFF; font-size:14px;  left:158px; top:70px}
#group2 #link a{position:absolute; color:#FFF; font-size:14px;  right:10px; top:100px}
#group2 #link a:hover{color:#000000;}

/* Contact Groups */

.contactBlock {position:relative; float:left; margin-right:30px; width:245px; line-height:26px;}

/* Search Container */

#navSearch { position:absolute;   height:20px; right:26px; width:130px; border:0px solid #000; overflow:hidden; top:92px;}
#navSearch .inputContainer{ position:absolute; float:left; top:0px; }
#navSearch .input{ position:absolute; float:left; background-color:#FFFFFF; height:14px; width:110px; border:1px solid #000; left:5px;}
#navSearch .searchButton {border:0px solid #000000; width:18px; height:18px; right:0px; float:left; left:110px; position:absolute; top:0px; color:#fff;  font-size:10px;  cursor: pointer; background-color:#000000; background-image:url(../images/search_button.gif)}

/* Main Navagation */

#topNav {position:relative; width:900px; margin:0px auto;}
ul#nav {display:block; background-color:#FFF; height:40px; margin:0px auto; padding:0;  font-size:13px; letter-spacing:1px; text-transform:uppercase; }
ul#nav li {position:relative; float:left; list-style:none; }

ul#nav li.item_1 a{position:relative; display:block; padding-top:5px; text-align:center; list-style:none; color:#fff; text-decoration:none;  height:35px; width:150px;  background-image:url(../images/nav/history.gif); }
ul#nav li.item_1 a:hover{background-position: 0px -40px;}
ul#nav li.item_1_over a{position:relative; display:block; padding-top:5px; text-align:center; list-style:none; color:#fff; text-decoration:none;  height:35px; width:150px;  background-image:url(../images/nav/history.gif); background-position: 0px -80px;}

ul#nav li.item_2 a{position:relative; display:block; padding-top:5px; text-align:center; list-style:none; color:#fff; text-decoration:none;  height:35px; width:150px; overflow:hidden; background-image:url(../images/nav/what_we_bake.gif); }
ul#nav li.item_2 a:hover{background-position: 0px -40px;}
ul#nav li.item_2_over a{position:relative; display:block; padding-top:5px; text-align:center; list-style:none; color:#fff; text-decoration:none;  height:35px; width:150px; overflow:hidden; background-image:url(../images/nav/what_we_bake.gif); background-position: 0px -80px;}

ul#nav li.item_3 a{position:relative; display:block; padding-top:5px; text-align:center; list-style:none; color:#fff; text-decoration:none;  height:35px; width:150px; overflow:hidden; background-image:url(../images/nav/latest_news.gif); }
ul#nav li.item_3 a:hover{background-position: 0px -40px;}
ul#nav li.item_3_over a{position:relative; display:block; padding-top:5px; text-align:center; list-style:none; color:#fff; text-decoration:none;  height:35px; width:150px; overflow:hidden; background-image:url(../images/nav/latest_news.gif); background-position: 0px -80px;}

ul#nav li.item_4 a{position:relative; display:block; padding-top:5px; text-align:center; list-style:none; color:#fff; text-decoration:none;  height:35px; width:150px; overflow:hidden; background-image:url(../images/nav/team.gif); }
ul#nav li.item_4 a:hover{background-position: 0px -40px;}
ul#nav li.item_4_over a{position:relative; display:block; padding-top:5px; text-align:center; list-style:none; color:#fff; text-decoration:none;  height:35px; width:150px; overflow:hidden; background-image:url(../images/nav/team.gif); background-position: 0px -80px;}

ul#nav li.item_5 a{position:relative; display:block; padding-top:5px; text-align:center; list-style:none; color:#fff; text-decoration:none;  height:35px; width:150px; overflow:hidden; background-image:url(../images/nav/csr.gif); }
ul#nav li.item_5 a:hover{background-position: 0px -40px;}
ul#nav li.item_5_over a{position:relative; display:block; padding-top:5px; text-align:center; list-style:none; color:#fff; text-decoration:none;  height:35px; width:150px; overflow:hidden; background-image:url(../images/nav/csr.gif); background-position: 0px -80px;}

ul#nav li.item_6 a{position:relative; display:block; padding-top:5px; text-align:center; list-style:none; color:#fff; text-decoration:none;  height:35px; width:150px; overflow:hidden; background-image:url(../images/nav/staff.gif); }
ul#nav li.item_6 a:hover{background-position: 0px -40px;}
ul#nav li.item_6_over a{position:relative; display:block; padding-top:5px; text-align:center; list-style:none; color:#fff; text-decoration:none;  height:35px; width:150px; overflow:hidden; background-image:url(../images/nav/staff.gif); background-position: 0px -80px;}


/* Page Specific */

/* Careers */

#leftCareers {position:relative; float:left; width:350px; }
#rightCareers {position:relative; float:right; margin-right:40px;}

.careers_1 {position:relative; width:393px; background-image:url(../images/richs_job_template.gif); background-position:top; background-repeat:no-repeat; background-color:#b8c62f;margin-bottom:15px; padding:70px 10px 20px 27px}
.careers_1 .title {position:relative;  color:#FFFFFF; font-size:18px; display:block; text-transform:uppercase; }
.careers_1 .text {position:relative; color:#FFFFFF; font-size:14px; display:block;}
/* Latest News */

#newsLeft {position:relative; width:185px; background-color:#d31048; float:left; padding:15px; line-height:16px;  }
#newsLeft a{font-weight:bold; color:#FFFFFF; font-size:14px; margin-bottom:5px;}
#newsLeft .header{color:#d7eb17; margin-bottom:20px; font-size:29px;}
#newsLeft .list{color:#FFF; margin-bottom:20px; font-size:12px; border-bottom:2px solid #d7eb17; font-size:11px;}
#newsRight {position:relative; width:600px;  float:left; left:20px;}
#newsRight .date{position:relative; width:314px; border-bottom:2px solid #d7eb17; color:#d31048; border-top:2px solid #d7eb17; padding-top:5px; padding-bottom:5px; margin-bottom:15px; }
#newsRight .title{position:relative; width:314px; height:165px; color:#d31048; font-size:32px; line-height:normal; margin-bottom:20px;}
#newsRight .image{position:relative; float:right; width:230px; height:220px; color:#d31048; font-size:32px; line-height:normal; margin-bottom:20px; background-color:#b8c62f; overflow:hidden;}

#leftNews {position:relative; float:left; left:-17px; width:205px;}
#rightNews {position:relative; float:left; margin-left:0px;}

/* CSR */

#csr {font-size:13px; width:800px; background-color:#d41e48; margin-top:0px;  padding-top:0px; padding-bottom:0px; margin-bottom:15px; padding-left:20px; color:#FFFFFF}
#csr #text{position:relative; float:left; width:450px; height:auto;}
#csr #text .title{position:relative; font-size:28px; text-transform:uppercase; margin-bottom:20px; margin-top:15px;}
#csr #text .content{position:relative; line-height:20px;}
#csr #text .content strong{color:#FFFFFF;}

#csr #flash{position:relative; float:right; width:278px; height:183px; }

#csrForm {position:relative; width:800px; border:1px solid #d41e48; padding:10px; background-image:url(../images/rich_form_bg.gif); background-position:right top; background-repeat:no-repeat;}
#csrFormTitle {position:relative; width:800px; border:1px solid #d41e48; font-size:18px; background-color:#d41e48; color:#FFFFFF; padding:10px;}

/* The Team */

.teamContainer {position:relative; float:left; margin-right:20px; width:390px; height:125px; background-color:#7b95a6; border-right:10px solid #435460; margin-bottom:20px;}
.teamContainer .image{position:relative; float:left; width:175px; height:125px; background-color:#e7edf0;}
.teamContainer .text{position:relative; float:right; width:198px; height:125px; color:#FFFFFF; line-height:16px;}
.teamContainer .text .title{position:relative; font-size:17px; color:#FFFFFF; margin-top:15px; margin-bottom:5px; }
.teamContainer .text .link {position:absolute; color:#00FF33; bottom:20px; left:0px; }
.teamContainer .text .link a{color:#435460;}
.teamContainer .text .link a:hover{color:#FFF;}

.staffContainer {position:relative; float:right; margin-left:20px; width:390px; height:125px; background-color:#7b95a6; border-right:10px solid #435460; margin-bottom:20px;}

/* staffZone*/

#staffZoneFlash {font-size:13px; width:820px; height:236px; background-color:#d41e48; margin-top:0px;  padding-top:0px; padding-bottom:0px; margin-bottom:40px; padding-left:0px; color:#FFFFFF}
#staffLeft {position:relative; float:left; width:350px; height:auto;}
#staffRight {position:relative; float:right; width:430px; height:auto; right:40px;}

/* History */

#history {position:relative; margin:0px auto; width:653px; height:auto; background-image:url(../images/history_header.gif); background-position:top; background-repeat:no-repeat; background-color:#ddbd77; padding-top:70px; color:#FFFFFF;}
#history #intro{position:relative; margin:0px auto; text-align:center; width:653px; height:auto; font-size:30px; color:#d41e48; margin-bottom:20px;}
#history #outro{position:relative; margin:0px auto; text-align:center; width:653px; height:auto; font-size:23px; color:#d41e48; margin-top:20px; padding-bottom:20px;}
#history .title {color:#FFF; font-size:23px; font-weight:normal; border-bottom:2px solid #FFF; padding-bottom:10px; margin-bottom:10px;}
#history .title strong{color:#d41e48; font-size:23px; font-weight:normal;}
#history .description { margin-top:10px; position:relative ; left:-20px; background-image:url(../images/history_arrow.gif); background-position:left; background-repeat:no-repeat; display:block; padding-left:20px; color:#8a181e; font-size:12px; margin-bottom:10px;}

#history #article1 {position:relative; margin-bottom:15px; display:block; height:auto; width:653px; }
#history #article1 .image1 {position:relative; left:-38px; float:left; width:261px; height:216px; background-image:url(../images/1945_image.gif); display:block;}
#history #article1 .text {position:relative; float:right; left:-30px; width:390px; height:auto;}

#history #article2 {position:relative; margin-bottom:15px; width:653px;}
#history #article2 .image {position:relative; left:-38px; float:left; width:261px; height:216px; background-image:url(../images/1950_image.gif);}
#history #article2 .text {position:relative; float:left; left:-30px; width:390px; height:auto;}

#history #article3 {position:relative; margin-bottom:15px; width:653px;}
#history #article3 .image {position:relative; left:-38px; float:left; width:261px; height:216px; background-image:url(../images/1960_image.gif);}
#history #article3 .text {position:relative; float:left; left:-30px; width:390px; height:auto;}

#history #article4 {position:relative; margin-bottom:15px; width:653px;}
#history #article4 .image {position:relative; left:-38px; float:left; width:261px; height:216px; background-image:url(../images/1970_image.gif);}
#history #article4 .text {position:relative; float:left; left:-30px; width:390px; height:auto;}

#history #article5 {position:relative; margin-bottom:15px; width:653px;}
#history #article5 .image {position:relative; left:-38px; float:left; width:261px; height:216px; background-image:url(../images/1980_image.gif);}
#history #article5 .text {position:relative; float:left; left:-30px; width:390px; height:auto;}

#history #article6 {position:relative; margin-bottom:15px; width:653px;}
#history #article6 .image {position:relative; left:-38px; float:left; width:261px; height:216px; background-image:url(../images/1990_image.gif);}
#history #article6 .text {position:relative; float:left; left:-30px; width:390px; height:auto;}

#history #article7 {position:relative; margin-bottom:15px; width:653px;}
#history #article7 .image {position:relative; left:-38px; float:left; width:261px; height:216px; background-image:url(../images/2000_image.gif);}
#history #article7 .text {position:relative; float:left; left:-30px; width:390px; height:auto;}

/* Home Page */
#flashContainerMain {position:relative; width:440px; height:277px; float:right; margin-left:20px; background-color:#CCCCCC; background-image:url(../images/stripes.gif); background-position:bottom; background-repeat:no-repeat;}



/* Sub Navagation */

ul#subNav {position:absolute; display:block; margin: 0; padding: 0; list-style:none; margin-top:0px; z-index:1}
ul#subNav li.sub1 {position:relative; padding:0; background-color:#000000;}
ul#subNav li a {display:block;  padding: 2px 0px 2px 0px; color:#616365; text-decoration:none; font-size:14px; font-weight:bold;}
ul#subNav li a:hover { color:#dcbd72}
ul#subNav li a.open{ }

/* Footer Container */

#footer {font-size:10px; width:900px; margin:0px auto; color:#adacac;margin-top:5px; border-top:1px solid #d3914c; padding-top:15px;}
#footer a{font-size:12px; color:#000; text-decoration:underline}
#footer a:hover{font-size:12px; color:#444; text-decoration:none}
#footer .pageList  { position:relative; width:600px;  float:right; right:40px; font-size:10px; color:#666;margin-top:5px; text-align:right;}
#footer .pageList .divider{font-size:10px; color:#d3914c; text-decoration:none}
#footer .pageList a{font-size:10px; color:#000; text-decoration:none}
#footer .pageList a:hover{font-size:10px; color:#000; text-decoration:none}
#footer .links  {font-size:10px; color:#666666;margin-top:5px}
#footer .links a{font-size:10px; color:#0093ad; text-decoration:underline}
#footer .links a:hover{font-size:10px; color:#000; text-decoration:none}
#footer #padding {position:relative; width: 100%; height:20px;}

#twitterLink a{display:block; position:relative ;float:left; width:70px; height:19px; background:url(../images/twitter_link.gif) no-repeat; overflow:hidden; text-indent:-1000px;}
#twitterLink a:hover{background-position:bottom;}

#bookmarkLink a{position:relative;float:left; display:block; padding-left:18px; padding-top:3px; color:#999; width:60px; height:15px; margin-top:0px; text-decoration:none; background-image:url(../images/bookmark_link.gif); margin-left:40px; margin-right:10px;}
#bookmarkLink a:hover{ text-decoration:none; background-position:bottom;}

p {padding-right:20px; margin-top:0px;}


strong {color:#eb0745;}

a {outline:none; color:#eb0745; text-decoration:none;}
a:hover{outline:none; color:#eb0745; text-decoration:underline;}

.clear {clear:both}

input {}
input.email {border:1px solid #797979; width:300px; font-family: "trebuchet MS", verdana, sans-serif;}	
input.contactButton {color:#FFF;  background-color:#000; border:0px solid; text-transform:uppercase; cursor:pointer; padding-left:5px; padding-right:5px;} 
input.contactButton:hover  {color:#FFF;  background-color:#d41e48; border:0px solid; text-transform:uppercase; cursor:pointer; padding-left:5px; padding-right:5px;}
input.captcha {border:1px solid #797979; font-family: "trebuchet MS", verdana, sans-serif;}
textarea {border:1px solid #797979; width:350px; height:100px; font-family: "trebuchet MS", verdana, sans-serif; font-size:14px;}
select {border:1px solid #797979; font-family: "trebuchet MS", verdana, sans-serif;}

.errorText {color:#CC0000; font-size:10px;}

/* 2010 */

#swirlHeader {position:relative; background-image:url(../images/swirl_header.gif); width:379px; height:198px; margin-bottom:10px;}
#swirlFlash {position:relative; float:right; width:440px; height:315px; background-color:#000000; margin-bottom:20px; right:0px;}


/* 2011 */

a.groupToppings {position:relative; width:820px; float:left; height:143px; background-image:url(../images/2011/home_toppings.gif)}

#recipeLeft {position:relative; float:left; width:201px;  margin-left:40px; top:15px; line-height:20px; }
#recipeLeft h1 {color:#eb0745;  font-style:normal; font-weight:bold; line-height:20px; margin-bottom:20px; font-size:20px; }
#recipeLeft h2 {color:#eb0745;  font-style:normal; text-transform:none; letter-spacing:0px; font-size:15px; font-weight:bold; line-height:18px; margin-bottom:20px; margin-top:20px; }
#recipeLeft .productType {position:relative; background-image:url(../images/2011/recipes_topping_icon.gif); width:201px; height:178px;}

#recipeLeft strong {color:#858585; margin-bottom:10px;}

#recipeMain {position:relative; float:left; width:364px;  left:25px; top:15px; line-height:20px; }
#recipeMain .imageContainer {position:relative;  width:364px; height:439px; background-image:url(../images/2011/recipes_image_bg.gif) }

#recipeMain h2 {color:#eb0745;  font-style:normal; text-transform:none; letter-spacing:0px; font-size:15px; font-weight:bold; line-height:18px; margin-bottom:20px; margin-top:20px; }
#recipeMain strong {color:#858585; margin-bottom:10px;}

#group3 {position:relative; width:360px; float:left; height:125px; font-size:11px; line-height:17px;}
#group3 h3{margin-top:0px; margin-bottom:5px; font-size:20px; text-transform:none; color:#38c6c9;}
#group3 a {color:#38c6c9}

#group3Topping {position:relative; width:420px; float:left; height:125px; font-size:12px; line-height:17px; left:20px;}
#group3Topping h3{margin-top:0px; margin-bottom:5px; font-size:20px; text-transform:none; color:#38c6c9;}
#group3Topping a {color:#38c6c9}

#group3ToppingProduct {position:relative; width:440px; float:none; height:125px; font-size:12px; line-height:17px; left:0px; background-color:#FFFFFF; padding-bottom:30px;}
#group3ToppingProduct h3{margin-top:0px; margin-bottom:5px; font-size:20px; text-transform:none; color:#38c6c9;}
#group3ToppingProduct a {color:#38c6c9}

#group4 {position:relative; width:430px; float:right; height:125px; margin-left:0px;}

#recipeRight {position:relative; float:right; width:209px; background-color:#96e3e6; right:40px; height:auto;}
#recipeRight .top {position:relative; background-image:url(../images/2011/recipe_right_top.gif); width:209px; height:98px;}
#recipeRight .bottom {position:relative; background-image:url(../images/2011/recipe_right_bottom.gif); width:209px; height:73px; margin-top:10px;}

.recipeLoop {position:relative; left:10px; width:180px; height:80px; margin-bottom:10px;}
.recipeLoop .image {position:relative; float:left; background-image:url(../images/2011/recipe_thumb_bg.gif); width:67px; height:80px; margin-right:10px;}
.recipeLoop a.link {position:absolute; bottom:0px; left:77px;}

#innerContainer #inner #leftSpot {position:relative; float:left; width:820px; padding: 0px 40px 0px 40px; line-height:20px; margin-top:20px; }
#innerContainer #inner #leftSpot .imageLeft {position:relative; float:left;}
#innerContainer #inner #leftSpot .imageRight {position:relative; float:right;}

.mainTitle {color:#eb0745; font-size:22px; font-weight:normal;}
.contactName {color:#eb0745; font-size:16px; font-weight:normal;}

.flag_1 {position:relative; float:left;  background-image:url(../images/2011/1kg.gif); width:53px; height:139px; margin-right:5px;}
.flag_2 {position:relative; float:left; background-image:url(../images/2011/4kg.gif); width:91px; height:139px; margin-right:5px;}

.flag_3 {position:relative; float:left; background-image:url(../images/2011/bettercreme_carton.jpg); width:91px; height:139px; margin-right:5px;}

.flag_4 {position:relative; float:left; background-image:url(../images/2011/masterblend.jpg); width:91px; height:139px; margin-right:5px;}
.flag_5 {position:relative; float:left; background-image:url(../images/2011/masterblend_carton.jpg); width:91px; height:139px; margin-right:5px;}

.flag_6 {position:relative; float:left;  background-image:url(../images/2011/wt_1kg.jpg); width:53px; height:139px; margin-right:5px;}

.toppingSubTitle {color:#eb0745; font-size:16px; font-weight:bold; border-bottom:1px solid #ceced0; padding-bottom:7px; padding-top:10px; margin-bottom:10px;}

.additional {}
.additional ul {list-style:disc; padding:0; margin:1em;}
.additional ul li {padding-left:0px;}
