body{background:#1c1d1c url(../images/body_bg.jpg) repeat-x;margin:10px 0 0 0;padding:0;font:0.8em Arial, Helvetica, sans-serif; color:#000000;}
a {color:#000000;}
a:hover {text-decoration:none;}
.clearer {clear:both;}
hr{background:#cccccc;height:1px;font-size:1pt;}

#page_wrapper {width:1000px; margin:0 auto; background:#ffffff;border-top:6px solid #ffffff;border-bottom:6px solid #ffffff;}
/* Header ----------------------------------- */
#header_container {width:988px; margin:0px 6px 6px 6px; height:227px;background:#fff;}
#header_container img {border:none;}
#header_container .logo {width:227px;height:227px;float:left;;}
#header_banner {height:227px;width:755px;float:left;margin:0 0 0 6px; position:relative;}
#header_banner #craftysyntax { position:absolute; right:0; top:0;}
#header_container .live_support { width:300px; float:right; margin:10px 0 0 0;padding-right:20px; text-align:right; font-weight:bold; color:#fff;}

/* Top Navigation ----------------------------------- */
#nav_container {margin:0 auto;width:988px;height:40px;background:#555555;}
#nav_container .top{width:988px;padding:0 0 10px 0;}
#nav_container .btm{width:988px;padding:0 0 10px 0;}

/*ul#top_nav {margin:0; padding:8px 0 0 18px;}*/
/*ul#top_nav li{font-size:1.0em;display:inline; list-style:none; font-weight:bold; padding:0 27px 0 38px; overflow:hidden;}*/
/*ul#top_nav li a{text-decoration:none; color:#fff;line-height:25px;}*/
ul#top_nav {margin:0;padding:0;}
ul#top_nav li{float:left;display: block; list-style-type: none;text-align:center;}
ul#top_nav li a{font-weight:bold;text-decoration:none; color:#fff;line-height:40px;float:left;display: block;background:url(../media/images/top_nav_bg.jpg) no-repeat;width:141px;height:40px;}
ul#top_nav li a:hover{text-decoration:none;color:#fff;background:url(../media/images/top_nav_bg_over.jpg) no-repeat;}

ul#btm_nav { margin:0; padding:10px 0 0 18px;}
ul#btm_nav li{ display:inline; list-style:none; padding:0 15px 0 0; overflow:hidden;}
ul#btm_nav li a{text-decoration:none; color:#121212;}
ul#btm_nav li a:hover{ text-decoration:none; color:#386ea3;}

/* Body ----------------------------------- */
#body_container{width:988px; margin:0 auto; background:#fff;}
#main_info_container{width:743px;float:left;margin:6px 0 0 6px;padding:0;color:#000000;overflow:hidden;background:#ffffff;border:6px solid #ececec;}
#main_info_area{margin:20px;}
#home_area{margin:0 auto;width:729px;}
#product_container{width:700px;}
#home_main_ad{height:290px;width:729px;background:#656565;margin:6px 0px 6px 0px;}
#home_first_ad{height:345px;width:239px;background:#656565;margin:0px 6px 6px 0px;float:left;}
#home_second_ad{height:345px;width:239px;background:#656565;margin:0px 6px 6px 0px;float:left;}
#home_third_ad{height:345px;width:239px;background:#656565;margin:0px 0px 6px 0px;float:left;}

/* Products Nav ----------------------------------- */
#products_container{width:227px;float:left;padding:0px 0px 0px 0px;margin:6px 0 0px 0;}
#products_title_nav {text-indent:25px;line-height:36px;width:227px;height:36px;font-size:10pt;color:#fff;padding:0px;background:#ffffff url(../media/images/products_title.jpg) no-repeat;margin:0 0 0px 0;}
#products_nav {background:#ffffff;width:227px;padding:0px;overflow:hidden;}
#products_nav ul{margin:0; padding:0; background:#ffffff; width:227px; padding:0px;overflow:hidden;}
#products_nav ul li{padding:0;list-style:none;background:#ffffff url(../media/images/products_nav_bg.jpg) no-repeat; width:227px;margin:1px 0 0 0;overflow:hidden;}
/*#products_nav ul li:hover{color:#ffffff;list-style:none;background:#ffffff url(../images/products_nav_bg_over.jpg) no-repeat; width:227px;height:36px;margin:1px 0 0 0;overflow:hidden;}*/
#products_nav ul li a{height:36px;text-indent:25px;line-height:36px;font-size:9pt;color:#555555; text-decoration:none; width:227px;float:left;padding:0;}
#products_nav ul li a:hover{background:#ffffff url(../media/images/products_nav_bg_over.jpg) no-repeat;color:#ffffff;}
#products_nav ul li ul{clear:both;margin:0; padding:0; background:#ffffff; width:227px;overflow:hidden;}
#products_nav ul li ul li{padding:0;list-style:none;background:#ffffff url(../media/images/products_nav_bg.jpg) no-repeat; width:227px;margin:1px 0 0 0;overflow:hidden;}
/*#products_nav ul li ul li:hover{color:#ffffff;list-style:none;background:#ffffff url(../images/products_nav_bg_over.jpg) no-repeat; width:227px;margin:1px 0 0 0;overflow:hidden;}*/
#products_nav ul li ul li a{width:227px;height:36px;text-indent:45px;line-height:36px;font-size:9pt;color:#555555; text-decoration:none;float:left;padding:0;}
#products_nav ul li ul li a:hover{color:#ffffff;}

a#product_main_selected{background:#ffffff url(../media/images/products_nav_bg_over.jpg) no-repeat;}
a#product_sub_selected{background:#ffffff url(../media/images/products_sub_nav_bg.jpg) no-repeat;}
a#product_sub{background:#ffffff url(../media/images/products_sub_nav.jpg) no-repeat;}
#product_sub a:hover{background:#ffffff url(../media/images/products_sub_nav_over.jpg) no-repeat;color:#ffffff;}

/* Footer CSS ----------------------------------- */
#footer_container {width:988px;height:40px;overflow:hidden;padding:0px;margin:6px 0px 0px 0px;background:#2a5673;}
#footer_nav {width:898px; margin:0 auto; position:relative; top:20px;}
#lower_nav{width:988px; margin:0 auto; padding:0;text-align:center;}
#lower_nav ul{margin:0; padding:0;}
#lower_nav ul li{list-style:none; display:inline;margin:0 12px 0 12px;}
#lower_nav ul li a{font-size:0.9em;color:#fff; text-decoration:none;line-height:40px;}
#lower_nav ul li a:hover{color:#26C3CF;}

#area_images{text-align:right;margin-top:15px;}



#checkout_form input{width:300px;}

#tab_order{z-index:15;position:relative;margin:0 0 0 3px;float:left;border-top:1px solid #999999;border-bottom:1px solid #ffffff;border-left:1px solid #999999;border-right:1px solid #999999;background:#ffffff;line-height:14pt;padding:5px;}
#tab_order a{color:#000;text-decoration:none;}
#tab_del{z-index:20;position:relative;margin:0 0 0 3px;float:left;border-top:1px solid #999999;border-left:1px solid #999999;border-right:1px solid #999999;background:#cccccc;line-height:14pt;padding:5px;}
#tab_del a{color:#666666;text-decoration:none;}
#tab_images{z-index:25;position:relative;margin:0 0 0 3px;float:left;border-top:1px solid #999999;border-left:1px solid #999999;border-right:1px solid #999999;background:#cccccc;line-height:14pt;padding:5px;}
#tab_images a{color:#666666;text-decoration:none;}

#tabs_underline{z-index:10;position:relative;top:-1px;clear:both;height:10px;border-top:1px solid #999999;}

#area_order{text-align:right;margin-top:5px;}
#area_del{text-align:right;margin-top:15px;display:none;}




/* Body Content CSS ----------------------------------- */



a#prod_anc_title{float:left;color:#fff; text-decoration:none;}
a:hover#prod_anc_title {color:#292929; text-decoration:none;}
a#prod_anc_image{margin-right:15px;width:25px;height:19px;border:none;float:right;position:relative;top:2px;}
img#product_icon{border:none;}

a.nav_minus{background:url(../images/nav_minus_icon.gif) no-repeat right;}
a.overview_link{color:#3673AF;}


#pagefloat_body { width:688px; float:right; padding:18px 18px 18px 0px; margin:0;color:#000000;}
#pagefloat_body .hd{ width:688px; height:10px; background:#fff url(../images/body_content_hd.jpg) no-repeat;}
#pagefloat_body .bd{ width:648px;padding:10px 20px 20px 20px; background:#fff;}
#pagefloat_body .ft{ width:688px; height:10px; background:#fff url(../images/body_content_ft.jpg) no-repeat; overflow:hidden;}
#pagefloat_body h1{margin:5px 0 5px 0;font-size:14pt;}
#pagefloat_body h2{margin:5px 0 5px 0;font-size:12pt;}
#pagefloat_body h3{margin:5px 0 5px 0;font-size:11pt;}
#pagefloat_body h4{margin:5px 0 5px 0;font-size:11pt;}

p.pages_copy{text-align:justify;}

/* Homepage CSS ----------------------------------- */

#index_banner { width:700px; height:236px; overflow:hidden;}
#index_banner .banner_text{ color:#fff; width:280px; position:absolute;font-size:1.1em;line-height:11pt;padding:30px 0 0 20px; margin:0;z-index:101;}
#index_banner .flash_banner{position:absolute;z-index:1;}
#index_banner h1{margin:5px 0 5px 0;font-size:14pt;}
#index_banner a{color:#ffffff;}

#bnr_blue { width:700px; height:236px;}
#bnr_purple {width:700px; height:236px;display:none;}
#bnr_green{width:700px; height:236px;display:none;}
#bnr_orange {width:700px; height:236px;display:none;}

#index_tabs { width:688px; height:37px; overflow:hidden;}
ul#home_tabs {margin:0; padding:0;text-align:right; line-height:48px;font-size:1.2em;}
ul#home_tabs li{display:inline; list-style:none;}
ul#home_tabs li a { color:#fff; text-decoration:none;}
ul#home_tabs li a#blue{width:160px; height:37px; float:left; margin:0 1px 0 0; background:#045d90 url(../images/tab_blue.jpg) no-repeat; border-top:1px solid #fff; padding:0 10px 0 0;}
ul#home_tabs li a#orange{ width:160px; height:37px; float:left; background:#cc5203 url(../images/tab_orange.jpg) repeat-x;border-top:1px solid #fff; padding:0 10px 0 0;}
ul#home_tabs li a#green{ width:160px; height:37px; float:left; margin:0 1px 0 0; background:#4e731a url(../images/tab_green.jpg) repeat-x;border-top:1px solid #fff; padding:0 10px 0 0;}
ul#home_tabs li a#purple{ width:160px; height:37px; float:left; margin:0 1px 0 0; background:#732a84 url(../images/tab_purple.jpg) repeat-x;border-top:1px solid #fff; padding:0 10px 0 0;}
ul#home_tabs li a#blue:hover{border-top:1px solid #0579b1;}
ul#home_tabs li a#orange:hover{border-top:1px solid #eb6005;}
ul#home_tabs li a#green:hover{border-top:1px solid #5e8b20;}
ul#home_tabs li a#purple:hover{ border-top:1px solid #8d33a1;}
ul#home_tabs li a:hover{ text-decoration:underline;}

#homefloat_body h1{margin:5px 0 5px 0;font-size:14pt;}
#homefloat_body h2{margin:5px 0 5px 0;font-size:12pt;}
#homefloat_body h3{margin:5px 0 5px 0;font-size:11pt;}
#homefloat_body h4{margin:5px 0 5px 0;font-size:11pt;}

.block_container { width:332px; margin:18px 18px 18px 0; float:left;}
.block_hd_s { width:322px; height:37px; background:#e6e8eb url(../images/block_hd_s.jpg) no-repeat; padding:0 0 0 10px; color:#045d90; font-size:1.4em; line-height:36px;}
.block_hd_d { width:322px; height:37px; background:#e6e8eb url(../images/block_hd_d.jpg) no-repeat; padding:0 0 0 10px; color:#045d90; font-size:1.4em; line-height:36px;}
.block_bd { width:332px; background:#3e6e9f; color:#fff; overflow:hidden;}
.block_ft { width:332px; height:10px; background:#3e6e9f url(../images/block_ft.jpg) no-repeat;overflow:hidden;}

.block_bd img{ padding:0 0 0 11px; margin:9px 0 0 0; overflow:hidden;}
ul#specials { margin:0; padding:2px 0 0 11px; width:310px;}
ul#specials li{ display:block; list-style:none; float:left; line-height:24px; text-indent:4px;}
ul#specials li a{ background:url(../images/special_off_li.jpg) repeat-x; height:26px; width:310px; float:left; margin:0 0 1px 0;border-top:1px solid #3e6e9f;border-bottom:1px solid #3e6e9f; color:#045d90; text-decoration:none;}
ul#specials li a:hover{background:url(../images/special_on_li.jpg) repeat-x; border-top:1px solid #789abc;border-bottom:1px solid #789abc; color:#fff;}



/* Other CSS ----------------------------------- */
#product_description_container{width:350px;float:left;}
#product_images_container{width:300px;float:right;text-align:right;}
#product_description{margin-bottom:15px;color:#000;}
#product_description h1{margin:0;font-size:14pt;}

#list_overview_container{text-align:justify;width:700px;}

#overview_blocks_container{margin:15px 0 0 20px;}
.overview_blocks{margin:0 5px 5px 0;border-bottom:1px dotted #cccccc;padding:10px;width:300px;height:80px;float:left;/*background:#e7e7e7 url(../images/overview_block.jpg) no-repeat;*/text-align:left;}
.overview_blocks a.overview_link{font-size:12pt;font-weight:bold;text-decoration:none;}
.overview_blocks a.overview_link:hover{text-decoration:underline;}
.overview_blocks a.overview_desc{font-size:10pt;color:#000;text-decoration:none;}
.overview_blocks a.overview_desc:hover{text-decoration:underline;}

/* Table Price List CSS ------------------------ */
table#price_list{border-collapse:collapse;width:700px;}
#price_list th{text-align:center;background-color:#9ed11c;color:#ffffff;height:23px;border-bottom:1px solid #ffffff;}
#price_list tr{border-bottom:1px solid #ffffff;}
#price_list td{text-align:center;padding:5px;border-right:1px solid #ffffff;}
#price_list b{font-size:11pt;}
#price_list strong{color:#1e394d;}
#price_list a{text-decoration:none;padding:2px;display:block;font-size:10pt;font-weight:bold;color:#1e394d;}
#price_list a:hover{color:#678716;text-decoration:underline;}

.text_centre{text-align:center;margin:0 0 10px 0;}
.shape_item{float:left; height:140px;width:140px;}
/* from old site CSS ------------------------ */
#ajax_result{margin-top:15px;}
#artwork_info{position:absolute;top:10px;left:10px;width:380px;background-color:#fff;border:2px solid #555555;padding:25px;display:none;z-index:100;}
#design_info{position:absolute;top:200px;left:100px;width:500px;background-color:#fff;border:2px solid #555555;padding:25px;display:none;text-align:center;}
#shaped_info{position:absolute;top:100px;left:150px;width:600px;height:420px;background-color:#fff;border:5px solid #ff6600;padding:10px;display:none;}
#silkstream{display:none;}
#cards{margin-top:25px;}
#cards img{margin:0 5px 0 5px;}

#terms_info{position:absolute;right:10px;top:10px;width:80%;background-color:#fff;border:2px solid #555555;padding:25px;display:none;z-index:100;}
div.form_error, div.form_error_text {float:left;clear:both;color:#f00;}
.flash_logo{position:absolute;z-index:1;}

