/* Clothes 2 Order.com Style Sheet */
/* October 2008 Additions */
/* Jon Hudghton - jon@quaysidegroup.com */

body {
font-family: Arial;
font-size: 11px;
color: #3D3D3D;
text-align: left;
margin: 0px; 
padding: 0px;
border: 0px; 
background: #FFFFFF;
}

/* Basics */
H4 {
	font-size: 15px; color: #3D3D3D; font-weight: bold; display:inline;
}


/* Links */
#n08_column_left a:link {color: #3D3D3D; text-decoration:none;}
#n08_column_left a:visited {color: #3D3D3D;  text-decoration:none;}
#n08_column_left a:hover {color: #E9271E; text-decoration:underline;}

#ni08_column_right_row1 a:link {color: #3D3D3D; text-decoration:none;}
#ni08_column_right_row1 a:visited {color: #3D3D3D;  text-decoration:none;}
#ni08_column_right_row1 a:hover {color: #E9271E; text-decoration:underline;}

#ni08_footer a:link {color: #666666; text-decoration:none;}
#ni08_footer a:visited {color: #666666;  text-decoration:none;}
#ni08_footer a:hover {color: #E9271E; text-decoration:underline;}




#n08_container {
position: relative;
width:990px;
margin-left: auto;
margin-right: auto;
background-image: url(images/c2o_new_2008/layout/middle_left.gif);
background-repeat: repeat-y;
background-position: left;
overflow: hidden; /* For Firefox */
}

#n08_column_left {
float: left;
width: 260px;
font-size: 12px;
margin-top: 1px;
border-top: 4px solid #FFFFFF;
}

#n08_column_left .sub_heading {
float: left;
color: #DF0001;
width: 227px;
text-transform:uppercase;
margin-top: 15px;
margin-bottom: 1px;
padding-left: 27px;
font-size: 14px;
font-weight: bold;
}

#n08_column_left .back_link {
float: left;
width: 254px;
background-image:url(images/c2o_new_2008/layout/button_back.gif);
height: 20px;
margin-bottom: 3px;
}

#n08_column_left .back_link .inner_text {
float: left;
padding-left: 46px;
width: 206px;
margin-top: 3px;
}

#n08_column_left .back_link .inner_text_small {
float: left;
padding-left: 46px;
width: 206px;
margin-top: 3px;
font-size: 11px;
color: #CCCCCC;
}

#n08_column_left .back_link .inner_text .selected_span {
color: #DF0001; 
font-weight: bold;
}

#n08_column_left .info_box_red_top {
float: left;
width: 218px;
height: 31px;
background-color: #DE0000;
margin-left: 17px;
margin-top: 15px;
}

#n08_column_left .info_box_red_top .inner_text {
float: left;
padding-top: 7px;
padding-left: 10px;
font-weight: bold;
font-size: 14px;
color: #FFFFFF;
}

#n08_column_left .info_box_grey_box {
float: left;
width: 218px;
background-color: #323031;
margin-left: 17px;
}


#n08_column_left .info_box_grey_box .inner_text {
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
color: #FFFFFF;
}

#ni08_column_right_row1 {
float: left;
height: 96px;
width: 990px;
background-color:#FFFFFF;
}

#ni08_column_right_row1 .left_side {
float: left;
width: 375px;
height: 96px;
}

#ni08_column_right_row1 .left_side2 {
float: left;
width: 185px;
height: 75px;
padding-left: 50px;
padding-top: 10px;
}

#ni08_column_right_row1 .right_side {
float: right;
width: 340px;
height: 96px;
text-align: right;
color: #7D7D7D;
}

#ni08_column_right_row1 .right_side .row1 {
float: left;
width: 340px;
text-align: right;
margin-top: 5px;
}

#ni08_column_right_row1 .right_side .row2 {
float: left;
width: 335px;
text-align: right;
margin-top: 5px;
color: #464646;
}

