/*------------------------------------------------------------------
						Steven Johnston @ CoCreate
						for
						CoCreate
						12/02/2008

						Version 1.0

						Project: Copierchips Website

						**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:#9A9C9F;
    background-repeat:repeat-x;
}
img{
    border:none;
}
/*---------------------------
		Structure
-----------------------------*/
#wrapper{
    width:793px;
    height:1222px;
    margin:48px auto 0 auto;
}
#top{
    width:793px;
    height:123px;
    background-image:url(../images/bg-top.gif);
}
#middle{
    width:793px;
    background-image:url(../images/bg_main.gif);
}
#bottom{
    width:793px;
    height:170px;
    background-image:url(../images/bg-bottom.gif);
}
#email, #otheremails{
    float:right;
    margin-top:23px;
    margin-right:80px;
    text-align:right;    
}
#email p a, #otheremails p a{
    text-decoration:none;
    color:#FFFFFF;
}
#email p a:hover, #otheremails p a:hover{
    text-decoration:underline;
}
#logo{
    float:left;
    height:102px;
    margin-top:13px;
    margin-left:74px;
}
#topcontentlong{
    clear:both;
    margin-left:73px;
    width:639px;
    background:url(../images/bg_bluelong.gif) no-repeat #00AEEE;
    color:#FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:1.6;
    margin-bottom:40px;
    padding-bottom:20px;
}
#topcontentlong h2{padding:0 0 0 20px;}
#topcontentlong h3{padding:0 0 0 20px;}
#topcontent{
    clear:both;
    margin-left:73px;
    width:639px;
    height:316px;
    background:url(../images/bg_blue.gif) no-repeat #00AEEE;
    color:#FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:1.6;
}
.black{
    color:#000000;
}
.introtext{
    font-size:16px;
}
.bold{
    font-weight:bold;
}
#topcontent p, #topcontentlong p{
    width:431px;
    padding:21px;
    padding-top:18px;
    padding-bottom:0px;
}
#orderdetails, #linkarea, #pink{
    margin-left:74px;
    background-color:#EC208C;
    width:639px;
}
#linkarea img{
    border:none;
}
#orderdetails, #pink{
    float:left;
}
#linkarea{
    clear:both;
    height:50px;
}
#orderdetails p, #linkarea p, #pink p{
    float:left;    
    margin-left:25px;    
    color:#FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size:12px;
}
#orderdetails p, #linkarea p{
    max-width:350px;
    padding-top:10px;
}
#pink p{
    width:600px;
    font-size:14px;
    padding:25px 0 0 0;
}
#submit, #gotobilling, #orderbutton{
    float:right;
    margin-top:6px;
    margin-right:25px;
    width:215px;
    height:40px;
}
#gotobilling{
    vertical-align:bottom;
}
#pricing, #yellow{
    width:589px;    
    padding:25px;
    margin-top:42px;
    margin-left:74px;
    font-family: Arial,Helvetica,sans-serif;
    font-size:12px;
    background-color:#E3D819;
}
#yellow{
    line-height:1.6;
}
#pricing{
    height:178px;
}
#pricing img, #yellow img{
    float:right;
}
#pricing p, #yellow p{
    margin-top:10px;
}
#info{
    width:140px;
    text-align:center;
    font-size:12px;
    margin-left:74px;
    padding-top:23px;
    color:#FFFFFF;
    font-family:Arial,Helvetica,sans-serif;
}
.telno{
    font-size:20px;
}
.thankstext{
    font-size:28px;
}
#credits{
    font-family:Arial,Helvetica,sans-serif;
    margin:56px;
    font-size:10px;
    color:#FFFFFF;
}
#cocreate{
    float:right;
}
#cocreate p a{
    text-decoration:none;
    color:#FFFFFF;
}
#cocreate p a:hover{
    text-decoration:underline;
}
/*---------------------------
            Table
-----------------------------*/
table{
    float:left;
    width:586px;
    font-family:Arial,Helvetica,sans-serif;
    background-color:#FFFFFF;
    font-size:12px;
    margin-left:25px;
}
#order{
    margin-top:12px;
}
#checkout, #billing, #shipping, #carddetails{
    margin-top:20px;
    float:left;
}
#billing, #shipping, #carddetails{
    background:none;
}
.short, .long{
    background-color:#DDDDDD;
}
.long{
    width:200px;
}
.short{
    width:80px;
}
#totals{
    width:230px;
    float:right;
    margin-right:28px;
    margin-top:10px;
}
.shipping, .VAT, .ordertotal, .subtotal{
    width:98px;
}
.total{
    font-weight:bold;
    text-align:center;
}
.shipping, .VAT, .ordertotal, .subtotal{
    background-color:#C6C6C6;
}
#toprow{
    background-color:#C6C6C6;
    font-size:15px;
    height:30px;
    text-align:center;
}
#toprow .model, #toprow .product{
    text-align:left;
}
.row{
    height:20px;
}
.product,.shipping, .VAT, .ordertotal, .subtotal{
    padding-left:10px;
}
.quantity, .price{
    width:110px;
    text-align:center;
}
.model{
    width:112px;
    padding-left:10px;
}
.Cyan, .Black{
    width:72px;
}
.CMYK{
    width:120px;
}
.Magenta{
    width:104px;
}
.Yellow{
    width:92px;
}
.pricerow td{
    padding:2px 0 2px 10px;
    background:#000000;
}
/*---------------------------
		Typopgraphy
-----------------------------*/
#email, #otheremails{
    color:#FFFFFF;
    font-family:Geneva,Arial,Helvetica,sans-serif;    
}
#email{
    font-size:15px;
}
#topcontentlong{
	font-size:14px;
}
#otheremails p{
    font-size:12px;
}
#otheremails{
    line-height:1.5;
}
table{
    font-family:Arial,Helvetica,sans-serif;
    background-color:#FFFFFF;
    font-weight:bold;
}
.cyan{
    color:#00AEEF;
	text-align:center;
}
.magenta{
    color:#EC208C;
	text-align:center;
}
.yellow{
    color:#FFF601;
	text-align:center;
}
.black{text-align:center;}
.pricerow td{
    color:#FFFFFF;
}