/*
* -----------------------------------------
* Classes & IDs
* -----------------------------------------
*/
div.clear
{
clear: both;
}
/*
* -----------------------------------------
* Site structure
* -----------------------------------------
*/
div.siteContainer
{
/* Center align site */
width: 990px; /* Remember that the total width of this site is ((padding*2)+width) */
/*margin: 0;*/
padding: 0 0 0 0; /* Remember that the total width of this site is ((padding*2)+width) */
background-color: #fff;
margin: 0px auto; /* CENTER ALIGN PAGE: this centerizes page */
text-align: left; /* CENTER ALIGN PAGE: this align content left */
border-left: 10px solid #fff;
border-right: 0px solid #fff;
}
/*
* ----------------------------------------------------
* SITE HEADER
* ----------------------------------------------------
*/
div.siteHeader_top
{
width:980px;
height: 108px;
border: 0;
/*background-color: #e1e1e1;*/
}
div.siteHeader
{
width:980px;
height: 135px;
/*background-color: #e1e1e1;*/
}
div.headerLeft, td.headerLeft
{
/*width: 700px;*/
height: 104px;
border: 0px solid red;
background-image: url(../gfx/gfx_logo_cock.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
div.headerLogo
{
width: 100%;
height: 72px;
padding: 0;
margin: 0 0 0 0;
padding: 0;
background-color: none;
overflow: hidden;
cursor: pointer;
background-image: url();
background-repeat: no-repeat;
background-position: 0px 0px;
}
div.headerMenu
{
width: 100%;
height: 35px;
background-color: white;
overflow: hidden;
background-image: url(../gfx/gfx_menu_bg_cock.gif);
background-repeat: repeat-x;
background-position: 0% 0%;
}
div.textMenu
{
font-family: arial;
font-weight: bold;
/*word-spacing: 15px;*/
padding: 6px 0px 3px 20px;
margin: 0;
}
div.textMenu, div.textMenu a
{
color: #474747;
}
div.textMenu, div.textMenu a:hover
{
color: #000000;
text-decoration: none;
}
div.headerRight
{
float: right;
width: 280px;
height: 80px;
border: 0px;
background-color: #FFFFFF;
}
div.headerLogin
{
width: 280px;
height: 109px;
background-image: url(../gfx/gfx_headerlogin.gif);
background-repeat: no-repeat;
overflow: hidden;
}
div.textLogin
{
font-family: arial;
padding: 2px 10px 2px 0px;
margin: 0;
}
div.textLogin a, div.textLogin a:hover
{
color: #618900;
font-weight: bold;
text-decoration: none;
}
div.textLoginSections
{
color: #949494;
padding: 2px 0 2px 0;
margin: 0;
}
div.textLoginForgot
{
padding: 1px 0 0 0;
}
input.loginUsername
{
width: 165px;
margin: 2px 0 0 0;
border: 0;
}
input.loginPassword
{
width: 110px;
margin: 2px 0 0 0;
border: 0;
}
input.loginButton
{
font-size: 9px;
font-weight: bold !important;
color: #FFFFFF !important;
cursor: pointer;
width: 97px !important;
height: 24px !important;
border: 0;
background-image: url(../gfx/gfx_button_shop.gif) !important;
background-repeat: repeat-x;
background-position: 0% 0%;
}
div.headerSeparator, td.headerSeparator
{
/*width: 975px;*/
height: 25px;
/*background-color: green;*/
padding: 0;
margin: 0 0 0 0;
color: #474747;
background-image: url(../gfx/gfx_menu_bg_cock.gif);
background-repeat: repeat-x;
background-position: 0% 0%;
}
div.headerSeparator a, td.headerSeparator a
{
color: white !important;
}
div.headerSeparator div#megaphonePictureContainer
{
float: left;
width: 25px;
height: 22px;
overflow: hidden;
padding: 7px 0 0 20px;
border: 0px solid red;
}
div.headerSeparator div#megaphonePictureContainer img
{
width: 19px;
height: 22px;
}
div.headerSeparator div#megaphoneTextContainer
{
float: left;
width: 792px;
height: 15px;
overflow: hidden;
margin: 10px 0 0 0;
border: 0px solid orange;
}
/*
* ----------------------------------------------------
* SITE CONTENT
* ----------------------------------------------------
*/
div.siteContent
{
width: 100%;
/*background-color: #e1e1e1;*/
padding: 0;
margin: 0 0 0 0;
overflow: ; /* Bug fix; without this, the text from a columnRight box will print 3-5 chars at the bottom */
}
.boxHorizontalShadow_leftColumn
{
width: 193px;
margin-left: 3px;
height: 3px;
background-image: url(../gfx/gfx_box_shadow.gif);
background-repeat: repeat-x;
}
.boxHorizontalShadow_middleColumn
{
width: 483px;
margin-left: 3px;
height: 3px;
background-image: url(../gfx/gfx_box_shadow.gif);
background-repeat: repeat-x;
}
.boxHorizontalShadow_rightColumn
{
width: 263px;
margin-left: 3px;
height: 3px;
background-image: url(../gfx/gfx_box_shadow.gif);
background-repeat: repeat-x;
}
.boxHorizontalShadow_leftPlusMiddleColumn
{
width: 693px;
margin-left: 3px;
height: 3px;
background-image: url(../gfx/gfx_box_shadow.gif);
background-repeat: repeat-x;
}
/*
* NEW TABLE STRUCTURE
*/
/* Table content, main structure table */
div.siteContent table.tableContent
{
/*background-color: #FFFFFF;*/
}
/* Vertical margin */
.tableVerticalMargin
{
width: 10px;
/*background-color: #e1e1e1;*/
}
/* Horizontal margin */
.tableHorizontalMargin
{
line-height: 10px;
/*background-color: #e1e1e1;*/
}
/* Left column */
div.siteContent table.tableContent .leftTableColumn
{
width: 200px;
}
div.siteContent table.tableContent .leftTableColumn .leftTableContentDiv
{
width: 178px;
padding: 10px 10px 10px 10px;
background-color: #FFFFFF;
border: 1px solid #CDCDCD;
}
/* Middle column */
div.siteContent table.tableContent .middleTableColumn
{
width: 490px;
}
div.siteContent table.tableContent .middleTableColumn .middleTableContentDiv
{
width: 448px;
padding: 20px 20px 20px 20px;
background-color: #FFFFFF;
border: 1px solid #CDCDCD;
}
/* Middle column NO MARGIN */
div.siteContent table.tableContent .middleTableColumnNoMargin
{
width: 490px;
}
/* Set "no margin" on main container */
div.siteContent table.tableContent .middleTableColumnNoMargin .middleTableContentDiv
{
margin: 0 0 0 0;
}
/* The table which contain the iterative :s */
div.siteContent table.tableContent .middleTableColumnNoMargin .middleTableContentDiv .listBox
{
width: 100%;
height: 140px;
padding: 0 0 0 0;
}
/* Header td for iterative tables (outside the loop) */
div.siteContent table.tableContent .middleTableColumnNoMargin .middleTableContentDiv .listBox .listBoxHeaderContent
{
width:;
background-color: #FFFFFF;
}
div.siteContent table.tableContent .middleTableColumnNoMargin .middleTableContentDiv .listBox .listBoxHeaderContentDiv
{
width: 450px;
padding: 10px 0 0 20px;
}
/* Loop td left column */
div.siteContent table.tableContent .middleTableColumnNoMargin .middleTableContentDiv .listBoxLeftContent
{
width: 120px;
background-color: #FFFFFF;
}
div.siteContent table.tableContent .middleTableColumnNoMargin .middleTableContentDiv .listBoxLeftContentDiv
{
margin: 20px 20px 20px 20px;
}
/* Loop td right column */
div.siteContent table.tableContent .middleTableColumnNoMargin .middleTableContentDiv .listBoxRightContent
{
width:;
background-color: #FFFFFF;
}
div.siteContent table.tableContent .middleTableColumnNoMargin .middleTableContentDiv .listBoxRightContentDiv
{
margin: 20px 20px 20px 0;
}
/* Right column */
div.siteContent table.tableContent .rightTableColumn
{
width: 270px;
}
/* Without boxTable:s */
div.siteContent table.tableContent .rightTableColumn .rightTableContentDiv
{
width: 248px;
padding: 10px 10px 10px 10px;
background-color: #FFFFFF;
border: 1px solid #CDCDCD;
}
/* With boxTable:s */
div.siteContent table.tableContent .rightTableColumn .rightTableContentDiv_withBoxTables
{
padding: 0;
}
div.siteContent table.tableContent .rightTableColumn .rightTableContentDiv_withBoxTables .boxTable
{
/*border-bottom: 10px solid #e1e1e1;*/
background-color: #FFFFFF;
padding: 10px;
margin-bottom: 10px;
width: 100%;
}
/* Right column NO MARGIN */
div.siteContent table.tableContent .rightTableColumnNoMargin
{
width: 270px;
}
/* Set "no margin" on main container */
div.siteContent table.tableContent .rightTableColumnNoMargin .rightTableContentDiv
{
margin: 0 0 0 0;
}
/* The table which contain the iterative
:s */
div.siteContent table.tableContent .rightTableColumnNoMargin .rightTableContentDiv .listBox
{
width: 100%;
height: 140px;
padding: 0 0 0 0;
}
/* Loop td column */
div.siteContent table.tableContent .rightTableColumnNoMargin .rightTableContentDiv .listBoxContent
{
width: 250px;
}
div.siteContent table.tableContent .rightTableColumnNoMargin .rightTableContentDiv .listBoxContentDiv
{
width: 230px;
padding: 10px 10px 10px 10px;
background-color: #FFFFFF;
}
/* Left + Middle column */
div.siteContent table.tableContent .leftPlusMiddleTableColumn
{
width: 700px;
}
div.siteContent table.tableContent .leftPlusMiddleTableColumn .leftPlusMiddleTableContentDiv
{
width: 658px;
padding: 20px 20px 20px 20px;
background-color: #FFFFFF;
border: 1px solid #CDCDCD;
}
/*
* OLD STRUCTURE
*/
/*
* ----------------------------------------------------
* SMALL BOX (note: this is _not_ a column)
* ----------------------------------------------------
*/
div.columnSmallBox
{
float: left;
width: 182px;
height: 150px;
padding: 0;
margin: 0 0 0 8px;
background-color: #013300;
}
div.columnSmallBox_nomargin
{
float: left;
width: 182px;
height: 150px;
padding: 0;
margin: 0 0 0 0;
background-color: #013300;
}
div.columnSmallBox .text, div.columnSmallBox_nomargin .text
{
width: 182px;
padding: 0;
margin: 0 0 0 0;
overflow: hidden;
}
/*
* ----------------------------------------------------
* COLUMN LEFT
* ----------------------------------------------------
*/
div#columnLeft
{
float: left;
width: 200px;
height: 100%;
padding: 0;
margin: 0 0 0 0;
background-color: #FFFFFF;
}
div#columnLeft .text
{
width: 200px; /* This width equals: (parent.width-(this.padding*2)-(this.margin*2) ) */
padding: 0;
margin: 0;
overflow: hidden;
background-color: #FFFFFF;
}
div#columnLeft .boxTable
{
width: 100%;
padding: 10px;
border-bottom: 10px solid #e1e1e1;
}
/*
* ----------------------------------------------------
* COLUMN MIDDLE
* ----------------------------------------------------
*/
div#columnMiddle
{
float: left;
width: 490px;
height: 100%;
padding: 0;
margin: 0 0 0 10px;
background-color: #FFFFFF;
}
div#columnMiddle .text
{
width: 490px; /* This width equals: (parent.width-(this.padding*2)-(this.margin*2) ) */
padding: 0;
margin: 0;
overflow: hidden;
background-color: #FFFFFF;
}
div#columnMiddle .boxTable
{
width: 100%;
padding: 20px;
border-bottom: 10px solid #e1e1e1;
}
/*
* ----------------------------------------------------
* COLUMN RIGHT
* ----------------------------------------------------
*/
div#columnRight
{
float: left;
width: 270px;
height: 100%;
padding: 0;
margin: 0 0 0 10px;
/*background-color: #FFFFFF;*/
}
div#columnRight .text
{
width: 270px; /* This width equals: (parent.width-(this.padding*2)-(this.margin*2) ) */
padding: 0;
margin: 0;
overflow: hidden;
}
div#columnRight .boxTable
{
width: 100%;
padding: 10px;
margin-bottom: 10px;
background-color: #FFFFFF;
/*border-bottom: 10px solid #e1e1e1;*/
}
/*
* ----------------------------------------------------
* COLUMN LEFT + COLUMN MIDDLE
* ----------------------------------------------------
*/
div#columnLeftPlusMiddle
{
float: left;
width: 700px;
height: 100%;
padding: 0;
margin: 0 0 0 0;
/*background-color: #FFFFFF;*/
}
div#columnLeftPlusMiddle .text
{
width: 700px; /* This width equals: (parent.width-(this.padding*2)-(this.margin*2) ) */
padding: 0;
margin: 0;
overflow: hidden;
}
div#columnLeftPlusMiddle .boxTable
{
width: 100%;
padding: 20px;
margin-bottom: 10px;
background-color: #FFFFFF;
/*border-bottom: 10px solid #e1e1e1;*/
}
div#columnLeftPlusMiddle .leftColWithMiddle
{
width: 200px;
padding: 0;
border-right: 10px solid #e1e1e1;
}
/*
* ----------------------------------------------------
* COLUMN MIDDLE + COLUMN RIGHT
* ----------------------------------------------------
*/
div#columnMiddlePlusRight
{
float: left;
width: 770px;
height: 100%;
padding: 0;
margin: 0 0 10px 10px;
background-color: #FFFFFF;
}
div#columnMiddlePlusRight .text
{
width: 730px; /* This width equals: (parent.width-(this.padding*2)-(this.margin*2) ) */
padding: 0;
margin: 20px;
overflow: hidden;
background-color: #FFFFFF;
}
/*
* ----------------------------------------------------
* COLUMN FULLSIZE
* ----------------------------------------------------
*/
div#columnFullsize
{
float: left;
width: 980px;
height: 100%;
padding: 0;
margin: 0 0 10px 0;
background-color: #FFFFFF;
}
div#columnFullsize .text
{
width: 940px; /* This width equals: (parent.width-(this.padding*2)-(this.margin*2) ) */
padding: 0;
margin: 20px;
overflow: hidden;
background-color: #FFFFFF;
}
div#columnFullsize .text_nomargin
{
width: 940px; /* This width equals: (parent.width-(this.padding*2)-(this.margin*2) ) */
padding: 0;
margin: 20px;
overflow: hidden;
background-color: #FFFFFF;
}
/*
* ----------------------------------------------------
* SITE FOOTER
* ----------------------------------------------------
*/
div.footer
{
width: 980px;
padding: 0 0 0 0;
background-color: #474747;
color: white;
margin:0px auto; /* CENTER ALIGN PAGE: this centerizes page */
text-align: left; /* CENTER ALIGN PAGE: this align content left */
border-left: 10px solid #474747;
border-right: 10px solid #474747;
}
div.footer a
{
color: white;
}
div.footer div.footer_content
{
padding: 20px 20px 15px 20px;
}
div.footer div.footer_content .footer_copyright
{
width:400px;
line-height: 20px;
vertical-align: top;
}
div.footer div.footer_content .footer_links
{
vertical-align: top;
}
div.footer div.footer_content .footer_links td
{
width: 130px;
}