#ni08_column_right_row1 .right_side .row3 {
float: left;
width: 335px;
text-align: right;
margin-top: 15px;
}


.topsearch_box {
width: 250px;
height: 14px;
border: 1px solid #DF0504;
padding: 3px;
font-size: 12px;
margin-right: 8px;
}

#ni08_column_right_row2 {
float: left;
height: 40px;
width: 990px;
background-image: url(images/c2o_new_2008/layout/red_bar2.jpg);
background-position: left;
background-repeat: repeat-x;
}

#ni08_column_right_row2 .inner_text {
float: left;
width: 685px;
margin-top: 8px;
margin-left: 25px;
}

#ni08_column_right_row3 {
float: left;
width: 728px;
padding-top: 5px;
position: relative;
}

#ni08_footer {
border-top: 4px solid #E6E7E9;
width:990px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
padding-top: 5px;
}

/* Index Page Layout */
#ni08_index_large_2_back {
float: right;
width: 232px;
height: 487px;
background-image:url(images/c2o_new_2008/index_banners/white_two_new3.jpg);
font-size: 12px;
color: #3D3D3D;
}

#ni08_index_large_2_back H2 {
 font-size: 14px; font-style: italic;
}

#ni08_index_large_2_back  a:link {color: #E10604; font-size: 13px;  text-decoration:underline;}
#ni08_index_large_2_back  a:visited {color: #E10604; font-size: 13px;  text-decoration:underline;}
#ni08_index_large_2_back  a:hover {color: #999999; font-size: 13px; text-decoration:underline;}

#ni08_index_large_2_back ul
{
list-style-type: none;
padding: 0;
margin-top: 14px;
margin-left: 12px;
}

#ni08_index_large_2_back li
{
background-image: url(images/new_bullet.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1.0em;
}

#ni08_index_large_2_back .inner_text {
float: left;
width: 225px;
height: 245px;
overflow: hidden;
padding: 5px;
}

#ni08_index_large_2_back .inner_text2 {
float: left;
width: 225px;
height: 176px;
overflow: hidden;
padding: 5px;
margin-top: 17px;
}

#ni08_index_large_2_back .inner_text3 {
float: left;
width: 225px;
height: 15px;
overflow: hidden;
padding-left: 5px;
margin-top: 5px;
}

#ni08_index_main_image {
float: left;
width: 487px;
height: 319px;
margin-top: 8px;
margin-bottom: 7px;
}

#ni08_index_main_image H2 {
font-size: 24px; font-style: italic;
}

#ni08_index_main_image .tag_line_text {
float: left;
width: 263px;
padding-top: 10px;
padding-left: 10px;
}

#ni08_index_main_image .bullet_point_text {
clear: both;
float: left;
width: 242px;
padding-top: 20px;
color: #000000;
font-size: 14px;
font-weight: bold;
margin-left: -10px;
}

#ni08_index_main_image .tsp_white_header {
float: left;
width: 300px;
padding-top: 44px;
padding-left: 5px;
color: #FFFFFF;
font-size: 22px;
font-weight: bold;

}

#ni08_index_main_image .tsp_main_text {
float: left;
width: 320px;
padding-top: 26px;
padding-left: 5px;
font-weight: bold;
font-size: 14px;
}

#ni08_index_main_image  a:link {color: #E10604;   text-decoration:underline;}
#ni08_index_main_image  a:visited {color: #E10604;   text-decoration:underline;}
#ni08_index_main_image  a:hover {color: #999999;  text-decoration:underline;}

#ni08_index_h1_tag_line {
float: left;
background-image:url(images/c2o_new_2008/index_banners/large_centre/tag_line_blank.jpg);
width: 486px;
height: 67px;
background-color:#000000;
}

#ni08_index_h1_tag_line H1 {
color: #FAFAFA;
font-size: 18px;
}

#ni08_index_h1_tag_line .inner_text {
padding: 8px;
width: 468px;
margin-top: 3px;
}



#ni08_index_info_box_1 {
position: relative;
float: left;
background-image:url(images/c2o_new_2008/index_banners/t-shirt_printing_new.jpg);
width: 360px;
height: 175px;
margin-top: 11px;
margin-left: 4px;
}

#ni08_index_info_box_1 .inner_text {
float: left;
width: 185px;
padding-left: 163px;
padding-top: 3px;
}

#ni08_index_info_box_2 {
position: relative;
float: right;
background-image:url(images/c2o_new_2008/index_banners/embroidery_new.jpg);
width: 357px;
height: 175px;
margin-top: 11px;
}

#ni08_index_info_box_2 .inner_text {
float: left;
width: 180px;
padding-left: 168px;
padding-top: 3px;
}

#ni08_index_info_box_3 {
position: relative;
float: left;
background-image:url(images/c2o_new_2008/index_banners/express_dispatch_new.jpg);
width: 359px;
height: 175px;
margin-top: 11px;
margin-left: 4px;
}

#ni08_index_info_box_3 .inner_text {
float: left;
width: 185px;
padding-left: 163px;
padding-top: 3px;
}

#ni08_index_info_box_4 {
position: relative;
float: right;
background-image:url(images/c2o_new_2008/index_banners/instant_quote_new.jpg);
width: 359px;
height: 175px;
margin-top: 11px;
}

#ni08_index_info_box_4 .inner_text {
float: left;
width: 190px;
padding-left: 168px;
padding-top: 3px;
}

#ni08_index_info_box_1 a:link,#ni08_index_info_box_2 a:link,#ni08_index_info_box_3 a:link,#ni08_index_info_box_4 a:link {color: #3D3D3D; text-decoration:underline;}
#ni08_index_info_box_1 a:visited,#ni08_index_info_box_2 a:visited,#ni08_index_info_box_3 a:visited,#ni08_index_info_box_4 a:visited {color: #3D3D3D; text-decoration:underline;}
#ni08_index_info_box_1 a:hover,#ni08_index_info_box_2 a:hover,#ni08_index_info_box_3 a:hover,#ni08_index_info_box_4 a:hover {color: #DC0100; text-decoration:underline;}

.ni08_index_info_box_go {
position: absolute;
width: 38px;
height: 35px;
left: 320px;
top: 137px;
z-index: 10;
}

#ni08_column_right_row3 .index_main_text_heading_span {
font-weight: bold;
color: #B2B2B2;
}

#ni08_column_right_row3 .info_box_heading {
font-weight: bold;
font-size: 22px;
color: #E10604;
}

#ni08_index_best_sellers_bounding_box {
float: left;
background-image: url(images/c2o_new_2008/index_banners/best_sellers_back.gif);
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #CCCCCC;
width: 709px;
padding: 5px;
margin-left: 5px;
margin-top: 7px;
}

#ni08_index_supplied_companies {
float: left;
background-image: url(images/c2o_new_2008/index_banners/best_sellers_back.gif);
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #CCCCCC;
width: 710px;
padding: 5px;
margin-left: 5px;
margin-top: 7px;
height: 55px;
}

#ni08_index_supplied_companies img {
margin-left: 27px;
}

#ni08_index_text_bounding_box {
float: left;
width: 709px;
padding: 5px;
margin-left: 5px;
border: 1px solid #CCCCCC;;
margin-top: 7px;
color: #B2B2B2;
}

#ni08_index_text_bounding_box H4 {
 color: #B2B2B2;
}

/* Best Sellers - Taken from old site */
.top_products_item {
float: left;
width: 170px;
margin-left: 5px;
margin-top: 5px;
}

.top_products_item_picture {
margin-top: 5px;
float: left;
width: 87px;
height: 90px;
overflow: hidden;
}

.top_products_item_text {
margin-top: 5px;
padding-left: 5px;
float: left;
font-size: 10px;
}

.top_products_div_price_1 {
font-weight: bold;
float: left;
color: #E03E2F;
font-size: 12px;
padding-top: 4px;
margin-left: 3px;
}

.top_products_div_price_2 {
font-weight: bold;
float: left;
color: #E03E2F;
font-size: 24px;
}

.top_products_div_price_3 {
font-weight: bold;
float: left;
color: #E03E2F;
font-size: 12px;
padding-top: 4px;
}

/* New Category page header elements */

#ni08_category_refine_header {
float: left;
background-position: top left;
background-repeat: repeat-x;
width: 728px;
padding: 5px;
font-weight: bold;
font-size: 12px;
color: #000000;
background-color: #ffffff;
border: 1px solid #cf1314;
margin-top: 3px;
text-align: center;
margin-left: 4px;
}


#category_image_header {
float: left;
width: 720px;
height: 185px;
background-position: top left;
margin-bottom: 5px;
}

#category_image_header .drop_down_area {
float: right;
width: 155px;
color: #FFFF00;
font-weight: bold;
margin-top: 10px;
}

#category_image_header .cat_text {
float: left;
padding-left: 5px;
margin-top: 126px;
color: #FFFFFF;
z-index: 1;
width: 550px;
height: 58px;
overflow: hidden;
}

.category_dropdown {
width: 146px;
}

#category_image_header a:link {color: #FFFFFF;}
#category_image_header a:visited {color: #FFFFFF;}
#category_image_header a:hover {color: #FFFFFF;}

#category_html_lower {
float: left;
width: 720px;
margin-left: 1px;
text-align: justify;
color: #999999;
}

#category_image_header H2 {
	font-size: 15px; color: #FFFFFF; font-weight: bold; display:inline;
}

/* Category page product layout */
#ni08_category_featured_header {
margin-top: 7px;
float: left;
width: 720px;
height: 310px;
margin-bottom: 5px;
background-image:url(images/c2o_new_2008/category/featured_background_new.jpg);
}

#ni08_category_featured_header .outer_box {
float: left;
width: 151px;
height: 264px;
margin-left: 23px;
margin-top: 9px;
text-align: center;
}

#ni08_category_featured_header .outer_box .featured_text {
width: 151px;
color: #FFFFFF;
padding-top: 7px;
font-size: 16px;
font-weight: bold;
height: 29px;
overflow: hidden;
float: left;
}

#ni08_category_featured_header .outer_box .product_name {
width: 144px;
margin-left: 4px;
margin-top: 11px;
height: 28px;
overflow: hidden;
margin-bottom: 3px;
float: left;
font-weight: bold;
}

#ni08_category_featured_header .outer_box .product_image {
width: 151px;
height: 133px;
float: left;
}

#ni08_category_featured_header .outer_box .was_price {
width: 151px;
height: 11px;
color: #000000;
font-weight: bold;
float: left;
overflow: hidden;
}

#ni08_category_featured_header .outer_box .current_price {
width: 151px;
height: 36px;
font-weight: bold;
float: left;
overflow: hidden;
margin-top: 2px;
}

#ni08_category_featured_header .outer_box .show_details_box {
width: 151px;
height: 34px;
float: left;
overflow: hidden;
margin-top: 2px;
}

.ni08_product_outer_box {
float: left;
width: 157px;
height: 303px;
margin-left: 19px;
margin-top: 9px;
text-align: center;
}

.ni08_product_outer_box .product_name_back {
float: left;
margin-left: 2px;
width: 155px;
height: 48px;
background-image:url(images/c2o_new_2008/category/product_name_back.jpg);
}

.ni08_product_outer_box .product_name_back .inner_text {
float: left;
width: 131px;
height: 29px;
color: #FFFFFF;
overflow: hidden;
padding-left: 10px;
padding-top: 6px;
font-weight: bold;
font-size: 11px;
}

.ni08_product_outer_box .product_image {
width: 151px;
height: 133px;
float: left;
margin-left: 2px;
}

.ni08_product_outer_box .product_sub_text {
width: 157px;
height: 28px;
float: left;
color: #797979;
padding-top: 2px;
padding-bottom: 2px;
overflow: hidden;
}


.ni08_product_outer_box .was_price {
width: 157px;
height: 11px;
color: #000000;
font-weight: bold;
float: left;
overflow: hidden;
}

.ni08_product_outer_box .current_price {
width: 157px;
height: 36px;
font-weight: bold;
float: left;
overflow: hidden;
margin-top: 2px;
}

.ni08_product_outer_box .show_details_box {
width: 157px;
height: 36px;
float: left;
margin-top: 5px;
}

/* New Product Page */

#ni08_product_main_left {
float: left;
width: 255px;
margin-right: 10px;
margin-left: 0px;
}

#ni08_product_main_right {
float: left;
width: 449px;
margin-left: 7px;
}


#ni_0508_tab_box_selected_tab_1 {
float: left;
background-image: url(images/c2o_new_2008/product_page/tabs1.gif);
width: 446px;
height: 28px;
background-repeat: no-repeat;
margin-top: 5px;
}

#ni_0508_tab_box_selected_tab_2 {
float: left;
background-image: url(images/c2o_new_2008/product_page/tabs2.gif);
width: 446px;
height: 28px;
background-repeat: no-repeat;
margin-top: 5px;
}

#ni_0508_tab_box_selected_tab_3 {
float: left;
background-image: url(images/c2o_new_2008/product_page/tabs3.gif);
width: 446px;
height: 28px;
background-repeat: no-repeat;
margin-top: 5px;
}


.ni_0508_tab_inner_text {
float: left;
padding-left: 1px;
margin-top: 5px;
margin-left: 12px;
font-weight: bold;
}

.ni_0508_tab_inner_text_ie6 {
float: left;
padding-left: 1px;
margin-top: 5px;
margin-left: 6px;
font-weight: bold;
}


.ni_0508_tab_box_middle {
float: left;
background-image: url(images/c2o_new_2008/product_page/tabs_box_middle.gif);
width: 446px;
background-repeat: repeat-y;
}

.ni_0508_tab_box_middle .inner_text {
width: 433px;
padding: 5px;
}

.ni_0508_tab_box_bottom {
float: left;
background-image: url(images/c2o_new_2008/product_page/tabs_box_bottom.gif);
width: 446px;
height: 7px;
font-size: 1px;
}

.ni_0508_grey_box_outer_holder {
float: left;
width: 250px;
position: relative;
}

.ni_0508_grey_box_top {
float: left;
background-image: url(images/c2o_new_2008/product_page/grey_box_top.gif);
width: 250px;
height: 6px;
font-size: 1px;
}

.ni_0508_grey_box_middle {
float: left;
background-image: url(images/c2o_new_2008/product_page/grey_box_middle.gif);
width: 250px;
background-repeat: repeat-y;
position: relative;
}

.ni_0508_grey_box_middle_inner_text {
float: left;
width: 240px;
padding: 6px;
z-index: 5;
}

.ni_0508_grey_box_bottom {
float: left;
background-image: url(images/c2o_new_2008/product_page/grey_box_bottom.gif);
width: 250px;
height: 5px;
font-size: 1px;
}

.ni_0508_qtyBox {
  border: 1px #666666 solid;
  text-align: center;
}

.ni_0508_product_header_1 {
font-size: 13px;
}

h4 {
font-size: 14px;
display: inline;
}

.ni_0508_grey_code_text {
float: left;
color: #858585;
margin-top: 5px;
margin-bottom: 5px;
}

.ni_0508_prod_price_span {
color: #FD0D0E;
font-size: 12px;
letter-spacing: 0.1em;
}

