/* CSS Document */
body {  font-family: Arial, Verdana, myriad, Arial, helvetica, Sans-Serif; background:#1c509e url(../img/bg.jpg) top no-repeat; margin:0; padding:0; }
#container { margin:0 auto; width:979px; background:url(../img/bg_container.png) repeat-y; }

.preview_mode { padding: 8px; height: 20px; text-align: center; background-color: #FFFFCC; color: #000; font-weight: bold; border-bottom: 1px solid #000; }
.preview_mode a { color: #1d52a2; }

.header{ height:180px; background:url(../img/bg_header.jpg) no-repeat bottom center; width:920px; margin:0 auto; padding-top:0.8em; }
.header .logo { display:block; width:371px; height:73px; background:url(../img/logo.gif) no-repeat; float:left; } 
.header .logo span { display:none; }

.header .phone { float:right; color:#858585; font-size:28px; margin:1em 0.5em 0 0; padding:0; font-weight:normal; font-family:century gothic; }
.header .phone strong { color:#858585; font-weight:bold; }

.clear { clear:both; height:1px; width:1px; float:none; margin:0; padding:0; }

.search { width:204px; float:left; margin:1em 0 0 0; padding:0; }
.search h2 { margin:0.2em; padding:0; background:url(../img/search_text.gif) no-repeat; width:159px; height:13px; }
.search h2 span { display:none; }
.search form { margin:0; padding:0; background:url(../img/bg_box.jpg) no-repeat left; width:204px; height:39px; }
.search form input { width:110px; border:1px #b4b4b4 solid; height:20px; margin:0 0 0 0.8em; }
.search form .submit { background:url(../img/pink_arrow.gif) right no-repeat; padding:0 4px 0 0; color:#424242; font-size:12px; cursor:hand; cursor:pointer; height:30px; margin:0.3em 0 0 1em; width:50px; border:0px; }

.navigation { float:left; margin:0 0 0 1.5em; width:584px; padding:8px 0 0 0; }

.news_ticker { padding-top:0px; clear:both; padding-top:4px }
.news_ticker ul { height:40px; padding:0; list-style:none; font-size:13px; margin:0; }
.news_ticker .left { width:95px; height:20px; background:url(../img/latest_news_left.jpg) no-repeat; float:left; padding:10px; color:#5e5e5e; text-align:center; }
.news_ticker .bg { width:429px; float:left; background:url(../img/latest_news_bg.jpg) repeat-x; height:25px; padding:10px 0 5px 10px; font-size:11px; }
.news_ticker .right { width:12px; height:40px; background:url(../img/latest_news_right.jpg) no-repeat; float:left; }

.content { widows:920px; margin:0 auto; clear:both; }
.content .left { float:left; width:238px; background:url(../img/bg_left.jpg) right top no-repeat; }
.content .left .sweet { margin:0.5em 0 0 1.8em; padding:0; width:145px; height:17px; background:url(../img/sweets_menu.gif) no-repeat; }
.content .left .sweet span { display:none; }
.content .left ul { list-style:none; margin:0.2em 2.5em; padding:0; }
.content .left ul li { margin:0; border-bottom:1px #d1d1d1 dotted; width:180px; padding:0; }
.content .left ul li a { display:block; background:url(../img/blue_arrow.jpg) left no-repeat; padding:4px 0 4px 15px; color:#565656; font-size:12px; text-decoration:none; }
.content .left ul li a:hover { color:#757575; }

.content .left ul ul { margin:0.2em 0 0.2em 1em; }
.content .left ul ul li { border:0; }
.content .left ul ul li a { background:url(../img/grey_arrow.jpg) left no-repeat; color:#757575; }
.content .left ul ul li a:hover { color:#565656; }

.content .left .logos { width:120px; margin:0 auto; clear:both; margin-top:0.8em; }

.newsletter { width:204px; float:left; margin:1em 0 0 2em; padding:0; }
.newsletter p { font-size:13px; line-height:20px; color:#393939; padding:0 1.2em 0 1.2em; }
.newsletter h2 { margin:0.2em; padding:0; background:url(../img/enewsletter.gif) no-repeat; width:159px; height:13px; }
.newsletter h2 span { display:none; }
.newsletter form { margin:0; padding:0; background:url(../img/bg_box.jpg) no-repeat left; width:204px; height:39px; }
.newsletter form input { width:110px; border:1px #b4b4b4 solid; height:20px; margin:0 0 0 0.8em; }
.newsletter form .submit { background:url(../img/pink_arrow.gif) right no-repeat; padding:0 4px 0 0; color:#424242; font-size:12px; cursor:hand; cursor:pointer; height:30px; margin:0.3em 0 0 1em; width:50px; border:0px; }

.content .right { float:left; width:681px; padding:0 1em 0 1em; }
.content .right p { font-size:13px; line-height:20px; color:#393939; padding:0 1.2em 0 1.2em; }

.content .right .carousel { width:661px; height:243px; background:url(../img/carousel_bg.jpg) no-repeat; margin:0 auto; }

.content .right .selected-prod { width:661px; margin:0 auto; margin-top:4px;}
.content .right .selected-prod .img { height:180px; clear:both; vertical-align:middle; line-height:130px; }
.content .right .selected-prod .img a { background:none !important; padding:0 !important; }
.content .right .selected-prod .img img { line-height:130px; border:0; margin-bottom:0.2em; }

.content .right .selected-prod .latest_prod { width:320px; text-align:center; float:left; margin:0 0.4em 0 0; }
.content .right .selected-prod .latest_prod .title { list-style:none; margin:0 auto; padding:0; }
.content .right .selected-prod .latest_prod .title .left { float:left; width:11px; height:34px; background:url(../img/dark_grey_left.jpg) no-repeat; margin:0; padding:0; }
.content .right .selected-prod .latest_prod .title .bg { float:left; width:298px; height:34px; background:url(../img/dark_grey_bg.jpg) repeat-x; margin:0; padding:0; }
.content .right .selected-prod .latest_prod .title .bg a { display:block !important; padding:8px 0 5px 5px !important; color:#fff !important; font-size:13px; text-decoration:none; background:none !important; }
.content .right .selected-prod .latest_prod .title .right { float:left; width:11px; height:34px; background:url(../img/dark_grey_right.jpg) no-repeat; margin:0; padding:0;}
.content .right .selected-prod .latest_prod .links { color:#666666; font-size:13px; text-decoration:none; font-weight:bold; background:url(../img/blue_arrow.jpg) right no-repeat; padding-right:10px; clear:both; margin:0.8em 0.2em; text-align:left; float:left; display:block; }
.content .right .selected-prod .latest_prod .img { float:left; }
.content .right .selected-prod .latest_prod .desc { float:right; width:130px; text-align:right; }
.content .right .selected-prod .latest_prod .desc p { padding:0; margin:0.1em; }


.content .right .intro { width:661px; margin:0 auto; background:url(../img/bg_intro.jpg) top no-repeat; clear:both; }
.content .right .intro h2 { color:#6b6b6b; font-size:22px; font-weight:normal; padding:1em 0.8em 0 0.8em; margin:0; } 
.content .right .intro p { font-size:13px; line-height:20px; color:#393939; padding:0 1.2em 0 1.2em; }

/* Cat listings */
.bread { width:612px; height:3px; background:url(../img/bg_bread.jpg) no-repeat center; padding:25px 20px; font-size:13px; color:#7a7a7a;  }
.bread strong { color:#7a7a7a; font-weight:bold; font-size:13px; padding:5px; }
.bread span { color:#1c509e; font-size:13px; padding:5px; }
.bread a { font-size:13px; color:#7a7a7a; text-decoration:none; padding:5px; }

.view_all { list-style:none; margin:-1px 0 0 25em; clear:both; }
.view_all .left { float:left; width:10px; height:35px; background:url(../img/left_show_all_prod.jpg) left no-repeat; }
.view_all .bg { width:128px; background:url(../img/bg_show_all_prod.jpg) repeat-x; height:23px; float:left; padding:6px; }
.view_all .bg a { color:#00a88f; font-size:13px; text-decoration:none; padding-right:10px; font-weight:bold; background:url(../img/saphire_icon.gif) no-repeat right; } 
.view_all .right { float:left; width:10px; height:35px; background:url(../img/right_show_all_prod.jpg) left no-repeat; }

/* Product listing */
.product { float:left; width:183px; height:312px; border:1px #e5e5e5 solid; list-style:none; margin:0.8em 0 0.8em 1.8em; padding:0; }
.product li { width:183px; height:312px; margin:0; padding:0; } 
.product a { text-decoration:none; }
.product a img { border:0; }
.product h2 { text-align:center; color:#4c4c4c; font-weight:bold; font-size:14px; margin:0.8em 0.2em 0 0.2em; padding:0; }
.product .img { width:183px; height:179px; text-align:center; line-height:179px; display:block; } 
.product .img img { border:0; }
.product .desc { width:163px; padding:10px; background:#fbfbfb url(../img/bg_cat_list.jpg) top center no-repeat; color:#575757; font-size:11px; display:block; height:68px; cursor:hand; cursor:pointer; }

/* Order form */
.order-form { margin: 20px; border:1px #b4b4b4 solid; padding: 10px; width:500px; }
.order-form p {margin: 5px 0;}
.order-form label {width: 120px; float: left; padding-right: 5px; text-align: right;}
.order-form input { margin:0 0 0 0.8em; }
.order-form textarea {width:200px; border:1px #b4b4b4 solid; height:80px; margin:0 0 0 0.8em;}
.order-form input.txt { width:200px; border:1px #b4b4b4 solid; height:20px; }
.order-form input.txt-small { width:100px; border:1px #b4b4b4 solid; height:20px; }
.order-form input.submit {background-color: #231F20; color: #ffffff; border: 1px solid #000; font-weight: bold; margin-top:5px;}

/* Paging */
.page { list-style:none; padding:0; height:36px; text-align:center; display:table; margin:0 auto !important; clear:both; }
.page .left { float:left; width:50px; border:1px #cfcfcf solid; height:20px; text-align:center; padding:5px; margin:0 auto; }
.page .left a { color:#818181; font-size:13px; text-decoration:none; padding-left:8px; background:url(../img/prev_icon.jpg) left no-repeat; }

.page .bg { float:left; background:#f3f3f3; height:22px; padding:5px; margin:0 auto; }
.page .bg a { font-size:14px; color:#656565; text-decoration:none; padding:2px 8px 2px 8px; border-right:1px #e2e2e2 solid; font-weight:bold; }

.page .right { float:left; width:50px; border:1px #cfcfcf solid; height:20px; text-align:center; padding:5px; margin:0 auto; }
.page .right a { color:#818181; font-size:13px; text-decoration:none; padding-right:8px; background:url(../img/next_icon.jpg) right no-repeat; }

/* Product page */
.details-box { width:641px; margin:0 auto;  }
.details-box .image { float:left; width:200px; text-align:center; }
.details-box .image .thumb { list-style:none; margin:0 auto; padding:0; clear:both; width:175px; margin-top:0.9em; }
.details-box .image .thumb li { float:left; margin:0.4em; }
.details-box .image a { list-style:none; text-align:center; color:#1c509e; font-weight:bold; font-size:13px; text-decoration:none; }
.details-box .image a:hover { color:#40dac4; }
.details-box .image a img { border:0px; margin-bottom:0.5em; }
.details-box .details { width:430px; float:right; margin-bottom:2em;  }
.details-box .details .enquiry { width:146px; height:26px; background:url(../img/button.jpg) no-repeat; color:#1c509e; font-weight:bold; font-size:13px; text-decoration:none; text-align:center; display:block; margin:0.9em 0 0 1.8em; padding-top:5px; }
.details-box .details h3 { color:#4c4c4c; font-size:19px; margin:0.4em; padding:0; }

.details-box .specs p { margin:0.3em; clear:both; }
/*.details-box .specs p strong { float:left; display:block; width:180px; }*/

.related { clear:both; margin:0 auto; list-style:none; background:url(../img/bg_intro.jpg) center top no-repeat; }
.related li { float:left; width:194px; height:240px; text-align:center; }
.related li a { display:block; width:194px; height:180px; color:#4c4c4c; text-decoration:none; font-weight:bold; font-size:13px; }
.related li a .image-list { display:block; width:194px; height:200px; }

.footer-box { width:661px; margin:0 auto; clear:both; }

.footer-box .top { list-style:none; margin:0 auto; padding:0; height:42px; }
.footer-box .top .left { height:42px; width:11px; background:url(../img/left_top_selection.jpg) no-repeat; float:left; margin:0; padding:0; }
.footer-box .top .bg { height:22px; width:619px; background:url(../img/bg_top_selection.jpg) repeat-x; float:left; color:#616161; font-size:14px; padding:10px;  margin:0;}
.footer-box .top .right { height:42px; width:11px; background:url(../img/right_top_selection.jpg) no-repeat; float:left; margin:0; padding:0; }

.footer-box .listings { background:#f8f8f8; clear:both; }
.footer-box .listings ul { float:left; list-style:none; margin:0.5em 1.5em; padding:0; }
.footer-box .listings ul li { padding:3px 0 3px 0; margin:0; }
.footer-box .listings ul li a { color:#737373; font-size:11px; text-decoration:none; }
.footer-box .listings ul li a:hover { color:#545454; }

.footer-box .bottom { list-style:none; margin:0 auto; padding:0; height:42px; clear:both; }
.footer-box .bottom .left { height:18px; width:11px; background:url(../img/left_bottom_selection.jpg) no-repeat; float:left; margin:0; padding:0; }
.footer-box .bottom .bg { height:18px; width:639px; background:url(../img/bg_top_selection.jpg) repeat-x; float:left; padding:0px;  margin:0;}
.footer-box .bottom .right { height:18px; width:11px; background:url(../img/right_bottom_selection.jpg) no-repeat; float:left; margin:0; padding:0; }

.sub-footer { margin-left:10px; font-size: 11px; color:#444; }
.sub-footer a { margin:0 5px 0 5px; color:#737373; font-size:11px; text-decoration:none; }

.footer { margin:0 auto; width:979px; background:url(../img/footer.png) no-repeat; height:45px; }