/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : C.C.B Sewing Stylesheet
Author : Darren Lynch / darren.lynch@designfresh.co.uk / Mediarock Ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0;  background: url(../images/bodyBg.gif) repeat; color:#000000; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- IDS ----- */
#wrapper { width:100%; background:url(../images/wrapperBg.gif) top left repeat-x;}
#container { width:980px; margin:0 auto; text-align:left; font-size:110%; }   
#header { width:965px; height:98px; margin:0 auto; position:relative;}
#logo { position:absolute; top:7px; left:763px;}

/* ----- CLASSES ----- */
#jumps { color:#ffffff; width:965px; height:219px; margin:31px auto 0 auto; background:url(../images/jumpsBg.gif) top left no-repeat;}
#jumps a { color:#ffffff;}
#jumps .title { font-size:21px; line-height:24px; padding-left:20px; padding-bottom:10px;}
#jumps .text { font-size:17px; line-height:20px; padding-bottom:15px; padding-left:20px;}
#jumps .link { padding-left:20px;}
#jumps #jumpSewingClasses { width:237px; float:left; padding-top:25px;}
#jumps #jumpSewingClasses .text { width:150px;}
#jumps #jumpSewingProducts { width:238px; float:left; padding-top:35px;}
#jumps #jumpSewingRepairs { width:238px; float:left; padding-top:25px;}
#jumps #jumpSewingRepairs .text { width:180px;}
#jumps #jumpTryASewingMachine { width:252px; float:left; padding-top:15px;}
#jumps #jumpTryASewingMachine .text { width:180px;}

/* ----- HOMEPAGE COLUMNS ----- */
#columnsHome { position:relative; width:965px; margin:0 auto; height:auto !important; height:500px; min-height:500px; background:url(../images/columnsHomeBg.gif) top left repeat-y;}
#columnsHome #agentLogos { position:absolute; bottom:20px; left:27px;}
#leftColHome { width:727px; float:left;}
#leftColHome .padding { padding:27px 27px 70px 27px;}
#leftColHome #mainImage { width:673px; height:320px;}
#leftColHome #content { font-size:13px; line-height:17px;}
#leftColHome #content p { padding-bottom:17px;}
#rightColHome { width:238px; float:left;}
#rightColHome .padding { padding:40px 24px 30px 24px;}
#rightColHome .news { background:url(../images/dots.gif) bottom left repeat-x; font-size:11px; line-height:15px;}
#rightColHome .newsDate { color:#f0dde6; font-size:12px; display:block; padding-bottom:3px; padding-top:15px;}
#rightColHome .news p { padding-bottom:3px !important;}
#rightColHome .news a { display:block; padding-top:2px; padding-bottom:12px;}
#rightColHome .viewAll { padding-top:15px;}
#rightColHome h2 { padding-bottom:5px;}

