/*------------------------------------------------------------------
						Steven Johnston @ CoCreate
						for
						CoCreate
						10/07/2009

						Version 1.0

						Project: Chuck Buddies

						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments


						--------------------------------------------
##Designers Notes
-----------------
Colours
-------

--------------------------------------------------------------------*/
*{
    padding:0;
    margin:0;
}
html{
    min-height:100%;
    margin:0 0 1px 0;
}
body{
    background:url("../images/bg_body.gif") bottom #000000 no-repeat;
}
img{
    border:none;
}
/*-------------------------------------------------------------------*/
#wrapper{
    width:1050px;
    margin:0 auto 0 auto;
}
#header{
    width:1050px;
    height:376px;
}
#indexflash{
    width:1027px;
    height:402px;
    background:url("../images/flash.png");
}
#logo, #joinnews, #chuckstickers, #floatlinks, #whatsonheader, #seenthese{
    position:absolute;    
}
#logo, #joinnews, #floatlinks, #whatsonheader, #seenthese{
    z-index:2;
}
#chuckstickers{
    z-index:3;
}
#logo{
    width:508px;
    height:168px;    
    margin:37px 0 0 49px;
}
#joinnews{
    width:256px;
    height:100px;
    margin:48px 0 0 557px;
    padding:27px 0 0 20px;
    background:url("../images/bg_form_newsletter.png");
	cursor:pointer;
}
#joinnews label{
    float:left;
    width:236px;
}
#joinnews input{
    float:left;
    padding:2px;
    margin:3px 0 0 0;
    width:200px;
    height:17px;
}
#chuckstickers{
    width:264px;
    height:312px;
    margin-left:784px;
}

#floatlinks{
    width:490px;
    height:100px;
    margin:303px 0 0 64px;
    text-align:center;
}
#floatlinkstop, #floatlinksbottom{
    width:490px;
    height:50px;
}
#aboutus, #shop, #videos, #forum, #clothing, #contact, #contentlinks, #stufftobuy, #videogallery, #winachuck, #tipsntricks, #blog,
#copyright, .footerimg, #basket, #cart, #products, .chuckdetails{
    float:left;
}
#aboutus{
    width:137px;
    height:38px;
    padding-top:11px;
    margin-left:5px;
    background:url("../images/bg_about_us.png");
}
#shop{
    width:91px;
    height:33px;
    padding-top:7px;
    margin:3px 0 0 6px;
    background:url("../images/bg_shop.png");
}
#videos{
    width:106px;
    height:34px;
    padding-top:8px;
    margin:4px 0 0 6px;
    background:url("../images/bg_videos.png");
}
#forum{
    width:100px;
    height:32px;
    margin:8px 0 0 0;
    padding-top:8px;
    background:url("../images/bg_forum.png");
}
#clothing{
    width:109px;
    height:32px;
    margin:7px 0 0 10px;
    padding-top:9px;
    background:url("../images/bg_clothing.png");
}
#contact{
    width:116px;
    height:32px;
    margin:7px 0 0 5px;
    padding-top:9px;
    background:url("../images/bg_contact.png");
}
#whatsonheader{
    width:229px;
    height:73px;
    margin:300px 0 0 678px;
    padding:39px 0 0 95px;    
}
#whatsonheader{
    background:url("../images/bg_whats_on_header.png");
}
#seenthese{
    width:270px;
    height:66px;
    margin:310px 0 0 705px;
    padding:22px 0 0 22px;
    background:url("../images/bg_seen_these.png");
}
#content{
    width:1050px;
}
#contentlinks, #basket, .chuckdetails{
    margin:0;
    width:705px;       
}

.chuckdetails{
    padding:30px 0 10px 0;
    clear:both;
    width:705px;
    border-bottom:1px solid #E80D8A;
}
.chuckdetailstext, .chuckdetailslinks{
    float:left;
}
.chuckdetails img{float:left; margin:0 10px 0 0;}

.chuckdetailstext{
    width:414px;
    line-height:1.4;
    margin-right:25px;
}

.contactus{padding:0 0 10px 0;clear:both;width:705px; border-bottom:1px solid #E80D8A;}
.contactuscol{padding:0 0 0 5px; float:left; width:345px;line-height:1.4;}
.contactuscol a, .contactus a{color:#FFFFFF;}
.videocol{padding:0 0 0 5px; float:right; width:560px; line-height:1.4; overflow:hidden;}

.chuckdetailslinks{
    width:120px;
}
.chuckdetailsprice{
    width:120px;
    height:28px;
    padding-top:6px;
    margin:5px 0 10px 0;
    background:url("../images/bg_chuck_details_price.png");
    text-align:center;
}
.chuckdetailsprice a{color:#FFFFFF;}
.addtobasket{
    width:120px;
    height:34px;
}
#cart, .chuckdetailsbottom{
    width:705px;
}
.chuckdetailsbottom{
    clear:both;
    height:1px;
	width:1px;
}
#chuckgallery{
    float:left;
    width:311px;
}
#thumbs{
    width:311px;
    margin-top:20px;
}
.thumb{
    float:left;
    width:103px;
    text-align:center;
}
.thumbsbottom{
    clear:both;
    width:311px;
    height:1px;
}
#clickthumb{
    width:250px;
    height:29px;
    margin:20px 0 0 20px;
    padding:7px 0 0 22px;
    background:url("../images/bg_click_thumb.png");
}
#chuck{
    float:left;
    margin-left:3px;
    width:391px;
    background:url("../images/bg_chuck.gif") no-repeat #000000;
}
#chuck h1{
    margin:10px 0 0 40px;
}
#chuck p{
    width:300px;
    margin:30px 0 0 20px;
}
#orderform{
	margin:30px 0 0 20px;
	display: block;
	float: left;
}
#chuckprices{
	width:350px;
	float: float;
	padding: 20px 0 0 0;
}
#ourprice{
	width:150px;
	margin:0 20px 0 0;
	float: left;
}
#ourprice p{
    margin:20px 0 0 20px;
    width:130px;
    float:left;
}
#chuckprice{
    width:177px;
    height:61px;
    float:left;
    background:url("../images/bg_chuck_price.png");
    text-align:center;
}
#chuckprice p{
    width:auto;
    margin:20px 0 0 0;
}
#quantity{width:300px;height:60px;clear:both;}
#options{
    clear:both;
    width:300px;
}
#quantity p, #options p{
    float:left;
    width:130px;
    margin:0;
}

#quantity input{
    float:left;
    width:40px;
    height:18px;
    padding:4px;
    border:none;
    background:#E80D8A;
}
#options select{float:left;padding:4px;border:none;background:#E80D8A;}
#chuckinbasket{
    width:330px;
	height:100px;
}
#chuckinbasket input{float:left; width:126px; height:96px;}
#chuckinbasket p{
    margin:20px 0 0 0;
	float:left;
    width:130px;
	height:66px;
}
#contentlinks{
    height:603px;
}
#basketlabels{
    float:left;
    margin-top:30px;
    width:705px;
    height:60px;
    border-bottom:1px solid #E80D8A;
}
#product{
    float:left;
    margin-left:200px;
    width:92px;
    height:32px;
    padding:8px 0 0 20px;
    background:url("../images/bg_product.png");
}
#qty{
    float:left;
    margin-left:35px;
    width:52px;
    height:30px;
    padding:7px 0 0 18px;
    background:url("../images/bg_qty.png");
}
#unitprice{
    float:left;
    margin-left:35px;
    width:96px;
    height:32px;
    padding:8px 0 0 16px;
    background:url("../images/bg_unit_price.png");
}
#total{
    float:left;
    margin-left:35px;
    width:62px;
    height:31px;
    padding:7px 0 0 15px;
    background:url("../images/bg_total.png");
}
#basket table{
    border-spacing:0;
}
#basket table td{
    border-bottom:1px solid #E80D8A;
}
.imagetd, .producttd, .unitpricetd, .totaltd{
    padding:10px;
}
.imagetd, .producttd, .qtytd{
    text-align:center;
}
.imagetd{
    width:155px;    
}
.producttd{
    width:140px;
}
.qtytd{
    width:70px;
    padding:10px 40px 10px 10px;
}
.qtytd input{
    width:30px;
    height:20px;
    padding:2px 10px 2px 10px;
    background:#E80D8A;
    border:none;
}
.unitpricetd, .labeltd{
    width:125px;
    text-align:left;
}
.totaltd, .pricetd{
    width:85px;
    text-align:left;
}
#totals{
    float:right;
    width:250px;    
}
#subtotals{
    border-bottom:1px solid #E80D8A;
}
#subtotals td, #ordertotal td{
    padding:10px;
}
#options{
    float:left;
    width:400px;
    padding:10px 0 0 0;
}
#options p{
    padding-bottom:10px;
}
#basketbuttons{
    float:left;
    width:705px;
}
#basketbuttons table{
    width:340px;
    float:right;
}
.lefttd, .righttd{
    width:170px;
}
.lefttd{
    text-align:left;
}
.righttd{
    text-align:right;
}
#yellowheader{color:#FFFFFF;float:right;width:402px;height:66px;padding:45px 0 0 40px;background:url("../images/bg_header_yellow.png");}
#greenheader{color:#FFFFFF;float:right;width:402px;height:66px;padding:45px 0 0 40px;background:url("../images/bg_header_green.png");}
#blueheader{color:#FFFFFF;float:right;width:402px;height:66px;padding:45px 0 0 40px;background:url("../images/bg_header_blue.png");}
#pinkheader{color:#FFFFFF;float:right;width:402px;height:66px;padding:45px 0 0 40px;background:url("../images/bg_header_pink.png");}

