@import 'skel.css'; /*[REM-START] * * Default Layout * * 3 columns - Left/Centre/Right * Total content width: 936px (1024x768 usable area) * Left col width: 150px * Centre col width: 636px * Right col width: 150px * Header height: 140px * Footer height: 30px * [REM-END]*/ BODY{ min-width:936px; } #wrapper{ width:936px; } #wrapper #outer{ margin-left:150px;width:636px; } * HTML #wrapper #outer{ width:636px; w\idth:636px; } #wrapper #float-wrap, #wrapper #center{ width:636px;} /* Left Col */ #left{ width:150px; margin-left:-150px; } *>HTML #left{ width:150px; } #container-left{ /* \*/ width:150px; } /* Right Col */ #right{ width:150px; margin-right:-150px; } /* \*/ *>HTML #right{ width:150px; margin-right:-150px; mar\gin-right:-150px; } #container-right{ /* \*/ width:150px; } /* Headers */ #header{ height:169px; /*overflow:hidden;*/ } #subheader{ width:936px; height:169px; } #clearheadercenter, #clearheaderleft, #clearheaderright{ height:169px; } body.home #header{ height:380px; /*overflow:hidden;*/ } body.home #subheader{ width:936px; height:380px; } body.home #clearheadercenter, body.home #clearheaderleft, body.home #clearheaderright{ height:380px; } /* Footers */ #footer{ height:162px; margin-top:-162px; } body.home #subfooter{ width:856px; height:62px; padding:80px 40px 20px 40px;} #subfooter{ width:826px; height:52px; padding:90px 50px 20px 60px;} #clearfootercenter, #clearfooterleft, #clearfooterright{ height:162px; } /*[REM-START] * * Left Layout * * 2 columns - Left/Centre * - Body class must be set as follows: * Total content width: 936px (1024x768 usable area) * Left col width: 250px * Centre col width: 686px * Right col width: 0px (can be removed from page altogether) * Header height: 140px * Footer height: 30px * * Notes: * - Primary content area is always in centre container (shown first in source) * - These settings will override the settings in Default Layout above, and contained in the layout/skel files * - If you do not use this layout, you can remove all the styles. * [REM-END]*/ BODY.l #wrapper #outer{ margin-left:220px;width:716px; } * HTML BODY.l #wrapper #outer{ width:716px; w\idth:716px; } BODY.l #wrapper #float-wrap, BODY.l #wrapper #center{ width:716px;} /* Left Col */ BODY.l #left{ width:220px; margin-left:-220px; } *>HTML BODY.l #left{ width:220px; } BODY.l #container-left{ /* \*/ width:140px; padding:0px 40px 10px 40px; } /* Right Col */ BODY.l #right{ width:0; margin-right:0; display:none; } /* \*/ *>HTML BODY.l #right{ width:0; margin-right:0; mar\gin-right:0; display:none; } BODY.l #container-right{ /* \*/ width:0; } /*[REM-START] * Add on for all service page * Left Layout * * 2 columns - Left/Centre * - Body class must be set as follows: * Total content width: 936px (1024x768 usable area) * Left col width: 250px * Centre col width: 686px * Right col width: 0px (can be removed from page altogether) * Header height: 140px * Footer height: 30px * * Notes: * - Primary content area is always in centre container (shown first in source) * - These settings will override the settings in Default Layout above, and contained in the layout/skel files * - If you do not use this layout, you can remove all the styles. * [REM-END]*/ BODY.s #wrapper{background:url(/images/backgroundwrapper.jpg) repeat-y;} BODY.s #wrapper #outer{ margin-left:185px;width:751px; } * HTML BODY.s #wrapper #outer{ width:751px; w\idth:751px; } BODY.s #wrapper #float-wrap, BODY.s #wrapper #center{ width:751px;} /* Left Col */ BODY.s #left{ width:185px; margin-left:-185px; } *>HTML BODY.s #left{ width:185px; } BODY.s #container-left{ /* \*/ width:145px; padding:0px 20px 10px 20px; } /*[REM-START] * * Right Layout * * 2 columns - Centre/Right * - Body class must be set as follows: * Total content width: 936px (1024x768 usable area) * Left col width: 0px (can be removed from page altogether) * Centre col width: 686px * Right col width: 250px * Header height: 140px * Footer height: 30px * * Notes: * - Primary content area is always in centre container (shown first in source) * - These settings will override the settings in Default Layout above, and contained in the layout/skel files * - If you do not use this layout, you can remove all the styles. * [REM-END]*/ BODY.r #wrapper #outer{ margin-left:0;width:686px; } * HTML BODY.r #wrapper #outer{ width:686px; w\idth:686px; } BODY.r #wrapper #float-wrap, BODY.r #wrapper #center{ width:686px;} /* Left Col */ BODY.r #left{ width:0; margin-left:0; display:none; } *>HTML BODY.r #left{ width:0; display:none; } BODY.r #container-left{ /* \*/ width:0; display:none; } /* Right Col */ BODY.r #right{ width:250px; margin-right:-250px; } /* \*/ *>HTML BODY.r #right{ width:250px; margin-right:-250px; mar\gin-right:-250px; } BODY.r #container-right{ /* \*/ width:250px; } /*[REM-START] * * Full Layout * * 1 column - Centre * - Body class must be set as follows: * Total content width: 936px (1024x768 usable area) * Left col width: 0px (can be removed from page altogether) * Centre col width: 936px * Right col width: 0px * Header height: 140px * Footer height: 30px * * Notes: * - Primary content area is always in centre container (shown first in source) * - These settings will override the settings in Default Layout above, and contained in the layout/skel files * - If you do not use this layout, you can remove all the styles. * [REM-END]*/ BODY.f #wrapper #outer{ margin-left:0;width:936px; } * HTML BODY.f #wrapper #outer{ width:936px; w\idth:936px; } BODY.f #wrapper #float-wrap, BODY.f #wrapper #center{ width:936px;} /* Left Col */ BODY.f #left{ width:0; margin-left:0; display:none; } *>HTML BODY.f #left{ width:0; display:none; } BODY.f #container-left{ /* \*/ width:0; display:none; } /* Right Col */ BODY.f #right{ width:0; margin-right:0; display:none; } /* \*/ *>HTML BODY.f #right{ width:0; margin-right:0; mar\gin-right:0; display:none; } BODY.f #container-right{ /* \*/ width:0; display:none; } /*[REM-START] * * Full Layout for Term and Condition * * 1 column - Centre * - Body class must be set as follows: * Total content width: 936px (1024x768 usable area) * Left col width: 0px (can be removed from page altogether) * Centre col width: 936px * Right col width: 0px * Header height: 140px * Footer height: 30px * * Notes: * - Primary content area is always in centre container (shown first in source) * - These settings will override the settings in Default Layout above, and contained in the layout/skel files * - If you do not use this layout, you can remove all the styles. * [REM-END]*/ BODY.t #wrapper #outer{ margin-left:0;width:936px; } * HTML BODY.t #wrapper #outer{ width:936px; w\idth:936px; } BODY.t #wrapper #float-wrap, BODY.t #wrapper #center{ width:936px;} /* Left Col */ BODY.t #left{ width:0; margin-left:0; display:none; } *>HTML BODY.t #left{ width:0; display:none; } BODY.t #container-left{ /* \*/ width:0; display:none; } /* Right Col */ BODY.t #right{ width:0; margin-right:0; display:none; } /* \*/ *>HTML BODY.t #right{ width:0; margin-right:0; mar\gin-right:0; display:none; } BODY.t #container-right{ /* \*/ width:0; display:none; }