/*
 * Company:         Productive Inbox / Matthew Bradley   
 * Date:            22 April 2010
 * Client:          Pink Wedding Days Site
 * Comments:        Global Style Sheet
 */

body { font-family: Arial; font-size:13px; color:#333; line-height:18px; text-align: center; margin: 0 auto; padding:0;  }
div.container { width: 960px; max-width:960px; text-align: left; margin: 0 auto 0 auto; }

img { border:0px;}
img.border { border:solid 1px #999; padding:5px;}
.clear { clear:both; }
.error { color:#CC0000; }
.highlight { color: #C13A3A;}
.darkhighlight { color: #C13A3A;}
.backhighlight { background-color:#DDDDDD;}
.small { font-size:11px; }
.hint { font-size:11px; color:#888; }
.pink { color: #D83687; }
.textField { border: solid 1px #999; padding: 5px; }

.hide{ display: none; }
.show{ display: block; }

h1 { color: #000000; font-size:24px; display:inline; font-weight:normal; }
h2 { color: #000000; font-size:14px; display:inline; font-weight:bold; }
h3 { color: #FFFFFF; font-size:13px; display:inline-block; font-weight:bold; background-color:#AAA; padding: 0 2px 0 2px; margin:0px; width:50%; }
h3.type0 { background-image:url(../images/website/type0.gif); background-position:left; background-repeat:no-repeat; color: #FFFFFF; font-size:13px; display:inline-block; font-weight:bold; background-color:#AAA; height:17px; padding: 0 2px 0 10px; margin:0px; width:50%; }
h3.type1 { background-image:url(../images/website/type1.gif); background-position:left; background-repeat:no-repeat; color: #FFFFFF; font-size:13px; display:inline-block; font-weight:bold; background-color:#C5B358; height:17px; padding: 0 2px 0 10px; margin:0px; width:50%; }
h3.type2 { background-image:url(../images/website/type2.gif); background-position:left; background-repeat:no-repeat; color: #FFFFFF; font-size:13px; display:inline-block; font-weight:bold; background-color:#8B668B; height:17px; padding: 0 2px 0 10px; margin:0px; width:50%; }
h4 { color: #D83687; font-size:14px; display:inline; font-weight:bold; }

a:link { color: #D83687; text-decoration:underline; }
a:active { color: #D83687; text-decoration:underline; }
a:visited { color: #D83687; text-decoration:underline; }
a:hover { color: #D83687; text-decoration:underline; }
a.menu:link { cursor:pointer; font-weight:bold; text-decoration:underline; color: #000000; font-size:14px; display:inline; font-weight:bold; text-decoration:underline; }
a.menu:active { cursor:pointer; font-weight:bold; text-decoration:underline; color: #000000; font-size:14px; display:inline; font-weight:bold; text-decoration:underline; }
a.menu:visited { cursor:pointer; font-weight:bold; text-decoration:underline; color: #000000; font-size:14px; display:inline; font-weight:bold; text-decoration:underline; }
a.menu:hover { cursor:pointer; font-weight:bold; text-decoration:underline; color: #000000; font-size:14px; display:inline; font-weight:bold; text-decoration:underline; }

div.topHeader { width: 100%; background-color:#FFFFFF; min-height:80px; height:80px; }
div.topHeader div.left { float: left; width:400px; display:block; color:#333333; padding:10px 0 0 0; }
div.topHeader div.right { float: right; text-align:right; width:560px; display:block; color:#333333; padding: 10px 0 0 0;}

div.body { width: 100%; }
div.body div.left { float: left; width:230px; display:block; color:#333333; padding:10px 0 0 0; }
div.body div.right { float: right; text-align:left; width:730px; display:block; color:#333333; padding: 10px 0 0 0;}
div.body div.textRight { float: left; text-align:left; width:530px; display:block; color:#333333; padding: 10px 0 0 0;}
div.body div.textRight ul { text-align:left; list-style-type:disc; margin:2px 2px 2px 10px; padding:20px; }
div.body div.textRight li { }
div.body div.imagesRight { float:right; text-align:right; width:175px; display:block; padding:0px;}

div.HomePageBox { border: solid 1px #999999; width: 234px; float: left; margin: 0 10px 10px 0; padding:0px; background-color:#FFFFFF; }
div.HomePageBoxEnd { border: solid 1px #999999; width: 234px; float: left; margin:0 0 10px 0; padding:0px; background-color:#FFFFFF; }
div.HomePageBoxTitle { padding: 2px; text-align:left; color:#333333; background-color:#DDDDDD; font-weight:bold; }
div.HomePageBoxText { max-height: 50px; height:50px; padding: 7px 2px 7px 2px; text-align:left; color:#333333; background-color:#FFFFFF; font-size:11px; }
div.HomePageBoxLink { padding: 2px; text-align:right; color:#333333; background-color:#DDDDDD; }
div.HomePageBoxImage { padding:0px; width:100%; margin:0px; min-height:130px; max-height:130px; height:130px; }
div.HomePageBoxLink a:link { color: #D83687; text-decoration:none; }
div.HomePageBoxLink a:active { color: #D83687; text-decoration:none; }
div.HomePageBoxLink a:visited { color: #D83687; text-decoration:none; }
div.HomePageBoxLink a:hover { color: #333333; text-decoration:none; }

div.SubHomePageBox { border: solid 1px #999999; width: 207px; float:left; margin: 10px 0 10px 0; padding:0px; background-color:#FFFFFF; }
div.SubHomePageBoxTitle { padding: 2px; text-align:left; color:#333333; background-color:#DDDDDD; font-weight:bold; }
div.SubHomePageBoxText { max-height: 50px; height:50px; padding: 7px 2px 7px 2px; text-align:left; color:#333333; background-color:#FFFFFF; font-size:11px; }
div.SubHomePageBoxLink { padding: 2px; text-align:right; color:#333333; background-color:#DDDDDD; }
div.SubHomePageBoxImage { padding:0px; width:100%; margin:0px; min-height:130px; max-height:130px; height:130px; }
div.SubHomePageBoxLink a:link { color: #D83687; text-decoration:none; }
div.SubHomePageBoxLink a:active { color: #D83687; text-decoration:none; }
div.SubHomePageBoxLink a:visited { color: #D83687; text-decoration:none; }
div.SubHomePageBoxLink a:hover { color: #333333; text-decoration:none; }

div.navigation { width: 100%; background-image:url(../images/website/backNav.jpg); background-repeat:repeat-x; background-position:top; background-color:#FF66FF; min-height:35px; height:35px; line-height:35px; font-size:13px; }
div.navigation ul { text-align: center; list-style: none; margin: 0; padding: 0; }
div.navigation li { display: inline; padding: 0; margin: 0;}
div.navigation li div { height: 35px; font-weight:normal; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 15px 0 15px; border-left: 1px solid #FFFFFF;}
div.navigation li a:link { height: 35px; font-weight:bold; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 15px 0 15px; border-left: 1px solid #FFFFFF;}
div.navigation li a:visited {height: 35px; font-weight:bold; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 15px 0 15px; border-left: 1px solid #FFFFFF;}
div.navigation li a:active {height: 35px; font-weight:bold; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 15px 0 15px; border-left: 1px solid #FFFFFF;}
div.navigation li a:hover {height: 35px; font-weight:bold; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.6em; background: #333333; padding: 0 15px 0 15px; border-left: 1px solid #FFFFFF;}

div.footer { width: 100%; margin:10px 0 0 0; background-color:#FFFFFF; min-height:85px; height:85px; font-size:11px; border-top:solid 1px #AAAAAA; }
div.footer div.left { float: left; width:100px; display:block; color:#666666; padding:5px 0 0 0; }
div.footer div.links { float: left; width:150px; display:block; color:#666666; padding:5px 0 0 0; }
div.footer div.links a:link { color: #999999; text-decoration:underline; }
div.footer div.links a:active { color: #999999; text-decoration:underline; }
div.footer div.links a:visited { color: #999999; text-decoration:underline; }
div.footer div.links a:hover { color: #333333; text-decoration:underline; }

div.footer div.right { float: right; text-align:right; width:560px; display:block; color:#666666; padding:5px 0 0 0;}

div.subnav { width:200px; }
div.subnav h1 { font-weight:bold; font-size:14px; display: block; margin:0 0 2px 0; width:200px; padding:5px 0px 5px 0px; background-color:#FFF; background-image: url('../images/website/topnav_back_plain.jpg'); background-position:left; background-repeat: no-repeat;  }
        
div.subnav a.main:link { height:25px; line-height:25px; font-size:12px; color:#000; display: block; width:200px; padding: 0; margin: 0 0 2px 0; background-color:#AAAAAA; text-decoration:none; background-image: url('../images/website/nav_back.jpg'); background-position:left; background-repeat: no-repeat; }
div.subnav a.main:active { height:25px;  line-height:25px;  font-size:12px; color:#000; display: block; width:200px; padding: 0; margin: 0 0 2px 0; background-color:#AAAAAA; text-decoration:none; background-image: url('../images/website/nav_back.jpg'); background-position:left; background-repeat: no-repeat; }
div.subnav a.main:visited { height:25px;  line-height:25px; font-size:12px; color:#000; display: block; width:200px; padding: 0; margin: 0 0 2px 0; background-color:#AAAAAA; text-decoration:none; background-image: url('../images/website/nav_back.jpg'); background-position:left; background-repeat: no-repeat; }
div.subnav a.main:hover { height:25px;  line-height:25px; font-size:12px; color:#000000; display: block; width:200px; padding: 0; margin: 0 0 2px 0; background-color:#FFFFFF; text-decoration:none; background-image: url('../images/website/nav_back_invert.jpg'); background-position:left; background-repeat: no-repeat; }
        
div.subnav a.top:link { height:35px; font-weight:bold; line-height:35px; font-size:14px; color:#000000; display: block; width:200px; padding: 0; margin: 0 0 2px 0; background-color:#AAAAAA; text-decoration:none; background-image: url('../images/website/topnav_back.jpg'); background-position:left; background-repeat: no-repeat; }
div.subnav a.top:active { height:35px; font-weight:bold; line-height:35px;  font-size:14px; color:#000000; display: block; width:200px; padding: 0; margin: 0 0 2px 0; background-color:#AAAAAA; text-decoration:none; background-image: url('../images/website/topnav_back.jpg'); background-position:left; background-repeat: no-repeat; }
div.subnav a.top:visited { height:35px; font-weight:bold;  line-height:35px; font-size:14px; color:#000000; display: block; width:200px; padding: 0; margin: 0 0 2px 0; background-color:#AAAAAA; text-decoration:none; background-image: url('../images/website/topnav_back.jpg'); background-position:left; background-repeat: no-repeat; }
div.subnav a.top:hover { height:35px; font-weight:bold;  line-height:35px; font-size:14px; color:#000000; display: block; width:200px; padding: 0; margin: 0 0 2px 0; background-color:#FFFFFF; text-decoration:none; background-image: url('../images/website/topnav_back_invert.jpg'); background-position:left; background-repeat: no-repeat; }

div.subnav div.text { width:190px; padding:5px; font-size:11px; text-align:left; line-height:15px; background-color:#DDDDDD; }

body#contactus a#navcontactus, body#countdown a#navcountdown, body#etiquette a#navetiquette, body#customs a#navcustoms,body#budget a#navbudget, body#ceremony a#navceremony, body#planning a#navplanning {height: 20px; margin:0; padding: 5px 5px 5px 5px; font-weight:normal; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 20px; width:100%; background: #333333; border-bottom:solid 2px #FFFFFF; border-top:solid 2px #FFFFFF;  background-image:url(../images/website/arrow_invert.png); background-position:right; background-repeat:no-repeat;}

a.button:link { color:#FFFFFF; background-color: #C13A3A; text-decoration:none; display:inline; padding: 2px 5px 2px 5px; font-size:11px; }
a.button:active { color:#FFFFFF; background-color: #C13A3A; text-decoration:none;display:inline; padding:2px 5px 2px 5px; font-size:11px;  }
a.button:visited { color:#FFFFFF; background-color: #C13A3A; text-decoration:none;display:inline; padding:2px 5px 2px 5px; font-size:11px;  }
a.button:hover { color:#FFFFFF; background-color: #333333; text-decoration:none; display:inline; padding:2px 5px 2px 5px; font-size:11px; }

table.etiquette { width:100%; padding:5px; }
table.etiquette td {width:50%; vertical-align:top;  padding:5px; text-align:center;}
table.etiquette th {width:50%; vertical-align:top;  padding:5px; text-align:center;}

/* Handle Form layout */
table.form  { width:100%; }
table.form td.label { padding: 5px 2px 2px 2px; width:35%; vertical-align:top; }
table.form td.field { padding:2px; width:65%; vertical-align:top; }

/* Handle Sub Services */
div.service { width: 720px; border-top:solid 1px #000000; padding: 5px; }
table.service {width:100%; }
table.service td { vertical-align:top; }
table.service td.image { width:150px; height:120px; text-align:center; }
table.service td.address { width:220px; color:#888888; padding-left:10px; }
table.service td.description { font-size:12px;}
table.service td.links { text-align:right; }

div.alertbox { width: 530px; border:1px solid #AAAAAA; margin-top:10px; margin-bottom:10px; }
div.alertboxTitle { width:520px; background-color:#CC0000; color:#FFFFFF; padding:5px; }
div.alertBoxText { width: 510px; padding: 10px; }