#stufftobuyheader{
    float:left;
	margin:0 0 0 240px;
    width:402px;
    height:66px;
    padding:45px 0 0 40px;
    background:url("../images/bg_stuff_to_buy_header.png");
}
#stufftobuy{
    width:371px;
    height:253px;
    margin:11px 0 0 29px;
    background:url("../images/bg_stuff_to_buy.png");
}
#stufftobuy h1{
    margin:45px 0 0 179px;
    width:192px;
}
#stufftobuy img{
    margin:32px 0 0 88px;
}
#stufftobuy .link{
	display:block;
    margin:28px 0 0 155px;
    width:216px;
}
#videogallery{
    margin:0 0 0 18px;
    width:287px;
    height:298px;
    background:url("../images/bg_video_gallery.png");
}
#videogallery h1{
    margin:37px 0 0 83px;
}

#videogallery a{color:#FFFFFF; text-decoration:none;}
#videogallery a:hover{text-decoration:underline;}

#winachuck{
    margin:0 0 0 110px;
    width:256px;
    height:239px;
    background:url("../images/bg_win_a_chuck.png");
}
#winachuck a{
    display:block;
    margin:146px 0 0 30px;
}
#tipsntricks{
    margin:0 0 0 7px;
    width:331px;
    height:305px;
    background:url("../images/bg_tips_n_tricks.png");
}

#tipsntricks h1{
    margin:57px 0 0 120px;
}
#tipsntricks a{color:#FFFFFF; text-decoration:none;}
#tipsntricks .link{
    display:block;
    margin:115px 0 0 170px;
}
#blog, #products{
    width:299px;
}
#blogs{
    
}
#scroller{
	width:250px;
	height:399px;
	overflow:scroll;
}
#blogs, #productlist{
    width:250px;
    height:399px;
    padding:50px 24px 0 25px;    
    background:url("../images/bg_blogs.gif");
}
.product{
    width:200px;
    margin-bottom:30px;
}
.product h2{
    padding:5px 0 5px 0;
    border-top:1px dotted #FFFFFF;
    border-bottom:1px dotted #FFFFFF;
}
.product img{
    float:left;
    margin:10px 10px 0 0;
    width:90px;
}
.productlinks{
    float:right;
    width:100px;
    margin-top:8px;
    padding-top:8px;
    text-align:center;
}
.productlinks a, .listitem, .listitemtop{
    display:block;
    padding:8px 0 8px 0;
}
.listitem, .listitemtop{
    width:200px;
    border-bottom:1px dotted #FFFFFF;
}
.listitemtop{
    border-top:1px dotted #FFFFFF;
}
.productbottom{
    clear:both;
    width:200px;
    height:1px;
}
.productprice{
    width:100px;
    padding:8px 0 0 0;
    height:24px;
    text-align:center;
    background:url("../images/bg_product_price.png");
}
#blogsbottom, #productsbottom{
    position:absolute;
    z-index:2;
    margin:440px 0 0 0;
    width:299px;
    height:223px;
    background:url("../images/bg_blogs_bottom.png");
}

/*--- START MC ----*/
.blog{padding:0 0 10px 0; margin:0 0 10px 0;  border-bottom:1px dotted #FFFFFF;}
.blog img, .blog object{margin:5px 0 5px 0;}

#galleryholder{height:500px; padding:40px 0 40px 0; margin:0 0 40px 0;}
#gallery{z-index:1; position:absolute;}
#chuckstickersgallery{width:264px; height:312px; margin-top:400px; position:absolute; z-index:3;}


#bgmainimg{background:url(../images/bg_product_mainimage.jpg) no-repeat; width:276px; height:306px; padding:33px 0 0 35px;}
#thumb1, #thumb2, #thumb3{width:87px; height:70px; padding:12px 0 0 12px; float:left;}
#thumb1{background:url(../images/bg_product_thumb_1.jpg) no-repeat;}
#thumb2, #thumb3{background:url(../images/bg_product_thumb_2.jpg) no-repeat; }
#thumb2{margin:0 0 0 10px;}

/* forms */

#contactform input{width:300px; padding:5px; background-color:#E80D8A; border:solid 2px #FFFFFF; color:#FFFFFF; margin:0 0 10px 0;}


/*--- END MC ----*/

#footer{
	clear:both;
	float:left;
    width:1050px;
    height:80px;
}
#footertext{
    width:1050px;
    height:30px;
    position:absolute;
    z-index:2;
}
#cocreate{
    width:250px;
    float:right;
    text-align:right;
}
#copyright{
    width:400px;
}
#footerimgs{
    width:1050px;
    height:80px;
}
#footerimgs td{
    width:350px;
    height:80px;
    text-align:center;
    vertical-align:middle;
}
/*----------------------------
        Typography
----------------------------*/
#joinnews, #floatlinks, #content, #whatsonheader, #seenthese h1{
    font-family:Helvetica,Arial,sans-serif;
}
.qtytd input, #clickthumb p{
    font-size:1em;
}
#stufftobuy h1, #videogallery h1, #tipsntricks h1, #whatsonheader h1, #seenthese h1, #chuck h1{
    font-size:1.6em;
}
#footer{
    font-family:Verdana,Arial,Helvetica,sans-serif;    
}
.productprice p, .productlinks a, .listitem, .listitemtop{
    font-size:0.9em;
}
#stufftobuy .link, #blogs h2, #blogs p, #options p, #options label, .product h2, .chuckdetailstext p, #chuck p{
    font-size:0.8em;
}
#floatlinks, #basketlabels h2, .chuckdetailstext h2, #ourprice p, #chuckprice p, #quantity p, #options p, #chuckinbasket p, .large{
    font-size:1.2em;
}
.chuckdetailstext h2 a{color:#E80D8A;}
#chuckinbasket a{
color:#FFFFFF;
}
#footer{
    font-size:0.7em;
}
#floatlinks a, #whatsonheader h1{
    color:#22418D;
}
#cocreate p a{
    color:#000000;
}
.lightblue{
    color:#2B85B8;
}
.blog h2{
    color:#89CDF0;
}
.producttd, #options p a, .product h2, .productlinks a, .listitem, .listitemtop, .chuckdetailstext h2{
    color:#E80D8A;
}
#joinnews, #stufftobuy, #stufftobuy a, #winachuck a, #tipsntricks h1, #tipsntricks a, .blog p, #seenthese h1, .chuckdetailstext p, .chuckdetailsprice p,
#stufftobuyheader, #basketlabels, #basket table, .qtytd input, #subtotals table, #ordertotal table, #options p, #options label, .productprice p, #clickthumb p,
#chuck, #quantity input, #options select{
    color:#FFFFFF;
}



#cocreate p a, #floatlinks a, #stufftobuy a, #winachuck a, #tipsntricks a, #basketlabels h2, #options p a, .productlinks a, .listitem, .listitemtop{
    text-decoration:none;
}
#cocreate p a:hover, #floatlinks a:hover, #stufftobuy a:hover, #winachuck a:hover, #tipsntricks a:hover, #options p a:hover, .productlinks a:hover, .listitem:hover, .listitemtop:hover{
    text-decoration:underline;
}
#joinnews label, #floatlinks, #stufftobuy a, #winachuck a, #tipsntricks a, .producttd, .labeltd, .productprice p, .chuckdetailsprice p, #clickthumb p,
#ourprice p, #chuckprice p, #quantity p, #chuckinbasket p, #options p{
    font-weight:bold;
}
#basketlabels h2{
    font-weight:normal;
}


.contactuscol, .videocol{color:#FFFFFF;font-family:Helvetica,Arial,sans-serif;}
.contactuscol p, .videocol p{font-size:0.8em;}
.contactuscol h4, .videocol h4{font-size:1.2em;color:#89CDF0;}

.presspack{color:#E80D8A; font-size:1.2em;}

#homeVideo{width:705px; float:left; height:600px; padding:60px 0 0 0; margin:0;}