.ni_0508_prod_qty_span {
color: #666666;
font-size: 12px;
}

#ni_0508_prod_alt_products {
position: absolute;
width: 130px;
margin-top: -30px;
z-index: 5;
text-align: center;
border-left: 1px solid #EEEEEE;
padding: 1px;
color: #707070;
}

#ni_0508_prod_alt_products .heading {
float: left;
text-decoration: underline;
font-size: 110%;
margin-bottom: 7px;
width: 128px;
text-align: center;
}

#ni_0508_prod_alt_products a:link {color: #000000; font-weight: bold;}
#ni_0508_prod_alt_products a:visited {color: #000000; font-weight: bold;}
#ni_0508_prod_alt_products a:hover {color: #000000; font-weight: bold;}

#lightbox_overlay
{
	position: absolute;
	left: 0px;
	top: 0px;


	width: 100%;
	height: 100%;

	background: url(images/overlay1.gif);

	/* Set both opacity and filter, for MSIE and firefox compatability */
	opacity: .8;
	filter: alpha(opacity=80);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);

	/* z-index sets the layer order, so that the overlay rests on top.
	Bear in mind that the popup dialogue needs to be even higher! */
	z-index: 10000;
}

#lightbox_highlighted_div {
position: absolute;
width: 650px;
height: 560px;
top: 20px;
left: 290px;
border: 2px solid #000000;
background-color: #FFFFFF;
overflow: hidden;
z-index: 20000;
padding: 5px;
font-size: 11px;
}

#lightbox_highlighted_div .title_back {
float: left;
width: 100%;
height: 20px;
background: #F1F1F1;
margin-top: 7px;
margin-bottom: 7px;
clear: both;
}

#lightbox_highlighted_div .title_back .inner_text {
float: left;
padding-left: 3px;
padding-top: 3px;
}


/* Ajax Customisation Popups */

.ni08_create_cust_box_left {
float: left;
text-align: center;
width: 87px;
height: 87px;
margin-top: 15px;
}

.ni08_create_cust_box_right {
float: left;
margin-left: 15px;
padding-left: 1px;
height: 87px;
width: 510px;
margin-top: 15px;
}

#ni08_create_cust_grey_back {
float: left;
width: 638px;
padding: 5px;
border: 1px solid #B2B2B2;
background: #F7F7F7;
}

#ni08_cost_breakdown {
float: right; text-align: right; width: 180px; height: 18px; margin-right: 5px; color: #FFFFFF; font-weight: bold; padding-top: 11px; font-size: 16px;
}

#ni08_cost_breakdown a:link {color: #FFFFFF; text-decoration: underline;}
#ni08_cost_breakdown a:visited {color: #FFFFFF; text-decoration: underline;}
#ni08_cost_breakdown a:hover {color: #FFFF00; text-decoration: underline;}

#ni08_cost_breakdown_arrow {
position: absolute;
top: 30px;
left: 380px;
float: left;
width: 375px;
height: 223px;
background-image:url(images/c2o_new_2008/layout/arrow_box.gif);
z-index: 15000;
}

#ni08_cost_breakdown_arrow .inner_text {
float: left;
padding-top: 85px;
padding-left: 35px;
width: 215px;
font-size: 12px;
}

#ni_0508_express_dispatch_box {
 border: 1px solid #CCCCCC; width: 443px; margin-top: 5px; margin-bottom: 5px;
}


#ni_0508_express_dispatch_box .heading_text {
 width: 443px; padding-top: 2px; padding-bottom: 2px; background-color: #F4F4F4; text-align: center; font-weight: bold;
}


#ni_0508_express_dispatch_box .inner_text {
 width: 433px; padding: 5px;
}



.ni_0508_prodimage  {border: solid 1px #FFFFFF; margin-bottom: 1px;}
A:hover .ni_0508_prodimage, A:active .ni_0508_prodimage  { border: solid 1px #DF0303; margin-bottom: 1px;}