/* ----- INTERNAL PAGE COLUMNS ----- */
#columnsInternal { position:relative; width:965px; margin:0 auto; height:auto !important; height:500px; min-height:500px; background:url(../images/columnsInternalBg.gif) top left repeat-y;}
#columnsInternal #agentLogos { position:absolute; bottom:20px; left:265px;}
#columnsInternal #contactDetails { position:absolute; bottom:0px; left:27px; font-size:12px; line-height:16px; width:211px; height:155px; background:url(../images/contactDetailsBg.gif) bottom right no-repeat;}
#columnsInternal #contactDetails p { padding-bottom:15px;}
#leftColInternal { width:238px; float:left;}
#rightColInternal { width:727px; float:left;}
#rightColInternal .padding { padding:27px 27px 100px 27px;}
#rightColInternal #content { font-size:13px; line-height:17px;}
#rightColInternal #content p { padding-bottom:17px;}
#rightColInternal #content ul { margin:0; padding: 0 0 0 18px;}
#rightColInternal .news { background:url(../images/dotsGrey.gif) top left repeat-x; font-size:11px; line-height:15px;}
#rightColInternal .newsTitle { font-size:12px; display:block; padding-bottom:3px; padding-top:15px;}
#rightColInternal .news p { padding-bottom:3px !important;}
#rightColInternal .news a { display:block; padding-top:2px; padding-bottom:12px;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.imageRight { float:right; padding:3px; border:1px solid #c6c6c6; margin: 5px 0 15px 30px; }
.imageLeft { float:right; padding:3px; border:1px solid #c6c6c6; margin: 5px 30px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:18px; font-weight:normal;}

/* ----- TOP NAVIGATION ----- */
#topNav { width:723px; height:98px; position:absolute; top:0px; left:0px;}
#topNav ul { margin:0; padding:0; list-style:none;}
#topNav ul li { display:block; float:left;}
#topNav ul li a { display:block; float:left; height:98px; text-indent:-9999px; background-image:url(../images/topNavBg.gif); background-repeat:no-repeat;}
#topNav ul li a:hover {}
#topNav #topNav1 a { width:78px; background-position:0px 0px;}
#topNav #topNav1 a:hover { background-position: 0px -98px;}
#topNav #topNav1.active a { background-position: 0px -196px;}
#topNav #topNav2 a { width:126px; background-position:-78px 0px;}
#topNav #topNav2 a:hover { background-position: -78px -98px;}
#topNav #topNav2.active a { background-position: -78px -196px;}
#topNav #topNav3 a { width:144px; background-position:-204px 0px;}
#topNav #topNav3 a:hover { background-position: -204px -98px;}
#topNav #topNav3.active a { background-position: -204px -196px;}
#topNav #topNav4 a { width:132px; background-position: -348px 0px;}
#topNav #topNav4 a:hover { background-position: -348px -98px;}
#topNav #topNav4.active a { background-position: -348px -196px;}
#topNav #topNav5 a { width:120px; background-position: -480px 0px;}
#topNav #topNav5 a:hover { background-position: -480px -98px;}
#topNav #topNav5.active a { background-position: -480px -196px;}
#topNav #topNav6 a { width:123px; background-position: -600px 0px;}
#topNav #topNav6 a:hover { background-position: -600px -98px;}
#topNav #topNav6.active a { background-position: -600px -196px;}

/* ----- LEFT NAVIGATION ----- */
#leftNav { width:238px; margin-top:55px; padding-bottom:250px;}
#leftNav ul { margin:0; padding:0; list-style:none;}
#leftNav ul li { display:block; float:left; width:238px; margin-top:1px;}
#leftNav ul li a { display:block; float:left; padding: 7px 0 3px 48px; width:190px; color:#ffffff; font-weight:bold; text-decoration:none; height:25px; font-size:12px; background:url(../images/leftNavBg.gif) 0px -70px no-repeat;}
#leftNav ul li a:hover { background:url(../images/leftNavBg.gif) 0px 0px no-repeat;}
#leftNav ul li.active a { background:url(../images/leftNavBg.gif) 0px 0px no-repeat;}
#leftNav ul ul li a { display:block; float:left; padding: 8px 0 9px 49px; width:189px; color:#ffffff; font-weight:bold; text-decoration:none; line-height:12px; height:auto !important; height:13px; min-height:13px; font-size:11px; background:none !important;}
#leftNav ul ul li { border-top:1px solid #ccc; margin-top:0px; background:url(../images/leftNavDropdownBg.gif) 38px 10px no-repeat;}
#leftNav ul ul li a:hover { color:#97235b;}
#leftNav ul ul li.active { background:url(../images/leftNavDropdownBg.gif) 38px -90px no-repeat;}
#leftNav ul ul li.active a { color:#97235b;}

/* ----- CONTACT FORM ----- */
#contactForm { border-top:1px solid #dddddd; padding-top:20px;}
#contactForm .inputText { display:block; float:left; width:274px; padding:2px 3px; float:left; border:1px solid #cccccc; background:#ffffff; color:#333333;}
#contactForm .inputTextarea { display:block; float:left; width:274px; height:200px; overflow:auto; padding:2px 3px; float:left; border:1px solid #cccccc; background:#ffffff; color:#333333;}
#contactForm .formInput { clear:both; height:auto !important; height:33px; min-height:33px;}
#contactForm .required { color:#97235b;}
#contactForm .formSubmit { margin:6px 0 0 443px; width:65px;}
#contactForm label { display:block; width:225px; float:left;}

/* ----- SITE MAP ----- */

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */

/* ----- FOOTER ----- */
#footer { width:911px; height:35px; margin:15px auto 0 auto;}
#footer a { font-weight:normal; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
#footer #siteBy { float:right;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0; margin:0; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#981d5c; font-weight:normal; text-decoration:underline; }
a:hover { text-decoration:none; }
a:focus, a:hover, a:active { outline:none;}

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }